-------------------------------Fonts--------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
/* @import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700'); */
/* @import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700'); */
/*@import url('https://fonts.googleapis.com/css?family=Jura:300,400,500,600,700');*/

@font-face {
  font-family: 'Gilroy-Regular';
  src: url(../../font/Gilroy-Regular.otf);
}
@font-face {
  font-family: 'Gilroy-SemiBold';
  src: url(../../font/Gilroy-SemiBold.otf);
}
@font-face {
  font-family: 'Gilroy-Bold';
  src: url(../../font/Gilroy-Bold.otf);
}

/*-------------------------------Fonts--------------------------------*/

:root{
    --primary : #0A4F92;
    --primaryhover : #1973ca;
    --lightprimary : #e1eaf3;
    --basicprimary : #222021;
    --tableheadbg: #e2e2e2;
    --lightgrey : #BDBDBD;
    --darkgrey : #545454;
    --white : #ffffff;
    --black : #000000;
    --orange : #ffa726;
}



.text-primary{color: var(--primary);}
.text-lightgrey{color: var(--lightgrey);}
.text-darkgrey{color: var(--darkgrey);}
.text-basicprimary{color: var(--basicprimary);}
.text-lightprimary{color: var(--lightprimary);}

.bg-primary{background-color: var(--primary);}
.bg-lightgrey{background-color: var(--lightgrey);}
.bg-darkgrey{background-color: var(--darkgrey);}
.bg-basicprimary{background-color: var(--basicprimary);}


.word-wrap-all{
    word-break: break-all;
}
body{
    font-family: 'Lato', sans-serif;
    /* font-family: 'Josefin Sans', sans-serif; */
    /* font-family: 'Quicksand', sans-serif; */
    /* font-family: 'Jura', sans-serif; */
    background: var(--white); 
    color: var(--basicprimary);
    font-size: 14px;
    /*background: #f4f5f9; */
}
.main_body{
    padding: 0px 20px 10px 20px;
    background: #fff;
}

nav[aria-label="breadcrumb"]{
    background: #f4f5f9; 
    position: relative;
    z-index: 999;
}
.breadcrumb{
    margin-bottom: 0rem;
    background-color: transparent;
}
.breadcrumb .breadcrumb-item{
    font-family: 'Gilroy-Regular', sans-serif;
}
/*
.coming-soon-overlay{
        background: rgba(0,0,0,0.5);
    width: 100%;
    height: 65%;
    position: absolute;
    z-index: 9;
    top: 37px;
    left: 0;

}*/
.coming-soon-text{
    z-index: 999;
    position: absolute;
    top: 37px;
    left: 0;
    color: #f00;
    width: 100%;
    height: 65%;
    margin: auto;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    background: rgba(255, 255, 255, 0.75);
}
.please-wait-text{
    z-index: 999;
    position: absolute;
    top: 37px;
    left: 0;
    color: #6c737d;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    margin: auto;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    background: rgba(255, 255, 255, 0.75);
}



/*-------------------------------Common Style--------------------------------*/
a {
    /*color: var(--primary);*/
    color: var(--primary);
}
#flat-ac .close{
    font-size: 0.8rem;
    font-weight: 500''
}
#flat-ac .badge{
    display: inline-flex;
    align-items: center;
}
a:hover{color: var(--primary); text-decoration: none;}
a:focus{outline: none;}

.lh-20{line-height: 20px;}
.cp{cursor: pointer}
.h-100vh{height: 100vh !important;}
.w-100vh{width: 100vw !important;}
.mb--1{margin-bottom: -1px !important;}
.perm-check-lbl{margin-left: 2rem !important; top: -1rem;}
.page_container{
    /*overfflat-aclow: auto;*/
    padding-left: 115px;
    padding-top: 54px;

}
.form-control{
    border-radius: 0px !important;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: var(--primaryhover);
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(10, 79, 146, 0.25);
}
.form-control[readonly]:focus{
    background: #e9ecef;
    box-shadow: none;
    border-color: #ced4da;
}


.heading-sticky-top{
    position: -webkit-sticky;
    position: -moz-sticky;
    position: sticky;
    top: 54px;
    z-index: 99;
    background: #ffffff;
    margin: 0 -15px;
    padding: 0 15px;
}
.tutor-link{display: inline-block;} 
.youtube-link{color: #ff0006;margin: 5px 0;} .youtube-link:hover{color: #fff; background: #ff0006;} 
.manual-link{color: #2196f3; margin: 5px 0;} .manual-link:hover{color: #fff; background: #2196f3;}


.loader-btn{
    pointer-events: none;
}
.loader-btn:after{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f110";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.btn[disabled], 
.btn-link[disabled],
.btn-success[disabled],
.btn-outline-success[disabled],
.btn-red[disabled],
.btn-outline-red[disabled]{
    pointer-events: none;
    background: #eaeaea;
    color: #484848;
    border-color: #bfb9b9;
}
.custom-checkbox [disabled]{opacity: 0;}

select [disabled]{opacity: 0.5;pointer-events: none; color: #8a8a8a;}
[disabled], .disabled{color: #484848;opacity: 0.5;pointer-events: none;}
.tool-tip[disabled]{pointer-events: all;}
.tool-tip[disabled]:hover{color: #484848; }
.sidebar-list.list-group .list-group-item a[disabled],
.sidebar-list.list-group .list-group-item .SubCategory li a[disabled]{
    pointer-events: none;
    background: #2f3238;
    color: #636262;
}

.btn{
    border-radius: 0px !important;
    /*border-color: transparent !important;*/
}
.btn-red{background: #ed5464 !important;color: #ffffff !important;}
.btn-red:hover, .btn-red:focus{background: #d02233 !important;}
.text-red{color: #ed5464 !important;}
.btn-outline-red{border: 1px solid #ed5464 !important; background: transparent !important;color: #ed5464 !important;}
.btn-outline-red:hover{border: 1px solid transparent !important; background: #ed5464 !important;color: #ffffff !important;}
.btn-red.btn-link, .btn-danger.btn-link{background: transparent !important;color: #ed5464 !important;}
.btn-red.btn-link:hover, .btn-red.btn-link:focus, .btn-successdanger.btn-link:hover, .btn-danger.btn-link:focus{background: transparent !important; color: #ed5464 !important;} 

.btn-green, .btn-success{background: #8CC152 !important;color: #ffffff !important; border-radius: 30px;}
.btn-green:hover, .btn-green:focus, .btn-success:hover, .btn-success:focus{background: #6ca033 !important;}
.btn-green.btn-link, .btn-success.btn-link{background: transparent !important;color: #8CC152 !important;}
.btn-green.btn-link:hover, .btn-green.btn-link:focus, .btn-success.btn-link:hover, .btn-success.btn-link:focus{background: transparent !important; color: #6ca033 !important;} 
.text-green{color: #8CC152 !important;}
.btn-outline-green{border: 1px solid #8CC152 !important; background: transparent !important;color: #8CC152 !important;}
.btn-outline-green:hover{border: 1px solid transparent !important; background: #8CC152 !important;color: #ffffff !important;}

.btn-secondary.btn-link, .btn-grey.btn-link{background: transparent !important;color: #6c757d !important;}
.btn-secondary.btn-link:hover, .btn-secondary.btn-link:focus, .btn-grey.btn-link:hover, .btn-grey.btn-link:focus{background: transparent !important; color: #6c757d !important;} 


.btn-orange, .btn-warning{background: var(--primary) !important;color: #ffffff !important;}
.btn-orange:hover, .btn-orange:focus, .btn-warning:hover, .btn-warning:focus{background: var(--primaryhover) !important;color: var(--white) !important;} 
.text-orange{color: var(--primary) !important;}

.btn-darkblue{background: var(--primary) !important;color: #ffffff !important;}
.btn-darkblue:hover, .btn-darkblue:focus{background: #043859 !important;} 
.text-darkblue{color: var(--primary) !important;}

.btn-blue, .btn-info{background: #00aff0 !important;color: #ffffff !important;}
.btn-blue:hover, .btn-blue:focus, .btn-info:hover, .btn-info:focus{background: #02a4e0 !important;} 

.btn-warning.btn-link, .btn-orange.btn-link{background: transparent !important; color: var(--primary) !important; border: none;}
.btn-warning.btn-link:hover, .btn-warning.btn-link:focus, .btn-orange.btn-link:hover, .btn-orange.btn-link:focus{background: transparent !important; color: var(--primaryhover) !important;} 

.btn-darkblue.btn-link{background: transparent !important; color: var(--primary) !important; border: none;}
.btn-darkblue.btn-link:hover, .btn-darkblue.btn-link:focus{background: transparent !important; color: #043859 !important;} 

.btn-search{background: #4A89DC; color: #ffffff; border:1px solid #4A89DC;}
.btn-search:hover{background: #2974d6;}
.btn-clear{position: absolute; top: 0; right: 0; bottom: 0; z-index: 999; width: 40px;}
.btn-clear:focus{outline: none;}
.display-5 {font-size: 2.5rem; font-weight: 300; line-height: 1.2;}
.btn-socsearch{
    padding: 0 22px;
}
.btn-socsearch span{opacity: 0.5;}
.btn-socsearch i.fa{
    margin: 0 5px;
    position: absolute;
    left: 10px;
    top: 12px;
    animation: icon-move .75s linear infinite alternate;
}
@keyframes icon-move {
    from {
        left: 0
    }

    to {
        left: 70px
    }
}


.dropdown-item.active, .dropdown-item:active{color: #fff; background-color: var(--primary);}

.heading-switch-dropdown{}
.heading-switch-dropdown .dropdown .dropdown-toggle{color: var(--primary);}
.heading-switch-dropdown .dropdown .dropdown-item.active{background: var(--lightprimary); color: var(--primary);}


.list-group-none .list-group-item{
    border: none;
    background: transparent;
    padding: .25rem !important;
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before,
.custom-control-input:checked~.custom-control-label::before, .custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::before {background-color: var(--primary) !important;}
.custom-control-input:disabled~.custom-control-label{opacity: 0.4; pointer-events: none;}

.custom-control-label::before{
    background-color: #ffffff ;
    border: 1px solid #cdcdcd ;
}
.custom-control-input:checked~.custom-control-label::before, .custom-checkbox .custom-control-input:checked~.custom-control-label::before, .custom-radio .custom-control-input:checked~.custom-control-label::before {
    border-color: var(--primary) ;
}


.custom-control-input:focus~.custom-control-label::before {box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(10, 79, 146, 0.25);}
.custom-file-input:focus~.custom-file-label{
    border-color: var(--lightprimary);
    box-shadow: 0 0 0 0.2rem rgba(10, 79, 146, 0.25);
}
.custom-file .custom-file-label{
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    padding-right: 71px;
}
.pagination .page-link{color: #343434;}
.page-link:focus {box-shadow: 0 0 0 0.2rem rgba(10, 79, 146, 0.15);}
.pagination .page-item.active .page-link {color: #fff; background-color: var(--primary); border-color: var(--primary);}
.filter .input-group-prepend .btn {background: #ced4da;}
.filter .form-group label{color: #212529;}
.filter .input-box {min-width: 410px;}
.nav-tabs{border-bottom: 0px;}
.nav-tabs li:not(:first-of-type){margin: 0 0 0 5px;}
.nav-tabs .nav-link.active{   
    color: #ffffff;
    /*background-color: #6c727d;
    border-color: #6c727d #6c727d transparent #6c727d;*/
    background-color: var(--primary);
    border-color: var(--primary) var(--primary) transparent var(--primary);
    font-family: 'Gilroy-SemiBold', sans-serif;
}
.nav-tabs .nav-link{
    /*color: #495057; border-radius: 0px; border: 1px solid; border-color: #6c727d #6c727d transparent #6c727d; margin-bottom: -1px;*/
    color: var(--darkgrey);
    border-radius: 0px;
    border: 1px solid;
    border-color: var(--lightgrey) var(--lightgrey) transparent var(--lightgrey);
    margin-bottom: 0px;
    font-family: 'Gilroy-SemiBold', sans-serif;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{background: var(--primary);color: #ffffff;-webkit-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    -moz-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); border-color: var(--primary) var(--primary) transparent var(--primary);
    outline: none;
}
.tab-content{
    border-color: var(--lightgrey) !important;
    border-top:1px solid var(--lightgrey) !important;
}

.tab-pane .table{
    border:0;
}
.tab-pane .table thead th{
    border-top: 0px;
}
.tab-pane .table.treetable thead th{
    border: 0px;
}
.tab-pane table.treetable td{
    border-right: 0px;
}

.status-green{color: #ffffff; background: #8cc152;padding-right: 1.2em;padding-left: 1.2em; line-height: 1.25;}
.status-red{color: #ffffff; background: #ED5565;padding-right: 1.2em;padding-left: 1.2em; line-height: 1.25;}
.status-orange{color: #ffffff; background: var(--orange);padding-right: 1.2em;padding-left: 1.2em; line-height: 1.25;}
.status-gray{color: #ffffff; background: #6c757d;padding-right: 1.2em;padding-left: 1.2em; line-height: 1.25;}
.status-blue{color: #ffffff; background: #00aff0;padding-right: 1.2em;padding-left: 1.2em; line-height: 1.25;}
.status-bluegray{color: #ffffff; background: #607d8b;padding-right: 1.2em;padding-left: 1.2em; line-height: 1.25;}

.table-border-0.table, .table-border-0.table td{
    border: none;
}
.table-border-0.table, .table-border-0.table tr:first-child td{
    border: none;
}
.table-hover tbody tr.no-hover:hover {
    background-color: rgba(0,0,0,0) !important;
}
.table-hover tbody tr:hover {
    background-color: rgba(255, 164, 0,.05);
}
.no-browse.custom-file .custom-file-label:after{
    display: none;
}
.disable-action, .disable-action:hover, .disable-action:focus{
    opacity: 0.5;
    color: #656d77;
}
.action-thead , .action-td{
    text-align: left;
    max-width: 150px;
    width: 150px;
}
.action-thead-3, .action-td-3{
    text-align: left;
    max-width: 120px;
    width: 120px;
}
.active-sort {
    background: var(--primary) !important;
    display: table-row;
}
.ui-sortable-helper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ui-sortable-handle td:first-child{
    position: relative;
}
.ui-sortable-handle td:first-child:before{
    content: "\f047";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    position: absolute;
    top: 40%;
    left: 10px;
    bottom: 40%;
}
.ui-sortable-handle td.ui-sortable-helper{
    position: relative;
}
.ui-sortable-helper td{
    border: 0px !important;
}

.hide, .dn, .hidden{display: none;}
.no-list{list-style: none;}
.ui-datepicker{
    z-index: 99999 !important;
}

.iframe-wrap .iframe-item{
    width: 100%;
    height: 100%;
    padding: 56px 0 0 0;
}   
.offcanvas-collapse{
    position: fixed;
    top: 56px;
    bottom: 0;
    right: 0;
    transform: translateX(100%);
    width: 650px;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    z-index: 9999;
    background-color: #FFFFFF;
    -webkit-transition: all .3s ease-out;
         -o-transition: all .3s ease-out;
            transition: all .3s ease-out;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.offcanvas-collapse.open {
    transform: translateX(0%);
    visibility: visible;
}
.manual-body{
    position: relative;
    z-index: 2;
}
.manual-text, .manual-image, .manual-video{
    margin: 1rem 0;
}
.manual-faq .card{
    border-radius: 0px;
    box-shadow: none;
    border: 0;
}
.manual-faq .card .card-header{
    background: transparent;
    padding: 0px;
}
.manual-faq .card .card-header .btn{
    padding: 10px 12px 10px 25px;
    display: block;
    width: 100%;
    text-decoration: none;
    text-align: left;
    color: var(--primary);
    white-space: normal;
}
.manual-faq .card .card-header .btn:hover{
    opacity: 0.8;
}
.manual-faq .card .card-header .btn:before{
    content: "\f105";
    font:normal normal normal 14px/1 FontAwesome;
    font-size: 1.3rem;
    position: absolute;
    left: 10px;
    top: 13px;
}
.manual-sub-title{
    background: #f1f1f1;
    padding: .5rem .2rem;
    text-align: center;
}
.popover{
    max-width:600px;
    z-index: 99999 !important;
}
.popover .popover-body{
    padding: 0px;
}
.popover .popover-body .card-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.popover .card-body{
    position: relative;
    overflow: auto;
    height: 180px;
}
.modal{
    z-index: 99999 !important;
}
.modal .modal-dialog{
    min-height: calc(100% - (1.75rem * 2));
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.selectarrow{
    position: relative;
    width: 100%;
    height: 1px;
    /*background: #6c747d;*/
    border: 1px dashed #6c747d;
    margin: 25px 0 10px 0;
}
.selectarrow span{
    line-height: 13px;
    position: absolute;
    bottom: 8px;
    left: 10px;
    font-weight: bold;
}
.selectarrow:before{
    content: '';
    position: absolute;
    width: 1px;
    height: 22px;
    border: 1px dashed #6c747d;
    /*background: #6c747d;*/
    bottom: 0;
    left: -2px;
}
.selectarrow:after{
    content: '\f105';
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 26px;
    color: #6c747d;
    position: absolute;
    right: -5px;
    top: -14px;
    font-weight: normal;
}
.autocomplete-data{
    position: relative;
}
.vehicle-unit.autocomplete-data .ui-autocomplete{
    top: 0px !important;
}
.autocomplete-data .ui-autocomplete{
    height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
    /*top: 37px !important;*/
}
.page-heading{
    padding: 7px;
    font-family: 'Gilroy-SemiBold', sans-serif;
}
.page-heading h4{
    font-size: 1.25rem;
}
.page-heading .btn{
    font-weight: 600;
}
.page-heading .btn-link{
    color: var(--primary);
}
.table td, .table th{
    /*border: 1px solid #dee2e6;*/
    border: 1px solid var(--lightprimary)
}
.table td:first-child, .table th:first-child{
    border-left:0;
}
.table td:last-child, .table th:last-child{
    border-right:0;
}

.table thead th{
    vertical-align: middle;
    padding: 7px 4px;
    border-bottom: 1px solid #dee2e6;
    border-right: 1px solid #c5c5c5;
    /*background: #6c737d;*/
    /*background: var(--darkgrey);
    color: #ffffff;*/
    background: var(--tableheadbg);
    color: var(--darkgrey);
}
.table-sm td, .table-sm th{
    vertical-align: middle;
}
.table label {
    display: inline-block;
    margin-bottom: 0;
    cursor: pointer;
}
.table-striped tbody tr:nth-of-type(odd){
    background-color: rgba(189, 189, 189, 0.1);
}


/*.action-td a:not(.action-td .dropdown-menu a){*/
.action-td a{
    padding: 4px;
    margin-right: 4px;
}

.table-check .custom-control{
    left: 0;
    top: -15px;
}
.table-check .custom-control-label{
    left: 4px;
}

.table-chs .table-check .custom-control{
    left: 0;
    top: 0px;
}

.bank-reco-table.table thead tr:first-child th:nth-child(2){
    border-bottom: 1px solid #c5c5c5;
}
.bank-reco-table.table tr td.table-input{
    width: 220px;
}
.bank-reco-input{
    /*border: 1px solid transparent;
    background: transparent !important;*/
    border: 1px solid #e0e0e0;
    background: #f0f0f1 !important;
    color: #343a40;
    font-weight: 700 !important;
    font-size: 0.95rem;
    width: auto !important;
    border-radius: .25rem !important;
    line-height: 1.5;
    opacity: 1 !important;
    padding: .375rem .75rem !important;
}

.card-columns{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.duplicate-list{
    height: 50vh;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.chosen-container{ width:100% !important;}

/*---------------------------------PREVIOUS----------------------------------*/
/*
.sticky-foot{margin-bottom: 90px !important; }
.sticky-foot tfoot{position: fixed; bottom: 0px; color: #ffffff; display: block; vertical-align: middle; width: 100%;}
.sticky-foot  tfoot tr td{ width: 29.3%; height: 40px; border-right: 1px solid #fff !important;
    border-left: 0 !important; border-bottom: 0 !important; background: var(--darkgrey);}
.sticky-foot tfoot tr {display: flex;width: 50%;}

.sticky-foot tfoot tr td:nth-child(1){width: 46.5%;}
.sticky-foot tfoot tr td:nth-child(2){width: 19.5%;}
.sticky-foot tfoot tr td:nth-child(3){width: 20%;}

.balance-sheet.sticky-foot tfoot tr td:nth-child(1){width: 39.5%;}
.balance-sheet.sticky-foot tfoot tr td:nth-child(2){width: 13%;}
.balance-sheet.sticky-foot tfoot tr td:nth-child(3){width: 19.5%;}
.balance-sheet.sticky-foot tfoot tr td:nth-child(4){width: 13.5%;}

.balance-sheet tbody tr td:nth-child(1){width: 42.5%;}
.balance-sheet tbody tr td:nth-child(2){width: 14.5%; vertical-align: top;}
.balance-sheet tbody tr td:nth-child(3){width: 21.5%;}
.balance-sheet tbody tr td:nth-child(4){width: 14.5%; vertical-align: bottom; }
*/
/*---------------------------------PREVIOUS----------------------------------*/




/*---------------------------------NEW----------------------------------*/

/*Balancesheet Table Scrollbar*/

table.trialbalance-detail tbody::-webkit-scrollbar-track, table.balance-sheet tbody::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
table.trialbalance-detail tbody::-webkit-scrollbar, table.balance-sheet tbody::-webkit-scrollbar{width: 3px; background-color: #F5F5F5;}
table.trialbalance-detail tbody::-webkit-scrollbar-thumb, table.balance-sheet tbody::-webkit-scrollbar-thumb{background-color: #000000; border: 2px solid var(--primary);}

/*BalanceSheet Cell Size*/
.balance-sheet.sticky-foot tfoot tr td:nth-child(1),
.balance-sheet.sticky-foot tbody tr td:nth-child(1),
.balance-sheet.sticky-foot thead tr th:nth-child(1){
    width: 41.5% !important; padding: 5px 5px !important; 
}
.balance-sheet.sticky-foot tfoot tr td:nth-child(2),
.balance-sheet.sticky-foot tbody tr td:nth-child(2),
.balance-sheet.sticky-foot thead tr th:nth-child(2){
    width: 19.5% !important; padding: 5px 5px !important; 
}
.balance-sheet.sticky-foot tfoot tr td:nth-child(3),
.balance-sheet.sticky-foot tbody tr td:nth-child(3),
.balance-sheet.sticky-foot thead tr th:nth-child(3){
    width: 19.5% !important; padding: 5px 5px !important; 
}
.balance-sheet.sticky-foot tfoot tr td:nth-child(4),
.balance-sheet.sticky-foot tbody tr td:nth-child(4),
.balance-sheet.sticky-foot thead tr th:nth-child(4){
    width: 19.5% !important; padding: 5px 5px !important; 
}


.trialbalance-detail.sticky-foot tfoot tr td:nth-child(1),
.trialbalance-detail.sticky-foot tbody tr td:nth-child(1),
.trialbalance-detail.sticky-foot thead tr th:nth-child(1){
    width: 34.6% !important; padding: 5px 5px !important; 
}
.trialbalance-detail.sticky-foot tfoot tr td:nth-child(2),
.trialbalance-detail.sticky-foot tbody tr td:nth-child(2),
.trialbalance-detail.sticky-foot thead tr th:nth-child(2){
    width: 16.1% !important; padding: 5px 5px !important; 
}
.trialbalance-detail.sticky-foot tfoot tr td:nth-child(3),
.trialbalance-detail.sticky-foot tbody tr td:nth-child(3),
.trialbalance-detail.sticky-foot thead tr th:nth-child(3){
    width: 16.1% !important; padding: 5px 5px !important; 
}
.trialbalance-detail.sticky-foot tfoot tr td:nth-child(4),
.trialbalance-detail.sticky-foot tbody tr td:nth-child(4),
.trialbalance-detail.sticky-foot thead tr th:nth-child(4){
    width: 16.1% !important; padding: 5px 5px !important; 
}
.trialbalance-detail.sticky-foot tfoot tr td:nth-child(5),
.trialbalance-detail.sticky-foot tbody tr td:nth-child(5),
.trialbalance-detail.sticky-foot thead tr th:nth-child(5){
    width: 16.1% !important; padding: 5px 5px !important; 
}



/*BalanceSheet Table Styling*/
table.trialbalance-detail,
table.balance-sheet{
    table-layout:fixed; margin:auto; border: 0;
}

table.trialbalance-detail tr td,
table.balance-sheet tr td{
    border-bottom: 1px solid #ddd !important;
}
table.trialbalance-detail thead,
table.balance-sheet thead{
    background:#f9f9f9; display:table; width:100%;
}
table.trialbalance-detail tbody,
table.balance-sheet tbody{
    height: calc(100vh - 292px);    /*Large Screen*/
    height: calc(100vh - 307px);  /*Small Screen*/
    overflow:auto; overflow-x:hidden; display:block; width:100%; border: 1px solid #ddd;
}
table.trialbalance-detail tbody tr,
table.balance-sheet tbody tr{
    display:table;width:100%;table-layout:fixed;
}
table.trialbalance-detail tbody tr td,
table.balance-sheet tbody tr td{
    border: 0;
    border-right: 1px solid #ddd;
}
table.trialbalance-detail tbody tr td:first-child,
table.balance-sheet tbody tr td:first-child{
    border-right: 1px solid #ddd;
}
table.trialbalance-detail tfoot,
table.balance-sheet tfoot{
    position: sticky;
    bottom: 0px;
    background: var(--darkgrey);
    display:table; width:100%;
}
table.trialbalance-detail tfoot tr td,
table.balance-sheet tfoot tr td{ 
    height: 40px; color: var(--white); font-weight: bold;
}
table.balance-sheet tfoot tr td:not(:first-child, :last-child){
    border-right: 1px solid #f00 !important; border-left: 0 !important;  border-bottom: 0 !important; 
}
table.trialbalance-detail tfoot tr td,
table.balance-sheet tfoot tr td{
    border: 0;
}
table.trialbalance-detail tfoot tr td:nth-child(4), table.trialbalance-detail tfoot tr td:nth-child(2),
table.balance-sheet tfoot tr td:nth-child(4), table.balance-sheet tfoot tr td:nth-child(2){   
    overflow: visible;
    text-align: right !important;
    text-indent: -59px;
}




/*
table.trialbalance-detail tfoot tr td:nth-child(1),
table.trialbalance-detail tbody tr td:nth-child(1),
table.trialbalance-detail thead tr th:nth-child(1){
    width: 20% !important; padding: 5px 5px !important; 
}
table.trialbalance-detail tfoot tr td:nth-child(2),
table.trialbalance-detail tbody tr td:nth-child(2),
table.trialbalance-detail thead tr th:nth-child(2){
    width: 20% !important; padding: 5px 5px !important; 
}
table.trialbalance-detail tfoot tr td:nth-child(3),
table.trialbalance-detail tbody tr td:nth-child(3),
table.trialbalance-detail thead tr th:nth-child(3){
    width: 20% !important; padding: 5px 5px !important; 
}
table.trialbalance-detail tfoot tr td:nth-child(4),
table.trialbalance-detail tbody tr td:nth-child(4),
table.trialbalance-detail thead tr th:nth-child(4){
    width: 20% !important; padding: 5px 5px !important; 
}
table.trialbalance-detail tfoot tr td:nth-child(5),
table.trialbalance-detail tbody tr td:nth-child(5),
table.trialbalance-detail thead tr th:nth-child(5){
    width: 20% !important; padding: 5px 5px !important; 
}


table.trialbalance-detail{
    table-layout:fixed; margin:auto; border: 0;
    width: 100% !important;
}
table.trialbalance-detail tbody{
    height: calc(100vh - 292px); 
    height: calc(100vh - 307px);  
    overflow:auto; overflow-x:hidden; 
    display:block; 
    width:100%; border: 1px solid #ddd;
}
table.trialbalance-detail tbody tr{
    display:table;
    width:100%;table-layout:fixed;
}
table.balance-sheet tbody tr td{
    border: 0;
    border-right: 1px solid #ddd;
}
table.trialbalance-detail tfoot{
    position: sticky;
    bottom: 0px;
    background: var(--darkgrey);
    display:table; 
    width:100%;
}
table.trialbalance-detail tfoot tr td{ 
    height: 40px; color: var(--white); font-weight: bold;
}*/

/*---------------------------------NEW----------------------------------*/



/*---------------------------------EXPERIMENTAL----------------------------------
/*.rc-handle-container {
  position: relative;
}
.rc-handle {
  position: absolute;
  width: 7px;
  cursor: ew-resize;
  margin-left: -3px;
  z-index: 2;
}
table.rc-table-resizing {
  cursor: ew-resize;
}
table.rc-table-resizing thead,
table.rc-table-resizing thead > th,
table.rc-table-resizing thead > th > a {
  cursor: ew-resize;
}


table.balance-sheet{
    table-layout:fixed; margin:auto; border: 0;
}
table.balance-sheet tr td{
    border-bottom: 1px solid #ddd !important;
}
table.balance-sheet thead, table.balance-sheet tfoot {
    background:#f9f9f9; 
    display:table; 
    width:100%;
}
table.balance-sheet tbody{
    height: calc(100vh - 292px);
    display:block; 
    overflow:auto; overflow-x:hidden; 
    width:100%; border: 1px solid #ddd;
}
table.balance-sheet tbody tr{
    display:table;
    table-layout:fixed;
    width:100%;
}
table.balance-sheet tbody tr td{
    border: 0;
    border-right: 1px solid #ddd;
}
table.balance-sheet tbody tr td:first-child{
    border-right: 1px solid #ddd;
}
table.balance-sheet tfoot{
    position: sticky;
    bottom: 0px;
}
table.balance-sheet tfoot tr td{ 
    height: 40px; background: var(--darkgrey); color: var(--white); font-weight: bold;
}
table.balance-sheet tfoot tr td:not(:first-child, :last-child){
    border-right: 1px solid #f00 !important; border-left: 0 !important;  border-bottom: 0 !important; 
}*/
/*---------------------------------EXPERIMENTAL----------------------------------*/



.switch-form-group{display: flex; align-items: center; justify-content: center; margin-bottom: 0px;}
.switch-form-group label{margin-right: 5px; }
.switch {position: relative; display: inline-block; width: 46px; height: 34px;}
.switch input {display: none;}
.switch input+.slider {height: 19px; margin: 10px 0 0 0;}
.switch .slider {position: absolute; cursor: pointer; top: 0;left: 0; right: 0; bottom: 0;
    background-color: #ED5565;-webkit-transition: .4s; transition: .4s;}
.slider:before {position: absolute; content: ""; height: 20px; width: 20px; left: 0;
    bottom: 0; background-color: white;-webkit-transition: .4s; transition: .4s; box-shadow: 2px 2px 9px;}
input:checked+.slider {background-color: #A0D468;}
input:focus+.slider {box-shadow: 0 0 1px #2196F3;}
input:checked+.slider:before {-webkit-transform: translateX(27px); -ms-transform: translateX(27px); transform: translateX(27px);}
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

@media screen and (max-width: 1199px) {
    .page_container{
        padding-top: 42px;
    }
    .select-soc .page_container{
        padding-top: 100px;
    }
    .offcanvas-collapse{
        top: 100px;
    }
}
@media screen and (max-width: 1199px) {
    .page_container{
        padding-top: 56px;
    }
}
@media screen and (max-width: 767px) {
    .card-columns{
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .select-soc .page_container{
        padding-top: 135px;
    }
    .page_container{
        padding-top: 100px;
    }
    .offcanvas-collapse{
        width: 100% !important;
    }
}
/* @media screen and (max-width: 1199px) {
    .page-heading{
        position: -webkit-sticky;
        position: sticky;
        top: 56px;
        background: #FFF;
        z-index: 999;
        padding: 7px;
    }    
} */
@media screen and (min-width: 991px) {
    .page-heading{
        position: -webkit-sticky;
        position: sticky;
        top: 56px;
        background: #FFF;
        z-index: 999;
        padding: 7px;
        /*-webkit-box-shadow: 0 1px 15px 1px rgba(69,65,78,.1);
        box-shadow: 0 1px 15px 1px rgba(69,65,78,.1);
        margin: 0 -20px;
        padding: 10px 20px;*/

    }    
    .modal .modal-body .page-heading{
        position: static !important;
    }
}
/*-------------------------------Common Style--------------------------------*/

/*--------------------------Table Responsive Style---------------------------*/
@media screen and (min-width: 991px) {
    table.table-respon tr td.mw-150{
        max-width: 150px;
    }
}
@media screen and (max-width: 1280px) {
    
    table.table-respon-big{ 
        width: 100%; 
    }
    table.table-table-respon-big tr td:first-child.table-check{ 
        display: inline-block;
    }
    table.table-respon-big tr td{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 10px; 
    } 
    table.table-respon-big tr td.table-respon-equal{
        max-width: 100% !important;
    }

    /* Force table to not be like tables anymore */
    /* table, thead, tbody, th, td, tr { 
        display: block; 
    } */
    
    /* Hide table headers (but not display: none;, for accessibility) */
    table.table-respon-big thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    table.table-respon-big td:before { 
        content: attr(data-column);
        font-weight: bold;
    }
    table.table-respon-big .action-thead, table.table-respon .action-td{
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100% !important;
        max-width: 100% !important;
    }

}
@media screen and (max-width: 990px) {
    
    table.table-respon{ 
        width: 100%; 
    }
    table.table-respon tr td:first-child.table-check{ 
        display: inline-block;
    }
    table.table-respon tr td{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 10px; 
    } 
    table.table-respon tr td.table-respon-equal{
        max-width: 100% !important;
    }

    /* Force table to not be like tables anymore */
    /* table, thead, tbody, th, td, tr { 
        display: block; 
    } */
    
    /* Hide table headers (but not display: none;, for accessibility) */
    table.table-respon thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    table.table-respon td:before { 
        content: attr(data-column);
        font-weight: bold;
    }
    table.table-respon .action-thead, table.table-respon .action-td{
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100% !important;
        max-width: 100% !important;
    }

}
/*--------------------------Table Responsive Style---------------------------*/

/*-------------------------------Header Style--------------------------------*/
.header{
    background: var(--white);
    margin: 0;
    padding: 5px 0 5px 115px;
    z-index: 9999;
    font-size: 14px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid var(--lightgrey);
}
.header.select-soc-head .logo-nav{
    padding: .26rem .8rem;
    background: var(--white);
    width: 167px;
}
.header.select-soc-head{
    padding: 5px 15px;
}
.header .nav-item .nav-link.btn{
    padding: .2rem .5rem;
}
.header .nav-item.dropdown .nav-link .user-icon{
    color: var(--primary);
    font-size: 14px;
}
.header .nav-item{
    display: flex;
    align-items: center;
    font-family: 'Gilroy-SemiBold', sans-serif;
}

.dropdown-menu.show{
    display: block !important;
    transform: translate3d(0px, 30px, 0px) !important;
}
.header .dropdown-menu.show{
    display: block !important;
    transform: translate3d(0px, 0px, 0px) !important;
}
.header .dropdown-menu .dropdown-item{
    font-family: 'Gilroy-Regular', sans-serif;
    font-size: 14px;
    padding: .35rem 0.85rem;
}
.header .dropdown-menu .dropdown-item i{
    margin-right: 10px;

}
 
.dropdown .dropdown-menu{
    -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-animation-fill-mode: forwards;  
  animation-fill-mode: forwards; 
  -webkit-transform: scale(1, 0);
  opacity: 0;
  display: none;
  border-radius: 0px;
  z-index: 999;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  
}
.dropdown .dropdown-menu .dropdown-item{
    color: var(--primary);
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: #f3f3f2;
    color: #16181b;
}
.dropdown.show .dropdown-menu {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;  
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66);
  transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66);
} 
.header .navbar-brand{
    font-size: 1rem;
    padding: .3125rem .5rem;    
    font-family: 'Gilroy-SemiBold', sans-serif;
} 
.select-society{
    max-height: calc(70vh - 118px - 62px);
    overflow-x: hidden;
    overflow-y: auto;
}
.btn-switchsociety{
    color: var(--darkgrey);
}
.header .navbar-nav .nav-link .name{
    color: var(--darkgrey);
}


@media screen and (max-width: 990px) {
    .header .nav-item .name{
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .select-society{
        max-height: calc(90vh - 118px - 62px);
    }
}

/* 
input[type="date"]:before {
    position: absolute;
    top: 3px; left: 3px;
    content: attr(data-date);
    display: inline-block;
    color: black;
}
input::-webkit-datetime-edit, input::-webkit-inner-spin-button, input::-webkit-clear-button {
    display: none;
}
input::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 3px;
    right: 0;
    color: black;
    opacity: 1;
} */
/*-------------------------------Header Style--------------------------------*/

/*-------------------------------Sidebar Style--------------------------------*/
.sidebar-nav{
    width: 115px;
    min-height: 100%;
    background: var(--white);
    position: fixed;
    top: 0;
    left: 0;
    overflow: visible;
    z-index: 9999;
}
.sidebar-nav .logo-nav{
    /*padding: .9rem .5rem;*/
    padding: .4rem .5rem;
    /*background: #161c25;*/
    background: var(--white);
    position: fixed;
    top: 0px;
    z-index: 9999;
    /*width: 117px;*/
    width: 167px;
}
.sidebar-list.list-group{
    top: 56px;
    position: relative;
    overflow-y: auto;
    height: calc(100vh - 56px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    border-right: 1px solid var(--lightgrey);
    border-top: 1px solid var(--lightgrey);
}
.sidebar-list.list-group .list-group-item{
    background: transparent;
    padding: 0px;
    border: none;
}
.sidebar-list.list-group .list-group-item a{
    background: var(--white);
    padding: 15px;
    display: block;
    color: var(--basicprimary);
    text-decoration: none;
    font-size: 0.83rem;
    /*font-size: 13px;*/
    text-align: center;
    line-height: 16px;
    width: 100%;
    position: relative;
    vertical-align: middle;
    z-index: 99;
    font-weight: 500;
    font-family: 'Gilroy-Regular', sans-serif;
    letter-spacing: 0.75px;
}
.sidebar-list.list-group .list-group-item a:hover, .sidebar-list.list-group .list-group-item a:focus{
    background: var(--lightprimary);
}
.sidebar-list.list-group .list-group-item:not(:first-child) a{
    border-top: 1px solid #eaeaea !important;
}
.sidebar-list.list-group .list-group-item:last-child a{
    border-bottom: 1px solid #eaeaea !important;
}
.sidebar-list.list-group .list-group-item a.active {
    background: var(--primary);
    color: var(--white) !important;
    font-family: 'Gilroy-SemiBold', sans-serif;
}

.sidebar-list.list-group .list-group-item>.submenu {
    position: fixed;
    display: block;
    height: 100vh;
    background-color: var(--white);
    top: 57px;
    left: -250px;
    width: 240px;
    z-index: -1;
    height: 100%;
    overflow-x: hidden;
    -webkit-transition-timing-function: cubic-bezier(0.92, 2.64, .57, .66);
    transition-timing-function: cubic-bezier(0.92, 2.64, .57, .66);
     -webkit-transition: left 250ms linear;
    -moz-transition: left 250ms linear;
    -ms-transition: left 250ms linear;
    transition: left 250ms linear; 
    margin: 0;
    padding: 0px!important;
    border-right: 1px solid var(--lightgrey);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.sidebar-list.list-group .list-group-item .submenu.active {
    height: calc(100vh - 56px) !important;
    left: 115px !important;
}
.sidebar-list.list-group .list-group-item li a {
    text-align: left;
    border-top: 0;
}
.sidebar-list.list-group .list-group-item .fa {
    font-size: 18px;
    display: block;
    text-align: center;
}
.sidebar-list.list-group .list-group-item:not(:first-child)>a:after{
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 8px;
    font-size: 16px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

.sidebar-list.list-group .list-group-item>.submenu .sidebar-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--lightprimary);
    position: sticky;
    top: 0px;
    z-index: 99999;
}
.sidebar-list.list-group .list-group-item>.submenu .sidebar-header h3{
    color: var(--primary);
    text-align: center;
    font-weight: 300;
    margin: 0;
    padding: 10px;
    font-size: 20px;
    position: relative;
    width: 100%;
    font-Family: 'Gilroy-Regular', sans-serif;
}

.sidebar-list.list-group .list-group-item>.submenu .sidebar-header .fa{
    font-size: 18px;
    text-align: center;
    width: 50px;
    color: var(--primary);
    cursor: pointer;
}
.submenu li {
    min-height: auto;
    display: block;
}
.submenu li.menu-lock a{
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    opacity: 0.4;
    cursor: not-allowed;
}
.submenu li.menu-lock a:hover{
    background: transparent;
}
.sidebar-list.list-group .list-group-item .SubCategory {
    display: block;
    height: auto;
    position: static!important;
    width: auto;
    padding-left: 0;
}
.sidebar-list.list-group .list-group-item .SubCategory li a {
    padding: 10px 15px;
}
.sidebar-list.list-group .list-group-item span.heading-nav {
    display: block;
    width: 100%;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    padding: .5rem 1rem;
    color: var(--primary);
}
.sidebar-list.list-group .list-group-item .submenu.setting-submenu {
    /*width: 400px;*/
    width: 450px;
    left: -450px;
}
.sidebar-list.list-group .list-group-item .submenu.setting-submenu .setting-inner-ul {
    padding-left: 0;
    margin-left: 0;
    padding-top: 10px;
}
.sidebar-list.list-group .list-group-item .submenu.setting-submenu .setting-col{
    border-right: 1px solid #eaeaea;
}

/*-------------------------------Sidebar Style--------------------------------*/

/*-------------------------------Dashboard Style--------------------------------*/
.bg-red{
    background:#ED5565;
}
.bg-blue{
    background:#4FC1E9;
}
.bg-purple{
    background:#AC92EC;
}
.bg-orange{
    background:#FC6E51;
}
.bg-dark-blue{
    background:#5D9CEC;
}
.bg-teal{   
    background: #00aba9;
}
.bg-magenta{
    background: #ec407a;
}
.dash-card{
    border-radius: 0px;
    height: 220px;
    display: flex;
    justify-content: center;
}
.dash-card.vendor-payment-dues, .dash-card.payment-receipt{
    height: 300px;
}
.dash-card.approval-pending{
    /*height: 120px;*/
    height: auto;
}
.dash-card.approval-pending .card-header{
    padding: 5px; 
}
.approval-pending h4{
    /*border: 1px solid #ff9807;*/
    color: #ff9807;
    border-radius: 50%;
    padding: 0px 10px;
    display: table-cell;
}
.approval-pending a:hover h4{
    /*background: #ff9807;
    color: #ffffff;*/
}
.approval-pending a:hover h6{
    background: ;
    color: #ff9807;
}

.dash-card.monthly-expenses{
    height: 616px;
    overflow: hidden;
}
.dash-card.member-contribution, .dash-card.cashflow{
    height: 420px;
    overflow: hidden;
}

.dash-card .dash-card-icon{
    position: absolute;
    font-size: 18rem !important;
    color: rgba(255, 255, 255, 0.15);
    right: -90px;
}
.dash-card .dash-card-icon.fa-inr{
    right: -30px;
}
.dash-card .card-header{
    font-size: 24px;
    text-align: center;
    font-weight: 300;
    border: none;
    background: transparent;
    padding-bottom: 0px;
    z-index: 5;
}
.dash-card .list-group .list-group-item{
    display: flex;
    justify-content: space-between;
}
.dash-card .list-group .list-group-item a{
    color: #ffffff;
}
.dash-card .card-footer{
    /*width: 50%;*/
    margin: auto;
    text-align: center;
    border-top: 1px solid rgba(255,255,255,0.15);
    background: transparent;
    z-index: 5;
}
.dash-card.payment-receipt .list-group .list-group-item{
    display: flex;
    justify-content: start;
    flex-direction: column;
}
.dash-card.payment-receipt .list-group .list-group-item .list-action{
    display: flex;
    justify-content: space-around;
}
.tracker-list{   
    min-width: 310px;
    height: 170px;
    overflow: auto;
    margin: 0 auto;
}

.border-bottom-light{
    border-bottom: 1px solid rgba(222, 226, 230, 0.22) !important; 
}

.right-dashboard {
    min-width: 25%;
    /*min-width: 250px;*/
    height: 100%;
    height: calc(100vh - 54px);
    background: #ffffff;
    position: relative;
     /*position: fixed; */
    top: 54px;  
}
.right-dashboard.setup-completed .completion-wrap{display: none;}
.right-dashboard.setup-completed .notification-wrap{height: 100%;}

.completion-wrap{
    /*height: 40vh;*/
    height: calc(40vh - 27px);
}
.completion-wrap .bg-danger .percent{
    color: #000;
}
.completion-wrap .percent {
/*     background: var(--primary);
color: #FFFFFF;
padding: 10px;
position: absolute;
left: 0; */
    font-size: 18px;
}
.completion-heading .progress{
    height: 16px;
    /* height: 58px; */
    width: 100%;
    border-radius: 0px;
}
.completion-wrap .completion-body{
    height: calc(100% - 57px);
    /* height: 40vh; */
    overflow-y: auto;
    overflow-x: hidden;
}
.notification-wrap{
    /*height: 60vh;*/
    height: calc(60vh - 27px);
}
.notification-wrap .notification-body{
    padding: 10px 0;
    margin: 0;
    /*height: 100%;*/
    height: calc(100% - 54px);
    overflow-y: auto;
    overflow-x: hidden;
}
.noti-heading .bell-icon{
    background: var(--primary);
    color: #FFFFFF;
    padding: 10px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px 20px;
}
.noti-heading, .completion-heading{
    position: relative;
    color: #656d78;
    padding: 10px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    font-size: 24px;
    font-weight: 300;
    background: #f5f5f5;
    z-index: 5;
}


ul.noti-list li {
    /*min-width: 83%;*/
    list-style: none;
    padding: 15px 10px;
}
ul.noti-list li .noti-icon{
    padding: 10px;
    color: #ffffff;
    font-size: 20px;
}
ul.noti-list li .noti-icon .fa{
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.noti-list li .noti-cont .noti-title{
    font-size: 1rem;
}
ul.noti-list li .noti-cont .noti-desc{
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 18px;
}
ul.noti-list li .noti-cont .noti-action .btn:not(:first-child){
    margin-left: 5px;
}

.timeline{
    padding: 0px 10px 0px 50px !important;
    margin: 10px 0px !important;
    position: relative;
    list-style: none;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 1px;
  background-color: #9ea7b3;
  left: 25px;
}
.timeline li{
    margin-bottom: 20px;
    position: relative;
    background: #f7f7f7;
    padding: 5px 10px 5px 10px;
    border-radius: 4px;
}
.timeline li:before,
.timeline li:after {
  content: " ";
  display: table;
}
.timeline li:after{
  clear: both;
}
.timeline li:before{
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    left: -5px;
    transform: rotate(45deg);
}
.timeline li .timeline-badge{
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 1em;
    text-align: center;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    left: -35px;
    color: #FFFFFF;
    border: 1px solid #596473;
    background-color: #656d78;
    z-index: 100;
    border-radius: 50%;
}
.timeline li .timeline-badge .fa{
    line-height: 20px;
}
.timeline li .timeline-action{
    display: flex;
    justify-content: space-around;
}
.timeline li .timeline-action a.btn-link{
    text-decoration: none;
    background: transparent;
    font-size: 0.9em;
    margin: 0px; 
    font-weight: 400;
    text-transform: uppercase;
}
.timeline li .timeline-action a.btn-link:hover{
    opacity: 0.8;
}
.timeline li .timeline-action a.btn-link.btn-warning{
    color: var(--primary);
}

.timeline li.done .timeline-badge .fa,
.timeline li .timeline-badge .badge-num{
    display: block;
    line-height: 18px;
}
.timeline li .timeline-badge .fa,
.timeline li.done .timeline-badge .badge-num{
    display: none;
}
.timeline li.done .timeline-badge{
    background: var(--primary);
    border-color: #cc7a01;
}
.timeline li.done .timeline-action{
    display: none;
}
.activities-timeline-wrap{
    height: calc(50vh - 10px);
    overflow-y: auto;
    overflow-x: hidden;
}
.activities-timeline{
    padding-left: 120px !important;
}
.activities-timeline.timeline:before{
    left: 95px;
}
.activities-timeline.timeline .timeline-date{
    position: absolute;
    left: -120px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    color: #757575;
}
.activities-timeline.timeline li .timeline-badge{
    background-color: #ffffff;
}
.activities-timeline.timeline li .timeline-badge .badge-num{
    display: none;
}
.activities-timeline.timeline li{
    min-height: 50px;
    border: 1px solid #eaeaea;
}
.activities-timeline.timeline li:before{
    left: -13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 12px 6px 0;
    border-color: transparent #dddddd transparent transparent;
    transform: none;
    display: flex;
}
.activities-timeline.timeline li .timeline-badge:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #596473;
    position: absolute;
    border-radius: 50%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.timeline-loader{
    opacity: 0.5;
}
.timeline-loader li{
    animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHoldShimmer;
  animation-timing-function: linear;
    background: #f6f7f8;
  background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
}
.timeline-loader li .timeline-date{
    width: 75px;
    height: 25px;
    margin: 12px 0;
    animation-duration: 4.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHoldShimmer;
  animation-timing-function: linear;
    background: #f6f7f8;
  background: -webkit-linear-gradient(left, #eeeeee 0%, #dddddd 35%, #eeeeee 70%);
}

@keyframes placeHoldShimmer {
  0% {
    background-position: -468px 0;
  }
  
  100 {
    background-position: 468px 0;
  }
}

.dashbox{   
    color: #212529;
    -webkit-transition: opacity 1.35s, -webkit-transform 1.35s;
    transition: opacity 1.35s, transform 1.35s;
}
.dashbox:hover{   
    color: #212529;
    -webkit-transition: opacity 1.35s, -webkit-transform 1.35s;
    transition: opacity 1.35s, transform 1.35s;
    transition: all 0.5s; 
}
.dashbox:hover .dashbox-inner{
    box-shadow: 0 0px 16px 2px rgba(0, 0, 0, 0.1);
    transform: rotate(45deg) translate(-10px, -10px);
    -webkit-transition: opacity 1.35s, -webkit-transform 0.35s;
    transition: opacity 1.35s, transform 0.35s;
}   

.dashbox .dashbox-inner{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin: 0px auto 10px auto;
    border: 1px solid #ddd;
    border-radius: 7px;
    color: #000;
    padding: 10px;
    transform: rotate(45deg);
}
.dashbox .dashbox-inner .dashbox-text{
        line-height: 16px;
    display: block;
    margin-bottom: 15px;
}
.dashbox .dashbox-inner .fa{
    font-size: 24px;
    color: #ffffff;
    transform: rotate(-45deg);
}
.dashbox .dashbox-inner .badge{
    position: absolute;
    top: -10px;
    left: 35px;
    background: #e53935;
    color: #fff;
    padding: 5px;
    text-align: right;
    border: 1px solid rgba(255, 255, 255, 0.42);
    transform: rotate(-45deg);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dashbox:hover .dashbox-inner .badge{
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    transition: all 0.2s;
    width: 100%;
    height: 100%;
    border-radius: 7px;
    transform: rotate(0);
}
.dashbox:hover .dashbox-inner .badge span{
    transform: rotate(-45deg);
    font-size: 1.2rem;
}

@media (min-width: 768px) {
    .right-dashboard{
        position: fixed;
        /*width: calc(100vw - 77%);*/
        width: calc(100vw - 77.3%);
        min-width: auto;
    }
    /* .completion-wrap, .notification-wrap{
        width: 90%;
    } */
}
@media (max-width: 990px) {
    .right-dashboard{width: calc(100vw - 56%); }
}

@media (max-width: 1199px) {
    .right-dashboard{height: 100%; }
    .noti-heading, .completion-heading {font-size: 18px;}
}
@media (max-width: 1200px) {
    .dash-card, .dash-card.approval-pending, .dash-card.vendor-payment-dues, .dash-card.payment-receipt{height: auto; }
}

/*-------------------------------Dashboard Style--------------------------------*/

/*----------------------------New Dashboard Style----------------------------*/
 .dash-widget{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border-radius: .375rem;
    background-color: #fff;
    background-clip: border-box;
    margin-bottom: 30px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 8px 20px 0 rgba(40,37,89,.1) !important;
}
.dash-widget .card-header{
    margin-bottom: 0;
    padding: 0.65rem 1.25rem 1.75rem 1.25rem;
    border-bottom: 1px solid rgba(0,0,0,0.1);    
}
.dash-widget .card-header .card-title{
    display: flex;
    align-items: center;
    color: #ffffff;
}
.dash-widget .card-header i{
    font-size: 2.5rem;
    margin: 0 5px 0 0;
    opacity: 0.4;
}
.dash-widget .card-header .card-action{
    background: #ffffff;
    color: #272727;
    border-radius: 4px;
    font-size: 11px;
    padding: 2px 8px;
    line-height: 18px;
}
.dash-widget .card-header .card-action:hover{
    background: #eaeaea;
}
.dash-widget .card-body{
    padding: 1.875rem 1.25rem;
    min-height: 165px;
    /*min-height: 145px;*/
}
.dash-widget .mini-stats{   
    position: relative;
    bottom: 22px;
    box-shadow: 0 0 1.25rem rgba(108,118,134,.25);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dash-widget .mini-stats .mini-stats-count .mini-stats-link, .dash-widget .mini-stats .mini-stats-count{
    color: #48423d;
    position: relative;
}
.dash-widget .mini-stats .mini-stats-link:after{
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -5px;
    left: 0;
    opacity: 0;
    background: #000; 
}
.dash-widget .mini-stats .mini-stats-link:hover:after{
    bottom: 0px;
    opacity: 1;
    transition: all 0.3s;
}
.dash-widget .list-stats{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.2rem;
    margin-top: -0.7rem;
}
.dash-widget .list-stats .list-group-item{
    text-align: center;
    flex: 1 1 0;
}
.dash-widget .list-stats .list-group-item .stats-text{
    color: #8c8c8c;
    margin: 0 0 5px 0; 
    line-height: 14px;
    min-height: 30px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.dash-widget .list-stats .list-group-item .stats-count{
    margin: 0 0 5px 0; 
    color: #4f4f4f;
    font-weight: 600;
}
.dash-widget .list-stats .list-group-item .stats-count .stats-link{
    color: #4f4f4f;
    text-decoration: underline;
}
.dash-widget .list-stats .list-group-item .stats-count .stats-link:hover{
    color: #0f344b;
}

.dash-widget.bg-red .card-header{
    background: -webkit-linear-gradient(left, #ef473a, #cb2d3e);
    background: linear-gradient(to left, #ef473a, #cb2d3e);
}       
.dash-widget.bg-blue .card-header{
    background: -webkit-linear-gradient(to left, #00c6fb 0%, #005bea 100%);
    background: linear-gradient(to left, #00c6fb 0%, #005bea 100%);
}
.dash-widget.bg-purple .card-header{
    background: -webkit-gradient(linear,left top,right top,from(#7f59dc),to(#655be6));
    background: linear-gradient(to right,#7f59dc,#655be6);
}
.dash-widget.bg-orange .card-header{
    background: -webkit-linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);
    background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);
}
.dash-widget.bg-green .card-header{
    background: -webkit-linear-gradient(to right, #069355 0%, #39b890 100%); 
    background-image: linear-gradient(to right, #069355 0%, #39b890 100%);
}
.dash-widget.bg-beige .card-header{
    background: -webkit-linear-gradient(to right, #c89167 0%, #dfa579 100%);
    background: linear-gradient(to right, #c89167 0%, #dfa579 100%);
}
 
/*----------------------------New Dashboard Style----------------------------*/


/*--------------------------------Login Style--------------------------------*/
body.select-soc .card[disabled]{
    background: #e8e8e8;
    border: 0;
    opacity: 0.5;
    pointer-events: none;
}
body.select-soc .card:hover{
    border: 1px solid var(--primaryhover);
}

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}
.form-label-group > input{
    cursor: text;
}

.form-label-group > input,
.form-label-group > label {
  padding: .75rem .75rem;
}

.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0; 
  line-height: 1.5;
  color: #495057;
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}

.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
  padding-top: calc(.85rem + .85rem * (2 / 4));
  padding-bottom: calc(.85rem / 4);
}

.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: calc(.75rem / 4);
  padding-bottom: calc(.75rem / 4);
  transform: translateY(0px);
  font-size: 12px;
  color: #777;
}


.login {
    background: rgba(0,0,0,0.35) url(../../images/login-bg.jpg) no-repeat center center / cover;
    background-blend-mode: soft-light;
    height: 100%;
}

/*--------------------------------Login Style--------------------------------*/

/*------------------------------HelpDesk Style-------------------------------*/

.issue-member-detail .job-card-wrap{
    height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
}
.issue-member-detail .job-card-wrap .card:not(:last-child){
    margin-bottom: 1.5rem;
}
.issue-member-detail img.job-card-img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.member-details{
    margin-top: 50px;
    box-shadow: none !important;
    background: #f8f9fa;
}
.member-details .pro-pic{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #eaeaea;
    overflow: hidden;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    margin: auto;
    border: 4px solid rgba(255,255,255,.5);
}
.member-details .card-body{
    padding-top: 50px;
}

.attachment .input-group .form-control{
    word-wrap: break-word;
    line-height: normal;
}
/*------------------------------HelpDesk Style-------------------------------*/
    
/*--------------------------------Expense Style--------------------------------*/
.disabled-input{   
    border: none !important;
    background: transparent !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    pointer-events: none !important;
}
.inner-notice.green {
    color: #00aa60 !important;
}
.inner-notice{
    margin: 20px 0 0 15px;
    padding: 15px 5px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: #fff;
    position: absolute;
    top: -27px;
    right: -180px;
    width: 50%;
    text-align: center;
    z-index: 999;
}
.inner-notice:after {
    top: 0;
    left: -20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(213, 107, 26, 0);
    border-right-color: #ddd;
    border-width: 10px;
    bottom: 0;
    margin: auto;
}
.view-details-wrap{
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.view-title{
    color: #a2a4a7;
}
/*--------------------------------Expense Style--------------------------------*/

/*--------------------------Society(DJNCOHSL) Style--------------------------*/
.lg-outer{
    left: 115px !important;
    top: 70px !important;
}
.lg-thumb-outer.lg-grab{
    height: 160px !important;
}
.new-photo{
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem;
}

.society-dropdown .btn{
    text-decoration: none;
}
.society-dropdown .dropdown-menu{
    width: 450px;
    top: 50px;
}
.society-dropdown .dropdown-menu .dropdown-item{
    padding-left: 25px;
    display: flex;
    align-items: center;
    color: #212529;
}
.society-dropdown .dropdown-menu .dropdown-item:before{
    content: "\f1ad";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: 5px;
    color : #969696;
}
.or{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.or:before, .or:after{
    content: '';
    height: 1px;
    width: 30%;
    background: #aaaaaa;
}
.or span{
    padding: 0 10px;
}

.or-h{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.or-h:before, .or-h:after{
    content: '';
    width: 1px;
    height: 20px;
    background: #aaaaaa;
}
.or-h span{
    padding: 0 10px;
}

@media screen and (max-width: 767px) {
    .or-h{
        flex-direction: row;
        margin: 10px 0 ;
    }
    .or-h:before, .or-h:after{
        width: 20%;
        height: 1px;
        background: #aaaaaa;
    }   
}

/*============Album Style=============*/

.album-card{
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.album-card .album_background{
    height: 250px;
    width: 100%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.album-card.full-album .album_background{
    object-fit: cover;

}
.album-card.empty-album .album_background{
    object-fit: contain;
}
.album-card.full-album:hover .album_background{
    -webkit-transform: scale3d(2,2,1);
    transform: scale3d(2,2,1);
}
.album-card.full-album .card-img-overlay{
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.album-card.empty-album .card-img-overlay{
    background: rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.album-card .album_name{
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
    padding: 15px 0;
    font-weight: 600;
    text-transform: capitalize;
}
.album-card:hover .album_name{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.album-card.full-album .album_button_background{
    opacity: 0;
    color: var(--primary);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.album-card.full-album:hover .album_button_background{
    opacity: 1;
}
.album-card.empty-album .album_button_background{
    color: #ff2010;
}


.card.galcard{
    height: 250px;
    position: relative;
}
.card.galcard:before{
    content: '';
    background: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.card.galcard:hover:before{
    opacity: 1;
}

.card.galcard .galimg{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.galdel{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99;
    padding: 10px;
    width: 40px;
    height: 40px;
    /*background: rgba(220, 0, 0, 0.61);
    border-radius: 50%;*/
    font-size: 16px;
    /*color: #fff;*/
    line-height: 10px;
}
.galdel:hover{
    opacity: 0.6;
}

/*============Album Style=============*/

.customlayouts .layout .outer, .customlayouts .skincolor .outer_skincolor{
    border: 5px solid #ccc; 
    display: inline-flex;
    transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
}
.customlayouts .layout .outer:hover, .customlayouts .skincolor .outer_skincolor:hover,
.customlayouts .layout .active.outer, .customlayouts .skincolor .active.outer_skincolor{border: 5px solid var(--primary);}    

.colorpicker-element .input-group-addon{
    padding: 2px;
    border: 1px solid #cccccc;
}
.colorpicker-element .input-group-addon i{
    height: 100% !important;
    width: 40px !important;
}
/*--------------------------Society(DJNCOHSL) Style--------------------------*/

/*------------------------------Settings Style-------------------------------*/
.dotted_border{
    border: 1px dashed #000;
}
.remove_row {
    position: absolute;
    right: 10px;
    top: 10px;
}
select.createledger optgroup:last-child option:last-child,
select#et_ledger_id optgroup:last-child option:last-child{
  color: #ffffff;
  background: var(--primary);
}
optgroup[label]{
    font-style: italic;
    color: #888888;
}
optgroup option {
    font-style: normal;
    color: #434343;
}

/*------------------------------Incomes Style-------------------------------*/

.custom-checkbox.yesno-check .custom-control-label::before{
    background-color: #ed5464;
}
.custom-checkbox.yesno-check .custom-control-input:checked~.custom-control-label::after{
    content: '';
}
.custom-checkbox.yesno-check .custom-control-label::after{
    content: "\f04c";
    color: #ffffff;
    font: normal normal normal 8px/1 FontAwesome;
    padding: 3px 5px;
}
/*------------------------------Incomes Style-------------------------------*/
.fs-icon-check{
    margin: 20px auto;
    display: block;
    width: 100%;
    height: 180px;
    -webkit-mask-image: url(../../images/icon-check.png);
    -ms-mask-image: url(../../images/icon-check.png);
    -moz-mask-image: url(../../images/icon-check.png);
    mask-image: url(../../images/icon-check.png);
    -webkit-mask-position: center center;
    -ms-mask-position: center center;
    -moz-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -moz-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -ms-mask-size: contain;
    -moz-mask-size: contain;
    mask-size: contain;
}
/*------------------------------Accounts Style-------------------------------*/

table.treetable tr.collapsed span.indenter a:before{
    /*content: "\f105";*/
    content: "\f196";
    font-family: FontAwesome;
    left:0;
    position:absolute;
    top:0;
    color:#868686;  
}
table.treetable tr.collapsed span.indenter a{
    position: relative;
    background-image: none!important;
}

table.treetable tr.expanded span.indenter a:before{
    content: "\f147";
    /*content: "\f107";*/
    font-family: FontAwesome;
    left:0;
    position:absolute;
    top:0;
    color:#868686;  
}

table.treetable tr.expanded span.indenter a{
    position: relative;
    background-image: none!important;
}

/*------------------------------Accounts Style-------------------------------*/

/*------------------------------Payment Gateway------------------------------*/
.complex-code .input-group > .input-group-prepend > .input-group-text {background: transparent; padding-right: 2px;}
.complex-code .input-group > .form-control {border-left: 0; padding: .375rem .75rem .375rem 0;}
.complex-code .input-group > .form-control:focus{ box-shadow: none;}
.complex-code .input-group:focus-within{ box-shadow: 0 0 0 0.2rem rgba(255, 164, 7, .25)}

.payment-gateway-wrap .card .card-header{background: #f9f9f9; border-bottom: 1px solid rgba(0,0,0,.125); cursor: pointer; display: flex; align-items: center; justify-content: space-between;}
.payment-gateway-wrap .card:first-of-type{border-bottom: 1px solid rgba(0,0,0,.125);}

.payment-gateway-wrap .accordion .card .card-header h5{flex: 1 1 0;}

/*.payment-gateway-wrap .accordion .card .card-header:hover{background: #d6d7d9}*/

/*------------------------------Payment Gateway------------------------------*/

/*-----------------------------------ERROR-----------------------------------*/
.errors{
    background: #f7efd9;
}
.errors .navbar{
    display: none;
}
.errors img{
    -webkit-filter: drop-shadow(0px 0px 95px #caba8f);
    filter: drop-shadow(0px 0px 95px #caba8f);
}
/*-----------------------------------ERROR-----------------------------------*/


/*------------------------------Animation Style-------------------------------*/

/*.noanimated{
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transition: none !important;
    transition: none !important;
}*/


.main_body{
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn; 
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;     
    /*transition: linear 0.9s;*/
  /*-webkit-animation-fill-mode: both;*/
  /*animation-fill-mode: both;*/
} 
 /* .sidebar-nav{
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;    
 }
 .header{
    -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;    
 }  */

/*   nav[aria-label="breadcrumb"]{
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;  
}  */

/*------------------------------Animation Style-------------------------------*/

/*----------------------------Society Setup Style----------------------------*/
.soc-setup{}
.soc-setup .nav-pills .nav-link.active{background-color: #6c727d; color: #ffffff;}
.complex-list-wrap{
    padding-right: 50px;
}


.complex-list .list-group-item.letter-active{
       animation: highlight 2s;
      -webkit-animation: highlight 2s; 
      /* border: 2px solid rgba(255,0,0,1);
        box-shadow: 0px 0px 1px 2px rgba(255,0,0,1); */
}
.complex-list .list-group-item .card .card-body .card-title{
    color: var(--basicprimary);
}


.letter-active-higlight{
    border-color: #9ecaed;
    box-shadow: 0 0  15px #00aff0
    /*#9ecaed;*/
}
.alphabet-links{
    position: fixed;
    top: 54px;
    right: 0px;
    width: 50px;
    height: calc(100vh - 54px);
    background: #ffffff;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    /*border-left: 1px solid var(--primary);*/
}
.alphabet-links a{
    color: #161c25;
    font-weight: bold;
    font-size: 1rem;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /*background: rgba(255, 164, 7, 0.15);*/
    background: var(--lightprimary);
}
.alphabet-links a:hover {
    background: #ffffff;
}
@keyframes highlight{
    0%   {
        /*border: 2px inset rgba(255,0,0,0);*/
        box-shadow: inset 0px 0px 1px 2px rgba(255,0,0,0);
    }
    25%  {
        /*border: 2px inset rgba(255,0,0,.5);*/
        box-shadow: inset 0px 0px 1px 2px rgba(255,0,0,0.5);
    }
    50%  {
        /*border: 2px inset rgba(255,0,0,1);*/
        box-shadow: inset 0px 0px 1px 2px rgba(255,0,0,1);
    }
    75%  {
        /*border: 2px inset rgba(255,0,0,.5);*/
        box-shadow: inset 0px 0px 1px 2px rgba(255,0,0,0.5);
    }
    100% {
        /*border: 2px inset rgba(255,0,0,0);*/
        box-shadow: inset 0px 0px 1px 2px rgba(255,0,0,0);
    }
}

/*----------------------------Society Setup Style----------------------------*/


/*------------------------------Report Download------------------------------*/
.sticky-bottom{
    position: fixed;
    bottom: 0px;
    right: 0px;
}
.download-card{
    width: 30%;
    z-index: 99999;
    margin: 20px;
    transition: all .25s ease-in-out;    
}

.download-card .card-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.download-card .card-title{
    font-family: 'Gilroy-SemiBold', sans-serif;
    font-size: 1rem;
    letter-spacing: 1px;
    margin: 0px;
}
.download-card .card-header .header-action .action-link{
    font-size: 1.25rem;
    font-weight: 700;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.download-card .card-header .header-action .close-link{
    font-size: 1.2rem !important;
}
.download-card .card-header .header-action .minimaxi-link{
    margin-right: 0.75rem;
}
.download-card .card-header .header-action .action-link:hover{
    background: rgba(0,0,0,0.15);
}
.minimaxi-link[aria-expanded="true"] .fa-angle-down, .minimaxi-link[aria-expanded="false"] .fa-angle-up{
    display: block;
}
.minimaxi-link[aria-expanded="false"] .fa-angle-down,  .minimaxi-link[aria-expanded="true"] .fa-angle-up{
    display: none;
}
.download-card .card-body{overflow: auto; height: 50vh;}
.list-group-item-text{
    margin: 0px;
    font-family: 'Gilroy-SemiBold', sans-serif;
    color: var(--darkgrey);
}
.download-card .list-group-item .list-group-item-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px 0px 5px 0px;
}
.percent{
    font-family: 'Gilroy-Bold', sans-serif;
    color: var(--darkgrey);
}
.download-card .list-group-item .progress-bar{
    background-color: var(--primary);
}
.download-card.download-small{
    width: 32px;
    margin: 20px -5px;
    border-radius: 20px 0 0 20px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.2);
}
.download-card.download-small .minimaxi-link,
.download-card.download-small .card-title
{
    display: none !important;
}
.download-card.download-small .card-header {
    padding: 0.5rem 0.25rem !important;
}
.download-card .card-header .header-action .close-link i {
    transform: rotate(180deg);
}
.download-card.download-small .card-header .header-action .close-link i{
    transform: rotate(0deg);
}
/*.btn-remove{
    color: #f00000;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(255,0,0,0.25);
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-remove:hover{
    color: var(--darkgrey);
    background: rgba(0,0,0,0.25);
}*/
/*------------------------------Report Download------------------------------*/


/*---------------------------------Login Box---------------------------------*/


.login-card{background: transparent;}
.login-card .card-body{background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .5rem;  padding: 0.5rem 0.8rem;}
.login-card .card-body .card-title{ border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 1rem; margin-bottom: 1rem; position: relative;
   z-index: 1; font-size: 1.8rem; font-weight: 300; line-height: 1.2;}
.login-card .card-body .card-title:after{ content: ""; background-color: #f7931e; width: 32px; height: 5px; border-radius: 2px;
   display: block; position: absolute; bottom: -4px;left: 0px; right: 0px; margin: auto;}


.form-group label{color: #949494; line-height: 1.5;font-size: 1rem;}
.form-group .input-group{transition: all .2s ease-in-out;}
.form-group .input-group .form-control-mat:focus{border-bottom: 1px solid #f7931e;}
.form-group .input-group .input-group-append .input-group-text,
.form-group .input-group .input-group-prepend .input-group-text{background: transparent; border: 0;/* width: 50px;*/ font-size: 1.15rem; color: #8f9397; text-indent: 6px;}
.form-group .input-group .form-control-mat{border-top: 0;border-right: 0;border-left:  0;height: calc(2.25rem + 8px) !important;border-radius: 0 !important;}
.form-group .input-group .form-control-mat:focus{box-shadow: none;}


.icon_email-mobile {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAAEm0lEQVR42u2dS2gTQRzGU0FR8QWKCioe9CCCIuhFfFBsaZO12UfqPtKq9CA9qEXUgwcvAT3oRTwIPk7qUbxYpVZE9ODjUHrqRRAVFIW2okgFETH1P9tNO9m2aWLcZmb2+2AIWbI7s/PbmW93dv6ZRAKCIAiCIAiCIAiCoPiqLmV4B1Km20tpmNKooGnYLyOVlZVZSRL1tr1IM5wHAkOYLt1nZVeuZRTDcAbp6ruaspwLQiZWNlZGDopSLSXopvyTSxrOwwbLWi56mVkZg67VL7dmOq3qABk/MWdQBhghKEMBlB6FgHhf/KvMcq+Vu49m26s1031H+/XVd3TMZ9tM01xG3wcq6P8H2D5VXkzXC0avUgvJjzV7L1fuPs2GtyeoiD+pTPtati2pZ7dWasqaYW+ppuyszMGx8ioBGa0UiA/AdA42Z7z9RdssN1OuOScNz6q27ByQ0dgDEUEAAiCzB0T2BCAAEjEQw30u7NP5tE/tVGZ4CDwEQACETtbyjtH2H0nDPQogAgChbXfHtrt3AEQAIC0t9hp6mj7JPgEEHgIgAAJTBxCYOkw9UjUbTmPhqR0eAgFIrIHIYOqxAhK1qdNxH4uWaPT4cGxNXcR3KkJ027UqDFcRb2veMgBErJsJKYBEbepcC3layxmTbBqqFECiNvXi/tv5rFnZ5Kyed6p9Cc3avCmNh9TA1PM02ftKOp1eGHmr0J29lN97mPqUQLyX9Pmdq5jXmu7tiCJP27bn0fEv+lNgJ/LrBZBQvlqmbT2BecZV0m82PrW9s3Puf8vPsDfTcfu5WTY/KRTjTC6XmwNTnyJfv2KogmjbL67SXjXr9sZq8mHHpZn9p3wAE8D7mlqzm6S6y5otU590IZj2tlBYwwi1ns5/yaPJ8NbRDcMTvuUlTe9cuOXB1GeoBBZzolnOpUKoRCF0Tdezq8o2bsNro32+cfu/SVr2TmmfQ0TIN2Vl99FvPnCVShFTjlnquI22vTRpurf5uyf2vVRwKIBUkC+rYC5SaryCdV1fHP4tdUcNBOwjH8BK/mHgST2CC4GCgTz6/Vd+DCyVcXYFt7ML6Pvloi7Ocu41WYdWKjN0UitTL7kPhc/xg4EBgP5QmPSIZrhHlBvLqqWpz6A6gnIidBtb6Mpe0OcGJQcXRc+XtRaCcp7dfaUs9xYbJGTPHDLVgVJAVC2LNKYeeyAimnqsgQhs6vEEAg8BEACBqcPUJ+WLaUCCmTomygnSXDGVVIb+E8Lsd2mAyBDSFisgMoS00Tvy3f5MFUrKA5FBiFMHEJg6gEhk6ohTBxB4CIAAiBhA8K+kAAIgJYHgb2LhIfAQAIk3EH8OLoU8jyW3C0BqCIRb9GUi7JlGZwGkRkCoVZye9M6agi8BZGYg+SiA+O8qQi2kEGATARCVljyqfFGwCmB3UfoUpOP//fiGd0PFRcGkXDYvnc6uUHPZPG5hSQZHBigBjEfjkVO0GFlCIdX5UUhFoccU9Wq5Zwvvq4VJrExjEblDXHm7E6otUsxiuENQZEndKi5OPN5Sgj/z6gldgaIlVraeoJuqS0AQBEEQBEEQBEEQFFP9Bfb+lmPHV69bAAAAAElFTkSuQmCC) no-repeat center center / contain;
width: 25px;
height: 25px;
}

/*Button Animation*/
.btn-iconbutton[disabled], .btn-iconbutton.disabled{pointer-events: none; background: #8a8f93}
.btn-iconbutton[disabled] i, .btn-iconbutton.disabled i{color: #8a8f93}
.btn-iconbutton{background: #f7931e; color: #ffffff;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); border-radius: 50px !important ; padding: 0.4rem 3rem 0.4rem 1rem;display: inline-flex !important; align-items: center !important;}
.btn-iconbutton:hover, .btn-iconbutton:focus{ background:#5252bc; color: #ffffff;}
.btn-iconbutton:hover i, .btn-iconbutton:focus i{color: #5252bc;}
.btn-iconbutton i{background: #ffffff;padding: 5px;color: #f7931e;border-radius: 50px;width: 37px;height: 37px;position: absolute;top: 0;right: 0;display: flex;align-items: center;justify-content: center;}
.btn-iconbutton.button-anim:before{padding: 0.75em 2.5em 0.75em 0.75em; line-height: 14px;}
.btn-iconbutton.button-anim.btn-block{display: flex; align-items: center; justify-content: center; position: relative;}

.btn-iconbutton.btn-sm{padding: 0.1rem 3rem 0.1rem 1rem;}
.btn-iconbutton.btn-sm.button-anim:before {padding: 0.5em 2.5em 0.5em 0.75em; line-height: 10px;}
.btn-iconbutton.btn-sm i{width: 24px; height: 24px;}
.btn-iconbutton.btn-secondary{background: #6c757d;}
.btn-iconbutton.btn-secondary i{color: #6c757d;}

.button-anim{overflow: hidden; -webkit-transition: background-color 0.3s; transition: background-color 0.3s;}
.button-anim > span {display: inline-block;opacity: 0;color: #fff;
   -webkit-transform: translate3d(0, -10px, 0);
   transform: translate3d(0, -10px, 0);
   -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
   transition: transform 0.3s, opacity 0.3s;
   -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
   transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button-anim::before {content: attr(data-text); position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 0.75em;
   -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
   transition: transform 0.3s, opacity 0.3s;
   -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button-anim:hover::before {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.button-anim:hover > span {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.button-anim:hover > span:nth-child(1) {-webkit-transition-delay: 0.045s;transition-delay: 0.045s;}
.button-anim:hover > span:nth-child(2) {-webkit-transition-delay: 0.09s;transition-delay: 0.09s;}
.button-anim:hover > span:nth-child(3) {-webkit-transition-delay: 0.135s;transition-delay: 0.135s;}
.button-anim:hover > span:nth-child(4) {-webkit-transition-delay: 0.18s;transition-delay: 0.18s;}
.button-anim:hover > span:nth-child(5) {-webkit-transition-delay: 0.225s;transition-delay: 0.225s;}



/*------------------------------Extras/TEMP CSS------------------------------*/

.a-btn{
    background: #ffa609;
    color: #fff;
    border: 1px solid #ffa709;
    padding: 0.200rem .75rem;
}
.a-btn:hover, .a-btn:active{
    background: #e69100;
    color: #fff;
    border: 1px solid #e69100;
}

.table-check .custom-control{
    left: 0;
    top: -15px;
}
.table-check .custom-control-label{
    left: 4px;
}

.table-chs .table-check .custom-control{
    left: 0;
    top: 0px;
}

/*CHROME ONLY CSS*/

@media screen and (-webkit-min-device-pixel-ratio:0){
    .table-check .custom-control{left: 0;top: -15px !important;}
}

/*FIREFOX ONLY CSS*/
@-moz-document url-prefix() {
.firefox-checktable .table-check .custom-control{
    top: 0px !important;
}
    .issue-issue-detail .custom-control-label::before {top: 1.4rem !important;}
}

.breadcrumb{
    margin-bottom: 0rem;
    background-color: transparent;
}
.breadcrumb .breadcrumb-item{
    font-family: 'Gilroy-Regular', sans-serif;
}
.green-check{
    color: #8CC152;
    margin-right: 5px;
}
.folder-close{
    color: #d02233;
    margin-right: 5px;
}
/* .button:after {
    content: "";
    background: orange;
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px!important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s
} */
.button:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}
.table-hover tbody tr:hover {
    background-color: rgba(255, 164, 0,.05);
}
.dotted-top {
    border-left: 1px dotted #000;
    height: 10px;
    float: left;
}
.dotted-right {
    border-bottom: 1px dotted #000;
    width: 120px;
    float: left;
    height: 10px;
}
.angleright {
    font-size: 18px;
    float: left;
    line-height: 10px;
}
.notebox {
    border: 1px dotted #000;
    padding: 12px;
}

/*  Issue Details  */

.issue-issue-detail, .issue-member-detail{
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.issue-status-box{
    background: #FFA400;
    color: #fff;
    padding: 8px;
    border-radius: 2px;
    margin-right: 5px;
    font-size: 20px !important;
}
.issue-member-detail img{
    width: 70px;
    height: 70px;
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 3px;
    margin-bottom: 10px;
}
.mem-name{
    font-size: 15px;
    text-transform: capitalize;
    font-weight: bold;
}
.mem-ask{
    color: #a2a4a7;
}
.thread-count{
    font-size: 17px;
}
.thread-log img{
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    margin-right: 10px;
}
.issue-raisedby{
    color: #a2a4a7;
    text-transform: capitalize;
}
.thread-log{
    background: #f9f6f6;
    padding: 10px;
}
.jumbotron h4{
    font-size: 20px;
}
.red, red:hover, .red:focus, .red:active{
    color: #DA4453; 
}
span.bk-det{
    color: #212529;
}
.font-14{
    font-size: 14px;
}
.font-16{
    font-size: 16px;
}
.bank-account-bg{
    background: var(--lightprimary);
}
.bank-ask {
    color: #6b6c6d;
}
.errorlabel{
    color: red;
}
.role_icon {
    color: #fff;
    float: left;
    font-size: 24px;
    margin-right: 6px;
    padding: 1px 5px;
    text-align: center;
    width: 37px;
    margin-bottom: 5px;
}
.widget_orange {
    background-color: #F29500;
}
.widget_yellow{
    background-color: #F6BB42;
}
.widget_blue{
    background-color: #3BAFDA;
}
.widget_darkblue{
    background-color: #4A89DC;
}
.widget_darkred{
    background-color: #DA4453;
}
.widget_grey{
    background-color: #656D78;
}
.widget_green{
    background-color: #8CC152;
}
.dn {
    display: none;
}
.modal button.close{
    cursor: pointer;
    position: absolute;
    right: -8px;
    padding: 0px 4px 4px 4px;
    top: -8px;
    background: #df2e2e;
    border-radius: 50%;
    width: 40px;
    opacity: 1;
    color: #fff;
    height: 40px;
    border: 2px solid #fff;
}
.custom-control-label::before{
    background-color: #ffffff ;
    border: 1px solid #cdcdcd ;
}
.custom-control-input:checked~.custom-control-label::before, .custom-checkbox .custom-control-input:checked~.custom-control-label::before, .custom-radio .custom-control-input:checked~.custom-control-label::before {
    border-color: var(--primary) ;
}


.mh-300 .jqte_editor{
    min-height: 300px !important;
}
.selected-close{
    color: #fff;
    opacity: 1;
    font-size: 0.7rem;
}

/* wizard */
.progress-indicator>li .bubble .step-count{
    color: #fff;
    display: block;
    font-size: 18px;
    padding: 5px;
    position: absolute;
    z-index: 9;
    width: 45px;
    line-height: 2rem;
 }
.flexer, .progress-indicator {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.no-flexer, .progress-indicator.stacked {
    display: block;
}
.no-flexer-element {
    -ms-flex: 0;
    -webkit-flex: 0;
    -moz-flex: 0;
    flex: 0;
}
.flexer-element, .progress-indicator>li {
    -ms-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1;
}
.progress-indicator {
    margin: 0 0 1em;
    padding: 0;
    font-size: 15px;
}
.progress-indicator>li {
    list-style: none;
    text-align: center;
    width: auto;
    padding: 0;
    margin: 0;
    position: relative;
    text-overflow: ellipsis;
    color: #3d3d3e;
    display: block;
}
.progress-indicator>li.completed, .progress-indicator>li.completed .bubble {
    color: #3d3d3e;
}
.progress-indicator>li.inprogress, .progress-indicator>li.inprogress .bubble {
    color: #3d3d3e;
}
.progress-indicator>li .bubble {
    border-radius: 1000px;
    width: 45px;
    height: 45px;
    background-color: #aab2bd;
    display: block;
    margin: 0 auto .5em;
}
.progress-indicator>li .bubble:after, .progress-indicator>li .bubble:before {
    display: block;
    position: absolute;
    top: 20px;
    width: 100%;
    height: 7px;
    content: '';
    background-color: #aab2bd;
}
.progress-indicator>li.completed .bubble, .progress-indicator>li.completed .bubble:after, .progress-indicator>li.completed .bubble:before {
    background-color: #8cc152;
    border-color: #8cc152;
}
.progress-indicator>li.inprogress .bubble, .progress-indicator>li.inprogress .bubble:after, .progress-indicator>li.inprogress .bubble:before {
    background-color: #ffa400;
    border-color: #ffa400;
}
.progress-indicator>li .bubble:before {
    left: 0;
}
.progress-indicator>li .bubble:after {
    right: 0;
}

.progress-indicator>li.active, .progress-indicator>li.active .bubble {
    color: #8cc152;
}
.progress-indicator>li.active .bubble, .progress-indicator>li.active .bubble:after, .progress-indicator>li.active .bubble:before {
    background-color: #8cc152;
    border-color: #8cc152;
}
.progress-indicator>li.danger .bubble, .progress-indicator>li.danger .bubble:after, .progress-indicator>li.danger .bubble:before {
    background-color: #d3140f;
    border-color: #440605;
}
.progress-indicator>li.danger .bubble {
    color: #d3140f;
}
.progress-indicator>li.warning .bubble, .progress-indicator>li.warning .bubble:after, .progress-indicator>li.warning .bubble:before {
    background-color: #edb10a;
    border-color: #5a4304;
}
.progress-indicator>li.warning .bubble {
    color: #edb10a;
}
.progress-indicator>li.info .bubble, .progress-indicator>li.info .bubble:after, .progress-indicator>li.info .bubble:before {
    background-color: #5b32d6;
    border-color: #25135d;
}
.progress-indicator>li.info .bubble {
    color: #5b32d6;
}
.progress-indicator.stacked>li {
    text-indent: -10px;
    text-align: center;
    display: block;
}
.progress-indicator.stacked>li .bubble:after, .progress-indicator.stacked>li .bubble:before {
    left: 50%;
    margin-left: -1.5px;
    width: 3px;
    height: 100%}
.progress-indicator.stacked .stacked-text {
    position: relative;
    z-index: 10;
    top: 0;
    margin-left: 60%!important;
    width: 45%!important;
    display: inline-block;
    text-align: left;
    line-height: 1.2em;
}
.progress-indicator.stacked>li a {
    border: none;
}
.progress-indicator.stacked.nocenter>li .bubble {
    margin-left: 0;
    margin-right: 0;
}
.progress-indicator.stacked.nocenter>li .bubble:after, .progress-indicator.stacked.nocenter>li .bubble:before {
    left: 10px;
}
.progress-indicator.stacked.nocenter .stacked-text {
    width: auto!important;
    display: block;
    margin-left: 40px!important;
}
#tower2, #tower3, #tower4{
    display: none;
}
.page_container_wizard .tableform .checkbox{
    margin-top: 0;
}
@media handheld, screen and (max-width:400px) {
    .progress-indicator {
    font-size: 60%}
}
@media handheld, screen and (max-width:768px) {
    .form-2 .textarea textarea {
        width: 100% !important;
        height: 80px;
    }
    ul.progress-indicator>li {
        font-size: 13px;
    }
    .bld-count-2 {
        top: 0;
        position: static;
    }
    .bld-icon{
        display: none;
    }
    .page_container_wizard .wd-80 {
        width: 50% !important;
    }
}
.topbar {
    background-color: #151b24;
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px 0 10px 114px;
    position: fixed;
    z-index: 100;
    top: 0;
    font-size: 14px;
    left: 0;
}

.wizard-topbar {
    padding: 12px !important;
}
.building-name{
    color: #fff;
}
.page_container_wizard{
    padding-top: 90px;
    padding-bottom: 60px;
}
h4.info-about-table {
    color: #ffa400;
    margin: 10px 0 20px 0;
    font-size: 17px;
    font-weight: bold;
}
.page_container_wizard h4.qsn {
    padding: 12px;
    background: #d6d7d9;
    color: #383839;
    font-size: 15px;
    margin-bottom: 0;
}
.page_container_wizard .qsn-field {
    padding: 12px;
    background: #fff;
    border-left: 1px solid #e1e5ea;
    border-right: 1px solid #e1e5ea;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}
.circle-inactive {
    color: #000 !important;
    margin-right: 5px;
}
.page_container_wizard .fa-check-circle {
    color: #4CAF50;
    margin-right: 5px;
}
.page_container_wizard .bld-detail {
    padding: 25px 10px 0;
    background: #fff;
    min-height: 220px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
    border-left: 1px solid #e1e5ea;
    border-right: 1px solid #e1e5ea;
}
.bld-name {
    padding: 20px 10px;
    background: #ffffff;
    margin-bottom: 20px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid #ddd;
    border-radius: 10px;
    position: relative;
}
.bld-name .close{
    position: absolute;
    top: -10px;
    right: 0px;
    color: #fff;
    font-size: 0.8rem;
    background: #f00;
    padding: 5px;
    opacity: 1;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bld-count-2 {
    text-align: center;
    background: #FFA400;
    border-radius: 50%;
    width: 35px;
    padding: 5px;
    height: 35px;
    font-size: 15px;
    color: #fff;
    margin: auto;
    align-items: center;
    justify-content: center;
    display: flex;
}
.bld-icon {
    font-size: 52px;
    color: #d9d9d9;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}
.bld-name input {
    padding: 8px 5px 8px 5px;
    width: 100%;
    border: 1px solid #ddd;
}
.sub-footer {
    position: fixed !important;
    transition: top .5s linear;
    bottom: 0;
    z-index: 2;
    width: 100%;    background: #fff;
    background-color: #f5f7fa;
    padding: 10px 0;
    border-top: 2px solid #ddd;
}
.card{
    box-shadow: 0 1px 15px 1px rgba(34, 32, 33, 0.07);
}
.card-header{
    padding: 12px;
    background: var(--lightprimary);
    color: var(--primary);
    font-size: 15px;
    margin-bottom: 0;
    border-radius: none !important; 
}
.card-header a{
    color: var(--primary);
    font-size: 15px;
}
.trash-icon, .trash-icon:hover, .trash-icon:active{
    color: red;
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
}
.tower-btn {
    text-align: center;
    color: #333;
    padding: 10px;
    min-height: 100px;
    vertical-align: middle;
    position: relative;
    margin-bottom: 15px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid #ddd;
    border-radius: 10px;
}
.tower-icon {
    font-size: 40px;
    color: #d9d9d9;
}
.autocomplete {
    font-size: 12px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    margin-top: 5px;
}
.tb-link{
    color: #ffa407;
}
.add-more{
    padding: 10px;
    color: #FFA400 !important;
}
.tb-bld-icon {
    text-align: center;
    font-size: 20px;
    min-width: 70px;
    padding: 10px 6px;
}
.completed-mode .fa-check {
    text-align: center;
    font-size: 20px;
    color: #fff;
    padding: 5px;
    border: 1px solid;
    border-radius: 50%;
    background: #5fb962;
    margin-bottom: 5px;
}
.fa-complete{
    display: inline-grid;
    align-items: center;
    justify-content: center;
}
.asterisk {
    color: red;
}
.info-content-panel{
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid #ddd;
}
.card-header{
    border-bottom: none;
}
.input-prepend-label{
    background: #fff;
    border: none;
    color: #2a2024;
    font-size: 14px;
}
.info {
    background-color: #e7f3fe;
    border-left: 6px solid #2196F3;
}
.thank-you-div{
    padding-top: 80px;
}
.thnks-content {
    line-height: 38px;
    font-size: 20px;
}
.img-div {
    margin: 30px 0;
}
i.welldone-icon {
    font-size: 80px;
    padding: 20px;
    border: 2px solid #8CC152;
    border-radius: 50%;
    color: #8CC152 !important;
}
ul.style-none{
    list-style: none;
    background: #f8f9fa;
    border: 1px solid #dfe3e7;
    border-right: none;
    margin-right: -2px;
}
li.style-none{
    list-style: none;
    background: #fff;
    border-right: 1px solid #fff;
    border-right: none;
    margin-right: 0px;
}
li.style-none.active{
    list-style: none;
    background: #f8f9fa;
    border: 1px solid #dfe3e7;
    border-right: none;
    margin-right: -2px;
}
.z-99{
    z-index: 99;
}
.no-unit{
    min-height: 1000px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.inner-not-found{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 45vw;
    height: 250px;
    margin: auto;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05);
}
/* [data-toggle="collapse"]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
 }
 
 [data-toggle="collapse"] .fa:after {  
  content: "\f068";
 }
 
 [data-toggle="collapse"].collapsed .fa:after {
  content: "\f067";
 } */
/* end wizard */
.dash-widget .survey-icon{
    width: 34px;
    height: 34px;
    color: #fff;
    border-radius: 4px;
    font-size: 1rem;
}
.folder-card{
    margin-bottom: 15px;
}
.folder-card .card-body .folder-icon i{color: var(--primary) !important;}
.folder-card .filecard .folder-icon i{
    color: #BDBDBD !important;
 }
.folder-card .card-footer{
    min-height:50px;
    background-color: var(--lightprimary);
    padding: 5px 10px 5px 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.folder-card .card-footer .card-title{
    margin: 0px;
    font-weight: 400;
    color: #343a40;
    letter-spacing: 1px;
    font-size: 1rem;
    text-align: left;
}
.folder-card .btn-delete{
    color: var(--red);
    position: absolute;
    right: 0;
    top: 0;
}
.folder-card .btn-edit{
    position: relative;
    right: -10px;
}
.input-wrap{
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}
.btn-clear{
    position: absolute;
    right: 0px;
    z-index: 1;
}

.dataTables_filter { margin-top: -50px;}
.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

* html .ui-autocomplete {
height: 100px; 
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    /* box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px; */
    
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}