:root {
    --bs-success-rgb:55, 185, 104
}
body{
    font-size:13px !important;
    background: #f5f5f9;
    color:var(--bs-dark) !important
    
    }
    input:focus {
       outline: none !important;
    }
    .form-control-sm {
        /* min-height: calc(1.53em + 0.5rem + 4px) !important; */
    }
    /*---Scroll Bar--- */
    /* width */
    ::-webkit-scrollbar {
        width: 4px;
        height: 6px;
     }
     
     /* Track */
     ::-webkit-scrollbar-track {
        background: #f1f1f1;
     }
     
     /* Handle */
     ::-webkit-scrollbar-thumb {
        background: #888;
     }
     
     /* Handle on hover */
     ::-webkit-scrollbar-thumb:hover {
        background: #555;
     }
     .layout-navbar.navbar-detached {
        width: calc(100% - (1.625rem * 2));
        margin: 0.05rem 0 0 auto !important;
        padding: 0 1rem !important;
    }
    .bg-navbar-theme {
        background-color: #f5f5f9 !important;
        color: #697a8d;
        box-shadow: none !important;
    }
    .tab-content{
        height: 90vh;
        /* overflow: auto; */
        z-index: unset !important;
        padding: 5px !important;
    }
    
    thead{
        position:sticky;
        top: 0 ;
    }
    tbody{
        overflow: auto;
    }
    .tab-pane {
        height: 85vh;
        overflow: auto;
        margin-bottom: 10px;
        padding: 1px
    }
    table {
        border: 1px solid #F2F3F4 !important;
    }
    .table-responsive {
        height: 75vh;
        overflow: auto;
    }
    .header {
        position: sticky;
        top:0;
        background: #F2F3F4 !important;
        border: none !important;
    }
    table tr th {
        color:#000;
    }
    .td-wrap {
        max-width: 100px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .list-tab{
        overflow: hidden !important;
    }
    .form-tab{
        overflow-x:hidden !important;
        padding: 5px 5px 5px 15px;
    }
    tbody {
        border-top: none !important;
    }
    .paginate_select {
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: flex-start;
        float: right;
        justify-content: end;
        width: 100%;
    }
    
    .pagination-page-select {
        width: 60px;
        padding: 0px;
    }
    .paginate_select >span{
        width:5% !important;
        margin-right: 10px !important;
    
    }
    /* button.btn.btn-primary{
    margin: auto !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    height: min-content !important;
    } */
    .pagination button {
        margin-right: 0px !important;
        padding: 8px 15px 8px 15px;
    }
    .btn{
    /*
        border: 0px !important;
    */
    }
    .btn-group{
     box-shadow:0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
    }
    
    .pagination>.active>a,
    .pagination>.active>a:focus,
    .pagination>.active>a:hover,
    .pagination>.active>span,
    .pagination>.active>span:focus,
    .pagination>.active>span:hover {
        background: #eee;
        /* border-color: #9d87d8 !important; */
        
        border: none;
        color: #000;
        box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
    }
    .layout-navbar {
        height: 2.3rem !important;
    }
    .nav-align-top .nav-tabs .nav-link.active {
        box-shadow:none !important;
        color: var(--bs-primary);
    }
    
    .avatar {
        position: relative;
        width: 1.5rem !important;
        height: 1.5rem !important;
        cursor: pointer;
    }
    .avatar.avatar-online:after {
        content:none !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 3px;
    }
    
    /* Udpate for selectpicker 
    .select2-container .select2-selection--single {
        height: 40px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 40px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 40px !important;
    }*/
    
    .pagination-sm .page-link, .pagination-sm .page-link .tf-icon, .pagination-sm > li > a:not(.page-link) .tf-icon {
        font-size:inherit !important;
    }
    #recToShow {
        height: 26px;
        margin: 0 2px 5px 4px;
        border: 1px solid #f0f2f4;
        padding: 2px;
        font-size: inherit;
        border-radius: 5px;
        color: #697a8d;
    }
    ul.pagination {
        margin-bottom:5px !important;
    }
    fieldset{
        background: none;
        border: 1px solid #DADBDB;
        border-radius: 6px;
        padding: 0 15px 10px 15px;
        margin-bottom: 10px;
    }
    
    legend {
        width: auto;
        margin-left: 0px;
        padding: 2px 5px 2px 5px !important;
        color: var(--bs-primary) !important;
        font-size: 13px !important;
        float: none;
    }
    
    .form-check{
        /* margin-top: 33px !important; */
    }
    
    .form-label, .col-form-label {
        margin-bottom: unset !important;
        text-transform: unset !important;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .page-item.active .page-link{
        z-index:0 !important;
    }
    .dropdown-menu.show {
        display: block;
        width: min-content !important;
        max-width: min-content !important;
        min-width: min-content;
    }
    .pagination-sm .page-item .page-link {
        height: 100% !important;
    }
    
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 100% !important;
      min-width: 100% !important;
      width: 100% !important;
      /* BACKGROUND: var(--bs-gray-50); */
    }
    .contentIn.px-4 {
        background: white;
    }
    .doc-upload-div {
        padding: 10px 10px 10px 10px;
        border: 1px solid #bdbdbd;
        min-height: 70px;
        border-radius: 3px;
    }
    
    em.errorJS {
        color: red;
        font-size: 10px;
        font-style: normal;
        font-family:cursive;
    }
    input[type="text"].errorJS, input[type="password"].errorJS, input[type="number"].errorJS, button.errorJS, div.errorJS {border-color: red;}
    .input-group.input-group-merge.errorJS {
        border: 1px solid red;
        border-radius: 7px;
    }
    .input-group.input-group-merge.errorJS input {
        border: 0px solid red !important;
    }
    .errorJS  > .req-star{
        color: red;
    }
    span.select2-selection.select2-selection--single.errorJS {
        border: 1px solid red;
    }
    .form-label, .col-form-label {
        font-size: inherit !important;
    }
    .form-label {
            color: inherit !important;
    }
    .btn {
        cursor: pointer;
        min-width: 60px !important;
        /* line-height: 1.82 !important; */
    }
    .form-control-sm {
        font-size: inherit !important;
    }
    .select2-container--default .select2-results__option--highlighted[aria-selected] {
        background-color: var(--bs-secondary);
        color: white;
    }
    .table > :not(caption) > * > * {
        padding: 0.325rem 0.2rem;
        background-color: var(--bs-table-bg);
        border-bottom-width: 1px;
        box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    }
    .table{
        color:inherit !important;
    }
    .table th {
        text-transform: capitalize !important;
        font-size: inherit;
        letter-spacing: 0px !important;
        background: #FBFCFC;
        color:inherit !important;
    }
    thead tr {
        border-bottom: 1px solid #F2F3F4 !important;
    }
    .listTableWrap {
        position: relative;
    }
    .listTableWrap .offcanvas {
        position: absolute;
    }
    span.selection {
        position:relative;
    }
    .select2-dropdown {
        z-index: 59999 !important;
    }
    
    /*
    .select2-hidden-accessible {
        position: unset !important;
    }
    */
    .menu .app-brand.demo {
        /* height: 75px !important; */
        margin-bottom: 12px;
    }
    
    body{
        overflow: hidden;
    }
    .addMoreTable table {
        border-collapse: collapse;
        margin: 10px 0 15px 0px;
        width: 100%;
        /* font: 14px Calibri; */
    }
    
    .srchBox {
        border: thin solid #e0e0e0;
        position: relative;
        margin: 0 0 4px 0;
        display: block;
        border-radius: 5px;
        /*box-shadow: 0px -4px 1px -4px rgb(0 0 0 / 20%), 0px 0px 1px 0px rgb(0 0 0 / 14%), -1px 1px 5px 0px rgb(0 0 0 / 12%);*/
        /* box-shadow: -4px 1px -4px rgb(0 0 0 / 20%), 0px 0px 0px 1px rgb(0 0 0 / 14%), 0px -1px 6px 0px rgb(0 0 0 / 12%); */
    }
    
    
    .accordion-button {
        padding: 2px 2px 2px 2px;
        font: 14px/34px Helvetica, sans-serif !important;
    }
    
    .accordion-collapse {
        padding: 5px 0px 0px !important;
    }
    
    div.filter-form-container {
        border-radius: 10px;
        padding: 0 10px 0 10px;
    }
    
    
    .accordion-button:not(.collapsed) {
        background-color: #fff;
        /* box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%); */
    }
    
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: inherit !important;
        line-height: 28px;
    }
    
    table.listTable tr th.sorting, table.listTable tr th.custom_sorting, table.listTable tr th.trans_sorting{
        cursor:pointer;
    }
    
    table.listTable thead .sorting::after, table.listTable thead .custom_sorting::after, table.listTable thead .trans_sorting::after {
        display: block;
        font-family: boxicons;
        position: initial;
        right: 10px;
        top: 15px;
        font-size: 14px;
        width: fit-content;
        float: right;
    }
    table.listTable thead .sorting::after,table.listTable thead .custom_sorting::after,table.listTable thead .trans_sorting::after {
        content: "\ee7e";
        opacity: 0.2;
    }
    table.listTable thead .sorting_asc::after,table.listTable thead .custom_sorting_asc::after,table.listTable thead .trans_sorting_asc::after {
        content: "\ee81";
        opacity: 1;
    }
    table.listTable thead .sorting_dsc::after,table.listTable thead .custom_sorting_dsc::after,table.listTable thead .trans_sorting_dsc::after {
        content: "\ee80";
        opacity: 1;
    }
    
    .select2-container--default .select2-selection--single {
        /* background:none !important;
        background-color:none !important; */
    }
    
    .pagination-sm .page-link .tf-icon {
        font-size: 12px !important;
    }
    textarea.form-control {
        font-size: inherit !important;
    }
    
    #srchMenudiv{
        border-radius: 5px;
        border: 1px solid var(--bs-secondary);
        height: 0px;
        width: 85%;
        margin-left: 18px;
    }
    .select2-container .select2-selection--single {
      box-sizing: border-box;
      cursor: pointer;
      display: inline-block;
      height: 31px;
      user-select: none;
      -webkit-user-select: none;
      width: 100% !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
      height: auto;
      position: absolute;
      top: 1px;
      right: 1px;
      width: 20px;
    }
    .layout-navbar.navbar-detached {
        border-radius:0px !important;
        margin: 0px !important;
        padding: 25px 10px 25px 0px !important;
        background: white !important;
    
    }
    .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl{
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .breadcrumb {
        margin-bottom: 0.5rem !important;
    }
    .nav-tabs .nav-link.active {
    /*
        background:#696cff!important;
        color:white !important;
    */
    }
    .accordion-button {
        padding: 0px !important;
        font: 12px/25px Helvetica, sans-serif !important;
    }
    
    .form-check-label{
     cursor: pointer;
    
    }
    .loaderAjax div.loader-img {
        display: inline-block;
        z-index: 8888;
        position: absolute;
        left: 50%;
        top: 50%;
        border: 6px solid #233446;
        border-radius: 50%;
        /* border-top: 10px solid var(--themeColor); */
        border-right-color: transparent;
        vertical-align: -0.125em;
        -webkit-animation: spin 0.75s linear infinite;
        animation: spin 0.75s linear infinite;
    }
    
    .loaderAjax div.loader-text {
        position: absolute;
        left: 48%;
        top: 60%;
        color: white;
    }
    
    .loaderAjax {
        position: fixed;
        /* Sit on top of the page content */
        display: none;
        /* Hidden by default */
        width: 100%;
        /* Full width (cover the whole page) */
        height: 100%;
        /* Full height (cover the whole page) */
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        /* Black background with opacity */
        z-index: 200000;
        /* Specify a stack order in case you're using a different order for other elements */
        cursor: pointer;
        /* Add a pointer on hover */
    }
    
    .form-label {
        color: #566a7f !important;
    }
    
    .select2-container .select2-selection--single .select2-selection__rendered {
        white-space: nowrap;
    }
    
    .card-body {
        font-size: small;
        flex: 1 1 auto;
        padding: 0.5rem 0.5rem;
    }
    
    .select2-selection__rendered{
      word-wrap: break-word !important;
      display: block !important;
    
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow b{
     position: relative !important;
    }
    
.form-label, .col-form-label {
    font-size: inherit !important;
    text-transform: inherit !important;
    letter-spacing: inherit !important;
    display: block;
}
.form-check, .form-check label{
    cursor: pointer !important;
}

em.errorJS {
    font-size: 11px !important;
    padding-top: 3px !important;
    font-family: inherit !important;
}
.control-container {
    min-height: 54px !important;
}
.authentication-inner .card-body {
    min-height: 430px !important;
}
.menu-vertical .app-brand {
    padding-right: 2rem;
    padding-left: 6px !important;
}
.avatar {
    position: relative;
    width: 2.015rem !important;
    height: 2.015rem !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dropdown-item {
    line-height: 1.2;
}
.dropdown-item {
    padding: 0.5rem 0.5rem;
}
.dropdown-menu {
    padding: 0.02rem 0;
}
.dropdown-divider {
    margin: 0;
}
div#name {
    background: #fdaf00;
    border-radius: 46px;
    text-align: center;
    color: white;
    padding-top: 3px;
}
.swal2-input{
    height: auto !important;
}
.small-popup{
    width: 19em !important;
}
@media screen and (min-width: 1000px) {
    #company_div {
        min-width: 350px;
    }

    #navbar-collapse {
        display: flex !important;
    }

    #notification_div_small {
        display: none;
    }

    #notification_li {
        display: block;

    }

}

@media screen and (max-width: 1000px) {
    #navbar-collapse {

        position: absolute;
        top: 40px;
        background: white;
        display: none;
        flex-direction: column;
        height: 150px;
        /* border: 1px solid red; */
        margin: 0px !important;
        width: 100%;
        left: 0;
        /* padding: 0px  !important; */
        padding-left: 10px;
        box-shadow: 0 0.5rem 0.5rem rgb(161 172 184 / 45%);


    }

    #notification_div_small {
        display: block;
    }

    .navbar-nav {

        display: block;

    }

    .layout-navbar.navbar-detached.container-xxl {
        height: auto !important;
        padding: 0px !important;
    }

    #notification_li {
        display: none;
        width: 50%;
    }

    #userdetails_li {
        float: right;
        padding-right: 10px;
        bottom: 52px;

    }

    #comp_year_div {
        min-width: auto;
    }

    #userdetails_li_item {

        left: auto;
        right: 17px !important;
    }

    #name {
        width: 100%;
        text-align: center;
        color: black;
        font-size: 36px;
        line-height: 100px;
    }

}

@media (max-width: 1200px) {

    #togglehideone {
        display: block !important;

    }
}

@media (max-width: 1200px) {

    #layout-menu {
        display: block !important;
        padding-left: 0;
        z-index: 100;

    }
}

.table-responsive::-webkit-scrollbar {
    display: block;

    height: 9px;
}

th.header.sorting_remove {
    background: #b3b2b2 !important;
}

/* th.header {
    background: #b3b2b2 !important;
}

th.header {
    background: #b3b2b2 !important;
} */

div#name {
    background: var(--bs-secondary);
    border-radius: 46px;
    text-align: center;
    color: white;
    padding-top: 3px;
}




@media screen and (max-width: 1000px) {
    #name {
        width: 100%;
        text-align: center;
        color: black;
        font-size: 10px;
        line-height: 19px;

    }
}

/* .app-brand .layout-menu-toggle {
    background-color: inherit !important;
    border: 0px solid #f4f5fb !important;
    left: 14rem !important;
} */
.authentication-wrapper.authentication-basic .authentication-inner {
    max-width: 340px !important;
}

.action-btn {
    min-width: 20px !important;
    max-width: 25px !important;
    font-size: inherit;
    border-radius: 6px;
    padding: 1px 2px 1px 2px !important;
}

.btn{
    box-shadow: 0 0.125rem 0.25rem 0 rgba(35, 52, 70, 0.4) !important;
}
.link-string{
    cursor: pointer;
    color: var(--bs-blue);
}

.headercolumn {
    max-width: 70% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    display: inline-block;
    /* flex-direction: row; */
}
.datacolumn {
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    min-width: 50px;
}
span.req-star {
    color: var(--bs-danger) !important;
}
.upload-file-name {
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
}
h2#swal2-title {
    font-size: inherit !important;
}
.swal2-html-container {
    font-size: inherit !important;
}
.swal2-icon {
    width: 3em !important;
    height: 3em !important;
    margin: 0.8em auto 0.6em !important;
    border-width:2px !important;
}
.swal2-icon .swal2-icon-content {
    font-size: 1.85em !important;
}
thead, tbody, tfoot, tr, td, th {
    /* border-style: none !important; */
}
.menu-vertical .menu-item .menu-link {
    font-size: inherit !important;
}
ul.table-ul {
    border: 1px solid #eee;
    padding: 5px;
}
ul.table-ul li {
    list-style-type: none !important;
    display: inline-block;
    padding: 4px 10px 4px 10px;
    min-width: 50%;
    max-width: 100%;
}
li.heading-li {
    font-weight: 600;
}
div.row-data-detail{
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.client-action-div .dropdown-toggle::after {
    margin-top:0 !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    transform: rotate(45deg);
}
.modal-header {
    padding: 0.2rem 1rem 0.2rem !important;
}
.modal-body {
    padding: 0.5rem 1rem !important;
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    display: block;
    position: absolute;
    top: 1.4125em !important;
    width: 1.0095em !important;
    height: 0.0995em !important;
    border-radius: 0.125em;
    background-color: #f27474;
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
    top: 1.875em !important;
    left: 0.2125em !important;
    width: 1.2325em !important;
    transform: rotate(45deg);
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
    top: 1.675em !important;
    right: 0.2em !important;
    width: 2.0095em !important;
    transform: rotate(-45deg);
}
.swal2-icon.swal2-success .swal2-success-fix {
    opacity: 0 !important;
    background: none !important;
}
.progress {
    height: 1.01rem !important;
}
.bg-success.toast, .bg-success.bs-toast {
    background-color: rgba(55, 185, 104, 1) !important;
    box-shadow: 0 0.25rem 1rem rgba(55, 185, 104, 0.5) !important;
}
.bg-success.toast .toast-header .btn-close, .bg-success.bs-toast .toast-header .btn-close {
    background-color: rgba(55, 185, 104, 1) !important;
}
.form-control {
    color:var(--bs-dark) !important
}
.swal2-container {
    z-index: 2060 !important;
}
.modal-footer {
    padding: 0.05rem 0.5rem 0.5rem !important;
}
.input_half {
    padding: 4px !important;
    text-align: center;
}
tr#total_lg TD {
    BACKGROUND: #FBFCFC;
}
div.icon-btn {
    padding: 2px 6px 2px 6px;
    margin: 0 5px 0 0;
    border: 1px solid var(--bs-primary);
    border-radius: 4px;
    min-width: max-content;
    color: var(--bs-primary);
}
div.icon-btn:hover{
	cursor:pointer;
	box-shadow:0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
}

.negative-outstanding {
    border: 1px solid var(--bs-danger);
    color: var(--bs-danger) !important;
    background: #ffe0db;
}
.col-divider{
    border-left:1px solid #d9dee3 !important
}
.menu-vertical, .menu-vertical .menu-block, .menu-vertical .menu-inner > .menu-item, .menu-vertical .menu-inner > .menu-header {
    width: 14.25rem !important;
}

.layout-menu-fixed:not(.layout-menu-collapsed) .layout-page, .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page {
    padding-left: 14.25rem;
}
.swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus {
    border: 1px solid var(--bs-primary) !important;
    outline: 0 !important;
    box-shadow: 0 0 0.25rem 0.05rem rgba(105, 108, 255, 0.1) !important;
}
.input-group-btn {
    cursor: pointer;
    padding: 1px 5px;
    background: var(--bs-primary);
    color: var(--bs-body-bg);
}
.input-group-btn span{
    width: 100%;
    text-align: center;
    cursor: pointer;
}
.docs-wrapper {
    position: absolute;
    width: 80%;
    height: calc(100% - 140px) !important;
    overflow: auto;
    /* top: 110px; */
}
.docs-wrapper-log {
    position: absolute;
    width: 80%;
    height: calc(100% - 80px) !important;
    overflow: auto;
    top: 110px;
}
.docs-wrapper .contentdiv {
    max-height: inherit !important;
    border:none !important;
}
table.command-status-data-table {
    border: 1px solid var(--bs-secondary) !important;
    border-radius: 5px !important;
    border-collapse: separate;
}
table.command-status-data-table td {
    border: 1px solid var(--bs-secondary) !important;
    background: rgba(105, 108, 255, 0.02) !important;
}
table.command-status-data-table td.heading {
    color: var(--bs-secondary) !important;
    font-weight: 500;
    background: rgba(105, 108, 255, 0.15) !important;
}
.btn-success {
    background-color: #1DA228 !important;
    border-color: #1DA228 !important;
}
.btn-success:hover {
    background-color: #24C130 !important;
    border-color: #24C130 !important;
}
.file-data {
    min-height: inherit !important;
    height: inherit !important;
    border: none;
    overflow: auto;
    white-space: pre;
}
.text-muted {
    color: #6C6E6F !important;
}

.client-country-option {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 15px;
}
.phone-input-group .select2-container--default {
    width: 50% !important;
}
.app-action-ul{
    min-width: 70px !important;
    padding: 5px !important;
    font-size: small !important;
}
.app-action-ul li {
    min-width: inherit !important;
}