@import "../../../../assets/less/core/boot.less";

@color-datepicker-button: #e67e22;
@color-datepicker-button-today: #34495e;
@color-datepicker-button-hover: #5fb6f5;

.field-datepicker {

}

.pika-single {
    border-color: @color-focus;
    border-radius: @border-radius-base;
    font-size: 12px;
    margin-top: 5px;
    &.is-bound {
        box-shadow: 0 5px 10px -5px rgba(0,0,0,.5);
    }
    abbr {
        border-bottom: none;
    }
    .pika-button {
        border-radius: 0!important;
    }
    .is-today .pika-button {
        background: #ddd;
        font-weight: bold;
        color: @color-datepicker-button-today;
    }

    .is-selected .pika-button {
        box-shadow: none;
        background: @color-datepicker-button;
    }

    .pika-button:hover {
        background: @color-datepicker-button-hover !important;
    }

    .pika-label {
        font-weight: normal;
    }

    .pika-table th {
        text-transform: uppercase;
    }

    .pika-footer {
        .pika-label {
            font-size: 12px;
        }
    }
}

.clockpicker-popover {
    z-index: 9999;
}