.app-sidebar{
    background: linear-gradient(187.84deg, #000000 67.14%, #D75AF7 157.16%);
}
.app-blank {
    /* background: radial-gradient(circle, rgba(245, 247, 250, 1) 0%, rgba(195, 207, 226, 1) 100%) !important; */
    background: linear-gradient(187.84deg, #000000 67.14%, #D75AF7 157.16%);
}
[data-bs-theme="light"] {
    /* --bs-primary: #9A00D3;
    --bs-primary-active: #8602b6; */
    --bs-menu-link-color-hover: #9A00D3;
    --bs-text-primary: #9A00D3
}
/* .app-default, body{background-color:#F9EEFB !important;} */
[data-kt-app-header-fixed="true"] .app-header{background: #fff; box-shadow: 0px 0px 25px 0px rgba(45, 69, 95, 0.1);}
[data-kt-app-header-fixed="true"] .app-wrapper{margin-top: 60px;}
.app-header{height: 60px;}
.app-header-menu .menu > .menu-item.here > .menu-link .menu-title{color: #8602b6; }
.app-sidebar-menu .menu > .menu-item > .menu-link > .menu-title{font-size: 12px;}
[data-kt-app-layout="dark-sidebar"] .app-header-menu .menu > .menu-item.active > .menu-link, [data-kt-app-layout="dark-sidebar"] .app-header-menu .menu > .menu-item.here > .menu-link{box-shadow: none; padding: 0px;}
.text-hover-primary:hover{color: #8602b6 !important;}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link.active{
    background-color:#fff !important;
}
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link.active .menu-title{
   color: #8602b6 !important; 
}
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link.active .menu-icon, 
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link.active .menu-icon .svg-icon, 
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link.active .menu-icon i{
    color: #8602b6 !important; 
}
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-title {
    color: #fff;
    font-size: 14px;
}
.btn-primary--icon i, .btn-secondary--icon i {
  margin-right: 8px;
}
.form-check-input:checked{background-color: #9A00D3;}
.card{--bs-card-box-shadow: none; --bs-card-border-color: var(--bs-root-card-border-color); border: none; box-shadow: 0px 0px 25px 0px rgb(3 20 60 / 26%); border-radius: 10px;}

.breadcrumb {background: #fff; border: none; box-shadow: 0px 0px 25px 0px rgb(3 20 60 / 26%); border-radius: 10px; padding: 12px; border-radius: 0.625rem;}
.btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline) {border: 0; padding: 8px 20px !important; font-size: 14px; line-height: 22px;}
.form-control{padding: 7px 15px; font-size: 14px; font-weight: 500; line-height: 22px; border-radius: 5px;}
.form-check-input[type="checkbox"] {border-radius: 3px;}
.form-check.form-check-sm .form-check-input {height: 16px; width: 16px;}
label{line-height: 20px; font-size: 12px;}
.form-label{margin-bottom: 0; font-size: 12px;}
.m-t-20{margin-top: 20px;}

.table-bordered > :not(caption) > * > *{white-space: nowrap;}
.table-bordered tr th{font-size: 12px; padding: 5px 15px;}
.table-bordered tr td{color: #484848; padding: 5px 15px; font-size: 12px;}
.table-bordered tr td a{color: #009300;}
.btn-group-sm > .btn.btn-icon, .btn.btn-icon.btn-sm{height: 28px; width: 28px;}

.app-footer {
    background-color: #fff !important;
}
label.error {
    color: red; 
}

#kt_app_content_container .card .card-body .dt-buttons button {
    width: 150px;
    color: #fff;
    max-width: fit-content;
}
#kt_app_content_container .card .card-body .dt-buttons {
    justify-content: end;
    width: 100%;
}
table td.remove-white-space {
    white-space: unset !important;
}
  
@media only screen and (max-width: 1024px) {
    [data-kt-app-header-fixed="true"] .app-wrapper{margin-top: 0px;}
    .app-container{padding: 0 10px !important;}
    .m-t-20{margin-top: 5px;}
    .card .card-body{padding: 10px 15px 15px 15px;}
    .table-bordered tr td{color: #484848; padding: 3px 8px; font-size: 11px;}
    .table-bordered tr th {font-size: 11px; padding: 3px 8px;}
    .btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline) {border: 0; padding: 5px 12px !important; font-size: 12px; line-height: 18px;}
    .form-control{padding: 4px 10px; font-size: 12px; line-height: 20px;}
    #form-general-search .mb-3{margin-bottom: 8px !important;}
}

table td.remove-white-space {
    white-space: unset !important;
}
.table-bordered tr th a{
    color: #000;
}
.form-switch.form-check-custom .form-check-input {
    height: 1.50rem;
    border-radius: 50px;
}
.permissionCheckbox .table {
    border-bottom: black 1px solid;
    margin-top: 30px;
}
.permissionCheckbox .table-row-dashed td {
    font-size: 16px !important;
    border: black 1px solid;
    padding: 4px 12px !important;
}
.permissionCheckbox .table-row-dashed th:first-child {
    border-left: black 1px solid !important;
}
.permissionCheckbox .table-row-dashed th {
    padding: 10px 12px !important;
    border: black 1px solid !important;
    border-left: none !important;
    color: #9a00d3 !important;
}
.permissionCheckbox .fw-semibold {
    color: #000 !important;
}
.permissionCheckbox .table-row-dashed td:not(.koolphp-table .fw-color) {
    color: black !important;
}
.permissionCheckbox .form-check-custom.form-check-solid .form-check-input {
    background-color: #fff;
    border: #8f8f9d 1px solid;
    border-radius: 3px;
}
.permissionCheckbox .form-check-custom.form-check-solid .form-check-input:checked {
    background-color: #9a00d3;
    border: #9a00d3 1px solid;
}
.permissionCheckbox label {
    font-size: 14px;
}
.regionalEsims,
.localEsims{
    display: none;
}
.regionalEsims.show,
.localEsims.show{
    display: block;
}