body {
}

.p-0 {
    padding: 0 !important;
    margin-left: 0;
    margin-right: 0;
}

.page-header {
    height: 3.125rem !important;
}

.page-logo {
    height: 3.125rem;
    width: 16.875rem;
    -webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.13);
    overflow: hidden;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
    min-height: 1px;
    padding: 0 2rem;
    background-color: #fff;
    background-image: none;
}

#js-page-content {
    padding: 14px 22px;
}

.display-4.d-block.l-h-n.m-0.fw-500 {
    font-size: 25px !important;
}

.pos-bottom {
    bottom: 55px;
}

.alert {
    padding: 8px 1.25rem !important;
}

.cssyear {
    width: 50px;
}

.RadDropDownList_Bootstrap {
    color: #333;
    font-size: 13px !important;
    padding-right: 10px;
    font-family: Calibri !important;
    line-height: 1.42857143;
    width: 90px;
    height: 31px;
}

.rddlInner {
    padding: 5px !important;
}

.RadComboBox_Bootstrap .rcbInput {
    color: #333;
    font-size: 13px !important;
    padding-right: 10px;
    font-family: Calibri !important;
    line-height: 1.42857143;
    width: 90px;
    height: 30px;
}

.RadComboBox_Bootstrap .rcbArrowCell a {
    height: 30px !important;
}

.rcbHovered, .RadComboBoxDropDown label {
    font-size: 13px !important;
    font-family: Calibri !important;
}

.page-logo img {
    /*width: 202px !important;*/
    height: 50px !important;
}

.displaynone {
    display: none;
}

.page-content-wrapper {
    background-color: #f3f1f5;
}

.page-logo-minmize {
    display: none;
    background-color: white;
}

    .page-logo-minmize img {
        width: 160px;
        margin-left: 6px;
        height: 49px;
        margin-right: 10px;
    }

.nav-function-minify:not(.nav-function-top) .page-sidebar .page-logo {
    display: none;
}

.nav-function-minify:not(.nav-function-top) .page-logo-minmize {
    display: block;
    background-color: white;
}

.nav-function-hidden:not(.nav-function-top) .page-logo-minmize {
    display: block;
    background-color: white;
}

.breadcrumb-arrow li a {
    font-size: 12px;
}

.page-sidebar {
    width: 14rem;
    max-width: 14rem;
}

.page-logo {
    width: 14rem;
    padding: 0 19px;
}

.form-control {
    border: 1px solid #a5abb180;
}

.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after {
    background-color: #ffffff;
    left: 2.0rem;
}

.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before {
    border-left: 1px solid #fff;
}

.nav-menu li > ul li a {
    color: #fff;
    padding: 0.8125rem 0 0.8125rem 3rem;
}

.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul {
    background-color: #333;
    width: 14.75rem;
}

.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a {
    background: #4caf50;
}

.nav-menu li a:hover > [class*='fa-'], .nav-menu li a:hover > .ni {
    color: #f2f2f26b;
}

.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before {
    color: #333;
    width: 14.75rem;
}

.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child {
    background: #333;
    top: 0px;
}

    .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before {
        color: #333;
        top: 0px;
    }

.subheader-title {
    font-size: 1rem;
}

.nav-function-fixed:not(.nav-function-top):not(.nav-function-hidden):not(.nav-function-minify) .page-content-wrapper {
    padding-left: 13.875rem;
}

.footer-function-fixed .page-footer {
    left: 13.875rem;
}

.RadGrid_Default {
    background-color: transparent !important;
}

.mod-skin-dark:not(.mod-skin-light) .table, .mod-skin-dark:not(.mod-skin-light) .table-bordered th, .mod-skin-dark:not(.mod-skin-light) .table-bordered td, .mod-skin-dark:not(.mod-skin-light) .table thead th, .mod-skin-dark:not(.mod-skin-light) .table th, .mod-skin-dark:not(.mod-skin-light) .table td {
    color: #ccc;
}

.RadGrid .rgMasterTable, .RadGrid .rgDetailTable, .RadGrid .rgEditForm table {
    border-collapse: collapse !important;
}

.mod-skin-dark .page-logo {
    background: transparent !important;
}

.breadcrumb-arrow li a:before, .breadcrumb-arrow li a:after {
    border-width: 1.30em 10px;
}

.keyscreen {
    border-radius: 6px;
}

.ajax__calendar .ajax__calendar_container {
    z-index: 10000;
}

.ajax__calendar_body {
    margin-left: -5px !important;
    width: 169px !important;
}

.ajax__calendar_container TABLE {
    width: 100%;
}

    .ajax__calendar_container TABLE tr {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

    .ajax__calendar_container TABLE td {
        border-right: 1px solid #ccc;
        padding: 1px;
    }

.chartist-tooltip {
    position: absolute;
    display: inline-block;
    opacity: 0;
    min-width: 5em;
    padding: .5em;
    background: #F4C63D;
    color: #453D3F;
    font-family: Oxygen,Helvetica,Arial,sans-serif;
    font-weight: 700;
    text-align: center;
    pointer-events: none;
    z-index: 1;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

    .chartist-tooltip:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        width: 0;
        height: 0;
        margin-left: -15px;
        border: 15px solid transparent;
        border-top-color: #F4C63D;
    }

    .chartist-tooltip.tooltip-show {
        opacity: 1;
    }

.ct-area, .ct-line {
    pointer-events: none;
}

/*# sourceMappingURL=chartist-plugin-tooltip.css.map */

/* LOADING */


.loading {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    display: none;
    z-index: 1000;
}

    .loading > div {
        width: 60px;
        height: 60px;
        position: absolute;
        left: 50%;
        margin-left: -30px;
        top: 35%;
        margin-top: -30px;
    }


        .loading > div > div {
            content: '';
            position: absolute;
            width: 16px;
            height: 16px;
            background: #ff8c00;
            top: 10px;
            left: 10px;
            transform-origin: 20px 20px;
            border-radius: 8px;
            animation: spin-a 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
        }

        .loading > div > .c2 {
            top: 10px;
            left: auto;
            right: 10px;
            transform-origin: -4px 20px;
            animation: spin-b 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
        }

        .loading > div > .c3 {
            top: auto;
            left: auto;
            right: 10px;
            bottom: 10px;
            transform-origin: -4px -4px;
            animation: spin-c 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
        }

        .loading > div > .c4 {
            top: auto;
            bottom: 10px;
            transform-origin: 20px -4px;
            animation: spin-d 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
        }

@keyframes spin-a {
    0% {
        transform: rotate(90deg);
    }

    0% {
        transform: rotate(90deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(270deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin-b {
    0% {
        transform: rotate(90deg);
    }

    25% {
        transform: rotate(90deg);
    }

    25% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(270deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin-c {
    0% {
        transform: rotate(90deg);
    }

    25% {
        transform: rotate(90deg);
    }

    50% {
        transform: rotate(180deg);
    }

    50% {
        transform: rotate(270deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin-d {
    0% {
        transform: rotate(90deg);
    }

    25% {
        transform: rotate(90deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(270deg);
    }

    75% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.loading > span {
    width: 100px;
    height: 30px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 35%;
    margin-top: 30px;
    color: #ff8c00;
    font-size: 12px;
    text-align: center;
    font-family: Segoe UI Symbol;
}