﻿.e-datepicker .e-datepicker-days .e-state-default {
    height: 26px !important;
}

.e-datepicker .e-state-default, .e-datepicker table td.e-weeknumber, .e-datepicker table td.e-weeknumber:hover {
    font-size: 11px !important;
}

.e-datepicker.e-calendar {
    width: 240px;
    padding: 0 10px 10px 10px;
}

.e-datepicker .e-header, .e-datetime-popup .e-timecontainer .e-header {
    font-size: 14px;
}

    .e-datepicker .e-header .e-text {
        width: 75%;
    }

.e-datepicker.e-calendar .e-header, .e-datetime-popup .e-timecontainer .e-header {
    padding: 3px 0 3px 0;
}

.e-datepicker .e-week-header {
    height: 30px;
}

.e-datetime-popup .e-timecontainer .e-time-popup ul li {
    padding: 6px 0 6px 9px;
}

.e-time-popup {
    font-size: 11px;
}

.e-datetime-popup .e-dt-button {
    font-size: 12px;
}

.e-datepicker table td::before {
    width: 24px;
    height: 24px;
    left: 5px;
    top: 1px;
}

.e-datepicker .today {
    color: #ff8200;
}

.e-datepicker .e-active::before, .e-datepicker .e-active.e-state-hover::before {
    background: #ff8200;
    width: 25px;
    height: 25px;
    left: 5px;
    top: 0px;
}

.e-datepicker .e-datepicker-days td.e-active:not(:active):after {
    background: rgba(4, 50, 104, 0.5);
}

.e-datepicker td.e-state-hover {
    color: #ff8200;
}

.e-time-popup .e-active {
    color: #ff8200;
}

.e-datepicker .e-datepicker-months td, .e-datepicker .e-datepicker-years td {
    height: 35px;
}

.e-datetime-wrap .e-input {
    font-size: 12px;
}

.e-ntouch.e-datetime-wrap.e-active .e-select {
    color: #ff8200;
}

    .e-ntouch.e-datetime-wrap.e-active .e-select:hover {
        color: #ff8200;
    }

.e-daterangewidget .e-input::selection, .e-datetime-wrap .e-input::selection {
    background: #ff8200;
}

.e-chkbox-wrap .e-chk-image.e-checkmark {
    color: #fff;
    background-color: #ff8200;
}

.e-chkbox-wrap div > span.e-chk-act {
    border-color: #ff8200;
}

.e-togglebutton.e-btn.e-tbtn.e-select.e-flat, .e-btn.e-select.e-flat {
    color: #ff8200;
}

    .e-btn.e-select.e-flat:active {
        color: #ff8200;
    }

    .e-btn.e-select.e-flat:hover, .e-btn.e-select.e-flat:focus {
        color: #ff8200;
    }

.e-grid .e-alt_row {
    background: #fbfbfb;
}

.e-pager .e-currentitem {
    /*background: rgb(255,130,0);
    background: radial-gradient(circle, rgba(255,130,0,1) 31%, rgba(237,0,140,1) 95%);*/
    background: rgb(255,130,0);
    background: linear-gradient(90deg, rgba(255,130,0,1) 0%, rgba(237,0,140,1) 62%, rgba(123,71,148,1) 100%);
}

.e-ddl.e-popactive .e-in-wrap:before, .e-ddl.e-popactive .e-in-wrap:after {
    background: #ff8200;
}

.e-radiobtn-wrap .e-circle_01 {
    border-color: #ff8200;
    color: #ff8200;
}

.e-radiobtn-wrap > span.e-rad-active, .e-radiobtn-wrap > span.e-rad-active:hover {
    border-color: #ff8200;
}

.e-excelfilter.e-dlgcontainer {
    font-size: 12px;
}

.e-datewidget .e-input::selection {
    background: #ff8200;
}

.e-datewidget .e-in-wrap:before, .e-datewidget .e-in-wrap:after {
    background: #ff8200;
}

.e-ddl-popup .e-active.e-hover {
    color: #ff8200;
}

.e-ddl-popup .e-active {
    color: #ff8200;
}

.e-ntouch.e-datepicker .e-footer:hover {
    color: #ff8200;
}

.e-datepicker .e-footer {
    color: #ff8200;
}

.e-radiobtn-wrap span.e-rad-icon.e-icon.e-rad-select:before {
    color: #ff8200;
}

.e-numeric .e-in-wrap:before, .e-percent .e-in-wrap:before, .e-currency .e-in-wrap:before, .e-mask .e-in-wrap:before, .e-numeric .e-in-wrap:after, .e-percent .e-in-wrap:after, .e-currency .e-in-wrap:after, .e-mask .e-in-wrap:after {
    background: #ff8200;
}

.e-atc .e-in-wrap:before, .e-atc .e-in-wrap:after {
    background: #ff8200;
}

.e-excelfilter .e-searchbox .e-ejinputtext:focus {
    border-color: #ff8200;
}

.e-excelfilter .e-btncontainer input, .e-excelfilter .e-checkboxlist .e-ftrchk {
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 12px;
}

.e-grid td.e-active, .e-grid .e-form-titlebar {
    background-color: #d6d5d4;
    color: rgba(0,0,0,.84);
}

.e-datewidget.e-active .e-select {
    color: #ff8200;
}

    .e-datewidget.e-active .e-select:hover {
        color: #ff8200;
    }

.e-datepicker .e-datepicker-days td.e-active {
    color: #fff;
}