/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
	Custom font family
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
@font-face {
    font-family: 'Cairo-Regular';
    src: url('../fonts/Cairo-Regular.eot');
    src: url('../fonts/Cairo-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Cairo-Regular.woff2') format('woff2'), url('../fonts/Cairo-Regular.woff') format('woff'), url('../fonts/Cairo-Regular.ttf') format('truetype'), url('../fonts/Cairo-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    /*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
    font-family: 'Cairo-Regular', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
    background: #f5f7fa;
    color: #272c33 !important;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
     Utility classes
 \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.m-0 {
    margin: 0;
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: 1rem !important;
}

.mt-2 {
    margin-top: 2rem !important;
}

.mt-3 {
    margin-top: 3rem !important;
}

.mt-4 {
    margin-top: 4rem !important;
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: 1rem !important;
}

.mb-2 {
    margin-bottom: 2rem !important;
}

.mb-3 {
    margin-bottom: 3rem !important;
}

.mb-4 {
    margin-bottom: 4rem !important;
}


.m-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.mr-1 {
    margin-right: 1rem !important;
}

.mr-2 {
    margin-right: 2rem !important;
}

.ml-1 {
    margin-left: 1rem !important;
}

.ml-2 {
    margin-left: 2rem !important;
}

.my-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
}
.ml-auto {
margin-left:auto !important;
}
.p-0 {
    padding: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: 1rem !important;
}

.pt-2 {
    padding-top: 2rem !important;
}

.pt-3 {
    padding-top: 3rem !important;
}

.pt-4 {
    padding-top: 4rem !important;
}



.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: 1rem !important;
}

.pb-2 {
    padding-bottom: 2rem !important;
}

.pb-3 {
    padding-bottom: 3rem !important;
}

.pb-4 {
    padding-bottom: 4rem !important;
}

.pl-0 {
    padding-left: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.px-1 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-2 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}
.px-3 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}
.py-05 {
    padding-top: 0.5rem !IMPORTANT;
    padding-bottom: 0.5rem !IMPORTANT;
}
.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.py-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.py-2 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}
.lh-1 {
line-height:1.2 !important
}
.valign-top ,.table .valign-top {
    vertical-align: top !important
}
.valign-middle {
    vertical-align: middle !important
}
.d-block {
    display: block;
}

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

.d-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.flexdirection-column {
    flex-direction:column
}
.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}
.align-items-center {
    align-items:center !important
}
.border-1 {
    border: 1px solid #d2d6de !important;
}
.border-0 {
    border: 0 !important;
}
.border-end {
    border-right: 1px solid #d2d6de
}
.border-st {
    border-left: 1px solid #d2d6de
}
.border-bottom {
    border-bottom: 1px solid #d2d6de
}
.border-top {
    border-top: 1px solid #d2d6de
}
.border-radious-0 {
border-radius:0 !important;
}
.border-radious-1 {
    border-radius: 4px !important;
}
.text-nowrap {
    white-space: nowrap
}
.fs-4 {
font-size:21px
}
/*=====================================================
    Color
=======================================================*/
.bg-transparent {
    background-color: transparent !important;
}
.text-success {
    color: #217245 !important
}
.text-danger {
    color: #dd4b39 !important
}
/*=====================================================
    001 Border
=======================================================*/
.BorderLeftStyle {
    border-left: 1px solid #ccc;
}

/*===============================================================
    Grid
================================================================*/
.gutters-0 {
    margin-right: 0;
    margin-left: 0
}

    .gutters-0 > [class^=col-] {
        padding-right: 0;
        padding-left: 0
    }
.gutters-5 {
    margin-right: -5px;
    margin-left: -5px
}

    .gutters-5 > [class^=col-] {
        padding-right: 5px;
        padding-left: 5px
    }

.gutters-10 {
    margin-right: -10px;
    margin-left: -10px
}

    .gutters-10 > [class^=col-] {
        padding-right: 10px;
        padding-left: 10px
    }

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Typography
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.font-family {
    /*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
    font-family: 'Cairo-Regular', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}

.font-bold {
    font-weight: bold !important;
}
/*====================================
    Heading
=======================================*/
.content-header > h1 {
    font-size: 26px;
    font-weight: bold;
}

h1, h2, h3, h4, h6, p, span, a {
    /*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
    font-family: 'Cairo-Regular', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}

h1, h2, h3, h4, h6 {
    color: #272c33 !important;
    z-index: initial;
}

.h3, h3 {
    font-size: 22px !IMPORTANT;
    font-weight: bold !important;
    margin: 0px 0 15px !important;
    color: #404852 !important;
}

.control-sidebar h3, .control-sidebar .h3, .control-sidebar h4, .control-sidebar .h4 {
    color: #b8c7ce !important;
}

.heading-seprator {
    position: relative;
    margin-bottom: 0;
    line-height: 1;
    text-align: center;
}

    .heading-seprator h3 {
        display: inline-block;
        background: #ffffff;
        padding: 0px 6px 0;
        position: relative;
        margin: 0 !important;
        z-index: 0;
        font-size: 20px !important;
        font-weight: 100 !important;
    }

    .heading-seprator:before {
        content: '';
        position: absolute;
        width: 60%;
        height: 1px;
        background-color: rgb(226 229 232 / 65%);
        background-image: linear-gradient(to right,transparent,rgb(68 68 68),transparent);
        z-index: 0;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%) translateY(3px);
    }

.content-header h1 {
    position: relative;
}

.content-header .header-back:before {
    content: '\f060';
    font-family: FontAwesome;
    font-size: 20px;
    padding-right: 7px;
    vertical-align: top;
    cursor: pointer;
    display: inline-block;
    line-height: 1.4;
}

.content-header2 .header-back:before {
    content: normal;
    padding-left: 0px;
}

.detail-edit {
    vertical-align: middle;
    font-size: 19px;
    color: inherit;
    display: none;
}

.content-header h1:hover .detail-edit {
    display: inline-block;
    color: inherit;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
        header
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/**Navbar toggle***/
.btn-navbartoggle {
    display: none;
    position: absolute;
    right: 20px;
    top: 12px;
    width: 26px;
    z-index: 10;
}

.control-rightbar {
    position: relative;
    right: 0;
    width: 20px;
    top: 12px;
    z-index: 10;
    color: #32373e;
    font-size: 18px;
}
/********************/
.main-header .sidebar-toggle:before {
    font-family: 'FontAwesome';
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li:last-child > a, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li:last-child > a, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li:last-child > a {
    border: 0;
}

.skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav > li > a:focus, .skin-blue .main-header .navbar .nav .open > a, .skin-blue .main-header .navbar .nav .open > a:hover, .skin-blue .main-header .navbar .nav .open > a:focus, .skin-blue .main-header .navbar .nav > .active > a {
    background: #f5f7fa;
    color: #272c33;
}

.skin-blue .main-header .navbar {
    background-color: #f5f7fa;
    box-shadow: 0 6px 6px -3px rgba(39,44,51,.1), 0 10px 14px 1px rgba(39,44,51,.04), 0 4px 18px 3px rgba(39,44,51,.02);
}

    .skin-blue .main-header .navbar .nav > li > a {
        color: #272c33;
        font-weight: 400;
    }

.dropdown-menu {
    border: none !important;
    border-radius: 7px !important;
    padding: 3px 13px 10px !important;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.175);
}

.navbar-nav li a .fa.fa-plus, .navbar-nav li a .fa.fa-power-off, .navbar-nav li a .fa.fa-search {
    font-size: 18px;
}

.navbar-nav .dropdown-menu {
    transition: transform 0.1s;
    transform-style: preserve-3d;
    perspective: 600px;
    transform-origin: top right;
    display: block;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0px) scale(0);
}

.open > .dropdown-menu {
    display: block;
    transform: translate3d(0, 0, 0px) scale(1);
    transition: transform 0.3s;
}

.navbar-nav .dropdown-menu:before {
    right: 13px;
}

.dropdown-menu:before, .dropdown-menu-right:before {
    content: '';
    width: 20px;
    height: 20px;
    background: white;
    position: absolute;
    top: -8px;
    right: 12px;
    border-radius: 4px 0 0 0;
    transform: rotate(45deg) !important;
    border: 1px solid #e4e7ea;
    border-style: solid none none solid;
}

.dropdown-menu-right:before {
    z-index: 2;
}

.skin-blue .main-header .navbar .sidebar-toggle {
    color: #272c33;
}

.skin-blue .main-header .navbar .nav > li > a.dropdown-toggle:after {
    content: '';
    background: url(../Images/arrow-downW.png) no-repeat right center;
    background-size: 18px;
    position: absolute;
    width: 20px;
    height: 20px;
    transition: transform 0.3s;
}
.skin-blue .main-header .navbar .nav > li.tasks-menu > a.dropdown-toggle:after {
    background: none;
}
.skin-blue .main-header .navbar .nav > .dropdown.open > a.dropdown-toggle:after {
    transform: rotate(-180deg);
    transition: transform 0.3s;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: transparent;
    text-decoration: none;
    opacity: 0.8;
    color: #272c33;
}

.user-dropdown .dropdown-menu {
    min-width: 302px;
    padding: 20px !important;
    min-width: 330px;
}

.user-dropdown .img-circle {
    width: 32px;
    height: 32px;
    object-fit: cover;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 12%);
}

.user-dropdown .dropdown-menu .img-circle {
    width: 45px;
    height: 45px;
    object-fit: cover;
    object-position: center;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 12%);
}

.alloversearch-menu > .dropdown-menu {
    min-width: 320px;
}

    .alloversearch-menu > .dropdown-menu .input-group {
        margin-top: 7px;
    }

.dropdown-menu-right {
    position: relative;
    /*box-shadow: 0 0 3px rgb(218 218 218);*/
    border-radius: 0 0 4px 4px;
    padding: 5px 10px 10px;
    list-style: none;
}

    .dropdown-menu-right a, .dropdown-menu-right a:hover {
        color: #272c33;
        text-decoration: none;
    }

.dropdown-menu .slimScrollDiv, .dropdown-menu .slimScrollDiv .menu {
    height: auto !important
}

.alloversearch-menu .btn-default {
    background-color: #303956;
    border-color: #303956;
    color: #fff !important;
}

.HeaderCompanyName {
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: -12px;
    font-size: 16px;
    font-weight: bold;
    color: #222a45;
    display: none;
    background-image: linear-gradient(to right, #222a45,#8a9199,#fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: none;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Main content
//////////////////////////////////////////*/
.content-wrapper {
    background: #f5f7fa;
    /*min-height: auto !important;*/
    margin-top: -1px;
    margin-bottom: -1px;
}

.content {
    /* padding: 3px 15px 15px;*/
}

.small-box {
    background-clip: border-box;
    border: 1px solid #dfe2e6;
    border-radius: .5rem;
    box-shadow: 0 3px 3px -2px rgba(39,44,51,.1), 0 3px 4px 0 rgba(39,44,51,.04), 0 1px 8px 0 rgba(39,44,51,.02);
    /*text-align: center;*/
    color: #272c33;
    display: block;
    background: #fff;
    margin-bottom: 13px;
}

    .small-box .ion {
        color: rgb(39 44 51 / 31%);
        font-size: 29px;
        padding: 5px 0;
    }

.features-grid {
    margin-top: 15px;
}

    .features-grid .small-box .ion, .featrued-icons {
        color: rgb(39 44 51 / 31%);
        font-size: 25px;
        padding: 5px 0;
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding-top: 17px;
        background: #fff;
        color: #fff;
        border-radius: 4px 4px 0 0;
    }

        .featrued-icons .fa-stack-2x {
            font-size: 1em;
        }

        .featrued-icons .fa-stack-1x {
            line-height: inherit;
            font-size: 0.6em;
            top: 7px;
            left: 10px;
        }

            .featrued-icons .fa-stack-1x.fa-usd, .featrued-icons .fa-stack-1x.fa-shopping-cart {
                left: 0;
            }

.debitcredit .fa-usd {
    left: -2px;
    top: -6px;
    font-size: 0.5em;
}

.small-box h3 {
    font-weight: initial !IMPORTANT;
    font-size: 28px !important;
}

.small-box p {
    font-size: 15px;
    font-weight: 500;
    color: #37465a;
}

.features-grid .small-box h3 {
    font-weight: lighter !IMPORTANT;
    font-size: 19px !important;
    margin-bottom: 0 !IMPORTANT;
}

.features-grid .small-box p {
    font-size: 15px;
    color: #37465a;
    margin-bottom: 0;
    font-weight: normal;
}

.box {
    background-clip: border-box;
    border: 1px solid #dfe2e6;
    border-radius: .5rem;
    box-shadow: 0 3px 3px -2px rgba(39,44,51,.1), 0 3px 4px 0 rgba(39,44,51,.04), 0 1px 8px 0 rgba(39,44,51,.02);
    color: #272c33;
    padding: 25px 0 15px;
    /* padding: 15px 0 15px;*/
}

    .box:only-child {
        margin-bottom: 10px;
        padding: 15px 0 15px;
    }

section .content .fa {
    color: #222a45;
}

section.content .featrued-icons .fa {
    color: #222a45 !important;
}

.content-header {
    position: relative;
    /*  min-height: 48px;*/
    /*padding: 0px 15px 0 15px;*/
}

    .content-header:after {
        content: '';
        display: block;
        clear: both
    }

    .content-header > .breadcrumb > li > a {
        color: #272c33;
        font-size: 14px;
    }

    .content-header > .breadcrumb > li + li:before {
        content: '\f105';
        font-family: FontAwesome;
        color: #8a8989;
    }

.box-body {
    padding: 10px 25px;
}
.sterick:after {
    content: '*';
    display: inline-block;
    color: #CC0000;
    margin-left: 2px;
}
.tree li {
    color: #313956 !important;
    font-weight: normal !important
}

.tree {
    position: relative;
}

    .tree:before {
        content: "";
        display: block;
        width: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        border-left: 1px dotted !important;
    }

    .tree li a {
        margin-left: 0 !important;
        color: #313956 !important;
    }

ul > li.branch:before {
    content: "";
    display: block;
    width: 10px;
    height: 0;
    border-top: 1px dotted;
    margin-top: -1px;
    position: absolute;
    top: 1em;
    left: 0;
}

.tree ul:before {
    border-left: 1px dotted !important;
}

.tree ul li:before {
    border-top: 1px dotted !important;
}

.branch .glyphicon-folder-open {
    color: #00a65a;
}

.nav-tabs-custom {
    background: transparent;
    box-shadow: none;
}

    .nav-tabs-custom > .nav-tabs > li > a {
        color: #444;
        border-radius: 6px 6px 0 0;
    }

    .nav-tabs-custom > .nav-tabs > li.active {
        border-top-color: transparent;
    }

.nav-tabs:not(.control-sidebar-tabs) > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs:not(.control-sidebar-tabs) > li.active > a:hover {
    border: 1px solid #ddd !important;
    border-bottom-color: transparent !IMPORTANT;
}

.nav-tabs-custom > .tab-content {
    border: 1px solid #dfe2e6;
    border-radius: 0 0 .5rem 0.5rem;
    box-shadow: 0 3px 3px -2px rgba(39,44,51,.1), 0 3px 4px 0 rgba(39,44,51,.04), 0 1px 8px 0 rgba(39,44,51,.02);
}

.features-grid .col-lg-2 {
    width: 12.3333%;
}

.modal-title {
    font-size: 16px !important;
    font-weight: bold !important;
}

.modal-header, .modal-body, .modal-footer {
    padding: 25px !important;
    border: none !important;
}

.content-wrapper, .right-side, .main-footer, .main-header .navbar {
    margin-left: 280px;
}

.main-sidebar, .left-side, .main-header .logo {
    width: 280px;
}

iframe {
    border: 0;
}

.widget-user-2 .widget-user-username, .widget-user-2 .widget-user-desc {
    margin-left: 0;
}

.box-profile .list-group .list-group-item {
    padding: 4px 15px;
    border: 0;
}

.widget-user-2 .widget-user-header {
    color: #404852 !important;
    background-color: #fff !important;
}

section.content .input-group-addon .fa {
    color: #222a45;
}

.label-ellipsis {
    cursor: pointer;
    display: inline-block;
    padding: 5px;
    float: right;
}

    .label-ellipsis .fa {
        font-size: 20px;
        margin: 0 6px 0 0;
        vertical-align: middle;
    }

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

    .statement-imgs img {
        object-fit: contain;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }
.BreakevenRateManageAll [class^=col-md-] .form-group {
    margin-bottom: 8px;
}
    .BreakevenRateManageAll [class^=col-md-] .form-group label {
        margin-bottom: 0px;
    }
    .BreakevenRateManageAll [class^=col-md-] .form-group .form-control {
        height: 33px;
    }
.BreakevenRateManageAllbox {
    box-shadow: 1px 1px 1px rgb(0 0 0 / 12%);
    padding-top: .5rem !important;
    padding-bottom: 1.5rem !important;
}
/*=====================
        Layout overlay
 ======================*/
.layoutoverlay-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.overlay-line {
    position: fixed;
    background-color: #f5f7fa;
    width: 120px;
    height: 6px;
    left: 50%;
    top: -6px;
    transform: translateX(-50%);
    z-index: 1032;
}
    .overlay-line:after {
        content: '';
        position: absolute;
        height: 13px;
        width: 100%;
        background: transparent;
        left: 0;
        top: 6px;
    }
@keyframes blinkoverlayline {
    from {
        background-color: #222a45;
    }

    to {
        background-color: #fff;
    }
}
.btn-layoutoverlaytop, .btn-layoutoverlaybottom {
    position: absolute;
    left: 50%;
    top: -4px;
    transform: translate(-50%,-100%);
    font-size: 30px;
    z-index: 1032;
    transition: transform 0.2s
}
.btn-layoutoverlaybottom {
    top: auto;
    bottom: 0px;
    transform: translate(-50%,0);
}
.main-header:hover ~ .layoutoverlay-wrapper .overlay-line, .overlay-line:hover {
    background-color: #222a45;
    top: 0;
    animation-name: blinkoverlayline;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.overlay-line:hover .btn-layoutoverlaytop {
    transform: translate(-50%,0);
    transition: transform 0.2s
}
.layoutoverlay {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 94%);
    display: none;
    z-index: 1033;
    padding-top: 20px;
}
.layoutoverlay hr {
    border-color: #d2d6de;
}
.layoutoverlay-notifications {
    list-style:none;
    padding:0;
}
    .layoutoverlay-notifications li + li {
    margin-top:5px;
    }
    .notification-img {
        width: 28px;
        height: 28px;
        background-color: red;
        text-align: center;
        line-height: 1.7;
        font-size: 16px;
        border-radius: 50%;
        color: #fff;
    }
.layoutoverlay-notifications .media-body {
    border-bottom: 1px solid #d2d6de;
}
.layoutoverlay-notifications .media-heading {
    font-size: 1.5rem;
}
.layoutoverlay-notifications .media-body p {
    margin: 0 0 5px;
}
.layoutoverlay .quick-links ul li {
    display: inline-block;
    position: relative;
    margin: 0 10px;
}

    .layoutoverlay .quick-links ul li:not(:last-child):before {
        content: '';
        display: inline-block;
        position: absolute;
        height: 10px;
        width: 2px;
        top: 6px;
        right: -12px;
        background-color: #d2d6de;
    }
/*=================*/
.stack-icons .fa {
    font-size: 16px !important;
}
/*=================*/
.hubdashboard-detail .form-group > span {
    font-size: 22px;
    font-weight: bold;
    display: block;
}
    .hubdashboard-detail .form-group > span > span {
    margin-left:0.4rem
    }
    .hubdashboard-detail .form-group > span + label {
        text-transform: uppercase;
    }
.itermediat-table {
    box-shadow: 0px 2px 3px 2px rgb(52 57 86 / 14%);
    background-color: #f6f7fa;
    height: 113px;
}
.table-receivepay tbody tr:nth-child(odd) {
    background-color: rgb(245 246 250 / 39%);
}
.table-receivepay tbody tr th, .table-receivepay tbody tr td {
}
/*======================================*/
.file-images {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
    width: 22px;
    height: 20px;
}
.img-PNG {
    background-image: url('Images/png1.png');
}
.img-JPG, .img-JPEG {
    background-image: url('Images/jpg1.png');
}

.img-DOCX {
    background-image: url('Images/docx1.png');
}
.img-XLS {
    background-image: url('Images/xls1.png');
}
.img-CSV {
    background-image: url('Images/csv1.png');
}
.img-PDF {
    background-image: url('Images/pdf1.png');
}
.img-TXT {
    background-image: url('Images/text1.png');
}
.img-XLSX {
    background-image: url('Images/xlxs1.png');
}
.img-ZIP {
    background-image: url('Images/zip1.png');
}
.img-empty {
    background-image: url('Images/empty1.png');
}
/*========================================
    themes
=========================================*/
.bg-sidebarpurple {
}

    .bg-sidebarpurple .main-sidebar, .bg-sidebarpurple .left-side, .bg-sidebarpurple .main-header .logo {
        background-color: #824ee1 !important;
        color: #8a9199;
        border-bottom: 1px solid #222a4554;
    }

    .bg-sidebarpurple .main-sidebar, .bg-sidebarpurple .left-side, .bg-sidebarpurple .main-header .logo {
        color: #ebdeff !important;
    }

    .bg-sidebarpurple .sidebar-form input[type="text"] {
        background-color: #56368e !important;
    }

    .bg-sidebarpurple [class^=dataTables_] select {
        border-color: #56368e !important;
    }

    .bg-sidebarpurple .sidebar-form .btn {
        background-color: #56368e !important;
    }

    .bg-sidebarpurple .sidebar a {
        color: #bf9df2 !important;
    }

    .bg-sidebarpurple .sidebar-menu > li:hover > a, .bg-sidebarpurple .sidebar-menu > li.active > a {
        color: #fff !important;
        background: #824ee1 !important;
        border-left-color: #824ee1 !important;
    }

    .bg-sidebarpurple .sidebar-menu > li.treeview.active > a {
        color: #fff !important;
        border-left-color: #56368e !important;
        background-color: #56368e !important;
    }

    .bg-sidebarpurple .sidebar-menu > li > .treeview-menu {
        background-color: #56368e !important;
        color: #fff !important;
        margin: 0;
    }

    .bg-sidebarpurple .treeview-menu > li.active > a, .bg-sidebarpurple .treeview-menu > li > a:hover {
        color: #fff !important;
    }

        .bg-sidebarpurple .treeview-menu > li.active > a > .fa:before, .bg-sidebarpurple .treeview-menu > li > a:hover > .fa:before {
            content: '\f111';
            font-family: FontAwesome;
        }

    .bg-sidebarpurple .btn-primary {
        background-color: #56368e !important;
        border-color: #56368e !important
    }

    .bg-sidebarpurple .table tbody td .fa {
        color: #56368e
    }

    .bg-sidebarpurple .table tbody td a {
        color: #824ee1
    }

    .bg-sidebarpurple .dt-buttons .dt-button {
        color: #d9c4fd;
        border-color: #56368e;
        background-color: #56368e;
    }

        .bg-sidebarpurple .dt-buttons .dt-button:hover, .bg-sidebarpurple .dt-buttons .dt-button:focus, .bg-sidebarpurple .dt-buttons .dt-button:focus:active, .bg-sidebarpurple .dt-buttons .dt-button:active,
        .bg-sidebarpurple a.dt-button:active:not(.disabled):hover:not(.disabled) {
            color: #d9c4fd;
            border-color: #56368e;
            background-color: #56368e;
            background-image: none;
        }

    .bg-sidebarpurple [class^=dataTables_] input[type=search], .bg-sidebarlight [class^=dataTables_] select {
        border-color: #56368e !important;
    }

    .bg-sidebarpurple .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border-color: #56368e !important;
    }

    .bg-sidebarpurple .dataTables_wrapper .dataTables_paginate .paginate_button.current, .bg-sidebarpurple .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        border: 1px solid #56368e !important;
        box-shadow: 0 0 0px 1px #56368e !important;
    }

.bg-sidebarlight .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border-color: #56368e;
    box-shadow: 0 0 0px 1px #56368e !important;
    box-shadow: inset 0 0 0px 1px rgb(255 255 255);
}

.bg-sidebarpurple .btn-info {
    background: #56368e;
    border-color: #56368e;
}

    .bg-sidebarpurple .btn-info.active.focus, .bg-sidebarpurple .btn-info.active:focus, .bg-sidebarpurple .btn-info.active:hover, .bg-sidebarpurple .btn-info:active.focus, .bg-sidebarpurple .btn-info:active:focus, .bg-sidebarpurple .btn-info:active:hover, .bg-sidebarpurple .btn-info:hover {
        background: #56368e;
    }

.bg-sidebarpurple .datepicker table tr td.active, .bg-sidebarpurple .datepicker table tr td.active:hover, .bg-sidebarpurple .datepicker table tr td.active.disabled, .bg-sidebarpurple .datepicker table tr td.active.disabled:hover {
    background-color: #56368e !important;
}

.bg-sidebarpurple .fa-calendar {
    color: #56368e
}
/*.bg-sidebarpurple section.content .fa {
    color: #56368e;
}*/
.bg-sidebarpurple section.content .fa:not(.btn) > .fa, .bg-sidebarpurple section.content .input-group-addon .fa, .bg-sidebarpurple section.content .input-group-addon {
    color: #56368e;
}

.bg-sidebarpurple section.content .dt-button .fa {
    color: #cbbae8;
}

.bg-sidebarpurple .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #56368e !important;
    border-color: #56368e !important;
}

.bg-sidebarpurple .custom-file-label::after {
    background-color: #56368e;
    color: #fff;
}

.bg-sidebarpurple section.content .featrued-icons .fa {
    color: rgb(86 54 142) !IMPORTANT;
}

.bg-sidebarpurple .content-header > .breadcrumb > li > a {
    color: rgb(86 54 142) !IMPORTANT;
}

.bg-sidebarpurple .content-header h1, .bg-sidebarpurple h3 {
    color: rgb(86 54 142) !IMPORTANT;
}

.bg-sidebarpurple .tree li {
    color: rgb(86 54 142) !important
}

.bg-sidebarpurple .main-header .navbar .nav > li > a {
    color: #56368e;
}

.bg-sidebarpurple .control-sidebar-dark, .bg-sidebarpurple .control-sidebar-dark + .control-sidebar-bg {
    background-color: #834ee1;
}

.bg-sidebarpurple .control-colortheme li {
    border: 1px solid #432774;
    color: #432774;
}

.bg-sidebarpurple .control-rightbar, .bg-sidebarpurple .main-header .navbar .sidebar-toggle {
    color: #56368e;
}

.bg-sidebarpurple .control-colortheme li.selected {
    box-shadow: inset 0px -3px 4px 2px #56368e;
    border-color: #56368e;
}

.bg-sidebarpurple .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
    color: #56368e
}

.bg-sidebarpurple .alloversearch-menu .btn-default {
    background-color: #56368e;
    border-color: #56368e;
    color: #fff !important;
}

.bg-sidebarpurple .main-footer {
    color: #56368e;
}

.bg-sidebarpurple .form-control:focus, .bg-sidebarpurple .form-control:focus ~ .input-group-addon {
    border-color: #56368e !important
}

.bg-sidebarpurple .select2-container--open .select2-selection--single, .bg-sidebarpurple .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #56368e !important
}

.bg-sidebarpurple .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #56368e;
}

.bg-sidebarpurple .tooltip-inner {
    background-color: #56368e;
}

.bg-sidebarpurple .tooltip.top .tooltip-arrow {
    border-top-color: #56368e
}

.bg-sidebarpurple .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #56368e
}

.bg-sidebarpurple .AddReceipt:focus, .bg-sidebarpurple .AddRecord:focus, .bg-sidebarpurple .AddPayment:focus, .bg-sidebarpurple .AddExpense:focus, .bg-sidebarpurple .AddInvoice:focus, .bg-sidebarpurple .AddCredit:focus, .bg-sidebarpurple .AddBill:focus, .bg-sidebarpurple .AddDebit:focus, .bg-sidebarpurple .AddMoreLedgers:focus, .bg-sidebarpurple .AddAccount:focus {
    outline: 1px solid #56368e !important;
}

.bg-sidebarpurple .tooltip-dropdown {
    border: 3px solid #56368e;
    background-color: #824ee1;
}

    .bg-sidebarpurple .tooltip-dropdown:before {
        border-top: 9px solid #56368e;
    }

    .bg-sidebarpurple .tooltip-dropdown a {
        color: #fff;
    }

.bg-sidebarpurple .HeaderCompanyName {
    color: #56368e;
    background-image: linear-gradient(to right, #824ee1,#bf9df2,#fff);
}
.bg-sidebarpurple .custom-switcher input[type=checkbox]:checked ~ b {
    background: #4f378d;
}
@media (min-width:1025px) {
    .bg-sidebarpurple .table-responsive::-webkit-scrollbar-thumb, .bg-sidebarpurple .dataTables_scrollBody::-webkit-scrollbar-thumb {
        background-color: rgb(86 54 142);
        border: none;
        height: 40px;
    }
}
/**/
.bg-sidebardarkgray {
}

    .bg-sidebardarkgray .main-sidebar, .bg-sidebardarkgray .left-side, .bg-sidebardarkgray .main-header .logo {
        background-color: #303840 !important;
        color: rgba(172,182,191,.5);
        border-bottom: 1px solid #222a4554;
    }

    .bg-sidebardarkgray .main-sidebar, .bg-sidebardarkgray .left-side, .bg-sidebardarkgray .main-header .logo {
        color: rgba(172,182,191,.5) !important;
    }

    .bg-sidebardarkgray .sidebar-form input[type="text"] {
        background-color: #272c33 !important;
    }

    .bg-sidebardarkgray .sidebar-form .btn {
        background-color: #272c33 !important;
    }

    .bg-sidebardarkgray .sidebar a {
        color: rgba(172,182,191,.5) !important;
    }

    .bg-sidebardarkgray .sidebar-menu > li:hover > a, .bg-sidebardarkgray .sidebar-menu > li.active > a {
        color: #fff !important;
        background: #303840 !important;
        border-left-color: #303840 !important;
    }

    .bg-sidebardarkgray .sidebar-menu > li.treeview.active > a {
        color: #fff !important;
        border-left-color: #272c33 !important;
        background-color: #272c33 !important;
    }

    .bg-sidebardarkgray .sidebar-menu > li > .treeview-menu {
        background-color: #272c33 !important;
        color: #fff !important;
        margin: 0;
    }

    .bg-sidebardarkgray .treeview-menu > li.active > a, .bg-sidebardarkgray .treeview-menu > li > a:hover {
        color: #fff !important;
    }

        .bg-sidebardarkgray .treeview-menu > li.active > a > .fa:before, .bg-sidebardarkgray .treeview-menu > li > a:hover > .fa:before {
            content: '\f111';
            font-family: FontAwesome;
        }

    .bg-sidebardarkgray .btn-primary {
        background-color: #303840 !important;
        border-color: #303840 !important
    }

    .bg-sidebardarkgray .table tbody td .fa {
        color: #272c33
    }

    .bg-sidebardarkgray .table tbody td a {
        /*color: #8a9199*/
        color: #337ab7;
    }

    .bg-sidebardarkgray .dt-buttons .dt-button {
        color: #9aa2af;
        border-color: #272c33;
        background-color: #272c33;
        background-image: none;
    }

        .bg-sidebardarkgray .dt-buttons .dt-button:hover, .bg-sidebardarkgray .dt-buttons .dt-button:focus, .bg-sidebardarkgray .dt-buttons .dt-button:focus:active, .bg-sidebardarkgray .dt-buttons .dt-button:active,
        .bg-sidebardarkgray a.dt-button:active:not(.disabled):hover:not(.disabled) {
            color: #9aa2af;
            border-color: #272c33;
            background-color: #272c33;
            background-image: none;
        }

    .bg-sidebardarkgray [class^=dataTables_] input[type=search], .bg-sidebarlight [class^=dataTables_] select {
        border-color: #272c33 !important;
    }

    .bg-sidebardarkgray .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border-color: #272c33 !important;
    }

    .bg-sidebardarkgray .dataTables_wrapper .dataTables_paginate .paginate_button.current, .bg-sidebardarkgray .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        border: 1px solid #272c33 !important;
        box-shadow: 0 0 0px 1px #272c33 !important;
    }

.bg-sidebarlight .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border-color: #272c33;
    box-shadow: 0 0 0px 1px #272c33 !important;
    box-shadow: inset 0 0 0px 1px rgb(255 255 255);
}

.bg-sidebardarkgray .btn-info {
    background: #272c33;
    border-color: #272c33;
}

    .bg-sidebardarkgray .btn-info.active.focus, .bg-sidebardarkgray .btn-info.active:focus, .bg-sidebardarkgray .btn-info.active:hover, .bg-sidebardarkgray .btn-info:active.focus, .bg-sidebardarkgray .btn-info:active:focus, .bg-sidebardarkgray .btn-info:active:hover, .bg-sidebardarkgray .btn-info:hover {
        background-color: #272c33;
    }

.bg-sidebardarkgray .datepicker table tr td.active, .bg-sidebardarkgray .datepicker table tr td.active:hover, .bg-sidebardarkgray .datepicker table tr td.active.disabled, .bg-sidebardarkgray .datepicker table tr td.active.disabled:hover {
    background-color: #272c33 !important;
}

.bg-sidebardarkgray .fa-calendar {
    color: #272c33
}
/*.bg-sidebardarkgray section.content .fa {
    color: #272c33;
}*/
.bg-sidebardarkgray section.content .fa:not(.btn) > .fa, .bg-sidebardarkgray section.content .input-group-addon .fa, .bg-sidebardarkgray section.content .input-group-addon {
    color: #272c33;
}

.bg-sidebardarkgray section.content .dt-button .fa {
}

.bg-sidebardarkgray .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #272c33 !important;
    border-color: #272c33 !important;
}

.bg-sidebardarkgray .custom-file-label::after {
    background-color: #272c33;
    color: #fff;
}

.bg-sidebardarkgray section.content .featrued-icons .fa {
    color: rgb(39 44 51) !IMPORTANT;
}

.bg-sidebardarkgray .content-header > .breadcrumb > li > a {
    color: rgb(39 44 51) !IMPORTANT;
}

.bg-sidebardarkgray .content-header h1, .bg-sidebardarkgray h3 {
    color: rgb(39 44 51) !IMPORTANT;
}

.bg-sidebardarkgray .tree li {
    color: rgb(39 44 51) !important
}

.bg-sidebardarkgray .main-header .navbar .nav > li > a {
    color: #272c33;
}

.bg-sidebardarkgray .control-sidebar-dark, .bg-sidebardarkgray .control-sidebar-dark + .control-sidebar-bg {
    background-color: #303840;
}

.bg-sidebardarkgray .control-colortheme li {
    border: 1px solid #000000;
    color: #a5a5a5;
}

.bg-sidebardarkgray .control-sidebar-dark h3 {
    color: #a5a5a5 !important;
}

.bg-sidebardarkgray .control-rightbar, .bg-sidebardarkgray .main-header .navbar .sidebar-toggle {
    color: #272c33;
}

.bg-sidebardarkgray .control-colortheme li.selected {
    box-shadow: inset 0px -3px 4px 2px #272c33;
    border-color: #272c33;
}

.bg-sidebardarkgray .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
    color: #272c33
}

.bg-sidebardarkgray .alloversearch-menu .btn-default {
    background-color: #272c33;
    border-color: #272c33;
    color: #fff !important;
}

.bg-sidebardarkgray .main-footer {
    color: #272c33;
}

.bg-sidebardarkgray .form-control:focus, .bg-sidebardarkgray .form-control:focus ~ .input-group-addon {
    border-color: #272c33 !important
}

.bg-sidebardarkgray .select2-container--open .select2-selection--single, .bg-sidebardarkgray .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #272c33 !important
}

.bg-sidebardarkgray .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #272c33;
}

.bg-sidebardarkgray .tooltip-inner {
    background-color: #272c33;
}

.bg-sidebardarkgray .tooltip.top .tooltip-arrow {
    border-top-color: #272c33
}

.bg-sidebardarkgray .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #272c33
}

.bg-sidebardarkgray .AddReceipt:focus, .bg-sidebardarkgray .AddRecord:focus, .bg-sidebardarkgray .AddPayment:focus, .bg-sidebardarkgray .AddExpense:focus, .bg-sidebardarkgray .AddInvoice:focus, .bg-sidebardarkgray .AddCredit:focus, .bg-sidebardarkgray .AddBill:focus, .bg-sidebardarkgray .AddDebit:focus, .bg-sidebardarkgray .AddMoreLedgers:focus, .bg-sidebardarkgray .AddAccount:focus {
    outline: 1px solid #272c33 !important;
}

.bg-sidebardarkgray .tooltip-dropdown {
    border: 3px solid #272c33;
    background-color: #303840;
}

    .bg-sidebardarkgray .tooltip-dropdown:before {
        border-top: 9px solid #272c33;
    }

    .bg-sidebardarkgray .tooltip-dropdown a {
        color: #fff;
    }

.bg-sidebardarkgray .HeaderCompanyName {
    color: #272c33;
    background-image: linear-gradient(to right, #272c33,rgb(48 56 64),#fff);
}
.bg-sidebardarkgray .custom-switcher input[type=checkbox]:checked ~ b {
    background: #292c33;
}
@media (min-width:1025px) {
    .bg-sidebardarkgray .table-responsive::-webkit-scrollbar-thumb, .bg-sidebardarkgray .dataTables_scrollBody::-webkit-scrollbar-thumb {
        background-color: rgb(39 44 51);
        border: none;
        height: 40px;
    }
}
/**/
.bg-sidebarlight {
}

    .bg-sidebarlight .main-sidebar, .bg-sidebarlight .left-side, .bg-sidebarlight .main-header .logo {
        background-color: #fff !important;
        color: rgba(172,182,191,.5);
        border-bottom: 1px solid #222a4554;
    }

    .bg-sidebarlight .main-sidebar, .bg-sidebarlight .left-side, .bg-sidebarlight .main-header .logo {
        color: #717579 !important;
        border-bottom: 1px solid #222a4512 !important;
    }

    .bg-sidebarlight .sidebar-form input[type="text"] {
        background-color: #edf0f2 !important;
    }

    .bg-sidebarlight .sidebar-form .btn {
        background-color: #edf0f2 !important;
    }

    .bg-sidebarlight .sidebar a {
        color: rgba(47,55,64,.4) !important;
    }

    .bg-sidebarlight .sidebar-menu > li:hover > a, .bg-sidebarlight .sidebar-menu > li.active > a {
        color: #8a9199 !important;
        background: #fff !important;
        border-color: #fff !important;
    }

    .bg-sidebarlight .sidebar-menu > li.treeview.active > a {
        color: #8a9199 !important;
        border-left-color: #edf0f2 !important;
        background-color: #edf0f2 !important;
    }

    .bg-sidebarlight .sidebar-menu > li > .treeview-menu {
        background-color: #edf0f2 !important;
        color: #8a9199 !important;
        margin: 0;
    }

    .bg-sidebarlight .treeview-menu > li.active > a, .bg-sidebarlight .treeview-menu > li > a:hover {
        color: #8a9199 !important;
    }

        .bg-sidebarlight .treeview-menu > li.active > a > .fa:before, .bg-sidebarlight .treeview-menu > li > a:hover > .fa:before {
            content: '\f111';
            font-family: FontAwesome;
        }

    .bg-sidebarlight .btn-primary {
        background-color: #899199 !important;
        border-color: #899199 !important
    }

    .bg-sidebarlight .table tbody td .fa {
        color: #8a9199
    }

    .bg-sidebarlight .table tbody td a {
        /*color: #8a9199*/
        color: #337ab7;
    }

    .bg-sidebarlight .dt-buttons .dt-button {
        color: #e4e4e4;
        border-color: #8a9199;
        background-color: #939ba2;
    }

        .bg-sidebarlight .dt-buttons .dt-button:hover, .bg-sidebarlight .dt-buttons .dt-button:focus, .bg-sidebarlight .dt-buttons .dt-button:focus:active,
        .bg-sidebarlight a.dt-button:active:not(.disabled):hover:not(.disabled) {
            color: #e4e4e4;
            border-color: #8a9199;
            background-color: #939ba2;
            background-image: none;
        }

    .bg-sidebarlight [class^=dataTables_] input[type=search], .bg-sidebarlight [class^=dataTables_] select {
        border-color: #8a9199 !important;
    }

    .bg-sidebarlight .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border-color: #8a9199 !important;
    }

    .bg-sidebarlight .dataTables_wrapper .dataTables_paginate .paginate_button.current, .bg-sidebarlight .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        border: 1px solid #8a9199 !important;
        box-shadow: 0 0 0px 1px #8a9199 !important;
    }

    .bg-sidebarlight .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border-color: #8a9199;
        box-shadow: 0 0 0px 1px #8a9199 !important;
        box-shadow: inset 0 0 0px 1px rgb(255 255 255);
    }

    .bg-sidebarlight .btn-info {
        background: #555 !important;
        border-color: #555 !important;
    }

        .bg-sidebarlight .btn-info.active.focus, .bg-sidebarlight .btn-info.active:focus, .bg-sidebarlight .btn-info.active:hover, .bg-sidebarlight .btn-info:active.focus, .bg-sidebarlight .btn-info:active:focus, .bg-sidebarlight .btn-info:active:hover, .bg-sidebarlight .btn-info:hover {
            background: #8a9199;
            border-color: #8a9199;
        }

    .bg-sidebarlight .datepicker table tr td.active, .bg-sidebarlight .datepicker table tr td.active:hover, .bg-sidebarlight .datepicker table tr td.active.disabled, .bg-sidebarlight .datepicker table tr td.active.disabled:hover {
        background-color: #555 !important;
    }

    .bg-sidebarlight .fa-calendar {
        color: #555
    }
    /* .bg-sidebarlight section.content .fa {
        color: #555;
    }*/
    .bg-sidebarlight section.content .fa:not(.btn) > .fa, .bg-sidebarlight section.content .input-group-addon .fa, .bg-sidebarlight section.content .input-group-addon {
        /*color: #555;*/
        color: #899199;
    }

    .bg-sidebarlight section.content .dt-button .fa {
    }

    .bg-sidebarlight .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #555 !important;
        border-color: #555 !important;
    }

    .bg-sidebarlight .custom-file-label::after {
        background-color: #555;
        color: #fff;
    }

    .bg-sidebarlight section.content .featrued-icons .fa {
        color: rgb(85 85 85) !IMPORTANT;
    }

    .bg-sidebarlight .content-header > .breadcrumb > li > a {
        color: rgb(85 85 85) !IMPORTANT;
    }

    .bg-sidebarlight .content-header h1, .bg-sidebarlight h3 {
        color: rgb(85 85 85) !IMPORTANT;
    }

    .bg-sidebarlight .tree li {
        color: rgb(85 85 85) !important
    }

    .bg-sidebarlight .main-header .navbar .nav > li > a {
        color: #555;
    }

    .bg-sidebarlight .control-sidebar-dark, .bg-sidebarlight .control-sidebar-dark + .control-sidebar-bg {
        background-color: #fff;
    }

    .bg-sidebarlight .control-colortheme li {
        border: 1px solid #b4b4b4;
        color: #b4b4b4;
    }

    .bg-sidebarlight .control-rightbar, .bg-sidebarlight .main-header .navbar .sidebar-toggle {
        color: #555;
    }

    .bg-sidebarlight .control-colortheme li.selected {
        box-shadow: inset 0px -3px 4px 2px #edf0f2;
        border-color: #d6d6d6;
    }

    .bg-sidebarlight .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a, .bg-sidebarlight .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover, .bg-sidebarlight .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus, .bg-sidebarlight .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active,
    .bg-sidebarlight .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover {
        color: #b8c7ce;
    }

    .bg-sidebarlight .control-sidebar-dark .control-sidebar-heading, .bg-sidebarlight .control-sidebar-dark .control-sidebar-subheading, .bg-sidebarlight .control-sidebar-dark p {
        color: #8a9199
    }

    .bg-sidebarlight .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
        color: #8a9199
    }

    .bg-sidebarlight .alloversearch-menu .btn-default {
        background-color: #555;
        border-color: #555;
        /*color: #fff !important;*/
    }

    .bg-sidebarlight .main-footer {
        color: #8d959d;
    }

    .bg-sidebarlight .form-control:focus, .bg-sidebarlight .form-control:focus ~ .input-group-addon {
        border-color: #555555 !important
    }

    .bg-sidebarlight .select2-container--open .select2-selection--single, .bg-sidebarlight .select2-container--default .select2-search--dropdown .select2-search__field {
        border-color: #555555 !important
    }

    .bg-sidebarlight .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: #555555;
    }

    .bg-sidebarlight .tooltip-inner {
        background-color: #555555;
    }

    .bg-sidebarlight .tooltip.top .tooltip-arrow {
        border-top-color: #555555
    }

    .bg-sidebarlight .tooltip.bottom .tooltip-arrow {
        border-bottom-color: #555555
    }

    .bg-sidebarlight .AddReceipt:focus, .bg-sidebarlight .AddRecord:focus, .bg-sidebarlight .AddPayment:focus, .bg-sidebarlight .AddExpense:focus, .bg-sidebarlight .AddInvoice:focus, .bg-sidebarlight .AddCredit:focus, .bg-sidebarlight .AddBill:focus, .bg-sidebarlight .AddDebit:focus, .bg-sidebarlight .AddMoreLedgers:focus, .bg-sidebarlight .AddAccount:focus {
        outline: 1px solid #555555 !important;
    }

    .bg-sidebarlight .tooltip-dropdown {
        border: 3px solid #555555;
        background-color: #fff;
    }

        .bg-sidebarlight .tooltip-dropdown:before {
            border-top: 9px solid #555555;
        }

        .bg-sidebarlight .tooltip-dropdown a {
            color: #717579;
        }

    .bg-sidebarlight .HeaderCompanyName {
        color: #8a9199;
        background-image: linear-gradient(to right, #8a9199,rgba(47,55,64,.4),#fff);
    }
    .bg-sidebarlight .custom-switcher input[type=checkbox]:checked ~ b {
        background: #555555;
    }
@media (min-width:1025px) {
    .bg-sidebarlight .table-responsive::-webkit-scrollbar-thumb, .bg-sidebarlight .dataTables_scrollBody::-webkit-scrollbar-thumb {
        background-color: rgb(85 85 85);
        border: none;
        height: 40px;
    }
}
/**/
.bg-sidebargreen {
}

    .bg-sidebargreen .main-sidebar, .bg-sidebargreen .left-side, .bg-sidebargreen .main-header .logo {
        background-color: #1F7245 !important;
        color: rgba(172,182,191,.5);
        border-bottom: 1px solid #222a4554;
    }

    .bg-sidebargreen .main-sidebar, .bg-sidebargreen .left-side, .bg-sidebargreen .main-header .logo {
        color: rgb(62 197 134) !important;
        border-bottom: 1px solid rgb(13 64 36 / 25%) !important;
    }

    .bg-sidebargreen .sidebar-form input[type="text"] {
        background-color: rgb(18 84 47) !important;
    }

    .bg-sidebargreen .sidebar-form .btn {
        background-color: rgb(18 84 47) !important;
    }

        .bg-sidebargreen .sidebar-form .btn .fa {
            color: #217245 !important;
        }

    .bg-sidebargreen .sidebar li a {
        color: rgb(62 197 134) !important
    }

    .bg-sidebargreen .sidebar li:hover a, .bg-sidebargreen .sidebar li.active a {
        color: rgb(5 154 84) !important;
    }

    .bg-sidebargreen .sidebar-menu > li:hover > a, .bg-sidebargreen .sidebar-menu > li.active > a {
        color: rgb(62 197 134) !important;
        background: #217245 !important;
        border-color: #217245 !important
    }

    .bg-sidebargreen .sidebar-menu > li.treeview.active > a {
        color: #8de8b6 !important;
        border-left-color: rgb(20 90 51) !important;
        background-color: rgb(20 90 51) !important;
    }

    .bg-sidebargreen .sidebar-menu > li > .treeview-menu {
        background-color: rgb(20 90 51) !important;
        color: #217245 !important;
        margin: 0;
    }

        .bg-sidebargreen .sidebar-menu > li > .treeview-menu a {
            color: rgb(45 167 110) !important;
        }

    .bg-sidebargreen .treeview-menu > li.active > a, .bg-sidebargreen .treeview-menu > li > a:hover {
        color: #8de8b6 !important
    }

        .bg-sidebargreen .treeview-menu > li.active > a > .fa:before, .bg-sidebargreen .treeview-menu > li > a:hover > .fa:before {
            content: '\f111';
            font-family: FontAwesome;
            color: #8de8b6 !important
        }

    .bg-sidebargreen .btn-primary {
        background-color: rgb(18 84 47) !important;
        border-color: rgb(18 84 47) !important
    }

    .bg-sidebargreen .table tbody td .fa {
        color: rgb(18 84 47)
    }

    .bg-sidebargreen .table tbody td a {
        color: rgb(38 148 97)
    }

    .bg-sidebargreen .dt-buttons .dt-button {
        color: rgb(157 220 185);
        border-color: rgb(18 84 47);
        background: rgb(18 84 47);
    }

        .bg-sidebargreen .dt-buttons .dt-button:hover, .bg-sidebargreen .dt-buttons .dt-button:active, .bg-sidebargreen .dt-buttons .dt-button:focus:hover,
        .bg-sidebargreen a.dt-button:active:not(.disabled):hover:not(.disabled) {
            color: rgb(157 220 185);
            border-color: rgb(18 84 47);
            background-color: rgb(18 84 47);
            background-image: none;
        }

    .bg-sidebargreen [class^=dataTables_] input[type=search], .bg-sidebargreen [class^=dataTables_] select {
        border-color: rgb(18 84 47) !important;
    }

    .bg-sidebargreen .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border-color: rgb(18 84 47) !important;
    }

    .bg-sidebargreen .dataTables_wrapper .dataTables_paginate .paginate_button.current, .bg-sidebargreen .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        border: 1px solid rgb(18 84 47 ) !important;
        box-shadow: 0 0 0px 1px rgb(18 84 47 ) !important;
    }

    .bg-sidebargreen .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border-color: rgb(18 84 47 );
        box-shadow: 0 0 0px 1px rgb(18 84 47 ) !important;
        box-shadow: inset 0 0 0px 1px rgb(255 255 255);
    }

    .bg-sidebargreen .btn-info {
        background: rgb(18 84 47);
        border-color: rgb(18 84 47);
    }

        .bg-sidebargreen .btn-info.active.focus, .bg-sidebargreen .btn-info.active:hover, .bg-sidebargreen .btn-info:active:focus, .bg-sidebargreen .btn-info:active, .bg-sidebargreen .btn-info:focus, .bg-sidebargreen .btn-info:hover {
            background: rgb(38 148 97);
            background-color: rgb(38 148 97);
        }

    .bg-sidebargreen .datepicker table tr td.active, .bg-sidebargreen .datepicker table tr td.active:hover, .bg-sidebargreen .datepicker table tr td.active.disabled, .bg-sidebargreen .datepicker table tr td.active.disabled:hover {
        background-color: rgb(18 84 47) !important;
    }

    .bg-sidebargreen .fa-calendar {
        color: rgb(18 84 47)
    }
    /*.bg-sidebargreen section.content .fa {
        color: rgb(18 84 47);
    }*/
    .bg-sidebargreen section.content .fa:not(.btn) > .fa, .bg-sidebargreen section.content .input-group-addon .fa, .bg-sidebargreen section.content .input-group-addon {
        color: rgb(18 84 47);
    }

    .bg-sidebargreen section.content .dt-button .fa {
    }

    .bg-sidebargreen .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(18 84 47) !important;
        border-color: rgb(18 84 47) !important;
    }

    .bg-sidebargreen .custom-file-label::after {
        background-color: rgb(18 84 47);
        color: #fff;
    }

    .bg-sidebargreen section.content .featrued-icons .fa {
        color: rgb(18 84 47) !IMPORTANT;
    }

    .bg-sidebargreen .content-header > .breadcrumb > li > a {
        color: rgb(18 84 47) !IMPORTANT;
    }

    .bg-sidebargreen .content-header h1, .bg-sidebargreen h3 {
        color: rgb(18 84 47) !IMPORTANT;
    }

    .bg-sidebargreen .tree li {
        color: rgb(18 84 47) !important
    }

    .bg-sidebargreen .main-header .navbar .nav > li > a {
        color: rgb(18 84 47);
    }

    .bg-sidebargreen .control-sidebar-dark, .bg-sidebargreen .control-sidebar-dark + .control-sidebar-bg {
        background-color: #1F7245;
    }

    .bg-sidebargreen .control-colortheme li {
        border: 1px solid #0f4125;
        color: #0a4022;
    }

    .bg-sidebargreen .control-rightbar, .bg-sidebargreen .main-header .navbar .sidebar-toggle {
        color: rgb(18 84 47);
    }

    .bg-sidebargreen .control-colortheme li.selected {
        box-shadow: inset 0px -3px 4px 2px rgb(18 84 47);
        border-color: rgb(18 84 47);
    }

    .bg-sidebargreen .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
        color: rgb(18 84 47)
    }

    .bg-sidebargreen .alloversearch-menu .btn-default {
        background-color: rgb(18 84 47);
        border-color: rgb(18 84 47);
        /*color: #fff !important;*/
    }

    .bg-sidebargreen .main-footer {
        color: #12542f;
    }

    .bg-sidebargreen .form-control:focus, .bg-sidebargreen .form-control:focus ~ .input-group-addon {
        border-color: #12542f !important
    }

    .bg-sidebargreen .select2-container--open .select2-selection--single, .bg-sidebargreen .select2-container--default .select2-search--dropdown .select2-search__field {
        border-color: rgb(18 84 47) !important
    }

    .bg-sidebargreen .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(18 84 47);
    }

    .bg-sidebargreen .tooltip-inner {
        background-color: rgb(18 84 47);
    }

    .bg-sidebargreen .tooltip.top .tooltip-arrow {
        border-top-color: rgb(18 84 47)
    }

    .bg-sidebargreen .tooltip.bottom .tooltip-arrow {
        border-bottom-color: rgb(18 84 47)
    }

    .bg-sidebargreen .AddReceipt:focus, .bg-sidebargreen .AddRecord:focus, .bg-sidebargreen .AddPayment:focus, .bg-sidebargreen .AddExpense:focus, .bg-sidebargreen .AddInvoice:focus, .bg-sidebargreen .AddCredit:focus, .bg-sidebargreen .AddBill:focus, .bg-sidebargreen .AddDebit:focus, .bg-sidebargreen .AddMoreLedgers:focus, .bg-sidebargreen .AddAccount:focus {
        outline: 1px solid rgb(18 84 47) !important;
    }

    .bg-sidebargreen .tooltip-dropdown {
        border: 3px solid rgb(18 84 47);
        background-color: #1F7245;
    }

        .bg-sidebargreen .tooltip-dropdown:before {
            border-top: 9px solid rgb(18 84 47);
        }

        .bg-sidebargreen .tooltip-dropdown a {
            color: rgb(62 197 134);
        }

    .bg-sidebargreen .HeaderCompanyName {
        color: rgb(18 84 47);
        background-image: linear-gradient(to right, rgb(18 84 47),rgb(62 196 134),#fff);
    }
    .bg-sidebargreen .custom-switcher input[type=checkbox]:checked ~ b {
        background: #477247;
    }
@media (min-width:1025px) {

    .bg-sidebargreen .table-responsive::-webkit-scrollbar-thumb, .bg-sidebargreen .dataTables_scrollBody::-webkit-scrollbar-thumb {
        background-color: rgb(18 84 47);
        border: none;
        height: 40px;
    }
}
/**/
.bg-sidebargreen2 {
}

    .bg-sidebargreen2 .main-sidebar, .bg-sidebargreen2 .left-side, .bg-sidebargreen2 .main-header .logo {
        background-color: #1F7245 !important;
        color: #d8b147;
        border-bottom: 1px solid #222a4554;
    }

    .bg-sidebargreen2 .main-sidebar, .bg-sidebargreen2 .left-side, .bg-sidebargreen2 .main-header .logo {
        color: #d8b147 !important;
        border-bottom: 1px solid rgb(13 64 36 / 25%) !important;
    }

    .bg-sidebargreen2 .sidebar-form input[type="text"] {
        background-color: rgb(18 84 47) !important;
    }

    .bg-sidebargreen2 .sidebar-form .btn {
        background-color: rgb(18 84 47) !important;
    }

        .bg-sidebargreen2 .sidebar-form .btn .fa {
            color: rgb(216 177 71 / 84%) !important;
        }

    .bg-sidebargreen2 .sidebar li a {
        color: rgb(216 177 71 / 84%) !important;
    }
    /*
    .bg-sidebargreen2 .sidebar li:hover a, .bg-sidebargreen2 .sidebar li.active a {
        color: rgb(216 177 71 / 66%) !important;
       
    }*/

    .bg-sidebargreen2 .sidebar-menu > li:hover > a, .bg-sidebargreen2 .sidebar-menu > li.active > a {
        color: #d8b147 !important;
        background: #217245 !important;
        border-color: #217245 !important
    }

    .bg-sidebargreen2 .sidebar-menu > li.treeview.active > a {
        color: #d8b147 !important;
        border-left-color: rgb(20 90 51) !important;
        background-color: rgb(20 90 51) !important;
    }

    .bg-sidebargreen2 .sidebar-menu > li > .treeview-menu {
        background-color: rgb(20 90 51) !important;
        color: #d8b147 !important;
        margin: 0;
    }

        .bg-sidebargreen2 .sidebar-menu > li > .treeview-menu a, .bg-sidebargreen2 .sidebar-menu > li > .treeview-menu a .fa {
            color: rgb(216 177 71 / 66%) !important;
        }

    .bg-sidebargreen2 .treeview-menu > li.active > a, .bg-sidebargreen2 .treeview-menu > li > a:hover, .bg-sidebargreen2 .treeview-menu > li.active > a .fa, .bg-sidebargreen2 .treeview-menu > li > a:hover .fa {
        color: #d8b147 !important
    }

        .bg-sidebargreen2 .treeview-menu > li.active > a > .fa:before, .bg-sidebargreen2 .treeview-menu > li > a:hover > .fa:before {
            content: '\f111';
            font-family: FontAwesome;
        }

    .bg-sidebargreen2 button.btn-primary {
        background-color: #d8b147;
        border-color: #d8b147
    }

        .bg-sidebargreen2 button.btn-primary:hover, .bg-sidebargreen2 button.btn-primary:active, .bg-sidebargreen2 button.btn-primary.active, .bg-sidebargreen2 button.btn-primary.focus, .bg-sidebargreen2 button.btn-primary:focus:active {
            background-color: #d8b147;
            border-color: #d8b147
        }

    .bg-sidebargreen2 .table tbody td .fa {
        color: #d8b147
    }

    .bg-sidebargreen2 .table tbody td a {
        color: #d8b147
    }

    .bg-sidebargreen2 .dt-buttons .dt-button {
        color: #fff1cb;
        border-color: #d8b147 !important;
        background: #d8b147 !important;
    }

        .bg-sidebargreen2 .dt-buttons .dt-button:hover, .bg-sidebargreen2 .dt-buttons .dt-button:focus, .bg-sidebargreen2 .dt-buttons .dt-button:active, .bg-sidebargreen2 .dt-buttons .dt-button:focus:active,
        .bg-sidebargreen2 a.dt-button:active:not(.disabled):hover:not(.disabled) {
            color: #fff1cb;
            border-color: #d8b147 !important;
            background: #d8b147 !important;
            background-image: none;
        }

    .bg-sidebargreen2 [class^=dataTables_] input[type=search], .bg-sidebargreen2 [class^=dataTables_] select {
        border-color: #d8b147 !important;
    }

    .bg-sidebargreen2 .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border-color: #d8b147 !important;
    }

    .bg-sidebargreen2 .dataTables_wrapper .dataTables_paginate .paginate_button.current, .bg-sidebargreen2 .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        border-color: #d8b147;
        box-shadow: 0 0 0px 1px #d8b147 !important;
    }

    .bg-sidebargreen2 .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border-color: #d8b147;
        box-shadow: 0 0 0px 1px #d8b147 !important;
        box-shadow: inset 0 0 0px 1px rgb(255 255 255);
    }

    .bg-sidebargreen2 .btn-info {
        background: #d8b147 !important;
        border-color: #d8b147 !important;
    }

        .bg-sidebargreen2 .btn-info.active.focus, .bg-sidebargreen2 .btn-info.active:focus, .bg-sidebargreen2 .btn-info.active:hover, .bg-sidebargreen2 .btn-info:active.focus, .bg-sidebargreen2 .btn-info:active:focus, .bg-sidebargreen2 .btn-info:active:hover, .bg-sidebargreen2 .btn-info:hover {
            background: #d8b147 !important;
        }

    .bg-sidebargreen2 .datepicker table tr td.active, .bg-sidebargreen2 .datepicker table tr td.active:hover, .bg-sidebargreen2 .datepicker table tr td.active.disabled, .bg-sidebargreen2 .datepicker table tr td.active.disabled:hover {
        background-color: #d8b147 !important;
        color: #333333;
    }

    .bg-sidebargreen2 .fa-calendar {
        color: #d8b147;
    }
    /* .bg-sidebargreen2 section.content .fa {
        color: #d8b147;
    }*/
    .bg-sidebargreen2 section.content .fa:not(.btn) > .fa, .bg-sidebargreen2 section.content .input-group-addon .fa, .bg-sidebargreen2 section.content .input-group-addon {
        color: #d8b147;
    }

    .bg-sidebargreen2 section.content .dt-button .fa {
    }

    .bg-sidebargreen2 .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #d8b147 !important;
        border-color: #d8b147 !important;
    }

    .bg-sidebargreen2 .custom-file-label::after {
        background-color: #d8b147;
        color: #495057;
    }

    .bg-sidebargreen2 section.content .featrued-icons .fa {
        color: rgb(216 177 71) !IMPORTANT;
    }

    .bg-sidebargreen2 .content-header > .breadcrumb > li > a {
        color: rgb(216 177 71) !IMPORTANT;
    }

    .bg-sidebargreen2 .content-header h1, .bg-sidebargreen2 h3 {
        color: rgb(216 177 71) !IMPORTANT;
    }

    .bg-sidebargreen2 .tree li {
        color: rgb(216 177 71) !important
    }

    .bg-sidebargreen2 .main-header .navbar .nav > li > a {
        color: #d8b147;
    }

    .bg-sidebargreen2 .control-sidebar-dark, .bg-sidebargreen2 .control-sidebar-dark + .control-sidebar-bg {
        background-color: #1F7245;
    }

    .bg-sidebargreen2 .control-colortheme li {
        border: 1px solid #0f4125;
        color: #0a4022;
    }

    .bg-sidebargreen2 .control-rightbar, .bg-sidebargreen2 .main-header .navbar .sidebar-toggle {
        color: #d8b147;
    }

    .bg-sidebargreen2 .control-colortheme li.selected {
        box-shadow: inset 0px -3px 4px 2px rgb(18 84 47);
        border-color: rgb(18 84 47);
    }

    .bg-sidebargreen2 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
        color: rgb(18 84 47)
    }

    .bg-sidebargreen2 .alloversearch-menu .btn-default {
        background-color: rgb(216 177 71);
        border-color: rgb(216 177 71)
    }

    .bg-sidebargreen2 .main-footer {
        color: #d8b147;
    }

    .bg-sidebargreen2 .form-control:focus, .bg-sidebargreen2 .form-control:focus ~ .input-group-addon {
        border-color: #d8b147 !important
    }

    .bg-sidebargreen2 .select2-container--open .select2-selection--single, .bg-sidebargreen2 .select2-container--default .select2-search--dropdown .select2-search__field {
        border-color: rgb(183 153 71) !important
    }

    .bg-sidebargreen2 .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(183 153 71)
    }

    .bg-sidebargreen2 .tooltip-inner {
        background-color: rgb(183 153 71);
    }

    .bg-sidebargreen2 .tooltip.top .tooltip-arrow {
        border-top-color: rgb(183 153 71);
    }

    .bg-sidebargreen2 .tooltip.bottom .tooltip-arrow {
        border-bottom-color: rgb(183 153 71);
    }

    .bg-sidebargreen2 .AddReceipt:focus, .bg-sidebargreen2 .AddRecord:focus, .bg-sidebargreen2 .AddPayment:focus, .bg-sidebargreen2 .AddExpense:focus, .bg-sidebargreen2 .AddInvoice:focus, .bg-sidebargreen2 .AddCredit:focus, .bg-sidebargreen2 .AddBill:focus, .bg-sidebargreen2 .AddDebit:focus, .bg-sidebargreen2 .AddMoreLedgers:focus, .bg-sidebargreen2 .AddAccount:focus {
        outline: 1px solid rgb(183 153 71) !important;
    }

    .bg-sidebargreen2 .tooltip-dropdown {
        border: 3px solid rgb(183 153 71);
        background-color: #1F7245;
    }

        .bg-sidebargreen2 .tooltip-dropdown:before {
            border-top: 9px solid rgb(183 153 71);
        }

        .bg-sidebargreen2 .tooltip-dropdown a {
            color: #d8b147;
        }

    .bg-sidebargreen2 .HeaderCompanyName {
        color: rgb(18 84 47);
        background-image: linear-gradient(to right, rgb(18 84 47),#d8b147,#fff);
    }
    .bg-sidebargreen2 .custom-switcher input[type=checkbox]:checked ~ b {
        background: #325431;
    }
@media (min-width:1025px) {

    .bg-sidebargreen2 .table-responsive::-webkit-scrollbar-thumb, .bg-sidebargreen2 .dataTables_scrollBody::-webkit-scrollbar-thumb {
        background-color: rgb(216 177 71);
        border: none;
        height: 40px;
    }
}
/**/
.bg-sidebargreen3 {
}

    .bg-sidebargreen3 .main-sidebar, .bg-sidebargreen3 .left-side, .bg-sidebargreen3 .main-header .logo {
        background-color: #d8b147 !important;
        color: #1F7245;
        border-bottom: 1px solid #222a4554;
    }

    .bg-sidebargreen3 .main-sidebar, .bg-sidebargreen3 .left-side, .bg-sidebargreen3 .main-header .logo {
        color: #217245 !important;
        border-bottom: 1px solid rgb(13 64 36 / 25%) !important;
    }

    .bg-sidebargreen3 .sidebar-form input[type="text"] {
        background-color: rgb(20 90 51) !important;
    }

    .bg-sidebargreen3 .sidebar-form .btn {
        background-color: rgb(20 90 51) !important;
    }

        .bg-sidebargreen3 .sidebar-form .btn .fa {
            color: rgb(216 177 71 / 84%) !important;
        }

    .bg-sidebargreen3 .sidebar li a {
        color: #217245 !important;
    }


    .bg-sidebargreen3 .sidebar-menu > li:hover > a, .bg-sidebargreen3 .sidebar-menu > li.active > a {
        color: #217245 !important;
        background: #d8b147 !important;
        border-color: #d8b147 !important
    }

    .bg-sidebargreen3 .sidebar-menu > li.treeview.active > a {
        color: #d8b147 !important;
        border-left-color: rgb(20 90 51) !important;
        background-color: rgb(20 90 51) !important;
    }

    .bg-sidebargreen3 .sidebar-menu > li > .treeview-menu {
        background-color: rgb(20 90 51) !important;
        color: #d8b147 !important;
        margin: 0;
    }

        .bg-sidebargreen3 .sidebar-menu > li > .treeview-menu a, .bg-sidebargreen3 .sidebar-menu > li > .treeview-menu a .fa {
            color: rgb(216 177 71 / 66%) !important;
        }

    .bg-sidebargreen3 .treeview-menu > li.active > a, .bg-sidebargreen3 .treeview-menu > li > a:hover, .bg-sidebargreen3 .treeview-menu > li.active > a .fa, .bg-sidebargreen3 .treeview-menu > li > a:hover .fa {
        color: #d8b147 !important
    }

        .bg-sidebargreen3 .treeview-menu > li.active > a > .fa:before, .bg-sidebargreen3 .treeview-menu > li > a:hover > .fa:before {
            content: '\f111';
            font-family: FontAwesome;
        }

    .bg-sidebargreen3 button.btn-primary {
        background-color: #145a33;
        border-color: #145a33
    }

        .bg-sidebargreen3 button.btn-primary:hover, .bg-sidebargreen3 button.btn-primary:active, .bg-sidebargreen3 button.btn-primary.active, .bg-sidebargreen3 button.btn-primary.focus, .bg-sidebargreen3 button.btn-primary:focus:active {
            background-color: #145a33;
            border-color: #145a33
        }

    .bg-sidebargreen3 .table tbody td .fa {
        color: #d8b147
    }

    .bg-sidebargreen3 .table tbody td a {
        color: #d8b147
    }

    .bg-sidebargreen3 .dt-buttons .dt-button {
        color: rgb(20 90 51) !important;
        border-color: #d8b147 !important;
        background: #d8b147 !important;
    }

        .bg-sidebargreen3 .dt-buttons .dt-button:hover, .bg-sidebargreen3 .dt-buttons .dt-button:focus, .bg-sidebargreen3 .dt-buttons .dt-button:active, .bg-sidebargreen3 .dt-buttons .dt-button:focus:active,
        .bg-sidebargreen3 a.dt-button:active:not(.disabled):hover:not(.disabled) {
            color: #fff1cb;
            border-color: #d8b147 !important;
            background: #d8b147 !important;
            background-image: none;
        }

    .bg-sidebargreen3 [class^=dataTables_] input[type=search], .bg-sidebargreen3 [class^=dataTables_] select {
        border-color: #d8b147 !important;
    }

    .bg-sidebargreen3 .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border-color: #d8b147 !important;
    }

    .bg-sidebargreen3 .dataTables_wrapper .dataTables_paginate .paginate_button.current, .bg-sidebargreen3 .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        border-color: #d8b147;
        box-shadow: 0 0 0px 1px #d8b147 !important;
    }

    .bg-sidebargreen3 .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border-color: #d8b147;
        box-shadow: 0 0 0px 1px #d8b147 !important;
        box-shadow: inset 0 0 0px 1px rgb(255 255 255);
    }

    .bg-sidebargreen3 .btn-info {
        background: rgb(20 90 51) !important;
        border-color: rgb(20 90 51) !important;
    }

        .bg-sidebargreen3 .btn-info.active.focus, .bg-sidebargreen3 .btn-info.active:focus, .bg-sidebargreen3 .btn-info.active:hover, .bg-sidebargreen3 .btn-info:active.focus, .bg-sidebargreen3 .btn-info:active:focus, .bg-sidebargreen3 .btn-info:active:hover, .bg-sidebargreen3 .btn-info:hover {
            background: rgb(20 90 51) !important;
        }

    .bg-sidebargreen3 .datepicker table tr td.active, .bg-sidebargreen3 .datepicker table tr td.active:hover, .bg-sidebargreen3 .datepicker table tr td.active.disabled, .bg-sidebargreen3 .datepicker table tr td.active.disabled:hover {
        background-color: rgb(20 90 51) !important;
    }

    .bg-sidebargreen3 .fa-calendar {
        color: #d8b147;
    }
    /*.bg-sidebargreen3 section.content .fa {
        color: #d8b147;
    }*/
    .bg-sidebargreen3 section.content .fa:not(.btn) > .fa, .bg-sidebargreen3 section.content .input-group-addon .fa, .bg-sidebargreen3 section.content .input-group-addon {
        color: #145a33;
    }

    .bg-sidebargreen3 section.content .dt-button .fa {
    }

    .bg-sidebargreen3 .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgb(20 90 51) !important;
        border-color: rgb(20 90 51) !important;
    }

    .bg-sidebargreen3 .custom-file-label::after {
        background-color: rgb(20 90 51);
        color: #fff;
    }

    .bg-sidebargreen3 section.content .featrued-icons .fa {
        color: rgb(20 90 51) !IMPORTANT;
    }

    .bg-sidebargreen3 .content-header > .breadcrumb > li > a {
        color: rgb(20 90 51) !IMPORTANT;
    }

    .bg-sidebargreen3 .content-header h1, .bg-sidebargreen3 h3 {
        color: rgb(20 90 51) !IMPORTANT;
    }

    .bg-sidebargreen3 .tree li {
        color: rgb(20 90 51) !important
    }

    .bg-sidebargreen3 .main-header .navbar .nav > li > a {
        color: rgb(20 90 51);
    }

    .bg-sidebargreen3 .control-sidebar-dark, .bg-sidebargreen3 .control-sidebar-dark + .control-sidebar-bg {
        background-color: #d8b147;
    }

    .bg-sidebargreen3 .control-colortheme li {
        border: 1px solid #8d742f;
        color: #655018
    }

    .bg-sidebargreen3 .control-rightbar, .bg-sidebargreen3 .main-header .navbar .sidebar-toggle {
        color: rgb(20 90 51);
    }

    .bg-sidebargreen3 .control-colortheme li.selected {
        box-shadow: inset 0px -3px 4px 2px rgb(183 153 71);
        border-color: #655018;
    }

    .bg-sidebargreen3 .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
        color: rgb(20 90 51)
    }

    .bg-sidebargreen3 .alloversearch-menu .btn-default {
        background-color: rgb(20 90 51);
        border-color: rgb(20 90 51);
    }

    .bg-sidebargreen3 .main-footer {
        color: #145a33;
    }

    .bg-sidebargreen3 .form-control:focus, .bg-sidebargreen3 .form-control:focus ~ .input-group-addon {
        border-color: #145a33 !important
    }

    .bg-sidebargreen3 .select2-container--open .select2-selection--single, .bg-sidebargreen3 .select2-container--default .select2-search--dropdown .select2-search__field {
        border-color: rgb(20 90 51) !important
    }

    .bg-sidebargreen3 .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: rgb(20 90 51)
    }

    .bg-sidebargreen3 .tooltip-inner {
        background-color: rgb(20 90 51);
    }

    .bg-sidebargreen3 .tooltip.top .tooltip-arrow {
        border-top-color: rgb(20 90 51);
    }

    .bg-sidebargreen3 .tooltip.bottom .tooltip-arrow {
        border-bottom-color: rgb(20 90 51);
    }

    .bg-sidebargreen3 .AddReceipt:focus, .bg-sidebargreen3 .AddRecord:focus, .bg-sidebargreen3 .AddPayment:focus, .bg-sidebargreen3 .AddExpense:focus, .bg-sidebargreen3 .AddInvoice:focus, .bg-sidebargreen3 .AddCredit:focus, .bg-sidebargreen3 .AddBill:focus, .bg-sidebargreen3 .AddDebit:focus, .bg-sidebargreen3 .AddMoreLedgers:focus, .bg-sidebargreen3 .AddAccount:focus {
        outline: 1px solid rgb(20 90 51) !important;
    }

    .bg-sidebargreen3 .tooltip-dropdown {
        border: 3px solid rgb(20 90 51);
        background-color: #d8b147;
    }

        .bg-sidebargreen3 .tooltip-dropdown:before {
            border-top: 9px solid rgb(20 90 51);
        }

        .bg-sidebargreen3 .tooltip-dropdown a {
            color: #217245;
        }

    .bg-sidebargreen3 .HeaderCompanyName {
        color: rgb(18 84 47);
        background-image: linear-gradient(to right, rgb(18 84 47),#d8b147,#fff);
    }
    .bg-sidebargreen3 .custom-switcher input[type=checkbox]:checked ~ b {
        background: #ccb049;
    }
@media (min-width:1025px) {
    .bg-sidebargreen3 .table-responsive::-webkit-scrollbar-thumb, .bg-sidebargreen3 .dataTables_scrollBody::-webkit-scrollbar-thumb {
        background-color: rgb(20 90 51);
        border: none;
        height: 40px;
    }
}
/*========================================
    Form
==========================================*/
label {
    font-weight: normal !important;
}

.form-group label {
    /*  display:block;*/
}

input [type=text], input[type=email], input[type=search], input[type=password], textarea, select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none;
}

    input:focus, select:focus, textarea:focus, button:focus {
        outline: none !important;
    }

select {
    background: #fff url(/Images/arrow-downW.png) center right 9px no-repeat !important;
    background-size: 24px !important;
    padding-left: 10px;
}

.form-control {
    height: 44px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: none;
}

    .form-control:focus, .form-control:focus ~ .input-group-addon {
        border-color: #303956 !important;
        outline: none !IMPORTANT;
        box-shadow: none;
    }

.input-group .input-group-addon:first-child {
    border-radius: 4px 0 0 4px;
}

.input-group .input-group-addon:last-child {
    border-radius: 0 4px 4px 0;
}

.input-group .input-group-addon {
    min-width: 50px;
}

.input-group .form-control {
    z-index: 0;
}

    .input-group .form-control ~ .input-group-addon {
        min-width: 50px !important;
        /* border: 1px solid #ccc;*/
        padding: 0 7px;
    }

        .input-group .form-control ~ .input-group-addon select {
            height: 42px;
            border: 0;
            background-color: transparent !important;
            min-width: 80px;
        }

.input-group .input-group-btn .btn:not([name=search]) {
    border-radius: 0 20px 20px 0 !important;
    height: 44px;
    min-width: 67px;
}

textarea.form-control {
    resize: none;
}

.input-group .input-group-addon .fa {
    font-size: 19px;
}

.checkbox-inline, .radio-inline {
    padding-left: 0 !important;
}

.form-group label:only-child {
    display: block;
    font-weight: 500 !important;
}

.checkbox.icheck {
    margin-top: 32px;
}

.configcheck-row .form-group {
    display: inline-block;
}

    .configcheck-row .form-group .icheckbox_square-blue {
        margin: 0 10px 0 5px;
    }

.configcheck-row label:last-child {
    margin-left: 3px;
}

.configcheck-row .form-group {
    margin-bottom: 5px;
}
/*info tooltip*/
.required .info-tooltip {
}

.info-tooltip {
    position: absolute;
    display: inline-block;
    padding-left: 10px;
    opacity: 0;
    height: 10px;
    transition: opacity 0.4s;
}

.required:hover .info-tooltip, .heading-tootip .info-tooltip {
    opacity: 1;
    transition: opacity 0.4s;
}

.heading-tootip .info-tooltip {
    z-index: 1050;
    font-size: 16px !important;
}

    .heading-tootip .info-tooltip .info-icon {
        vertical-align: text-bottom;
    }

.tooltip-dropdown {
    margin: 0;
    display: flex;
    min-width: 116px;
    min-height: 32px;
    justify-content: space-between;
    align-items: center;
    border: 3px solid #222a45;
    border-radius: 9px;
    padding: 1px 11px;
    background-color: #424b6d;
    list-style: none;
    transform-style: preserve-3d;
    perspective: 600px;
    transform-origin: top left;
    transform: translate3d(-2%, -38px, 0px) scale3d(0,0,0);
    transition: transform 0.4s;
    color: #fff;
}

    .tooltip-dropdown:before {
        display: inline-block;
        vertical-align: .255em;
        content: "";
        width: 0;
        height: 0;
        border-top: 9px solid #222a45;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        position: absolute;
        bottom: -10px;
        left: 0px;
    }

    .tooltip-dropdown a {
        color: #fff;
        font-size: 12px;
    }

        .tooltip-dropdown a .fa {
            font-size: 12px;
        }

        .tooltip-dropdown a .fa-link {
            font-size: 10px;
        }

        .tooltip-dropdown a .fa-info {
            padding: 0 3px;
        }

.info-tooltip:hover .tooltip-dropdown {
    transform: translate3d(0, -56px, 0px) scale3d(1,1,2);
    transition: transform 0.4s;
    z-index: 2;
}
/**/
/*Date picker*/
.datepicker.dropdown-menu {
    box-shadow: 0px 7px 10px rgb(0 0 0 / 10%);
    z-index: 1050 !important;
}

    .datepicker.dropdown-menu thead tr:first-child th:nth-child(2) {
        text-transform: uppercase;
        font-size: 12px;
    }

    .datepicker.dropdown-menu thead tr:last-child th {
        text-transform: uppercase;
        font-size: 12px;
        border-top: 0;
        border-bottom: 1px solid #ccc !important;
    }

.datepicker table tr td, .datepicker table tr th {
    padding: 10px 10px !important;
    border: 0 !important;
}

.datepicker table tr td {
    border-radius: 50%;
}

    .datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
        background: rgb(0 0 0 / 9%);
    }

    .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
        background-color: #303956 !important;
    }

.datepicker-dropdown.datepicker-orient-bottom:before {
    border-top: 1px solid #999 !important;
}
/*===================================================
    Removing input autofill colour for Chrome
======================================================*/
/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    transition: background-color 5000s ease-in-out 0s;
}
/*=============================================
    Buttons
==============================================*/
.btn:hover, .btn:focus {
    box-shadow: inset 0 0 0 1px rgb(255 255 255);
}

button.dt-button, div.dt-button, a.dt-button {
    text-align: center;
}

.dt-buttons .dt-button {
    border-radius: 20px !important;
    min-width: 90px;
}

.btn:not(#search-btn):not(.btn-flat):not(.btn-overallsearch) {
    border-radius: 20px;
    min-width: 90px;
    padding: 6px 17px;
}

.wysihtml5-toolbar .btn.btn-default {
    min-width: auto !important;
}

.wysihtml5-toolbar .btn + .btn {
    margin-left: 5px !important;
}

.glyphicon {
    font-family: 'Glyphicons Halflings' !IMPORTANT;
}

.user-dropdown .btn {
    padding: 6px 12px !important;
}

.dt-buttons .dt-button {
    background-image: none;
    background-color: #fff;
}

    .dt-buttons .dt-button + .dt-button, .btn + .btn {
        margin-left: 6px;
    }

.skin-blue .btn-primary, .login-page .btn-primary {
    background-color: #222a45;
    border-color: #222a45;
}

    .skin-blue .btn-primary:hover, .skin-blue .btn-primary:active, .skin-blue .btn-primary.active, .skin-blue .btn-primary.focus, .skin-blue .btn-primary:focus:active {
        background-color: #313956;
        border-color: #313956;
    }

    .login-page .btn-primary:hover, .login-page .btn-primary:active, .login-page .btn-primary.active, .login-page .btn-primary.focus, .login-page .btn-primary:focus:active {
        background-color: #313956;
        border-color: #313956;
    }

.btn-info {
    background-color: #222a45;
    border-color: #222a45;
    background-image: none;
}

    .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.focus, .btn-info:focus, .btn-info:focus:active {
        background-color: #303956;
        border-color: #303956;
        background-image: none;
    }
/*BUttons evaluation*/
.btns-evaluation {
    border: 1px solid #272c33;
    padding: 12px 8px;
    border-radius: 4px;
}

    .btns-evaluation .btn {
        padding: 0px 17px !important;
        border-radius: 4px !important;
        font-size: 14px;
        color: #272c33;
        text-transform: uppercase;
        font-weight: bold;
        position: relative;
        background: transparent;
    }

        .btns-evaluation .btn + .btn {
            margin-left: 13px;
        }

            .btns-evaluation .btn + .btn:after {
                content: '';
                position: absolute;
                height: 100%;
                margin: 0 -9px;
                border-left: 1px solid #272c33;
                left: 0px;
                top: 0;
            }

.tooltip {
    font-family: inherit;
}

.tooltip-inner {
    min-width: 100px;
    background-color: #222a45;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #222a45;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #222a45;
}
/*========================================
    Autocomplete
====================================*/
.btn-overallsearch:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.autocomplete-items {
    position: relative;
    overflow-y: auto;
    max-height: 204px;
}

    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }


        .autocomplete-items div:hover {
            background-color: #e9e9e9;
        }


.autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}

/*==========================================
    Select2
=============================================*/
.ProductItemDDL ~ .select2-container {
    width: 15em !IMPORTANT;
}

.select2-container {
    width: 100% !IMPORTANT;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    height: auto;
    min-height: 44px;
    border-radius: 4px;
}

.select2-container--open .select2-selection--single {
    border-color: #303956 !important
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -6px;
}

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border: none !important;
        background: url(/Images/arrow-downW.png) center right 28px no-repeat !important;
        background-size: 24px !important;
        width: 53px;
        height: 15px;
        margin-top: 7px;
        margin-left: -22px;
    }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #303956 !important;
    border-color: #303956 !important;
    border-radius: 2px !important;
    padding: 3px 10px !important;
    padding: 5px 10px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    /*vertical-align: text-bottom !important;*/
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #303956 !important;
}

.select2-dropdown .select2-search__field:focus, .select2-search--inline .select2-search__field:focus {
    outline: none;
    border: 1px solid #222a45;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #5d91fe;
    color: #fff !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 6px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #272c33;
}
/*======================================
    Custom file
========================================*/
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 44px;
    margin-bottom: 0;
}

    .custom-file-input, .custom-file input[type=file] {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 44px;
        margin: 0;
        opacity: 0;
        /* display:none;*/
    }

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 44px;
    padding: 6px 10px;
    font-weight: 400;
    line-height: 1.7;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 4px 20px 20px 4px;
}

    .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: 42px;
        padding: 8px 11px;
        line-height: 1.7;
        color: #fff;
        content: "Browse";
        background-color: #222a45;
        border-left: inherit;
        border-radius: 0 20px 20px 0;
    }

.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse";
}
/*===========================================
    Table
============================================*/
/*.table-responsive {
    max-height: 500px;
    overflow-y: auto;
}*/
.fixed-table-header {
position:relative;
}
.fixed-table-header thead th {
    position:sticky;
    top:0;
    background-color:#fff;
    z-index:2;
}
.table-responsive1 {
    max-height: 450px;
    overflow-y: auto;
}

table.dataTable tbody th, table.dataTable tbody td, table.dataTable thead th, table.dataTable thead td {
    padding: 6px 7px;
    line-height: 1.2;
}

table.dataTable tbody th, table.dataTable thead th {
    padding: 10px 7px;
}

.dataTables_wrapper .dataTables_scroll {
    margin-bottom: 12px !important;
}

[class^=dataTables_] input[type=search], [class^=dataTables_] select {
    border-radius: 20px !important;
    border: 1px solid #ccc !important;
    height: 31px;
    min-width: 75px;
    padding-left: 10px !IMPORTANT;
}

[class^=dataTables_] label {
    font-weight: normal
}

[class^=dataTables_] .dt-buttons {
    margin-bottom: 9px !important;
}

.table {
    border: none !important;
}

    .table th, .table td {
        border-style: solid none none none !important;
        vertical-align: middle !important;
    }

    .table th {
        /*border-top: 1px solid #ddd !important;*/
        color: rgb(79 88 101 / 75%) !important;
        /*font-weight: normal !IMPORTANT;*/
    }

    .table tbody td .fa {
        color: #62676f;
    }

    .table tbody td .fa-paperclip {
        font-size: 17px;
    }

    .table tbody td a + a {
        border-left: 1px solid #494e5657;
        padding-left: 6px;
        margin-left: 5px;
        line-height: 1;
        display: inline-block;
    }

    .table tbody td a {
        white-space: nowrap
    }

td .IsActive, td.IsActive, td .IsFreeze, td.IsFreeze, td .isVerified, td.isVerified, td .ActiveDeactive, td.ActiveDeactive {
    text-align: center;
}

    td .IsActive img, td.IsActive img, td .IsFreeze img, td.IsFreeze img, td .isVerified img, td.isVerified img, td .ActiveDeactive img, td.ActiveDeactive img, td a.IsActiveEmployee img {
        width: 18px !important;
    }

.table tbody td .fa {
    color: #222a45;
}

.table tbody td a {
    white-space: nowrap;
    color: #337ab7;
}

.dt-buttons .dt-button {
    background-image: none;
    color: #dae2ff;
    border-color: #303956;
    background-color: #303956
}

div.dt-buttons a.dt-button:hover, div.dt-buttons a.dt-button:focus, div.dt-buttons a.dt-button:focus:active, div.dt-buttons a.dt-button:active {
    color: #dae2ff;
    border-color: #303956;
    background-color: #303956;
    background-image: none;
    box-shadow: inset 0 0 0px 1px rgb(255 255 255);
}

[class^=dataTables_] input[type=search], .bg-sidebargreen [class^=dataTables_] select {
    border-color: #222a45;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border-color: #222a45;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid #222a45
}

.AddReceipt, .AddRecord, .AddPayment, .AddExpense, .AddInvoice, .AddCredit, .AddBill, .AddDebit, .AddMoreLedgers, .AddAccount {
    background: transparent;
    border: 0;
    font-size: 23px !important;
    line-height: 1.8
}

    .AddReceipt:focus, .AddRecord:focus, .AddPayment:focus, .AddExpense:focus, .AddInvoice:focus, .AddCredit:focus, .AddBill:focus, .AddDebit:focus, .AddMoreLedgers:focus, .AddAccount:focus {
        outline: 1px solid #303956 !important;
    }

.table > tbody > tr > td, .table > tfoot > tr > td, .table > tbody > tr > th, .table > tfoot > tr > th {
    border-color: #d2d6de;
}
.table:not(.NotColumnBorder):not(#tblList) > tbody > tr > td:not(:last-child), .table:not(.NotColumnBorder):not(#tblList) > tfoot > tr > td:not(:last-child), .table:not(.NotColumnBorder):not(#tblList) > thead > tr > th:not(:last-child), .table:not(.NotColumnBorder):not(#tblList) > tfoot > tr > th:not(:last-child) {
    border-right: 1px solid #eaeaea !IMPORTANT;
}
.table:not(.NotColumnBorder):not(#tblList) > thead > tr > th:first-child, .table:not(.NotColumnBorder):not(#tblList) > tbody > tr > td:first-child, .table:not(.NotColumnBorder):not(#tblList) > tfoot > tr > td:first-child,
.table:not(.NotColumnBorder):not(#tblList) > thead > tr > th:last-child, .table:not(.NotColumnBorder):not(#tblList) > tbody > tr > td:last-child, .table:not(.NotColumnBorder):not(#tblList) > tfoot > tr > td:last-child {
    text-align: center;
}
.table:not(.NotColumnBorder):not(#tblList) > thead:first-child > tr:first-child > th {
    border-top: 1px solid #d2d6de !IMPORTANT;
}
table.dataTable.no-footer {
    border-bottom: 1px solid #ccc !important;
    padding-bottom: 2px;
    margin-bottom: 13px;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #ccc !important;
}

.table.dataTable, .dataTables_scrollHeadInner {
    width: 100% !important;
}

.dataTables_scroll table.dataTable.no-footer {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    border: 0 !IMPORTANT;
}

.table.dataTable tr td:first-child {
    white-space: nowrap;
}

.borderd-header thead th {
    border: 1px solid #ccc !important;
}

.table .text-aqua {
    color: #272c33 !important;
    font-weight: 600;
    font-style: italic;
}
.table-fixed-header {
    position: relative;
}
    .table-fixed-header thead th {
        background-color:#fff;
        position: sticky;
        top: 0;
        z-index:2
    }
/******Collapsable Table*******/
.collapsed-table table {
    table-layout: fixed;
}

    .collapsed-table table th, .collapsed-table table td {
        padding: 8px;
    }

.collapesed-row {
    display: none;
    background: rgb(247 247 247);
}

    .collapesed-row table td {
        border: 0
    }

    .collapesed-row table th {
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
    }

.btn-collapsed {
    cursor: pointer;
}

td.btn-collapsed {
    cursor: pointer;
    /*border-top: 0 !important;*/
}

.collapsed-table table tbody td .fa {
    font-weight: bold;
    font-size: 18px;
    vertical-align: bottom;
}

.toggle-collapsed {
    transform: rotate(180deg);
    transition: transform 0.3s;
}

.sidebar-form #search-btn {
    pointer-events: none;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Pagination
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.2em 1em !important;
    background: #fff !important;
    background-color: white !important;
    margin-left: 4px;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        box-shadow: 0 0 0px 1px rgb(48 56 84 / 77%) !important;
        background: none !important
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: #313956 !important;
        box-shadow: 0 0 0px 1px rgb(48 56 84 / 77%) !important;
        border-color: #313956 !important;
    }
    /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
        Swithcer
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.custom-switcher {
    position: relative;
}

    .custom-switcher input[type=checkbox] {
        display: none;
    }

        .custom-switcher input[type=checkbox] ~ b {
            background: #e1e6ec;
            position: relative;
            width: 45px;
            height: 25px;
            border-radius: 22px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            transition: all 0.3s;
            display: inline-block;
        }

            .custom-switcher input[type=checkbox] ~ b:before {
                position: absolute;
                content: '';
                width: 22px;
                height: 22px;
                text-align: center;
                font-size: 13px;
                font-weight: bolder;
                line-height: 1.8;
                display: inline-block;
                border-radius: 50%;
                background: #fff;
                top: 1px;
                left: 2px;
                z-index: 1;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -ms-transition: all 0.3s;
                transition: all 0.3s;
            }

        .custom-switcher input[type=checkbox]:checked ~ b:before {
            content: '';
            left: 21px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            transition: all 0.3s;
            background-color: #ffffff;
        }

        .custom-switcher input[type=checkbox]:checked ~ b {
            background: #252a45;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            transition: all 0.3s;
        }

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
        Accordian
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.panel-title a[data-toggle="collapse"] i:before {
    content: "\f068";
}
.panel-title a[data-toggle="collapse"].collapsed i:before {
    content: "\f067";
}
.panel-default > .panel-heading {
    background-color: #f6f7fa;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Login
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.login-page {
    background: #f8f8f8;
}

.login-box, .register-box {
    max-width: 500px;
    width: 100%;
    margin: 0% auto;
    padding: 35px 0 10px;
    background: #fff;
}

.login-box-body, .register-box-body {
    background: #fff;
    padding: 0px 50px 30px;
    border-top: 0;
    color: #666;
}

.login-logo, .register-logo {
    font-size: 29px;
    margin-bottom: 0;
}

    .login-logo img, .register-logo img {
        display: block;
        margin: 0 auto;
        width: 114px;
        height: 100px;
        object-fit: contain;
    }

.login-box-msg, .register-box-msg {
    line-height: 1;
    margin: 0;
    text-align: center;
    padding: 0 20px 8px 20px;
}

.login-page .navbar-default {
    border: none;
}

.login-box-body .form-control {
    border-radius: 0;
    box-shadow: none;
    border-color: #d2d6de;
    border-style: none none solid none;
    padding: 6px 0;
}

.login-box-body .form-control-feedback {
    width: 18px;
    height: 34px;
}

    .login-box-body .form-control-feedback.fa-lock {
        font-size: 20px;
    }
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Sidebar
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.main-sidebar, .main-header .logo {
    position: fixed;
}

.sidebar {
    overflow: hidden !IMPORTANT;
    position: relative;
    height: 93vh !important;
    overflow-y: auto !IMPORTANT
}

.skin-blue .wrapper {
    background-color: #f5f7fa;
}

.skin-blue .main-sidebar, .skin-blue .left-side, .skin-blue .main-header .logo {
    background-color: #303956;
    color: #8a9199;
    border-bottom: 1px solid #222a4554;
}

.skin-blue .main-header .logo {
    top: 0;
}

    .skin-blue .main-header .logo:hover {
        background: #303956;
        color: #fff;
        text-decoration: none;
    }

.sidebar-menu {
    padding: 0 12px 0 0;
}

    .sidebar-menu .treeview-menu > li > a > .fa.fa-circle-o {
        color: #00a65a
    }

    .sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .glyphicon, .sidebar-menu > li > a > .ion {
        width: 22px;
        font-size: 17px;
    }

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
    color: #fff;
    background: #303956;
    border-left-color: #303956;
}

.sidebar-menu li.treeview > a {
    border-radius: 0 10px 0 0;
}

.sidebar-menu .treeview-menu {
    border-radius: 0 0 10px 0;
}

    .sidebar-menu .treeview-menu > li > a {
        padding: 0 5px 15px 15px;
    }

.skin-blue .sidebar-menu > li:hover > a {
    color: #fff;
    border-left-color: #303956;
    background-color: #303956;
    border-radius: 0 10px 0 0;
}

.skin-blue .sidebar-menu > li.treeview.active > a {
    color: #fff;
    border-left-color: #222a45;
    background-color: #222a45;
    border-radius: 0 10px 0 0;
}

.sidebar-menu li > a > .fa-angle-left, .sidebar-menu li > a > .pull-right-container > .fa-angle-left {
    transition: transform 0.3s;
}

.sidebar-menu li.active > a > .fa-angle-left, .sidebar-menu li.active > a > .pull-right-container > .fa-angle-left {
    transition: transform 0.3s;
}

.skin-blue .treeview-menu > li > a {
    color: #ececec;
}

.skin-blue .sidebar-form {
    border: none;
    margin: 34px 9px 20px;
}

.skin-blue .treeview-menu > li.active > a > .fa:before, .skin-blue .treeview-menu > li > a:hover > .fa:before {
    content: '\f111';
    font-family: FontAwesome;
}

.skin-blue .sidebar-form input[type="text"] {
    border-radius: 6px 0 0 6px;
    background-color: #222a45;
}

    .skin-blue .sidebar-form input[type="text"]:focus, .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
        background-color: #222a45;
    }

.skin-blue .sidebar-form .btn {
    border-radius: 0 6px 6px 0;
    background-color: #212a45
}

    .skin-blue .sidebar-form input[type="text"]:focus, .skin-blue .sidebar-form .btn:focus {
        outline: none;
    }

.skin-blue .sidebar a {
    color: #8a9199;
    font-weight: 700;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
    background-color: #222a45;
}

.sidebar-menu li a .fa-stack {
    width: 1.3em;
    height: 1.3em
}

    .sidebar-menu li a .fa-stack .fa-stack-1x {
        font-size: 10px;
        top: -5px;
        font-weight: bold;
    }

    .sidebar-menu li a .fa-stack .fa-stack-2x {
        font-size: 1.3em;
    }
/*Sidebar hover*/
.sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar .sidebar {
    overflow: visible !IMPORTANT;
    overflow-y: visible !important;
}

    .sidebar-mini.sidebar-collapse .main-sidebar .sidebar .sidebar-menu {
        padding: 0 0 0 0;
    }
/*Sidebar right*/

.control-sidebar-dark, .control-sidebar-dark + .control-sidebar-bg {
    background-color: #313956;
}

    .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active {
        background-color: transparent;
    }

    .control-sidebar-dark h3 {
        font-size: 19px !important;
    }

    .control-sidebar-dark .control-sidebar-menu > li > a:hover {
        background: transparent;
    }

    .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a,
    .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus {
        background-color: transparent;
        font-size: 20px;
    }

.control-colortheme {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .control-colortheme li {
        display: -webkit-flex;
        display: flex;
        align-items: center;
        margin-bottom: 7px;
        vertical-align: top;
        border-radius: 67px;
        padding: 1px 4px;
        border: 1px solid #b8c7ce;
        cursor: pointer;
    }

        .control-colortheme li .fa {
            font-size: 39px;
            margin-right: -47px;
            position: relative;
            color: #222a45;
        }

        .control-colortheme li span {
            display: inline-block;
            text-align: center;
            -webkit-flex: 1;
            flex: 1;
        }

.rightsidebardefalt .fa {
    color: #222a45;
}

.rightsidebarpurple .fa {
    color: #56368e !important;
}

.rightsidebardarkgray .fa {
    color: #272c33 !important
}

.rightsidebarlight .fa {
    color: #edf0f2 !important;
}

.rightsidebargreen .fa {
    color: rgb(18 84 47) !important;
}

.rightsidebargreen2 .fa {
    color: rgb(18 84 47) !important
}

.rightsidebargreen3 .fa {
    color: rgb(183 153 71) !important;
}

.control-colortheme li.selected {
    box-shadow: inset 0px -3px 4px 2px #222a45;
    border-color: #222a45;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Rightbar
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
#control-sidebar-settings-tab > form {
    display: flex;
    flex-wrap: wrap;
    height: 80vh;
    flex-direction: column;
}

.control-sidebar-subheading {
    /*  display: block;
    font-weight: 400;
    font-size: 14px;*/
    list-style: none;
    padding: 0;
    margin-top: auto
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Quickadd Sidebar
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.quickadd-sidebar {
    position: fixed;
    right: 0;
    top: 0px;
    bottom:0px;
    width: 400px;
    transform: translateX(100%);
    transition: transform 0.3s;
    background-color: #fff;
    padding:50px 30px;
}
.toggle-quickaddsidebar {
    transform: translateX(0);
    transition: transform 0.3s;
}
.btns-quicksidebar {
position:absolute;
bottom:50px;
text-align:center;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Loader
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.custom-loader {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    display: none;
    color: #fff;
}

.preloader {
    display: flex;
}

.preloader {
    animation: tiltSpin 8s linear infinite;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 17em;
    height: 17em;
}

.preloader, .preloader__ring {
    transform-style: preserve-3d;
}

.preloader__ring {
    animation-name: spin;
    animation-duration: 4s;
    animation-timing-function: inherit;
    animation-iteration-count: inherit;
    font-size: 2em;
    position: relative;
    height: 3rem;
    width: 1.5rem;
}

    .preloader__ring:nth-child(even) {
        animation-direction: reverse;
    }

.preloader__sector {
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    text-transform: uppercase;
    transform: translateZ(7rem);
}

    .preloader__sector, .preloader__sector:empty:before {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

        .preloader__sector:empty:before {
            background: linear-gradient(transparent 45%, currentColor 45% 55%, transparent 55%);
            content: "";
        }

        .preloader__sector:nth-child(2) {
            transform: rotateY(12deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(3) {
            transform: rotateY(24deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(4) {
            transform: rotateY(36deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(5) {
            transform: rotateY(48deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(6) {
            transform: rotateY(60deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(7) {
            transform: rotateY(72deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(8) {
            transform: rotateY(84deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(9) {
            transform: rotateY(96deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(10) {
            transform: rotateY(108deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(11) {
            transform: rotateY(120deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(12) {
            transform: rotateY(132deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(13) {
            transform: rotateY(144deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(14) {
            transform: rotateY(156deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(15) {
            transform: rotateY(168deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(16) {
            transform: rotateY(180deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(17) {
            transform: rotateY(192deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(18) {
            transform: rotateY(204deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(19) {
            transform: rotateY(216deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(20) {
            transform: rotateY(228deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(21) {
            transform: rotateY(240deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(22) {
            transform: rotateY(252deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(23) {
            transform: rotateY(264deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(24) {
            transform: rotateY(276deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(25) {
            transform: rotateY(288deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(26) {
            transform: rotateY(300deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(27) {
            transform: rotateY(312deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(28) {
            transform: rotateY(324deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(29) {
            transform: rotateY(336deg) translateZ(7rem);
        }

        .preloader__sector:nth-child(30) {
            transform: rotateY(348deg) translateZ(7rem);
        }




/* Animations */
@keyframes tiltSpin {
    from {
        transform: rotateY(0) rotateX(30deg);
    }

    to {
        transform: rotateY(1turn) rotateX(30deg);
    }
}

@keyframes spin {
    from {
        transform: rotateY(0);
    }

    to {
        transform: rotateY(1turn);
    }
}


.outer-loader {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.InlineLoader {
    position: absolute;
    right: 30px;
    top: 3px;
}
/*
.loader {
    width: 16em;
    height: 8em;
    position: relative;
    overflow: hidden;
}

    .loader::before,
    .loader::after {
        content: '';
        position: absolute;
        bottom: 0;
    }

    .loader::before {
        width: inherit;
        height: 0.3em;
        background-color: hsla(0, 0%, 85%);
    }

    .loader::after {
        box-sizing: border-box;
        width: 50%;
        height: inherit;
        border: 0.3em solid hsla(0, 0%, 85%);
        border-radius: 50%;
        left: 25%;
    }

    .loader span {
        position: absolute;
        width: 5%;
        height: 10%;
        background-color: white;
        border-radius: 50%;
        bottom: 0.2em;
        left: -5%;
        animation: 2s linear infinite;
        transform-origin: 50% -3em;
        animation-name: run, rotating;
    }

        .loader span:nth-child(2) {
            animation-delay: 0.075s;
        }

        .loader span:nth-child(3) {
            animation-delay: 0.15s;
        }

@keyframes run {
    0% {
        left: -5%;
    }

    10%, 60% {
        left: calc((100% - 5%) / 2);
    }

    70%, 100% {
        left: 100%;
    }
}

@keyframes rotating {
    0%, 10% {
        transform: rotate(0deg);
    }

    60%, 100% {
        transform: rotate(-1turn);
    }
}
*/
/*    .loader-inner {
        height: 100%;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .lds-ripple {
        display: inline-block;
        position: relative;
        width: 100px;
        height: 100px;
    }

        .lds-ripple div {
            position: absolute;
            border: 5px solid #fff;
            opacity: 1;
            border-radius: 50%;
            animation: lds-ripple 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
        }

            .lds-ripple div:nth-child(2) {
                animation-delay: -0.5s;
            }

    @keyframes lds-ripple {
        0% {
            top: 45px;
            left: 45px;
            width: 0;
            height: 0;
            opacity: 1;
        }

        100% {
            top: 0px;
            left: 0px;
            width: 100px;
            height: 100px;
            opacity: 0.2;
            border-width: 10px
        }
    }*/
/*Loader for for small content*/
/*.inline-loader-sm:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -11px;
    margin-top: -18px;
    font-size: 24px;
    z-index: 3;
    content: '\f1ce';
    font-family: "FontAwesome";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}*/
.inline-loader-sm:after {
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translate(-50%, 6px);
    font-size: 24px;
    z-index: 3;
    content: '\f1ce';
    font-family: "FontAwesome";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
/*.alloversearch-menu .inline-loader-sm:after {
    margin-left: 47px;
}*/
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Media queries
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
@media(min-width: 992px) {
}

@media(min-width: 768px) {
    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
        width: 240px;
    }

    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
        left: 220px !important;
    }
}

@media (min-width:1025px) {
    body::-webkit-scrollbar {
        width: 10px;
        -webkit-appearance: none;
    }

    body::-webkit-scrollbar-thumb, .sidebar::-webkit-scrollbar-thumb, .autocomplete-items::-webkit-scrollbar-thumb,
    .table-responsive::-webkit-scrollbar-thumb, .dataTables_scrollBody::-webkit-scrollbar-thumb, .box .box-body::-webkit-scrollbar-thumb {
        background-color: #222a45;
        /*border-radius: 4px;*/
        border: none;
        height: 40px;
    }

    body.sidebar-mini.sidebar-collapse:not(.sidebar-open) .sidebar-menu > li > .treeview-menu::-webkit-scrollbar-thumb {
        background-color: #FFF;
        height: 40px;
    }

    body::-webkit-scrollbar-track, .sidebar::-webkit-scrollbar-track, .autocomplete-items::-webkit-scrollbar-track, .box .box-body::-webkit-scrollbar-track {
        /*border-radius: 4px;*/
        background-color: #f8f8f8;
        border: 2px solid transparent;
        margin: 0;
    }

    .sidebar::-webkit-scrollbar, .autocomplete-items::-webkit-scrollbar, .box .box-body::-webkit-scrollbar, body.sidebar-mini.sidebar-collapse:not(.sidebar-open) .sidebar-menu > li > .treeview-menu::-webkit-scrollbar {
        width: 5px;
    }

    .bg-sidebarpurple::-webkit-scrollbar-thumb, .bg-sidebarpurple .sidebar::-webkit-scrollbar-thumb, .bg-sidebarpurple .autocomplete-items::-webkit-scrollbar-thumb, .bg-sidebarpurple .box .box-body::-webkit-scrollbar-thumb {
        background-color: #6e42bb
    }

    .bg-sidebarpurple.sidebar-mini.sidebar-collapse:not(.sidebar-open) .sidebar-menu > li > .treeview-menu::-webkit-scrollbar-thumb {
        background-color: #834ee1;
    }

    .bg-sidebardarkgray::-webkit-scrollbar-thumb, .bg-sidebardarkgray .sidebar::-webkit-scrollbar-thumb, .bg-sidebardarkgray .autocomplete-items::-webkit-scrollbar-thumb, .bg-sidebardarkgray .box .box-body::-webkit-scrollbar-thumb {
        background-color: #272c33
    }

    .bg-sidebardarkgray.sidebar-mini.sidebar-collapse:not(.sidebar-open) .sidebar-menu > li > .treeview-menu::-webkit-scrollbar-thumb {
        background-color: rgba(172,182,191,.5);
    }

    .bg-sidebarlight::-webkit-scrollbar-thumb, .bg-sidebarlight .sidebar::-webkit-scrollbar-thumb, .bg-sidebarlight .autocomplete-items::-webkit-scrollbar-thumb, .bg-sidebarlight .box .box-body::-webkit-scrollbar-thumb {
        background-color: #c1c2c3
    }

    .bg-sidebarlight.sidebar-mini.sidebar-collapse:not(.sidebar-open) .sidebar-menu > li > .treeview-menu::-webkit-scrollbar-thumb {
        background-color: #8a9199;
    }

    .bg-sidebargreen::-webkit-scrollbar-thumb, .bg-sidebargreen .sidebar::-webkit-scrollbar-thumb, .bg-sidebargreen .autocomplete-items::-webkit-scrollbar-thumb, .bg-sidebargreen .box .box-body::-webkit-scrollbar-thumb {
        background-color: rgb(18 84 47)
    }

    .bg-sidebargreen.sidebar-mini.sidebar-collapse:not(.sidebar-open) .sidebar-menu > li > .treeview-menu::-webkit-scrollbar-thumb {
        background-color: rgb(62 197 134);
    }

    .bg-sidebargreen2::-webkit-scrollbar-thumb, .bg-sidebargreen2 .sidebar::-webkit-scrollbar-thumb, .bg-sidebargreen2 .autocomplete-items::-webkit-scrollbar-thumb, .bg-sidebargreen2 .box .box-body::-webkit-scrollbar-thumb {
        background-color: #d8b147
    }

    .bg-sidebargreen2.sidebar-mini.sidebar-collapse:not(.sidebar-open) .sidebar-menu > li > .treeview-menu::-webkit-scrollbar-thumb {
        background-color: rgb(216 177 71 / 84%);
    }

    .bg-sidebargreen3::-webkit-scrollbar-thumb, .bg-sidebargreen3 .sidebar::-webkit-scrollbar-thumb, .bg-sidebargreen3 .autocomplete-items::-webkit-scrollbar-thumb, .bg-sidebargreen3 .box .box-body::-webkit-scrollbar-thumb {
        background-color: rgb(20 90 51);
    }

    .bg-sidebargreen3.sidebar-mini.sidebar-collapse:not(.sidebar-open) .sidebar-menu > li > .treeview-menu::-webkit-scrollbar-thumb {
        background-color: #d8b147;
    }

    .table-responsive::-webkit-scrollbar, .dataTables_scrollBody::-webkit-scrollbar, .box .box-body::-webkit-scrollbar {
        width: 7px;
        -webkit-appearance: none;
    }

    .table-responsive::-webkit-scrollbar-track, .dataTables_scrollBody::-webkit-scrollbar-track, .box .box-body::-webkit-scrollbar-track {
        background-color: #fff;
    }

    ::-webkit-scrollbar-track:horizontal {
        height: 5px;
    }

    .dataTables_scrollBody {
        overflow: visible !important;
    }

    body.sidebar-mini.sidebar-collapse:not(.sidebar-open) .sidebar-menu > li > .treeview-menu {
        max-height: 200px;
        overflow-y: auto !important;
    }


    .sidebar-collapse .HeaderCompanyName {
        display: flex
    }
}

@media(max-width:1024px) {

    .HeaderCompanyName {
        display: flex
    }

    .HeaderCompanyName {
        margin-top: -48px;
    }

    .btns-evaluation {
        text-align: center;
        border: 0;
        -webkit-flex: 1;
        flex: 1;
    }

        .btns-evaluation .btn {
            border: 1px solid #272c33;
            padding: 6px 17px !important;
            display: block;
            min-width: 100% !important
        }

            .btns-evaluation .btn + .btn {
                margin-left: initial;
                margin-top: 8px;
            }

                .btns-evaluation .btn + .btn:after {
                    content: normal;
                }

    div.dt-buttons {
        margin-left: initial;
    }
    /***********Nav dropdown*************/
    .btn-navbartoggle {
        display: block;
    }

    .navbar-custom-menu > .navbar-nav, .main-header .navbar-custom-menu, .main-header .navbar-right, .navbar-custom-menu > .navbar-nav, .navbar-custom-menu .navbar-nav > li {
        float: none;
    }

   
    .main-header .sidebar-toggle {
        float: none;
        font-size: 23px;
        margin-top: -3px;
        display: inline-block;
    }

    .navbar-custom-menu {
        display: none;
        background-color: #fff;
    }

    .main-header {
        max-height: inherit;
    }

    .navbar-custom-menu > .navbar-nav > li {
        position: relative;
    }

        .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
            /*position: relative;*/
            width: 100%;
            right: 0;
            left: 0;
            box-shadow: none;
            transform-style: initial;
            transform-origin: top;
            transform: scale(1);
            display: none;
        }

        .navbar-custom-menu > .navbar-nav > li.open > .dropdown-menu {
            position: relative;
            transform: scale(1);
            display: block;
            width: 100% !IMPORTANT;
        }

    .navbar-custom-menu .dropdown-menu:before, .navbar-custom-menu .dropdown-menu-right:before {
        content: normal;
    }

    .skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav > li > a:focus, .skin-blue .main-header .navbar .nav .open > a, .skin-blue .main-header .navbar .nav .open > a:hover, .skin-blue .main-header .navbar .nav .open > a:focus, .skin-blue .main-header .navbar .nav > .active > a {
        background: #ffffff;
    }

    .navbar-custom-menu .dropdown-menu {
        padding: 3px 28px 10px !important;
    }

    .navbar-custom-menu .navbar-nav > li > a {
        line-height: 4px
    }

    .main-sidebar, .left-side {
        padding-top: 25px;
    }
    /*Nav dropdown ends*/
    /*features-grid*/
    .features-grid .col-lg-2 {
        width: 33.3333%;
    }
    /*features-grid ends*/
    .control-rightbar {
        position: absolute;
        right: 57px;
        top: 12px;
        z-index: 10;
        color: #32373e;
        font-size: 18px;
    }

    .WadaBhai {
        flex: 1;
        flex-direction: column;
        background-color: #d1d6de;
        padding: 20px;
    }

        .WadaBhai > div {
            flex: 0 0 100%;
            align-items: center;
            justify-content: center;
            display: flex;
        }

            .WadaBhai > div .form-control, .WadaBhai > div label {
                flex: 0 0 100%;
            }
}

@media(max-width:767px) {
    .HeaderCompanyName {
        margin-top: -43px;
        font-size: 13px;
    }

    .features-grid .col-lg-2 {
        width: 50%;
    }

    .sidebar-mini .main-header .logo .logo-mini {
        display: block;
        padding: 0;
    }

    .sidebar-mini.sidebar-open .main-header .logo .logo-lg {
        display: block;
    }

    .sidebar-mini.sidebar-open .main-header .logo .logo-mini {
        display: none;
    }
    /*.main-sidebar, .left-side,*/ .main-header .logo {
        width: 50px;
    }
    /*Sidebarmini*/
    .sidebar-mini:not(.sidebar-open) .sidebar {
        overflow: visible !IMPORTANT;
        overflow-y: visible !IMPORTANT;
    }

    .sidebar-mini:not(.sidebar-open):not(.sidebar-collapse) .sidebar-menu {
        overflow: visible;
        padding: 0 0 0 0;
    }

        .sidebar-mini:not(.sidebar-open):not(.sidebar-collapse) .sidebar-menu > li > a > span {
            display: none;
        }

        .sidebar-mini:not(.sidebar-open):not(.sidebar-collapse) .sidebar-menu > li:hover > a > span {
            display: inline-block;
        }

    body.sidebar-mini:not(.sidebar-open):not(.sidebar-collapse) .sidebar-menu > li > a > span:not(.pull-right), body.sidebar-mini:not(.sidebar-open):not(.sidebar-collapse) .sidebar-menu > li > .treeview-menu {
        position: absolute !important;
        width: 220px;
        left: 50px;
        max-height: 150px;
        overflow-y: auto !important;
    }

    body.sidebar-mini:not(.sidebar-open):not(.sidebar-collapse) .sidebar-menu .treeview-menu {
        display: none;
    }

    body.sidebar-mini:not(.sidebar-open):not(.sidebar-collapse) .sidebar-menu > li > a > span {
        top: 6px;
        margin-left: -3px;
        padding: 7px 5px 12px 20px;
        background-color: inherit;
    }

    body.sidebar-mini:not(.sidebar-open):not(.sidebar-collapse) .sidebar-menu > li > a > .pull-right-container {
        position: relative !important;
        float: right;
        width: auto !important;
        left: 236px !important;
        top: 16px !important;
        z-index: 900;
    }

    /*Sidebarmini*/
    .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 50px;
    }

    .sidebar-mini.sidebar-open .main-sidebar, .sidebar-mini.sidebar-open .left-side, .sidebar-mini.sidebar-open .main-header .logo {
        width: 280px;
    }

    .content-wrapper, .right-side, .main-footer, .main-header .navbar {
        margin-left: 50px;
    }

    .sidebar-mini.sidebar-open .right-side, .sidebar-mini.sidebar-open .main-header .navbar {
        margin-left: 280px;
    }

    .main-header .navbar {
        width: auto;
    }

    .sidebar-mini.sidebar-open .main-header .navbar {
        width: 100%;
    }

    sidebar-mini .sidebar-menu > li > a > span {
        /* display: none;*/
    }

    .sidebar-mini.sidebar-open .sidebar-menu > li > a > span {
        display: inline;
    }

    .skin-blue .main-header .logo {
        padding: 0;
    }

    .form-control:not(.overallsearch) {
        height: 35px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 15px;
    }

    .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
        min-height: 35px;
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            background: url(/../Images/arrow-downW.png) center right 24px no-repeat !important;
            margin-top: 2px;
        }

    #ItemsDiv > .row [class^=col-] {
        border-bottom: 0 !important
    }

    #ItemsDiv > .row:not(:last-child) {
        border-bottom: 1px solid #ccc !important;
        margin-bottom: 14px;
    }

    .action-items {
        padding-bottom: 14px;
        margin-top: 16px;
    }

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

    .content-header > h1 {
        font-size: 21px;
    }

    .h3, h3 {
        font-size: 20px !IMPORTANT;
    }
}

.WadaBhai > div {
    display: flex;
    flex-wrap: wrap;
}