/* Full Customize Style */

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 6px;
    height: 7px;
}

::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.97);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 1x;
    border-radius: 8px;
    background: #5ec287;
    -moz-border-radius: 1x;
    -ms-border-radius: 1x;
    -o-border-radius: 1x;
}

/* Scrollbar Styling */

.wrapper-auth-full {
    min-height: 100vh !important;
    min-width: 100vw !important;
    background: #ffffff;
}

.w-25 {
    width: 25% !important;
}

.w-40 {
    width: 40% !important;
}

.w-46 {
    width: 46% !important;
}

.w-50 {
    width: 50% !important;
}

.w-54 {
    width: 54% !important;
}

.w-60 {
    width: 60% !important;
}

.w-75 {
    width: 75% !important;
}

.h-100v {
    height: 100vh !important;
}

.bg-main-auth {
    background: url("../assets/images/bg-auth.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 999px) {
    .login-left.w-54 {
        width: 0% !important;
        display: none;
    }

    .login-right.w-46 {
        width: 100% !important;
    }
}

.form-control {
    border-radius: 8px;
    padding: 0.75rem !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.px-3c {
    padding-right: 2.5rem;
    padding-left: 3.1rem;
}

.btn-primary {
    color: #ffffff;
    background-color: #5ec287 !important;
    border-color: #5ec287 !important;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
    color: #ffffff;
    background-color: #53b07a !important;
    border-color: #53b07a !important;
    box-shadow: none !important;
}

.btn-error {
    color: #ffffff;
    background-color: #db413f !important;
    border-color: #db413f !important;
}

.btn.btn-error:hover,
.btn.btn-error:focus {
    color: #ffffff;
    background-color: #be3331 !important;
    border-color: #be3331 !important;
    box-shadow: none !important;
}

.btn-error-outline {
    background: #ffffff !important;
    border-color: #be3331 !important;
    color: #be3331 !important;
}

.btn-error-outline:hover,
.btn-error-outline:focus {
    background: #ffeeee !important;
    border-color: #be3331 !important;
    color: #be3331 !important;
}

a.fog-pswd {
    color: #637a88 !important;
}

a.fog-pswd:hover,
a.fog-pswd:focus,
a.fog-pswd:active {
    color: #42535d !important;
}

.py-12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.logo-mini {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

@media (max-width: 998px) {
    .logo-mini {
        display: block !important;
    }

    .form-mini {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
}

.input-group:not(.has-validation)
    > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
    border-right-color: #ffffff;
}

.input-group
    > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
        .valid-feedback
    ):not(.invalid-tooltip):not(.invalid-feedback) {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}

.form-group label {
    font-weight: 400 !important;
}

.main-header .logo {
    padding: 0 !important;
}

.sidebar-mini.sidebar-collapse .icon-Align-left {
    padding-left: 0.4rem !important;
}

.sidebar-mini .icon-Align-left {
    padding-left: 1.21rem;
}

.main-header .logo .logo-lg {
    padding-left: 2px;
}

.navbar-custom-menu.r-side.pull-right {
    justify-content: flex-end !important;
}

.navbar-custom-menu .navbar-nav > li:last-child > a {
    width: 100%;
    height: 100%;
    margin: 8px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-color: transparent;
    box-shadow: none;
}

.avatar.avatar-lg {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.navbar-custom-menu .navbar-nav > li {
    height: 54px;
}

.light-skin .main-header .navbar .nav > li > a:hover,
.light-skin .main-header .navbar .nav > li > a:active,
.light-skin .main-header .navbar .nav > li > a:focus {
    color: #434343;
}

.theme-primary a:hover,
.theme-primary a:active,
.theme-primary a:focus {
    color: #5ec287;
}

.sidebar-menu > li > a > svg {
    margin-left: 0.45rem;
    margin-right: 0.45rem;
}

@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .sidebar-menu > li > a svg {
        margin-left: 4px;
    }
}

.theme-primary.light-skin .sidebar-menu > li:hover,
.theme-primary.light-skin .sidebar-menu > li:active,
.theme-primary.light-skin .sidebar-menu > li.active,
.theme-primary.light-skin .sidebar-menu > li.active a {
    color: #5ec287;
}

.theme-primary.light-skin .sidebar-menu > li:hover a,
.theme-primary.light-skin .sidebar-menu > li:active a {
    color: #5ec287;
}

.theme-primary.light-skin .sidebar-menu > li:hover a svg path,
.theme-primary.light-skin .sidebar-menu > li:active svg path {
    fill: #5ec287;
}

.theme-primary.light-skin .sidebar-menu > li.active.treeview > a,
li.active a svg path {
    background-color: #5ec287;
    border-radius: 8px;
    color: #ffffff !important;
    fill: #ffffff !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

ul.sidebar-menu.tree {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.bg-gradient-primary,
.theme-primary .bg-gradient-primary,
.theme-primary .art-bg {
    background: linear-gradient(135.75deg, #5ec287 14.55%, #28c39c 90.57%);
}

.text-grey {
    color: #637a88 !important;
}

.small-text {
    font-size: 12px !important;
}

.text-medium {
    font-size: 1rem !important;
}

.text-red {
    color: #ff6857 !important;
}

.max-w-90 {
    max-width: 95% !important;
}

@media (min-width: 576px) {
    .max-w-90-md {
        max-width: 95% !important;
    }
}

.brd > th:nth-child(1) {
    /*background:#ccc;
    */
    border-radius: 12px 0px 0px 0px;
}

.brd > th:nth-last-child(1) {
    /*background:#ccc;
    */
    border-radius: 0px 12px 0px 0px;
}

.bg-gradient-primary,
.theme-primary .bg-gradient-primary,
.theme-primary .art-bg {
    background: url("../assets/images/bg-dash-greet.svg") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.h-56 {
    height: 56px !important;
}

.w-56 {
    width: 56px !important;
}

.l-h-56 {
    line-height: 4.2rem !important;
}

.card-dash-oa {
    background-color: #e1fbe2;
    border: 3px solid #5ec287;
    color: #5ec287;
}

.card-dash-da {
    background-color: #fdf7d3;
    border: 3px solid #f9c126;
    color: #f9c126;
}

.card-dash-ea {
    background-color: #fbe1e6;
    border: 3px solid #c25e99;
    color: #c25e99;
}

.text-primary-green {
    color: #5ec287 !important;
}

.text-primary-orange {
    color: #f9c126 !important;
}

.text-primary-red {
    color: #c25e99 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.box-card-dash {
    background: url("../assets/images/bg-btn-dash.svg") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: 1px solid #f3f5f6;
    border-radius: 12px;
}

.box-card-white {
    background-color: #ffffff;
    border: 1px solid #f3f5f6;
    padding: 22px;
    border-radius: 12px;
}

.box-card-transparent {
    background-color: transparent !important;
    box-shadow: none !important;
    border: 1px solid #f3f5f6 !important;
}

.box-card-transparent:hover {
    background-color: #f5fff5 !important;
    border: 2px solid #5ec287 !important;
}

.box-card-transparent .hover-primary:hover {
    color: #5ec287 !important;
}

.theme-primary.light-skin .sidebar-menu > li.active {
    border-left: 5px solid transparent;
}

@media (max-width: 768px) {
    .navbar {
        justify-content: center !important;
    }

    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
        left: 0 !important;
        right: 0 !important;
    }

    .main-header .navbar-nav > li.dropdown > .dropdown-menu {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.box.box-card-dash:hover {
    border: 1.5px solid #5ec287;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li.active.menu-open {
    background-color: #5ec287 !important;
}

.badge {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.badge.badge-success {
    background: #e1fbe2;
    color: #5ec287;
    border: 2px solid #5ec287;
}

.badge.badge-info {
    background: #cff0ff;
    color: #0a6cdb;
    border: 2px solid #0a6cdb;
}

.badge.badge-warning {
    background: #fdf7d3;
    color: #d59f1b;
    border: 2px solid #d59f1b;
}

.badge.badge-danger {
    background: #feebdd;
    color: #db413f;
    border: 2px solid #db413f;
}

.theme-primary .progress-bar-success {
    background: #5ec287;
}

.progress-bar {
    margin-left: 6px;
}

.light-skin .main-header .navbar .nav > li > a:hover,
.light-skin .main-header .navbar .nav > li > a:active,
.light-skin .main-header .navbar .nav > li > a:focus {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.thead-rounded {
    background-color: #e1fbe2;
    border-radius: 0px 12px 0px 12px;
}

a {
    color: #637a88;
}

.content-wrapper {
    background: url("../assets/images/bg-dashboard.webp");
    background-size: cover;
    background-position: center;
}

.main-header .navbar-nav > li.dropdown > .dropdown-menu {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    margin-top: 1rem;
}

.page-title {
    font-weight: 400 !important;
    font-size: 32px !important;
    color: #637a88 !important;
    line-height: 24px;
}

/* Nav Tabs */
.nav-tabs-custom > .nav-tabs > li > a.active {
    background-color: #5ec287 !important;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    color: #ffffff !important;
}

.theme-primary .nav-tabs-custom > .nav-tabs > li a.active {
    border-top: none;
}

.nav-tabs-custom > .nav-tabs {
    margin: 20px 0px 0px 20px;
    display: flex;
    gap: 8px;
}

.nav-tabs-custom > .nav-tabs > li:first-of-type > a.active:hover {
    background-color: #53b07a;
    color: #ffffff;
}

.nav-tabs-custom > .nav-tabs > li > a {
    background-color: transparent;
    border-radius: 8px;
    border: 1px solid #d6dde1;
    color: #9bacb6;
}

.nav-tabs-custom > .nav-tabs > li > a:hover,
.nav-tabs-custom > .nav-tabs > li > a:focus,
.nav-tabs-custom > .nav-tabs > li > a:active {
    background-color: rgba(247, 254, 250, 0.7);
    border-radius: 8px;
    border: 1px solid #5ec287;
    color: #5ec287;
}

.nav-tabs-custom {
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border: 0px solid #f3f5f6;
}

.nav-tabs-custom > .nav-tabs {
    border-bottom: none;
}

.subpage-title {
    font-weight: 400 !important;
    font-size: 24px !important;
    color: #637a88 !important;
    line-height: 32px;
}

.theme-primary .form-control:focus {
    border-color: #5ec287;
}

.btn-secondary {
    background-color: #ffffff;
    color: #5ec287;
    border: 1px solid #5ec287 !important;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
    background-color: rgba(247, 254, 250, 0.7) !important;
    border: 1px solid #5ec287 !important;
    color: #5ec287 !important;
    box-shadow: none !important;
}

.btn {
    font-size: 1rem;
}

.login-right .btn {
    font-size: 1.4rem;
}

.btn-medium {
    padding: 0.6rem 4rem;
}

.nav-tabs-custom > .nav-tabs > li > a.active:hover {
    background-color: #5ec287;
    color: #ffffff;
}

.modal-content {
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.modal-footer.modal-footer-cstm {
    border-top: none;
}

.main-footer {
    background-color: transparent;
}

.rounded-20 {
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    -o-border-radius: 20px !important;
}

.box.box-card-dash.rounded-20:hover .box-body {
    background-color: #f5fff5 !important;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.table.dataTable {
    margin-top: 12px !important;
    color: #637a88 !important;
}

thead tr:first-child td:first-child {
    border-top-left-radius: 12px !important;
}

thead tr:first-child td:last-child {
    border-top-right-radius: 12px !important;
}

thead tr:first-child th:first-child {
    border-top-left-radius: 12px !important;
}

thead tr:first-child th:last-child {
    border-top-right-radius: 12px !important;
}

table tr {
    cursor: pointer;
}

.table-striped tbody tr:hover td {
    background: #f9fafb;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #ffffff !important;
    color: #637a88;
}

.table-striped > tbody > tr {
    background-color: #f9fafb;
}

.table > :not(caption) > * > * {
    box-shadow: none !important;
}

.btn-tbdrpdwn > .dropdown-toggle:after {
    content: none !important;
}

.theme-primary .paging_simple_numbers .pagination .paginate_button.active a {
    background-color: transparent;
    color: #5ec287;
    border-bottom: 2px solid #5ec287 !important;
}

.theme-primary .paging_simple_numbers .pagination .paginate_button:hover a {
    background-color: transparent !important;
    color: #5ec287 !important;
}

.btn-grey.dropdown-toggle {
    background-color: #637a88 !important;
    color: #ffffff !important;
}

.btn-grey.dropdown-toggle:hover,
.btn-grey.dropdown-toggle.active {
    background-color: #5ec287 !important;
    color: #ffffff !important;
}

.btn-sm.btn-grey.dropdown-toggle {
    padding: 0.15rem 0.45rem !important;
}

.bg-transparent {
    background: transparent !important;
    background-color: transparent !important;
}

.dataTables_wrapper .row:nth-child(even) {
    width: 100%;
}

.btn-outline-grey {
    border: 1px solid #9bacb6 !important;
}

.modal-header {
    border-bottom-color: #ffffff;
}

.modal-title {
    font-size: 1.5rem;
    font-weight: 500;
}

.text-right {
    text-align: right !important;
}

.border-bottom-primary {
    border-bottom: 3px solid #5ec287;
}

.border-top-primary {
    border-top: 3px solid #5ec287;
}

.border-radius-card {
    border: 1px solid #637a88;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.fx-element-overlay .fx-card-item .fx-overlay-1 {
    /* width: 85% !important; */
}

.box-card-feature {
    background: url("../assets/images/bg-card-tandur.svg");
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: 1px solid #f3f5f6;
    border-radius: 12px;
}

.box.box-card-feature.rounded-20:hover {
    /* background-color: #F5FFF5 !important; */
    background: url("../assets/images/bg-card-tandur-hover.svg") !important;
    border: 1.5px solid #5ec287 !important;
    background-size: cover !important;
    background-position: center !important;
    /* background-repeat: no-repeat !important; */
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    color: inherit;
}

.box.box-card-feature.active {
    background: url("../assets/images/bg-card-tandur-hover.svg") !important;
    border: 2px solid #5ec287 !important;
    background-size: cover !important;
    background-position: center !important;
    /* background-repeat: no-repeat !important; */
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    color: inherit;
}

.obj-vertical {
    display: flex;
    align-items: center;
}

.mb-3 {
    margin-bottom: 3px !important;
}

.box-white-secondary {
    border-radius: 12px;
    border: 1px solid var(--black-25, #e2e7e9);
    background: var(--white, #fff);
    padding: 20px;
}

.scroll-box {
    max-height: 300px;
    overflow-y: auto;
}

.form-control.form-select {
    background-color: var(--white, #fff);
}

.btn-disabled,
.btn-disabled:hover {
    /* border-radius: 8px; */
    background: var(--black-30, #d6dde1) !important;
    color: #ffffff !important;
    cursor: no-drop;
    box-shadow: none !important;
}

.w-p48 {
    width: 49% !important;
}

.nav.nav-tabs .tabs-secondary.w-p100.active {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 3px solid #5ec287 !important;
    border-radius: 0 !important;
    color: #5ec287 !important;
    text-align: center !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.nav.nav-tabs .tabs-secondary.w-p100 {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: #9bacb6 !important;
    text-align: center !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.theme-primary [type="radio"].with-gap.radio-col-success:checked + label:after {
    background-color: #5ec287 !important;
    color: #5ec287 !important;
}

.wrapper-btn-center {
    display: flex;
    justify-content: center;
    gap: 12px;
}

.bg-wrapper-btn {
    /* background: var(--black-10, #F9FAFB); */
}

.border-select {
    border: 1px solid #42535d;
    border-radius: 8px;
}

.spacing-box {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* progress step */
.h-100 {
    height: 100% !important;
}

.w-100 {
    width: 100% !important;
}

/*label {
  display: inline-block;
  margin-bottom: .5rem;
}*/
.m-b-0 {
    margin-bottom: 0;
}

.m-b-4 {
    margin-bottom: 4px;
}

.pbt-4 {
    padding-top: 4px;
    padding-bottom: 4px;
}

.mt-20 {
    margin-top: 20px;
}

.padding-24 {
    padding: 24px !important;
}

.p-t-16 {
    padding-top: 16px;
}

.justify-content-end {
    justify-content: space-between !important;
}

.justify-content-ends {
    justify-content: end !important;
}

.d-flex {
    display: flex !important;
}

.hijautua {
    color: #4d5f6a;
}

.boxtest {
    border: 1px solid #dbdbdb;
    border-radius: 12px;
    padding: 15px;
    min-height: 100px;
    height: auto;
    cursor: pointer;
    position: relative;
}

.boxtest.choosen {
    background: #e8f8f2;
    border: 2px solid #5ec287;
    box-shadow: 0px 4px 8px rgba(232, 248, 242, 0.04),
        0px 0px 2px rgba(232, 248, 242, 0.06),
        0px 0px 1px rgba(232, 248, 242, 0.04);
}

.boxtest .pimg {
    padding-right: 20px;
}

.boxtest .cbx {
}

.boxtest .konten {
    max-width: 350px;
}

.boxtest .cvertikal {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.boxtest .boxtest-header {
    font-weight: 500;
    font-size: 18px;
    color: #4d5f6a;
    letter-spacing: 0.0015em;
}

.boxtest .boxtest-body {
    font-weight: 400;
    font-size: 14px;
    color: #9bacb6;
}

.boxtest td {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.0025em;
    color: #9bacb6;
}

.boxtest2 {
    border: 1px solid #dbdbdb;
    border-radius: 12px;
    padding: 15px;
    min-height: 80px;
    height: auto;
    cursor: pointer;
    position: relative;
}

.boxtest2 .boxtest-header {
    font-weight: 500;
    font-size: 18px;
    color: #4d5f6a;
    letter-spacing: 0.0015em;
}

.boxtest2 td {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.0025em;
    color: #9bacb6;
}

.addio {
    font-weight: 400;
    font-size: 18px !important;
}

.alcenter {
    text-align: center;
}

.progress-steps {
    display: flex;
    list-style-type: none;
    padding-left: 0;
    position: relative;
    margin-top: 50px;
    width: 100%;
}

.progress-steps .step {
    float: left;
    margin: 0 20px;
    position: relative;
    width: 100%;
    text-align: center;
    color: #bbb9b9;
}

.progress-steps .step:before {
    content: "";
    width: calc(100% + 10px);
    border-bottom: 3px solid #dbdbdb;
    height: 10px;
    position: absolute;
    left: calc(50% + 15px);
    top: -29px;
}

.progress-steps .step.active:before {
    /* color: black; */
    border-bottom: 3px solid #5ec287;

    /* background-color: black; */
}

.progress-steps .step:after {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    top: -35px;
    border-radius: 30px;
    background: 0 0;
    border: 3px solid #dbdbdb;
}

.progress-steps .step.done {
    color: #5ec287;
}

.progress-steps .step.done:before {
    border-bottom: 3px solid #5ec287;
}

.progress-steps .step.done:after {
    content: "\2713";
    /* font-family:Font Awesome\ 5 Free; */
    font-weight: 600;
    color: #fff;
    padding: 6px 0 0;
    font-size: 16px;

    background: #5ec287;
    border: 1px solid #5ec287;
    line-height: 18px;
}

.progress-steps .step.active {
    color: #5ec287;
}

.progress-steps .step.active:after {
    border: 1px solid #5ec287;
    background: #fff;
    box-shadow: 0 7px 18px -3px hsla(0, 0%, 54.9%, 0.5);
}

.progress-steps .step:last-child:before {
    display: none;
}

.progress-steps .step span {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    top: -32px;
    border-radius: 30px;
    color: #dbdbdb;
    width: 26px;
    z-index: 9999;
    height: 26px;
    background: #fff;
    border: 1px solid #fff;
    font-size: 16px;
}

/* .progress-steps .step:first-child span{
  left: 0 !important;
}

.progress-steps .step:last-child span{
  right: 0 !important;
} */

.progress-steps .step.done span {
    display: none;
}

.progress-steps .step.active span {
    border: 1px solid #5ec287;
    color: #5ec287;
}

.sidebar-menu > li {
    padding-left: 18px;
    padding-right: 18px;
}

.row .col-xs-12.box-white-secondary {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

[type="checkbox"] + label.box-cards {
    padding-left: 28px !important;
    font-size: 1.15rem !important;
    line-height: 20px !important;
    height: 30px !important;
}

[type="checkbox"] + label {
    padding-left: 32px !important;
}

.box.box-card-feature.rounded-20.selected {
    background: url("../assets/images/bg-card-tandur-hover.svg") !important;
    border: 2px solid #5ec287 !important;
    background-size: cover !important;
    background-position: center !important;
    /* background-repeat: no-repeat !important; */
    border-radius: 20px;
}

.box.box-card-feature.rounded-20.selected label {
    font-weight: 600;
}

@media (min-width: 768px) {
    .col-md-4.col-md-4a {
        width: 37.5% !important;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
}

.borderless {
    border: none !important;
}

.gap-2 {
    gap: 2px;
}

.gap-4 {
    gap: 4px;
}

.no-whitespace {
    white-space: nowrap;
}

.gap-p4 {
    gap: 4% !important;
}

.radius-p25 {
    border-radius: 25px !important;
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    -ms-border-radius: 25px !important;
    -o-border-radius: 25px !important;
}

.radius-p50 {
    border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    -ms-border-radius: 50px !important;
    -o-border-radius: 50px !important;
}

.btn.btn-outline-grey:hover {
    background-color: rgba(247, 254, 250, 0.7) !important;
    border-radius: 8px !important;
    border: 1px solid #5ec287 !important;
    box-shadow: none !important;
    color: #5ec287 !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
}

.btn.btn-outline-grey.active {
    background-color: #5ec287 !important;
    border-radius: 8px !important;
    border: 1px solid #5ec287 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
}

.btn.btn-outline-grey {
    color: #9bacb6;
    border-color: #9bacb6;
}

.ic-card-right {
    position: absolute;
    top: 0.8rem;
    right: 0;
}

.right-p4 {
    right: 4%;
}

.text-link.text-grey {
    border: none !important;
    background-color: transparent !important;
    color: #637a88 !important;
}

.btn-grey.dropdown-toggle.text-link.text-grey:hover {
    border: none !important;
    background-color: transparent !important;
    color: #637a88 !important;
    box-shadow: none !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #5ec287 !important;
    color: #ffffff !important;
}

.w-p2 {
    width: 2.2%;
}

.dataTables_wrapper.container-fluid {
    margin: 0px !important;
    padding: 0px !important;
}

.no-space {
    margin: 0px;
    padding: 0px;
}

.box-feature-cstm {
    min-height: 106px;
    align-items: center;
}

.box-list-three {
    width: 32.5%;
}

.gap-p1 {
    gap: 1.2%;
}

.fs-13 {
    font-size: 13px;
}

.box-list-full {
    width: 100%;
}

hr {
    color: #9bacb6;
}

.bg-grey-tab {
    background: var(--black-10, #f9fafb);
}

.display-none {
    display: none;
}

.badge {
    min-width: 4rem !important;
}

/* fix overflow text in card */
.h5.fw-500.text-nowrap.mb-3.pb-0 {
    white-space: normal !important;
    overflow-wrap: break-word;
    word-break: normal;
}

/* fix overflow text in card */

.bg-black70 {
    background: #f3f5f6 !important;
    background-color: #f3f5f6 !important;
}

.p-x-inherit {
    padding-left: inherit !important;
    padding-right: inherit !important;
}

/* adjust height wrapper table dash */
.box-card-white.dash-tab {
    height: 33rem !important;
}

.ml-min-1 {
    margin-left: -0.8rem !important;
}

.gap-160 {
    display: grid;
    grid-row-gap: 180px !important;
}

.mb-56 {
    margin-bottom: 56px !important;
}

.h-56 {
    height: 56px !important;
}

.hidden {
    visibility: hidden;
}

.h-215 {
    height: 215px !important;
}

.text-left {
    text-align: left !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.min-h40 {
    min-height: 40px !important;
}

.input-error {
    border-color: #ff6857 !important;
}