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

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

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

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

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

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

/*---------------------------------- End of fonts ---------------------------------- */

body {
    font-family: 'Vazir', sans-serif !important;
    min-height: 100vh;
    font-size: 13px;
}

.container-wrapper {
    min-height: calc(100vh - 50px);
    width: 90% !important;
}

footer {

}

.ltr {
    direction: ltr !important;
}

.mr-05 {
    margin-right: .5rem;
}

.nav-item span {
    width: 80px;
}

.navbar-brand svg {
    width: 40%;
    display: inline-block;
    margin: -23px 0;
}

.modal-header button {
    display: inline-block;
    font-weight: 700;
    line-height: 1.4;
    color: #67748e;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .75rem 1.5rem;
    font-size: .75rem;
    border-radius: .5rem;
    transition: all .15s ease-in;
    margin-bottom: 1rem;
    letter-spacing: -.025rem;
    box-shadow: 0 4px 7px -1px rgb(0 0 0 / 11%), 0 2px 4px -1px rgb(0 0 0 / 7%);
    background-size: 150%;
    background-position-x: 25%;
}

.card-body {
    font-family: 'Vazir', sans-serif !important;
}

.form-check .form-check-input {
    float: right !important;
}

label {
    margin-right: 0.25rem;
    margin-left: 0;
}

.bootstrap-select {
    display: inline !important;
}

/*.container-wrapper {*/
/*    min-height: calc(100vh - 50px);*/
/*    width: 90% !important;*/
/*}*/

/*svg g {*/
/*    fill: #191919;*/
/*}*/

footer {
    height: 50px;
}

.nav-link.active path, .nav-link.active svg {
    fill: #ffffff !important;

}

.navbar-nav > .nav-item > .nav-link.active .icon {
    background-image: linear-gradient(
        310deg, #b718f9, #e24f09d4) !important;
}

.sidenav .navbar-brand {
    padding: 0 !important;
}

.sidenav-header .navbar-brand {
    width: 100%;
    height: 100%;
}

.form-check:not(.form-switch) .form-check-input[type=checkbox]:after {
    left: 0;
    bottom: 0;
}


.sidenav-header {
    height: inherit !important;
}

.sidenav-header .navbar-brand img {
    width: 75% !important;
    display: block;
    margin: 10% auto;
    max-height: 100% !important;
}


.rtl .ps__rail-y {
    right: auto !important;
    left: 0 !important;
}

.form-check .form-check-input {
    float: none !important;
}

.form-switch {
    text-align: right !important;
}

/*login*/
.logo-container {
    display: grid;
    align-content: center;
    text-align: center;
    width: 80%;
    margin: auto;
}

.logo-container img {
    margin: auto;
}

.login-button {
    background-image: linear-gradient(
        310deg, #d80073b8, #6b0039d4);
    color: #eeeeeb;
}

.login-button:hover {
    background-color: #680138;
    border-color: #690039;
    color: #fff;
}

.login-checkbox {
    border-color: rgb(105 0 57 / 0%);
    background-color: rgb(106 0 58 / 75%);
}


/*end login*/


.card .icon-shape i {
    top: 14px !important;
}

/*ul.nav{*/
/*    direction: ltr;*/
/*}*/

.form-select {
    padding: 0.5rem 2rem .5rem .75rem !important;
}

.nav-wrapper {
    direction: ltr !important;
}

.active-nav a {
    font-weight: 600;
    box-shadow: 0 1px 5px 1px #ddd;
    animation: .2s ease;
    background: #fff !important;
}

.moving-tab {
    display: none;
}

.active-nav .nav-link.active {
    color: #0c0c0c !important;
}

.nav-link {
    cursor: pointer !important;
}

.create-button {
    position: absolute;
    left: 1rem;
    top: 1rem;
}

@media (min-width: 576px) {
    .modal-sm {
        max-width: 500px !important;
    }
}

.m2 {
    margin-top: 2rem !important;
}

.card-default {
    border-radius: 2rem 2rem 2rem 2rem !important;
    box-shadow: 0px 4px 7px 0px !important;
}


/*spiner*/
.show {
    display: block !important;
}

.mr-2 {
    margin-right: 2rem !important;
}

button {
    cursor: pointer !important;
}

.kanban {
    /*display: grid;*/
    /*grid-template-columns: 1fr 1fr 1fr;*/
    /*width: 100%;*/
    /*float: right;*/
    /*grid-gap: 20px;*/
}

.kanban-item {
    cursor: pointer !important;
}

.kanban-col {
    /*flex: 100%;*/
    /*width: 100%;*/
}


.date-queue {
    font-size: 14px !important;
}

/*.kanban-contain {*/
/*    padding: 10px 5px !important;*/
/*}*/
.kanban-board {
    width: 100% !important;
}


.lds-spinner {
    z-index: 10000;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-right: -50%;

    /* right: 0; */ /* bottom: 0; */
    width: 80px;
    height: 80px;
    display: none;
    /*display: block;*/
}

.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #65065a;
}

.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
}

.bootstrap-select {
    display: inline-block !important;
    border: none !important;
}

.navbar-nav .dropdown-menu {
    min-width: 100% !important;
}


.chart-finance {
    height: 707px !important;
}

.nav-item .icon i, .nav-item .icon svg {
    color: #000 !important;
    width: 1rem;
}


.user-detail {
    position: relative;
    left: 4rem;
}

.login-dropdown {
    letter-spacing: 0px !important;
    direction: ltr !important;
    left: 0px !important;
    right: auto !important;
    position: absolute !important;
}

.dropdown .dropdown-menu.dropdown-menu-end:before {
    right: auto !important;
    left: 12px !important;
}

a.disabled {
    cursor: not-allowed;
}

.reportsFiles {
    min-height: 500px;
}

.page-link {
    width: 30px !important;
    height: 30px !important;
    font-size: 11px !important;
}

.list-style {
    list-style: none;
}

.p-head-0 th {
    padding: 10px !important;
}

.ml-1 {
    margin-left: .25rem !important
}

.ml-2 {
    margin-left: .5rem !important;
}

.ml-3 {
    margin-left: 1rem !important
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.ml-5 {
    margin-left: 3rem !important;
}

.mr-1 {
    margin-right: .25rem !important
}

.mr-2 {
    margin-right: .5rem !important;
}

.mr-3 {
    margin-right: 1rem !important
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

.form-check:not(.form-switch) .form-check-input[type=radio]:checked {
    padding: 4px 4px 8px 6px !important;
}

.queue-card {
    max-height: 400px;
    overflow: auto;
}

div.inner.show {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}


/*end spinner*/


/* float: left;
/*.ltr {*/
/*    direction:ltr;*/
/*}*/

/*ul {*/
/*    padding-inline-start: 0px;*/
/*}*/

/*.dropdown-item {*/
/*    text-align: right;*/
/*}*/
/*.dropdown-footer, .dropdown-header {*/
/*    text-align: center;*/
/*}*/

/*.breadcrumb-item+.breadcrumb-item::before {*/
/*    padding-left: .5rem;*/
/*}*/


/*!*------------------------------------ contacts-list ------------------------------------*!*/

/*.contacts-list-img {*/
/*    float: right;*/
/*}*/

/*.contacts-list-info {*/
/*    margin-right: 45px;*/
/*    margin-left: 0;*/
/*}*/


/*!* sidebar *!*/

/*.sidebar {*/
/*    direction: ltr;*/
/*}*/

/*.sidebar > div:first-child {*/
/*    direction: rtl;*/
/*}*/

/*.control-sidebar, .control-sidebar:before {*/
/*    left: -250px;*/
/*    right: auto;*/
/*    transition: left .3s ease-in-out;*/
/*}*/

/*.control-sidebar-slide-open .control-sidebar, .control-sidebar-slide-open .control-sidebar:before {*/
/*    left: 0;*/
/*    right: auto;*/
/*}*/

/*.small-box .icon {*/
/*    right:auto;*/
/*    left:10px;*/
/*}*/

/*.nav-sidebar .nav-link>p>.right {*/
/*    left: 1rem;*/
/*    right: auto;*/
/*}*/

/*.nav-sidebar>.nav-item .nav-icon {*/
/*    margin-right: 0;*/
/*    margin-left: .2rem;*/
/*}*/

/*@media (min-width: 992px) {*/
/*    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header {*/
/*        margin-right: 4.6rem;*/
/*        margin-left: 0;*/
/*    }*/
/*}*/

/*@media (min-width: 992px) {*/
/*    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header {*/
/*        margin-left: 0rem !important;*/
/*        margin-right: 4.6rem !important;*/
/*        z-index:100;*/
/*    }*/

/*    .sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar:before {*/
/*        margin-right: 0;*/
/*        width: 4.6rem;*/
/*    }*/
/*}*/


/*@media (min-width: 768px) {*/
/*    .content-wrapper, .main-footer, .main-header {*/
/*        transition: margin-right .3s ease-in-out;*/
/*        margin-right: 250px;*/
/*        margin-left : 0;*/
/*        z-index: 3000;*/
/*    }*/
/*}*/

/*@media (max-width: 991.98px) {*/
/*    .main-sidebar, .main-sidebar:before {*/
/*        box-shadow: none!important;*/
/*        margin-right: -250px;*/
/*        margin-left: 0;*/
/*    }*/

/*    .content-wrapper, .content-wrapper:before, .main-footer, .main-footer:before, .main-header, .main-header:before {*/
/*        margin-right: 0;*/
/*    }*/

/*    .sidebar-open .main-sidebar, .sidebar-open .main-sidebar:before {*/
/*        margin-right: 0;*/
/*        z-index: 4000;*/
/*    }*/
/*}*/

/*.sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar:before {*/
/*    margin-right: -250px;*/
/*}*/

/*.main-sidebar {*/
/*    left: auto;*/
/*    right:0;*/
/*}*/

/*!* Cards *!*/

/*.card-header>.card-tools {*/
/*    right:auto;*/
/*    left:1rem;*/
/*}*/

/*.user-block img {*/
/*     float: right;*/
/*}*/

/*.attachment-block .attachment-img {*/
/*    float: right;*/
/*}*/

/*.attachment-block .attachment-pushed {*/
/*    margin-left: 0px;*/
/*    margin-right: 110px;*/
/*}*/

/*.card-comments .card-comment img, .img-lg, .img-md, .img-sm, .user-block.user-block-sm img {*/
/*    float: right;*/
/*}*/

/*.card-comments .comment-text {*/
/*    margin-right: 40px;*/
/*    margin-left: 0;*/
/*}*/

/*.card-comments .card-comment img+.img-push, .img-sm+.img-push, .user-block.user-block-sm img+.img-push {*/
/*    margin-left: 0px;*/
/*    margin-right: 40px;*/
/*}*/

/*.user-block .comment, .user-block .description, .user-block .username {*/
/*    margin-right: 50px;*/
/*    margin-left: 0px;*/
/*}*/

/*.btn-group-vertical {*/
/*    align-items: center;*/
/*}*/


/*!*------------------------- Form ----------------------------*!*/
/*.select2-container .select2-search--inline {*/
/*    float: right;*/
/*}*/

/*.select2-container--default .select2-search--inline .select2-search__field {*/
/*    text-align: right;*/
/*}*/

/*!*----------------------- Extra Page ---------------------------*!*/
/*.error-page>.headline {*/
/*    float: right;*/
/*}*/

/*.error-page>.error-content {*/
/*    margin-right: 190px;*/
/*    margin-left: 0;*/
/*}*/

/*.lockscreen-image {*/
/*    left: auto;*/
/*    right:-10px;*/
/*}*/

/*.lockscreen-credentials {*/
/*    margin-left: 0px;*/
/*    margin-right: 70px;*/
/*}*/

/*.nav {*/
/*    padding-inline-start: 0px !important;*/
/*}*/

/*!*---------------------------------- Persian Date Picker ---------------------------------- *!*/

/*.datepicker-plot-area {*/
/*    font-family: 'Vazir', sans-serif;*/
/*}*/

/*!*---------------------------------- modal xl and lg fix bug ---------------------------------- *!*/

/*@media (min-width: 992px){*/
/*    .modal-lg, .modal-xl {*/
/*        max-width: 800px;*/
/*    }*/
/*}*/

/*@media (min-width: 1200px){*/
/*    .modal-xl {*/
/*        max-width: 1140px;*/
/*    }*/
/*}*/
.alert-manager {
    margin: 10px 10px !important;
}

.alert-close {
    margin: -2px -2px;
}

.btn-close:hover {
    opacity: 1 !important;
    font-size: .85rem !important;
}

.overflow-x-hidden {
    overflow-x: hidden !important;
}

.form-switch .form-check-input:after {
    top: -1px !important;
}

.form-switch .form-check-input:checked:after {
    transform: translateX(24px) !important;
}

.structure {
    color: #CC4343 !important;
}

.architecture {
    color: #3CAE8B !important;
}

.facilities {
    color: #237BBA !important;
}

.electricity {
    color: #F1991B !important;
}

.bg-parsicom {
    background-image: linear-gradient(
        310deg, #6b063b, #ff0080);
}


::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #e6e6e6; /* or add it to the track */
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: #c2c2c2;
    border-radius: 5px;

}

.items {
    position: relative;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    transition: all 0.2s;
    transform: scale(0.98);
    will-change: transform;
    user-select: none;
    cursor: pointer;
}

.items.active {
    background: rgba(255, 255, 255, 0.3);
    cursor: grabbing;
    cursor: -webkit-grabbing;
    transform: scale(1);
}

.item {
    display: inline-block;
    background: skyblue;
    min-height: 250px;
    min-width: 400px;
    margin: 2em 1em;

}

.pl-0 {
    padding-left: 0;
}

.pr-0 {
    padding-right: 0;
}

.permission-box {
    background-color: #e9ecef;
    border-radius: 13px;
}

.w-fit-content {
    width: fit-content;
}

@media screen and (max-width: 500px) {
    .item {
        min-height: 200px;
        min-width: 200px;
    }
}

.kanban-item {
    padding: 0 15px !important;
}

.kanban-drag {
    padding: 0 !important;
}

.card-title {
    max-height: 150px;
}

.form-check-input {
    cursor: pointer;
}

.font-7 {
    font-size: .69rem !important;
}

@media (min-width: 992px) {
    .container-scroll .row {
        overflow-x: auto;
        white-space: nowrap;
    }

    .container-scroll .row .col-md-2 {
        display: inline-block;
        float: none;
    }
}

.container-scroll .row {
    margin-top: 24px;
}

.container-scroll .row .col-md-2 {
    font-weight: bold;
    text-align: right;
}

@media (min-width: 1700px) {
    .col-dashboard {
        flex: 0 0 auto;
        width: 50%;
    }
}


@media (min-width: 320px) {
    /*.card-body {*/
    /*    padding: 5px !important;*/
    /*}*/

    .card {
        margin-top: 15px !important;
    }
}

@media (min-width: 1280px) {
    /*.card-body {*/
    /*    padding: .5rem !important;*/
    /*}*/

    .queue-item {
        width: 22%;
    }

    .card-body table td .p-3 {
        padding: .7rem !important;
    }

    .card-body table .text-sm {
        font-size: .7rem !important;
    }
}

@media (min-width: 1366px) {
    .queue-item {
        width: 20%;
    }

    .card-body table td .p-3 {
        padding: 1rem !important;
    }

    .card-body table .text-sm {
        font-size: .8rem !important;
    }
}

@media (min-width: 1920px) {
    /*.card-body {*/
    /*    padding: 1.5rem !important;*/
    /*}*/

    .queue-item {
        width: 14%;
    }
}

@media (max-width: 1024px) {
    .process-container td {
        white-space: normal;
    }

    .navbar-vertical.navbar-expand-xs {
        overflow-y: scroll !important;
        z-index: 100000;
        overflow-anchor: none;
        -ms-overflow-style: none;
        touch-action: auto;
        -ms-touch-action: auto;
    }
}

.revision .timeline-content {
    max-width: 100% !important;
}

.w-100px {
    width: 100px;
}

.w-max {
    width: max-content;
}

.overflow-x-scroll {
    overflow-x: scroll;
}

.radius-13 {
    border-radius: 13px;
}

.accordion-button::after {
    margin-right: auto;
    margin-left: 0;
}

/*.accordion-button:not(.collapsed) {*/
/*    background-image: linear-gradient(310deg, #b718f9, #e24f09d4) !important;*/
/*    color: white;*/
/*}*/
.accordion-button {
    padding: .5rem;
}

.accordion-margin {
    margin-top: 51px;
}

.accordion-button::after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: Font Awesome\ 5 Free;
    font-weight: 700;
    content: "\f107";
    margin-right: auto;
    color: rgba(58, 65, 111, .5);
    transition: all .2s ease-in-out;
    line-height: 10px;
}

.multisteps-form__panel:not(.js-active) {
    display: none;
}

.history-button {
    width: 100%;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    padding-right: 10px !important;
    background-position: left .75rem center !important;
}

.pl-1 {
    padding-left: .25rem !important
}

.pl-2 {
    padding-left: .5rem !important;
}

.pl-3 {
    padding-left: 1rem !important
}

.pl-4 {
    padding-left: 1.5rem !important;
}

.pl-5 {
    padding-left: 3rem !important;
}

.plr-1 {
    padding-right: .25rem !important
}

.pr-2 {
    padding-right: .5rem !important;
}

.pr-3 {
    padding-right: 1rem !important
}

.pr-4 {
    padding-right: 1.5rem !important;
}

.pr-5 {
    padding-right: 3rem !important;
}

.input-group .form-control:not(:last-child) {
    border-right: 1px solid #d2d6da;
}