html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
    width: 100%;
    height: 100%;
    overflow-x: visible;
    font-family: Tahoma, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #464646;
    text-align: left;
    background-color: #f9f9f9;
    font-size: 0.975em;
    font-smooth: always;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

    body:lang(ar) {
        font-family: Tahoma, Arial, Helvetica, sans-serif !important;
        letter-spacing: normal !important;
        font-size: 0.975em;
    }

*:lang(ar) {
    letter-spacing: normal !important;
}

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #f9f9f9;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: #dbdbdb;
    border: 0;
    opacity: 1;
}

.font-weight-bold, b, strong, label {
    font-weight: bold;
}

    .font-weight-bold:lang(ar), .b:lang(ar), strong:lang(ar), label:lang(ar) {
        font-weight: 600 !important;
        font-family: Tahoma;
    }


.bg-gray {
    background-color: #f3f3f3 !important;
}

.table td, .table th {
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}

.btn, .card, .form-control, .dropdown-menu {
    border-radius: unset !important;
}

    .btn:lang(ar), .card:lang(ar), .form-control:lang(ar), .dropdown-menu:lang(ar) {
        font-family: Tahoma !important;
        letter-spacing: normal !important;
    }
/* Paragraphs */
p {
    margin-top: 0;
    margin-bottom: 22px;
    font-size: 0.975em;
    line-height: 22px;
}

/* Containers */
.container-fluid-partner-details {
    font-size: .875em;
}

.contaniner-fluid-footer {
    font-size: .875em;
}
/* Tables */
.table {
    color: #464646;
    font-size: .875em;
}
/* Form Controls */
label {
    display: inline-block;
    margin-bottom: .5rem;
    font-size: .85em;
    font-weight: 600;
}

.form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 12px 16px;
    font-size: .875em;
    padding-right: 15px;
    line-height: 1.5;
    color: #464646;
    background-color: rgba(0,0,0,0);
    background-clip: padding-box;
    border: 1px solid #464646;
    border-radius: 0px;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}

.form-select {
    display: block;
    width: 100%;
    height: auto;
    padding: 12px 32px 12px 16px;
    font-size: .875em;
    line-height: 1.5;
    color: #464646;
    background-color: rgba(0,0,0,0);
    background-clip: padding-box;
    border: 1px solid #464646;
    border-radius: 0px;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}

.input-group-text {
    border: 1px solid #464646;
    border-radius: 0px;
    background-color: #fafafa !important;
}

.bootstrap-select .dropdown-menu.inner {
    border-top: 1px solid #dbdbdb;
}
/* Buttons */
.btn {
    overflow: hidden;
    position: relative;
    outline: none;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    letter-spacing: 1px;
    border: 2px solid transparent;
    padding: 13.5px 16px;
    font-size: .75em;
    line-height: 1.5;
    border-radius: 0px;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}

.btn-outline-dark {
    overflow: hidden;
    position: relative;
    outline: none;
    text-transform: uppercase;
    font-size: .75em;
    letter-spacing: 1px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    color: #464646;
    background-color: transparent;
    background-image: none;
    border-color: #464646;
}

    .btn-outline-dark span {
        position: relative;
        z-index: 2
    }

    .btn-outline-dark:hover,
    .btn-outline-dark:active {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #464646;
        background: -webkit-linear-gradient(#fff, rgba(255,255,255,0));
        background: linear-gradient(#fff, rgba(255,255,255,0))
    }

    .btn-outline-dark:not(:disabled):not(.disabled):active {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #464646;
        background: none
    }

    .btn-outline-dark:not(:disabled):not(.disabled).active {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #464646;
        background: none
    }

    .btn-outline-dark:focus,
    .btn-outline-dark.focus {
        color: #464646;
        background: -webkit-linear-gradient(#fff, #fff);
        background: linear-gradient(#fff, #fff)
    }



.btn-sm,
.btn-group-sm > .btn {
    padding: 8px 12px;
    line-height: 1.5;
    border-radius: 0px
}

/* Headings */
h1, .h1 {
    margin: 0 0 15px 0;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 2.5em;
}

h2, .h2 {
    margin: 0 0 10px 0;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    font-size: 1.5em;
}

h3, .h3 {
    margin: 0 0 15px 0;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    font-size: 1.25em;
}

h4, .h4 {
    margin: 0 0 15px 0;
    letter-spacing: 0;
    font-size: 0.975em;
}

    h4.light, .h4.light {
        font-weight: normal;
    }

h5, .h5 {
    margin: 0 0 15px 0;
    text-transform: uppercase;
    letter-spacing: 0;
    backface-visibility: hidden;
    font-size: .875em
}

h6, .h6 {
    margin: 0 0 .625em 0;
    font-size: 1rem;
}

    h1:lang(ar), .h1:lang(ar), h2:lang(ar), .h2:lang(ar), h3:lang(ar), .h3:lang(ar), h4:lang(ar), .h4:lang(ar), h5:lang(ar), .h5:lang(ar), h6:lang(ar), .h6:lang(ar) {
        font-family: Tahoma !important;
        font-weight: bold !important;
    }

select.form-control + .chosen-container .chosen-drop {
    background-color: #FFF;
    border: 1px solid rgb(206, 212, 218);
    border-radius: 3.25px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    margin: 2px 0 0;
}

select.form-control + .chosen-container .chosen-search input[type=text] {
    display: block;
    width: 100%;
    height: 32px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid rgb(206, 212, 218);
    border-radius: 3.25px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    background-image: none;
}

select.form-control + .chosen-container .chosen-results {
    margin: 2px 0 0;
    padding: 5px 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    margin-bottom: 5px;
}

    select.form-control + .chosen-container .chosen-results li, select.form-control + .chosen-container .chosen-results li.active-result {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        color: #333;
        white-space: nowrap;
        background-image: none;
    }

        select.form-control + .chosen-container .chosen-results li:hover, select.form-control + .chosen-container .chosen-results li.active-result:hover, select.form-control + .chosen-container .chosen-results li.highlighted {
            color: #FFF;
            text-decoration: none;
            background-color: #428BCA;
            background-image: none;
        }

select.form-control + .chosen-container-multi .chosen-choices {
    display: block;
    width: 100%;
    min-height: 34px;
    padding: 6px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid rgb(206, 212, 218);
    border-radius: 3.25px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    background-image: none;
}

    select.form-control + .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
        height: auto;
        padding: 5px 0;
    }

    select.form-control + .chosen-container-multi .chosen-choices li.search-choice {
        background-image: none;
        padding: 3px 24px 3px 5px;
        margin: 0 6px 0 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.428571429;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        border: 1px solid rgb(206, 212, 218);
        border-radius: 3.25px;
        color: #333;
        background-color: #FFF;
        border-color: rgb(206, 212, 218);
    }

        select.form-control + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
            top: 8px;
            right: 6px;
        }

select.form-control + .chosen-container-multi.chosen-container-active .chosen-choices, select.form-control + .chosen-container.chosen-container-single.chosen-container-active .chosen-single, select.form-control + .chosen-container .chosen-search input[type=text]:focus {
    border-color: rgb(206, 212, 218);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

select.form-control + .chosen-container-multi .chosen-results li.result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
    background-color: white;
}

abbr.search-choice-close {
    margin-top: 5px;
}

.button-hover:hover {
    color: #FFFFFF !important;
    cursor: pointer;
}

.col-lg-1:lang(ar), .col-lg-10:lang(ar), .col-lg-11:lang(ar), .col-lg-12:lang(ar), .col-lg-2:lang(ar), .col-lg-3:lang(ar), .col-lg-4:lang(ar), .col-lg-5:lang(ar), .col-lg-6:lang(ar), .col-lg-7:lang(ar), .col-lg-8:lang(ar), .col-lg-9:lang(ar), .col-md-1:lang(ar), .col-md-10:lang(ar), .col-md-11:lang(ar), .col-md-12:lang(ar), .col-md-2:lang(ar), .col-md-3:lang(ar), .col-md-4:lang(ar), .col-md-5:lang(ar), .col-md-6:lang(ar), .col-md-7:lang(ar), .col-md-8:lang(ar), .col-md-9:lang(ar), .col-sm-1:lang(ar), .col-sm-10:lang(ar), .col-sm-11:lang(ar), .col-sm-12:lang(ar), .col-sm-2:lang(ar), .col-sm-3:lang(ar), .col-sm-4:lang(ar), .col-sm-5:lang(ar), .col-sm-6:lang(ar), .col-sm-7:lang(ar), .col-sm-8:lang(ar), .col-sm-9:lang(ar), .col-1:lang(ar), .col-10:lang(ar), .col-11:lang(ar), .col-12:lang(ar), .col-2:lang(ar), .col-3:lang(ar), .col-4:lang(ar), .col-5:lang(ar), .col-6:lang(ar), .col-7:lang(ar), .col-8:lang(ar), .col-9:lang(ar) {
    float: right;
}

.text-start {
    direction: ltr;
    text-align: left !important;
}

    .text-start:lang(ar) {
        direction: rtl;
        text-align: right !important;
    }

.text-end {
    direction: ltr;
    text-align: right !important;
}

    .text-end:lang(ar) {
        direction: ltr;
        text-align: left !important;
    }

.product-warning {
    color: gray;
    font-size: 11px;
}

.label-bold {
    font-weight: 600;
    direction: ltr;
    float: left;
    padding-right: 5px;
}

    .label-bold:lang(ar) {
        font-weight: 600;
        direction: rtl;
        float: right;
        padding-left: 5px;
        padding-right: 0px !important;
    }

.alertIcon {
    vertical-align: top;
    padding-top: 4px;
    padding-right: 5px !important;
}

    .alertIcon:lang(ar) {
        vertical-align: top;
        padding-top: 4px;
        padding-left: 5px !important;
    }

.container-fluid-content {
    padding: 15px;
}

.aspNetDisabled {
    opacity: 0.5 !important;
    pointer-events: none;
}

.accordion-button {
    padding: 0.75rem 1rem !important;
}

.container-fluid-footer {
    background-color: #fff;
    color: #888;
    font-size: 12px;
    text-align: center;
}

.container-footer {
    color: #888;
    font-size: 12px;
    direction: ltr;
    text-align: left;
}

    .container-footer:lang(ar) {
        direction: rtl;
        text-align: right;
    }

    .container-footer a {
        color: #888;
    }

.input-group-addon {
    padding: 6px 12px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    color: #464646;
    text-align: center;
    background-color: #fafafa !important;
    border: 1px solid #dbdbdb;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(204, 204, 204);
    border-radius: 0px;
}

.cursor-pointer {
    cursor: pointer;
}

.accordion > .card .card-header .card-title {
    position: relative;
    margin: 0px !important;
}

card-title:lang(ar) {
    font-family: Tahoma !important;
    font-weight: bold;
}

.card-title-arrow {
    margin-right: 5px;
}

    .card-title-arrow:lang(ar) {
        margin-left: 5px;
    }

.accordion .card .card-header .card-title-arrow:before, .accordion .card .card-title-arrow:before {
    content: "\f107";
}

.accordion .card .card-header .collapsed .card-title-arrow:before, .accordion .card .collapsed .card-title-arrow:before {
    content: "\f105";
}

.navbar-brand {
    float: left;
}

    .navbar-brand img {
        height: 45px;
    }

.navbar-light .navbar-nav .nav-link {
    color: #000;
}

.dropdown-menu {
    padding: 0;
    margin: 0;
    font-size: 1rem;
    text-align: left;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-bottom: none;
}

.carousel-control-next, .carousel-control-prev {
    width: 7.5%;
}

.dropdown-item:hover {
    color: #464646 !important;
    background-color: #f9f9f9 !important;
}

.dropdown-item {
    display: block !important;
    width: 100% !important;
    padding: .5rem 1rem !important;
    font-weight: 400 !important;
    text-align: inherit !important;
    white-space: nowrap !important;
    border: 0 !important;
    border-bottom: 1px solid #dbdbdb !important;
}

    .dropdown-item:lang(ar) {
        font-family: Tahoma !important;
        text-align: right !important;
    }


.navbar {
    background-color: #fff;
}


.navbar-nav .nav-item a {
    color: #464646;
    text-decoration: none;
    display: block;
    padding: 25px 15px;
    text-transform: uppercase;
    background-color: transparent;
    letter-spacing: .0625em;
}

    .navbar-nav .nav-item a:lang(ar) {
        font-family: Tahoma !important;
    }

    .navbar-nav .nav-item a:hover {
        color: #464646 !important;
        background-color: transparent;
        text-decoration: none;
    }

.form-control-lang {
    text-transform: uppercase;
    background-color: transparent !important;
    border: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    -webkit-appearance: none;
    -moz-appearance: none;
}

form-control-lang::-ms-expand {
    display: none;
}

.grecaptcha-badge {
    z-index: 1;
}

.carousel-inner .carousel-item {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-cover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    vertical-align: bottom;
}


.float-right:lang(ar) {
    float: left;
}

.float-left:lang(ar) {
    float: right;
}

th:lang(ar) {
    text-align: right
}

.modal-footer:lang(ar) {
    text-align: left;
}

.modal-content {
    border-radius: 0 !important;
}

.modal-title {
    font-weight: 600;
}
/*SLIDER FULL HEIGHT */

.btn-black {
    background-color: #464646;
    border: none;
}

.table-checkboxes, .table-checkboxes td {
    border: none !important;
    padding: 2px !important;
    vertical-align: top !important;
}

    .table-checkboxes label {
        padding-left: 5px;
        padding-right: 5px;
        display: inline !important;
    }

.thumbnail .caption {
    padding: 5px;
    color: #333;
    padding-top: 0px;
}

.pull-right:lang(ar) {
    float: left !important;
}



/* RESPONSIVE AREA */
@media (max-width:767px) {

    .navbar-nav .nav-item a {
        padding: 10px 15px;
    }

    .nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        border-top: 1px dotted #eee;
    }

    .navbar-brand {
        float: left;
    }

        .navbar-brand:lang(ar) {
            float: right;
        }

        .navbar-brand img {
            height: 45px;
        }

    .navbar-nav:lang(ar) {
        float: right !important;
    }

    .navbar-nav > li:lang(ar) {
        float: right;
    }

    .navbar-right:lang(ar) {
        float: left !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .col-lg-1:lang(ar), .col-lg-10:lang(ar), .col-lg-11:lang(ar), .col-lg-12:lang(ar), .col-lg-2:lang(ar), .col-lg-3:lang(ar), .col-lg-4:lang(ar), .col-lg-5:lang(ar), .col-lg-6:lang(ar), .col-lg-7:lang(ar), .col-lg-8:lang(ar), .col-lg-9:lang(ar) {
        float: right;
    }

    .navbar-nav:lang(ar) {
        float: right !important;
    }

    .navbar-nav > li:lang(ar) {
        float: right;
    }

    .navbar-right:lang(ar) {
        float: left !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .col-lg-1:lang(ar), .col-lg-10:lang(ar), .col-lg-11:lang(ar), .col-lg-12:lang(ar), .col-lg-2:lang(ar), .col-lg-3:lang(ar), .col-lg-4:lang(ar), .col-lg-5:lang(ar), .col-lg-6:lang(ar), .col-lg-7:lang(ar), .col-lg-8:lang(ar), .col-lg-9:lang(ar) {
        float: right;
    }

    .navbar-nav:lang(ar) {
        float: right !important;
    }

    .navbar-nav > li:lang(ar) {
        float: right;
    }

    .navbar-right:lang(ar) {
        float: left !important;
    }
}

@media (min-width:1200px) {
    .col-lg-1:lang(ar), .col-lg-10:lang(ar), .col-lg-11:lang(ar), .col-lg-12:lang(ar), .col-lg-2:lang(ar), .col-lg-3:lang(ar), .col-lg-4:lang(ar), .col-lg-5:lang(ar), .col-lg-6:lang(ar), .col-lg-7:lang(ar), .col-lg-8:lang(ar), .col-lg-9:lang(ar) {
        float: right;
    }

    .navbar-nav:lang(ar) {
        float: right !important;
    }

    .navbar-nav > li:lang(ar) {
        float: right;
    }

    .navbar-right:lang(ar) {
        float: left !important;
    }
}

.card_visa {
    background-image: url('/images/cards/visa.png');
    background-size: 65px !important;
    background-repeat: no-repeat;
    background-position: right 5px center;
}

.card_mastercard {
    background-image: url('/images/cards/mastercard.png');
    background-size: 65px !important;
    background-repeat: no-repeat;
    background-position: right 5px center;
}

.card_amex {
    background-image: url('/images/cards/amex.png');
    background-size: 65px !important;
    background-repeat: no-repeat;
    background-position: right 5px center;
}

.card_discover {
    background-image: url('/images/cards/discover.png');
    background-size: 65px !important;
    background-repeat: no-repeat;
    background-position: right 5px center;
}

.card_diners {
    background-image: url('/images/cards/diners.png');
    background-size: 65px !important;
    background-repeat: no-repeat;
    background-position: right 5px center;
}

.card_jcb {
    background-image: url('/images/cards/jcb.png');
    background-size: 65px !important;
    background-repeat: no-repeat;
    background-position: right 5px center;
}

.card_mada {
    background-image: url('/images/cards/mada.png');
    background-size: 70px !important;
    background-repeat: no-repeat;
    background-position: right 5px center;
}