/* Minification failed. Returning unminified contents.
(27,10707): run-time error CSS1030: Expected identifier, found '.'
(27,10731): run-time error CSS1031: Expected selector, found ')'
(27,10731): run-time error CSS1025: Expected comma or open brace, found ')'
(29,4634): run-time error CSS1030: Expected identifier, found ':'
(29,4642): run-time error CSS1031: Expected selector, found ')'
(29,4642): run-time error CSS1025: Expected comma or open brace, found ')'
(29,4816): run-time error CSS1030: Expected identifier, found ':'
(29,4824): run-time error CSS1031: Expected selector, found ')'
(29,4824): run-time error CSS1025: Expected comma or open brace, found ')'
(29,5012): run-time error CSS1030: Expected identifier, found ':'
(29,5020): run-time error CSS1031: Expected selector, found ')'
(29,5020): run-time error CSS1025: Expected comma or open brace, found ')'
(29,5215): run-time error CSS1030: Expected identifier, found ':'
(29,5223): run-time error CSS1031: Expected selector, found ')'
(29,5223): run-time error CSS1025: Expected comma or open brace, found ')'
(29,5452): run-time error CSS1030: Expected identifier, found ':'
(29,5460): run-time error CSS1031: Expected selector, found ')'
(29,5460): run-time error CSS1025: Expected comma or open brace, found ')'
(29,10093): run-time error CSS1030: Expected identifier, found ':'
(29,10101): run-time error CSS1031: Expected selector, found ')'
(29,10101): run-time error CSS1025: Expected comma or open brace, found ')'
 */
#nrwaiting {
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    padding-top: 15%;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
}

div#nrwaiting * {
    font-family: fontawesome !important;
}

#nrwaiting i.fa {
    color: #fff;
    width: 100%;
}

.avoid-clicks {
    pointer-events: none;
}

input::-webkit-input-placeholder {
    color: #d5d5d5!important;
}

input:-moz-placeholder {
    color: #d5d5d5!important;
}

input::-moz-placeholder {
    color: #d5d5d5!important;
}

input:-ms-input-placeholder {
    color: #d5d5d5!important;
}

body {
    background-color: #f1f1f1;
    overflow-x: hidden;
}

body * {
    font-family: IRANSansX,Tahoma,fontawesome!important;
}

body * .main-page-content {
    position: relative;
}

body * .main-page-content .page-banner {
    top: 0;
}

body * .main-page-content.has-buy-uip-box {
    padding-top: 90px;
}

body * .main-page-content.has-buy-uip-box .buy_uip_box_holder {
    position: absolute;
    top: 0;
}

body * .main-page-content.has-vip-item-box {
    padding-top: 156px;
}

body * .main-page-content.has-vip-item-box .new-vip-item {
    position: absolute;
    top: 0;
}

body * .main-page-content.has-page-banner {
    padding-top: 75px;
}

body * .main-page-content.has-page-banner .buy_uip_box_holder,body * .main-page-content.has-page-banner .new-vip-item {
    top: 85px;
}

body * .main-page-content.has-page-banner.has-buy-uip-box {
    padding-top: 170px;
}

body * .main-page-content.has-page-banner.has-vip-item-box {
    padding-top: 241px;
}

.red-alert {
    color: #f00!important;
}

.nodisplay-box {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 #878787;
    font-size: 11pt;
    line-height: 26px;
    margin-bottom: 20px;
    width: 100%;
}

.nodisplay-box i.fa-exclamation-triangle {
    color: #fc8d21;
    font-size: 17pt;
    margin-left: 3px;
    margin-right: 15px;
    margin-top: 13px;
    position: absolute;
    vertical-align: top;
}

.nodisplay-box .nodisplay-description-text {
    display: inline-block;
    margin-bottom: 11px;
    margin-right: 4px;
    margin-top: 11px;
    padding-right: 45px;
}

h1 {
    font-size: 1.5em;
    font-weight: bold;
    margin: 10px 0;
}

.right-pane {
    background-color: #fff;
    border-bottom: 1px solid #e3e3e3;
    box-shadow: -2px 0 1px 0 #ddd;
}

.right-pane .nav-header {
    display: inline-block;
    font-size: 12px;
    padding-right: 10px;
    position: relative;
    text-decoration: none;
    width: 100%;
}

.right-pane .nav-header h2 {
    font-size: 1.1em;
    font-weight: 500;
    line-height: 19px;
    margin: 10px 0;
    padding-left: 25px;
}

.right-pane .nav-header::after {
    color: #ddd;
    left: 10px;
    position: absolute;
    top: 15px;
}

.right-pane .nav-header:not(.collapsed) {
    border-bottom: 1px solid #e3e3e3;
}

.right-pane .nav-header.collapsed::after {
    content: "";
}

.right-pane .nav-header:not(.collapsed)::after {
    content: "";
}

.right-pane ul {
    list-style-type: none;
    padding: 5px 0 0;
}

.right-pane ul>li {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

.right-pane ul>li>a {
    color: #0a6097;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 28px;
    text-decoration: none;
    width: 100%;
}

.right-pane ul>li>a.highlited {
    color: #fc8d21;
}

.right-pane ul>li>span.admin-info {
    left: 3px;
    position: absolute;
    top: 0;
    width: auto;
}

.right-pane ul>li>span.admin-info>a.google-link {
    float: left;
    text-decoration: none;
}

.right-pane ul>li>span.admin-info>a.google-link::before {
    color: #df4b37;
    font-size: 12px;
    font-weight: normal;
    line-height: 26px;
    margin-left: 6px;
    vertical-align: text-top;
}

.right-pane ul>li>span.admin-info>.suggest-count {
    font-size: 11px;
    line-height: 28px;
    margin-left: 3px;
    text-decoration: none;
}

.right-pane ul>li:hover {
    background-color: #f1f1f1;
}

.right-pane section:not(:first-child) {
    border-top: 1px solid #e3e3e3;
}

.right-pane.main-nav {
    border-top: 1px solid #e3e3e3;
    margin-top: 10px;
}

.right-pane.main-nav.mobile {
    margin-top: 20px;
}

#mainContent {
    display: inline-block;
    position: relative;
}

#mainContent #pageTitle {
    padding: 10px 0;
}

#mainContent .section-header {
    padding: 10px 0;
    clear: both;
    margin-bottom: 15px;
}

#mainContent .section-header h2 {
    font-size: 1.5em;
    font-weight: bold;
}

#mainContent .section-header h2 a {
    text-decoration: none;
}

#mainContent .no-result {
    margin-right: 20px;
}

#mainContent .no-result a {
    color: #0a6097;
    line-height: 22px;
    text-decoration: none;
}

#mainContent .smart-search {
    margin-right: 20px;
}

#mainContent .smart-search a {
    color: #0a6097;
    line-height: 22px;
    text-decoration: none;
}

#mainContent section.tvo {
    display: block;
    height: 133px;
    width: 100%;
}

#mainContent section.tvo article.tvo-item {
    box-shadow: -1px 1px 2px 0 #878787;
    float: right;
    height: 113px;
    padding-left: 170px;
}

#mainContent section.tvo article.tvo-item.vip {
    border: 1px solid #c42539;
    border-right-width: 7px;
}

#mainContent section.tvo article.tvo-item.uip {
    border: 1px solid #c42539;
    border-right-width: 7px;
}

#mainContent section.tvo article.tvo-item h2 {
    height: 68px;
    line-height: 20px;
    margin: 0;
    padding: 4px 7px;
    text-align: center;
    width: 100%;
}

#mainContent section.tvo article.tvo-item .image-outer {
    height: 113px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 170px;
}

#mainContent section.tvo article.tvo-item .image-outer.fit-width {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

#mainContent section.tvo article.tvo-item .image-outer.fit-width img {
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    max-height: 113px;
}

#mainContent section.tvo article.tvo-item footer {
    padding: 7px 10px 1px 180px;
}

#mainContent section.tvo article.tvo-item footer span {
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    width: 100%;
}

#mainContent section.tvo article.tvo-item footer span.owner-title {
    color: #010101;
    font-size: 14px;
    line-height: 24px;
}

#mainContent section.tvo article.tvo-item footer span.call-info {
    color: #747474;
    font-size: 11.5px;
    font-weight: 500;
}

#mainContent section.tvo article.tvo-item footer span.call-info i.fa {
    color: #c42539;
    font-size: 16px;
    font-weight: bold;
    margin-left: 3px;
    vertical-align: sub;
}

#mainContent article {
    background-color: #fff;
    cursor: pointer;
    margin: 0 3px 20px;
    position: relative;
    width: calc(100% - 6px);
}

#mainContent article .overlay-on-order {
    position: absolute;
    width: 100%;
    height: 92%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,.9215686275);
    z-index: 1000;
    display: block;
}

#mainContent article h2 {
    color: #676767;
    font-size: 14px;
    line-height: 21px;
    margin: 5px 0;
}

#mainContent article h2 a {
    color: #0a6097;
    text-decoration: none;
}

#mainContent article p {
    color: #676767;
    font-size: 13px;
    line-height: 21px;
    overflow: hidden;
    padding: 0 10px 0 10px!important;
    text-align: justify;
}

#mainContent article p.order-content {
    height: 62px;
    margin-bottom: 6px;
    word-wrap: break-word;
}

#mainContent article p.order-content.has-attribute {
    display: none;
}

#mainContent article p.order-attributes {
    margin-bottom: 0;
}

#mainContent article p.order-attributes .item-attribute {
    margin-left: 24px;
}

#mainContent article p.order-attributes .item-attribute.price_ .field-value {
    font-weight: bold;
}

#mainContent article .stars {
    font-size: 1.3em;
    left: 7px;
    position: absolute;
    bottom: 0;
    z-index: 10;
}

#mainContent article .stars span.fa-star {
    color: #fbc219;
}

#mainContent article .stars .favorite-click-box .favirite-icon {
    font-size: 18px;
    margin-left: 2px;
}

#mainContent article .stars .favorite-click-box .favirite-icon.fa-heart {
    color: #ed4956;
}

#mainContent article .stars .favorite-click-box .favirite-icon.fa-heart-o {
    color: #7b8288;
}

#mainContent article .image-outer {
    height: 207px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

#mainContent article .image-outer.fit-width {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

#mainContent article .image-outer.fit-width img {
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    max-height: 207px;
}

#mainContent article .hover-visible-bar {
    background-color: #97e400;
    bottom: 30px;
    display: table;
    height: 28px;
    position: absolute;
    text-align: center;
    visibility: hidden;
    width: 100%;
    z-index: 10;
}

#mainContent article .hover-visible-bar span {
    display: table-cell;
    vertical-align: middle;
}

#mainContent article .hover-visible-bar span i.fa-phone {
    font-size: 24px;
    line-height: 14px;
    margin-left: 3px;
    vertical-align: bottom;
}

#mainContent article .hover-visible-bar a {
    float: right;
    margin-left: 10px;
}

#mainContent article .hover-visible-bar a.order-edit {
    color: #000;
    display: table-cell;
    font-size: 18px;
    line-height: 24px;
    padding-top: 4px;
    text-decoration: none;
}

#mainContent article .hover-visible-bar a.link {
    height: 20px;
    font-size: 18px;
    margin-bottom: 4px;
    margin-top: 4px;
}

#mainContent article .hover-visible-bar a.link i {
    color: #333;
}

#mainContent article .hover-visible-bar a.link.link-svg {
    display: inline-block;
    width: 14px;
    line-height: 22px;
    vertical-align: middle;
}

#mainContent article .hover-visible-bar a.user-panel-link {
    background-image: url(/content/images/crediticons/userpanel-icon.png);
    background-repeat: no-repeat;
    width: 20px;
}

#mainContent article .hover-visible-bar a.ordermanager-link {
    margin-bottom: 3px;
    margin-top: 5px;
}

#mainContent article .hover-visible-bar a.ordermanager-link i {
    color: #999;
}

#mainContent article footer {
    bottom: 0;
    color: #676767;
    font-size: 12px;
    position: absolute;
    width: 100%;
}

#mainContent article footer span {
    float: right;
}

#mainContent article footer span.separator {
    color: #ddd;
    margin: 0 4px;
}

#mainContent article footer span.owner-title,#mainContent article footer span.order-city {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}

#mainContent article.order-item {
    box-shadow: 0 1px 2px 0 #878787;
    float: right;
    height: 360px;
    z-index: 99;
}

#mainContent article.order-item h2 {
    display: table-cell;
    padding: 217px 10px 5px 10px;
}

#mainContent article.order-item h2 a {
    text-align: justify;
}

#mainContent article.order-item footer {
    border-top: 1px solid #e3e3e3;
    padding: 7px 10px 5px;
}

#mainContent article.order-item footer span.owner-title,#mainContent article.order-item footer span.order-city {
    max-width: 90px;
}

#mainContent article.order-item:not(.has-gallery) {
    height: auto;
}

#mainContent article.order-item:not(.has-gallery) .order-attributes {
    margin-bottom: 30px;
}

#mainContent article.order-item:not(.has-gallery) .order-attributes.filled {
    padding-bottom: 30px;
}

#mainContent article.order-item:not(.has-gallery) .image-outer {
    background-color: #a3b4c6;
    display: none;
}

#mainContent .show-toggle {
    display: none;
    right: 0;
    pointer-events: none;
    position: absolute;
    text-align: left;
    top: -43px;
}

#mainContent .show-toggle .page-reorder {
    background-image: url(https://static.niazerooz.com/content/images/page-reorder/reorderset.png);
    background-size: 48px 48px;
    cursor: pointer;
    float: left;
    height: 24px;
    pointer-events: all;
    width: 24px;
}

#mainContent .show-toggle .page-reorder.active {
    pointer-events: none;
    background-position-y: 24px;
}

#mainContent .show-toggle .page-reorder.reorder-mosaics {
    margin-right: 14px;
}

#mainContent .show-toggle .page-reorder.reorder-rows {
    background-position-x: 24px;
}

#mainContent .show-toggle .search-result-type {
    pointer-events: all;
}

#mainContent .show-toggle .search-result-type:hover,#mainContent .show-toggle .search-result-type:focus {
    text-decoration: none;
}

#mainContent .show-toggle .search-result-type .toogle-button {
    margin-left: 8px;
    vertical-align: text-bottom;
    font-size: 24px;
}

#mainContent.list article.order-item p.order-attributes {
    color: #198700;
}

#mainContent.list article.order-item .image-outer {
    background-color: #a3b4c6;
}

#mainContent.list article.order-item:not(.has-gallery) h2 {
    padding-top: 10px;
}

#mainContent:not(.mobile) article:hover .hover-visible-bar {
    visibility: visible;
}

body.scrolled .left-pane.nav-bc {
    margin-top: 70px;
}

body.scrolled .right-pane.main-nav:not(.mobile) {
    margin-top: 95px;
}

.pagination-nav {
    float: none;
    text-align: center;
}

.pagination-nav .pagination {
    padding: 0;
}

.pagination-nav .pagination>li {
    float: right;
}

.pagination-nav .pagination>li>a {
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    -ms-border-radius: 0!important;
    border-radius: 0!important;
    background-color: transparent;
    color: #676767;
    font-size: 13px;
    line-height: 18px;
    min-width: 36px;
    padding: 8px 4px;
}

.pagination-nav .pagination>li>a:not([rel]),.pagination-nav .pagination>li>a[rel=last] {
    margin-right: 8px;
}

.pagination-nav .pagination>li.active>a,.pagination-nav .pagination>li.active>a:hover {
    background-color: transparent;
    border-color: #4582ec;
    color: #676767;
}

.pagination-nav .pagination>li>a[rel~=prev] {
    background-color: #4582ec;
    color: #fff;
    font-size: 15px;
    margin-left: 20px;
    min-width: 105px;
    padding: 8px 12px;
}

.pagination-nav .pagination>li>a>i.fa-angle-right {
    margin-left: 5px;
}

.pagination-nav .pagination>li>a[rel~=next] {
    background-color: #4582ec;
    color: #fff;
    font-size: 15px;
    margin-right: 20px;
    min-width: 105px;
    padding: 8px 12px;
}

.pagination-nav .pagination>li>a>i.fa-angle-left {
    margin-right: 5px;
}

section.banner-container {
    background-color: #c8c8c8;
    clear: both;
    display: block;
    line-height: 0;
    margin-bottom: 20px;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}

section.banner-container .banner-inner {
    display: inline-block;
}

section.banner-container .banner-inner .banner-wrapper.advertisement {
    float: right;
    text-align: center;
    width: 100%;
}

section.banner-container .banner-inner .banner-wrapper.advertisement:not(:last-child) {
    margin-bottom: 10px;
}

@media(min-width: 576px) {
    #mainContent article {
        margin:0 0 20px;
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .nodisplay-box {
        margin-right:20px;
        width: 640px;
    }

    #mainContent {
        padding-left: 20px;
    }

    #mainContent section.tvo {
        height: 266px;
    }

    #mainContent section.tvo article.tvo-item {
        margin: 0 20px 20px 0;
        width: 310px;
    }

    #mainContent section.tvo.items1,#mainContent section.tvo.items2 {
        height: 133px;
    }

    #mainContent.list {
        display: inline-block;
        padding-right: 20px;
    }

    #mainContent.list article.order-item {
        height: auto;
        width: 100%;
    }

    #mainContent.list article.order-item h2 {
        height: auto;
        padding: 10px;
    }

    #mainContent.list article.order-item p {
        height: auto;
        padding: 10px;
    }

    #mainContent.list article.order-item p.order-content {
        display: block;
    }

    #mainContent.list article.order-item p.order-attributes {
        margin-bottom: 30px;
    }

    #mainContent.list article.order-item .stars {
        left: 10px;
    }

    #mainContent.list article.order-item .image-outer {
        display: none;
        left: 0;
        width: 310px;
    }

    #mainContent.list article.order-item .hover-visible-bar {
        padding-right: 10px;
        text-align: right;
    }

    #mainContent.list article.order-item footer {
        border-top: 0;
    }

    #mainContent.list article.has-gallery {
        height: 207px;
    }

    #mainContent.list article.has-gallery h2 {
        height: 50px;
        padding: 5px 10px 5px 320px;
    }

    #mainContent.list article.has-gallery p {
        height: 60px;
        padding: 0 10px 0 320px!important;
    }

    #mainContent.list article.has-gallery p.order-attributes {
        margin-bottom: 0;
    }

    #mainContent.list article.has-gallery .stars {
        left: 320px;
    }

    #mainContent.list article.has-gallery .image-outer {
        display: block;
        z-index: 15;
    }

    #mainContent.list article.has-gallery .hover-visible-bar {
        padding-left: 310px;
    }

    #mainContent:not(.list) #pageTitle {
        padding-right: 10px;
    }

    #mainContent:not(.list) #pageTitle h1 {
        margin: 10px;
    }

    #mainContent:not(.list) .section-header {
        padding-right: 10px;
        clear: both;
        margin-bottom: 15px;
    }

    #mainContent:not(.list) .section-header h2 {
        margin: 10px;
    }

    #mainContent:not(.list) article {
        margin: 0 20px 20px 0;
        width: 310px;
    }

    #mainContent:not(.list) article:not(.has-gallery) {
        height: 360px;
    }

    #mainContent:not(.list) article:not(.has-gallery) .order-attributes {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    #mainContent:not(.list) article:not(.has-gallery) .image-outer {
        display: table;
    }

    #mainContent:not(.list) article:not(.has-gallery) .image-outer .fa {
        color: #e5e5e5;
        display: table-cell;
        font-size: 78px;
        vertical-align: middle;
    }
}

@media only screen and (min-width: 992px) {
    .right-pane {
        clear:right;
        float: right;
        width: 200px;
    }

    .right-pane.main-nav.mobile {
        margin-top: 10px;
    }

    .left-pane {
        clear: left;
        float: left;
        width: calc(100% - 200px);
    }

    #mainContent .show-toggle {
        display: block;
        width: 660px;
    }

    #mainContent.list {
        padding-right: 0;
    }

    #mainContent.list #pageTitle {
        padding-right: 10px;
    }

    #mainContent.list #pageTitle h1 {
        margin: 10px;
    }

    #mainContent.list .section-header {
        padding-right: 10px;
        clear: both;
        margin-bottom: 15px;
    }

    #mainContent.list .section-header h2 {
        margin: 10px;
    }

    #mainContent.list article.order-item {
        margin: 0 20px 20px 0;
        width: 640px;
    }

    #mainContent.list article.order-item footer span.owner-title {
        max-width: none;
        overflow: unset;
        text-overflow: unset;
    }

    #mainContent.mobile {
        margin-top: 0;
    }

    .pagination-nav {
        float: right;
        margin-right: 20px;
        width: 640px;
    }

    section.banner-container {
        margin-right: 20px;
        width: 640px;
    }

    body.scrolled .right-pane.main-nav:not(.mobile) {
        margin-top: 80px;
    }
}

@media only screen and (min-width: 1227px) {
    .nodisplay-box {
        width:970px;
    }

    #mainContent section.tvo {
        height: 133px;
    }

    #mainContent section.tvo.items2 {
        padding-right: 165px;
    }

    #mainContent section.tvo.items1 {
        padding-right: 330px;
    }

    #mainContent .show-toggle {
        width: 990px;
    }

    #mainContent.list article.order-item {
        width: 970px;
    }

    .pagination-nav {
        width: 970px;
    }

    section.banner-container {
        width: 970px;
    }

    section.banner-container .banner-inner .banner-wrapper.advertisement {
        margin-bottom: 0!important;
        width: 320px;
    }
}

@media only screen and (min-width: 1557px) {
    .nodisplay-box {
        width:1300px;
    }

    #mainContent section.tvo {
        padding-right: 165px;
    }

    #mainContent section.tvo.items2 {
        padding-right: 330px;
    }

    #mainContent section.tvo.items1 {
        padding-right: 495px;
    }

    #mainContent .show-toggle {
        width: 1320px;
    }

    #mainContent.list article.order-item {
        width: 1300px;
    }

    .pagination-nav {
        width: 1300px;
    }

    section.banner-container {
        width: 1300px;
    }

    section.banner-container .banner-inner .banner-wrapper.advertisement {
        width: 340px;
    }

    section.banner-container.has-iframe-banner .banner-inner .banner-wrapper.advertisement {
        width: 310px;
    }
}

@media only screen and (min-width: 1887px) {
    .nodisplay-box {
        width:1630px;
    }

    #mainContent section.tvo {
        padding-right: 330px;
        width: 1670px;
    }

    #mainContent section.tvo.items2 {
        padding-right: 495px;
    }

    #mainContent section.tvo.items1 {
        padding-right: 660px;
    }

    #mainContent .show-toggle {
        width: 1650px;
    }

    #mainContent.list article.order-item {
        width: 1630px;
    }

    .pagination-nav {
        width: 1630px;
    }

    section.banner-container {
        width: 1630px;
    }
}

@media only screen and (min-width: 2235px) {
    .nodisplay-box {
        width:1960px;
    }

    #mainContent section.tvo {
        padding-right: 495px;
        width: 2000px;
    }

    #mainContent section.tvo.items2 {
        padding-right: 660px;
    }

    #mainContent section.tvo.items1 {
        padding-right: 825px;
    }

    #mainContent .show-toggle {
        width: 1980px;
    }

    #mainContent.list article.order-item {
        width: 1960px;
    }

    .pagination-nav {
        width: 1960px;
    }

    section.banner-container {
        width: 1960px;
    }
}

@media only screen and (min-width: 2560px) {
    .nodisplay-box {
        width:2290px;
    }

    #mainContent section.tvo {
        padding-right: 660px;
        width: 2330px;
    }

    #mainContent section.tvo.items2 {
        padding-right: 825px;
    }

    #mainContent section.tvo.items1 {
        padding-right: 990px;
    }

    #mainContent .show-toggle {
        width: 2310px;
    }

    #mainContent.list article.order-item {
        width: 2290px;
    }

    .pagination-nav {
        width: 2290px;
    }

    section.banner-container {
        width: 2290px;
    }
}

@media only screen and (min-width: 2876px) {
    .nodisplay-box {
        width:2620px;
    }

    #mainContent section.tvo {
        padding-right: 825px;
        width: 2660px;
    }

    #mainContent section.tvo.items2 {
        padding-right: 990px;
    }

    #mainContent section.tvo.items1 {
        padding-right: 1155px;
    }

    #mainContent .show-toggle {
        width: 2640px;
    }

    #mainContent.list article.order-item {
        width: 2620px;
    }

    .pagination-nav {
        width: 2620px;
    }

    section.banner-container {
        width: 2620px;
    }
}

.result-count {
    background: none!important;
    box-shadow: none!important;
    margin-bottom: 10px;
}

.result-count p {
    margin-top: 0;
    margin-bottom: 0!important;
    margin-left: 10px;
}

.hover-visible-bar.admin-bar a.user-panel-name {
    font-size: 12px;
    float: right!important;
    margin-top: 5px;
    margin-right: 10px;
    color: #676767;
}

.new-vip-item {
    padding-right: 0!important;
}

.new-vip-item .tvo-item h2 {
    text-align: right!important;
}

.new-vip-item .tvo-item p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 2px;
}

.new-vip-item .tvo-item .mobile-content-holder {
    width: 100%!important;
}

.new-vip-item .tvo-item footer {
    bottom: 5px!important;
}

.new-vip-item .tvo-item footer span {
    text-align: right!important;
    width: auto!important;
    font-weight: normal!important;
    font-size: 12.5px!important;
    color: #000!important;
    line-height: normal!important;
}

.new-vip-item .tvo-item footer span.breake-lie {
    margin: 0 10px;
}

.new-vip-item .tvo-item footer .has-star-and-fav-holder {
    text-align: left!important;
}

.new-vip-item .tvo-item footer .has-star-and-fav-holder span {
    float: left!important;
}

.new-vip-item {
    margin-top: 0;
}

.vip-new-style-container .col-md-6 {
    width: 50%;
}

.vip-new-style-container:before {
    content: "";
    background-image: url(/areas/cui/content/images/vip-ico.png);
    position: absolute;
    right: 0;
    top: -25px;
    width: 30px;
    height: 25px;
    background-repeat: no-repeat;
    z-index: 9;
}

.vip-new-style-container .row-line {
    display: flex;
}

.vip-new-style-container .right-part {
    float: right;
    text-align: right;
    width: -webkit-fill-available;
}

.vip-new-style-container .right-part .title-holder h3 {
    line-height: 20px;
    margin: 0;
    font-size: 14px;
    padding: 4px 7px;
    width: 100%;
}

.vip-new-style-container .right-part .footer-holder {
    padding: 0 2px;
    font-size: 11px!important;
    margin-top: 15px;
}

.vip-new-style-container .right-part .footer-holder i {
    font-size: 18px!important;
}

.vip-new-style-container .right-part .footer-holder .has-star-and-fav-holder {
    text-align: left!important;
}

.vip-new-style-container .left-part {
    float: left;
    width: 170px;
}

.vip-new-style-container .left-part img {
    max-height: 110px;
}

@media only screen and (min-width: 1886px) {
    .vip-new-style-container .left-part img {
        max-height:106px;
    }
}

@media only screen and (min-width: 768px) {
    #mainContent section.tvo article.tvo-item {
        width:640px!important;
    }
}

@media only screen and (min-width: 1227px) {
    #mainContent section.tvo article.tvo-item {
        width:970px!important;
    }
}

@media only screen and (min-width: 1557px) {
    #mainContent section.tvo article.tvo-item {
        width:1300px!important;
    }
}

@media only screen and (min-width: 1887px) {
    .new-vip-item {
        display:flex!important;
        margin-bottom: 25px;
    }

    .new-vip-item .tvo-item {
        margin: 0 auto 0 auto!important;
    }
}

#mainContent section.tvo article.tvo-item {
    padding-left: 0!important;
}

span.breake-lie {
    opacity: .5;
}

.star-holder {
    color: #fbc219!important;
    font-size: 18px!important;
    font-family: IRANSansX,tahoma,fontawesome!important;
    margin-right: 8px;
}

.footer-holder.detail-page {
    border: 0!important;
}

.is-favorite {
    color: #f00!important;
}

#mainContent.has-page-banner #pageTitle {
    margin-bottom: 90px;
}

#mainContent.has-page-banner-and-vip #pageTitle {
    margin-bottom: 100px;
}

.page-banner {
    border-radius: 0;
    min-height: 70px;
    max-height: 70px;
    padding: 0 0 0 10px;
    margin-bottom: 1rem;
    text-align: left;
}

.page-banner.has-media {
    position: absolute;
    width: calc(100% - 6px);
    top: 60px;
    right: 20px;
}

.page-banner .link-left a {
    text-decoration: none;
}

.page-banner .title {
    margin-top: 10px;
    width: calc(85% - 138px);
    line-height: 23px;
    float: right;
    text-align: center;
    font-size: 18px;
}

.page-banner .title strong {
    display: block;
    margin-bottom: 5px;
}

.page-banner .logo-right {
    width: 138px;
    float: right;
    text-align: right;
}

.page-banner .logo-right img {
    width: 100%;
}

.page-banner .link-left {
    float: left;
    width: 15%;
    margin-top: 17px;
    text-align: left;
}

.page-banner .link-left .w3-button {
    border-radius: 10em;
    border: 0;
    display: inline-block;
    font-size: 14px;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}

.page-banner .link-left .fa {
    animation-name: blink;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    margin-right: 5px;
    vertical-align: bottom;
}

@keyframes blink {
    0% {
        color: inherit;
    }

    50% {
        color: transparent;
    }

    100% {
        color: inherit;
    }
}

@media only screen and (min-width: 576px) {
    .page-banner.has-media {
        width:100%;
        right: 0;
    }
}

@media only screen and (min-width: 768px) {
    .page-banner.has-media {
        width:640px;
        right: 20px;
    }
}

@media only screen and (min-width: 992px) {
    .page-banner.has-media {
        width:640px;
        right: 20px;
    }

    .page-banner.has-media .title {
        width: calc(65% - 138px);
    }

    .page-banner.has-media .link-left {
        width: 35%;
    }
}

@media only screen and (min-width: 1227px) {
    .page-banner.has-media {
        width:970px;
        right: 20px;
    }

    .page-banner.has-media .title {
        width: calc(77% - 138px);
    }

    .page-banner.has-media .link-left {
        width: 23%;
    }
}

@media only screen and (min-width: 1557px) {
    .page-banner.has-media {
        width:1300px;
        right: 20px;
    }

    .page-banner.has-media .title {
        width: calc(83% - 138px);
    }

    .page-banner.has-media .link-left {
        width: 17%;
    }
}

@media only screen and (min-width: 1887px) {
    .page-banner.has-media {
        width:1632px;
    }
}

@media only screen and (min-width: 2217px) {
    .page-banner.has-media {
        width:1980px;
    }
}

@media only screen and (min-width: 2547px) {
    .page-banner.has-media {
        width:2310px;
    }
}

@media only screen and (min-width: 2877px) {
    .page-banner.has-media {
        width:2620px;
    }
}

.buy_uip_box_holder .inner_box {
    width: 100%;
    background: #fff;
    border-width: 1px 7px 1px 1px;
    border-style: solid;
    border-color: #c42539;
    padding: 11px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
}

.buy_uip_box_holder .inner_box .start_uip_wizard {
    display: block;
    margin: 0 auto;
    width: 180px;
    max-width: 203px;
    background: #97c674;
    box-shadow: 0 .398039px .796078px rgba(16,24,40,.05);
    border-radius: 8px;
    font-family: "IRANSansX";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    padding: 9px;
    text-align: center;
    letter-spacing: -.02em;
    color: #fff;
    border: 0;
}

.buy_uip_box_holder .inner_box .vip-icon-desktop {
    background: url(../images/vip-icon-desktop.png) no-repeat center;
    background-size: 49px 40px;
    width: 49px;
    height: 40px;
    margin: 0;
    padding: 0;
    position: absolute;
}

.buy_uip_box_holder .inner_box .vip-icon-desktop.vip-icon-desktop-left {
    display: none;
}

.buy_uip_box_holder .inner_box .vip-text {
    flex: 8;
    text-align: center;
}

.buy_uip_box_holder .inner_box .vip-text p {
    display: block;
    text-align: right;
    font-family: "IRANSansX";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    letter-spacing: -.02em;
    color: #8d9094;
    margin: 0 55px 0 0;
    text-align: center;
}

.buy_uip_box_holder .inner_box .vip-text p span {
    color: #c42539;
}

@media only screen and (min-width: 576px) {
    .buy_uip_box_holder .inner_box {
        max-width:570px;
    }

    .buy_uip_box_holder .inner_box .start_uip_wizard {
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) {
    .buy_uip_box_holder .inner_box {
        max-width:640px;
    }

    .left-col .buy_uip_box_holder .inner_box .vip-icon-desktop.vip-icon-desktop-right {
        display: block;
    }

    .left-col .buy_uip_box_holder .inner_box .vip-text {
        margin-top: 10px;
    }

    .left-col .buy_uip_box_holder .inner_box .vip-text p {
        text-align: center!important;
    }
}

@media only screen and (min-width: 1210px) {
    .buy_uip_box_holder .inner_box {
        max-width:970px;
    }

    .buy_uip_box_holder .inner_box .vip-text p {
        font-size: 18px;
        line-height: 36px;
    }
}

@media only screen and (min-width: 1540px) {
    .buy_uip_box_holder .inner_box {
        max-width:1300px;
    }

    .left-col .buy_uip_box_holder .inner_box .start_uip_wizard {
        margin-top: 10px;
    }
}

@media only screen and (min-width: 1870px) {
    .buy_uip_box_holder .inner_box {
        margin-left:auto;
        margin-right: auto;
    }
}

.left-col section.buy_uip_box_holder.nodisplay-box {
    width: 100%!important;
    margin-right: 0!important;
    padding: 0!important;
}

.left-col section.buy_uip_box_holder.nodisplay-box .inner_box {
    width: 100%;
    display: block;
    height: unset;
}

.left-col section.buy_uip_box_holder.nodisplay-box .inner_box .vip-icon-desktop {
    margin: 4% 0 0 0;
    background-size: 98px 78.8px;
    width: 98px;
    height: 78.8px;
    position: unset;
}

.left-col section.buy_uip_box_holder.nodisplay-box .inner_box .vip-icon-desktop.vip-icon-desktop-left {
    float: left;
    display: block;
}

.left-col section.buy_uip_box_holder.nodisplay-box .inner_box .vip-icon-desktop.vip-icon-desktop-right {
    display: none;
}

.left-col section.buy_uip_box_holder.nodisplay-box .inner_box .vip-text {
    flex: unset;
}

.left-col section.buy_uip_box_holder.nodisplay-box .inner_box .vip-text p {
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    text-align: right!important;
    letter-spacing: -.02em;
    margin: unset;
}

.left-col section.buy_uip_box_holder.nodisplay-box .inner_box .start_uip_wizard {
    margin-top: 0;
    float: right;
    min-width: 203px;
    width: unset;
    font-size: 12px;
    font-weight: 700;
    line-height: 10px;
    padding: 13px 20px;
}

section.buy_uip_box_holder.nodisplay-box {
    background: none!important;
    box-shadow: none!important;
}

.nr_custom_modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.8);
    z-index: 9999999;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    padding: 2%;
}

.nr_custom_modal .nr_custom_modal_inner {
    width: 100%;
    position: relative;
    max-width: 900px;
    margin: 1% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: #ededed;
    max-height: 95%;
    pointer-events: all;
    overflow-y: auto;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_loading {
    margin-top: 25px;
    text-align: center;
}

.nr_custom_modal .nr_custom_modal_inner .item_notfound {
    text-align: center;
    margin: 25px 5px;
    background: #f5deb3;
    color: #f00;
    padding: 10px 0;
}

.nr_custom_modal .nr_custom_modal_inner .uip_modal_step {
    display: none;
    overflow: hidden;
    transition: .5s;
}

.nr_custom_modal .nr_custom_modal_inner .uip_modal_step.open {
    display: block;
}

.nr_custom_modal .nr_custom_modal_inner .step_2 p {
    text-align: center;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_title_holder h2 {
    text-align: center;
    color: #8fbc8f;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_title_holder .nr_custom_modal_exit,.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_title_holder i {
    font-size: 20px;
    padding: 8px;
    border-radius: 10px;
    color: #fff;
    position: absolute;
    top: 15px;
    font-style: normal!important;
    cursor: pointer;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_title_holder i.fa.fa-arrow-right {
    right: 5px;
    color: #8fbc8f;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_title_holder .nr_custom_modal_exit {
    left: 5px;
    color: #ff4a4a;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .user_orders {
    margin-top: 15px;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .user_orders .holder {
    padding: 7px;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 400px;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder p {
    line-height: 26px;
    margin: 0;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .order_item.selected {
    border: 2px solid #ff4a4a;
    transition: .5s;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .order_item {
    border-radius: 10px;
    margin: 15px 0;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    background: #fff;
    transition: .5s;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .order_item .row {
    display: flex;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .order_item .image_holder {
    width: 19%;
    margin: 0 auto!important;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .order_item .image_holder .image-outer {
    height: 80px;
    text-align: center;
    color: #fff;
    font-size: 50px;
    background: #ededed;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .order_item .image_holder div {
    padding: 10px;
    width: 100%;
    max-height: 200x;
    max-width: 200px;
    text-align: center;
    margin: 0 auto;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .order_item .image_holder div img {
    max-width: 100%;
    max-height: 100%;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .order_item .content_holder {
    width: 75%;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .order_item .content_holder div {
    padding: 15px;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .nr_custom_modal_btn_holder_payment {
    margin-top: 15px;
    text-align: center;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .nr_custom_modal_btn_holder_payment .no-radius {
    border-radius: 5!important;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .nr_custom_modal_btn_holder_payment button.online_payment {
    border-radius: 10px 0 0 10px;
    background: #4583eb;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .nr_custom_modal_btn_holder_payment button.add_to_profile,.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .nr_custom_modal_btn_holder_payment button.with_profile_balance {
    border-radius: 0 10px 10px 0;
    background: #6b9911;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .nr_custom_modal_btn_holder_payment button {
    padding: 10px 10px;
    border: 0;
    text-align: center;
    margin: 0 -2px;
    background: #ff4a4a;
    color: #fff;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    display: inline-block;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .nr_custom_modal_btn_holder_payment .soft-radius {
    border-radius: 5px!important;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .nr_custom_modal_btn_holder_payment .increase-credit {
    background: #4583eb;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .nr_custom_modal_btn_holder_payment .increase-credit a {
    color: #fff;
    text-decoration: none;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .nr_custom_modal_btn_holder {
    text-align: center;
    margin: 10px;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .nr_custom_modal_btn_holder a {
    display: inline-block;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .nr_custom_modal_btn_holder button,.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .nr_custom_modal_btn_holder a {
    padding: 10px 25px;
    border: 0;
    text-align: center;
    border-radius: 20px;
    background: #ff4a4a;
    color: #fff;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .nr_custom_modal_btn_holder button i,.nr_custom_modal .nr_custom_modal_inner .nr_custom_modal_content_holder .nr_custom_modal_btn_holder a i {
    animation: transform_x;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes transform_x {
    0% {
        transform: translate(0,0);
    }

    50% {
        transform: translate(-15px,0);
    }

    100% {
        transform: translate(0,0);
    }
}

.uip-durations-outer {
    text-align: center;
}

.uip-durations-outer .uip-durations-holder .uip-duration-item.selected {
    transform: scale(1);
    border: 2px solid #8fbc8f;
    opacity: 1;
    transition: .5s;
}

.uip-durations-outer .uip-durations-holder .uip-duration-item.selected i.fa-check {
    opacity: 1;
    transition: .5s;
}

.uip-durations-outer .uip-durations-holder .uip-duration-item {
    transform: scale(.97);
    padding: 15px 30px;
    background: #fff;
    box-shadow: 0 .125rem .65rem rgba(0,0,0,.1)!important;
    margin: 15px auto;
    border-radius: 10px;
    max-width: 360px;
    opacity: .7;
    transition: .5s;
    cursor: pointer!important;
}

.uip-durations-outer .uip-durations-holder .uip-duration-item .uip-duration-off-holder {
    box-shadow: 0 .125rem .65rem rgba(0,0,0,.1)!important;
    position: absolute;
    padding: 3px 7px;
    background: #ff4a4a;
    color: #fff;
    border-radius: 10px;
    top: -13px;
    right: 15px;
    font-size: 13px;
}

.uip-durations-outer .uip-durations-holder .uip-duration-item p del {
    margin: 0 7px;
    opacity: .7;
}

.uip-durations-outer .uip-durations-holder .uip-duration-item i.fa-check {
    opacity: 0;
    color: #8fbc8f;
    transition: .5s;
}

.uip-durations-outer.packeges {
    height: auto!important;
}

.approve-pay-with-package-btn {
    background: #6b9911!important;
}

.pay-with-packages p {
    padding: 10px 150px;
    line-height: 25px;
}

.new-vip-item .order-item {
    height: auto!important;
    padding-left: 0!important;
    border: 1px solid #c42539;
    border-right-width: 7px;
}

.new-vip-item .order-item .left-part {
    text-align: center;
    background-color: #fff;
    max-width: 170px;
}

.new-vip-item .order-item h3 {
    height: unset;
}

.new-vip-item .order-item h3 a {
    text-decoration: none!important;
    color: #0a6097;
}

.new-vip-item:has(.vip-new-style-container) {
    padding-top: 24px;
}

.vip-new-style-container .row div {
    overflow: hidden;
    white-space: nowrap;
}

.vip-new-style-container .row div .owner-title {
    text-overflow: ellipsis;
}

.vip-new-style-container.has-star-and-fav-holder {
    overflow: hidden;
    white-space: nowrap;
}

.vip-new-style-container .footer-holder .col-md-6.col-xs-12 {
    text-overflow: ellipsis;
}

.vip-new-style-container .clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.vip-new-style-container .col-md-6.col-xs-12.has-star-and-fav-holder {
    overflow: visible;
}

.display-none {
    display: none;
}

.display-block {
    display: block;
}

.modal .modal-dialog {
    right: 0;
    width: auto;
    padding: 0;
}

.modal .modal-dialog .modal-title {
    width: 100%;
    text-align: center;
    color: #008000;
    font-size: 17px;
    font-family: inherit;
}

.modal .modal-header {
    display: flex;
    font-family: inherit;
}

.modal .modal-header .btn-close {
    margin: 0 auto 0 0;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: .5;
}

.modal.call-request-modal .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.modal.call-request-modal .btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.modal.call-request-modal .row {
    margin: 0 4px;
}

.modal.call-request-modal .form-field {
    display: flex;
    flex-wrap: wrap;
}

.modal.call-request-modal .form-field .field-label {
    display: block;
    flex-basis: 20%;
}

.modal.call-request-modal .form-field .field-label.field-label-inline {
    display: inline-block;
    text-align: left;
}

.modal.call-request-modal .form-field .field-label.field-label-top {
    flex-basis: unset;
    position: relative;
    top: 8px;
    right: 10px;
    background: #fff;
    padding: 0 6px;
}

.modal.call-request-modal .form-field>textarea {
    font-family: inherit;
    display: inline-block;
    width: 100%;
    padding: 5px 16px;
    border-radius: 8px;
    border: 1px solid #c1c4c7;
    color: #424547;
    font-size: 14px;
    line-height: 24px;
}

.modal.call-request-modal .form-field>textarea:focus-visible {
    outline: 0;
}

.modal.call-request-modal .form-field .field-input-group,.modal.call-request-modal .form-field .field-input,.modal.call-request-modal .form-field .field-select {
    display: inline-block;
    max-width: 237px;
    flex-basis: 80%;
}

.modal.call-request-modal .form-field .field-input-group {
    display: flex;
    align-items: center;
    padding: 5px 16px;
    border-radius: 8px;
    border: 1px solid #c1c4c7;
    color: #c1c4c7;
}

.modal.call-request-modal .form-field .field-input-group input[type=text],.modal.call-request-modal .form-field .field-input-group input[type=number],.modal.call-request-modal .form-field .field-input-group input[type=tel],.modal.call-request-modal .form-field .field-input-group textarea {
    border: 0;
    outline: 0;
    color: #424547;
    font-size: 14px;
    line-height: 24px;
    width: 90%;
}

.modal.call-request-modal .form-field .field-input-group .field-input-addon {
    margin-right: 8px;
}

.modal.call-request-modal .form-field .field-select {
    padding: 5px 16px;
    border-radius: 8px;
    border: 1px solid #c1c4c7;
    color: #c1c4c7;
    gap: 8px;
}

.modal.call-request-modal .form-field .dropdown-select {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal.call-request-modal .form-field .dropdown-select .dropdown-selected {
    color: #424547;
}

.modal.call-request-modal .form-field .field-validation-text {
    margin: 8px auto;
    flex-basis: 100%;
}

.modal.call-request-modal .form-field.invalid .field-input-group,.modal.call-request-modal .form-field.invalid .field-input,.modal.call-request-modal .form-field.invalid .field-select {
    border-color: #d32f2f;
}

.modal.call-request-modal .form-field.invalid .field-validation-text {
    color: #d32f2f;
}

.modal.call-request-modal #callRequestModalDescription {
    padding: 0 12px;
    font-weight: 500;
    text-align: justify;
    line-height: 1.8;
}

.modal.call-request-modal .modal-dialog {
    width: 90%;
    max-width: 456px;
}

.modal.call-request-modal .modal-dialog .modal-content .modal-body .form-field .field-label {
    font-size: 14px;
}

.modal.call-request-modal .modal-dialog .modal-content .modal-body .form-field .field-input-group {
    flex-basis: 100%;
    max-width: unset;
    font-family: inherit;
}

.modal.call-request-modal .modal-dialog .modal-content .modal-body .form-field .field-input {
    width: 100%;
    max-width: unset;
    flex-basis: 100%;
    font-family: inherit;
}

.modal.call-request-modal .modal-dialog .modal-content .modal-footer {
    display: block;
    margin-top: 0;
    padding-top: 0;
    border-top: unset;
}

.modal.call-request-modal .modal-dialog .modal-content .modal-footer .btn {
    display: block;
    margin: 8px auto;
    width: 100%;
}

.modal.call-request-modal .modal-dialog .modal-content .modal-footer .btn:first-child {
    margin-top: 0;
}

.modal.call-request-modal .modal-dialog .modal-content .modal-footer .btn.btn-default {
    color: #97c674;
    border: 1px solid #97c674;
}

@media screen and (min-width: 992px) {
    .modal.call-request-modal .modal-dialog .modal-content .modal-footer {
        display:flex;
        direction: ltr;
        margin-top: unset;
        padding-top: unset;
    }

    .modal.call-request-modal .modal-dialog .modal-content .modal-footer .btn {
        width: 40%;
    }
}

.modal.modal-monthVip {
    padding: 0!important;
}

.modal.modal-monthVip .modal-dialog {
    font-size: 16px;
}

.modal.modal-monthVip .modal-dialog .modal-content {
    background: #f9fafb;
}

.modal.modal-monthVip .modal-dialog .modal-content .modal-header {
    background: #fff;
}

.modal.modal-monthVip .modal-dialog .modal-content .modal-header .close {
    margin-top: 0;
    color: #333;
    text-shadow: none;
    opacity: 1;
}

@media only screen and (min-width: 768px) {
    .modal.modal-monthVip .modal-dialog .modal-content .modal-header .close {
        font-size:28px;
    }
}

.modal.modal-monthVip .modal-dialog .modal-content .modal-footer {
    margin: 0;
    padding-top: 0;
    text-align: center;
    border: 0;
}

.modal.modal-monthVip .modal-dialog .modal-content .modal-footer::after {
    content: "";
    display: table;
    clear: both;
}

.modal.modal-monthVip .modal-dialog .modal-content .modal-footer .pay-amount {
    line-height: 40px;
}

.modal.modal-monthVip .modal-dialog .modal-content .modal-footer .btn.btn-next-step {
    display: inline-block;
    padding: 10px 0;
    width: 310px;
    background: #97c674;
    color: #fff;
    border-radius: 10px;
}

@media only screen and (min-width: 768px) {
    .modal.modal-monthVip .modal-dialog .modal-content .modal-footer .pay-amount {
        float:right;
    }

    .modal.modal-monthVip .modal-dialog .modal-content .modal-footer .btn.btn-next-step {
        float: left;
    }
}

.modal.modal-monthVip .modal-dialog .modal-content .modal-body {
    padding: 10px;
}

@media only screen and (min-width: 768px) {
    .modal.modal-monthVip .modal-dialog {
        right:auto;
        width: 733px;
        padding-left: 0;
        padding-right: 0;
    }

    .modal.modal-monthVip .modal-dialog .modal-body {
        padding: 16px;
    }
}

.modal.modal-monthVip .vip-wizard .vip-wizard_step {
    display: none;
}

.modal.modal-monthVip .vip-wizard .vip-wizard_step.active {
    display: block;
}

.modal.modal-monthVip .vip-wizard .vip-wizard_step .tab-container ul.nav {
    background-color: #fff;
    border: 1px solid #f2f4f7;
    border-radius: 8px;
    padding: 4px 3px 0 3px;
    margin-bottom: 16px;
}

.modal.modal-monthVip .vip-wizard .vip-wizard_step .tab-container ul.nav li {
    display: inline-block;
    width: 49%;
    float: unset;
    margin-left: 0;
    margin-right: 0;
}

.modal.modal-monthVip .vip-wizard .vip-wizard_step .tab-container ul.nav li a {
    color: #667085;
}

.modal.modal-monthVip .vip-wizard .vip-wizard_step .tab-container ul.nav li a:hover {
    background: inherit;
}

.modal.modal-monthVip .vip-wizard .vip-wizard_step .tab-container ul.nav li.active a {
    color: #97c674;
    background: #f9fafb;
    box-shadow: 0 1px 3px rgba(16,24,40,.1),0 1px 2px rgba(16,24,40,.06);
    border-radius: 6px;
}

@media only screen and (min-width: 768px) {
    .modal.modal-monthVip .vip-wizard .vip-wizard_step .tab-container ul.nav {
        background:#f9fafb;
        border: 1px solid #f2f4f7;
        padding: 4px;
    }

    .modal.modal-monthVip .vip-wizard .vip-wizard_step .tab-container ul.nav li.active a {
        background: #fff;
        box-shadow: 0 1px 3px rgba(16,24,40,.1),0 1px 2px rgba(16,24,40,.06);
    }
}

.modal.modal-monthVip .vip-wizard .vip-wizard_step .tab-container .tab-content {
    text-align: center;
}

.modal.modal-monthVip .vip-wizard .vip-wizard_step .tab-container .tab-content .tab-pane {
    padding: 0;
}

@media only screen and (min-width: 768px) {
    .modal.modal-monthVip .vip-wizard .vip-wizard_step .tab-container {
        background:#fff;
        padding: 16px;
        box-shadow: 0 0 55px rgba(55,84,170,.08);
        border-radius: 8px;
    }
}

.modal.modal-monthVip .vip-month-container {
    text-align: center;
    display: inline-grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 16px;
    justify-items: center;
}

.modal.modal-monthVip .vip-month-container::after {
    content: "";
    display: table;
    clear: both;
}

.modal.modal-monthVip .vip-month-container .vip-month-item {
    display: inline-block;
    width: 93px;
    height: 47px;
    font-size: 12px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(16,24,40,.1),0 1px 2px rgba(16,24,40,.06);
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    border: 2px solid #fff;
}

.modal.modal-monthVip .vip-month-container .vip-month-item::after {
    content: "";
    display: table;
    clear: both;
}

.modal.modal-monthVip .vip-month-container .vip-month-item i.icon-status:before {
    content: "";
}

@media only screen and (min-width: 768px) {
    .modal.modal-monthVip .vip-month-container .vip-month-item i.icon-status:before {
        content:"";
    }
}

.modal.modal-monthVip .vip-month-container .vip-month-item.expired {
    cursor: default;
    opacity: .25;
}

.modal.modal-monthVip .vip-month-container .vip-month-item.reserved {
    cursor: default;
    border-color: #c5ac81;
    background: #ff9d96;
}

.modal.modal-monthVip .vip-month-container .vip-month-item.reserved i.icon-status {
    color: #dcdee0;
}

.modal.modal-monthVip .vip-month-container .vip-month-item.reserved i.icon-status:before {
    content: "";
}

.modal.modal-monthVip .vip-month-container .vip-month-item.reserved .vip-month-item_footer {
    border-color: #c5ac81;
}

.modal.modal-monthVip .vip-month-container .vip-month-item.selected,.modal.modal-monthVip .vip-month-container .vip-month-item:has(input:checked) {
    border-color: #97c674;
}

.modal.modal-monthVip .vip-month-container .vip-month-item.selected i.icon-status,.modal.modal-monthVip .vip-month-container .vip-month-item:has(input:checked) i.icon-status {
    color: #97c674;
}

.modal.modal-monthVip .vip-month-container .vip-month-item.selected i.icon-status:before,.modal.modal-monthVip .vip-month-container .vip-month-item:has(input:checked) i.icon-status:before {
    content: "";
}

.modal.modal-monthVip .vip-month-container .vip-month-item.selected .vip-month-item_footer,.modal.modal-monthVip .vip-month-container .vip-month-item:has(input:checked) .vip-month-item_footer {
    border-color: #97c674;
}

.modal.modal-monthVip .vip-month-container .vip-month-item.selected .vip-month-item_footer .vip-month-item-status,.modal.modal-monthVip .vip-month-container .vip-month-item:has(input:checked) .vip-month-item_footer .vip-month-item-status {
    background: #97c674;
    color: #fff;
}

.modal.modal-monthVip .vip-month-container .vip-month-item .vip-month-item_name {
    display: block;
    text-align: right;
    padding: 12px 8px;
    background: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.modal.modal-monthVip .vip-month-container .vip-month-item .vip-month-item_name i {
    float: left;
    position: relative;
    top: 2px;
    font-size: 1.5em;
}

.modal.modal-monthVip .vip-month-container .vip-month-item .vip-month-item_footer {
    display: block;
    background: inherit;
    position: absolute;
    top: 0;
    left: -2px;
    right: -2px;
    border: 2px solid #fff;
    border-top: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    transition: transform .7s ease-in-out,opacity .35s ease-in-out;
    opacity: 0;
    transform: translateY(0);
}

.modal.modal-monthVip .vip-month-container .vip-month-item .vip-month-item_footer .vip-month-item_date {
    display: block;
}

.modal.modal-monthVip .vip-month-container .vip-month-item .vip-month-item_footer .vip-month-item-status {
    display: block;
    padding: 12px 0;
}

.modal.modal-monthVip .vip-month-container .vip-month-item:hover:not(.expired) {
    opacity: 1;
    z-index: 2;
    cursor: pointer;
    box-shadow: 0 7px 17px -2px rgba(16,24,40,.05);
}

.modal.modal-monthVip .vip-month-container .vip-month-item:hover:not(.expired).reserved,.modal.modal-monthVip .vip-month-container .vip-month-item:hover:not(.expired).expired {
    cursor: default;
}

.modal.modal-monthVip .vip-month-container .vip-month-item:hover:not(.expired) .vip-month-item_footer {
    opacity: 1;
    transform: translateY(40px);
}

@media only screen and (min-width: 768px) {
    .modal.modal-monthVip .vip-month-container {
        background:#f9fafb;
        border: 1px solid #f2f4f7;
        border-radius: 10px;
        padding: 16px 16px 0 16px;
    }
}

@media only screen and (min-width: 768px) {
    .modal.modal-monthVip .vip-month-container {
        grid-template-columns:repeat(6,1fr);
    }
}

.modal.modal-monthVip .selected-month {
    margin-top: 30px;
}

.modal.modal-monthVip .selected-month .selected-month_container {
    margin: 16px 0;
}

.modal.modal-monthVip .selected-month .selected-month_container::after {
    content: "";
    display: table;
    clear: both;
}

.modal.modal-monthVip .selected-month .selected-month_container .selected-month_item {
    background: #f4f4f4;
    border: 1px solid #f4f4f4;
    border-radius: 5px;
    padding: 10px 0;
    margin: 8px;
    float: right;
    width: 93px;
    text-align: center;
}

.modal.modal-monthVip .order-parent .input-group.order-search {
    background: #fff;
    border: 1px solid #c1c4c7;
    box-shadow: 0 1px 2px rgba(16,24,40,.05);
    border-radius: 10px;
}

.modal.modal-monthVip .order-parent .input-group.order-search input.form-control {
    border: 0;
    border-radius: 10px;
    padding-right: 0;
}

.modal.modal-monthVip .order-parent .input-group.order-search input.form-control:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.modal.modal-monthVip .order-parent .input-group.order-search .input-group-addon {
    background-color: transparent;
    border: 0;
}

.modal.modal-monthVip .order-parent .order-container {
    text-align: center;
    display: inline-grid;
    grid-template-columns: repeat(1,1fr);
    grid-gap: 16px;
    justify-items: center;
    margin-top: 16px;
    height: 287px;
    overflow-y: scroll;
}

.modal.modal-monthVip .order-parent .order-container::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.modal.modal-monthVip .order-parent .order-container::-webkit-scrollbar-track {
    background: #f9f9f9;
}

.modal.modal-monthVip .order-parent .order-container::-webkit-scrollbar-thumb {
    background-color: #eaecf0;
    border-radius: 8px;
}

.modal.modal-monthVip .order-parent .order-container::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

@media only screen and (min-width: 768px) {
    .modal.modal-monthVip .order-parent .order-container {
        grid-template-columns:repeat(2,1fr);
    }
}

.modal.modal-monthVip .order-parent .order-container .order-item {
    height: 85px;
    text-align: right;
    cursor: pointer;
    border-radius: 8px;
    background: #f4f4f4;
    border: 2px solid #fff;
    box-shadow: 0 7px 17px -2px rgba(16,24,40,.05);
}

@media only screen and (min-width: 768px) {
    .modal.modal-monthVip .order-parent .order-container .order-item {
        background:#fff;
        border: 1.5px solid #f4f4f4;
    }
}

.modal.modal-monthVip .order-parent .order-container .order-item::after {
    content: "";
    display: table;
    clear: both;
}

.modal.modal-monthVip .order-parent .order-container .order-item .order-img {
    float: right;
    overflow: hidden;
    width: 120px;
    height: 75px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 5px 5px 5px 12px;
    border-radius: 5px;
}

.modal.modal-monthVip .order-parent .order-container .order-item .order-subject {
    font-size: 14px;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: right;
}

.modal.modal-monthVip .order-parent .order-container .order-item input[type=radio] {
    display: none;
}

.modal.modal-monthVip .order-parent .order-container .order-item:has(input:checked) {
    border-color: #97c674;
}

@media only screen and (min-width: 768px) {
    .modal.modal-monthVip .order-parent {
        background:#fff;
        border: 1px solid #c1c4c7;
        box-shadow: 0 1px 2px rgba(16,24,40,.05);
        border-radius: 10px;
        padding: 16px;
    }
}

.modal.modal-monthVip hr {
    color: #c1c4c7;
}