label {
    font-weight: 500;
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
/*input,
select,
textarea {
    max-width: 280px;
}*/

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* buttons and links extension to use brackets: [ click me ] */
.btn-bracketed::before {
    display: inline-block;
    content: "[";
    padding-right: 0.5em;
}

.btn-bracketed::after {
    display: inline-block;
    content: "]";
    padding-left: 0.5em;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

.btn-save, .btn-cancel, .btn-delete {
    min-width: 90px;
}

.btn-cancel, .btn-delete {
    margin-left: 10px;
}

.div-save {
    min-height: 100px;
}

.table-search-header {
    width: 100%;
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-r-5 {
    margin-right: 5px;
}

.m-l-5 {
    margin-left: 5px;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.pointer {
    cursor: pointer;
}

.required-label {
    padding-left: 5px;
}

.input-validation-error {
    border: 1px solid #dd1037;
}

.input-validation-error-custom {
    border: 1px solid #dd1037 !important;
}

.validation-message {
    color: #dd1037;
}

.input-search {
    max-width: 280px;
    margin-right: 5px;
}
/*.avatar-circle {
  width: 100px;
  height: 100px;
  background-color: $brand-special;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.initials {
  position: relative;
  top: 25px; 
  font-size: 50px;
  line-height: 50px; 
  color: #fff;
  font-family: "Courier New", monospace;
  font-weight: bold;
}*/


.main-header > .navbar {
    min-height: 40px;
    max-height: 80px;
}

.main-header a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.navbar-brand {
    padding: 0px 10px 0px 0px;
}

.user-menu a {
    padding: 0px 10px !important;
}

/*Application Selector Menu Start*/
/* navbar-brand-menu
    --------------------------------------------------------------------------------------------------------*/
.navbar-app-menu {
    float: left;
    padding-right: 10px;
}

.navbar-brand-menu .dropdown-toggle {
    color: #f6f6f6;
    padding: 20px;
    line-height: 60px;
    display: block;
}

.navbar-brand-menu.open .dropdown-toggle {
    background: rgba(0,0,0,0.1);
    color: #f6f6f6;
}

.navbar-brand-menu .dropdown-toggle:hover {
    background: rgba(0,0,0,0.1);
    color: #f6f6f6;
}


.navbar-brand-menu .dropdown-menu {
    width: 100%;
    max-width: 900px;
    max-height: 80vh;
    overflow: auto;
    border: 0px;
    border-radius: 0px;
    border-top: 3px solid #aba0a0;
    margin-top: 0px;
}

.navbar-brand-menu .menu-list {
    padding: 10px;
    list-style: none;
    border: 1px solid #e7eaf3;
    display: inline-block;
}

    .navbar-brand-menu .menu-list li {
        position: relative;
    }

        .navbar-brand-menu .menu-list li:after {
            content: '';
            width: 1px;
            background-color: #e7eaf3;
            position: absolute;
            top: 15px;
            bottom: 15px;
            right: 0px;
        }

        .navbar-brand-menu .menu-list li:nth-child(3n)::after {
            content: '';
            width: 0;
        }

        .navbar-brand-menu .menu-list li:last-child::after {
            content: '';
            width: 0;
        }

        .navbar-brand-menu .menu-list li a {
            position: relative;
            padding: 30px 15px 30px 72px;
            display: block;
            min-height: 100px;
            border-bottom: 1px solid #e7eaf3;
            color: #1e2022;
            display: flex;
            align-items: center;
        }

        .navbar-brand-menu .menu-list li:last-child a {
            border-bottom: 0px;
        }

        .navbar-brand-menu .menu-list li :hover {
            color: #3c8dbc;
        }

        .navbar-brand-menu .menu-list li a .app-logo, .multi-lefta .app-logo {
            display: block;
            width: 50px;
            position: absolute;
            top: 12px;
            left: 5px;
        }

.multi-lefta .app-logo {
    left: 18px !important;
}

.multi-lefta ul {
    list-style: disc;
    margin-left: 50px;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.multi-lefta-link {
    border-bottom: none !important;
    min-height: 25px !important;
    padding: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    color: #3c8dbc !important;
}

    .multi-lefta-link:hover {
        font-weight: 600;
    }

.navbar-brand-menu .menu-list li.border-none::after {
    content: '';
    display: none;
}

.navbar-brand-menu .menu-list li.border-none a {
    border: 0px;
}

/* Responsive Media Queries
--------------------------------------------------------------------------------------------------------*/
@media (max-width:991px) {
    .navbar-brand-menu .menu-list li:nth-child(3n)::after {
        content: '';
        width: 1px;
    }

    .navbar-brand-menu .menu-list li:nth-child(2n)::after {
        content: '';
        width: 0;
    }

    .navbar-brand-menu .dropdown-menu {
        max-width: 700px;
        width: 80%;
    }
}

@media (max-width:767px) {
    .navbar-brand-menu .menu-list li:after {
        display: none;
    }

    .navbar-brand-menu .dropdown-menu {
        max-height: calc(100vh-70px);
    }
}
/*Application Selector Menu END*/

.avatar-circle {
    margin-top: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: white;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.initials {
    position: relative;
    top: 5px;
    color: dimgray;
    font-family: "Courier New", monospace;
    font-size: 20px;
    font-weight: bold;
}


/*.app-row {
    padding: 5px 10px 10px 10px;
}*/




/*.content-body {
    min-height: 600px;
}*/

.overlay {
    min-height: 100px;
}

.affix {
    top: 3px;
    right: 60px;
    padding: 0px;
    /*width: 100%;
    float:right;*/
    background-color: gray;
    z-index: 1200;
}

.review-logo {
    padding: 0px 2px 0px 2px;
}

.k-pdf-export .pdf-hide {
    display: none;
}

.section-title {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 10px;
    font-weight: bold;
}

.padding-right-5 {
    padding-right: 5px;
}

.padding-5 {
    padding: 5px;
}

.border-success {
    border: 1px solid #00a65a;
}

.border-danger {
    border: 1px solid #dd4b39;
}

    .border-danger.thick {
        border-width: 2px;
    }

.border-warning {
    border: 1px solid #f39c12;
}

.badge-clear {
    background-color: #fff;
    color: gray;
}

.control-sidebar, .control-sidebar-bg {
    width: 350px;
    right: -350px;
}

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

.no-app {
    opacity: .4;
}

.padding-right-25 {
    padding-right: 25px;
}

.padding-left-15 > [class*="col-"] {
    padding-left: 15px;
}

.no-gutter > [class*="col-"] {
    padding-left: 0px;
    padding-right: 0px;
}

/* -----2 column Dropdown -----*/
.dropdown-menu.columns-2 {
    min-width: 370px;
}

.multi-column-dropdown {
    list-style: none;
    padding: 5px;
}

.rounded {
    border-radius: 10px;
    background: #F5F5F5;
}

.align-middle {
    vertical-align: middle !important;
}

.breaking-line {
    border-top: 1px solid #c4c4c4;
}

.k-grid-content {
    min-height: 50px;
}

.no-margin {
    margin: 0px !important;
}

.bold {
    font-weight: bold;
}

#training_quizzes_grid .k-grid tbody tr {
    cursor: move;
}

.placeholder {
    outline-style: dashed;
    outline-width: 1px;
    outline-color: red;
}

.score-sheet {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 800px;
    width: 100%;
    background-color: #ffffff;
    z-index: 2000;
}

.k-file-extension, .k-file-state, .k-file-name, .k-file-size {
    margin-right: 5px;
}

/* -----scroll width -----*/
/* width */
.menuscroll {
    max-height: 80vh !important;
    overflow-y: auto !important;
}


.dropdown-menu::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.dropdown-menu::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.dropdown-menu::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    .dropdown-menu::-webkit-scrollbar-thumb:hover {
        background: #e1e3e9;
    }

/* -----scroll width -----*/


#grd_rating span.k-selected-color {
    padding-bottom: 5px;
    width: 100% !important;
}

#grd_rating span.k-picker-wrap.k-state-default {
    width: 55% !important;
}

#grd_rating span.k-widget.k-colorpicker.k-header {
    width: 50% !important;
}

.dor-table {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
}


.image-preview {
    max-height: 80px !important;
    max-width: 80px !important;
}

.m-l-10 {
    margin-left: 10px;
}

.k-i-insert-video:before {
    content: "\e82c"
}

#grd_maintenancenotification [data-valmsg-for="displayDate"] {
    max-width: 175px !important;
}

.maintenance-alert {
    margin-bottom: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.scheduleoverview-td {
    padding: 0px !important;
    vertical-align: top !important;
}

.popover {
    white-space: pre-wrap;
    max-width: 100%;
}

    .popover .popover-title {
        font-weight: bold;
    }

.editablediv {
    border: 1px solid #d2d6de !important;
    border-radius: 0px;
    overflow: auto;
}

.line-breaker {
    white-space: pre-line;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-15 {
    margin-right: 10px;
}

.display-inline-block {
    display: flex;
    flex-wrap: wrap;
}

    .display-inline-block > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

.k-i-upload-image:before {
    font-family: FontAwesome;
    content: "\f093"
}


/*Increase breadcrum font size*/
.content-header > .breadcrumb > li > a {
    color: #3c8dbc;
    font-size: medium;
}

.content-header > h1 > small {
    margin-top: 10px;
}

.breadcrumb > .active {
    font-size: medium;
}

.breadcrumb > li + li:before {
    font-size: medium;
}


/* Undo CSS */
.k-i-Undo:before {
    font-family: FontAwesome;
    content: "\f0e2";
}

/* Redo CSS */
.k-i-Redo:before {
    font-family: FontAwesome;
    content: "\f01e";
}

.content-header > .breadcrumb {
    background-color: #ecf0f5;
}


.box-header > .box-tools {
    top: 3px;
}

.control-sidebar-open .content-wrapper, .control-sidebar-open .right-side, .control-sidebar-open .main-footer {
    margin-right: 350px;
}

.timeline-inverse > li > .timeline-item {
    word-break: break-word;
}

.k-grid .k-grid-header .k-header .k-link {
    height: auto;
}

.k-grid .k-grid-header .k-header .k-link {
    white-space: normal;
}

/*.k-grid tr:nth-child(even), tr:nth-child(even) {
    background-color: rgb(236, 244, 248);
}*/

.k-grid tr:nth-child(even) {
    background-color: rgb(236, 244, 248);
}

.alternet-row-color tbody tr:nth-child(even) {
    background-color: rgb(236, 244, 248);
}

.k-grid tr.k-filter-row th {
    background-color: #f5f5f5;
}

tr.k-grid-edit-row.bg-warning {
    background-color: #fcf8e3;
}

.k-grid tr:hover {
    background-color: #ebebeb;
}

.item-header,
#tbldorrating tr.item-header {
    background-color: aliceblue;
}

.content-header > .breadcrumb > li + li:before {
    content: "> ";
}

.dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > a > .fa,
.dropdown-menu > li > a > .ion {
    width: 14px;
}

img.recuitLogo {
    max-height: 105px;
    max-width: 105px;
}

/*IE Preview Switch Issue*/
.bootstrap-switch-label {
    width: 52px !important;
}

.min-td-width {
    min-width: 20vw !important;
}

/*Grid View Scroll*/
.GridViewScrollHeader Th, .GridViewScrollHeader Td {
    padding: 10px;
    font-weight: normal;
    white-space: nowrap;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    text-align: left;
    vertical-align: bottom;
}

.GridViewScrollItem Td {
    padding: 10px;
    white-space: nowrap;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.GridViewScrollItemFreeze Td {
    padding: 10px;
    white-space: nowrap;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #FAFAFA;
}

.alternet-row-color tr.GridViewScrollItemFreeze:nth-child(odd) td {
    background-color: rgb(236, 244, 248) !important;
}

.td-text-center {
    text-align: -moz-center !important;
    text-align: -webkit-center !important;
}

/*Highlight Text*/
.highlightedText-yellow {
    background: yellow
}

.highlightedText-green {
    background: green
}

.highlightedText-orange {
    background: orange
}

.highlightedText-red {
    background: red
}

.highlightedText-blue {
    background: blue
}

/* Multiselect text align left */
.k-multiselect .k-button {
    text-align: left !important;
}

.divSegTextColor {
    background-color: White;
}

.divRatingGuidanceColor {
    background-color: White;
}

.logoBackground {
    background-color: white
}

.text-danger {
    color: red;
}

.text-warn {
    color: #e38a17;
}


.btn-prevNext {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd;
}

    .btn-prevNext:hover {
        color: #333;
        background-color: #d4d4d4;
        border-color: #8c8c8c;
    }

.signTextColor {
    color: red;
}

.thead-traineescore {
    background-color: #f5f5f5;
}

.loadercolor {
    color: #3c8dbc !important;
}

.overview-background {
    background-color: #fff;
}

.editor-readonly {
    background-color: #eee
}

.fixed .content-wrapper, .fixed .right-side {
    padding-top: 90px;
}

.right-sidebar .control-sidebar.control-sidebar-light {
    padding-top: 82px;
}

.datepicker.datepicker-dropdown.dropdown-menu {
    z-index: 1030;
}

.customth {
    color: black;
}

.username-navbar {
    font-size: 14px;
}

.agency-title {
    font-size: 22px;
    margin-right: 17px;
    margin-top: 10px;
    color: white;
    float: right;
}

.navbar-nav > li.dropdown > a.username-navbar {
    line-height: 17px;
    float: right;
}

.navbar-nav > .user-menu .agency-image {
    float: left;
    height: 75px;
    width: 75px;
    border-radius: 40%;
    padding: 2px;
    margin-top: 2px;
}

.navbar-nav > li.dropdown > a, .navbar-brand, li.custommenu > a {
    line-height: 59px;
}

.fixed .content-wrapper, .fixed .right-side {
    padding-top: 90px;
}

.navbar-app-menu > .navbar-nav > li {
    padding-top: 1px;
}

.username-navbar > .caret {
    display: inline-block;
    vertical-align: middle;
}

.username-navbar > b {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}

.main-header .navbar-custom-menu {
    padding-right: 10px;
}

@media(max-width:1023px) {
    .navbar-collapse.pull-left + .navbar-custom-menu {
        display: block;
        position: absolute;
        top: 0;
        right: 40px;
    }

    .main-header .navbar-custom-menu .navbar-nav {
        float: left;
        max-width: 250px;
    }

    .main-header .navbar-collapse {
        padding: 0;
    }

        .main-header .navbar-collapse .nav.navbar-nav {
            height: 0;
            opacity: 0;
            visibility: hidden;
            overflow: hidden;
            display: block;
            float: none;
            background: #fff;
        }

        .main-header .navbar-collapse.collapse.in .nav.navbar-nav {
            height: auto;
            opacity: 1;
            overflow: auto;
            visibility: visible;
        }

        .main-header .navbar-collapse li.custommenu > a, .main-header .navbar-collapse .navbar-nav > li.dropdown > a {
            line-height: 20px;
        }

        .main-header .navbar-collapse .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .main-header .navbar-toggle, .main-header .navbar-header {
        display: block;
        float: none;
    }

    .main-header .navbar-toggle {
        float: right;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .main-header .navbar-nav {
        margin: 0;
    }

    .agency-space {
        display: none;
    }

    .skin-blue .main-header .navbar .dropdown-menu li a {
        color: #777;
    }

    .main-header .navbar-collapse .navbar-nav > li {
        float: none;
    }

    .skin-blue .main-header .navbar-collapse .nav > li > a {
        color: #777;
    }

        .skin-blue .main-header .navbar-collapse .nav > li > a:hover, .skin-blue .main-header .navbar-collapse .nav > li > a:active, .skin-blue .main-header .navbar-collapse .nav > li > a:focus, .skin-blue .main-header .navbar-collapse .nav .open > a, .skin-blue .main-header .navbar-collapse .nav .open > a:hover, .skin-blue .main-header .navbar-collapse .nav .open > a:focus, .skin-blue .main-header .navbar-collapse .nav > .active > a {
            color: #fff;
            background: #3c8dbc;
        }
}

@media(max-width:767px) {
    .agency-title, .username-navbar > b {
        display: none;
    }

    .main-header .navbar-custom-menu .navbar-nav {
        float: right;
    }

    .nav > li > a.username-navbar {
        padding-left: 8px;
        padding-right: 8px;
    }

    .navbar-nav > .user-menu .agency-image {
        height: 55px;
        width: 55px;
    }

    .main-header > .navbar {
        max-height: 60px;
    }

    .fixed .content-wrapper, .fixed .right-side {
        padding-top: 70px;
    }

    .main-header .navbar-nav > li.dropdown > a, .main-header .navbar-brand {
        line-height: 38px;
    }

    .main-header .navbar-toggle {
        padding-top: 19px;
        padding-bottom: 19px;
    }

    .main-header .navbar-custom-menu {
        padding-right: 0;
    }

    .main-header .navbar-collapse .navbar-nav > li.dropdown > a {
        line-height: 20px;
    }

    .skin-blue .main-header .navbar .dropdown-menu li a:hover {
        background-color: #e1e3e9;
        color: #333;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .navbar-nav > li.dropdown > a.username-navbar {
        margin-top: 22px;
        margin-right: -196px;
    }
}

.min-width-600 {
    min-width: 600px;
}

.width-175 {
    width: 175px;
}

.clsCallRating {
    max-width: 100px !important;
}

.importStatusSuccess {
    color: green;
}

.importStatusError {
    color: red;
}

.k-widget.k-treeview {
    color: #2e2e2e;
}

i.arrow {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    margin-left: 8px;
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

/*Status css*/
.recordStatus .label.arrowed,
.recordStatus .label.arrowed-in {
    position: relative;
    margin-left: 9px;
}

    .recordStatus .label.arrowed:before,
    .recordStatus .label.arrowed-in:before {
        display: inline-block;
        content: "";
        position: absolute;
        left: -14px;
        top: 0;
        border: 9px solid transparent;
        border-width: 9px 7px;
        border-right-color: #abbac3;
    }

    .recordStatus .label.arrowed-in:before {
        border-color: #abbac3;
        border-left-color: transparent !important;
        left: -9px;
    }

.recordStatus .label.arrowed-right,
.recordStatus .label.arrowed-in-right {
    position: relative;
    margin-right: 9px;
}

    .recordStatus .label.arrowed-right:after,
    .recordStatus .label.arrowed-in-right:after {
        display: inline-block;
        content: "";
        position: absolute;
        right: -14px;
        top: 0;
        border: 9px solid transparent;
        border-width: 9px 7px;
        border-left-color: #abbac3;
    }

    .recordStatus .label.arrowed-in-right:after {
        border-color: #abbac3;
        border-right-color: transparent !important;
        right: -9px;
    }

.recordStatus .label-info.arrowed:before {
    border-right-color: #3a87ad;
}

.recordStatus .label-info.arrowed-in:before {
    border-color: #3a87ad;
}

.recordStatus .label-info.arrowed-right:after {
    border-left-color: #3a87ad;
}

.recordStatus .label-info.arrowed-in-right:after {
    border-color: #3a87ad;
}

.recordStatus .label-primary.arrowed:before {
    border-right-color: #2283c5;
}

.recordStatus .label-primary.arrowed-in:before {
    border-color: #2283c5;
}

.recordStatus .label-primary.arrowed-right:after {
    border-left-color: #2283c5;
}

.recordStatus .label-primary.arrowed-in-right:after {
    border-color: #2283c5;
}

.recordStatus .label-success.arrowed:before {
    border-right-color: #82af6f;
}

.recordStatus .label-success.arrowed-in:before {
    border-color: #82af6f;
}

.recordStatus .label-success.arrowed-right:after {
    border-left-color: #82af6f;
}

.recordStatus .label-success.arrowed-in-right:after {
    border-color: #82af6f;
}

.recordStatus .label-warning.arrowed:before {
    border-right-color: #f89406;
}

.recordStatus .label-warning.arrowed-in:before {
    border-color: #f89406;
}

.recordStatus .label-warning.arrowed-right:after {
    border-left-color: #f89406;
}

.recordStatus .label-warning.arrowed-in-right:after {
    border-color: #f89406;
}

.recordStatus .label-important.arrowed:before {
    border-right-color: #d15b47;
}

.recordStatus .label-important.arrowed-in:before {
    border-color: #d15b47;
}

.recordStatus .label-important.arrowed-right:after {
    border-left-color: #d15b47;
}

.recordStatus .label-important.arrowed-in-right:after {
    border-color: #d15b47;
}

.recordStatus .label-inverse.arrowed:before {
    border-right-color: #333333;
}

.recordStatus .label-inverse.arrowed-in:before {
    border-color: #333333;
}

.recordStatus .label-inverse.arrowed-right:after {
    border-left-color: #333333;
}

.recordStatus .label-inverse.arrowed-in-right:after {
    border-color: #333333;
}

.recordStatus .label-pink.arrowed:before {
    border-right-color: #d6487e;
}

.recordStatus .label-pink.arrowed-in:before {
    border-color: #d6487e;
}

.recordStatus .label-pink.arrowed-right:after {
    border-left-color: #d6487e;
}

.recordStatus .label-pink.arrowed-in-right:after {
    border-color: #d6487e;
}

.recordStatus .label-purple.arrowed:before {
    border-right-color: #9585bf;
}

.recordStatus .label-purple.arrowed-in:before {
    border-color: #9585bf;
}

.recordStatus .label-purple.arrowed-right:after {
    border-left-color: #9585bf;
}

.recordStatus .label-purple.arrowed-in-right:after {
    border-color: #9585bf;
}

.recordStatus .recordStatus .label-yellow.arrowed:before {
    border-right-color: #fee188;
}

.recordStatus .label-yellow.arrowed-in:before {
    border-color: #fee188;
}

.recordStatus .label-yellow.arrowed::before {
    border-right-color: #fee188;
}

.recordStatus .label-yellow.arrowed-right:after {
    border-left-color: #fee188;
}

.recordStatus .label-yellow.arrowed-in-right:after {
    border-color: #fee188;
}

.recordStatus .label-light.arrowed:before {
    border-right-color: #e7e7e7;
}

.recordStatus .label-light.arrowed-in:before {
    border-color: #e7e7e7;
}

.recordStatus .label-light.arrowed-right:after {
    border-left-color: #e7e7e7;
}

.recordStatus .label-light.arrowed-in-right:after {
    border-color: #e7e7e7;
}

.recordStatus .label-grey.arrowed:before {
    border-right-color: #a0a0a0;
}

.recordStatus .label-grey.arrowed-in:before {
    border-color: #a0a0a0;
}

.recordStatus .label-grey.arrowed-right:after {
    border-left-color: #a0a0a0;
}

.recordStatus .label-grey.arrowed-in-right:after {
    border-color: #a0a0a0;
}

.recordStatus .label-transparent,
.recordStatus .badge-transparent {
    background-color: transparent !important;
}

.recordStatus .label-grey,
.recordStatus .badge-grey {
    background-color: #a0a0a0 !important;
}

.recordStatus .label-info,
.recordStatus .badge-info {
    background-color: #3a87ad !important;
}

.recordStatus .label-primary,
.recordStatus .badge-primary {
    background-color: #2283c5 !important;
}

.recordStatus .label-success,
.recordStatus .badge-success {
    background-color: #82af6f !important;
}

.recordStatus .label-important,
.recordStatus .badge-important {
    background-color: #d15b47 !important;
}

.recordStatus .label-inverse,
.recordStatus .badge-inverse {
    background-color: #333333 !important;
}

.recordStatus .label-warning,
.recordStatus .badge-warning {
    background-color: #f89406 !important;
}

.recordStatus .label-pink,
.recordStatus .badge-pink {
    background-color: #d6487e !important;
}

.recordStatus .label-purple,
.recordStatus .badge-purple {
    background-color: #9585bf !important;
}

.recordStatus .label-yellow,
.recordStatus .badge-yellow {
    background-color: #fee188 !important;
}

.recordStatus .label-light,
.recordStatus .badge-light {
    background-color: #e7e7e7 !important;
}

.recordStatus .badge-yellow,
.recordStatus .label-yellow {
    color: #996633 !important;
    border-color: #fee188;
}

.recordStatus .badge-light,
.recordStatus .label-light {
    color: #888 !important;
}
/*End Status css*/

.disableDatepicker, .disableDatepicker span, .disablemultiselect {
    cursor: not-allowed !important;
    opacity: 1 !important;
    background-color: #eee !important;
}

.disablemultiselectButton {
    cursor: not-allowed !important;
    opacity: 1 !important;
}

.k-widget.k-dropdowntree {
    width: 100%;
    max-height: 100px;
    overflow-y: auto;
}

.k-datetimepicker .k-tooltip-validation {
    display: none !important;
}


/*Notification Master Screen*/

.notification-links {
    color: black;
    font-size: 20px;
}

.fixed-table {
    table-layout: fixed;
}

.white-smoke {
    background-color: #f3f3f3;
}

.nav-box {
    border-radius: 3px;
    background: #fff;
    border-top: 3px solid #3c8dbc;
}

.notification-data {
    border-right: solid 1px gray;
    padding: 2px;
    text-align: center;
}

.inline-block {
    display: inline-block;
}

/*Login Page Starts*/
.login-box-body {
    padding: 20px;
    min-height: 450px !important;
    width: 100%;
}

.leftasystem-logo {
    position: relative;
    font-size: 22px;
    font-weight: 700;
    color: #082d3d;
    margin-bottom: 25px;
    vertical-align: middle;
}

    .leftasystem-logo img {
        display: inline-block;
        margin-right: 5px;
        width: 70px;
    }

.login-box-body .title {
    font-size: 24px;
    font-weight: 600;
    color: #1b1b1b;
}

.login-box-body .account-list > li > div {
    padding: 10px 0;
    line-height: inherit;
}

.login-box-body .account-list li label {
    font-size: 16px;
    color: #1b1b1b;
    margin: 0px;
    transition: all 0.25s;
}

.login-box-body .account-list li .btn-group .dropdown-toggle {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    box-shadow: none;
}

.login-box-body .account-list li .btn-group.open .dropdown-toggle {
    background-color: #f1f1f1;
}

.login-box-body .account-list > li > div .dropdown-toggle svg {
    height: 16px;
}

.login-box-body .account-list li .btn-group .dropdown-menu {
    border: 0px;
    border-radius: 0px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.17);
    min-width: 0px;
}

.login-box-body .account-list li:hover {
    background-color: #f9f9f9;
}

    .login-box-body .account-list li:hover label {
        padding-left: 5px;
    }

.login-box-body .notification-message {
    font-size: 12px;
    padding: 5px 14px;
    border-top: 1px solid #c4c4c4;
    margin-top: 10px;
}

.login-box-body .forgot-password {
    font-size: 16px;
}

.login-box-body .customer-support {
    font-size: 16px;
}

.account-list {
    padding: 0;
    list-style-type: none;
}

    .account-list > li > div > label {
        cursor: pointer;
    }

    .account-list > li:hover {
        background-color: #e1e1e1;
    }

    .account-list > li > div {
        line-height: 42px;
        font-size: 18px;
        padding: 5px 15px;
        vertical-align: middle;
        margin-bottom: 0px;
        width: 100%;
    }
/*Login Page End*/

.control-label-checkbox {
    vertical-align: middle;
    margin: 0px 5px !important;
}

a.associated-report {
    float: left;
    margin: 7px 10px;
}

.affix > a.associated-report {
    background-color: #f4f4f4;
    border: 1px solid transparent;
    padding: 6px 12px;
    margin: 0;
}

.external-header {
    font-size: 20px;
    font-weight: bold;
}

    .external-header > a {
        font-size: 16px;
    }

.preview-title {
    font-weight: 600;
}

.header-logo-small {
    height: 75px;
    width: 75px;
}
.header-logo-medium {
    height: 100px;
    width: 100px;
}
.header-logo-large {
    height: 150px;
    width: 150px;
}
.header-logo-extra-large {
    height: 200px;
    width: 200px;
}
.mini-app-logo {
    vertical-align: middle;
    padding-right: 10px;
    width: 40px;
}

.customScrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #f1f1f1;
}

.customScrollbar::-webkit-scrollbar {
    width: 5px;
    background-color: #f1f1f1;
}

.customScrollbar::-webkit-scrollbar-thumb {
    background-color: #888;
}

.globalDdlList {
    color: #dd4b39;
}

.globalDdlList:hover {
    color: black;
}

.attachmentlink {
    max-width: 200px;
}

.attachmentlink a {
    display: block;
    word-wrap: break-word;
    white-space: normal;
    text-align: inherit;
}

.k-calendar .k-nav-today:hover {
    text-decoration: none !important;
    background-color: #eee;
}

.datepicker-custom-footer {
    color:black;
    font-weight:bold;
}

.export-status > span {
    padding-left: 2px;
}

.export-status > .export-pending {
    color: orange;
}

.export-status > .export-processing {
    color: blue;
}

.export-status > .export-completed {
    color: green;
}

.export-status > .export-errored {
    color: red;
}

#upload-validation-table > th, td {
    position: relative;
}

.upload-validation-error::after {
    content: "";
    position: absolute;
    top: -1px; /* Align with the original border */
    right: -1px; /* Align with the original border */
    bottom: -1px; /* Align with the original border */
    left: -1px; /* Align with the original border */
    border: 2px solid #dd1037;
    pointer-events: none; /* Ensure the pseudo-element doesn't affect layout */
}

#reportdaterange {
    border: 1px solid #d8d8d8;
    width: 100%;
    padding: 6px;
}

#reportdaterange > .caret {
    float: right;
    margin-top: 10px;
    margin-right: 5px;
}

.divmonthpicker, .divmonthpicker .k-widget.k-datepicker,
.divyearpicker, .divyearpicker .k-widget.k-datepicker {
    width: 100%;
}