.rtl,
[dir="rtl"] {
    text-align: right;
    direction: rtl
}

.rtl .nav,
[dir="rtl"] .nav {
    padding-right: 0
}

.rtl .navbar-nav .nav-item,
[dir="rtl"] .navbar-nav .nav-item {
    float: right
}

/** 
.rtl .navbar-nav .nav-item + .nav-item,
[dir="rtl"] .navbar-nav .nav-item + .nav-item {
    margin-right: 1rem;
    margin-left: inherit
}
**/

.rtl th,
[dir="rtl"] th {
    text-align: right
}

.rtl .alert-dismissible,
[dir="rtl"] .alert-dismissible {
    padding-right: 1.25rem;
    padding-left: 4rem
}

.rtl .dropdown-menu,
[dir="rtl"] .dropdown-menu {
    right: 0;
    left: inherit;
    text-align: right
}

.rtl .checkbox label,
[dir="rtl"] .checkbox label {
    padding-right: 1.25rem;
    padding-left: inherit
}

.rtl .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),
[dir="rtl"] .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-radius: 0 .25rem .25rem 0
}

.rtl .btn-group > .btn:last-child:not(:first-child),
.rtl .btn-group > .dropdown-toggle:not(:first-child),
[dir="rtl"] .btn-group > .btn:last-child:not(:first-child),
[dir="rtl"] .btn-group > .dropdown-toggle:not(:first-child) {
    border-radius: .25rem 0 0 .25rem
}

.rtl .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child,
[dir="rtl"] .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-radius: .25rem 0 0 .25rem
}

.rtl .custom-control-label::after,
.rtl .custom-control-label::before,
[dir="rtl"] .custom-control-label::after,
[dir="rtl"] .custom-control-label::before {
    right: 0;
    left: inherit
}

.rtl .custom-select,
[dir="rtl"] .custom-select {
    padding: .375rem .75rem .375rem 1.75rem;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat left .75rem center;
    background-size: 8px 10px
}

.rtl .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.rtl .input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
.rtl .input-group > .input-group-append:not(:last-child) > .btn,
.rtl .input-group > .input-group-append:not(:last-child) > .input-group-text,
.rtl .input-group > .input-group-prepend > .btn,
.rtl .input-group > .input-group-prepend > .input-group-text,
[dir="rtl"] .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
[dir="rtl"] .input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .btn,
[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .input-group-text,
[dir="rtl"] .input-group > .input-group-prepend > .btn,
[dir="rtl"] .input-group > .input-group-prepend > .input-group-text {
    border-radius: 0 .25rem .25rem 0
}

.rtl .input-group > .input-group-append > .btn,
.rtl .input-group > .input-group-append > .input-group-text,
.rtl .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.rtl .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
.rtl .input-group > .input-group-prepend:not(:first-child) > .btn,
.rtl .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
[dir="rtl"] .input-group > .input-group-append > .btn,
[dir="rtl"] .input-group > .input-group-append > .input-group-text,
[dir="rtl"] .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
[dir="rtl"] .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .btn,
[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-radius: .25rem 0 0 .25rem
}

.rtl .input-group > .custom-select:not(:first-child),
.rtl .input-group > .form-control:not(:first-child),
[dir="rtl"] .input-group > .custom-select:not(:first-child),
[dir="rtl"] .input-group > .form-control:not(:first-child) {
    border-radius: 0 .25rem  .25rem 0
}

.rtl .input-group > .custom-select:not(:last-child),
.rtl .input-group > .form-control:not(:last-child),
[dir="rtl"] .input-group > .custom-select:not(:last-child),
[dir="rtl"] .input-group > .form-control:not(:last-child) {
    border-radius:  .25rem 0 0 .25rem
}

.rtl .input-group > .custom-select:not(:last-child):not(:first-child),
.rtl .input-group > .form-control:not(:last-child):not(:first-child),
[dir="rtl"] .input-group > .custom-select:not(:last-child):not(:first-child),
[dir="rtl"] .input-group > .form-control:not(:last-child):not(:first-child) {
    border-radius: 0
}

.rtl .custom-control,
[dir="rtl"] .custom-control {
    padding-right: 1.5rem;
    padding-left: inherit;
    margin-right: inherit;
    margin-left: 1rem
}

.rtl .custom-control-indicator,
[dir="rtl"] .custom-control-indicator {
    right: 0;
    left: inherit
}

.rtl .custom-file-label::after,
[dir="rtl"] .custom-file-label::after {
    right: initial;
    left: -1px;
    border-radius: .25rem 0 0 .25rem
}

.rtl .radio input,
.rtl .radio-inline,
.rtl .checkbox input,
.rtl .checkbox-inline input,
[dir="rtl"] .radio input,
[dir="rtl"] .radio-inline,
[dir="rtl"] .checkbox input,
[dir="rtl"] .checkbox-inline input {
    margin-right: -1.25rem;
    margin-left: inherit
}

.rtl .list-group,
[dir="rtl"] .list-group {
    padding-right: 0;
    padding-left: 40px
}

.rtl .close,
[dir="rtl"] .close {
    float: left
}

.rtl .modal-header .close,
[dir="rtl"] .modal-header .close {
    margin: -15px auto -15px -15px
}

.rtl .modal-footer >:not(:first-child),
[dir="rtl"] .modal-footer >:not(:first-child) {
    margin-right: .25rem
}

.rtl .alert-dismissible .close,
[dir="rtl"] .alert-dismissible .close {
    right: inherit;
    left: 0
}

.rtl .dropdown-toggle::after,
[dir="rtl"] .dropdown-toggle::after {
    margin-right: .255em;
    margin-left: 0
}

.rtl .form-check-input,
[dir="rtl"] .form-check-input {
    margin-right: -1.25rem;
    margin-left: inherit
}

.rtl .form-check-label,
[dir="rtl"] .form-check-label {
    padding-right: 1.25rem;
    padding-left: inherit
}

.rtl .offset-1,
[dir="rtl"] .offset-1 {
    margin-right: 8.333333%;
    margin-left: 0
}

.rtl .offset-2,
[dir="rtl"] .offset-2 {
    margin-right: 16.666667%;
    margin-left: 0
}

.rtl .offset-3,
[dir="rtl"] .offset-3 {
    margin-right: 25%;
    margin-left: 0
}

.rtl .offset-4,
[dir="rtl"] .offset-4 {
    margin-right: 33.333333%;
    margin-left: 0
}

.rtl .offset-5,
[dir="rtl"] .offset-5 {
    margin-right: 41.666667%;
    margin-left: 0
}

.rtl .offset-6,
[dir="rtl"] .offset-6 {
    margin-right: 50%;
    margin-left: 0
}

.rtl .offset-7,
[dir="rtl"] .offset-7 {
    margin-right: 58.333333%;
    margin-left: 0
}

.rtl .offset-8,
[dir="rtl"] .offset-8 {
    margin-right: 66.666667%;
    margin-left: 0
}

.rtl .offset-9,
[dir="rtl"] .offset-9 {
    margin-right: 75%;
    margin-left: 0
}

.rtl .offset-10,
[dir="rtl"] .offset-10 {
    margin-right: 83.333333%;
    margin-left: 0
}

.rtl .offset-11,
[dir="rtl"] .offset-11 {
    margin-right: 91.666667%;
    margin-left: 0
}

@media (min-width: 576px) {
    .rtl .offset-sm-0,
    [dir="rtl"] .offset-sm-0 {
        margin-right: 0;
        margin-left: 0
    }
    .rtl .offset-sm-1,
    [dir="rtl"] .offset-sm-1 {
        margin-right: 8.333333%;
        margin-left: 0
    }
    .rtl .offset-sm-2,
    [dir="rtl"] .offset-sm-2 {
        margin-right: 16.666667%;
        margin-left: 0
    }
    .rtl .offset-sm-3,
    [dir="rtl"] .offset-sm-3 {
        margin-right: 25%;
        margin-left: 0
    }
    .rtl .offset-sm-4,
    [dir="rtl"] .offset-sm-4 {
        margin-right: 33.333333%;
        margin-left: 0
    }
    .rtl .offset-sm-5,
    [dir="rtl"] .offset-sm-5 {
        margin-right: 41.666667%;
        margin-left: 0
    }
    .rtl .offset-sm-6,
    [dir="rtl"] .offset-sm-6 {
        margin-right: 50%;
        margin-left: 0
    }
    .rtl .offset-sm-7,
    [dir="rtl"] .offset-sm-7 {
        margin-right: 58.333333%;
        margin-left: 0
    }
    .rtl .offset-sm-8,
    [dir="rtl"] .offset-sm-8 {
        margin-right: 66.666667%;
        margin-left: 0
    }
    .rtl .offset-sm-9,
    [dir="rtl"] .offset-sm-9 {
        margin-right: 75%;
        margin-left: 0
    }
    .rtl .offset-sm-10,
    [dir="rtl"] .offset-sm-10 {
        margin-right: 83.333333%;
        margin-left: 0
    }
    .rtl .offset-sm-11,
    [dir="rtl"] .offset-sm-11 {
        margin-right: 91.666667%;
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .rtl .offset-md-0,
    [dir="rtl"] .offset-md-0 {
        margin-right: 0;
        margin-left: 0
    }
    .rtl .offset-md-1,
    [dir="rtl"] .offset-md-1 {
        margin-right: 8.333333%;
        margin-left: 0
    }
    .rtl .offset-md-2,
    [dir="rtl"] .offset-md-2 {
        margin-right: 16.666667%;
        margin-left: 0
    }
    .rtl .offset-md-3,
    [dir="rtl"] .offset-md-3 {
        margin-right: 25%;
        margin-left: 0
    }
    .rtl .offset-md-4,
    [dir="rtl"] .offset-md-4 {
        margin-right: 33.333333%;
        margin-left: 0
    }
    .rtl .offset-md-5,
    [dir="rtl"] .offset-md-5 {
        margin-right: 41.666667%;
        margin-left: 0
    }
    .rtl .offset-md-6,
    [dir="rtl"] .offset-md-6 {
        margin-right: 50%;
        margin-left: 0
    }
    .rtl .offset-md-7,
    [dir="rtl"] .offset-md-7 {
        margin-right: 58.333333%;
        margin-left: 0
    }
    .rtl .offset-md-8,
    [dir="rtl"] .offset-md-8 {
        margin-right: 66.666667%;
        margin-left: 0
    }
    .rtl .offset-md-9,
    [dir="rtl"] .offset-md-9 {
        margin-right: 75%;
        margin-left: 0
    }
    .rtl .offset-md-10,
    [dir="rtl"] .offset-md-10 {
        margin-right: 83.333333%;
        margin-left: 0
    }
    .rtl .offset-md-11,
    [dir="rtl"] .offset-md-11 {
        margin-right: 91.666667%;
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .rtl .offset-lg-0,
    [dir="rtl"] .offset-lg-0 {
        margin-right: 0;
        margin-left: 0
    }
    .rtl .offset-lg-1,
    [dir="rtl"] .offset-lg-1 {
        margin-right: 8.333333%;
        margin-left: 0
    }
    .rtl .offset-lg-2,
    [dir="rtl"] .offset-lg-2 {
        margin-right: 16.666667%;
        margin-left: 0
    }
    .rtl .offset-lg-3,
    [dir="rtl"] .offset-lg-3 {
        margin-right: 25%;
        margin-left: 0
    }
    .rtl .offset-lg-4,
    [dir="rtl"] .offset-lg-4 {
        margin-right: 33.333333%;
        margin-left: 0
    }
    .rtl .offset-lg-5,
    [dir="rtl"] .offset-lg-5 {
        margin-right: 41.666667%;
        margin-left: 0
    }
    .rtl .offset-lg-6,
    [dir="rtl"] .offset-lg-6 {
        margin-right: 50%;
        margin-left: 0
    }
    .rtl .offset-lg-7,
    [dir="rtl"] .offset-lg-7 {
        margin-right: 58.333333%;
        margin-left: 0
    }
    .rtl .offset-lg-8,
    [dir="rtl"] .offset-lg-8 {
        margin-right: 66.666667%;
        margin-left: 0
    }
    .rtl .offset-lg-9,
    [dir="rtl"] .offset-lg-9 {
        margin-right: 75%;
        margin-left: 0
    }
    .rtl .offset-lg-10,
    [dir="rtl"] .offset-lg-10 {
        margin-right: 83.333333%;
        margin-left: 0
    }
    .rtl .offset-lg-11,
    [dir="rtl"] .offset-lg-11 {
        margin-right: 91.666667%;
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .rtl .offset-xl-0,
    [dir="rtl"] .offset-xl-0 {
        margin-right: 0;
        margin-left: 0
    }
    .rtl .offset-xl-1,
    [dir="rtl"] .offset-xl-1 {
        margin-right: 8.333333%;
        margin-left: 0
    }
    .rtl .offset-xl-2,
    [dir="rtl"] .offset-xl-2 {
        margin-right: 16.666667%;
        margin-left: 0
    }
    .rtl .offset-xl-3,
    [dir="rtl"] .offset-xl-3 {
        margin-right: 25%;
        margin-left: 0
    }
    .rtl .offset-xl-4,
    [dir="rtl"] .offset-xl-4 {
        margin-right: 33.333333%;
        margin-left: 0
    }
    .rtl .offset-xl-5,
    [dir="rtl"] .offset-xl-5 {
        margin-right: 41.666667%;
        margin-left: 0
    }
    .rtl .offset-xl-6,
    [dir="rtl"] .offset-xl-6 {
        margin-right: 50%;
        margin-left: 0
    }
    .rtl .offset-xl-7,
    [dir="rtl"] .offset-xl-7 {
        margin-right: 58.333333%;
        margin-left: 0
    }
    .rtl .offset-xl-8,
    [dir="rtl"] .offset-xl-8 {
        margin-right: 66.666667%;
        margin-left: 0
    }
    .rtl .offset-xl-9,
    [dir="rtl"] .offset-xl-9 {
        margin-right: 75%;
        margin-left: 0
    }
    .rtl .offset-xl-10,
    [dir="rtl"] .offset-xl-10 {
        margin-right: 83.333333%;
        margin-left: 0
    }
    .rtl .offset-xl-11,
    [dir="rtl"] .offset-xl-11 {
        margin-right: 91.666667%;
        margin-left: 0
    }
}

.rtl .mr-0,
[dir="rtl"] .mr-0 {
    margin-right: 0!important;
    margin-left: 0!important
}

.rtl .ml-0,
[dir="rtl"] .ml-0 {
    margin-left: 0!important;
    margin-right: 0!important
}

.rtl mx-0,
[dir="rtl"] mx-0 {
    margin-left: 0!important;
    margin-right: 0!important
}

.rtl .mr-1,
[dir="rtl"] .mr-1 {
    margin-right: 0!important;
    margin-left: .25rem!important
}

.rtl .ml-1,
[dir="rtl"] .ml-1 {
    margin-left: 0!important;
    margin-right: .25rem!important
}

.rtl mx-1,
[dir="rtl"] mx-1 {
    margin-left: .25rem!important;
    margin-right: .25rem!important
}

.rtl .mr-2,
[dir="rtl"] .mr-2 {
    margin-right: 0!important;
    margin-left: .5rem!important
}

.rtl .ml-2,
[dir="rtl"] .ml-2 {
    margin-left: 0!important;
    margin-right: .5rem!important
}

.rtl mx-2,
[dir="rtl"] mx-2 {
    margin-left: .5rem!important;
    margin-right: .5rem!important
}

.rtl .mr-3,
[dir="rtl"] .mr-3 {
    margin-right: 0!important;
    margin-left: 1rem!important
}

.rtl .ml-3,
[dir="rtl"] .ml-3 {
    margin-left: 0!important;
    margin-right: 1rem!important
}

.rtl mx-3,
[dir="rtl"] mx-3 {
    margin-left: 1rem!important;
    margin-right: 1rem!important
}

.rtl .mr-4,
[dir="rtl"] .mr-4 {
    margin-right: 0!important;
    margin-left: 1.5rem!important
}

.rtl .ml-4,
[dir="rtl"] .ml-4 {
    margin-left: 0!important;
    margin-right: 1.5rem!important
}

.rtl mx-4,
[dir="rtl"] mx-4 {
    margin-left: 1.5rem!important;
    margin-right: 1.5rem!important
}

.rtl .mr-5,
[dir="rtl"] .mr-5 {
    margin-right: 0!important;
    margin-left: 3rem!important
}

.rtl .ml-5,
[dir="rtl"] .ml-5 {
    margin-left: 0!important;
    margin-right: 3rem!important
}

.rtl mx-5,
[dir="rtl"] mx-5 {
    margin-left: 3rem!important;
    margin-right: 3rem!important
}

.rtl .pr-0,
[dir="rtl"] .pr-0 {
    padding-right: 0!important;
    padding-left: 0!important
}

.rtl .pl-0,
[dir="rtl"] .pl-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.rtl px-0,
[dir="rtl"] px-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.rtl .pr-1,
[dir="rtl"] .pr-1 {
    padding-right: 0!important;
    padding-left: .25rem!important
}

.rtl .pl-1,
[dir="rtl"] .pl-1 {
    padding-left: 0!important;
    padding-right: .25rem!important
}

.rtl px-1,
[dir="rtl"] px-1 {
    padding-left: .25rem!important;
    padding-right: .25rem!important
}

.rtl .pr-2,
[dir="rtl"] .pr-2 {
    padding-right: 0!important;
    padding-left: .5rem!important
}

.rtl .pl-2,
[dir="rtl"] .pl-2 {
    padding-left: 0!important;
    padding-right: .5rem!important
}

.rtl px-2,
[dir="rtl"] px-2 {
    padding-left: .5rem!important;
    padding-right: .5rem!important
}

.rtl .pr-3,
[dir="rtl"] .pr-3 {
    padding-right: 0!important;
    padding-left: 1rem!important
}

.rtl .pl-3,
[dir="rtl"] .pl-3 {
    padding-left: 0!important;
    padding-right: 1rem!important
}

.rtl px-3,
[dir="rtl"] px-3 {
    padding-left: 1rem!important;
    padding-right: 1rem!important
}

.rtl .pr-4,
[dir="rtl"] .pr-4 {
    padding-right: 0!important;
    padding-left: 1.5rem!important
}

.rtl .pl-4,
[dir="rtl"] .pl-4 {
    padding-left: 0!important;
    padding-right: 1.5rem!important
}

.rtl px-4,
[dir="rtl"] px-4 {
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important
}

.rtl .pr-5,
[dir="rtl"] .pr-5 {
    padding-right: 0!important;
    padding-left: 3rem!important
}

.rtl .pl-5,
[dir="rtl"] .pl-5 {
    padding-left: 0!important;
    padding-right: 3rem!important
}

.rtl px-5,
[dir="rtl"] px-5 {
    padding-left: 3rem!important;
    padding-right: 3rem!important
}

.rtl .mr-auto,
[dir="rtl"] .mr-auto {
    margin-right: 0!important;
    margin-left: auto!important
}

.rtl .ml-auto,
[dir="rtl"] .ml-auto {
    margin-right: auto!important;
    margin-left: 0!important
}

.rtl .mx-auto,
[dir="rtl"] .mx-auto {
    margin-right: auto!important;
    margin-left: auto!important
}

@media (min-width: 576px) {
    .rtl .mr-sm-0,
    [dir="rtl"] .mr-sm-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }
    .rtl .ml-sm-0,
    [dir="rtl"] .ml-sm-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }
    .rtl mx-sm-0,
    [dir="rtl"] mx-sm-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }
    .rtl .mr-sm-1,
    [dir="rtl"] .mr-sm-1 {
        margin-right: 0!important;
        margin-left: .25rem!important
    }
    .rtl .ml-sm-1,
    [dir="rtl"] .ml-sm-1 {
        margin-left: 0!important;
        margin-right: .25rem!important
    }
    .rtl mx-sm-1,
    [dir="rtl"] mx-sm-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }
    .rtl .mr-sm-2,
    [dir="rtl"] .mr-sm-2 {
        margin-right: 0!important;
        margin-left: .5rem!important
    }
    .rtl .ml-sm-2,
    [dir="rtl"] .ml-sm-2 {
        margin-left: 0!important;
        margin-right: .5rem!important
    }
    .rtl mx-sm-2,
    [dir="rtl"] mx-sm-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }
    .rtl .mr-sm-3,
    [dir="rtl"] .mr-sm-3 {
        margin-right: 0!important;
        margin-left: 1rem!important
    }
    .rtl .ml-sm-3,
    [dir="rtl"] .ml-sm-3 {
        margin-left: 0!important;
        margin-right: 1rem!important
    }
    .rtl mx-sm-3,
    [dir="rtl"] mx-sm-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }
    .rtl .mr-sm-4,
    [dir="rtl"] .mr-sm-4 {
        margin-right: 0!important;
        margin-left: 1.5rem!important
    }
    .rtl .ml-sm-4,
    [dir="rtl"] .ml-sm-4 {
        margin-left: 0!important;
        margin-right: 1.5rem!important
    }
    .rtl mx-sm-4,
    [dir="rtl"] mx-sm-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }
    .rtl .mr-sm-5,
    [dir="rtl"] .mr-sm-5 {
        margin-right: 0!important;
        margin-left: 3rem!important
    }
    .rtl .ml-sm-5,
    [dir="rtl"] .ml-sm-5 {
        margin-left: 0!important;
        margin-right: 3rem!important
    }
    .rtl mx-sm-5,
    [dir="rtl"] mx-sm-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }
    .rtl .pr-sm-0,
    [dir="rtl"] .pr-sm-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }
    .rtl .pl-sm-0,
    [dir="rtl"] .pl-sm-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .rtl px-sm-0,
    [dir="rtl"] px-sm-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .rtl .pr-sm-1,
    [dir="rtl"] .pr-sm-1 {
        padding-right: 0!important;
        padding-left: .25rem!important
    }
    .rtl .pl-sm-1,
    [dir="rtl"] .pl-sm-1 {
        padding-left: 0!important;
        padding-right: .25rem!important
    }
    .rtl px-sm-1,
    [dir="rtl"] px-sm-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }
    .rtl .pr-sm-2,
    [dir="rtl"] .pr-sm-2 {
        padding-right: 0!important;
        padding-left: .5rem!important
    }
    .rtl .pl-sm-2,
    [dir="rtl"] .pl-sm-2 {
        padding-left: 0!important;
        padding-right: .5rem!important
    }
    .rtl px-sm-2,
    [dir="rtl"] px-sm-2 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }
    .rtl .pr-sm-3,
    [dir="rtl"] .pr-sm-3 {
        padding-right: 0!important;
        padding-left: 1rem!important
    }
    .rtl .pl-sm-3,
    [dir="rtl"] .pl-sm-3 {
        padding-left: 0!important;
        padding-right: 1rem!important
    }
    .rtl px-sm-3,
    [dir="rtl"] px-sm-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }
    .rtl .pr-sm-4,
    [dir="rtl"] .pr-sm-4 {
        padding-right: 0!important;
        padding-left: 1.5rem!important
    }
    .rtl .pl-sm-4,
    [dir="rtl"] .pl-sm-4 {
        padding-left: 0!important;
        padding-right: 1.5rem!important
    }
    .rtl px-sm-4,
    [dir="rtl"] px-sm-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }
    .rtl .pr-sm-5,
    [dir="rtl"] .pr-sm-5 {
        padding-right: 0!important;
        padding-left: 3rem!important
    }
    .rtl .pl-sm-5,
    [dir="rtl"] .pl-sm-5 {
        padding-left: 0!important;
        padding-right: 3rem!important
    }
    .rtl px-sm-5,
    [dir="rtl"] px-sm-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }
    .rtl .mr-sm-auto,
    [dir="rtl"] .mr-sm-auto {
        margin-right: 0!important;
        margin-left: auto!important
    }
    .rtl .ml-sm-auto,
    [dir="rtl"] .ml-sm-auto {
        margin-right: auto!important;
        margin-left: 0!important
    }
    .rtl .mx-sm-auto,
    [dir="rtl"] .mx-sm-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }
}

@media (min-width: 768px) {
    .rtl .mr-md-0,
    [dir="rtl"] .mr-md-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }
    .rtl .ml-md-0,
    [dir="rtl"] .ml-md-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }
    .rtl mx-md-0,
    [dir="rtl"] mx-md-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }
    .rtl .mr-md-1,
    [dir="rtl"] .mr-md-1 {
        margin-right: 0!important;
        margin-left: .25rem!important
    }
    .rtl .ml-md-1,
    [dir="rtl"] .ml-md-1 {
        margin-left: 0!important;
        margin-right: .25rem!important
    }
    .rtl mx-md-1,
    [dir="rtl"] mx-md-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }
    .rtl .mr-md-2,
    [dir="rtl"] .mr-md-2 {
        margin-right: 0!important;
        margin-left: .5rem!important
    }
    .rtl .ml-md-2,
    [dir="rtl"] .ml-md-2 {
        margin-left: 0!important;
        margin-right: .5rem!important
    }
    .rtl mx-md-2,
    [dir="rtl"] mx-md-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }
    .rtl .mr-md-3,
    [dir="rtl"] .mr-md-3 {
        margin-right: 0!important;
        margin-left: 1rem!important
    }
    .rtl .ml-md-3,
    [dir="rtl"] .ml-md-3 {
        margin-left: 0!important;
        margin-right: 1rem!important
    }
    .rtl mx-md-3,
    [dir="rtl"] mx-md-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }
    .rtl .mr-md-4,
    [dir="rtl"] .mr-md-4 {
        margin-right: 0!important;
        margin-left: 1.5rem!important
    }
    .rtl .ml-md-4,
    [dir="rtl"] .ml-md-4 {
        margin-left: 0!important;
        margin-right: 1.5rem!important
    }
    .rtl mx-md-4,
    [dir="rtl"] mx-md-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }
    .rtl .mr-md-5,
    [dir="rtl"] .mr-md-5 {
        margin-right: 0!important;
        margin-left: 3rem!important
    }
    .rtl .ml-md-5,
    [dir="rtl"] .ml-md-5 {
        margin-left: 0!important;
        margin-right: 3rem!important
    }
    .rtl mx-md-5,
    [dir="rtl"] mx-md-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }
    .rtl .pr-md-0,
    [dir="rtl"] .pr-md-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }
    .rtl .pl-md-0,
    [dir="rtl"] .pl-md-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .rtl px-md-0,
    [dir="rtl"] px-md-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .rtl .pr-md-1,
    [dir="rtl"] .pr-md-1 {
        padding-right: 0!important;
        padding-left: .25rem!important
    }
    .rtl .pl-md-1,
    [dir="rtl"] .pl-md-1 {
        padding-left: 0!important;
        padding-right: .25rem!important
    }
    .rtl px-md-1,
    [dir="rtl"] px-md-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }
    .rtl .pr-md-2,
    [dir="rtl"] .pr-md-2 {
        padding-right: 0!important;
        padding-left: .5rem!important
    }
    .rtl .pl-md-2,
    [dir="rtl"] .pl-md-2 {
        padding-left: 0!important;
        padding-right: .5rem!important
    }
    .rtl px-md-2,
    [dir="rtl"] px-md-2 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }
    .rtl .pr-md-3,
    [dir="rtl"] .pr-md-3 {
        padding-right: 0!important;
        padding-left: 1rem!important
    }
    .rtl .pl-md-3,
    [dir="rtl"] .pl-md-3 {
        padding-left: 0!important;
        padding-right: 1rem!important
    }
    .rtl px-md-3,
    [dir="rtl"] px-md-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }
    .rtl .pr-md-4,
    [dir="rtl"] .pr-md-4 {
        padding-right: 0!important;
        padding-left: 1.5rem!important
    }
    .rtl .pl-md-4,
    [dir="rtl"] .pl-md-4 {
        padding-left: 0!important;
        padding-right: 1.5rem!important
    }
    .rtl px-md-4,
    [dir="rtl"] px-md-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }
    .rtl .pr-md-5,
    [dir="rtl"] .pr-md-5 {
        padding-right: 0!important;
        padding-left: 3rem!important
    }
    .rtl .pl-md-5,
    [dir="rtl"] .pl-md-5 {
        padding-left: 0!important;
        padding-right: 3rem!important
    }
    .rtl px-md-5,
    [dir="rtl"] px-md-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }
    .rtl .mr-md-auto,
    [dir="rtl"] .mr-md-auto {
        margin-right: 0!important;
        margin-left: auto!important
    }
    .rtl .ml-md-auto,
    [dir="rtl"] .ml-md-auto {
        margin-right: auto!important;
        margin-left: 0!important
    }
    .rtl .mx-md-auto,
    [dir="rtl"] .mx-md-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }
}

@media (min-width: 992px) {
    .rtl .mr-lg-0,
    [dir="rtl"] .mr-lg-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }
    .rtl .ml-lg-0,
    [dir="rtl"] .ml-lg-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }
    .rtl mx-lg-0,
    [dir="rtl"] mx-lg-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }
    .rtl .mr-lg-1,
    [dir="rtl"] .mr-lg-1 {
        margin-right: 0!important;
        margin-left: .25rem!important
    }
    .rtl .ml-lg-1,
    [dir="rtl"] .ml-lg-1 {
        margin-left: 0!important;
        margin-right: .25rem!important
    }
    .rtl mx-lg-1,
    [dir="rtl"] mx-lg-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }
    .rtl .mr-lg-2,
    [dir="rtl"] .mr-lg-2 {
        margin-right: 0!important;
        margin-left: .5rem!important
    }
    .rtl .ml-lg-2,
    [dir="rtl"] .ml-lg-2 {
        margin-left: 0!important;
        margin-right: .5rem!important
    }
    .rtl mx-lg-2,
    [dir="rtl"] mx-lg-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }
    .rtl .mr-lg-3,
    [dir="rtl"] .mr-lg-3 {
        margin-right: 0!important;
        margin-left: 1rem!important
    }
    .rtl .ml-lg-3,
    [dir="rtl"] .ml-lg-3 {
        margin-left: 0!important;
        margin-right: 1rem!important
    }
    .rtl mx-lg-3,
    [dir="rtl"] mx-lg-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }
    .rtl .mr-lg-4,
    [dir="rtl"] .mr-lg-4 {
        margin-right: 0!important;
        margin-left: 1.5rem!important
    }
    .rtl .ml-lg-4,
    [dir="rtl"] .ml-lg-4 {
        margin-left: 0!important;
        margin-right: 1.5rem!important
    }
    .rtl mx-lg-4,
    [dir="rtl"] mx-lg-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }
    .rtl .mr-lg-5,
    [dir="rtl"] .mr-lg-5 {
        margin-right: 0!important;
        margin-left: 3rem!important
    }
    .rtl .ml-lg-5,
    [dir="rtl"] .ml-lg-5 {
        margin-left: 0!important;
        margin-right: 3rem!important
    }
    .rtl mx-lg-5,
    [dir="rtl"] mx-lg-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }
    .rtl .pr-lg-0,
    [dir="rtl"] .pr-lg-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }
    .rtl .pl-lg-0,
    [dir="rtl"] .pl-lg-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .rtl px-lg-0,
    [dir="rtl"] px-lg-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .rtl .pr-lg-1,
    [dir="rtl"] .pr-lg-1 {
        padding-right: 0!important;
        padding-left: .25rem!important
    }
    .rtl .pl-lg-1,
    [dir="rtl"] .pl-lg-1 {
        padding-left: 0!important;
        padding-right: .25rem!important
    }
    .rtl px-lg-1,
    [dir="rtl"] px-lg-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }
    .rtl .pr-lg-2,
    [dir="rtl"] .pr-lg-2 {
        padding-right: 0!important;
        padding-left: .5rem!important
    }
    .rtl .pl-lg-2,
    [dir="rtl"] .pl-lg-2 {
        padding-left: 0!important;
        padding-right: .5rem!important
    }
    .rtl px-lg-2,
    [dir="rtl"] px-lg-2 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }
    .rtl .pr-lg-3,
    [dir="rtl"] .pr-lg-3 {
        padding-right: 0!important;
        padding-left: 1rem!important
    }
    .rtl .pl-lg-3,
    [dir="rtl"] .pl-lg-3 {
        padding-left: 0!important;
        padding-right: 1rem!important
    }
    .rtl px-lg-3,
    [dir="rtl"] px-lg-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }
    .rtl .pr-lg-4,
    [dir="rtl"] .pr-lg-4 {
        padding-right: 0!important;
        padding-left: 1.5rem!important
    }
    .rtl .pl-lg-4,
    [dir="rtl"] .pl-lg-4 {
        padding-left: 0!important;
        padding-right: 1.5rem!important
    }
    .rtl px-lg-4,
    [dir="rtl"] px-lg-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }
    .rtl .pr-lg-5,
    [dir="rtl"] .pr-lg-5 {
        padding-right: 0!important;
        padding-left: 3rem!important
    }
    .rtl .pl-lg-5,
    [dir="rtl"] .pl-lg-5 {
        padding-left: 0!important;
        padding-right: 3rem!important
    }
    .rtl px-lg-5,
    [dir="rtl"] px-lg-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }
    .rtl .mr-lg-auto,
    [dir="rtl"] .mr-lg-auto {
        margin-right: 0!important;
        margin-left: auto!important
    }
    .rtl .ml-lg-auto,
    [dir="rtl"] .ml-lg-auto {
        margin-right: auto!important;
        margin-left: 0!important
    }
    .rtl .mx-lg-auto,
    [dir="rtl"] .mx-lg-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }
}

@media (min-width: 1200px) {
    .rtl .mr-xl-0,
    [dir="rtl"] .mr-xl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }
    .rtl .ml-xl-0,
    [dir="rtl"] .ml-xl-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }
    .rtl mx-xl-0,
    [dir="rtl"] mx-xl-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }
    .rtl .mr-xl-1,
    [dir="rtl"] .mr-xl-1 {
        margin-right: 0!important;
        margin-left: .25rem!important
    }
    .rtl .ml-xl-1,
    [dir="rtl"] .ml-xl-1 {
        margin-left: 0!important;
        margin-right: .25rem!important
    }
    .rtl mx-xl-1,
    [dir="rtl"] mx-xl-1 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }
    .rtl .mr-xl-2,
    [dir="rtl"] .mr-xl-2 {
        margin-right: 0!important;
        margin-left: .5rem!important
    }
    .rtl .ml-xl-2,
    [dir="rtl"] .ml-xl-2 {
        margin-left: 0!important;
        margin-right: .5rem!important
    }
    .rtl mx-xl-2,
    [dir="rtl"] mx-xl-2 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }
    .rtl .mr-xl-3,
    [dir="rtl"] .mr-xl-3 {
        margin-right: 0!important;
        margin-left: 1rem!important
    }
    .rtl .ml-xl-3,
    [dir="rtl"] .ml-xl-3 {
        margin-left: 0!important;
        margin-right: 1rem!important
    }
    .rtl mx-xl-3,
    [dir="rtl"] mx-xl-3 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }
    .rtl .mr-xl-4,
    [dir="rtl"] .mr-xl-4 {
        margin-right: 0!important;
        margin-left: 1.5rem!important
    }
    .rtl .ml-xl-4,
    [dir="rtl"] .ml-xl-4 {
        margin-left: 0!important;
        margin-right: 1.5rem!important
    }
    .rtl mx-xl-4,
    [dir="rtl"] mx-xl-4 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }
    .rtl .mr-xl-5,
    [dir="rtl"] .mr-xl-5 {
        margin-right: 0!important;
        margin-left: 3rem!important
    }
    .rtl .ml-xl-5,
    [dir="rtl"] .ml-xl-5 {
        margin-left: 0!important;
        margin-right: 3rem!important
    }
    .rtl mx-xl-5,
    [dir="rtl"] mx-xl-5 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }
    .rtl .pr-xl-0,
    [dir="rtl"] .pr-xl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }
    .rtl .pl-xl-0,
    [dir="rtl"] .pl-xl-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .rtl px-xl-0,
    [dir="rtl"] px-xl-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .rtl .pr-xl-1,
    [dir="rtl"] .pr-xl-1 {
        padding-right: 0!important;
        padding-left: .25rem!important
    }
    .rtl .pl-xl-1,
    [dir="rtl"] .pl-xl-1 {
        padding-left: 0!important;
        padding-right: .25rem!important
    }
    .rtl px-xl-1,
    [dir="rtl"] px-xl-1 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }
    .rtl .pr-xl-2,
    [dir="rtl"] .pr-xl-2 {
        padding-right: 0!important;
        padding-left: .5rem!important
    }
    .rtl .pl-xl-2,
    [dir="rtl"] .pl-xl-2 {
        padding-left: 0!important;
        padding-right: .5rem!important
    }
    .rtl px-xl-2,
    [dir="rtl"] px-xl-2 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }
    .rtl .pr-xl-3,
    [dir="rtl"] .pr-xl-3 {
        padding-right: 0!important;
        padding-left: 1rem!important
    }
    .rtl .pl-xl-3,
    [dir="rtl"] .pl-xl-3 {
        padding-left: 0!important;
        padding-right: 1rem!important
    }
    .rtl px-xl-3,
    [dir="rtl"] px-xl-3 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }
    .rtl .pr-xl-4,
    [dir="rtl"] .pr-xl-4 {
        padding-right: 0!important;
        padding-left: 1.5rem!important
    }
    .rtl .pl-xl-4,
    [dir="rtl"] .pl-xl-4 {
        padding-left: 0!important;
        padding-right: 1.5rem!important
    }
    .rtl px-xl-4,
    [dir="rtl"] px-xl-4 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }
    .rtl .pr-xl-5,
    [dir="rtl"] .pr-xl-5 {
        padding-right: 0!important;
        padding-left: 3rem!important
    }
    .rtl .pl-xl-5,
    [dir="rtl"] .pl-xl-5 {
        padding-left: 0!important;
        padding-right: 3rem!important
    }
    .rtl px-xl-5,
    [dir="rtl"] px-xl-5 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }
    .rtl .mr-xl-auto,
    [dir="rtl"] .mr-xl-auto {
        margin-right: 0!important;
        margin-left: auto!important
    }
    .rtl .ml-xl-auto,
    [dir="rtl"] .ml-xl-auto {
        margin-right: auto!important;
        margin-left: 0!important
    }
    .rtl .mx-xl-auto,
    [dir="rtl"] .mx-xl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }
}

.rtl .text-right,
[dir="rtl"] .text-right {
    text-align: left!important
}

.rtl .text-left,
[dir="rtl"] .text-left {
    text-align: right!important
}

@media (min-width: 576px) {
    .rtl .text-sm-right,
    [dir="rtl"] .text-sm-right {
        text-align: left!important
    }
    .rtl .text-sm-left,
    [dir="rtl"] .text-sm-left {
        text-align: right!important
    }
}

@media (min-width: 768px) {
    .rtl .text-md-right,
    [dir="rtl"] .text-md-right {
        text-align: left!important
    }
    .rtl .text-md-left,
    [dir="rtl"] .text-md-left {
        text-align: right!important
    }
}

@media (min-width: 992px) {
    .rtl .text-lg-right,
    [dir="rtl"] .text-lg-right {
        text-align: left!important
    }
    .rtl .text-lg-left,
    [dir="rtl"] .text-lg-left {
        text-align: right!important
    }
}

@media (min-width: 1200px) {
    .rtl .text-xl-right,
    [dir="rtl"] .text-xl-right {
        text-align: left!important
    }
    .rtl .text-xl-left,
    [dir="rtl"] .text-xl-left {
        text-align: right!important
    }
}

@media (min-width: 1080px) {
    .float-lg-right {
        float: left!important
    }
}

@media (min-width: 576px) {
    .float-sm-right {
        float: left!important
    }
}

.la-arrow-right:before {
    content: "\f120"!important
}

.la-arrow-left:before {
    content: "\f121"!important
}

.float-left {
    float: right!important
}

.float-right {
    float: left!important
}

.ml-1.noarmargin,
.ml-2.noarmargin,
.ml-3.noarmargin,
.ml-4.noarmargin,
.ml-5.noarmargin,
.mr-1.noarmargin,
.mr-2.noarmargin,
.mr-3.noarmargin,
.mr-4.noarmargin,
.mr-5.noarmargin {
    margin-right: 0!important;
    margin-left: 0!important
}

body {
    overflow-x: hidden!important
}

body.homepage {
    overflow-x: hidden!important
}

.fs-14 {
    font-size: 15px!important
}

a,
body,
.price,
.roboto,
body.homepage .ucasl-main-nav.homepage.newhead a,
.valera,
.ucasl-main-nav.homepage.newhead a,
.langscsec.browse h2,
.langscsec.students h5,
.ucasl-main-nav.homepage.newhead.nobg a,
.damion,
h5 {
    font-family: 'Tajawal', sans-serif!important;
    letter-spacing: -.05px!important
}

footer .logo-links .links li a {
    font-size: 16px!important
}

.ucasl-main-nav .logo {
    text-align: right!important
}

.login-register {
    float: left
}

.currency {
    left: -30px;
    right: auto
}


.searchbox .search-input {
    float: right!important
}

.searchbox.homebox .search-input {
    border-right: 1px solid #d8d8d8;
    padding-right: 10px;
    border-left: none;
    padding-left: 0
}

.currencybox {
    right: inherit;
    left: 6.5%
}

.langbox {
    right: inherit;
    left: 6%
}

.langbox .arrow-up {
    right: inherit!important;
    left: 60px!important
}

#loginBox {
    left: 11%!important;
    right: inherit
}

.arrow-up {
    right: inherit;
    left: 105px!important
}

.searchbox.homebox .search-input:last-child {
    padding-left: inherit!important;
    border-left: inherit!important;
    padding-right: 0;
    border-right: none
}

.langbox-mobile img.arrow-up {
    right: inherit!important;
    left: 75px!important
}

.menu-mobile-only .arrow-up {
    position: relative;
    float: left;
    right: inherit!important;
    margin-left: 56px!important
}

.inarminmar {
    margin-top: -6px!important
}

.addcompare.helvetica {
    font-size: 16px!important
}

ul.desc h6 {
    font-size: 16px
}

ul.course-outcomes {
    margin-left: inherit;
    margin-right: 17px!important
}

#quickSearchBox.header {
    max-width: 920px;
    right: -600px
}

.notify {
    border-right: 2px solid #eee;
    padding-right: 10px;
    border-left: none;
    padding-left: 0
}

.notify .number {
    left: -11px;
    right: inherit!important
}

.notifications {
    left: 11.6%;
    right: inherit!important
}

#loginBox.logged {
    left: 4%;
    right: inherit!important
}

footer .logo-links .links hr {
    float: right!important
}

.logo-links svg {
    float: left!important
}

.login span.toggle-pass {
    left: 15px!important;
    right: inherit!important
}

.radio-item label:before,
.check-item label:before {
    margin: 0 0 0 9px
}

.radio-item input[type=radio]:checked+label:after {
    right: 11px;
    left: inherit
}

hr.newdmy {
    text-align: right;
    margin-right: 0;
    margin-left: inherit
}

.arrows-home {
    left: 10px;
    right: inherit!important
}

a.close-nav {
    left: 0;
    right: inherit!important;
    padding: 10px 60px 10px 30px !important
}

.borleft-track {
    border-right: 6px solid #eee;
    border-left: none
}

.logged.intheppp .float-right.d-inline-block.red-bg.boradius-20.py-1.px-2.white.ml-5 {
    margin-left: 10px!important
}

.co-border,
.ac-border,
.ex-border {
    border-right: 4px solid #0DA3FB;
    border-left: none
}

.price-bor {
    border-right: 4px solid #CE181E;
    border-left: none
}

a#closeFilter {
    left: inherit!important;
    right: 0!important
}

section.search-results .filters {
    margin-left: inherit!important;
    margin-right: 15%!important
}

#compareBox {
    margin-left: inherit!important;
    margin-right: 15%!important
}

a.compare-bu {
    right: inherit!important;
    left: 140px
}

.acco-promo img {
    padding-right: 20px!important
}

.short-share .shortlist {
    margin-left: 15px!important
}

.school-load-more.col-md-12 .course-details-block {
    right: 315px;
    float: left;
    left: 0
}

.schoolbox-lang {
    border-right: 1px solid #d8d8d8;
    border-left: none
}

.langscsec.students {
    background: url(../images/pages/students/header-ar.png) top left no-repeat;
    padding: 300px 0 450px!important
}

.langscsec.students.events {
    background: url(../images/pages/agents/header-ar.png) top left no-repeat
}

.free-use {
    background: url(../images/pages/students/free-ar.png) no-repeat top right #FBAC03
}

.free-use.reverse {
    background: url(../images/pages/students/discounts-ar.png) no-repeat top left #efefef
}

.free-use.advise {
    background: url(../images/pages/students/advise-ar.png) no-repeat top right #bce3e4
}

.free-use.inabout-us {
    background-image: url(../images/pages/about/header2-ar.jpg)
}

.addthis_inline_share_toolbox {
    right: inherit!important;
    left: 0%!important
}

.addthis_inline_share_toolbox.incomparAr {
    left: 1%!important
}

.nav-item.nav-link a.fs-14 {
    font-size: 15px!important;
    font-weight: 700!important
}

select.form-control {
    padding: .175rem .75rem .345rem!important
}

.chosen-container-single .chosen-single div {
    right: inherit!important;
    left: 10px!important
}

.chosen-container-single .chosen-single span {
    margin-right: 15px!important
}

.searchbox.homebox .search-input:last-child {
    padding-left: 0!important;
    margin-right: 15px!important;
    margin-left: 0!important
}

.incompare .chosen-container {
    width: 95px!important
}

.incompare .chosen-container-single .chosen-single span {
    font-size: 14px!important
}

section.search-results .sorting-choose select {
    background: url(../images/pages/search-results/select-arrow.png) center left no-repeat!important
}

.selecar {
    width: 100px!important
}

.roboto.pb-0.mb-0.text-lg-center.text-left.main-grey.schoolNamePage {
    text-align: center!important
}

.course-cat.toborderdmy.white-bg.with-shadow.boradius-5-not.inSchoPage img {
    margin-right: 15px!important;
    margin-top: 15px!important
}

.av-options {
    border-right: 4px solid #ce181e;
    border-left: 0!important
}

.comparsion {
    border-right: 4px solid #ce181e;
    border-left: 0
}

span.inBl-f {
    right: 105px;
    left: 0px;
}

.lang {
    margin-right: 0!important;
    margin-left: 15px!important
}

section.radius-language .radiused {
    background: url(../images/pages/language-schools/headers-ar.png) left center no-repeat #00c7e2!important;
    padding: 100px 70px 95px 0
}

section.radius-language .radiused h5 {
    font-size: 24px!important
}

.schoolNamec {
    background: url(../images/pages/school-details/name-dec.png) no-repeat right center!important;
    padding-right: 20px!important;
    padding-left: 0!important
}

.padl9px {
    padding-left: 0!important;
    padding-right: 15px!important
}

.thecourse svg {
    float: right!important
}

.thecourse .thecoursename {
    float: right!important
}

.currsy {
    font-size: 15px!important
}

.inevents h1 {
    font-family: 'Tajawal', sans-serif!important
}

.inevents h2 {
    font-size: 38px!important
}

ul.social-icons,
.social-cont {
    direction: ltr!important
}

.termsN {
    float: right!important
}

span.termsT {
    float: right!important
}

.fs-46 {
    font-size: 38px!important
}

.compare-page .compare-school .school-logo a.red {
    left: 23px!important;
    right: inherit!important
}

.datepicker.-from-bottom-.active {
    min-width: 360px!important
}

.tooltip-inner {
    text-align: right!important
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    right: 0!important;
    left: auto!important
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
    padding-right: 100px!important;
    padding-left: 0!important
}

.iti--separate-dial-code .iti__selected-dial-code {
    direction: ltr!important;
    margin-left: 2px!important;
    margin-right: 6px!important
}

.iti__country {
    text-align: right!important
}

.iti__flag-box,
.iti__country-name {
    margin-left: 6px!important;
    margin-right: 0!important
}

.theSteps .theArrow {
    left: inherit!important;
    right: -6px!important
}

body.homepage .invalid-feedback,
.inHeader .invalid-feedback {
    left: inherit!important;
    text-align: right;
    padding-left: inherit!important;
    right: 11px;
    padding-right: 10px!important
}

.inHeader .invalid-feedback {
    left: inherit!important;
    text-align: right;
    max-width: 85%!important;
    padding-left: inherit;
    right: 17px!important;
    padding-right: 10px!important
}
#compare_list_side li span {padding-right: 0px!important; padding-left: 20px!important;}
#compare_list_side li a {right:inherit!important; left: 15px!important;}

@media screen and (max-width:1366px) {
    .inHeader .invalid-feedback {
        left: inherit;
        right: 16px!important;
        top: 8px;
        background: #fff;
        text-align: right;
        max-width: 77%!important;
        padding-left: inherit;
        padding-right: 0
    }
}

.inSchoolPageBooking .invalid-feedback {
    right: -40px;
    left: inherit!important
}

.inCABooking .invalid-feedback {
    right: 25px;
    left: inherit!important;
    position: absolute
}

.alert.alert-danger a.close {
    right: inherit;
    left: 7px!important
}

.swal2-title {
    font-size: 28px!important
}

.swal2-content {
    font-size: 18px!important
}

.swal2-title,
.swal2-content {
    text-align: right!important;
    direction: rtl!important
}

.swal2-close {
    right: inherit!important;
    left: 0!important
}

.check-item label:before {
    float: right!important;
    top: 3px!important
}

.circle-info {
    margin-left: 0!important;
    margin-right: 5px!important
}

.focusbg.ucasl-focus::before {
    margin-left: 10px!important;
    margin-right: 0!important
}

.inFavShor {
    border-left: 0 solid #d8d8d8;
    border-right: 1px solid #d8d8d8
}

.new-app .desc,
.new-app td.course-price {
    text-align: left!important
}

.pie-wrapper {
    float: left!important
}

.theResultsIntro {
    font-size: 13px!important
}

.fixArPrices {
    direction: ltr!important
}

.tooltip {
    left: -5px!important
}

.phoneLtr {
    direction: ltr!important
}

.search-results #phoneEXT {
    direction: ltr!important;
    text-align: right!important
}

.invalid-feedback font {
    float: right!important;
    text-align: right!important
}

.theRobotV {
    text-align: right!important
}

@media screen and (min-width:1440px) {
    #navigation {
        margin-right: 310px!important;
        margin-left: 0!important
    }
}

@media screen and (min-width:1366px) {
    .right-text-about {
        border-left: 5px solid #ffdecb;
        border-right: 0!important
    }
    .left-text-about {
        border-right: 5px solid #cbffff;
        border-left: 0!important
    }
    #navigation {
        margin-right: 250px!important;
        margin-left: 0!important
    }
}

@media screen and (min-width: 1080px) {
    .lefBorCredit {
        border-right: 2px solid #cecece!important;
        border-left: 0 solid #cecece!important
    }
    .courses-filter.insearchpage {
        margin-right: 15%!important;
        margin-left: 5%!important
    }
    .status-action {
        left: 15px!important;
        right: inherit!important
    }
    .searchbox.homebox .search-input:first-child {
        padding-left: inherit!important;
        border-left: inherit!important;
        padding-right: 0;
        border-right: none
    }
}

@media screen and (max-width: 1768px) {
    #quickSearchBox.header {
        left: 0!important;
        width: 880px!important;
        right: -110px!important
    }
}

@media screen and (max-width: 1600px) {
    .panel-container.pl-5 {
        padding-left: 45px!important
    }
    #quickSearchBox.header {
        max-width: 700px;
        right: -330px!important
    }
    #quickSearchBox.header form.searching {
        max-width: 790px
    }
    .langbox {
        left: 3.3%!important;
        right: inherit!important
    }
}

@media screen and (max-width: 1440px) {
    section.search-results .school-load-more h6 {
        font-size: 15px!important
    }
    .datepicker {
        margin-top: 4px!important
    }
    .addthis_inline_share_toolbox {
        right: inherit!important;
        left: 1%!important
    }
    .addthis_inline_share_toolbox.incomparAr {
        left: 1%!important
    }

    .lang img {
        margin-right: inherit!important;
        margin-left: 0!important
    }
    .currency {
        left: -3px!important;
        right: inherit!important;
        top: 12px$i;
        font-size: 14px$i
    }
    #loginBox {
        right: inherit!important
    }
    #quickSearchBox.header {
        right: -150px!important;
        max-width: 760px!important
    }
    .arrow-up {
        left: 90px!important
    }
    .langbox .arrow-up {
        left: 11px!important
    }
}

@media screen and (max-width: 1366px) {
  #compare_list_side li a {right:inherit!important; left: 25px!important;}
    section.radius-language .radiused {
        padding: 60px 50px 45px 0 !important;
        border-radius: 20px!important
    }
    section.radius-language .radiused h5 {
        font-size: 20px!important
    }
    .langscsec h5 {
        line-height: 36px!important
    }
    .langscsec.students {
        padding-top: 250px!important;
        background-size: 60%;
        padding-bottom: 300px!important
    }
    .langscsec h2.inarEven {
        font-size: 46px!important
    }
    .acconameinp {
        font-size: 14px!important
    }
    .check-item label:before {
        max-width: 18px!important
    }
    .search-input:nth-child(3) {
        min-width: 230px;
        max-width: 230px
    }
    .search-input:nth-child(4) {
        min-width: 190px;
        max-width: 190px
    }
    .searchbox.homebox .chosen-container .chosen-drop {
        margin-top: 18px!important
    }
    .searchbox.homebox .durations-choose .chosen-container .chosen-drop {
        margin-top: 17px!important
    }
    .lang {
        margin-right: inherit!important;
        margin-left: 10px!important
    }
    section.search-results .filters,
    #compareBox,
    .insearchpage {
        margin-right: 5%!important;
        margin-left: 0!important
    }
}

@media screen and (max-width: 1366px) and (min-width: 1080px) {
    .ucasl-main-nav .navbar li a {
        font-size: 16px!important
    }
    .arrow-up {
        right: 50px!important
    }
    #quickSearchBox.header {
        right: -90px!important;
        max-width: 720px!important
    }
}

@media screen and (max-width: 1280px) {
    .searchbox {
        margin-left: 0!important
    }
}

@media screen and (max-width: 1080px) and (min-width: 500px) {
    a.compare-bu {
        left: -57px!important;
        top: 0!important;
        margin-right: 77px!important
    }
}

@media screen and (max-width: 1280px) and (min-width:1080px) {
    .fs-16,
    .course-cat h3.fs-18 {
        font-size: 14px!important
    }
    .course-cat a.fs-14,
    a.acc-name,
    .thecourse .thecoursename {
        font-size: 13px!important
    }
    .course-cat p.fs-14 {
        font-size: 12px!important
    }
    span.acc-price.fs-13 {
        font-size: 11px!important
    }
}

@media screen and (max-width: 1280px) {
    .searchbox.homebox .search-input:last-child {
        margin-right: auto!important
    }
}

@media screen and (max-width: 1080px) {
    .nav-responsive{
        margin-top: 8px!important;
    }
    section.radius-language .radiused {
        padding: 40px 20px 25px 0 !important
    }
    .langscsec h5 {
        line-height: 25px!important
    }
    .inSchoolPageBooking .invalid-feedback {
        left: inherit!important;
        right: -10px
    }
    body {
        position: relative!important
    }
    .col-lg-4.col-8.text-lg-right.text-left {
        text-align: right!important
    }
    .lang {
        margin-left: 23px!important
    }
    .search-input:first-child {
        min-width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0
    }
    .search-input:nth-child(2) {
        min-width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0
    }
    .search-input:nth-child(3) {
        min-width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 20px
    }
    .search-input:nth-child(4) {
        min-width: 50%;
        max-width: 50%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 20px
    }
    .search-input:nth-child(5) {
        min-width: 50%;
        max-width: 50%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 20px
    }
    .search-input:last-child {
        min-width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 20px
    }
    .coursesSection {
        margin: 0 15px!important
    }
    section.radius-language .radiused {
        background-image: none!important;
        background-color: #00c7e2!important
    }
    section.radius-language .radiused h2 {
        font-size: 22px!important
    }
    section.radius-language .radiused h5 {
        font-size: 16px!important
    }
    .langscsec.students {
        padding-top: 50px!important;
        padding-bottom: 0!important
    }
    section.search-results .filters,
    #compareBox,
    .insearchpage {
        margin-right: 0!important
    }
    span.level {
        font-size: 14px!important
    }
    .results-buttons.school-button {
        padding: 6px 14px 9px!important
    }
    .containermobile.pr-4 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }
    .school-name-logo h3 {
        text-align: right!important
    }
    .rtl .panel-container.pl-5 {
        padding-right: 15px!important;
        padding-left: 15px!important
    }
    #loginBox.logged .arrow-up {
        right: inherit!important;
        left: 123px!important
    }
    .lang img {
        margin-right: inherit!important;
        margin-left: 0!important
    }
    .ucasl-main-nav .login-register {
        float: left!important;
        margin-top: 10px!important
    }
    .ucasl-main-nav .logo img {
        float: right!important
    }
}

@media only screen and (max-width: 1080px),
(max-device-width: 1080px) and (min-device-width: 1080px) {
    .panel-container td:before {
        right: 0;
        padding-left: 10px;
        left: inherit;
        padding-right: 0
    }
}

@media screen and (max-width: 1080px) and (min-width: 790px) {
    #loginBox.logged .arrow-up {
        right: inherit!important;
        left: 45px!important
    }
}

@media screen and (max-width: 732px) {
    .search-input:nth-child(2){
        margin-top: 0;
    }
    a.compare-bu {
        left: 210px!important;
        top: 90px!important
    }
    .datepicker.-from-bottom-.active {
        left: 10px!important;
        min-width: 360px!important
    }
    span.termsT {
        margin-left: 0!important;
        margin-right: 10px!important
    }
    .search-input:first-child,
    .search-input:nth-child(4) {
        min-width: 52%!important;
        max-width: 52%!important
    }
    .search-input:nth-child(2),
    .search-input:nth-child(5) {
        min-width: 48%!important;
        max-width: 48%!important
    }
    .search-input:nth-child(3) {
        min-width: 100%!important;
        max-width: 100%!important
    }
    .over-video h2 {
        font-size: 26px!important
    }
    #loginBox.logged {
        min-width: 100%!important;
        right: 0!important;
        left: 0!important
    }
}

@media only screen and (max-width: 1080px), (min-device-width: 1080px) and (max-device-width: 1080px) {
    .pending-table td:nth-of-type(1):before {
        content: "الرقم التعريفي"!important
    }
    .pending-table td:nth-of-type(2):before {
        content: "الوصف"!important
    }
    .pending-table td:nth-of-type(3):before {
        content: "تاريخ الاستحقاق"!important
    }
    .pending-table td:nth-of-type(4):before {
        content: "المبلغ"!important
    }
    .pending-table td:nth-of-type(5):before {
        content: "الفاتورة"!important
    }
    .invoices-table td:nth-of-type(1):before {
        content: "الرقم التعريفي"!important
    }
    .invoices-table td:nth-of-type(2):before {
        content: "تاريخ الفاتورة"!important
    }
    .invoices-table td:nth-of-type(3):before {
        content: "الحالة"!important
    }
    .invoices-table td:nth-of-type(4):before {
        content: "المعهد"!important
    }
    .invoices-table td:nth-of-type(5):before {
        content: "نوع الدورة"!important
    }
    .invoices-table td:nth-of-type(6):before {
        content: "المبلغ"!important
    }
    .inbox-table td:nth-of-type(1):before {
        content: "من"!important
    }
    .inbox-table td:nth-of-type(2):before {
        content: "العنوان"!important
    }
    .inbox-table td:nth-of-type(3):before {
        content: "تاريخ الإستلام"!important
    }
    .documents-table td:nth-of-type(1):before {
        content: "المستند"!important
    }
    .documents-table td:nth-of-type(2):before {
        content: "تاريخ الرفع"!important
    }
    .applications-table td:nth-of-type(2):before {
        content: "تاريخ الإنشاء"!important
    }
    .applications-table td:nth-of-type(3):before {
        content: "المعهد"!important
    }
    .applications-table td:nth-of-type(4):before {
        content: "المدينة"!important
    }
    .applications-table td:nth-of-type(5):before {
        content: "تاريخ البدأ"!important
    }
    .applications-table td:nth-of-type(6):before {
        content: "الحالة"!important
    }
    .applications-table td:nth-of-type(7):before {
        content: "الملخص"!important
    }
}

.fixArrow img{
    transform: rotate(180deg);
  }
  #CoursesModal .modal-dialog.newDesign, #AccommodationModal .modal-dialog.newDesign{
      direction: rtl;
      text-align: right!important;
  }

  #CoursesModal .ml-2, #AccommodationModal .ml-2{
    margin-left: 0!important;
    margin-right: .5rem!important;
  }

  #CoursesModal .ml-md-4, #AccommodationModal .ml-md-4
{
      margin-left: 0!important;
      margin-right: 1.5rem!important
  }