.fs-24px{font-size: 24px;}
.fs-22px{font-size: 22px;}
.fs-20px{font-size: 20px;}
.fs-18px{font-size: 18px;}
.fs-16px{font-size: 16px;}
.fs-14px{font-size: 14px;}
.fs-12px{font-size: 12px;}
.fs-10px{font-size: 10px;}
.fs-9px{font-size: 9px;}
.fs-8px{font-size: 8px;}

.lh-21px{line-height: 21px;}

.pace.pace-inactive{
    display: none;
}
.app-sidebar{
    overflow: unset !important;
}

.app-sidebar__user-name {
    padding: 10px 0 !important;
    background: none !important;
    color: #fff;
    font-size: 14px;
    width: 150px;
    position: relative;
    text-overflow: ellipsis;
    text-align: left;
}
.app-sidebar__user-name.dropdown-toggle::after {
    display: block;
    position: absolute;
    right: 7px;
    top: 20px;
}

.app-sidebar__user-name:hover{
    text-decoration: underline;
}

.app-sidebar>.app-sidebar__toggle2 {
    position: absolute;
    right: -20px;
    top: 62px;
    cursor: pointer;
    font-size: 14px;
    width: 28px;
    z-index: 16;
    background: #172E48;
    border-radius: 50%;
    height: 28px;
    color: #fff;
    line-height: 28px;
    text-align: center;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
    border: 0;
}

.app-sidebar>.app-sidebar__toggle2 .far{
    transition: rotate 300ms;
}
.sidenav-toggled .app-sidebar>.app-sidebar__toggle2 .far{
    transform: rotate(180deg);
    
}

.app-sidebar>.app-sidebar__toggle2:focus,
.app-sidebar>.app-sidebar__toggle2:hover {
    color: #fff;
    background-color: #1e262e;
}

.app-sidebar>.app-sidebar__toggle2:before{
    content: unset;
}

.dropdown-item{
    cursor: pointer;
}

.app-sidebar__user.dropdown .dropdown-menu{
    padding: 5px;
    border-radius: 3px;
    width: calc(100% - 20px);
    margin: 0px;
    left: 0;
    right: 0;
}
.app-sidebar__user.dropdown .dropdown-menu .dropdown-item span{
    font-size: 12px;
}
.app-sidebar__user.dropdown .dropdown-menu .dropdown-item{
    border-radius: 3px;
    color: #172E48;
    position: relative;
}

.app-sidebar__user.dropdown .dropdown-menu .dropdown-item:active,
.app-sidebar__user.dropdown .dropdown-menu .dropdown-item:focus,
.app-sidebar__user.dropdown .dropdown-menu .dropdown-item:hover,
.app-sidebar__user.dropdown .dropdown-menu .dropdown-item.active,
.app-sidebar__user.dropdown .dropdown-menu .dropdown-item.active:active,
.app-sidebar__user.dropdown .dropdown-menu .dropdown-item.active:focus,
.app-sidebar__user.dropdown .dropdown-menu .dropdown-item.active:hover{
    background-color: rgb(245 247 250);
}

.app-sidebar__user.dropdown .dropdown-menu .dropdown-item.active::after{
    position: absolute;
    right: 5px;
    top: 10px;
    content: " ";
    display: block;
    width: 10px;
    height: 10px;
    background: #009688;
    border-radius: 50%;
}
.app-sidebar__location-name{
    width: 120px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 10px !important;
}
.app-sidebar__location-name:hover{
    text-decoration: underline;
}
.modal-dialog-scrollable .modal-body{
    max-height: calc(100vh - 184px);
}

.btn-moreinfo{
    cursor: pointer;
}
.btn-moreinfo .fad{
    transition: all 300ms;
}
.btn-moreinfo[aria-expanded="true"] .fad{
    transform: rotate(180deg);
}

.ws-nowrap{white-space: nowrap !important;}
.table.no-wrap>thead>tr>th,
.table.no-wrap>thead>tr>td{
    white-space: nowrap !important;
}
table>thead>tr>th.tr__action:first-child{
    text-align: center;
    width:100px;
}
table>tbody>tr>td.tr__action:first-child{
    text-align: center;
}
table>thead>tr>th.tr__action:last-child{
    text-align: right;
    width:100px;
}

.dataTables_paginate .pagination {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.25rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-border-radius: var(--bs-border-radius-sm);
}

table.table-bordered.dataTable thead tr:first-child th:first-child,
table.table-bordered.dataTable thead tr:first-child td:first-child {
    border-top-left-radius: 3px;
}

table.table-bordered.dataTable thead tr:first-child th:last-child,
table.table-bordered.dataTable thead tr:first-child td:last-child {
    border-top-right-radius: 3px;
}

table.table-bordered.dataTable tfoot tr:first-child th:first-child,
table.table-bordered.dataTable tfoot tr:first-child td:first-child {
    border-top-left-radius: 3px;
}

table.table-bordered.dataTable tfoot tr:first-child th:last-child,
table.table-bordered.dataTable tfoot tr:first-child td:last-child {
    border-top-right-radius: 3px;
}


.ck-editor__editable[role="textbox"] {
    /* editing area */
    min-height: 200px;
}

.ck-body-wrapper .ck-powered-by-balloon{
    display: none !important;
}

.form-attestment{
    overflow: hidden;
    display: block;    
    position: relative;   
    max-width: 100px;    
    max-width: 80px;   
    margin: 0 auto;                            
}

.form-attestment .form-file{
    visibility: hidden;
    opacity: 0;
    position: absolute;
    width: 100%;
}
.form-attestment .form-filebox {
    display: block;
    width: 100%;
    padding: 4px 10px;
    background: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: var(--bs-border-radius-sm);
    border: 1px solid #ced4da;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}


.tooltip-img img{display:block; height: 50px;}
.tooltip {
    --bs-tooltip-bg: #fff;
    --bs-tooltip-color: #000;
    border-radius: var(--bs-tooltip-border-radius);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.tooltip.show{
    opacity: 1;
}

.tooltip .tooltip-inner{
    padding: 5px;
}

.offcanvas-footer{
    padding: 0.5rem 1rem;
    display: flex;
    justify-content:space-between;
}

button.input-group-text{
    min-width: 42px;
    justify-content: center;
}

.divider-1{
	height:1px;
	display:block;
	width:30px;
	margin:0 auto;
	background:#a19f9f;
}

.sidebar-footer{
    padding-top:0;
    padding-bottom:0;
}
.footer-nav{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-around;
}
.footer-nav li{}
.footer-nav li a {
    display: block;
    width: 40px;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.footer-nav li a.active {
    background: #081423;
}

.from-radiobox>label {
    
    margin-right: 10px;
    position: relative;
    overflow: hidden;
    min-width: 100px;
    text-align: center;
    
}
.from-radiobox>label>input{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -1;
}
.from-radiobox>label>span{
    display: block;
    padding: 5px 15px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    cursor: pointer;

}
.from-radiobox>label>span:hover{
    background: #f5f5f5;
}
.from-radiobox>label>input:checked ~ span {
    color: #fff;
    background: #00635a;
    border-color: #00564e;
}


.dropbox-img{
    position: relative;
    overflow: hidden;
    display: block;
}

.dropbox-img input[type="file"]{
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.dropbox-img .dropbox-text{
    position: absolute;
    z-index: 3;
    right: 5px;
    bottom: 5px;
}

.dropbox-img[data-has_file="ture"] .fa__change,
.dropbox-img[data-has_file="false"] .fa__browse{display:block;}
.dropbox-img[data-has_file="true"] .fa__browse,
.dropbox-img[data-has_file="false"] .fa__change{display: none;}


.preview-box {
    width: 150px;
    height: 130px;
    position: relative;
    overflow: hidden;
    border: 1px dashed #ccc;
    border-radius: .375rem;
}

.dropbox-img .preview-img{
    border-radius: .375rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}


.payment_row:nth-child(odd){
    background: #f5f5f5;
}

.payment_row .form-group{
    margin-bottom: 10px;
}

.bg-product{
    background: var(--bs-secondary, #6c757d);
    color: #fff;
}
.bg-service{
    background: var(--bs-secondary, #6c757d);
    color: #fff;
}
.bg-expense{
    background: var(--bs-danger, #dc3545);
    color: #fff;
}
.bg-income{
    background: var(--bs-success, #198754);
    color: #fff;
}
.bg-account{
    background: var(--bs-info, #0dcaf0);
    color: #fff;
}

/* ItemFilter */
.item_search-btn{
    border-radius: 0;
}

.item_search-btn,
.item_new-btn{text-decoration: none;}

.item_search-btn:hover,
.item_search-btn:focus,
.item_search-btn:active,
.item_new-btn:hover,
.item_new-btn:focus,
.item_new-btn:active{
    background: rgb(243 244 246/1);
    border-color: #cccccc;
    text-decoration: none;
}


.item_search-box{
    width: 100%;
    z-index: 3;
    display: none;
    height: 100%;
    background: #fff;
}

.item_search-close{cursor: pointer;}
.item_search-close:hover{color: red}

.item_search-warp .input-group-text{
    border-bottom-left-radius: 0;
}
.item_search-warp.is-open .item_search-box{
    display: block;
}
.item_search-warp.is-open .item_search-btn{
    display: none;
}

#item_search-list{
    max-height: 188px;
    overflow-y: auto;
}
#item_search-list .list-group-item{
    cursor: pointer;
}

#item_search-list .list-group-item:hover{
    background: rgb(243 244 246/1);
}

.product_new-btn:hover,
.product_new-btn:focus{
    background: rgb(243 244 246/1);
    border-color: #cccccc;
}

#item_search-list [data-hidden="1"],
#item_search-list [data-hidden="true"]{
    display: none;
}
/* End ItemFilter */

.table-xs thead th{
    padding: .8rem .3rem;
    line-height: 20px;
}
.table-xs tbody td, .table-xs tbody th{
    padding: .3rem;
    line-height: 18px;
}

.cash_calculator-table .form-control{
    border: 0 !important;
    border-radius: 0 !important;
    min-height: 28px;
    box-shadow: none;
}


.item_amount-display{
    line-height: 23px;
    padding: .25rem .5rem;
    display: block;
}

#app_locationList .dropdown-item{
	white-space:normal;
    justify-content:start;
    display:flex;
}

.justify-center{
    justify-content: space-between;
    align-items: center;
}

.treeview-menu .treeview-item{
    font-size: 14px !important;
}

.treeview-item.active{
    font-weight: bold !important;
}

.menu-ul{display:none}
.menu-ul.in{display:block;}

[data-notify="container"]{
    z-index: 9999 !important;
}

.form-group .select2-container .select2-selection--single,
.form-group .select2-container .select2-selection--single:focus{
    height: auto;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm);
    line-height: 1.5;
}
.form-group .select2-container .select2-selection__rendered{
    line-height: 1.5;
    padding-left: 0;
}

.form-control.js__datepicker{
    background-color:#fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid #aaa;
}