body {
    padding-top: 0px;
    padding-bottom: 20px;
    font-size: 12px;
    line-height: 1.2;
}

.form-control {
    font-size: 12px;
    height: 2em;
    line-height: 1.5em;
}

.k-dropdown .k-input {
    font-size: 12px;
    height: 1.5em;
    line-height: 1.5em;
}

input.k-textbox {
    font-size: 12px;
    height: 2em;
    line-height: 1.5em;
}

/*@media screen and (max-width: 1300px) {
    body {
         padding-top: 50px;   
    }
}*/

.form-group {
    margin-bottom: 10px;
}

.k-button {
    min-width: unset;
}

.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
    min-width: unset;
}

.container {
    max-width: 1500px
}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
label,
textarea {
    font-size: 12px;
}

.modal-header-success {
    color: #000000;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #d1e7dd;
    border-color: #a3cfbb;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .modal-header-success .close {
        color: #000000 !important;
        opacity: 1; /* remove faded look */
        text-shadow: none; /* remove gray shadow */
    }

        .modal-header-success .close:hover,
        .modal-header-success .close:focus {
            color: #000000 !important;
            opacity: 0.8; /* slight hover effect */
        }
/* Show prompt */
.modal-header-warning {
    color: #000000;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #FFf3cd;
    border-color: #FFE69C;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .modal-header-warning .close {
        color: #000000 !important;
        opacity: 1; /* remove faded look */
        text-shadow: none; /* remove gray shadow */
    }

        .modal-header-warning .close:hover,
        .modal-header-warning .close:focus {
            color: #000000 !important;
            opacity: 0.8; /* slight hover effect */
        }

#promptModal .modal-header-warning {
    background-color: #FFf3cd !important;
}

#promptModal .btn-warning {
    background-color: #FFf3cd !important; /* same as header */
    border-color: #666666 !important;
    color: #000000;
}

.modal-header-danger {
    color: #000000;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #f8d7da;
    border-color: #FFE69C;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .modal-header-danger .close {
        color: #000000 !important;
        opacity: 1; /* remove faded look */
        text-shadow: none; /* remove gray shadow */
    }

        .modal-header-danger .close:hover,
        .modal-header-danger .close:focus {
            color: #000000 !important;
            opacity: 0.8; /* slight hover effect */
        }

.modal-backdrop.fade.in {
    z-index: 19999;
}

.modal {
    z-index: 20000;
}

.modal-header-info {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #5bc0de;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.navbar * {
    nav-index: -1;
}

.modal-header-primary {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #428bca;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.alert-search {
    margin-left: 25px;
    margin-top: 38px;
    font-size: 14px;
}

.alert-info-icon {
    margin-left: 2px;
    height: 24px;
}

/*For Page title*/
.page-title-style {
    font-family: Georgia !important;
    font-weight: bold;
}

/* Layout Menu style*/
.layout-menu-style {
    background-color: #F2F1F1 !important;
    border-bottom: 5px solid;
}
/*Panel header style*/
/*.panel-header-style {
    background-color: #477E9F !important;
}

.btn-primary {
    background: #477E9F !important;
    color: white !important;
}*/

/* --> ADA Fix start */
label {
    font-weight: 600;
    color: #000 !important;
    font-size: 14px;
    padding-bottom: 2px;
}
/* =====================================================
   PANEL PRIMARY HEADER THEME
   ===================================================== */
.panel-bgcolor {
    background-color: #0A1128 !important;
    border-color: #0A1128;
}

.panel-primary {
    border-color: #0A1128;
}

    .panel-primary > .panel-heading {
        background-color: #0A1128;
        border-color: #0A1128;
        font-size: 14px !important;
        font-weight: 600;
        padding: 10px 15px;
    }

    /* =====================================================
    HEADER TEXT
    ===================================================== */

        /* CHANGED: target only control-label instead of all labels */
        .panel-primary > .panel-heading label.control-label {
            color: #ffffff !important;
        }

        /* CHANGED: added panel-title */
        .panel-primary > .panel-heading .panel-title,
        .panel-primary > .panel-heading > span {
            color: #ffffff;
        }


/* =====================================================
   KENDO CONTROL FIX
   ===================================================== */

/* NEW: prevents header color from affecting Kendo widgets */
.panel-heading .k-widget,
.panel-heading .k-widget * {
    color: #333;
}

/* NEW: ensure Kendo multiselect background stays white */
.panel-heading .k-multiselect {
    background-color: #ffffff;
}

/* =====================================================
   HEADER LAYOUT
   ===================================================== */

.panel-heading .row {
    display: flex;
    align-items: center;
}

/* =====================================================
   PANEL BODY SPACING
   ===================================================== */

.panel-body {
    padding-bottom: 12px;
}

/* =====================================================
   Footer style starts Old color #1f4e79 new color #0C1127
   ===================================================== */

.footer-theme {
    margin-top: 10px;
    background-color: #0C1127;
    color: #ffffff;
    display: flex;
    align-items: center; /* vertical center */
    justify-content: space-between; /* left + right alignment */

    min-height: 40px; /* control height */
    padding: 0 15px; /* horizontal spacing */
}

    .footer-theme label,
    .footer-theme span {
        color: #ffffff;
        font-size: 14px;
        font-weight: 700;
    }

/* Flex container */
.page-wrapper {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
}

/* Content grows to push footer down */
.content-wrapper {
    flex: 1;
    padding-left: 8px;
    padding-right: 8px;
}

.footer-right {
    margin-left: auto; /* pushes to right in flex */
}
/* Footer style ends */

/* Buttons */
.btn {
    font-size: 14px;
    font-weight: 600;
}

    button.btn-primary,
    .btn.btn-primary {
        background-color: #52339A !important;
        border-color: #52339A;
        color: #ffffff;
    }

        button.btn-primary:hover,
        button.btn-primary:focus,
        button.btn-primary:active,
        .btn.btn-primary:hover,
        .btn.btn-primary:focus,
        .btn.btn-primary:active {
            background-color: #52339A !important;
            border-color: #52339A;
            color: #ffffff;
        }

/* PRIMARY BUTTON — FORCE ADA SAFE */
.k-grid button.btn-primary,
.k-grid .btn.btn-primary {
    background-color: #52339A !important;
    border-color: #52339A !important;
    color: #ffffff !important;
}

.k-grid .k-master-row td button.btn-primary,
.k-grid .k-alt td button.btn-primary {
    background-color: #52339A !important;
    border-color: #52339A !important;
    color: #ffffff !important;
}

.btn-default {
    color: #333333 !important;
    background-color: #ffffff;
    border-color: #cccccc;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active {
        color: #333333 !important;
    }

    .btn-default:disabled,
    .btn-default[disabled] {
        color: #666666 !important;
    }
/* <-- ADA Fix End */

/* Kendo default color override */
.k-list .k-selected,
.k-list-item.k-selected,
.k-popup .k-list .k-item.k-selected {
    background-color: #d1c9fc !important;
    color: #000000 !important;
}

.k-list-item:hover,
.k-state-hover {
    background-color: #d1c9fc !important;
}

.k-animation-container .k-table-row.k-selected,
.k-animation-container .k-table-row.k-selected .k-table-td {
    background-color: #d1c9fc !important;
    color: #000000 !important;
}

/* Hover */
.k-animation-container .k-table-row:hover {
    background-color: #d1c9fc !important;
}

/* Focus (keyboard navigation) */
.k-animation-container .k-table-row.k-focus {
    background-color: #d1c9fc !important;
}


/* Date picker selected day */
.k-calendar .k-selected,
.k-calendar .k-calendar-td.k-selected .k-link {
    background-color: #d1c9fc !important;
    color: #ffffff !important;
}

/* Hover */
.k-calendar .k-calendar-td:hover .k-link {
    background-color: #d1c9fc !important;
}

/* Focus */
.k-calendar .k-focus .k-link {
    background-color: #d1c9fc !important;
}