body {
    /*background: black; for this demo */
}

.u-header__section--admin-dark .u-header-logo-toggler {
    background-color: #222E44!important;

}
.card-block.g-font-weight-300.g-pa-20 {
    border-bottom: 10px solid #2e3c56 !important;
}

h4.g-font-size-16.g-font-weight-300.g-color-gray-dark-v6.mb-0 {
    font-size: 14px !IMPORTANT;
}
.errborder {
    border:1px solid red;


}

label{
    font-weight: bold !important;

}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: grey !IMPORTANT;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: grey !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: grey !important;
}

div#sideNav {
    overflow: hidden !important;
}
.k-widget.k-window {
    width: 860px;
    max-height: 900px !important;
    top: 0 !important;
    opacity: 1 !important;
}
td{
    cursor:pointer !important;
}

button , input[type='button']{
    cursor:pointer !important;
}
nav.navbar.no-gutters.g-pa-0 {
    box-shadow: -8px -15px 26px 1pc rgb(0,0,0,.8) !important;
}

input:read-only , select[read-only] {
    background-color: #c0c0c0 !important;
    color: black !important;
}
.loader-container{
    width: 100%;
    height: 100vh;

    position: fixed;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader{
    width: 50px;
    height: 50px;
    border: 5px solid;
    color: #3498db;
    border-radius: 50%;
    border-top-color: transparent;
    animation: loader 1.2s linear infinite;
}

@keyframes loader{
    25%{
        color: #2ecc71;
    }
    50%{
        color: #f1c40f;
    }
    75%{
        color: #e74c3c;
    }
    to{
        transform: rotate(360deg);
    }
}

.g-brd-primary {
    border-color: #c2a1c2 !important;
}

#tabstrip input{
    width: 90% !important;
}
#navBar li a:hover{
    background-color: #732876 !important;
    color:white !important;
}




a.k-button.k-bare.k-button-icon.k-window-action.k-dialog-action.k-dialog-close {
    background: red !important;
}


.dataTables_wrapper .dataTables_filter , .dataTables_wrapper .dataTables_paginate{
    display: block !important;
    margin: 0 auto !important;
    margin-left: 0 !important;
    background-color: #222E44!important;
    color:white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 4px !important;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #f3f0f0 !important;
    border: 1px solid transparent;
    border-radius: 2px;
}


.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate{
    display:block !important;
}

a.k-button {
    /*background: #222E44!important;*/
    color: white !important;
}

th a {
    text-transform: capitalize !important;
}

.col.g-ml-45.g-ml-0--lg.g-pb-65--md {
    max-width: 81% !important;
}

/* Kendo Grid CSS */
.instruction{
    color:#ccc;

}
.k-grid {
    color: #000 !important;
}
.k-grid td {
    padding: 5px 12px !important;

}

.k-grid .k-alt {
    background-color: #ccc; /* specify the alternate background-color */
}

.k-grid table th {
    background: #222E44!important;
    color: #fff !important;
}

.k-grid table th a {
    color: #fff !important;
}

.k-header.k-grid-toolbar {
    background: #222E44!important;
    color: #fff;
}

.k-group-indicator .k-button.k-bare {
    background: #222E44 !important;
}

.k-dialog-titlebar{
    background: #222E44!important;
    color: #fff !important;

}


.k-grid-header {
    background: #222E44!important;
}

.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list>.k-state-selected, .k-list>.k-state-highlight, .k-panel>.k-state-selected, .k-button:active, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-marquee-color {
    color: #fff;
    background-color: #222E44!important;
    border-color: #222E44!important;
}

.ui.primary.buttons .button, .ui.primary.button {
    background-color: #5B74A8 !important;
    color: #fff !important;
    background-image: none !important;
}

.k-button {
    background: #5B74A8 !important;
    color: #fff !important;
    background-image: none !important;
}

button[type=button] {
    background-color: #5B74A8 !important;
    color: #fff !important;
    /* border: none !important;*/
    cursor: pointer !important;
}

a.k-button.k-button-icontext.k-grid-excel {
    background: #5B74A8 !important;
    color: #fff !important;
    background-image: none !important;
}

.ui.button{
    background: #5B74A8 !important;
    color: #fff !important;
    background-2: none !important;
}
.k-grid  .k-grid-header  .k-header  .k-link {
    height: auto;
}

.k-grid  .k-grid-header  .k-header {
    white-space: normal;
}
.k-state-selected{
    color: #fff !important;

}
.ReportOptionItem{
    width:300px !important;

}
/* End Kendo Grid CSS */

a.k-button.k-flat.k-button-icon.k-window-action {
    background: #222e44 !important;
    color: white !important;
}