:root {
    --bs-body-font-size: 1.4rem;
}

.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    font-size: 1.3rem;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: som-b !important;
}

.badge,
.alert-link,
.fw-bold,
.breadcrumb-dark .breadcrumb-item,
.author .name > span,
.card.card-background .card-category,
label,
.form-label,
.popover .popover-header,
.navbar .nav-link,
.navbar-vertical .navbar-nav .nav-link.active,
.moving-tab .nav-link.active,
.table th,
.timeline-step,
.text-bold,
.text-bolder,
.flatpickr-current-month span.cur-month,
span.flatpickr-weekday,
.flatpickr-time input.flatpickr-hour,
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm,
.token.important,
.token.bold,
.dropdown .dropdown-toggle:after,
.dropdown .dropdown-toggle:before,
.dropup .dropdown-toggle:after,
.dropup .dropdown-toggle:before,
.dropstart .dropdown-toggle:after,
.dropstart .dropdown-toggle:before,
.dropend .dropdown-toggle:after,
.dropend .dropdown-toggle:before,
.progress-percentage > span {
    font-family: som-m !important;
    line-height: 1;
}

p,
dt,
kbd kbd,
.form-label,
.col-form-label,
.tooltip,
.popover,
.fw-normal,
.card .card-body,
.text-sans-serif,
.text-monospace,
.font-weight-light,
.font-weight-normal,
code[class*="language-"],
pre[class*="language-"],
.toast-body > span {
    font-family: som-m !important;
    line-height: 1;
}


a, .btn-lg, .btn-link, b, strong, .display-1, .display-2, .display-3, p.font-weight-bold 
/* .font-weight-bold, .font-weight-bolder */ {
    font-family: som-b !important;
}

.case-tab .card h4 {
    font-family: som-b !important;
    font-size: 1.8rem !important;
}

.select2-container--bootstrap-5 .select2-selection, .form-select, .form-control {
    font-size: 1.4rem;
}

.btn-sm, .btn-group-sm > .btn {
    font-size: 1.4rem;
    line-height: 1.2;
}

.badge {
    text-transform: none;
}

h1,
.h1 {
    font-size: calc(3.8rem + 1.2vw);
    line-height: 0.9;
}

@media (min-width: 1200px) {

    h1,
    .h1 {
        font-size: 4.0rem;
    }
}

h2,
.h2 {
    font-size: calc(1.8rem + 1.2vw);
    line-height: 1;
}

@media (min-width: 1200px) {

    h2,
    .h2 {
        font-size: 2.8rem;
    }
}

h3,
.h3 {
    font-size: calc(1.3125rem + 0.75vw);
    line-height: 1;
}

@media (min-width: 1200px) {

    h3,
    .h3 {
        font-size: 1.875rem;
    }
}

h4,
.h4 {
    font-size: calc(1.4rem + 0.3vw);
    line-height: 1;
}

h4.mb-0 {
    margin-bottom: 5px !important;
}

.card.blur h4 {
    margin-top: 4px !important;
}

@media (min-width: 1200px) {

    h4,
    .h4 {
        font-size: 1.6rem;
    }

    .card-header h4,
    .card-header .h4 {
        font-size: 1.7rem;
    }
}

h5,
.h5 {
    font-size: 1.4rem;
    line-height: 1;
}

h6,
.h6 {
    font-size: 1.2rem;
}

td span, tdX {
    font-size: 1.2rem;
}

.text-sm, .toast-body > span {
    font-size: 1.3rem !important;
    line-height: 0.9;
}

.text-xs {
    font-size: 1.25rem !important;
    line-height: 1.1;
}

.text-xxs {
    font-size: 0.95rem !important;
}

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

label, .form-label {
    font-size: 1.4rem;
}

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

.me-0 {
    margin-left: 0 !important;
}

.me-1 {
    margin-left: 0.5rem !important;
}

.me-2 {
    margin-left: 0.5rem !important;
}

.me-3 {
    margin-left: 1rem !important;
}

.me-4 {
    margin-left: 1.5rem !important;
}

.me-5 {
    margin-left: 3rem !important;
}

.me-6 {
    margin-left: 4rem !important;
}

.me-7 {
    margin-left: 6rem !important;
}

.me-8 {
    margin-left: 8rem !important;
}

.me-9 {
    margin-left: 10rem !important;
}

.me-10 {
    margin-left: 12rem !important;
}

.me-11 {
    margin-left: 14rem !important;
}

.me-12 {
    margin-left: 16rem !important;
}

.me-auto {
    margin-left: auto !important;
    margin-right: unset !important;
}


.me-n1 {
    margin-left: -0.25rem !important;
}

.me-n2 {
    margin-left: -0.5rem !important;
}

.me-n3 {
    margin-left: -1rem !important;
}

.me-n4 {
    margin-left: -1.5rem !important;
}

.me-n5 {
    margin-left: -3rem !important;
}

.me-n6 {
    margin-left: -4rem !important;
}

.me-n7 {
    margin-left: -6rem !important;
}

.me-n8 {
    margin-left: -8rem !important;
}

.me-n9 {
    margin-left: -10rem !important;
}

.me-n10 {
    margin-left: -12rem !important;
}

.me-n11 {
    margin-left: -14rem !important;
}

.me-n12 {
    margin-left: -16rem !important;
}

.ms-0 {
    margin-right: 0 !important;
}

.ms-1 {
    margin-right: 0.25rem !important;
}

.ms-2 {
    margin-right: 0.5rem !important;
}

.ms-3 {
    margin-right: 1rem !important;
}

.ms-4 {
    margin-right: 1.5rem !important;
}

.ms-5 {
    margin-right: 3rem !important;
}

.ms-6 {
    margin-right: 4rem !important;
}

.ms-7 {
    margin-right: 6rem !important;
}

.ms-8 {
    margin-right: 8rem !important;
}

.ms-9 {
    margin-right: 10rem !important;
}

.ms-10 {
    margin-right: 12rem !important;
}

.ms-11 {
    margin-right: 14rem !important;
}

.ms-12 {
    margin-right: 16rem !important;
}

.ms-auto {
    margin-right: auto !important;
    margin-left: unset !important;
}


.ms-n1 {
    margin-right: -0.25rem !important;
}

.ms-n2 {
    margin-right: -0.5rem !important;
}

.ms-n3 {
    margin-right: -1rem !important;
}

.ms-n4 {
    margin-right: -1.5rem !important;
}

.ms-n5 {
    margin-right: -3rem !important;
}

.ms-n6 {
    margin-right: -4rem !important;
}

.ms-n7 {
    margin-right: -6rem !important;
}

.ms-n8 {
    margin-right: -8rem !important;
}

.ms-n9 {
    margin-right: -10rem !important;
}

.ms-n10 {
    margin-right: -12rem !important;
}

.ms-n11 {
    margin-right: -14rem !important;
}

.ms-n12 {
    margin-right: -16rem !important;
}

.pe-0 {
    padding-left: 0 !important;
}

.pe-1 {
    padding-left: 0.25rem !important;
}

.pe-2 {
    padding-left: 0.5rem !important;
}

.pe-3 {
    padding-left: 1rem !important;
}

.pe-4 {
    padding-left: 1.5rem !important;
}

.pe-5 {
    padding-left: 3rem !important;
}

.pe-6 {
    padding-left: 4rem !important;
}

.pe-7 {
    padding-left: 6rem !important;
}

.pe-8 {
    padding-left: 8rem !important;
}

.pe-9 {
    padding-left: 10rem !important;
}

.pe-10 {
    padding-left: 12rem !important;
}

.pe-11 {
    padding-left: 14rem !important;
}

.pe-12 {
    padding-left: 16rem !important;
}


.ps-0 {
    padding-right: 0 !important;
}

.ps-1 {
    padding-right: 0.25rem !important;
}

.ps-2 {
    padding-right: 0.5rem !important;
}

.ps-3 {
    padding-right: 1rem !important;
}

.ps-4 {
    padding-right: 1.5rem !important;
}

.ps-5 {
    padding-right: 3rem !important;
}

.ps-6 {
    padding-right: 4rem !important;
}

.ps-7 {
    padding-right: 6rem !important;
}

.ps-8 {
    padding-right: 8rem !important;
}

.ps-9 {
    padding-right: 10rem !important;
}

.ps-10 {
    padding-right: 12rem !important;
}

.ps-11 {
    padding-right: 14rem !important;
}

.ps-12 {
    padding-right: 16rem !important;
}

.start-0 {
    right: 0 !important;
    left: auto !important;
}

#navbar-search {
    margin-left: 10px;
}

.dropdown .dropdown-menu:before {
    right: 15px !important;
    left: auto !important;
}

.form-check.form-switch .form-check-input:checked:after {
    transform: translateX(21px);
}

.form-check.form-switch .form-check-input:after {
    transform: translateX(1px);
}

.form-check .form-check-input {
    float: left;
    margin-right: 8px;
    margin-left: 1px;
    font-size: 1.2rem;
}

.form-switch {
    padding-left: 0;
}

.btn .bi, button .bi, a .bi, .badge .bi {
    margin-left: 0;
    position: relative;
}

.icon-move-left i, .icon-move-right i {
    position: relative;
    top: 3px;
}

#password-eye {
    left: -20px;
    float: right;
}

p, .p {
    text-align: left;
}

.form-control {
    text-align: left;
}

.form-select {
    background-position: right 0.75rem center !important;
}

.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:after {
    margin-left: auto;
    margin-right: unset;
    margin-top: 5px;
}

.navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link:before, .navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link:before {
    right: auto;
    left: 0;
}

.star.text-xs, .star {
    margin-left: 2px !important;
}

.star.text-xxs {
    margin-left: 2px !important;
}

.btn .bi, button .bi, a .bi, .badge .bi {
    margin-right: 0.3rem;
}

.grid-div table th a {
    font-size: 1.4rem;
    padding-left: 0;
}

.nav-tabs .nav-link {
    font-size: 1.3rem;
}

.number-badge {
    padding: 2px 3px;
    min-width: 20px;
    height: 20px;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    font-size: 1.3rem !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    padding-left: 0 !important;
}

.offset-6 {
    margin-left: 50%;
    margin-right: 0;
}

.fa-star-half-alt {
    transform: rotate(180deg);
    display: inline;
}

.riyal {
    margin-top: -4px;
    margin-right: 0;
    margin-left: 3px;
}

.riyal.max-width-35 {
    margin-top: -14px;
}

@media (min-width: 1200px) {
    .offset-xl-6 {
        margin-left: 50%;
        margin-right: 0;
    }
}
    .info-horizontal .icon {
        float: left;
    }

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

    #msg-form-submit {
        border-radius: 0 8px 8px 0;
    }

    #MsgBody {
        border-radius: 8px 0px 0px 8px !important;
    }

    .float-start, .float-left {
        float: right !important;
    }

    .tab-dot {
        margin-left: 22px;
    }

    #nav-bar-dot {
        margin-left: 14px;
        margin-top: -3px;
    }

    .fa-arrow-right:before {
        content: "\f060";
    }

    .fa-arrow-left:before {
        content: "\f061";
    }

    .icon-move-right:hover i,
    .icon-move-right:focus i {
        transform: translateX(-5px);
    }

    .icon-move-left:hover i,
    .icon-move-left:focus i {
        transform: translateX(5px);
    }

    .form-floating > label {
        left: 0;
        right: auto;
    }

    .select2-container--bootstrap-5 .select2-selection--single {
        background-position: right 0.75rem center !important;
    }

    #controls i {
        margin-left: 0 !important;
        margin-right: 10px;
    }

    .rotate-180 {
        transform: rotate(180deg);
    }

    .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field,
    .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option,
    .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
        text-align: left;
    }

    .DeleteCheck {
        margin-left: -8px !important;
    }

    #DeleteAllCheck {
        margin-left: 20px !important;
        margin-right: 0;
        margin-top: 3px;
    }

    .error-toast-text .validation-summary-errors {
        margin-top: -14px;
        margin-bottom: -14px;
    }

    .btn-close {
        float: right;
        padding-left: 0;
        padding-right: 8px;
    }

    .icon-move-right i, .icon-move-left i {
        font-size: 1rem;
        position: relative;
        top: 2px;
    }

    .modal-header .btn-close {
        margin: -1.7rem -0.5rem auto 0rem;
    }

    #uploaded-files-box {
        margin-left: 18px !important;
        margin-right: 20px !important;
    }

    .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear {
        right: 32px;
        left: auto;
    }

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

    @media (max-width: 767px) { /*510*/

        .nav-link.small > svg {
            margin-left: 0 !important;
        }

        .tab-dot {
            margin-left: 14px;
        }
    }

    @media (max-width: 767px) {
        .nav-tabs .nav-link.small {
            font-size: 20px;
            font-family: 'som-m';
        }
    }