.sidebar-wrapper .sidebar-nav .metismenu a .menu-title {
    font-weight: 600 !important;
}

.sidebar-wrapper .sidebar-nav .metismenu ul a {
    font-weight: 600 !important;
}

.page-footer {
    position: fixed !important;
}

#sidenav i {
    font-size: 20px;
}

.home-icon i {
    font-size: 24px;
}

.home-card {
    transition: all 0.5s;
}

.home-card:hover {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px !important;
}

.loginlogo {
    width: 23%;
}

.btn {
    font-size: unset !important;
}

.row {
    row-gap: 16px;
}

.main-wrapper .main-content .breadcrumb-title {
    font-size: 17px !important;
    font-weight: 600;
    border: none !important;
}

.mandatory {
    color: red;
}

.form-label {
    font-weight: 600;
    color: black;
}

.col-form-label {
    font-weight: 600;
    color: black;
}

.form-control {
    font-size: unset !important;
    color: #626262 !important;
    font-weight: 600 !important;
}

option {
    font-weight: 600 !important;
}

option:disabled {
    font-weight: 600 !important;
    color: #999;
}

.border-right {
    border-right: 1px solid #e3dddd;
}

.text-red {
    color: red;
}

.sidebar-wrapper .sidebar-header .logo-name h5 {
    font-size: 18px !important;
}

.sidebar-wrapper .sidebar-header .logo-img {
    width: 62px !important;
}

.wh-35 {
    width: 35px;
    height: 35px;
}

.wh-35 i {
    font-size: 21px !important;
}

.sidebar-wrapper .sidebar-nav .metismenu ul a {
    padding: 6px 15px 6px 20px;
    font-size: 14px !important;
    border: 0;
}

/* datatable */
table.dataTable {
    border-collapse: collapse !important;
    margin-top: 25px !important;
    overflow: hidden;
    margin-bottom: 25px !important;
}

table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
    border-left-width: thin;
    vertical-align: middle;
}

.dt-buttons button.btn.btn-outline-secondary {
    font-size: 14px;
    padding: 6px 13px;
    background: #8ddbe77a;
    border: 0;
    color: #5b6166;
}

#example2_previous a,
#example2_next a,
.paginate_button a {
    font-size: 13px;
}

.dataTables_filter .form-control:focus {
    box-shadow: none;
}

.dtr-details li {
    line-height: 35px !important;
}

.dtr-title {
    font-weight: 700 !important;
}

.buttons_td {
    display: flex !important;
    gap: 7px !important;
    justify-content: center;
}

.buttons_per {
    display: flex !important;
    gap: 7px !important;
    justify-content: center;
}

.modal-title {
    color: black;
}

.btn-red {
    background-color: red !important;
    color: #fff !important;
}

.btn-orange {
    background-color: orange !important;
    color: #fff !important;
}

.btn-yellow {
    background-color: yellow !important;
    color: #000000 !important;
}

.btn-skyblue {
    background-color: #00adff !important;
    color: #fff !important;
}

.btn-black {
    background-color: black !important;
    color: #fff !important;
}

.btn-green {
    background-color: green !important;
    color: #fff !important;
}

.btn-cadetblue {
    background-color: cadetblue !important;
    color: #fff !important;
}