@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400&display=swap');
* {
    font-family: 'Almarai', sans-serif !important;
}
.sweet-alert {
    z-index: 99999999 !important;
}
select, .select2-selection {
    background: url(../../Content/assets/workflowNewAssests/ArrowDown.png) no-repeat left !important;
    background-position: 11px 10px !important;
    background-size: 16px 16px !important;
}
main{
    direction:rtl;
}
header{
    left:0;
    right:unset;
}
main .haveffectSec label:before {
    right: -71px;
    left: unset;
}
.note-modal {
    top: -92px !important;
    left: -241px !important;
}
header .lang-letter-style {
    padding: 3px 4px 2px 4px;
}
.form-control, select {
    padding: 0px 17px 0px 34px;
}
.paginate_button.previous a {
    background: url('../assets/workflowNewAssests/next-arrow.png');
    background-repeat: no-repeat;
    background-size: 6px;
    background-position: 47% 50%;
}
.paginate_button.next a {
    background: url(../assets/workflowNewAssests/left-arrow.png);
    background-repeat: no-repeat;
    background-size: 6px;
    background-position: 47% 50%;
}

main nav .navMenus .dropdown > a:after {
    left: 17px;
    right: unset;
}

.padd-pio span,
.padd-pio p,
.padd-pio h1,
.padd-pio h2,
.padd-pio h3,
.padd-pio h4,
.padd-pio h5,
.padd-pio h6 {
    font-size: 14px !important;
}
.ms-3 {
    margin-right: 1rem !important;
}
.pe-3 {
    padding-left: 1rem !important;
}
.text-start {
    text-align: right !important;
}
.active-dropdown > a {
    padding: 8px 15px 8px 0px !important;
}
main nav .navMenus li {
    padding: 8px 15px 8px 0px !important;
}
.dz-default.dz-message {
    background-image: url(../assets/workflowNewAssests/dropZoneAr.png) !important;
}
.noti-style {
    padding: 2px 5px 0px 5px;
}
.help-center {
    transform: translate(-18px, 0px);
}
    .help-center img {
        right: 36% !important;
    }
.global-dash-card {
    background-position: 4px 42px !important;
}
.help-center {
    padding: 8px 0px 8px 15px !important;
}
.lang-letter-style {
    padding: 2px 3px 0px 3px !important;
}
.noti-style {
    padding: 2px 5px 0px 5px !important;
}
.dataTables_wrapper .dataTables_paginate ul > li > a {
    padding: 5px 12px !important;
}
ul.dropdown-menu.slide-menu {
    text-align: end;
}
span.select2-selection, .form-control {
    text-align: right;
}

header > div > div div {
    flex-direction: row-reverse !important;
}
.login-container label {
    text-align: right !important;
    display: block;
}
.login-container .checkbox {
    display: flex;
    justify-content: end;
    flex-direction: row-reverse;
    align-items: center;
}
.login-container label {
    margin-bottom: 0px !important;
    margin-right: 5px;
}
.rounded-start {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-top-left-radius: unset !important;
    border-bottom-left-radius: unset !important;
}
.select2-results__options {
    text-align: right !important;
}
.close-nav {
    position: absolute;
    left: -40px;
    right: unset;
}
img[alt~="left-ar-style"] {
    transform: rotate(180deg);
}


.selectedTr td:last-child {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.selectedTr td:first-child {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-top-left-radius:0px !important;
    border-bottom-left-radius: 0px !important;
}
@media screen and (min-width: 768px) {
    header div:first-child {
        justify-content: start !important;
    }
}
@media screen and (max-width: 470px) {

    main .haveffectSec label:before {
        margin-bottom: 15px;
        right: -85px !important;
        left: unset !important;
        bottom: -17px !important;
    }
    .mob-view .haveffectSec {
        margin: 0px 24px 20px 0px !important;
    }
}
@media screen (min-width: 471px) and (max-width: 880px) {
    .mob-view {
        flex-direction: row !important;
    }
        .mob-view .global-button {
            margin-top: revert;
        }
}

.fs-lg-6 {
    font-size: 10px;
}

@media screen and (min-width: 1200px) {
    .seperator:after {
        left: 66%;
    }

    #detailsModal {
        width: 908px !important;
        right: -20px !important;
    }
}

@media screen and (max-width: 1199px) {
    #detailsModal {
        width: 524px;
        right: 165px;
    }
}

@media screen and (max-width: 769px) {
    #detailsModal {
        right: 193px;
        width: 470px;
    }
}

@media screen and (min-width: 992px) and (max-width:1024px) {
    .fs-lg-6 {
        font-size: 10px !important;
    }

    #detailsModal {
        width: 706px !important;
        right: 76px !important;
    }
}

@media screen and (min-width: 426px) and (max-width: 460px) {
    #detailsModal {
        width: 408px !important;
        right: 3px !important;
    }
}

@media screen and (min-width: 461px) and (max-width: 766px) {
    #detailsModal {
        width: 441px !important;
        right: 2px !important;
    }
}

@media screen and (max-width: 425px) {
    #detailsModal {
        right: 0px !important;
        width: 408px !important;
    }

    .modal * {
        font-size: 11px !important;
    }
}

@media screen and (max-width: 375px) {
    #detailsModal {
        width: 360px !important;
    }
}

@media screen and (max-width: 320px) {
    #detailsModal {
        width: 303px !important;
    }
}