.btn i, .header-navbar .navbar-container ul.nav li.dropdown.dropdown-user .dropdown-menu .dropdown-item i, .list-group .list-group-item i, .main-menu .dropdown-menu i, .main-menu .dropdown-user > a > i, .main-menu .navigation li > a > i, .main-menu .navigation > li > a > i {
    float: right
}

.dz-details, .title-field-panel {
    opacity: 1 !important
}

.login-align-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100vh;
    padding-right: 50px;
}


.card-main-login-panel {
    max-width: 320px;
    width: 100%;
    padding: 1.5rem;
}

.login-form-logo {
    display: block;
    margin: 0 auto 1rem auto;
    width: 80px;
    margin-bottom: 0.75rem;
    height: auto;
}

.cursor-pointer, .infoTure {
    cursor: pointer
}

.table-list-blog-panel td, .table-list-blog-panel th, [data-tip]:after {
    white-space: nowrap
}

:root {
    --title: #717171;
    --border-input: #91DBD1;
    --disable-btn: #BDBDBD;
    --active-btn: #1D9D90;
    --warning: #F00;
    --link: #18A0FF;
    --border-skeleton: #EEE;
    --skeleton: #EEE;
    --gray-E2: #E2E2E2
}

body {
    position: relative;
    font-family: IRANSans
}

*, :after, :before {
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(0, 149, 255, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000
}

.header-navbar {
    background: #fff;
    position: fixed;
    width: 100%;
    top: -7px;
    z-index: 100
}

.error, .infoTure {
    position: relative
}

.content-body-panel .content-wrapper {
    width: 100%;
    max-width: 460px
}

.description-field-panel {
    color: var(--title);
    line-height: 25px
}

.error-field-panel input {
    border-color: var(--warning) !important
}

.error-field-panel .title-field-panel {
    color: var(--warning) !important
}

.content-body-panel .form-control {
    border: 1px solid var(--border-input);
    border-radius: 3px !important;
    min-height: 41px;
    text-align: left;
    direction: ltr
}

.content-body-panel .form-control:focus {
    border: 1px solid var(--border-input);
    box-shadow: unset
}

.title-field-panel {
    top: -15px !important;
    right: 7px !important;
    padding: 4px 5px !important
}

.btn-submit-panel {
    border-radius: 3px;
    padding: 10px
}

.btn-submit-panel:not(.active-btn-submit) {
    background-color: var(--disable-btn)
}

.active-btn-submit {
    background-color: var(--active-btn)
}

.error {
    color: var(--warning);
    margin-top: 8px;
    bottom: -3px
}

.edit-number, .resend-panel {
    color: var(--link) !important
}

.form-control-resend {
    border-color: var(--border-input);
    overflow: hidden;
    border-width: 0 0 1px;
    border-radius: 0 0 2px 2px;
    outline: unset
}

.otp-input-fields {
    direction: ltr;
    gap: 15px
}

.before-skeleton:before, .bg-skeleton, .btn-form-skeleton, .loading-skeleton .btn, .loading-skeleton .form-control, .loading-skeleton h1, .loading-skeleton h2, .loading-skeleton h3, .loading-skeleton h4, .loading-skeleton h5, .loading-skeleton h6, .loading-skeleton label, .loading-skeleton li, .loading-skeleton p, loading-skeleton p, loading-skeleton span {
    color: transparent;
    appearance: none;
    -webkit-appearance: none;
    background-color: var(--skeleton);
    border-color: var(--skeleton)
}

.h-20 {
    height: 20px
}

.input-panel-skeleton:not(.resend-panel-skeleton) {
    border: 1px solid var(--border-skeleton)
}

.btn-form-skeleton, .input-panel-skeleton {
    border-radius: 3px
}

.h-input-skeleton {
    height: 40px
}

.card-skeleton-login-panel > div {
    margin-top: 25px
}

.resend-panel-skeleton {
    border-bottom: 1px solid var(--skeleton)
}

.card-main-login-panel {
    border: 1px solid var(--gray-E2)
}

.font-12 {
    font-size: 12px
}

.font-15, .price-input-card input {
    font-size: 15px !important
}

body.vertical-layout.vertical-menu-modern .main-menu {
    right: -4px
}

.main-menu .navigation > li ul li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header-navbar .navbar-container ul.nav li.dropdown .dropdown-menu {
    top: 48px !important
}

.header-navbar .navbar-container ul.nav li.dropdown .dropdown-menu::before {
    top: 1px
}

.header-navbar .dropdown .dropdown-menu.dropdown-menu-right::before, .header-navbar .dropup .dropdown-menu.dropdown-menu-right::before {
    right: auto;
    left: .5rem
}

.show > .dropdown-menu {
    transform: unset !important
}

.price-input-card .icon-container {
    left: unset !important;
    right: 10px !important
}

.price-input-card input {
    direction: ltr;
    padding-left: 10px !important
}

.price-input-card input:focus {
    border: 1px solid #d9d9d9
}

.cardProduct .dropdown-menu {
    bottom: 0 !important;
    margin: 0
}

.cardProduct .btn {
    line-height: 2 !important
}

.progress-bar-success .progress-bar, .swal2-title {
    line-height: 2
}

.dropdown .dropdown-menu, .dropup .dropdown-menu {
    right: auto !important;
    top: 42px !important;
    left: auto !important;
    transform: unset !important
}

.dropdown .dropdown-menu.dropdown-menu-right, .dropup .dropdown-menu.dropdown-menu-right {
    left: 0 !important
}

.dropdown .dropdown-menu.dropdown-menu-right::before, .dropup .dropdown-menu.dropdown-menu-right::before {
    right: .6rem;
    left: auto
}

.dropleft .dropdown-toggle::before {
    content: '\e844' !important
}

.dropright .dropdown-toggle::after {
    content: '\e843' !important
}

.input-group .dropdown-menu.show {
    top: 0 !important;
    right: auto !important;
    left: 0 !important
}

.chartjs-render-monitor {
    margin-right: 1rem
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: left !important
}

#dashboard-analytics .img-left {
    left: 0;
    right: auto !important
}

#dashboard-analytics .img-right, .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow, .carousel-control-next {
    left: auto;
    right: 0
}

.square.slider-xl .noUi-handle:before {
    left: 5px
}

.square.slider-xl .noUi-handle:after {
    left: 10px
}

.square .noUi-handle:before {
    left: 2px
}

.square .noUi-handle:after {
    left: 7px
}

.noUi-vertical.square .noUi-handle:after, .noUi-vertical.square .noUi-handle:before {
    left: -1px
}

.noUi-horizontal.slider-sm .noUi-handle, .noUi-horizontal.slider-xs .noUi-handle {
    left: auto !important;
    right: -2px !important
}

.context-menu-list {
    z-index: 1031 !important
}

.context-menu-item > .context-menu-list {
    right: 100%;
    margin-right: 0
}

.pagination .page-item.prev .page-link:after, .pagination .page-item.prev-item .page-link:before, .pagination .page-item.previous .page-link:after {
    content: '\e844';
    font-family: feather
}

.pagination .page-item.next .page-link:before, .pagination .page-item.next-item .page-link:after {
    content: '\e843';
    font-family: feather
}

.pagination .page-item.next .page-link:after, .pagination .page-item.prev .page-link:before, .pagination .page-item.previous .page-link:before {
    display: none
}

code[class*=language-], pre[class*=language-] {
    direction: ltr
}

@media print {
    code[class*=language-], pre[class*=language-] {
        text-shadow: none
    }

    html {
        padding-top: 50px !important
    }
}

.email-application .app-content .list-group .list-group-item i {
    float: right !important
}

.fc .fc-header-toolbar .fc-right .fc-button.fc-prev-button .fc-icon {
    right: 4px !important
}

.fc .fc-header-toolbar .fc-right .fc-button.fc-next-button .fc-icon {
    left: -3px !important
}

.btn i {
    margin-left: .25rem
}

.btn.btn-icon i {
    margin-left: 0
}

.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow, .carousel-control-prev {
    left: 0;
    right: auto
}

.popover, .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg, body .ps__rail-y {
    right: auto !important
}

.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #323232
}

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #323232
}

body .ps__rail-y {
    left: 1px !important
}

.ecommerce-application .sidebar-shop .range-slider.noUi-horizontal .noUi-handle {
    left: 5px !important
}

.infoTure {
    width: 23px;
    top: -9px;
    left: 3px;
    float: left
}

.swal2-title {
    font-size: 1.3em !important
}

.help-block.with-errors {
    margin-top: 11px;
    font-size: 12px;
    margin-right: 10px;
    color: red
}

.card-information {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 25px
}

.card-information > div, .full-width {
    width: 100%
}

.swal2-popup.swal2-toast .swal2-title {
    margin: .5em 1em;
    padding: 0;
    font-size: .8em;
    text-align: initial;
    line-height: 2.5
}

.icon-information {
    max-width: 135px
}

.card-information > div > div {
    height: 100%;
    justify-content: center
}

table.table-information tbody tr td.product-img img {
    height: 75px
}

.table-information thead th {
    font-size: 12px;
    line-height: 22px
}

.table-information tbody td {
    font-size: 11px;
    line-height: 22px
}

.bg-white {
    background-color: #fff
}

.card-main-information {
    display: grid;
    grid-template-columns:10% 88%;
    gap: 2%;
    align-items: center
}

.card-img-person > img {
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.mb-xl {
    margin-bottom: 5px
}

.font-14 {
    font-size: 14px
}

.line-height-25 {
    line-height: 25px
}

.w-16 {
    width: 16px
}

.h-16 {
    height: 16px
}

.color-svg-name {
    fill: #006fd6
}

.margin-r-svg {
    margin-right: 5px
}

.margin-l-svg {
    margin-left: 5px
}

.color-gray-svg {
    fill: gray
}

.text-gray {
    color: gray
}

.card-service {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 15px
}

.font-13 {
    font-size: 13px
}

.font-bold {
    font-weight: 700
}

.text-black {
    color: #000
}

.card-service > span {
    margin: 3px 0
}

.text-yellow, .text-yellow > path {
    fill: #ffaa00
}

.bg-green {
    background: #e0fed0;
    color: #2a2a28;
    line-height: 1;
    padding: 4px 8px;
    border-radius: 3px
}

.back-icon-resume, .card-comment {
    background-color: #f8fafc
}

.p-tb {
    padding: 3% 0
}

.p-main {
    padding: 20px
}

.line-height-30 {
    line-height: 30px
}

.card-about-me {
    display: grid;
    grid-template-columns:60% 38%;
    gap: 2%
}

.font-weight-800 {
    font-weight: 800
}

.card-specialties {
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

.card-specialties > li > span {
    background-color: #f1f5f9;
    border-radius: 22px;
    padding: 3px 13px
}

.card-specialties > li {
    margin-left: 2.5%
}

ul {
    list-style: none
}

.full-img {
    width: 100%;
    height: 100%
}

.border-radius-100 {
    border-radius: 100%
}

.color-star {
    color: #fa0
}

.card-comment > p {
    padding: 1.5%
}

.align-star {
    align-items: flex-start !important
}

.ul-comment > li {
    margin: 3% 0
}

.w-60 {
    width: 60px
}

.h-60 {
    height: 60px
}

.card-information-person-comment {
    margin-top: 10px
}

.card-information-person-comment > p {
    margin-bottom: 6px
}

.title-comment > a {
    color: #006fd6 !important;
    padding-right: 5%
}

.card-resume {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    gap: 20px
}

.w-24 {
    width: 24px
}

.h-24 {
    height: 24px
}

.back-icon-resume {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px
}

.w-48 {
    width: 48px
}

.h-48 {
    height: 48px
}

.card-txt-resume > h6, .card-txt-resume > p {
    margin-bottom: 10px
}

.ul-resume > li {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 3%
}

.card-txt-resume {
    padding-right: 3%
}

.txt-about-me {
    white-space: pre-line
}

.ul-resume > li:last-child {
    border-bottom: unset !important;
    margin-bottom: 0 !important
}

.title-resume {
    margin-bottom: 5%
}

.btn-sumbit-nezam {
    border: 1px solid #079dac;
    white-space: pre;
    padding: 7px;
    border-radius: 3px;
    background-color: #079dac;
    color: #fff
}

.form-control-category-disabled {
    background-color: #fff !important
}

.table-list-blog-panel img {
    max-height: 50px;
    max-width: 50px
}

.table-list-blog-panel td {
    font-size: .85rem
}

.all-btns-login-code-panel {
    flex-direction: row-reverse
}

.app-content-login {
    display: block;
}

.icon-user-login {
    height: fit-content;
    top: 11px !important
}

@media (max-width: 768px) {
    .all-btns-login-code-panel > a, .all-btns-login-code-panel > button {
        font-size: 12px !important;
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    table.dataTable thead > tr > td.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc {
        padding-right: 10px;
        padding-left: 10px !important
    }

    html body .content .content-wrapper {
        padding: calc(2.2rem - .2rem) 1.2rem 0 !important
    }

    #navbar-mobile.navbar-collapse > .navbar-nav, .card_map {
        width: 100% !important
    }

    .add-circle-btn {
        right: -19px !important
    }

    #navbar-mobile.navbar-collapse .navbar-nav .dropdown.nav-item {
        left: 0;
        position: absolute
    }

    #navbar-mobile.navbar-collapse .navbar-nav .dropdown-menu {
        left: 15px !important;
        right: unset !important
    }

    .content-body {
        padding-bottom: 40px !important
    }
}

.custom-alert-danger, .custom-alert-info, .custom-alert-warning {
    padding: 14px;
    margin: 16px;
    line-height: 2
}

.nb-spinner {
    width: 75px;
    height: 75px;
    background: 0 0;
    border-top: 4px solid #009688;
    border-right: 4px solid transparent;
    border-radius: 50%;
    -webkit-animation: 1s linear infinite spin;
    animation: 1s linear infinite spin;
    z-index: 10000;
    position: fixed;
    bottom: 50%;
    right: 48%;
    transform: translate(-50%, -50%)
}

.status-product, [data-tip] {
    position: relative
}

.opacity-0 {
    opacity: 0 !important
}

.custom-alert-info {
    background-color: #f0f0f0;
    border: 2px dashed #29a296ab;
    border-radius: 2px
}

.custom-alert-danger {
    background-color: #ff8f0030;
    border: 2px dashed #ff8f00;
    border-radius: 2px
}

.custom-alert-warning {
    background-color: #ff996642;
    border: 2px dashed #c30;
    border-radius: 2px
}

.select-file-custom {
    display: inline-block;
    width: 100%;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    height: calc(1.25em + 1.4rem + 1px);
    padding: .7rem .7rem .7rem 1.7rem;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.25;
    color: #4e5154;
    vertical-align: middle;
    text-align: center;
    cursor: pointer
}

table a {
    color: #626262
}

.footer {
    font-size: .8rem !important
}

.status-product {
    float: right;
    top: 7px;
    right: 7px
}

.btn-custom-table {
    border: 1px dashed;
    font-size: .8rem
}

#resultSearchMap li {
    margin-top: 2px
}

#resultSearchMap {
    width: 52% !important;
    background: #ffff !important;
    display: block !important
}

#myUL {
    width: 100% !important;
    padding: 0 !important
}

#myUL li {
    width: auto;
    border: 1px solid;
    padding: 0 9px;
    border-radius: 7px;
    min-width: 65px;
    text-align: center;
    float: right;
    margin-left: 2px;
    margin-top: 4px
}

.img-list-products {
    max-width: 258px !important;
    min-height: 258px !important
}

.editing {
    max-width: 600px;
    margin: 1.75rem auto
}

.swal2-cancel {
    margin-left: 15px
}

.show-real-price {
    text-decoration: line-through
}

.price-discount-input {
    background: url(/Percent.svg) 7px 7px no-repeat !important;
    padding-left: 30px !important
}

.errorText {
    margin-bottom: 6px !important
}

[data-tip]:before {
    content: '';
    display: block;
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #1a1a1a;
    position: absolute;
    top: 68px;
    left: 35px;
    z-index: 8;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0
}

[data-tip]:after {
    display: block;
    content: attr(data-tip);
    position: absolute;
    top: 85px;
    left: 32px;
    padding: 5px 8px;
    background: #1a1a1a;
    color: #fff;
    z-index: 9;
    font-size: .75em;
    height: 24px;
    line-height: 18px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    word-wrap: normal
}

[data-tip]:hover:after, [data-tip]:hover:before {
    display: block
}