body {
    background-color: #fafafa;
}

.dialogBody {
    background-color: #fff;
}
/* Hyperlink Color */
a, a:link, a:active, a:visited {
    color: #015cda;
}

/* Make the input yellow when required */
input.required {
    background-color: #ffffe1;
}

/* Make the input yellow when required */
#mytestid span.required {
    background-color: #ffffe1!important;
}


a > .fal {
    color: #444;
}

#tbGlobalSearch {
    background-color: #0042a2;
    color: #fff;
    outline: none;
}

    #tbGlobalSearch::placeholder {
        color: #fff;
        opacity: 0.8;
    }

    #tbGlobalSearch::-webkit-input-placeholder {
        color: #fff;
        opacity: 0.8;
    }

    #tbGlobalSearch:-ms-input-placeholder {
        color: #fff;
        opacity: 0.8;
    }


.current-user,
.current-station {
    color: #fff;
}

.form-control,
.form-control:focus {
    border-color: #bbb;
}

#system-message {
    background: #ff0000; /* fallback for old browsers */
}

.navbar-default {
    background-color: #00204f;
}

    .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-nav > li > a > .fal {
        color: #fff;
    }
    .navbar-default .navbar-nav.mmenuIcon > li > a:focus, .navbar-default .navbar-nav.mmenuIcon > li > a:hover {
        color: #fff;
    }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:focus {
        background-color: #fff;
    }

        .navbar-default .navbar-nav > .active > a > .fal {
            color: #000;
        }

    .navbar-default .navbar-nav > li > a:hover {
        background-color: #3d3d3d;
        color: #fff;
    }

    .navbar-default .navbar-nav > li:hover > a,
    .navbar-default .navbar-nav > li:hover .dropdown-submenu:hover > a {
        background-color: #3d3d3d;
        color: #fff;
    }

.dropdown-menu > li > a {
    color: #000;
}

    .dropdown-menu > li > a:hover {
        background-color: #3d3d3d;
        color: #fff;
    }

/*#current-user .dropdown-menu {
    background-color: #eef7ff; /*-- 21/6/22 kat--
}*/

/*.navbar-default .navbar-nav > .open > #user, .navbar-default .navbar-nav > .open > #user:hover { /*-- 21/6/22 kat--
    background-color: #eef7ff;
}*/

/*#current-user .dropdown-menu .divider { /*-- 21/6/22 kat--
    background-color: #b7e4ff;
}*/

.dropdown-large {
    background-color: #f2c811;
    color: #000;
}

#hlLangSelect img {
    cursor: pointer;
    padding-right: 5%;
    padding-top: 4px;
    padding-bottom: 4.5px;
}

.navbar-default .navbar-nav > li > a.brand {
    color: #fff;
    background-color: #ed1c24;
}

    .navbar-default .navbar-nav > li > a.brand:hover {
        background-color: #ed1c24;
        color: #fff;
    }

.dropdown-menu-large {
    background-color: #333 !important;
    color: #fff;
}

    .dropdown-menu-large > a {
        background-color: #000;
        color: #fff;
    }

        .dropdown-menu-large > a:hover {
            background-color: #666;
        }

.dropdown-menu {
    color: #252525;
}

#historyBox,
#searchbox {
    background-color: #eef7ff;
    color: #252525;
}

#notescounter {
    color: #2aff00;
    font-size: 10px;
}

.myprogress > div {
    background-color: #fff;
}

.bootstrap-dialog.type-primary .modal-header {
    background-color: #fff;
}

.bootstrap-dialog.type-primary .bootstrap-dialog-title {
    color: #000;
}

.ag-theme-balham .ag-header {
    background: linear-gradient(180deg, #f5f7f7 0%, #ddd 100%);
    border-bottom: 1px solid #BDC3C7
}

/*vdev button gradientsx.wheels-combobox-toggle,
.btn-default {
    background: linear-gradient(180deg, #f5f7f7 0%, #ddd 100%);
}
    */



.ag-theme-balham .ag-cell-focus {
    border: 1px solid #b7e4ff !important;
}

.ag-theme-balham .ag-cell.disabled-column {
    background-color: #F5F7F7;
}


.ag-theme-balham .ag-row-odd {
    background-color: #efefef;
}

.ag-theme-balham .ag-row {
    border-color: #efefef;
    transition: background-color 0.5s ease;
}

.ag-theme-balham .ag-row-hover {
    background-color: #b8d5eb;
}

.ag-theme-balham .ag-row-selected {
    background-color: #666;
    background-color: #0173c7;
    border-bottom-color: #666;
    border-top-color: #666;
    border-left-color: #666;
    border-right-color: #666;
    color: #fff;
    transition: background-color 0.5s ease;
}

.separator {
    /*border-color: #ababb9;*/
}

form.modalForm {
    background-color: #fff;
}

#toolbar {
    background: linear-gradient(to bottom, #ddd 0%,#efefef 30%,#fafafa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}



form.modalForm #toolbar {
    background: none;
}

#toolbar a, .toolbar-inline a {
    background-color: #fff;
    color: #000;
    border-color: #bbb;
}
.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li > a:hover {
    color: #ffffff;
}
.btDeleteCurrentView.disabled {
    background-color: #bbb !important;
}

    .btDeleteCurrentView.disabled:hover {
        background-color: #bbb !important;
        color: #000 !important;
        border-color: #bbb !important;
    }

#page-title {
    background-color: #ed1c24;
    color: #fff;
}


.info {
    background-color: #C0C0C0;
    color: #333;
}

.warning {
    background-color: #f2c811;
    color: #333;
}


.wheels-combobox a {
    color: #333 !important;
}

.ag-theme-balham .ag-header {
    /*background-color: #fff;*/
}

.ag-header-row {
    color: #000;
}

.ag-theme-balham .ag-row.ag-row-group.ag-row-footer {
    background-color: #E6E6E6;
}

.nav-tabs li {
    background-color: #fff;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    background-color: #0173c7;
    color: #fff;
}

.nav-tabs li {
    border-right-color: #f4f6f9;
}

#toolbar a:hover {
    background-color: #337ad1;
    border-color: #337ad1;
    color: #fff;
}

.toolbar-inline a:hover {
    border-color: #337ad1;
    background-color: #337ad1;
    color: #fff;
}



#btExport.hasClick,
#btImport.hasClick {
    background-color: #dbe2e6;
}

#btRefresh.hasClick {
    background-color: #f4f6f9;
}


.wheels-combobox a.wheels-combobox-toggle,
#toolbar .wheels-combobox a.wheels-combobox-toggle, .rfid-button {
    background-color: #f0f0f0;
    border: 1px solid #bbb;
}

    .wheels-combobox a.wheels-combobox-toggle:hover,
    #toolbar .wheels-combobox a.wheels-combobox-toggle:hover {
        background-color: #dbe2e6;
    }






/* Btn & btn- Overrides Start */
/*#sidepane*/

.content-area .btCancel.btn.btn-default, .modal .btn.btn-default, .btCancel.btn.btn-default, a.btCancel.btn.btn-default, a.btn.btn-default,
.hasbutton a {
    color: #000;
    border: solid 1px #bbb;
    background-color: #f0f0f0;
}

    .content-area .btCancel.btn.btn-default:hover, .modal .btn.btn-default:hover, .btCancel.btn.btn-default:hover, a.btCancel.btn.btn-default:hover, a.btn.btn-default:hover {
        border: solid 1px #bbb;
        background-color: #dbe2e6;
    }

.content-area .btApply.btn.btn-primary, .modal .btn.btn-primary, .btApply.btn.btn-primary, a.btApply.btn.btn-primary, a.btn.btn-primary {
    color: #000;
    border: solid 1px #bbb;
    background-color: #f0f0f0;
}

    .content-area .btApply.btn.btn-primary:hover, .modal .btn.btn-primary:hover, .btApply.btn.btn-primary:hover, a.btApply.btn.btn-primary:hover, a.btn.btn-primary:hover {
        color: #000;
        border: solid 1px #bbb;
        background-color: #dbe2e6;
    }

.modal .btn.btn-primary {
    background-color: #fff;
}
/* Btn & btn- Overrides End */
.ag-theme-balham .ag-row-footer {
    border-top: 1px solid #0874aa;
}


.ag-theme-balham .ag-row-odd:not(.ag-row-group) .ag-cell.bg-warning {
    background-color: #f7eaa6;
}

.ag-theme-balham .ag-row-odd:not(.ag-row-group) .ag-cell.bg-red {
    background-color: #d20303;
}
/* -------------------------------- Calendar Datepicker Css Start -------------------------------- */
#ui-datepicker-div a.ui-state-default {
    background: none;
    border: none;
    padding: 7px 0;
    transition: background-color 0.5s ease;
}

#ui-datepicker-div a.ui-state-hover {
    border: none;
    background-color: #b4cc8f;
    text-decoration: none;
}

#ui-datepicker-div a.ui-state-active, #rdTokenPosButton .dropdown-menu > li > a:hover {
    background-color: #0173c7;
}

/* -------------------------------- End Calendar Datepicker Css Start -------------------------------- */

.ag-theme-balham .ag-cell-range-selected-1:not(.ag-cell-focus), .ag-theme-balham .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
    background-color: transparent;
    border: none;
    /*color: #fff;*/ 
}

.ag-theme-balham .ag-cell-inline-editing {    
    color: #000; 
}

.ag-cell-value {
    width: 100%;
}

.ag-theme-balham.single-select .ag-row-selected {
    background-color: unset !important;
    color: unset !important;
}

.ag-theme-balham.single-select .ag-row-odd {
    background-color: #efefef !important;
    color: unset !important;
}

.ag-theme-balham.single-select .ag-row-even {
    background-color: #fff !important;
    color: unset !important;
}

/*        .ag-theme-balham .ag-row-focus,
        .ag-theme-balham .ag-row-hover
*/

.ag-theme-balham.single-select .ag-cell-range-selected-1:not(.ag-cell-focus) {
    background-color: #0173c7;
    color: #fff;
}

.wheelsgrid-text-editing {
    color:black!important;
}

.wheelsgrid-datepicker-editing {
    color: black !important;
}

.ag-text-field-input {
    color: black !important;
}

.wheelsgrid-numeric-editing {
    color: black !important;
}

.ag-row-odd .wheelsgrid-combobox-edit {
    background-color: #efefef;
}
.ag-row-even .wheelsgrid-combobox-edit {
    background-color: #fff !important;
}

.ag-row-odd .wheelsgrid-text-editing  {
    background-color: #efefef;
}

.ag-row-even .wheelsgrid-text-editing {
    background-color: #fff !important;
}


.ag-row-selected .ag-cell-not-inline-editing .wheelsgrid-combobox-edit {
    background-color: #0173c7 !important;
}

.ag-row-selected .ag-cell-not-inline-editing .wheelsgrid-text-editing {
    background-color: #0173c7 !important;
    color: white !important;
}

.wheels-combobox a.wheels-combobox-toggle, #toolbar .wheels-combobox a.wheels-combobox-toggle, #ui-datepicker-trigger,
.rfid-button{ /*-- 21/6/22 kat--*/
    background-image: linear-gradient(rgb(245, 247, 247) 0%, rgb(221, 221, 221) 100%);
}

    .wheels-combobox a.wheels-combobox-toggle:hover, #toolbar .wheels-combobox a.wheels-combobox-toggle:hover, .ui-datepicker-trigger:hover {
        background-image: linear-gradient(rgb(233 233 233) 0%, rgb(211 210 210) 100%);
    }

.wheels-combobox .form-control[readonly] + a.wheels-combobox-toggle:hover,
.form-control[readonly] + .ui-datepicker-trigger:hover {
    background-image: linear-gradient(rgb(245, 247, 247) 0%, rgb(221, 221, 221) 100%);
    cursor: default;
}
.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background-color: #0173c7 !important;
}

/*.tab-metrics > li.active > a, .tab-metrics > li.active > a:focus, .tab-metrics > li.active > a:hover { /*-- 21/6/22 kat--
    background-color: inherit;
    color: inherit;
}*/

.container-fluid.sidepane .btApply.btn.btn-primary,
.container-fluid.sidepane a.btApply.btn.btn-primary,
.container-fluid.sidepane a.btn.btn-primary,
.container-fluid.sidepane .btApply,
.modal .btn#btn-ok,
.modal .btn.btn-primary,
a.btn.btn-primary.btn-add-note,
.lock-modal-wnd.modal .btn.btn-default,
#filterButtons .btn-primary,
#scheduleReportModal .btn-primary {
    color: white;
    border: solid 1px #337ad1;
    background-color: #337ad1;
}

.container-fluid.sidepane btCancel.btn.btn-default,
.container-fluid.sidepane a.btCancel.btn.btn-default,
.container-fluid.sidepane a.btn.btn-default,
.container-fluid.sidepane .btCancel.btn.btn-default,
.container-fluid.sidepane .btCancel,
.modal .btn#btn-cancel,
a.btn.btn-default.btn-cancel-note,
.modal .btn.btn-default,
#filterButtons .btn-default,
#scheduleButtons a.btCancel.btn.btn-default,
#scheduleReportModal .btn.btn-default { 
    color: white;
    border: solid 1px #3d3d3d;
    background-color: #3d3d3d;
}


    .container-fluid.sidepane .btApply.btn.btn-primary:hover,
    .container-fluid.sidepane a.btApply.btn.btn-primary:hover,
    .container-fluid.sidepane a.btn.btn-primary:hover,
    .lock-modal-wnd.modal .btn.btn-default:hover,
    .container-fluid.sidepane .btApply:hover,
    .modal .btn#btn-ok:hover,
    a.btn.btn-primary.btn-add-note:hover,
    #filterButtons .btn-primary:hover,
    .modal .btn.btn-primary:hover,
    #scheduleButtons a.btCancel.btn.btn-default:hover, /*-- 21/7/22 kat--*/
    .container-fluid.sidepane .btApply.btn.btn-primary:focus,
    .container-fluid.sidepane a.btApply.btn.btn-primary:focus,
    .container-fluid.sidepane a.btn.btn-primary:focus,
    .lock-modal-wnd.modal .btn.btn-default:focus,
    .modal .btn#btn-ok:focus,
    .container-fluid.sidepane .btApply:focus,
    a.btn.btn-primary.btn-add-note:focus,
    #filterButtons .btn-primary:focus,
    .modal .btn.btn-primary:focus,
    #scheduleButtons a.btCancel.btn.btn-default:focus { /*-- 21/7/22 kat--*/
        color: #337ad1;
        border: solid 1px #337ad1;
        background-color: white;
    }

.container-fluid.sidepane btCancel.btn.btn-default:hover,
.container-fluid.sidepane a.btCancel.btn.btn-default:hover,
.container-fluid.sidepane a.btn.btn-default:hover,
.container-fluid.sidepane .btCancel.btn.btn-default:hover,
.container-fluid.sidepane .btCancel:hover,
.modal .btn#btn-cancel:hover,
a.btn.btn-default.btn-cancel-note:hover,
.modal .btn.btn-default:hover,
#filterButtons .btn-default:hover, /*-- 7/7/22 kat--*/
.container-fluid.sidepane btCancel.btn.btn-default:focus,
.container-fluid.sidepane a.btCancel.btn.btn-default:focus,
.container-fluid.sidepane a.btn.btn-default:focus,
.container-fluid.sidepane .btCancel.btn.btn-default:focus,
.container-fluid.sidepane .btCancel:focus,
.modal .btn#btn-cancel:focus,
a.btn.btn-default.btn-cancel-note:focus,
#filterButtons .btn-default:focus,
.modal .btn.btn-default:focus { /*-- 7/7/22 kat--*/
    color: black;
    border: solid 1px #3d3d3d;
    background-color: #dbdbdb;
}


.lbl-server {
    color: #C0C0C0 !important;
    font-size: 8px !important;
    cursor: default !important;
    border: 0 !important;
    background: none !important;
}

    .lbl-server:hover {
        color: #C0C0C0 !important;
        font-size: 10px !important;
        cursor: default !important;
        border: 0 !important;
        background: none !important;
    }
.customEmailLink {
    color: #015cda;
}

.customEmailLinkextra:hover {
    color: #015cda;
}

.modal .btn.selectbtns {
    color: #000;
    border: solid 1px #bbb;
    background-color: white;
}

    .modal .btn.selectbtns:hover {
        color: #337ad1;
        border: solid 1px #337ad1;
        background-color: white;
    }

.buttons-change-pass input {
    background-color: red;
    color: #fff;
    border: 2px solid red;
}

    .buttons-change-pass input:hover {
        color: red;
        background-color: white;
    }

.blinking-cursor {
    font-weight: 100;
    font-size: 20px;
    color: #2E3D48;
    -webkit-animation: 1s blink step-end infinite;
    -moz-animation: 1s blink step-end infinite;
    -ms-animation: 1s blink step-end infinite;
    -o-animation: 1s blink step-end infinite;
    animation: 1s blink step-end infinite;
}

@keyframes "blink" {
    from, to {
        color: transparent;
    }
    50% {
        color: black;
    }
}

@-moz-keyframes blink {
    from, to {
        color: transparent;
    }

    50% {
        color: black;
    }
}

@-webkit-keyframes "blink" {
    from, to {
        color: transparent;
    }

    50% {
        color: black;
    }

}

@-ms-keyframes "blink" {
    from, to {
        color: transparent;
    }
    50% {
        color: black;
    }
}

@-o-keyframes "blink" {
    from, to {
        color: transparent;
    }

    50% {
        color: black;
    }
}

    .btn-default-search {
        color: #333 !important;
        padding: 4px 12px !important;
        font-size: 12px !important;
        margin-left: 4px !important;
        border: solid 1px #bbb !important;
        background-color: #f0f0f0 !important;
    }

        .btn-default-search:focus {
            background-color: #D0D0D0 !important;
        }


        .btn-default-search:hover {
            background-color: #D0D0D0 !important;
        }

.modal {
    background-color: #0000005c;
}

    .modal.fade {
        background-color: #ffffff00;
    }
.ui-autocomplete.wheels-combobox-list .ui-widget-header span, .ui-autocomplete.wheels-combobox-list .ui-widget-header {
    background-image: linear-gradient(rgb(245, 247, 247) 0%, rgb(221, 221, 221) 100%);
}
    .ui-autocomplete.wheels-combobox-list .ui-widget-header.multicombo.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
        background-color: lightgray !important;
        background-image: linear-gradient(rgb(245, 247, 247) 0%, rgb(221, 221, 221) 100%) !important;
    }


.alert-danger {
    color: white;
    background-color: #ed1c24;
    border-color: #ed1c24;
}

a.alert:hover,
a.alert:visited,
a.alert:active,
a.alert:focus {
    color: white;
    text-decoration: none;
}