/* *****************************************************
   RTL client area overrides for WHMCS six template.
   Loaded by includes/hooks/rtl_clientarea.php when the
   active language reports dir="rtl" (e.g. Hebrew).
   Ported from the legacy easylist theme custom.css.
***************************************************** */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body {
    direction: rtl;
    text-align: right;
    font-family: 'Open Sans Hebrew', 'Open Sans', sans-serif;
}

a, button, input, select, textarea, p, div, h1, h2, h3, h4, h5 {
    font-family: 'Open Sans Hebrew', 'Open Sans', sans-serif;
}

.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: right;
}

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: right;
}

.list-group-item > .badge {
    float: left;
}

div.dataTables_paginate {
    text-align: left !important;
}

.pagination > li > a, .pagination > li > span {
    float: right;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-left: 0;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.pagination {
    padding-right: 0;
}

.dropdown-menu {
    text-align: right;
    float: right;
    right: 0;
    left: auto;
}

.navbar-nav > li {
    float: right;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-input-padded-responsive {
    padding-right: 12px;
    padding-left: 12px;
}

.pull-left,
.pull-md-left,
.navbar-nav {
    float: right !important;
}

#top-nav,
.pull-right,
.pull-md-right,
.navbar-right {
    float: left !important;
}

ul {
    padding: 0;
}

.tile .icon {
    right: auto;
    left: 10px;
}

#top-nav .nav {
    float: right !important;
}

#top-nav a.quick-nav {
    margin: 0 15px 0 0;
}

.checkbox label, .radio label {
    padding-right: 20px;
    padding-left: 0;
}

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    margin-left: 0;
    margin-right: -20px;
}

.tiles .tile {
    border-right: 0;
    border-left: 1px solid #ccc;
}

.domains-row {
    direction: ltr;
}

.domains-row .input-group-addon {
    border-radius: 5px 0 0 5px;
}

#order-standard_cart .domain-selection-options .option .iradio_square-blue {
    margin-right: 0 !important;
    margin-left: 10px;
}

.nav-tabs > li {
    float: right;
}

#btnEmptyCart {
    float: left;
}

.empty-cart {
    height: 40px;
    margin: -20px 0 0 20px !important;
}

#order-standard_cart .prepend-icon .field {
    padding-left: 0;
    padding-right: 36px;
}

.text-right {
    text-align: left;
}

.text-left {
    text-align: right;
}

.language-popover .popover-content li {
    float: right;
    padding: 0 40px 0 20px;
    text-align: right;
}

ul.top-nav {
    float: left;
}

.intl-tel-input .country-list {
    text-align: right;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 0;
    padding-right: 28px;
}

.intl-tel-input .selected-flag {
    padding: 0 8px 0 0;
}

.intl-tel-input .selected-flag .iti-arrow {
    right: auto;
    left: 6px;
}

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag-box {
    margin-left: 6px;
    margin-right: 0;
    display: inline-block;
}

.sidebar.sidebar-secondary {
    clear: right;
}