.hlds-title {
    margin-top: 8px;
    color: #626262;
    ;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: center;
}

.hlds-sub-title {
    margin-top: 8px;
    color: #1E1E1E;
    font-size: 30px;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 0px;
    text-align: center;
}

.form-control, .form-select {
    /* font-size: 12px; */
    border-radius: 8px;
    border-color: #1E1E1E;
    padding: 6px;
}

.btn{
    border-radius: 8px;
}

.form-label {
    font-weight: bold;
    /* font-size: 13px; */
}

.form-control, .form-select, .form-label{
    color: gray;
}
.hr, hr {
    margin: 1rem 0;
}

.card-md>.card-body {
    padding: 1.5rem;
}

.top-header.gradient {
    background: linear-gradient(0deg, rgb(128 219 149) 0%, rgb(45 161 54) 78%, rgb(21 190 5) 100%);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
    display: block;
}

.header ul.menu-tabs {
    margin-bottom: 0px;
    height: 35px;
    margin-top: 0;
}

.header {
    padding: 20px 20px 5px 0px;
}

.header .menu-tabs-container {
    margin-left: 0px;
}

aside.navbar.navbar-vertical.custom {
    position: relative;
    border-top-right-radius: 20px;
    background-color: #ecf4f1;
}

.page {
    background: none;
}

.top-header.gradient {
    background: green;
}

.page-wrapper {
    /* background-color: #fcfcfc; */
    padding-top: 0px;
    /* background: linear-gradient(to bottom,
            green 0px,
            rgb(1, 153, 1) 100px,
            #8fcf7e 225px,
            #bbd8bf 245px,
            #dfebe4 100%,
            #fcfcfc 300px,
            #fcfcfc 100%); */
    background: linear-gradient(to bottom,
        green 0px,
        rgb(1, 153, 1) 100px,
        #8fcf7e 225px,
        #bbd8bf 245px,
        #dfebe4 100%);
}

.content-slot {
    /* background-color: #ffffff; */
    /* padding: 20px; */
}

.header.tabs-header {
    padding: 0px;
    border-bottom: none;
}

.header.tabs-header ul.menu-tabs li a {
    border-bottom: none;
    background: #ecf4f1;
}

.header.tabs-header ul.menu-tabs li a.active {
    background: #ffffff;
}

.header.tabs-header .menu-tabs {
    padding-left: 0px;
}

.header.top-header {
    border-bottom: none;
    padding: 20px 0px 5px 0px;
}

.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item:hover,
.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.active,
.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item:active {
    background: #f9fafb;
}

.navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav .nav-link:hover{
    background: #f9fafb;
}

body,
* {
    font-family: Huawei Sans, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, 微软雅黑, Arial, sans-serif !important;
}

.table-search .shade {
    width: 15%;
}

.table-search .noshade {
    width: 35%;
}

.table-search .date-field {
    width: 35%;
}

.table-search i.ti {
    font-size: 20px;
}

.table-search .ui-button {
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0px 3px 5px -2px;
    margin-right: 8px;
}

.form-control.hasDatepicker {
    width: 90%;
}

.ui-datepicker-trigger {
    border: none;
    background: transparent;
}
.modal-header {
    border-bottom: none;
}
.modal-footer {
    background-color: transparent;
    border-top: none;
}
.form-control.otp-input{
    font-size: 33px;
    padding: 10px;
    text-align: center;
}
.card, .card .card-header{
    border: none;
}
.dashboard-card{
    border-top-left-radius: 0px; 
}

.account-card .btn-group .btn{
    border:none;
    box-shadow: none;
    background: #eaeaea;
}
.account-card .btn-group{
    border:none;
    box-shadow: none;
    color: green;
}
.account-dashboard-card .card-header{
    padding: 0px;
}
.account-dashboard-card .card-body{
    padding: 0px;
    border: 1px solid #dce1e7;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: none;
    margin-top: -5px;
}
.page-title.mb-3{
    margin-bottom: 0px !important;
}

*{
    /* font-size: 101%; */
    font-family: "Inter Var",Inter,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif !important;
}

#sidebar-menu ul li, #sidebar-menu ul .dropdown-menu a{
    font-size: 16px !important;
    margin-bottom: 10px !important;
}

#sidebar-menu ul li a, #sidebar-menu ul .dropdown-menu a{
    color: #5d5d5d;
}
.dropzone {
    border: 1px dashed #dfdcdd;
}
div.section-header.shade{
    font-size: 16px;
    font-weight: bold;
    padding: 5px!important;
    display: flex;
    align-items: center; /* Vertically centers the items */
    margin-bottom: 5px;
}
div.section-header.shade i{
    font-size: 25px;
    font-weight: 100;
}
.card.top-left-0{
    border-top-left-radius: 0px !important;
}
span.strong{
    font-weight: bold;
}