@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700&display=swap');

body{
font-family: 'Almarai', sans-serif;
}

.dropdown {
    width: 80%;
}

.lang_ar .notify {
    margin-right: 0;
    margin-left: 10px;
}

.absolute-content .banner-section {
    text-align: right;
}

/*edia (min-width: 576px){
.modal-dialog {
    max-width: 576px;
    margin: 1.75rem auto;
}
}*/

.lang_ar .modal-btn.btn-prev {
    left: calc(53% - 0px);
}

.lang_ar .modal-btn.btn-next {
    left: calc(43% - 10px);
}

.form-box .form-group {
    position: relative;
    text-align: right;
}

.lang_ar .block-stats .title-sec {
    justify-content: flex-start;
}

.block-stats .stats-body .block-text .result-text {
    font-size: 17px;
}

.lang_ar .company-logo {
   padding-left: 35px;
    /* direction: rtl; */
    text-align: center;
}

.sideNav .company-logo .phone {
    font-size: 39px;
    font-weight: 800;
    color: #029fc9;
    text-decoration: none;
    display: block;
    height: 41px;
}

.sideNav .company-logo .info {
    color: #2cbaaf;
    display: block;
    text-decoration: none;
    padding-right: 0px;
    font-size: 23px;
}

.lang_ar .absolute-content .image-wrapper {
    margin: 10px -37px 0 0 !important;
}

.absolute-content .image-wrapper .owl-pagination {
    top: calc(65% + 45px) !important;
}

.notify:hover {
    background-color: #c3eded;
}


.absolute-content {
    height: calc(96vh - 85px) !important;
}


@media screen and (max-width: 1023px) {
  .absolute-content {
    height: auto !important;
  }
}

.tooltip-inner {
  background-color: #3faea8 !important;
  color: #fff;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #3faea8;
}


.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: #3faea8 !important;
}


.right-body .social-section-right .button-item {
    width: 50px;
    height: 50px;
    border-radius: 11px;
    box-shadow: 0 0 10px 1px rgb(54 146 82 / 21%);
    margin: 0 5px;
}

.sideNav .nav-section ul li a {
    font-size: 20px;
    font-weight: 800;
}

.absolute-content .text-section {
    overflow: auto;
    height: calc(100% - 169px);
    padding: 0 80px;
}

.absolute-content .text-section {
    padding: 0 99px;
    margin-top: 10px;
    margin-bottom: 18px;
    width: 100%;
}
#dashboard .text-section.page-content-wrapper {
    padding: 0 99px;
    margin-top: 10px;
    margin-bottom: 18px;
    width: 100% !important;
}

 #dashboard.absolute-content .banner-section {
    height: 114px !important;
}

.absolute-content .banner-section {
    height: 114px !important;
}

.absolute-content .text-section .map-section #map {
    height: 200px !important;
}

.form-box.bg-form {
    border-radius: 10px !important;
}

.form-box .form-control {
    border-radius: 10px!important;
}

.app-body {
    padding: 20px !important;
}

.table-hor tbody tr td:first-child {
    width: 472px;
    
}

@media (min-width: 576px){
#questionModal .modal-dialog {
    max-width: 707px;
    margin: 1.75rem auto;
}
#consultModal .modal-dialog {
    max-width: 1000px;
    margin: 1.75rem auto;
}
}

@media (min-width: 576px){

}

.table-hor tbody tr:nth-child(odd) {
    background-color: #c8e6dc2b !important;
}

.table-hor tbody tr:hover {
    background-color: #f1b34b !important;
    color: white;
}
.table-hor tbody tr {
    transition: .2s ease-in;
}

.radio-custom:checked+.radio-custom-label:before {
    content: "\2714";
    color: #ffffff;
    font-size: 13px;
    background: #80d27f;
    padding: 2px;
}

.radio-custom+.radio-custom-label:before {
    width: 22px;
    height: 22px;
    border-radius: 5px;
}

.radio-custom:checked+.radio-custom-label-danger:before {
    content: "\2714";
    color: #ffffff;
    font-size: 13px;
    background: #ee5549;
    padding: 2px;
}

.radio-custom+.radio-custom-label-danger:before {
    width: 22px;
    height: 22px;
    border-radius: 5px;
}

.modal-btn.btn-submit {
    left: calc(59% - 157px);
}


.open-flat .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day {
    margin: 5px 5px;
    color: #71afa1;
    border: 1px solid #c8e2dc;
    max-width: 114px;
    border-radius: 10px;
        
}

.reset_or_resume_exam .btn {
    min-width: 232px;
}

.button-box .col-3.col-lg-6.col-xl-3.mb-2 {
    padding: 0 5px;
}

@media only screen and (max-width: 1400px){
.absolute-content .child-section .scroll-section .child-wrapper .child-img img {
    height: 100%;
    margin-right: 10px;
    width: 64px;
} }