@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root{
    --cl1:#28447E;
    --cl2:#e3eaf7;
    --cl3:#62C2A4;
    --cl4:#cf2e26;
}
*{font-family: "Roboto", sans-serif !important;}
.app-sidebar-menu .menu-title{text-transform: capitalize; font-size: 14.9px;}
/* BODY */
.app-default, body {background-color: #f5f8fa;}
/* BODY */
/* DATA TABLE */
.data-tbl.dataTable>thead .sorting_asc,.data-tbl.dataTable>thead .sorting_desc{vertical-align: bottom;}
.pagination {--bs-pagination-hover-color: var(--cl1);--bs-pagination-focus-color: var(--cl1);--bs-pagination-active-bg: var(--cl1);}
/* DATA TABLE */
.app-header .page-title{display: flex !important;}
@media (max-width: 991.98px){.app-sidebar-logo {display: unset;}}
.txt-break-1{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.txt-break-2{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
[data-kt-button="true"]:has(.form-check-input:checked){border-color: #009ef7;background-color: #f1faff; color: #009ef7;}
[data-kt-button="true"]:has(.form-check-input:checked) svg{color: #009ef7;}
.app-header {background-color: var(--kt-app-header-base-bg-color) !important;box-shadow: var(--kt-app-header-base-box-shadow) !important;border-bottom: var(--kt-app-header-base-border-bottom) !important;}
/* SIDEBAR MENU */
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active{background-color: var(--cl2);color: var(--cl1);}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon .svg-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon i{color: var(--cl1);}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-title{color: var(--cl1);}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-bullet .bullet{background-color: var(--cl1);}
/* SIDEBAR MENU */
.form-check-custom.form-check-solid .form-check-input{width: 24px;height: 24px;min-width: 24px;min-height: 24px;}
/* BUTTON PRIMARY */
.btn.btn-common{--bs-btn-color:#fff;--bs-btn-bg:#28447E;--bs-btn-border-color:#28447E;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#62C2A4;--bs-btn-hover-border-color:#62C2A4;--bs-btn-active-color:#fff;--bs-btn-active-bg:#62C2A4;--bs-btn-active-border-color:#62C2A4;}
.btn-common:hover .svg-icon,.btn-common:focus .svg-icon,.btn-common:active .svg-icon{color: #fff;}
.btn-light-common{--bs-btn-color:#28447E;--bs-btn-bg:#e3eaf7;--bs-btn-border-color:#e3eaf7;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#28447E;--bs-btn-hover-border-color:#28447E;--bs-btn-active-color:#fff;--bs-btn-active-bg:#28447E;--bs-btn-active-border-color:#28447E;}
.btn-light-common:hover .svg-icon,
.btn-light-common:focus .svg-icon,
.btn-light-common:active .svg-icon{color: #fff;}
/* BUTTON PRIMARY */
/* SYMBOL LABEL */
.symbol-label{overflow: hidden;}
.symbol-label img{width: 100%;height: 100%;object-fit: contain;}
/* SYMBOL LABEL */
/* LINK */
.textcl1{color: #28447E;}
.bg-light-cl1{background-color: var(--cl2);}
.textcl2{color:#62C2A4;}
.link-common{color: #28447E;}
.link-common:hover{color: #62C2A4;}
.text-hover-common:hover,.text-hover-common:focus,.text-hover-common:active,.text-hover-common:hover i,.text-hover-common:focus i,.text-hover-common:active i{color: var(--cl1) !important;}
.text-active-common.active{color: var(--cl1) !important;}
.nav-line-tabs .nav-item .text-active-common.nav-link.active,
.nav-line-tabs .nav-item .text-active-common.nav-link:hover:not(.disabled),
.nav-line-tabs .nav-item.show .text-active-common.nav-link{border-color: var(--cl1) !important;}
/* LINK */
/* MENU LINK */
.menu-state-color .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here), .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here){color: var(--cl1);}
.menu-state-bg .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here), .menu-state-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here){background-color: var(--cl2);}
.menu-state-bg .menu-item .menu-link.active{color: var(--cl1);background-color: var(--cl2);}
/* MENU LINK */
@media (max-width: 991.98px) {.app-sidebar-logo {display: unset;}#kt_app_sidebar_toggle {display: none !important;}}
/* TABLE VERTICAL */
.table.tbl-v tr{border-width: 1px;border-color: #EBEBEB;}
.table.tbl-v tbody tr:last-child, .table.tbl-v tfoot tr:last-child,.table.tbl-v tbody tr:last-child td, .table.tbl-v tbody tr:last-child th, .table.tbl-v tfoot tr:last-child td, .table.tbl-v tfoot tr:last-child th{border-bottom: 1px solid #EBEBEB !important;}
.table.tbl-v td:last-child, .table.tbl-v th:last-child, .table.tbl-v tr:last-child{padding-right: 12px;}
.table.tbl-v td:first-child, .table.tbl-v th:first-child, .table.tbl-v tr:first-child{padding-left: 12px;}
.tbl-v th{padding: 10px;color: #000;font-size: 13px;font-weight: 500;line-height: normal;width: 230px;}
.reviewtblv.tbl-v th{width: 130px;}
.table.tbl-v tr td{word-break: break-all;}
@media screen and (max-width: 575px) {.table.tbl-v.tbl-sm-inline tr:first-child{padding-left: 0;}.table.tbl-v.tbl-sm-inline tr:last-child{padding-right: 0;}.tbl-sm-inline tbody {display: flex;flex-direction: column;gap: 8px;}.tbl-sm-inline tr {display: flex;flex-direction: column;}.tbl-sm-inline th {width: 100%;min-width: 100%;padding-bottom: 10px;}.tbl-sm-inline td {padding-top: 10px;min-width: 100%;}}
/* TABLE VERTICAL */
.w-200px{
    width: 200px;
}