body[dir="rtl"] .row .col {
    float: right
}

body[dir="rtl"] .row .col.offset-s1 {
    margin-right: 8.33333%;
    margin-left: auto
}

body[dir="rtl"] .row .col.pull-s1 {
    left: 8.33333%;
    right: auto
}

body[dir="rtl"] .row .col.push-s1 {
    right: 8.33333%;
    left: auto
}

body[dir="rtl"] .row .col.offset-s2 {
    margin-right: 16.66667%;
    margin-left: auto
}

body[dir="rtl"] .row .col.pull-s2 {
    left: 16.66667%;
    right: auto
}

body[dir="rtl"] .row .col.push-s2 {
    right: 16.66667%;
    left: auto
}

body[dir="rtl"] .row .col.offset-s3 {
    margin-right: 25%;
    margin-left: auto
}

body[dir="rtl"] .row .col.pull-s3 {
    left: 25%;
    right: auto
}

body[dir="rtl"] .row .col.push-s3 {
    right: 25%;
    left: auto
}

body[dir="rtl"] .row .col.offset-s4 {
    margin-right: 33.33333%;
    margin-left: auto
}

body[dir="rtl"] .row .col.pull-s4 {
    left: 33.33333%;
    right: auto
}

body[dir="rtl"] .row .col.push-s4 {
    right: 33.33333%;
    left: auto
}

body[dir="rtl"] .row .col.offset-s5 {
    margin-right: 41.66667%;
    margin-left: auto
}

body[dir="rtl"] .row .col.pull-s5 {
    left: 41.66667%;
    right: auto
}

body[dir="rtl"] .row .col.push-s5 {
    right: 41.66667%;
    left: auto
}

body[dir="rtl"] .row .col.offset-s6 {
    margin-right: 50%;
    margin-left: auto
}

body[dir="rtl"] .row .col.pull-s6 {
    left: 50%;
    right: auto
}

body[dir="rtl"] .row .col.push-s6 {
    right: 50%;
    left: auto
}

body[dir="rtl"] .row .col.offset-s7 {
    margin-right: 58.33333%;
    margin-left: auto
}

body[dir="rtl"] .row .col.pull-s7 {
    left: 58.33333%;
    right: auto
}

body[dir="rtl"] .row .col.push-s7 {
    right: 58.33333%;
    left: auto
}

body[dir="rtl"] .row .col.offset-s8 {
    margin-right: 66.66667%;
    margin-left: auto
}

body[dir="rtl"] .row .col.pull-s8 {
    left: 66.66667%;
    right: auto
}

body[dir="rtl"] .row .col.push-s8 {
    right: 66.66667%;
    left: auto
}

body[dir="rtl"] .row .col.offset-s9 {
    margin-right: 75%;
    margin-left: auto
}

body[dir="rtl"] .row .col.pull-s9 {
    left: 75%;
    right: auto
}

body[dir="rtl"] .row .col.push-s9 {
    right: 75%;
    left: auto
}

body[dir="rtl"] .row .col.offset-s10 {
    margin-right: 83.33333%;
    margin-left: auto
}

body[dir="rtl"] .row .col.pull-s10 {
    left: 83.33333%;
    right: auto
}

body[dir="rtl"] .row .col.push-s10 {
    right: 83.33333%;
    left: auto
}

body[dir="rtl"] .row .col.offset-s11 {
    margin-right: 91.66667%;
    margin-left: auto
}

body[dir="rtl"] .row .col.pull-s11 {
    left: 91.66667%;
    right: auto
}

body[dir="rtl"] .row .col.push-s11 {
    right: 91.66667%;
    left: auto
}

body[dir="rtl"] .row .col.offset-s12 {
    margin-right: 100%;
    margin-left: auto
}

body[dir="rtl"] .row .col.pull-s12 {
    left: 100%;
    right: auto
}

body[dir="rtl"] .row .col.push-s12 {
    right: 100%;
    left: auto
}

@media only screen and (min-width: 601px) {
    body[dir="rtl"] .row .col.offset-m1 {
        margin-right: 8.33333%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-m1 {
        left: 8.33333%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-m1 {
        right: 8.33333%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-m2 {
        margin-right: 16.66667%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-m2 {
        left: 16.66667%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-m2 {
        right: 16.66667%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-m3 {
        margin-right: 25%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-m3 {
        left: 25%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-m3 {
        right: 25%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-m4 {
        margin-right: 33.33333%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-m4 {
        left: 33.33333%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-m4 {
        right: 33.33333%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-m5 {
        margin-right: 41.66667%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-m5 {
        left: 41.66667%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-m5 {
        right: 41.66667%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-m6 {
        margin-right: 50%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-m6 {
        left: 50%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-m6 {
        right: 50%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-m7 {
        margin-right: 58.33333%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-m7 {
        left: 58.33333%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-m7 {
        right: 58.33333%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-m8 {
        margin-right: 66.66667%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-m8 {
        left: 66.66667%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-m8 {
        right: 66.66667%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-m9 {
        margin-right: 75%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-m9 {
        left: 75%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-m9 {
        right: 75%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-m10 {
        margin-right: 83.33333%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-m10 {
        left: 83.33333%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-m10 {
        right: 83.33333%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-m11 {
        margin-right: 91.66667%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-m11 {
        left: 91.66667%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-m11 {
        right: 91.66667%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-m12 {
        margin-right: 100%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-m12 {
        left: 100%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-m12 {
        right: 100%;
        left: auto
    }
}

@media only screen and (min-width: 993px) {
    body[dir="rtl"] .row .col.offset-l1 {
        margin-right: 8.33333%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-l1 {
        left: 8.33333%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-l1 {
        right: 8.33333%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-l2 {
        margin-right: 16.66667%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-l2 {
        left: 16.66667%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-l2 {
        right: 16.66667%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-l3 {
        margin-right: 25%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-l3 {
        left: 25%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-l3 {
        right: 25%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-l4 {
        margin-right: 33.33333%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-l4 {
        left: 33.33333%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-l4 {
        right: 33.33333%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-l5 {
        margin-right: 41.66667%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-l5 {
        left: 41.66667%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-l5 {
        right: 41.66667%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-l6 {
        margin-right: 50%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-l6 {
        left: 50%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-l6 {
        right: 50%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-l7 {
        margin-right: 58.33333%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-l7 {
        left: 58.33333%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-l7 {
        right: 58.33333%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-l8 {
        margin-right: 66.66667%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-l8 {
        left: 66.66667%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-l8 {
        right: 66.66667%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-l9 {
        margin-right: 75%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-l9 {
        left: 75%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-l9 {
        right: 75%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-l10 {
        margin-right: 83.33333%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-l10 {
        left: 83.33333%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-l10 {
        right: 83.33333%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-l11 {
        margin-right: 91.66667%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-l11 {
        left: 91.66667%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-l11 {
        right: 91.66667%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-l12 {
        margin-right: 100%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-l12 {
        left: 100%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-l12 {
        right: 100%;
        left: auto
    }
}

@media only screen and (min-width: 1201px) {
    body[dir="rtl"] .row .col.offset-xl1 {
        margin-right: 8.33333%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-xl1 {
        left: 8.33333%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-xl1 {
        right: 8.33333%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-xl2 {
        margin-right: 16.66667%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-xl2 {
        left: 16.66667%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-xl2 {
        right: 16.66667%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-xl3 {
        margin-right: 25%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-xl3 {
        left: 25%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-xl3 {
        right: 25%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-xl4 {
        margin-right: 33.33333%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-xl4 {
        left: 33.33333%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-xl4 {
        right: 33.33333%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-xl5 {
        margin-right: 41.66667%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-xl5 {
        left: 41.66667%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-xl5 {
        right: 41.66667%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-xl6 {
        margin-right: 50%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-xl6 {
        left: 50%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-xl6 {
        right: 50%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-xl7 {
        margin-right: 58.33333%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-xl7 {
        left: 58.33333%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-xl7 {
        right: 58.33333%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-xl8 {
        margin-right: 66.66667%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-xl8 {
        left: 66.66667%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-xl8 {
        right: 66.66667%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-xl9 {
        margin-right: 75%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-xl9 {
        left: 75%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-xl9 {
        right: 75%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-xl10 {
        margin-right: 83.33333%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-xl10 {
        left: 83.33333%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-xl10 {
        right: 83.33333%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-xl11 {
        margin-right: 91.66667%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-xl11 {
        left: 91.66667%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-xl11 {
        right: 91.66667%;
        left: auto
    }

    body[dir="rtl"] .row .col.offset-xl12 {
        margin-right: 100%;
        margin-left: auto
    }

    body[dir="rtl"] .row .col.pull-xl12 {
        left: 100%;
        right: auto
    }

    body[dir="rtl"] .row .col.push-xl12 {
        right: 100%;
        left: auto
    }
}

body[dir="rtl"] .select-wrapper span.caret {
    left: 0;
    right: auto
}

body[dir="rtl"] .select-dropdown li.optgroup ~ li.optgroup-option {
    padding-right: 1rem
}

body[dir="rtl"] .dropdown-content {
    padding: 0
}

body[dir="rtl"] .dropdown-content li {
    text-align: right
}

body[dir="rtl"] form p {
    text-align: right
}

body[dir="rtl"] [type="checkbox"]:not(:checked), body[dir="rtl"] [type="checkbox"]:checked {
    right: -9999px;
    left: unset
}

body[dir="rtl"] [type="checkbox"] + label {
    padding-right: 35px;
    padding-left: unset
}

body[dir="rtl"] [type="checkbox"] + label:before, body[dir="rtl"] [type="checkbox"]:not(.filled-in) + label:after {
    right: 0;
    left: unset
}

body[dir="rtl"] [type="checkbox"]:checked + label:before {
    right: 10px;
    left: unset
}

body[dir="rtl"] [type="checkbox"]:indeterminate + label:before {
    right: 21px;
    left: unset
}

body[dir="rtl"] [type="checkbox"].filled-in + label:before, body[dir="rtl"] [type="checkbox"].filled-in + label:after {
    right: 0;
    left: unset
}

body[dir="rtl"] [type="checkbox"].filled-in:not(:checked) + label:before {
    right: 6px;
    left: unset
}

body[dir="rtl"] [type="checkbox"].filled-in:checked + label:before {
    right: 10px;
    left: unset
}

body[dir="rtl"] .input-field.col label {
    right: .75em;
    left: auto
}

body[dir="rtl"] .input-field label {
    right: 0;
    left: 0
}

body[dir="rtl"] .input-field .prefix ~ input, body[dir="rtl"] .input-field .prefix ~ textarea, body[dir="rtl"] .input-field .prefix ~ label, body[dir="rtl"] .input-field .prefix ~ .validate ~ label, body[dir="rtl"] .input-field .prefix ~ .autocomplete-content {
    margin-right: 3rem;
    margin-left: unset
}

body[dir="rtl"] .input-field .prefix ~ label {
    margin-right: 3rem;
    margin-left: unset
}

body[dir="rtl"] .chip > img {
    float: right;
    margin: 0 -12px 0 8px
}

body[dir="rtl"] .chip .close {
    float: left;
    padding-right: 8px;
    padding-left: unset
}

body[dir="rtl"] .material-icons {
    direction: rtl
}

body[dir="rtl"] [type="radio"]:not(:checked), body[dir="rtl"] [type="radio"]:checked {
    right: -9999px;
    left: unset
}

body[dir="rtl"] [type="radio"]:not(:checked) + label, body[dir="rtl"] [type="radio"]:checked + label {
    padding-right: 35px;
    padding-left: unset
}

body[dir="rtl"] [type="radio"] + label:before, body[dir="rtl"] [type="radio"] + label:after {
    right: 0;
    left: unset
}

body[dir="rtl"] .switch label input[type=checkbox]:checked + .lever:after {
    right: 24px;
    left: unset;
    transition: right 0.3s ease, background .3s ease, box-shadow 0.1s ease
}

body[dir="rtl"] .switch label .lever {
    margin-left: 10px;
    margin-right: 10px
}

body[dir="rtl"] .switch label .lever:after {
    right: -5px;
    left: unset;
    transition: right 0.3s ease, background .3s ease, box-shadow 0.1s ease
}

body[dir="rtl"] .file-field .file-path-wrapper {
    padding-right: 10px;
    padding-left: unset
}

body[dir="rtl"] .file-field .btn {
    float: right
}

body[dir="rtl"] .btn * {
    vertical-align: top
}

body[dir="rtl"] ul:not(.browser-default) {
    padding-right: 0;
    padding-left: unset
}

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