﻿body {
    direction: rtl;
}

/* ------------------------- Utils start ------------------------- */

.padding-left-8 {
    padding-right: 8px !important;
    padding-left: 0 !important;
}

.padding-left-15 {
    padding-right: 15px !important;
    padding-left: 0 !important;
}

.padding-right-8 {
    padding-left: 8px !important;
    padding-right: 0 !important;
}

.padding-right-15 {
    padding-left: 15px !important;
    padding-right: 0 !important;
}

.margin-left-8 {
    margin-right: 8px !important;
    margin-left: 0 !important;
}

.margin-left-15 {
    margin-right: 15px !important;
    margin-left: 0 !important;
}

.margin-left-110 {
    margin-right: 110px;
    margin-left: 0;
}

.margin-right-8 {
    margin-left: 8px !important;
    margin-right: 0 !important;
}

.margin-right-15 {
    margin-left: 15px !important;
    margin-right: 0 !important;
}

.padding-left-25 {
    padding-left: 0 !important;
    padding-right: 25px !important;
}

.padding-right-40 {
    padding-right: 0 !important;
    padding-left: 40px !important;
}
.border-right {
    border-right-style: none;
    border-left-style: solid;
}
.border-left {
    border-right-style: solid;
    border-left-style: none;
}
.background-position-x--15 {
    background-position-x: 115%;
}

.ico-ltr-fix {
    transform: none;
}
/*============================ Form ============================*/
.left:not(.circle-clipper) {
    float: right !important;
}

.right:not(.circle-clipper) {
    float: left !important;
}

.input-field > label {
    transform-origin: 100% 100% !important;
}

.input-field label, .input-field.col label {
    left: auto !important;
    right: 20px !important;
}

/*============================== Bordered Input =================================*/
.input-field label, .input-field.col label {
    left: auto !important;
    right: 25px !important;
}

    .input-field label:not(.label-icon).active {
        -webkit-transform-origin: 100% 150% !important;
        transform-origin: 100% 150% !important;
        left: auto !important;
        right: 20px !important;
        padding: 0 8px !important;
        background: #ffffff;
    }

.field-container .bordered .title {
    left: auto !important;
    right: 15px !important;
}

.field-container .bordered {
    text-align: right !important;
}
/*============================== END =================================*/
input, textarea {
    text-align: right !important;
}

.row .col {
    float: right !important;
}

.side-nav.fixed {
    left: auto !important;
    right: 0 !important;
}

.btn-floating.halfway-fab {
    right: auto;
    left: 24px;
}

.card .card-image .card-title {
    left: auto;
    right: 0;
}

ul.card-action-buttons {
    text-align: left;
}

    ul.card-action-buttons li {
        padding-left: 5px;
    }

.fixed-action-btn ul {
    padding-right: 0;
}

.input-field > p {
    text-align: right;
}

.dropdown-content li {
    text-align: right;
}

    .dropdown-content li > a > i {
        float: right;
        margin: 0 0 0 24px;
    }

.dropdown-content {
    padding-right: 0px;
}

td, th {
    text-align: right;
}

ul:not(.browser-default) {
    padding-right: 0;
}

#email-list .collection .collection-item.avatar {
    padding-left: 20px;
    padding-right: 72px;
}

    #email-list .collection .collection-item.avatar .circle {
        left: auto;
        right: 15px;
    }

    #email-list .collection .collection-item.avatar .secondary-content.email-time {
        right: auto;
        left: 8px;
    }

#email-list .collection .collection-item.selected {
    border-left: none;
    border-right: 4px solid #29b6f6;
}

#notifications-dropdown li > a > span {
    margin-right: 0;
    margin-left: 5px;
}

[type="checkbox"] + span:not(.lever), [type="checkbox"] + label {
    padding-right: 35px;
    padding-left: 0;
}

[type="checkbox"] + span:before, [type="checkbox"] + span:after {
    left: auto;
    right: 0;
}

[type="checkbox"]:checked + span:not(.lever):before {
    left: auto;
    right: 10px;
}

[type="checkbox"][data-group] + span:not(.lever) {
    padding-right: 30px;
    padding-left: 25px;
}

[type="radio"] + span:before, [type="radio"] + span:after {
    left: auto;
    right: 0;
}

[type="radio"]:not(:checked) + span, [type="radio"]:checked + span {
    padding-right: 30px;
    padding-left: 25px;
}

.right-align {
    text-align: left;
}

.left-align {
    text-align: right;
}

nav ul.right li:last-child a {
    margin-right: 0 !important;
    margin-left: 15px !important;
}

i.left {
    margin-left: 15px !important;
    margin-right: auto !important;
}

i.right {
    margin-left: auto;
    margin-right: 15px;
}

nav ul.right li {
    float: right;
}

.select-wrapper .caret {
    left: 0;
    right: auto;
}

/*#region ---------------------------- Site ----------------------------*/

.logo-text-margin {
    margin-right: 90px;
    margin-left: 0;
}

#modal-trip-advisor {
    left: 0 !important;
    right: auto !important;
    width: 300px;
}
@media only screen and (max-width: 600px) {
    .logo-text-margin {
        margin-right: 65px;
        margin-left: 0;
    }
    .sidenav .logo-text-margin {
        margin-right: 50px;
        font-size: 0.9em;
    }

}
@media only screen and (min-width: 1400px) {
    .strip-2 {
        background-position-x: calc( 100% + 500px );
    }

        .strip-2 .container {
            width: 60%;
        }

    .strip-contact {
        background-position-x: -300px;
    }

        .strip-contact .container {
            width: 60%;
        }
}
.floating-fixed {
    left: 33px;
    right: auto;
}
/*#endregion*/
