@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

body {
  direction: rtl !important;
  font-family: 'Tajawal', sans-serif !important;
  text-align: right !important;
}
.tiles .tile .title {
    font-size: 14px !important;
}
.text-right {
    text-align: left !important;
}
.ml-3, .mx-3 {
    margin-right: 1rem !important;
    margin-left: 0 !important;
}
.mr-3, .mx-3 {
    margin-left: 1rem !important;
    margin-right: 0 !important;
}
.ml-auto, .mx-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}
.mr-auto, .mx-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}
.float-right {
    float: left !important;
}
.float-left {
    float: right !important;
}
.input-group-prepend {
    margin-left: -1px !important;
    margin-right: 0 !important;
}
.input-group-append {
    margin-right: -1px !important;
    margin-left: 0 !important;
}
header.header .toolbar .nav-link .badge {
    left: 5px !important;
    right: auto!important;
}
.navbar-nav {
    padding-right: 0 !important;
    padding-left: auto !important;
}
.pr-4 {
    padding-left: 1.5rem!important;
    padding-right: 0 !important;
}
.dropdown-menu {
    right: 0 !important;
    left: auto !important;
    float: right !important;
    text-align: right !important;
}
.form-check {
    padding-right: 1.25rem !important;
    padding-left: 0 !important;
}
.close {
    float: left !important;
}
.domain-promo-box i {
    float: left !important;
}
.sidebar .list-group {
    font-size: 1em;
}
.product-recommendations .product-recommendation .cta {
    float: left !important;
    padding: 3px 10px !important;
}
.product-recommendations .product-recommendation .expander {
    float: right !important;
    text-align: right;
}
.breadcrumb-item + .breadcrumb-item::before {
    padding-left: .5rem !important;
    padding-right: 0 !important;
}
.sidebar .sidebar-menu-item-icon-wrapper {
    margin-left: .25rem !important;
    margin-right: 0 !important;
}
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
}
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
}

.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
}
.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
}
.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
}
@media (min-width:992px) {
    .float-lg-right {
        float: left !important;
    }
}
.form-check-input {
    margin-right: -1.25rem !important;
    margin-left: auto !important;
}
.input-group .btn-reveal-pw {
    border-right: 0 !important;
    border-left: 1px solid #ccc !important;
}
.tiles .tile i {
    left: 20px !important;
    right: auto !important;
}
.dataTables_wrapper .dataTables_filter {
    float: left !important;
}
.dataTables_wrapper .dataTables_paginate {
    float: left;
}
.pagination {
    padding-right: 0px !important;
    padding-left: auto !important;
}
.page-item:first-child .page-link {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.page-item:last-child .page-link {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.sidebar .sidebar-menu-item-badge {
    margin-right: auto !important;
    margin-left: 0 !important;
}
.iti-flag.ar {
    background-position: -4339px !important;
}
#registration .prepend-icon .field {
    padding-right: 36px !important;
    padding-left: auto !important;
}
.intl-tel-input .selected-flag {
    padding: 0 8px 0 0 !important;
}
.intl-tel-input .selected-flag .iti-flag {
    left: 8px;
}
.intl-tel-input.separate-dial-code .selected-dial-code {
    padding-right: 10px !important;
    padding-left: auto !important;
}
.intl-tel-input .country-list {
    direction: ltr !important;
    left: 0 !important;
}
.modal-header .close {
    margin: -1rem auto -1rem -1rem !important;
}
.domain-pricing .two-row-center {
    border-left: 2px solid #c7d7e6 !important;
    border-right: 0 !important;
}
@media (min-width:576px) {
    .offset-sm-4 {
        margin-right: 33.3333333333%;
        margin-left: auto;

    }
}
@media (min-width:768px) {
    .offset-md-2 {
        margin-right: 16.6666666667%;
        margin-left: auto;
    }
}
@media (min-width:992px) {
    .offset-lg-0 {
        margin-right: 0 !important;
        margin-left: auto !important;
    }
}
#order-standard_cart .products .product div.product-desc {
    float: right !important;
    font-size: 1em !important;
}
#order-standard_cart .domain-selection-options .option .iradio_square-blue {
    margin-left: 10px !important;
    margin-right: 0 !important;
}
#order-standard_cart label, #order-standard_cart p.domain-renewal-desc, .service-renewals .div-renewal-period-label {
    margin-left: 10px !important;
    margin-right: 0 !important;
}
#order-standard_cart .view-cart-items .item-price {
    text-align: left !important;
}
#order-standard_cart .empty-cart {
  text-align: left !important;
}
#order-standard_cart .prepend-icon .field {
    padding-right: 36px !important;
}
#order-standard_cart label, #order-standard_cart p.domain-renewal-desc, .service-renewals .div-renewal-period-label {
    font-size: 14px !important;
}
.fa-arrow-right::before {
    content: "\f060";
}
.fa-arrow-circle-right::before {
    content: "\f0a8";
}
.fa-chevron-right::before {
    content: "\f053";
}

/* Container Responsive Behaviour */
@media print {
  html, body {
    height: auto !important;
  }
}
@media (min-width: 500px) {
  .invoice-col {
    float: right !important;    
  }
  .invoice-col.right {
    float: right;
    text-align: right;
  }
}
@media (min-width: 576px) {
  .text-sm-left {
    text-align: right !important;
    }
  .text-sm-right {
    text-align: left !important;
  }
}
@media (min-width: 576px) {
  .float-sm-left {
    float: right !important;
  }
  .float-sm-right {
        float: left !important;
    
    }
}
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0.2rem !important;
    border-bottom-left-radius: 0.2rem !important;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0.2rem !important;
    border-bottom-right-radius: 0.2rem !important;
}