html, body { font-family: 'Poppins', sans-serif }
.fs-cal { font-family: Calibri !important }
.fs-gog { font-family: Calibri !important }
.fs-04 { font-size: .45rem !important }
.fs-08 { font-size: .5rem !important }
.fs-10 { font-size: .625rem !important }
.fs-12 { font-size: .75rem !important }
.fs-14 { font-size: .875rem !important }
.fs-16 { font-size: 1rem !important }
.fs-18 { font-size: 1.125rem !important }
.fs-20 { font-size: 1.25rem !important }
.fs-22 { font-size: 1.375rem !important }
.fs-24 { font-size: 1.5rem !important }
.fs-26 { font-size: 1.625rem !important }
.fs-28 { font-size: 1.75rem !important }
.fs-30 { font-size: 1.875rem !important }
.fs-32 { font-size: 2rem !important }
.fs-34 { font-size: 2.125rem !important }
.fw-200 { font-weight: 200 !important }
.fw-300 { font-weight: 300 !important }
.fw-400 { font-weight: 400 !important }
.fw-500 { font-weight: 500 !important }
.fw-600 { font-weight: 600 !important }
.fw-700 { font-weight: 700 !important }
.fw-800 { font-weight: 800 !important }
.fw-900 { font-weight: 900 !important }
.theme-1 { background-color: #FEE2C5 !important }
.theme-2 { background-color: #C4DDFF !important }
.theme-3 { background-color: #7FB5FF !important }
.theme-4 { background-color: #001D6E !important }
.text-1 { color: #FEE2C5 !important }
.text-2 { color: #C4DDFF !important }
.text-3 { color: #7FB5FF !important }
.text-4 { color: #001D6E !important }
.bord-1 { border: 1px solid #FEE2C5 !important }
.bord-2 { border: 1px solid #C4DDFF !important }
.bord-3 { border: 1px solid #7FB5FF !important }
.bord-4 { border: 1px solid #001D6E !important }
.bord-pri { border: 1px solid #0D6EFD !important }
.bord-sec { border: 1px solid #6C757D !important }
.bord-suc { border: 1px solid #198754 !important }
.bord-war { border: 1px solid #FFC107 !important }
.bord-dan { border: 1px solid #DC3545 !important }
.bord-inf { border: 1px solid #0DCAF0 !important }
.pbar-1 { background-color: #FFBC34 !important }
.pbar-2 { background-color: #55CE63 !important }
.pbar-3 { background-color: #009EFB !important }
.pbar-4 { background-color: #7460EE !important }
.pbar-5 { background-color: #F62D51 !important }
.ptxt-1 { color: #FFBC34 !important }
.ptxt-2 { color: #55CE63 !important }
.ptxt-3 { color: #009EFB !important }
.ptxt-4 { color: #7460EE !important }
.ptxt-5 { color: #F62D51 !important }
.lh-10 { line-height: 10% !important }
.lh-20 { line-height: 20% !important }
.lh-30 { line-height: 30% !important }
.lh-40 { line-height: 40% !important }
.lh-50 { line-height: 50% !important }
.lh-60 { line-height: 60% !important }
.lh-70 { line-height: 70% !important }
.lh-80 { line-height: 80% !important }
.lh-90 { line-height: 90% !important }
.lh-100 { line-height: 100% !important }
.lh-110 { line-height: 110% !important }
.lh-120 { line-height: 120% !important }
.lh-15 { line-height: 10% !important }
.lh-25 { line-height: 20% !important }
.lh-35 { line-height: 30% !important }
.lh-45 { line-height: 40% !important }
.lh-55 { line-height: 50% !important }
.lh-65 { line-height: 60% !important }
.lh-75 { line-height: 70% !important }
.lh-85 { line-height: 80% !important }
.lh-95 { line-height: 90% !important }
.lh-105 { line-height: 100% !important }
.lh-115 { line-height: 110% !important }
.lh-125 { line-height: 120% !important }
::-webkit-scrollbar { width: 5px !important; height: 5px !important }
::-webkit-scrollbar-track { background: #FBF9F6 !important }
::-webkit-scrollbar-thumb { background-color: #374151 !important; border-radius: 20px !important }
.bg-75 { background-color: #3abe4d }
.reqd { position: relative; width: fit-content !important }
.reqd:after { content: "*"; position: absolute; display: inline; color: #ff0000; left: 100%; padding-left: 3px }
.select2-container--default .select2-selection--single { display: block; width: 100%; min-height: 33.19px !important }
.select2-container--default { display: block }
.select2-container--default.select2-container--focus .select2-selection--single { color: var(--bs-body-color); background-color: var(--bs-form-control-bg); border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%) }
.select2-container--default .select2-selection--single { border: 1px solid #dfdfdf }
.select2-container--default .select2-selection--single .select2-selection__choice { background-color: #0D6EFD; border: none !important; color: white }
.select2-container--default .select2-selection--single .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--single .select2-selection__choice__remove:focus { background-color: #BA2D3B !important }
.select2-container--default .select2-selection--single .select2-selection__choice__remove { background-color: #DC3545 !important; color: white !important; padding: 0 6px !important; font-size: .8rem !important }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 30px !important; font-size: .8rem !important }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 30px !important }
.select2-container--default .select2-selection--single .select2-selection__choice__display { padding: 0 10px !important }
.select2-container--default .select2-results__option--selected { background-color: #0d6efd57 !important }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { color: black }
.select2-results__option.select2-results__option--selectable.select2-results__option--selected.select2-results__option--highlighted { background-color: #5897fb !important }
.select2-container--open .select2-search__field { border: 2px #4285F4 solid !important; border-radius: 5px; }
.select2-container--open .select2-search__field:focus-visible { outline: white !important }
.select2-container--default .select2-results>.select2-results__options { font-size: .7rem!important; }
#append_unit .frmerrplace .error { display: none !important }
#append_unit .frmerrplace .error:last-child { display: block !important; position: absolute; bottom: -23px }
#append_unit_land .frmerrplace .error { display: none !important }
#append_unit_land .frmerrplace .error:last-child { display: block !important; position: absolute; bottom: -23px }
#append_unit_land_building .frmerrplace .error { display: none !important }
#append_unit_land_building .frmerrplace .error:last-child { display: block !important; position: absolute; bottom: -23px }
.logo { width: 2.5rem }
.theme-main { background-color: #0f766e !important; color: #fff !important }
.theme-txt { color: #0f766e !important }
.login-back-main { min-height: 100vh !important; width: 60% }
.btn-cus { font-size: .875rem !important; background-color: #115e59; color: #fff; outline: none !important; border: none !important; padding: .5rem 1.5rem }
.btn-cus:hover, .btn-cus:active { background-color: #134e4a!important; color: #fff!important; }
.form-label { margin-bottom: 0 !important; display: block }
p { margin: 0 }
.btn-extra { font-size: .875rem !important; background-color: #fff; color: #2C5183; outline: none !important; border: none !important; padding: .5rem 1.5rem }
.btn-extra:hover { background-color: #f1f1f1; color: #2C5183 }
.disabled-class { pointer-events: none !important; background-color: #E9ECEF }
.c_table_tr td { padding: 2px 4px !important }
#photoModal { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, .8); z-index: 99999; display: flex; flex-direction: column }
#photoModalContent { display: flex; background-color: #fff; border-radius: 10px; margin: 0 auto; overflow: hidden; position: relative }
#photoModalClose { position: relative; top: 0; right: 0; background-color: #fff; font-size: .75rem; padding: 1rem; border-radius: 50%; width: 50px; height: 50px; margin: 0 auto; margin-top: 10px }
#photoModalFrame { width: auto; height: auto }
#photoModalFrame img { display: block; height: 48rem; object-fit: contain !important; object-position: center }
.close-modal { display: none !important }
.select2-selection .select2-selection--single:disabled { pointer-events: none !important; background-color: #E9ECEF !important }
.dropdown-item:active { background-color: #0f766e !important; color: #fff }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 }
input[type=number] { -moz-appearance: textfield }
label.form-label { font-size: .7rem !important; color: #4E4E4E }
input,
select,
textarea { font-size: .7rem !important; font-weight: 500 !important }
label.error { display: none !important }
.error { border: 1px solid #FF0000 !important; border-radius: 0.375rem !important }
.error:focus { border: 1px solid #FF0000 !important; border-radius: 0.375rem !important; box-shadow: inset 0 1px 1px rgba(255, 0, 0, .175), 0 0 8px rgba(255, 0, 0, .175) !important }
.pageloader { display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url("../img/loader.gif") 50% 50% no-repeat rgb(249, 249, 249); opacity: .8 }
.datatable { width: 100% !important; font-size: .75rem !important }
.dataTables_wrapper .dataTables_paginate { font-size: .75rem; border: 1px solid #ccc !important; margin: .8rem 0; padding: 0 !important; border-radius: 5px; overflow: hidden;float: right; }
.dataTables_wrapper .dataTables_paginate .paginate_button:focus { outline: none !important; box-shadow: none !important }
.dataTables_wrapper .dataTables_paginate .paginate_button:active { background: inherit !important; box-shadow: none !important }
.dataTables_wrapper .dataTables_paginate .paginate_button { padding: .3rem .8rem !important; color: #171717 !important; border: none !important; border-radius: 0 !important; margin: 0 !important; font-weight: 600 !important; background-color: #E4E1E1 !important }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: #d1d1d1 !important; color: #171717 !important }
.dataTables_wrapper .dataTables_paginate .paginate_button.current { background: #0e7490 !important; color: #fff !important }
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #fff !important }
.dataTables_wrapper .dataTables_scroll { margin-top: 5px }
.dataTables_wrapper table { vertical-align: middle;border: 1px solid #b5b5b5!important;border-radius: .5rem;overflow: hidden; }
.dataTables_wrapper table tfoot tr th { color: #4A4A4A !important; }
.dataTables_wrapper table thead tr { background-color: #E4E1E1!important; }
/*.dataTables_wrapper table thead tr th { border:none!important }*/
.dataTables_wrapper table tbody tr:not(:last-child) td { border-bottom: 1px solid #b5b5b5!important; }
table.dataTable.cell-border>tbody>tr>th, table.dataTable.cell-border>tbody>tr>td { border: none!important;border-bottom: 1px solid #b5b5b5!important;  }
table.dataTable.cell-border>tbody>tr>th, table.dataTable.cell-border>tbody>tr>td:not(:last-child) { border: none!important;border-right: 1px solid #b5b5b5!important;border-bottom: 1px solid #b5b5b5!important;  }
table.dataTable.cell-border>tbody>tr>th, table.dataTable.cell-border>tbody>tr:last-child>td { border-bottom: none!important;  }
table.dataTable.cell-border>tbody>tr>th, table.dataTable.cell-border>tbody>tr:not(:last-child) { border: none!important;  }
table.dataTable.cell-border tbody tr td[rowspan] { border: none!important;border-top: 1px solid #b5b5b5!important;border-right: 1px solid #b5b5b5!important;  }
table.dataTable.cell-border tbody tr:first-child td[rowspan] { border: none!important;border-right: 1px solid #b5b5b5!important;  }
.dataTables_wrapper .dataTables_scrollFootInner { padding-right: 0 !important }
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled { cursor: not-allowed !important; color: #838383 !important; background-color: #E4E1E1 !important }
.dataTables_wrapper .dataTables_scrollHeadInner,
.dataTables_wrapper .dataTables_scrollFootInner { width: 100% !important }
.dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: none !important }
.dt-buttons { display: flex !important; height: fit-content !important; padding: 0 .2rem !important; float: unset !important; justify-content: end;margin: .8rem 0;bottom: -10px;position: relative !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover { background: inherit !important; color: #838383 !important; background-color: #E4E1E1 !important }
.dataTables_wrapper .dataTables_filter { float: left !important; margin: .8rem 0;width: 30% }
.dataTables_wrapper .dataTables_filter label { width: 100%; }
.dataTables_wrapper .dataTables_filter input { margin: 0 !important;width: 100%; }
.dataTables_wrapper .dataTables_filter input:focus { outline: none !important; border-color: #0D6EFD !important }
.dt-buttons>.dt-button { margin: 0 !important; padding: .3rem .5rem !important; border: none !important; background: #E4E1E1 !important }
.dt-buttons>.dt-button:focus { outline: none !important; box-shadow: none !important }
.dt-buttons>.dt-button:hover { background: #0e7490 !important; color: #fff !important }
.dt-button-down-arrow { display: none !important }
.dt-button-background { display: none !important }
.dt-button-collection { margin: 0 !important; font-size: .75rem; border: none !important; right: .5rem !important; left: unset !important }
.dataTables_wrapper .dataTables_info { font-size: .75rem !important;width: fit-content;float: left; }

/*.btn-cus { font-size: .875rem !important; background-color: #115e59; color: #fff; outline: none !important; border: none !important; padding: .5rem 1.5rem }
.btn-cus:hover { background-color: #134e4a; color: #fff }*/

.cus-pill { background-color: #134e4a!important;padding: .3rem;border-radius: .375rem;width: fit-content;margin: 0 auto; }
.cus-pill li button{ color: #fff!important;font-size: .875rem!important; }
.cus-pill li button.active{ background-color: #115e59!important; }
.title { font-size: .875rem;clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);width: fit-content;background-color: #0F766E!important;padding: .375rem 1.3rem;color: #fff; }
.icn-asset { background-color: #9dbfbd; }
.bdg-cus { background-color: #115e59;color: #fff; font-size: .5rem; padding: .25rem .375rem;border-radius: .75rem; }
@media screen and (max-width:640px) {
    #cm_logo { display: none !important }
    .setPCon { position: static; }
    .dataTables_wrapper .dataTables_filter { width: 50% }
}
@media screen and (min-width:641px) {
    #cm_logo { max-width: 20rem }
    .setPCon { position: static; }
}
@media screen and (max-width:768px) {
    #cm_logo { max-width: 39rem }
    .setPCon { position: static; }
}
@media screen and (max-width:1024px) {
    #cm_logo { max-width: 19rem }
    .setPCon { position: static; }
}
@media screen and (min-width:1280px) {
    #cm_logo { max-width: 32rem }
    .setPCon { position: absolute; left: -100%; top: 50%; transform: translate(0, -40%); }
}