@font-face {
    font-family: Vazir;
    src: url('../../fonts/vazir/Vazir.eot');
    src: url('../../fonts/vazir/Vazir.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/vazir/Vazir.woff') format('woff'),
         url('../../fonts/vazir/Vazir.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: Vazir;
    src: url('../../fonts/vazir/Vazir-Bold.eot');
    src: url('../../fonts/vazir/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/vazir/Vazir-Bold.woff') format('woff'),
         url('../../fonts/vazir/Vazir-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: Vazir;
    src: url('../../fonts/vazir/Vazir-Light.eot');
    src: url('../../fonts/vazir/Vazir-Light.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/vazir/Vazir-Light.woff') format('woff'),
         url('../../fonts/vazir/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
}

body {
    font-family: Vazir;
}

/* base_site.min.css | material/admin/css/base_site.min.css */

#container.indent {
    /* padding-left: 300px; */
    padding-left: 0;
    padding-right: 300px;
}

.module {
    /* margin-right: 5px; */
    margin-right: inherit;
    margin-left: 5px;
}
.module caption, .module h2 {
    border-left: 0;
    border-right: 3px solid #417690;
}

/* materialize.min.css | material/admin/css/materialize.min.css */

.row .col {
    /* float: left; */
    float: right;
}

ul:not(.browser-default) {
    padding-right: 0;
}

.card .card-image .card-title {
    /* left: 0; */
    left: auto;
    right: 0;
}

.select-wrapper .caret {
    /* right: 0; */
    right: auto;
    left: 0;
}

.dropdown-content li {
    /* text-align: left; */
    text-align: right;
}

i.right {
    margin-left: 15px;
    /* margin-left: inherit;
    margin-right: 15px; */
}

span.badge {
    /* float: right; */
    float: left;
}
.badge.border {
    border-color: grey;
    border-style: solid;
    border-width: 1px;
}

.collapsible-header i {
    /* margin-right: 1rem; */
    margin-right: inherit;
    margin-left: 1rem;
}

.fixed-action-btn {
    /* right: 23px; */
    right: auto;
    left: 23px;
}


/* side_nav.min.css | material/admin/css/search_form.min.css */
.search-cta {
    left: 0px;
    right: auto !important;
}


/* side_nav.min.css | material/admin/css/side_nav.min.css */

#side-bar i.minimize {
    /* left: 280px; */
    left: 4px;
}

.collapsible img.login-logo {
    /* left: 35%; */
    left: auto;
    right: 35%;
}

.collapsible-body>div a {
    /* padding: 7px 10px 7px 53px; */
    padding: 7px 53px 7px 10px;
}

/* additional_submit_line.min.css | material/admin/css/additional_submit_line.min.css */

.card.additional-submit-line {
    /* right: 8px; */
    right: auto !important;
    left: 8px;
}
.open-actions .default, .submit-row a.deletelink {
    flex-direction: row-reverse;
}
a.dropdown-trigger i {
    margin-right: 0px;
    margin-left: 8px;
}

.additional-submit-line i.minimize {
    /* margin-left: 10px; */
    margin-left: inherit !important;
    margin-right: 10px !important;
}

/* widgets.css | admin/css/widgets.css */

select+.related-widget-wrapper-link,
.related-widget-wrapper-link+.related-widget-wrapper-link {
    /* margin-left: 7px; */
    margin-left: inherit;
    margin-right: 7px;
}

/* submit_line.min.css | material/admin/css/submit_line.min.css */

#save-dropdown i {
    /* margin-left: 10px; */
    margin-left: inherit;
    margin-right: 10px;
}

/* base.css | admin/css/base.css */

#user-tools {
    /* margin: 0 0 0 20px; */
    margin: 0 20px 0 0;
}

/* header.min.css | material/admin/css/header.min.css */

#user-tools a i {
    /* right: 0; */
    right: auto;
    left: 0;
}

#user-tools a:last-child {
    /* padding-right: 30px; */
    padding-right: inherit;
    padding-left: 30px;
}

/* main.css | admin/css/main.css */

img.ui-datepicker-trigger {
    float: left;
    margin: 15px 0 -30px 0;
    position: relative;
    cursor: pointer;
}


/* time-input.min.css | http://127.0.0.1:8000/static/material/admin/css/time-input.min.css */

.datetime-block .material-icons.today,
.datetime-block .material-icons.now,
.time-block .material-icons.now {
    /* margin: 10px 0 0 -55px; */
    /* border-right: 2px solid #417690; */
    /* padding-right: 2px; */
    margin: 10px -55px 0 0 !important;
    border-left: 2px solid #417690 !important;
    border-right-width: 0px !important;
    padding-right: 0 !important;
    padding-left: 3px !important;
}
.time-block .material-icons.now {
    display: none;
}

.datetime-block .material-icons.calendar,
.datetime-block .material-icons.clock,
.time-block .material-icons.clock {
    /* margin: 10px 0 0 -25px; */
    margin: 10px -25px 0 0 !important;
}

.picker__nav--prev {
    left: auto;
    right: -1em;
}
.picker__nav--prev::before {
    border-left: 0.75em solid #676767;
    border-right: 0;
}

.picker__nav--next {
    left: -1em;
    right: auto;
}
.picker__nav--next::before {
    border-left: 0;
    border-right: 0.75em solid #676767;
}

/* jquery-ui.min.css | admin/jquery.ui.datepicker.jalali/themes/base/jquery-ui.min.css */
#ui-datepicker-div {
    /* z-index: 1; */
    z-index: 500 !important;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    display: inline-block;
    background-color: transparent;
    width: auto;
    padding: 0;
    border: 0;
    border-radius: inherit;
    height: auto;
}

.toast .toast-action {
    margin-left: -25px !important;
    margin-right: 3rem !important;
}

@media (max-width:1200px) {
    .module {
        margin-right: auto;
        margin-left: 0
    }
}

@media (max-width:1024px) {
    #header {
        padding: 0px;
        line-height: 30px;
        flex-direction: row-reverse !important;
    }
}

@media (max-width:992px) {

    #header #site-name, #header #user-tools {
        position: relative;
        left: 0;
        transform: none;
        text-align: start;
        width: 70%;
        display: flex;
        flex-wrap: wrap;
        flex: content;
        flex-direction: initial;
    }
    #header #branding {
        flex-grow: 1;
        flex-direction: row-reverse;
    }

    #container.indent {
        /* padding-left: 0 */
        padding-left: inherit;
        padding-right: 0;
    }
}

@media (max-width:767px) {
}

@media (max-width:576px) {
    #header {
        /* height: 150px !important; */
        display: flex;
        overflow: hidden;
        flex-direction: column;
        height: auto !important;
    }
}

.material-icons.prefix.password-visible {
    left: 5px;
    right: auto;
    top: 0;
}


/* change_form.min.css | http://127.0.0.1:8000/static/material/admin/css/change_form.min.css */

.aligned label + div.readonly {
    /* padding-top: 20px; */
    padding-top: 40px;
}
  

/* Customize materializecss for css */
.no-margin {
    margin: 0 !important;
}

.no-overflow {
    overflow: hidden;
}

.clear {
    clear: both;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.card .card-content {
    padding: 10px;
}

.card .card-reveal {
    color: white;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.8);
}

.card .card-reveal .card-title a {
    color: white;
}

.input-field label {
    left: auto;
    right: 0.75rem;
    line-height: 25px;
}

.input-field .prefix {
    line-height: 3rem;
    text-align: center;
}

.input-field .prefix~input,
.input-field .prefix~textarea,
.input-field .prefix~label,
.input-field .prefix~.validate~label,
.input-field .prefix~.autocomplete-content {
    margin-left: 0rem;
    margin-right: 3rem !important;
}

.input-field label.active:not(.label-icon) {
    margin-right: 0;
    color: #777;
    /*     right: 16%; */
    -webkit-transform: translateY(-14px) translateX(20%) scale(0.8);
    transform: translateY(-14px) translateX(20%) scale(0.8);
}

.input-field.col label {
    right: .75rem;
    color: #555;
    left: auto;
}

.dropdown-content li>span>label {
    top: -10px;
    left: auto;
    right: 0rem;
}

.dropdown-content li {
    text-align: start;
}

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

[type="radio"]+label:before,
[type="radio"]+label:after {
    left: auto;
    right: 0;
}

[type="radio"]+span::before,
[type="radio"]+span::after {
    left: auto;
    right: 0;
}

[type="radio"]:not(:checked)+span,
[type="radio"]:checked+span {
    padding-left: 0;
    padding-right: 35px;
}

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

[type="checkbox"]:indeterminate + label::before {
    left: auto;
    right: 20px !important;
}

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

[type="checkbox"]:checked+label::before {
    left: auto;
    right: 10px;
}

[type="checkbox"]+label {
    padding-left: 0;
    padding-right: 35px;
}

[type="checkbox"]+span:not(.lever) {
    padding-left: 0;
    padding-right: 35px;
}

[type="checkbox"]+span:not(.lever):before,
[type="checkbox"]:not(.filled-in)+span:not(.lever):after {
    left: auto;
    right: 0;
}

[type="checkbox"]:checked+span:not(.lever):before {
    left: auto;
    right: 10px;
    border-left: 2px solid transparent;
    border-right: 2px solid #7b1fa2;
}

[type="checkbox"]:checked:disabled+span:before {
    border-right: 2px solid rgba(0, 0, 0, 0.42);
    border-left: 0px;
}

[type="checkbox"]:indeterminate+span:not(.lever):before {
    left: auto;
    right: -12px;
    border-left: 2px solid #7b1fa2;
    border-right: none;
}

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

[type="checkbox"].filled-in+span:not(.lever):before,
[type="checkbox"].filled-in+span:not(.lever):after {
    left: auto;
    right: 0;
}

[type="checkbox"].filled-in:not(:checked)+span:not(.lever):before {
    left: auto;
    right: 6px;
}

[type="checkbox"].filled-in:checked+span:not(.lever):before {
    left: auto;
    right: 1px;
}

.select-wrapper input.select-dropdown {
    white-space: normal;
    overflow: hidden;
    text-overflow: "...";
    padding-left: 15px;
    box-sizing: border-box;
    width: 100%;
    /* margin: 0; */
}

.select-wrapper .caret {
    right: auto;
    left: 0;
}

.select-wrapper input.select-dropdown {
    padding-left: inherit;
    padding-right: 15px;
}

ul:not(.browser-default) {
    padding-right: 0;
    list-style-type: none;
}

nav {
    min-height: 64px;
    position: relative;
}

nav ul a,
nav .brand-logo {
    color: #444;
}

p {
    line-height: 2rem;
}

form p {
    text-align: right;
}

.collapsible-header i {
    margin-left: 1rem;
    margin-right: inherit;
}

td,
th {
    text-align: right;
    padding: 5px;
}

.centered td,
.centered th {
    text-align: center;
}

i {
    vertical-align: sub;
}

.card .card-image .card-title {
    left: auto;
    right: 0;
}

a.card {
    display: block;
}

.modal.modal-fixed-footer .modal-content {
    overflow-x: hidden
}

.chip {
    margin-right: 0px;
    margin-left: 5px;
}

.chip .close {
    float: left;
    padding-left: 0px;
    padding-right: 8px;
}

#changelist-filter {
    margin: 0px;
}

#changelist-filter li.selected {
    margin-right: 0px;
}

/* .modal.loading {
    font-size: 0;
    background: white url(../../images/loading.svg) center center no-repeat;
    min-height: 200px;
} */

.picker__clear {
    float: right;
}