﻿


.datetimepicker {
}

    .datetimepicker label {
        /*font-family: Montserrat;
        font-weight: 700;
        letter-spacing: -0.4px;
        margin-bottom: 0px;
        cursor: pointer;
        font-size: 12.5px;*/
        font-family: Montserrat;
        font-weight: 500;
        letter-spacing: -0.2px;
        margin-bottom: 0px;
        cursor: pointer;
        font-size: 12.5px;
    }

    .datetimepicker input {
        font-family: 'Open Sans';
        height: 30px;
        padding-left: 3px !important;
        padding-right: 3px !important;
        font-size: 14px;
        z-index: 1;
        background-color: transparent;
    }

    .datetimepicker.disabled label {
        cursor: not-allowed;
    }


.datepicker table thead tr:first-child th {
    background-color: #75B6FC;
}

    .datepicker table thead tr:first-child th:hover {
        background-color: #83C4FF;
    }

.datepicker table thead tr .picker-switch {
    font-family: Montserrat;
    font-size: 11px !important;
}

.datepicker table thead tr th .glyphicon {
    background-color: transparent !important;
}

.datepicker table thead tr:last-child th:first-child {
    padding-left: 9px;
    padding-right: 9px;
}

.datepicker table thead tr:last-child th:last-child {
    padding-left: 9px;
    padding-right: 9px;
}


.datepicker table td {
    color: #606060 !important;
    font-family: 'Open Sans';
}

.datepicker table thead tr:last-child th {
    background-color: #5EAAEF;
}


.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: transparent;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background-color: transparent;
}

.bootstrap-datetimepicker-widget table td.today:before {
    bottom: 25px;
    right: 0px;
    z-index: -1;
}

.bootstrap-datetimepicker-widget table td.today {
    padding-top: 20px;
    z-index: 1;
}

.datepicker table td.active:before {
    background-color: #75B6FC;
}

.datepicker table td.active {
    color: white !important;
    text-shadow: none !important;
}

.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
    color: #C0C0C0 !important;
}


.datepicker-months .month.active, .datepicker-years .year.active, .timepicker-minutes .minute.active, .timepicker-hours .hour.active {
    background-color: #75B6FC;
    text-shadow: none !important;
}

.datepicker table thead tr:last-child th {
    font-size: 10px;
    font-family: 'open sans';
    font-weight: bold;
}

.picker-switch accordion-toggle {
    width: 50% !important;
}


.timepicker-picker table tbody tr + tr:not(:last-child) {
    background-color: #75B6FC;
}

.datetimepicker .dtp-container > i {
    position: absolute;
    right: 5px;
    bottom: 7px;
    font-size: 16px;
    z-index: -1;
}

.timepicker .btn {
    min-width: 0px;
}

    .timepicker .btn.btn-primary {
        color: white;
    }

.timepicker td a .glyphicon {
    color: #75B6FC;
}
