/*@font-face {
    font-family: 'Heading';
    src: url('/fonts/Montserrat-Medium.ttf') format("truetype");
}*/
/*.chart_totalrev_arrow {
    animation: MoveUpDown 1s linear infinite;
    position: relative;
  
}

@keyframes MoveUpDown {
    0%, 100% {
        bottom: 0;
    }

    50% {
        bottom: 20px;
    }
}*/
#pageheader {
    margin: 0px !important;
    padding: 0px !important;
}
.navbar-light {
    max-width: 100%;
    width: 100%;
    margin: 0px !important;
    padding: 0px 0px 0px 10px !important
}
#wrapper {
    /*font-family: 'Heading';*/
    font-size: 35px !important;
}
body {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
.report-form .container-fluid {
    padding: 0px;
    margin: 0px;
    z-index: 4;
}

.btn-custom {
    background-color: #4e73df;
    border-color: #d5def7;
}
    .btn-custom:hover {
        background-color: #86a0e8;
        border-color: #d5def7;
    }
    .btn-custom:active {
        background-color: #86a0e8;
        border-color: #d5def7;
    }
/* 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,
textarea {
    max-width: 280px;
}
span {
    /*font-family: 'Heading';*/
    font-size: 14px;
}
#btnText{
        font-size: 13px;
}
.user{
    font-size: 18px !important;
}
.i-larger {
    font-size: 20px;
    color: #d6ba32;
}
#accordionSidebar {
    background-image: linear-gradient(to right, #3c4048, #35568c);
    /* background-color: RGB(15, 74, 96) !important; */
    /*width: 100%; */
}

.sidebar.collapse.show {
    width: 6.5rem !important;
}

.sidebar-dark .nav-item .nav-link {
    padding: 0px 16px 0px 16px;
    font-size: 20px !important;
    width: 100% !important;
}
.sidebar .nav-item :hover {
    background: rgba(192,192,192,0.2) !important;
}   
/*.sidebar-dark .nav-item :hover {
        background: rgba(192,192,192,0.2);
    }*/
.sidebar .nav-item > .active {
    background: rgba(192,192,192,0.2) !important;
}
.sidebar.toggled .nav-item .nav-link span {
    font-size: 12px;
    overflow-wrap: break-word;
}
.datepicker table tr td, .datepicker table tr th {
    color: #000;
}
/*TABLE DESIGN*/


#tbLDetails {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
}

    #tbLDetails th, td {
        padding: 5px;
        background-color: rgba(255, 255, 255, 0.2);
        color: #fff;
        /* color: #000; */
    }

    #tbLDetails th {
        text-align: center;
        vertical-align:middle;
        
    }

    #tbLDetails thead th {
        background-color: #55608f;
    }

    #tbLDetails tbody tr:hover {
        background-color: rgba(255, 255, 255, 0.3);
    }

    #tbLDetails tbody td {
        position: relative;
        padding: 4px;
    }

#tbLDetails2 {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
}

    #tbLDetails2 th, td {
        padding: 5px;
        background-color: rgba(255, 255, 255, 0.2);
        color: #fff;
        /* color: #000; */
    }

    #tbLDetails2 th {
        text-align: center;
        vertical-align:middle;
        
    }

    #tbLDetails2 thead th {
        background-color: #55608f;
    }

    #tbLDetails2 tbody tr:hover {
        background-color: rgba(255, 255, 255, 0.3);
    }

    #tbLDetails2 tbody td {
        position: relative;
    }

/*#tbLDetails tbody td:hover:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -9999px;
    bottom: -9999px;
    background-color: rgba(255, 255, 255, 0.2);
   
}*/

/*For body of reports pages*/
.report-form {
    padding-bottom: 50px;
    /*font-family: 'Heading';*/
}

    .report-form.dark {
        background-color: #f6f6f6;
        font-size: 15px !important;
    }

    .report-form .content {
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
        background-color: white;
    }

    .report-form .block-heading {
        padding-top: 2px;
        margin-bottom: 1px;
        text-align: left;
        font-weight: 900;
        background: #35568c;
        /* margin-left: -18px !important; */
        height: 4.5rem;
    }

        .report-form .block-heading p {
            text-align: left;
            max-width: 100%;
            margin: auto;
            opacity: 0.7;
        }

    .report-form.dark .block-heading p {
        opacity: 0.8;
    }

    .report-form .block-heading h1,
    .report-form .block-heading h2,
    .report-form .block-heading h3 {
        /*margin-bottom: 1.2rem;*/
        /* color: #2c4374; */
        color: white;
        line-height: 2.0;
        /*-webkit-text-stroke: white 0.5px;
        font-weight: 800;*/
    }

    .report-form form {
        /* border-top: 2px solid #344d85; */
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
        background-color: #ffffff;
        padding: 0;
        max-width: 100%;
        margin: auto;
    }

    .report-form .title {
        font-size: 18px;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        margin-bottom: 0.8em;
        font-weight: 600;
        padding-bottom: 8px;
    }

    .report-form .products {
        background-color: #f7fbff;
        padding: 25px;
    }

        .report-form .products .item {
            margin-bottom: 1em;
        }

        .report-form .products .item-name {
            font-weight: 600;
            font-size: 19px
            ;
        }

        .report-form .products .item-description {
            font-size: 18px;
            opacity: 0.6;
        }

        .report-form .products .item p {
            margin-bottom: 0.2em;
        }

        .report-form .products .price {
            float: right;
            font-weight: 600;
            font-size: 18px;
        }

        .report-form .products .total {
            border-top: 1px solid rgba(0, 0, 0, 0.1);
            margin-top: 10px;
            padding-top: 19px;
            font-weight: 600;
            line-height: 1;
        }
    .report-form .card {
        margin-bottom: 10px;
        max-width: 100%;
        background-color: #395182;
        border-radius: 10px;
        color: white;
    }
    .report-form .card-body {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        /* padding: 1.25rem; */
        /* background: linear-gradient(to top, #ff6e47, #f7dfaf); */
    }
    .report-form .card-body-main {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 1.25rem;
        /* background-color: #0a9cbf !important; */
        border-radius: 10px;
        background-image: linear-gradient(to left, #717c92, #35568c);
    }
    .report-form .cardrows {
        /* background-image: linear-gradient(to right, #fc4a1a, #f7b733); */
        /* background: transparent; */
        background-color: #eaf4ff;
        border-radius: 7px 7px 7px 7px;
        border: 1px solid #b7c5d4;
    }
    .report-form .card-header {
        background-color: #eaf4ff;
        color: #35568c;
        border-radius: 10px 10px 0px 0px;
        border: 1px solid #b7c5d4;
        /* top: 206px; */
        font-size: 16px !important;
        height: 40px;
    }
    .report-form .card-header a {
        font-weight: 1000;
        font-size: 20px !important;
        float: right;
    }
    .report-form .card-row {
        border-radius: 30px;
        background-color: RGB(146, 206, 193);
        color: #033703;
    }
    .report-form .card-img {
        margin: 10px 0 10px 0;
    }
    .report-form iframe {
        border-radius: 10px;
    }
    .report-form .text-muted {
        color: #ffffff !important;
    }
    .report-form .card-details {
        padding: 25px 25px 15px;
    }

        .report-form .card-details label {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 15px;
            color: #79818a;
            text-transform: uppercase;
        }

        .report-form .card-details button {
            margin-top: 0.6em;
            padding: 12px 0;
            font-weight: 600;
        }

    .report-form .date-separator {
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 5px;
    }

@media (min-width: 576px) {
    .report-form .title {
        font-size: 17px;
    }

    .report-form .products {
        padding: 11px;
        margin: 5px 0px 0px 0px
    }

        .report-form .products .item-name {
            font-size: 17px;
        }

        .report-form .products .price {
            font-size: 17px;
        }

    .report-form .card-details {
        padding: 40px 40px 30px;
    }

        .report-form .card-details button {
            margin-top: 2em;
        }
    .report-form .btn-primary {
        background-color: #6b88c3;
        border-color: #abc2f1;
    }
        .report-form .btn-primary:hover {
            background-color: #90ade8 !important;
            border-color: #a7bdea !important;
        }
    .report-form .text-primary {
        color: #182848 !important;
    }
    /*.report-form table thead {
        background-color: #d9e1f2;
    }*/

}
/*END For body of reports pages*/
/*a {
    color: #fff;
    text-decoration: none;
    letter-spacing: 0.15em;
    display: inline-block;
    padding: 15px 20px;
    position: relative;
}

    a:after {
        background: none repeat scroll 0 0 transparent;
        bottom: 0;
        content: "";
        display: block;
        height: 2px;
        left: 50%;
        position: absolute;
        background: #fff;
        transition: width 0.3s ease 0s, left 0.3s ease 0s;
        width: 0;
    }

    a:hover:after {
        width: 100%;
        left: 0;
    }*/
a {
    text-decoration: none;
}

    a:hover {
        font-weight: 700;
    }
/*FOR SEARCH BAR*/

.searchform {
    position: relative;
    margin-bottom: 10px;
}

    .searchform .fa-search {
        position: absolute;
        top: 20px;
        left: 20px;
        color: #9ca3af
    }

    .searchform span {
        position: absolute;
        right: 17px;
        top: 13px;
        padding: 2px;
        border-left: 1px solid #d1d5db
    }

.left-pan {
    padding-left: 7px
}

    .left-pan i {
        padding-left: 10px
    }

.searchform .form-input {
    height: 55px;
    text-indent: 33px;
    border-radius: 10px;
    max-width: 100%;
    border: 1px solid #95a0f1;
    color: #000 !important;
}

    /*.searchform .form-input:focus {
         box-shadow: none; 
         border: none; 
    }*/
button:hover {
    font-weight: 700;
  }
.btn-orange-moon {
    background: #fc4a1a; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f7b733, #fc4a1a); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f7b733, #fc4a1a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
    border: 3px solid #eee;
}
/*BREADCRUMBS*/
@media (max-width: 767px) {
    .btn-breadcrumb {
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px) !important;
    }
}

.btn-breadcrumb {
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    border: solid 1px #ccc;
}

    .btn-breadcrumb .btn {
        border-color: transparent;
        border: 0px solid transparent;
        border-right: 1px solid transparent !important;
        font-size: 11px;
    }

.breadcrumb-default {
    background-color: #fff;
}

.btn-primary, .breadcrumb-primary {
    background-color: #337ab7;
}

    .btn-primary:hover {
        background-color: #286090;
    }

.breadcrumb-success {
    background-color: #5cb85c;
}

.breadcrumb-info {
    background-color: #5bc0de;
}

.breadcrumb-warning {
    background-color: #f0ad4e;
}

.breadcrumb-danger {
    background-color: #d9534f;
}

.breadcrumb-negro {
    background-color: #d4d4d4;
}

.btn-breadcrumb .btn:last-child {
    font-weight: bold;
    /**text-decoration: underline; **/
}

    .btn-breadcrumb .btn:last-child:after {
        margin-left: -3px;
    }

    .btn-breadcrumb .btn:last-child:before {
        margin-left: -1px;
    }


.btn-breadcrumb .btn:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 10px solid white;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    margin-left: 0px;
    left: 100%;
    z-index: 3;
}

.btn-breadcrumb .btn:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 10px solid rgb(173, 173, 173);
    position: absolute;
    top: 50%;
    margin-top: -14px;
    margin-left: 1px;
    left: 100%;
    z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
    padding: 6px 12px 6px 24px;
}

    .btn-breadcrumb .btn:first-child {
        padding: 6px 6px 6px 10px;
    }

    .btn-breadcrumb .btn:last-child {
        padding: 6px 18px 6px 24px;
    }

    /** Default button **/
    .btn-breadcrumb .btn.btn-default:after {
        border-left: 10px solid #9a9a9a0f;
    }

    .btn-breadcrumb .btn.btn-default:hover:after {
        border-left: 10px solid #e6e6e6;
    }

    .btn-breadcrumb .btn.btn-default:hover:before, .btn-breadcrumb .btn.btn-default:before {
        border-left: 10px solid #9a9a9a0f;
    }

.breadcrumb-default {
    border: solid 1px #ffffff;
    background: #9a9a9a0f;
    /* box-shadow: 1px 0px #e8e8e8; */
}

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:after {
    border-left: 10px solid #337ab7;
}

.btn-breadcrumb .btn.btn-primary:hover:after {
    border-left: 10px solid #286090;
}

.btn-breadcrumb .btn.btn-primary:hover:before, .btn-breadcrumb .btn.btn-primary:before {
    border-left: 10px solid #204d74;
}

.breadcrumb-primary {
    border: solid 1px #204d74;
}

/** Success button **/
.btn-breadcrumb .btn.btn-success:after {
    border-left: 10px solid #5cb85c;
}

.btn-breadcrumb .btn.btn-success:hover:after {
    border-left: 10px solid #449d44;
}

.btn-breadcrumb .btn.btn-success:hover:before, .btn-breadcrumb .btn.btn-success:before {
    border-left: 10px solid #398439;
}

.breadcrumb-success {
    border: solid 1px #398439;
}

/** Danger button **/
.btn-breadcrumb .btn.btn-danger:after {
    border-left: 10px solid #d9534f;
}

.btn-breadcrumb .btn.btn-danger:hover:after {
    border-left: 10px solid #c9302c;
}

.btn-breadcrumb .btn.btn-danger:hover:before, .btn-breadcrumb .btn.btn-danger:before {
    border-left: 10px solid #ac2925;
}

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

/** Warning button **/
.btn-breadcrumb .btn.btn-warning {
    background: linear-gradient(to left, #779dea, #35568c);
    color: #ffffff;
    font-size: 16px;
}

.btn-breadcrumb .btn.btn-warning:after {
    border-left: 12px solid #779dea;
}

    .btn-breadcrumb .btn.btn-warning:hover:after {
        border-left: 10px solid #779dea;
    }

.btn-breadcrumb .btn.btn-warning:hover:before, .btn-breadcrumb .btn.btn-warning:before {
    border-left: 10px solid #779dea;
}

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

/** Info button **/
.btn-breadcrumb .btn.btn-info:after {
    border-left: 10px solid #5bc0de;
}

.btn-breadcrumb .btn.btn-info:hover:after {
    border-left: 10px solid #31b0d5;
}

.btn-breadcrumb .btn.btn-info:hover:before, .btn-breadcrumb .btn.btn-info:before {
    border-left: 10px solid #269abc;
}

.breadcrumb-info {
    border: solid 1px #269abc;
}
/*ALERT CSS*/
.Message {
    display: table;
    position: relative;
    margin: 40px auto 0;
    width: 500px;
    background-color: #0074d9;
    color: #fff;
    transition: all 0.2s ease;
}

    .Message.is-hidden {
        opacity: 0;
        height: 0;
        font-size: 0;
        padding: 0;
        margin: 0 auto;
        display: block;
    }

.Message--orange {
    background-color: #f39c12;
}

.Message--red {
    background-color: #ff4136;
}

.Message--green {
    background-color: #2ecc40;
}

.Message-icon {
    display: table-cell;
    vertical-align: middle;
    width: 60px;
    padding: 30px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.25);
}

    .Message-icon > i {
        width: 20px;
        font-size: 20px;
    }

.Message-body {
    display: table-cell;
    vertical-align: middle;
    padding: 30px 20px 30px 10px;
}

    .Message-body > p {
        line-height: 1.2;
        margin-top: 6px;
    }

.Message-button {
    position: relative;
    margin: 15px 5px -10px;
    background-color: rgba(0, 0, 0, 0.25);
    box-shadow: 0 3px rgba(0, 0, 0, 0.4);
    border: none;
    padding: 10px 15px;
    font-size: 16px;
    font-family: "Source Sans Pro";
    color: #fff;
    outline: none;
    cursor: pointer;
}

    .Message-button:hover {
        background: rgba(0, 0, 0, 0.3);
    }

    .Message-button:active {
        background: rgba(0, 0, 0, 0.3);
        box-shadow: 0 0px rgba(0, 0, 0, 0.4);
        top: 3px;
    }

.Message-close {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    border: none;
    outline: none;
    font-size: 20px;
    right: 5px;
    top: 5px;
    opacity: 0;
    cursor: pointer;
}

.Message:hover .Message-close {
    opacity: 1;
}

.Message-close:hover {
    background-color: rgba(0, 0, 0, 0.5);
}
/*END OF ALERT CSS*/
/*LOADING BUTTON*/
.spin {
    padding-left: 2.5em;
    display: block;
    float: right;
}

    /* position of the spinner when it appears, you might have to change these values */
    .spin .spinner {
        left: -3.6em;
        top: 0.2em;
        width: 100%;
        display: block;
        position: absolute;
        /* float: right; */
    }

/* spinner animation */
@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }

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

/* The actual spinner element is a pseudo-element */
.spin .spinner::before {
    content: "";
    width: 1.5em; /* Size of the spinner */
    height: 1.5em; /* Change as desired */
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    border: solid .35em #999; /* Thickness/color of spinner track */
    border-bottom-color: #555; /* Color of variant spinner piece */
    animation: .8s linear infinite spinner; /* speed of spinner */
    transform: translate(-50%, -50%);
    will-change: transform;
}
/*END OF LOADING BUTTON*/
/*MODAL ANIMATION*/
.fade-scale {
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

    .fade-scale.in {
        opacity: 1;
        transform: scale(1);
    }

    .fade-scale .modal-dialog {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%) !important;
    }

.fade-rotate {
    transform: rotate(180deg);
    opacity: 0;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

    .fade-rotate.in {
        opacity: 1;
        transform: rotate(0deg);
    }

    .fade-rotate .modal-dialog {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%) !important;
    }

.fade-flip {
    transform: rotateX(-90deg);
    opacity: 0;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

    .fade-flip.in {
        opacity: 1;
        transform: rotateX(0deg);
    }

    .fade-flip .modal-dialog {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%) !important;
    }
/*END OF MODAL ANIMATION*/
.info-box-content {
    margin-left: 88px !important;
}
.info-box-content.report {
    margin-left: 170px;
    padding: 33px 10px;
}
.info-box-icon.report {
    /* height: 159px; */
    /* width: 170px; */
    border-radius: 3px;
    overflow: hidden;
}
/*
 * Component: Box
 * --------------
 */
.box-older {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

    .box-older.box-older-primary {
        border-top-color: #3c8dbc;
    }

    .box-older.box-older-info {
        border-top-color: #00c0ef;
    }

    .box-older.box-older-danger {
        border-top-color: #dd4b39;
    }

    .box-older.box-older-warning {
        border-top-color: #f39c12;
    }

    .box-older.box-older-success {
        border-top-color: #00a65a;
    }

    .box-older.box-older-default {
        border-top-color: #d2d6de;
    }

    .box-older.collapsed-box .box-older-body,
    .box-older.collapsed-box .box-older-footer {
        display: none;
    }

    .box-older .nav-stacked > li {
        border-bottom: 1px solid #f4f4f4;
        margin: 0;
    }

        .box-older .nav-stacked > li:last-of-type {
            border-bottom: none;
        }

    .box-older.height-control .box-older-body {
        max-height: 300px;
        overflow: auto;
    }

    .box-older .border-right {
        border-right: 1px solid #f4f4f4;
    }

    .box-older .border-left {
        border-left: 1px solid #f4f4f4;
    }

    .box-older.box-older-solid {
        border-top: 0;
    }

        .box-older.box-older-solid > .box-older-header .btn.btn-default {
            background: transparent;
        }

        .box-older.box-older-solid > .box-older-header .btn:hover,
        .box-older.box-older-solid > .box-older-header a:hover {
            background: rgba(0, 0, 0, 0.1);
        }

        .box-older.box-older-solid.box-older-default {
            border: 1px solid #d2d6de;
        }

            .box-older.box-older-solid.box-older-default > .box-older-header {
                color: #444444;
                background: #d2d6de;
                background-color: #d2d6de;
            }

                .box-older.box-older-solid.box-older-default > .box-older-header a,
                .box-older.box-older-solid.box-older-default > .box-older-header .btn {
                    color: #444444;
                }

        .box-older.box-older-solid.box-older-primary {
            border: 1px solid #3c8dbc;
        }

            .box-older.box-older-solid.box-older-primary > .box-older-header {
                color: #ffffff;
                background: #3c8dbc;
                background-color: #3c8dbc;
            }

                .box-older.box-older-solid.box-older-primary > .box-older-header a,
                .box-older.box-older-solid.box-older-primary > .box-older-header .btn {
                    color: #ffffff;
                }

        .box-older.box-older-solid.box-older-info {
            border: 1px solid #00c0ef;
        }

            .box-older.box-older-solid.box-older-info > .box-older-header {
                color: #ffffff;
                background: #00c0ef;
                background-color: #00c0ef;
            }

                .box-older.box-older-solid.box-older-info > .box-older-header a,
                .box-older.box-older-solid.box-older-info > .box-older-header .btn {
                    color: #ffffff;
                }

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

            .box-older.box-older-solid.box-older-danger > .box-older-header {
                color: #ffffff;
                background: #dd4b39;
                background-color: #dd4b39;
            }

                .box-older.box-older-solid.box-older-danger > .box-older-header a,
                .box-older.box-older-solid.box-older-danger > .box-older-header .btn {
                    color: #ffffff;
                }

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

            .box-older.box-older-solid.box-older-warning > .box-older-header {
                color: #ffffff;
                background: #f39c12;
                background-color: #f39c12;
            }

                .box-older.box-older-solid.box-older-warning > .box-older-header a,
                .box-older.box-older-solid.box-older-warning > .box-older-header .btn {
                    color: #ffffff;
                }

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

            .box-older.box-older-solid.box-older-success > .box-older-header {
                color: #ffffff;
                background: #00a65a;
                background-color: #00a65a;
            }

                .box-older.box-older-solid.box-older-success > .box-older-header a,
                .box-older.box-older-solid.box-older-success > .box-older-header .btn {
                    color: #ffffff;
                }

        .box-older.box-older-solid > .box-older-header > .box-older-tools .btn {
            border: 0;
            box-shadow: none;
        }

        .box-older.box-older-solid[class*='bg'] > .box-older-header {
            color: #fff;
        }

    .box-older .box-older-group > .box-older {
        margin-bottom: 5px;
    }

    .box-older .knob-label {
        text-align: center;
        color: #333;
        font-weight: 100;
        font-size: 12px;
        margin-bottom: 0.3em;
    }

    .box-older > .overlay,
    .overlay-wrapper > .overlay,
    .box-older > .loading-img,
    .overlay-wrapper > .loading-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .box-older .overlay,
    .overlay-wrapper .overlay {
        z-index: 50;
        background: rgba(255, 255, 255, 0.7);
        border-radius: 3px;
    }

        .box-older .overlay > .fa,
        .overlay-wrapper .overlay > .fa {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -15px;
            margin-top: -15px;
            color: #000;
            font-size: 30px;
        }

        .box-older .overlay.dark,
        .overlay-wrapper .overlay.dark {
            background: rgba(0, 0, 0, 0.5);
        }

.box-older-header:before,
.box-older-body:before,
.box-older-footer:before,
.box-older-header:after,
.box-older-body:after,
.box-older-footer:after {
    content: " ";
    display: table;
}

.box-older-header:after,
.box-older-body:after,
.box-older-footer:after {
    clear: both;
}

.box-older-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
}

    .box-older-header.with-border {
        border-bottom: 1px solid #f4f4f4;
    }

.collapsed-box .box-older-header.with-border {
    border-bottom: none;
}

.box-older-header > .fa,
.box-older-header > .glyphicon,
.box-older-header > .ion,
.box-older-header .box-older-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}

.box-older-header > .fa,
.box-older-header > .glyphicon,
.box-older-header > .ion {
    margin-right: 5px;
}

.box-older-header > .box-older-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}

    .box-older-header > .box-older-tools [data-toggle="tooltip"] {
        position: relative;
    }

    .box-older-header > .box-older-tools.pull-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .box-older-header > .box-older-tools .dropdown-menu > li > a {
        color: #444 !important;
    }

.btn-box-tool {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    color: #97a0b3;
}

    .open .btn-box-tool,
    .btn-box-tool:hover {
        color: #606c84;
    }

    .btn-box-tool.btn:active {
        box-shadow: none;
    }

.box-older-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}

.no-header .box-older-body {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.box-older-body > .table {
    margin-bottom: 0;
}

.box-older-body .fc {
    margin-top: 5px;
}

.box-older-body .full-width-chart {
    margin: -19px;
}

.box-older-body.no-padding .full-width-chart {
    margin: -9px;
}

.box-older-body .box-older-pane {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px;
}

.box-older-body .box-older-pane-right {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
}

.box-older-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #ffffff;
}

.chart-legend {
    margin: 10px 0;
}

@media (max-width: 991px) {
    .chart-legend > li {
        float: left;
        margin-right: 10px;
    }
}

.box-older-comments {
    background: #f7f7f7;
}

    .box-older-comments .box-older-comment {
        padding: 8px 0;
        border-bottom: 1px solid #eee;
    }

        .box-older-comments .box-older-comment:before,
        .box-older-comments .box-older-comment:after {
            content: " ";
            display: table;
        }

        .box-older-comments .box-older-comment:after {
            clear: both;
        }

        .box-older-comments .box-older-comment:last-of-type {
            border-bottom: 0;
        }

        .box-older-comments .box-older-comment:first-of-type {
            padding-top: 0;
        }

        .box-older-comments .box-older-comment img {
            float: left;
        }

    .box-older-comments .comment-text {
        margin-left: 40px;
        color: #555;
    }

    .box-older-comments .username {
        color: #444;
        display: block;
        font-weight: 600;
    }

    .box-older-comments .text-muted {
        font-weight: 400;
        font-size: 12px;
    }
/*TRAFFIC LIGHT*/
.container {
    background-color: #2c3e50;
    border-radius: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    /*padding: 15px 0;*/
    height: 70px;
    width: 20px;
    margin: 0px 0px;
}

.circle {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 100%;
    position: relative;
    height: 15px;
    width: 15px;
}

    .circle::after {
        border-right: 4px solid rgba(255, 255, 255, 0.6);
        border-radius: 100%;
        content: ' ';
        position: absolute;
        top: 5px;
        left: 0px;
        width: 15px;
        height: 15px;
    }

    .circle.red {
        background-color: #c0392b;
        box-shadow: 0 0 10px 3px #c0392b;
    }

    .circle.yellow {
        background-color: #f1c40f;
        box-shadow: 0 0 10px 3px #f1c40f;
    }

    .circle.green {
        background-color: #2ecc71;
        box-shadow: 0 0 10px 3px #2ecc71;
    }
    .blink {
        opacity: 0.2;
    }

/* Table sort indicators */
a.sortable {
    color: #fff;
    cursor: default;
}
    a.sortable:hover {
        color: #f7b733;
        cursor: pointer;
    }
.sortable-icon:hover {
    color:#fff;
}

.container-report {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.flex-direction {
    flex-direction: row;
}
#btnNextAuditDate {
    cursor: default;
}

    #btnNextAuditDate:hover {
        cursor: pointer;
    }

/*TABLE ACTION COLUMN FIXED*/
/*.table-responsive > .table > thead > tr > th:last-child {
    text-align: right;
}*/

.table-responsive > .table > tbody > tr > td {
    vertical-align: middle;
}

/*.table-responsive > .table > tbody > tr > td:last-child {
        text-align: right;
    }*/

.table-responsive .table {
    margin-bottom: 0;
    border-bottom: 1px solid;
}

.table > thead > tr > th {
    white-space: nowrap;
}

/*.table-responsive > .fixed-column {
    left: 0;
    top: 0px;
    background: #fff;
    position: absolute;
    display: inline-block;
    border-bottom: none;
    width: fit-content !important;*/
/*border-top: 0px solid;
    border-left: 1px solid #ddd;
}

    .table-responsive > .fixed-column th, .table-responsive > .fixed-column td {
        text-align: center !important;
    }*/

@media (max-width: 768px) {
    /*.table-responsive > .fixed-column {
        top: 1px;
    }*/

    .table-responsive > .table > tbody > tr > td {
        white-space: inherit;
    }
}

/*.table-responsive::-webkit-scrollbar {
    background: lightyellow;
    width: 12px;
}

.table-responsive::-webkit-scrollbar-track {
    background: whitesmoke;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: gray;
}

.table-responsive:hover::-webkit-scrollbar {
    background: yellow;
}*/
/*td:first-child {
    display:inline;
}*/

thead + tbody td:first-child {
    display: table-cell;
    vertical-align: middle;
}

.dropdown-menu {
    background: gainsboro;
}
.row-header {
    margin-right: 0px;
    margin-left: 0px;
}
.box.box-success {
    /*border-top-color: #00a65a;*/
    background: #e0ffee;
}
.box.box-danger {
    /*border-top-color: #00a65a;*/
    background: #ffe0e0;
}
.table-reportsDetails {
    min-height: 300px !important;
}
/*PAGE LOADER*/
.Modal-Loader {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    padding-top: 200px;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-transition: 0.5s;
    overflow: auto;
    transition: all 0.3s linear;
}

.Modal-Loader-content {
    /*background-color: #fefefe;*/

    margin: auto;
    /*padding: 20px;*/
    border-radius: 4px;
    max-width: 100px;
    height: 100px;
}
.Modal-Loader-contentFNB {
    /*background-color: #fefefe;*/
    margin: auto;
    padding: 100px;
    border-radius: 4px;
    max-width: 300px;
    height: 300px;
}
.Modal-LoaderOpen {
    overflow: hidden;
}

.is-hidden {
    display: none;
}

.is-visuallyHidden {
    opacity: 0;
}
.is-blurred {
    filter: blur(2px);
    -webkit-filter: blur(2px);
}
/* PRELOADER CSS */
.page-loader {
    width: 100px;
    height: 100px;
    position: absolute;
    background: #272727;
    border: 1px solid none;
    border-radius: 10px;
    /*background: none;*/
    z-index: 1000;
}
.txt {
    /*color: #666;*/
    color: black;
    text-align: center;
    top: 20%;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.3rem;
    font-weight: bold;
    line-height: 1.5;
}
.txtFnb {
    color: #d8d8d8;
    text-align: center;
    top: 20%;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.3rem;
    font-weight: bold;
    /*line-height: 1.5;*/
    width: 300px;
    margin-left: -88px;
}
/* SPINNER ANIMATION */
.spinner {
    position: relative;
    top: 8%;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 0;
    }
}