/* @import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700&family=Nunito+Sans:opsz,wght@6..12,400;6..12,500;6..12,600;6..12,700&display=swap'); */


:root{
    --primary-color: #308ccb;
    --secondary-color: #f5881f;
}
.bg-lienar{
    background:  linear-gradient(72.47deg, var(--primary) 22.16%, var(--secondary) 76.47%);
}
.bg_pink{
    background-color: #FF387B !important;
}
.bg_purple{
    background-color: #91069C !important;
}
.bg_blue{
    background-color: #00799e !important;
}
.options-position-relative .vs__dropdown-menu {
    position: relative !important;
}
.nav-item  .router-link-exact-active
{
    background: var(--primary-color) !important;
    border-radius: 6px !important;
    backdrop-filter: blur(80px) !important;
    box-shadow: none !important;
    color: white !important;

}
.v-select.vs--multiple.vs--disabled .vs__selected-options .vs__selected{
    color: #6e6b7b;
    border: 1px solid #6e6b7b;
}
.nav-item  .router-link-exact-active img
{
    filter: brightness(279%);

}

.navbar-brand{
    position: absolute;
    width: 191.22px;
    height: 81px;
    top: -6px;
}

.content.app-content.show-overlay .content-overlay {
    z-index: 1500 !important;
}




/* .dropdown-user .dropdown-menu {
    right: 0 !important;
    left: auto !important;
} */

/* .dropdown-menu-right {
    right: 0 !important;
    left: auto !important;
}
.dropdown-menu-left {
    left: 0 !important;
    right: auto !important;
} */
/* body{
    font-family: 'Almarai' !important;
} */
.title_about{
    color:#6C6C6C;
}

.tooltip .tooltip-inner{
    font-family: 'Almarai', sans-serif !important;

}

.b-calendar-grid-body .btn{
    font-family: 'Almarai' !important;
    font-size: 17px !important;
}

@media (max-width: 767.98px){
    .header-navbar .navbar-container .show .dropdown-menu {
        left: 0 !important;
        right: auto !important;
    }
}
[dir=ltr] .breadcrumb:not([class*=breadcrumb-]) .breadcrumb-item + .breadcrumb-item:before, [dir=ltr] .breadcrumb.breadcrumb-chevron .breadcrumb-item + .breadcrumb-item:before {
    transform: rotate(360deg) !important;
}

#modal-see-details .modal-header,
#modal-see-details .modal-footer {
    display: none !important;
}
#modal-see-details .modal-body {
    padding: 0 !important;
}
#modal-see-details .modal-content{
    border-radius: 1.357rem !important;
}
.modal_lesson_given a{
    color: black !important;
    font-weight: bold !important;
}
.lesson_given a{
    color: black !important;
    font-weight: bold !important;
}
.h-screen {
    height: 100vh;
}

.media_name {
    color: white;
    text-align: center;
    font-weight: bold;
}

.main-menu-content {
    padding-bottom: 44px !important;
}

.font-large{
    font-size: large;
}
.font-large-1{
    font-size: x-large;
}
.font-large-2{
    font-size: xx-large;
}
.font-large-3{
    font-size: xxx-large;
}
.red{
    color: red;
}
.pink{
    color: pink;
}
.cyan{
    color: cyan;
}
.gray{
    color: gray;
}
.blue{
    color: blue;
}
.green{
    color: green;
}
.purple{
    color: purple;
}
.white{
    color: white
}

[dir=ltr] .input-group:not(.has-validation) > .form-control:not(:last-child) {
    border-top-right-radius: 0.357rem !important;
    border-bottom-right-radius: 0.357rem !important;
    border-right: 1px solid #d8d6de;
}
[dir=ltr] .input-group:not(.bootstrap-touchspin):focus-within .form-control {
    border-right-color: #308ccb ;
}
[dir=rtl] .input-group:not(.has-validation) > .form-control:not(:last-child) {
    border-top-left-radius: 0.357rem !important;
    border-bottom-left-radius: 0.357rem !important;
    border-left: 1px solid #d8d6de;
}
[dir=rtl] .input-group:not(.has-validation) > .dynamic-flat-picker.form-control:not(:last-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
[dir=rtl] .input-group:not(.bootstrap-touchspin):focus-within .form-control {
    border-left-color: #308ccb ;
}

[dir=ltr] .input-group:not(.has-validation) > .form-control#password {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: none;
}

[dir=rtl] .input-group:not(.has-validation) > .form-control#password,
.input-group:not(.has-validation) > .form-control#account-old-password,
.input-group:not(.has-validation) > .form-control#account-new-password,
.input-group:not(.has-validation) > .form-control#account-retype-new-password {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left: none;
}



#phone-input:not(:placeholder-shown) {
    direction: ltr;
}

.nav-item.active {
    box-shadow: none !important;
}

[dir=rtl] [data-filepond-item-state*=error] .filepond--file-info, [dir=rtl] [data-filepond-item-state*=invalid] .filepond--file-info, [dir=rtl] [data-filepond-item-state=cancelled] .filepond--file-info {
    margin-right: 2.25em !important;
    margin-left: unset !important;
}

[dir=rtl] .filepond--file-info {
    margin: 0 .5em 0 0;
}

[dir=rtl] .force-ltr {
    direction: ltr;
}

[dir=rtl] .force-rtl {
    direction: rtl;
}
[dir=ltr] .force-ltr {
    direction: ltr;
}

[dir=ltr] .force-rtl {
    direction: rtl;
}

.display-flex {
    display: flex !important;
}

.vuexy-data-table table.vgt-table {
    font-size: 14px;
}

.vuexy-data-table table.vgt-table td {
    padding: 0.5em .5em .5em .5em !important;
}


[dir=ltr] .money-input-group.input-group:not(.has-validation) > .money-form-input.form-control:not(:last-child) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

[dir=rtl] .money-input-group.input-group:not(.has-validation) > .money-form-input.form-control:not(:last-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.filepond--image-preview-wrapper {
    direction: ltr;
}