.main-menu.menu-fixed.menu-light {
    background: #FFFFFF !important;
}

.navigation.navigation-main {
    margin-top: 75px !important;
    background: transparent !important;
}

.main-menu.menu-light .navigation li a {
    color: #625f6e !important;
}

.main-menu.menu-light .navigation li.active a {
    color: #FFFFFF !important;
}

.btn-primary,
.main-menu.menu-light .navigation > li.active > a,
.badge.badge-primary {
    background-color: #245898 !important;
    color: #FFF !important;
}

.main-menu.menu-light .navigation > li.active > a {
    background: linear-gradient(
        -118deg
        , #245898, rgba(28, 172, 156, 0.7));
    box-shadow: 0 0 10px 1px rgb(36 88 152 / 70%);
}
.breadcrumb .breadcrumb-item a {
    /*color: #625f6e !important;*/
}
.navbar-light {
    background: #245898;
    color: #fff;
    /*margin: 1.3rem 2rem;*/
    border-radius: 0.428rem;
    /*z-index: 1030;*/
    min-height: 5.45rem;
}
html body.navbar-sticky .app-content .content-wrapper{
    margin-top: 5.45rem;
}

.header-navbar .navbar-container ul.nav li > a.nav-link {
    color: #fff;
}

.header-navbar .navbar-container ul.nav li.dropdown-language .selected-language {
    font-size: 1rem;
    font-weight: 700;
}

.vs-checkbox-primary input:checked ~ .vs-checkbox {
    border-color: #245898 !important;
}

.vs-checkbox-primary input:checked ~ .vs-checkbox .vs-checkbox--check {
    background-color: #245898 !important;
}

.capitalize,
.card-title,
.form-label,
.btn-primary,
.btn-warning,
.btn-bitbucket {
    text-transform: capitalize !important;
}

.icon-dot {
    height: 10px;
    width: 10px;
    background-color: #1D9251;
    border-radius: 50%;
    display: inline-block;
}

.dropzone {
    background-color: #9e9e9e2e !important;
    justify-content: center;
    align-items: center;
}

.vue-dropzone {
    display: flex;
    cursor: pointer;
}

.dropzone .dz-preview .dz-details {
    display: flex;
}

.vue-dropzone > .dz-preview .dz-details {
    justify-content: center;
    align-items: center;
}

.vue-dropzone > .dz-preview .dz-details {
    color: #245898 !important;
}

.vm--overlay {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: table;
    transition: opacity 0.3s ease;
}

.vm--modal {
    width: 300px;
    left: 150px !important;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
    transition: all 0.3s ease;
    font-family: Helvetica, Arial, sans-serif;
    z-index: 1000000;
}

.vue-star-rating {
    margin-top: -10px;
}

.breadcrumb{
    border: transparent;
}

.pagination .page-item:not(.prev-item) .page-link,
.pagination .page-item:not(.next-item) .page-link,
.pagination .page-item:not(.first) .page-link,
.pagination .page-item:not(.last) .page-link,
.pagination .page-item:not(.active) .page-link{
    text-align: center;
    line-height: 15px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
}
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > span.badge {
    height: 25px;
    width: 25px;
    align-items: center;
    display: inline-flex;
    justify-content: center;
}
.app-navbar{
    position: fixed;
    top: 0;
    right: 0;
    left: 260px;
    padding: 1.3rem 2rem;
    background: white;
    z-index: 1030;
    width: calc(100% - 260px);
}
[lang='ar'] .app-navbar{
    left: unset ;
    right: 260px ;
}
[lang='ar'] .vs-select--item{
    text-align: right !important;
}
.vs-col.vs-pagination--mb{
    justify-content: center !important;
}

ul.vs-pagination--ul {
    margin-bottom: 0 !important;
}

.vs-pagination--li.is-current .effect {
    border-radius: 50%;
}


.fa {
    font-family: "FontAwesome" !important;
}

.nav-item a {
    white-space: normal;
    word-break: break-word;

    display: flex !important;

}