body, h1, h2, h3, h4, h5, h6, p, span, a {
    font-family: 'Cairo', sans-serif;
    line-height: 27px;
}

.page-title-area {
    padding-top: 25px;
    padding-bottom: 25px;
}

.page-title-content h2 {
    color: #ffffff;
    font-size: 27px;
}

.form-control {
    height: 38px;
}

.table {
    vertical-align: middle;
}

@media only screen and (max-width: 991px) {
    .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option {
        display: block;
        position: absolute;
        left: 50px !important;
        right: auto !important;
    }
}


button.inline-flex.items-center.px-4.py-2.bg-gray-800.border.border-transparent.rounded-md.font-semibold.text-xs.text-white.uppercase.tracking-widest.hover\:bg-gray-700.focus\:bg-gray-700.active\:bg-gray-900.focus\:outline-none.focus\:ring-2.focus\:ring-indigo-500.focus\:ring-offset-2.transition.ease-in-out.duration-150 {
    background-color: #000;
    border-radius: 10px;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-right: 15px;
    padding-left: 15px;
}


.header-title {
    font-size: 1.8rem;
}

#grade {
    min-height: 400px;
}

#grade .grade-card {
    border: #0588a6 solid 1.6px;
}

.btn-main {
    background-color: #164E6E;
    color: white;
}

.btn-main:hover {
    background-color: #df9f2a;
    color: white;
}


label {
    display: inline-block;
    margin-bottom: 7px;
}
ol.breadcrumb {
    margin-top: 10px;
}

ol.breadcrumb span{
    margin: 5px;
    color: #7a7a7a;
}

ol.breadcrumb a{
/* font-weight: bold; */
}