:root {
    --f7-theme-color: #41b3a3;
    --f7-theme-color-rgb: 65, 179, 163;
    --f7-theme-color-shade: #1c8f80;
    --f7-theme-color-tint: #11b6a1;
}
.color-green {
    --f7-theme-color: #4cd964;
    --f7-theme-color-rgb: 76,217,100;
    --f7-theme-color-shade: #2cd048;
    --f7-theme-color-tint: #6ee081;
}

.mobile-container {}
.md {
    --f7-actions-button-text-align: right !important;
}
@font-face {
    font-display: swap;
    font-family: IRANSans;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/iransans/eot/IRANSansWeb(FaNum)_Black.eot');
    src: url('../fonts/iransans/eot/IRANSansWeb(FaNum)_Black.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/iransans/woff2/IRANSansWeb(FaNum)_Black.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/iransans/woff/IRANSansWeb(FaNum)_Black.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/iransans/ttf/IRANSansWeb(FaNum)_Black.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/iransans/eot/IRANSansWeb(FaNum)_Bold.eot');
    src: url('../fonts/iransans/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/iransans/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/iransans/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/iransans/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/iransans/eot/IRANSansWeb(FaNum)_Medium.eot');
    src: url('../fonts/iransans/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/iransans/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/iransans/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/iransans/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/iransans/eot/IRANSansWeb(FaNum)_Light.eot');
    src: url('../fonts/iransans/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/iransans/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/iransans/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/iransans/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/iransans/eot/IRANSansWeb(FaNum)_UltraLight.eot');
    src: url('../fonts/iransans/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/iransans/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/iransans/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/iransans/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/iransans/eot/IRANSansWeb(FaNum).eot');
    src: url('../fonts/iransans/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/iransans/woff2/IRANSansWeb(FaNum).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/iransans/woff/IRANSansWeb(FaNum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/iransans/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}
body{
    font-family: IRANSans, Roboto,system-ui,Noto,Helvetica,Arial,sans-serif;
}
.img-fluid{max-width: 100%;display: block}
.tab-home .toolbar-inner i{font-size: 20px;}
.tab-home .toolbar-inner span{font-size: 12px;font-weight: 400;color: black;}
.home_navbar{}
.home_navbar .navbar-inner{
    justify-content: normal;
    gap: 5px;
    position: relative;
}
.search-bar-home{
    flex: 0 auto;
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    background-color: #fff;
    font-size: 14px;
    padding: 8px 5px;
    gap: 6px;
    border-radius: 3px;
    width: calc(100% - 52px);
}
.search-bar-home i.ion-md-search{
    font-size: 18px;
    color: #666;
    vertical-align: middle;
}
.search-bar-home .inputsearch{
    display: flex;
    width: 100%;
}
.search-bar-home .select_city{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-right: 1px solid #ccc;
    padding-right: 5px;
}
.search-bar-home .select_city .mycity_name{
    width: 63px;
    font-size: .85rem;
}
.search-bar-home .select_city i{
    font-size: 20px;
}
/*
    دسته بندی صفحه اول - اسلایدر
*/
.home-category-icon{
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    direction: rtl;
    display: grid;
    justify-items: center;
    max-width: 100%;
    row-gap: 9px;
    grid-template-columns: repeat(4, 1fr);
}
.home-category-icon .item{
    display: flex;
    text-align: center;
    flex-direction: column;
    flex: 0 0 73px;
    /* gap: 4px; */
}
.home-category-icon .item .icon{margin: 0 auto;text-align: center;background: #fff;border-radius: 5px;padding: 4px;border: 1px solid #ddd;display: flex;align-items: center;width: 48px;height: 48px;}
.home-category-icon .item .icon img{
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
}
.home-category-icon .item .icon i{
    font-size: 32px;
    line-height: 1;
    color: #888;
    display: block;
    width: 100%;
}
.home-category-icon .item .name{
    color: #292929;
    font-size: .75rem;
    font-weight: 300;
    margin-top: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 80px;
}
.section-home-category {
    background: #f7f7f7;
    display: flex;
    /* overflow-x: scroll; */
    /* overflow-y: hidden; */
    /* white-space: nowrap; */
    /* scroll-snap-type: x mandatory; */
    /* scroll-padding: 15px; */
    border-bottom: 1px solid #ddd;
    /*scroll-snap-align: start;*/
    position: relative;
    z-index: 10;
    flex-direction: column;
    gap: 15px;
    /* margin-top: 16px; */
    padding: 15px;
}

/*
آگهی ها
*/
.container_agahi{position: relative;display: flex;flex-direction: column;gap: 0;margin: 10px auto;}

.card_agahi{
    display: flex;
    min-width: 0;
    position: relative;
    align-items: normal;
    flex: 0 0 100%;
    max-width: 100%;
    max-height: 160px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}
.card_agahi .details{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    position: relative;
}
.card_agahi .details .title{
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    color: rgba(0,0,0,.87);
    font-size: 13px;
    font-weight: 500;
    height: 56px;
    line-height: 26px;
    margin-bottom: auto;
    margin-top: 0;
    overflow: hidden;
    overflow-wrap: break-word;
}
.card_agahi .details .price{
    color: rgba(0,0,0,.56);
    font-size: 13px;
    line-height: 24px;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    white-space: pre;
}
.card_agahi .details .labels{
    align-items: center;
    display: flex;
    line-height: 24px;
    overflow-wrap: break-word;
    white-space: nowrap;
}
.card_agahi .details .labels .fori{
    color: #a62626;
    font-size: 12px;
    margin-left: 4px;
}
.card_agahi .details .labels .agah-card-fori-label{
    color: #a62626;
    font-size: 12px;
    margin-left: 4px;
}
.card_agahi .details .labels .makan{
    color: rgba(0,0,0,.56);
    font-size: 12px;
}
.card_agahi .feature{
    color: #757575;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    margin: 0 auto;
    gap: 4px;
}
.card_agahi .feature i{
    font-size: 1.25rem;
    line-height: 1;
    vertical-align: middle;
    margin: 0;
}
.card_agahi .image{
    background-color: #f5f5f5;
    border-radius: 4px;
    flex: 0 0 136px;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
    width: 136px;
    min-height: 103px;
}
.card_agahi .image picture{
    padding-bottom: 100%;
    border-radius: 4px;
}
.card_agahi .image picture img{
    max-width: 100%;
    opacity: 1;
    transition: opacity .36s ease;
    will-change: auto;
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}

.navbar .title{
    font-size: .85rem;
}
.category_body{
    position: relative;
    scroll-behavior: smooth;
    flex-grow: 1;
    padding: 16px 16px 0;
}
.category_list{
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow-y: auto;
}
.category_list .item{
    overflow: hidden;
    color: rgba(0,0,0,.56);
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    justify-content: space-between;
    line-height: 1;
    padding: 10px 0;
    white-space: normal;
    border-bottom: 1px solid #ddd;
    align-items: center;
}
.category_list .item .start{
    flex: 1 1;
    align-items: flex-start;
    display: flex;
}
.category_list .item .start .icon{
    margin-left: 10px;
    width: 24px;
}
.category_list .item .start .icon img{
    max-width: 24px;
    line-height: 1;
    vertical-align: middle;
}
.category_list .item .start .icon i{
    line-height: 1;
    font-size: 24px;
}
.category_list .item .start .title{
    color: rgb(0 0 0 / 72%);
    flex: 1 1;
    line-height: 1.8;
}
.category_list .item .end{
    flex-shrink: 0;
    justify-content: flex-end;
}
.category_list .item .end i{
    margin: 0 0px 0 6px;
    font-size: 1.25rem;
    line-height: 1;
}
.CATEGORY_NAVBAR .right, .CATEGORY_NAVBAR_ADDADS .right{
    right: var(--f7-safe-area-left);
}
.CATEGORY_NAVBAR .title.mr50, .CATEGORY_NAVBAR_ADDADS .title.mr50{
    margin-right: 50px;
}
.carousel_slider{
    position: relative;
}
.agahi_slider{}
.imageslide{
    display: block;
    padding: 0;
    width: 100%;
    position: relative;
}
.imageslide picture{
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
}

.imageslide picture img{
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    user-select: none;
    -webkit-user-drag: none;
}
.navbar-agahi, .navbar-agahi a, .navbar-agahi button{
    color: rgba(0,0,0,.56) !important;
}
.button-icon.active{color: var(--f7-theme-color) !important;}
.button-icon{
    line-height: 1;
    margin-left: 10px;
}
.button-icon i{
    line-height: 1;
    font-size: 20px;
}
.agahi-block{
    display: flex;
    flex-direction: column;
    padding: 15px;
    position: relative;
    margin-bottom: 60px;
}
.agahi-s-title{
    color: rgba(0,0,0,.87);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
}
.agahi-s-subtitle{
    color: rgba(0,0,0,.56);
    font-size: .875rem;
    font-weight: 400;
    line-height: 2;
    margin: 0;
}
.agahi-s-subprice{
    color: #000;
    font-size: .875rem;
    font-weight: bold;
    line-height: 1.5;
}
.agahi-s-feature{
    display: flex;
    flex-direction: column;
    font-size: .9rem;
}
.agahi-s-feature .item{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding: 6px 0;
    margin-top: 10px;
}
.agahi-s-feature .item .start{
    color: rgba(0,0,0,.56);
}
.agahi-s-feature .item .end{
    margin-right: auto;
}
.agahi-s-fulldescr{
    margin-top: 15px;
    line-height: 25px;
    font-size: .9rem;
    position: relative;
}
.agahi-s-helplink{
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}
.agahi-s-helplink a{
    color: rgba(0,0,0,.56);
    border-bottom: 1px solid #ddd;
    padding: 8px 0px;
}
.agahi-s-helplink a:last-child{
    border: 0;
}
.agahi-s-helplink a i{
    vertical-align: middle;
    line-height: 1;
    font-size: 20px;
    width: 20px;
}
.agahi-s-bottomfix{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: rgba(255,255,255,.98);
    box-shadow: 0 -1px 2px 0 rgb(0 0 0 / 12%);
    z-index: 1040;
    margin-top: 0;
}
.agahi-s-bottomfix .buttonflex{
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 10px 15px;
}
.map-location{
    display: block;
    margin-top: 15px;
    border-top: 1px solid #ddd;
    overflow: hidden;
    text-align: left;
}
.map-location .link{}
.map-location .link img{
    width: 150px;
    margin-top: 7px;
    border: 1px solid #ddd;
}
/*
   select city item
*/
.container_base{
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 10px 15px;
}
.searchbar-ctiy{
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    border: 1px solid #ccc;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%);
    height: 40px;
}
.searchbar-ctiy .input-search{
    width: 100%;
    font-size: .8rem;
    height: 100%;
    padding: 0 5px;
}
.searchbar-ctiy .button-icon{
    flex: 1;
    margin: 0;
}
.list-citis{
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: 50px;
}
.list-citis .item{
    display: flex;
    flex-direction: row;
    position: relative;
    border-bottom: 1px solid #ddd;
    padding: 10px 2px;
    align-items: center;
    overflow: hidden;
}
.list-citis .item .start{
    width: 100%;
    color: #333;
}
.list-citis .item .end{
    flex: 0;
}
.list-citis .item .end .ion-ios-arrow-back{
    font-size: 20px;
    color: #555;
}

.cities-selected{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    position: relative;
    margin-top: 10px;
}
.cities-selected a.link{
    background: #ffe4e4;
    border: 1px solid var(--f7-theme-color);
    padding: 3px 5px;
    border-radius: 3px;
    margin-bottom: 2px;
    overflow: hidden;
    flex: 1 1 100px;
}
.cities-selected .link span{
    font-size: .8rem;
}
.cities-selected .link span i{}

.sidebar-account{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid #ddd;
    background: #f7f7f7;
    width: 100%;
}
.sidebar-account .userview{
    display: flex;
    align-items: center;
    position: relative;
    gap: 10px;
    width: 100%;
    padding: 15px 0;
}
.sidebar-account .userview .imageprofile.logomatn{
    width: 128px;
    height: 100%;
    padding: 0;
    margin: 0;
    line-height: 1;
    vertical-align: middle;
    overflow: hidden;
    margin: 0 auto;
    /*margin-left: 10px;*/
    border-radius: 7px;
}
.sidebar-account .userview .imageprofile{
    width: 60px;
    height: 60px;
    padding: 0;
    margin: 0;
    line-height: 1;
    vertical-align: middle;
    overflow: hidden;
    margin-right: 10px;
    /*margin-left: 10px;*/
    border-radius: 7px;
}
.sidebar-account .userview .imageprofile img{max-width: 100%}
.sidebar-account .userview .details{
    display: flex;
    flex-direction: column;
    flex: 1;
}
.sidebar-account .userview .details .panel_user_namefamily{
    font-size: 1rem;
    padding: 0;
    margin: 0;
}
.sidebar-account .userview .details .panel_user_mobile{
    color: #666;
    font-size: .8rem;
}


/*
------------------------------------------------------------------------------------------------------------------------
  Register Page
*/
.RegisterPage {
    margin-top: 15px;
    margin-bottom: 0;
}

.RegisterPage .title {
    font-weight: bold;
    font-size: 2rem;
    text-align: center;
}

.RegisterPage .descr {
    font-weight: 300;
    line-height: 1.6;
    font-size: .9rem;
    text-align: left;
    margin-top: 0;
    margin-bottom: 20px;
}

.RegisterPage .image-nointernt img {
    max-width: 128px;
}

.button-div {
    text-align: center;
}

.registerlink {
    font-size: 1rem;
    margin-right: 15px;
    margin-left: 15px;
}

.register-content-page {
    position: relative;
    padding-top: 0;
    height: 300px;
    background: var(--f7-theme-color) url(../images/bg-icon-main.png);
    background-repeat: repeat;
    background-size: contain;
    width: 100%;
    border-radius: 0 0 20% 20%;
    display: block;
    overflow: hidden;
}

.register-page-image {
    position: absolute;
    margin: 0 auto;
    text-align: center;
    display: block;
    bottom: -7px;
    right: 0;
    width: 100%;
}

.register-page-image img {
    height: 260px;
}
.avatar-register{
    width: 84px;
    margin: 25px auto 0;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
}
.avatar-register img{
    max-width: 100%;
}
.navbar-large-custom{
    background: #41b3a3;
    /* background: -webkit-linear-gradient(left, #3f51b5, rgb(199 18 5)); */
    /*background: -moz-linear-gradient(left, #3f51b5, rgb(199 18 5));*/
    /* background: linear-gradient(to right, #d59c2d, rgb(255 199 78)); */
    height: 140px;
    position: absolute;
    width: 100%;
}
.content-block{
    padding: 1rem;
}
.button-div{
}
.formlist{
    margin: 0;
}
.button-width-50{
    width: 50%;
}
.content-block.p01{
    padding: 0 1rem;
}
.text-color-gray{
    color: gray;
}
.login-screen-content{
    margin-top: initial !important;
}
.login-screen .page, .login-screen-content, .login-screen-page{
    background: transparent !important;
}
.taosterror {
    background: #c30000ed;
}
.toastsuccess {
    background: #00c372ed;
}
.ltr{direction: ltr}

.alert{display: flex;flex-direction: column;padding: 10px;border: 1px solid;border-radius: 5px;margin: 15px;}
.alert strong{
    font-weight: bold;
}
.alert .message-alert{}
.alert-success {
    background-color: #d5f0db !important;
    border-color: #71be82 !important;
}
.alert.alert-danger {
    background-color: #ffd9da !important;
    border-color: #b36a67 !important;
}
.alert.alert-info {
    background-color: #e2f9fd !important;
    border-color: #75b4bd !important;
}
.alert.alert-warning {
    border-color: #bfaa6a !important;
    background: #fef8e6;
}
.navbar-agahi, .navbar-agahi a, .navbar-agahi button.is_bookmark_button{color: var(--f7-theme-color) !important;}

.resizable-textarea{
    min-height: 150px !important;
}
.menuicon{
    margin: 6px 10px 0 5px;
    font-size: 24px;
}

.search_result_ajax{
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    background: #424242;
    box-shadow: 0 0 10px -3px rgb(0 0 0 / 86%);
    overflow: hidden;
    transition: color .36s ease, background-color .36s ease, box-shadow .36s ease, border-color .36s ease, transform .36s ease, -webkit-transform .36s ease;
}
.search_result_ajax .box{
    min-width: 100% !important;
    color: white !important;
    align-items: center;
    height: 36px !important;
    line-height: 1.6 !important;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #616161;
    padding: 0 10px !important;
}
.search_result_ajax .box .name{
    font-size: .8rem;
    flex: 1 auto;
}
.search_result_ajax .box .name i{}
.search_result_ajax .count{
    font-size: .8rem;
}

.filter-container{
    height: 3rem;
    padding: 0 5px;
    border-bottom: 1px solid #ddd;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
    scroll-padding: 15px;
    display: flex;
    align-items: center;
    flex-direction: row;
}
.filter-container .f-row{
    align-items: center;
    display: inline-flex;
    height: 100%;
    overflow: auto;
    width: 100%;
    gap: 7px;
    overflow-y: hidden;
}
.button-filter{
    background-color: rgba(166,38,38,.04);
    color: #a62626;
    border-radius: 16px;
    outline: none;
    transform: translateZ(0);
    border: 1px solid rgba(166,38,38,.56);
    font-size: .74rem;
    font-family: IRANSans;
    height: 2rem;
    padding: 0 10px;
    transition: background-color .36s ease;
    width: auto !important;
}
.button-filter i{line-height: 1;vertical-align: middle;font-size: 22px;}

.button-filter.asli{
    background-color: var(--f7-theme-color);
    color: #ffffff;
    border-radius: 4px;
    outline: none;
    border: 0;
}

.p-gutter {
    padding-right: 0.875rem;
    padding-left: 0.875rem;
    /*margin-bottom: 10px;*/
}
.div_business_type{
    display: flex;
    overflow-x: auto;
    flex-flow: row;
    flex-basis: 100%;
    user-select: none;
    -webkit-user-drag: none;
}
.div_business_type .item_select_type{
    font-size: .875rem;
    height: 30px;
    padding: 0 8px;
    align-items: center;
    border-color: rgba(0,0,0,.24) rgba(0,0,0,.24) rgba(0,0,0,.24) rgba(0,0,0,.24);
    border-style: solid;
    border-width: 1px 1px 1px 0;
    color: rgba(0,0,0,.56);
    cursor: pointer;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    min-height: 38px;
    min-width: 64px;
    outline: none;
    overflow: hidden;

}
.active_bs_type{
    background-color: #ec08080f !important;
    border-color: #de0000 !important;
    color: #de0000 !important;
    border-left-width: 1px !important;
}
.active_bs_type + .item_select_type {
    border-right-width: 0 !important;
}
.div_business_type .item_select_type:first-child{
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
.div_business_type .item_select_type:last-child {
    border-bottom-left-radius: 3px;
    border-left-width: 1px;
    border-top-left-radius: 3px;
}
.div_business_type span.label{
    text-align: center;
}
.np-visually-hidden{
    clip: rect(0 0 0 0);
    word-wrap: normal;
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;

}
.filter-list{margin: 15px 0 10px 0!important;}
.filter-list li, .simple-list li {
    font-size: .84rem;
}

.iconfield{
    max-width: 16px;
    max-height: 16px;
    height: auto;
    vertical-align: middle;
    user-select: none;
    -webkit-user-drag: none;
}

.field_item_box{
    display: flex;
    flex-direction: column;
    position: relative;
    font-size: .8rem;
    gap: 6px;
    margin-bottom: 10px;
}
.field_item_box .title{
    font-weight: bold;
    color: rgba(0, 0, 0, .87);
    margin: 0;
}
.field_item_box .divinput{

}
.field_item_box .divinput .inputfilter{
    padding: 0.5rem 1rem;
    font-weight: 400;
    color: black;
    border-color: #ccc;
    font-size: .9rem;
    margin: 0;
    border: 1px solid rgba(0, 0, 0, .24);
    border-radius: 4px;
    align-items: center;
    cursor: default;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 38px;
    outline: 0 !important;
    position: relative;
    -webkit-transition: all 100ms;
    transition: all 100ms;
    box-sizing: border-box;
}
.field_item_box .divinput select.inputfilter{appearance: menulist-button;}
.fields_container_search{
    padding: 0 15px;
    display: flex;
    position: relative;
    flex-direction: column;
}
.md .navbar a.link{font-size: .85rem}

.boxfilter_rangeprice{
    padding: 0 15px;
}
.boxfilter_rangeprice .title{
    font-size: 14px;
    /* font-weight: bold; */
    line-height: 2;
    color: rgb(33 33 33);
    margin: 0;
}

.kt-ftr {
    display: flex;
    direction: rtl;
    align-items: center;
}

.ktr-label {
    align-items: center;
    color: #666666;
    display: flex;
    flex-direction: column;
    font-size: 13px;
    margin-left: 10px;
    /* margin-right: 4px; */
}

.kt-ftr__label {
    align-items: center;
    display: flex;
    flex-grow: 1;
}

.kt-seprator {
    background-color: rgba(0, 0, 0, .24);
    border-radius: 50%;
    content: "";
    flex-shrink: 0;
    height: 2px;
    width: 2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 7px 0;
}

.kt-seprator:before {
    margin-bottom: 3px;
}

.kt-seprator:after {
    margin-top: 3px;
}

.kt-seprator, .kt-seprator:after, .kt-seprator:before {
    background-color: rgba(0, 0, 0, .24);
    border-radius: 50%;
    content: "";
    flex-shrink: 0;
    height: 2px;
    width: 2px;
}

.ktr-controls {
    flex-grow: 1;
    min-width: 0;
}

.ktr__controls {
    align-items: center;
    display: flex;
    /*flex: 1 1;*/
    flex-grow: 1;
    position: relative;
    width: 100%;
}

.border-color-777 {
    border-color: #777 !important;
}

.ktr__controls.inputctrl {
    position: relative;
    overflow: hidden;
}

.ktr__controls .input , .form-group input[type='text'], .form-group input[type='tel'], .form-group textarea{
    border: 1px solid rgba(0, 0, 0, .24);
    border-radius: 4px;
    align-items: center;
    cursor: default;
    width: 100%;
    justify-content: space-between;
    min-height: 38px;
    outline: 0 !important;
    position: relative;
    -webkit-transition: all 100ms;
    transition: all 100ms;
    box-sizing: border-box;
    margin-bottom: 6px;
    padding: 0 5px;
}

.lbtmn {
    font-size: 10px;
    color: #999;
    position: absolute;
    left: 5px;
}

.ktr-ftr-fit{
    align-items: center;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, .24);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 2rem;
    line-height: 2;
    margin: 0;
    outline: none;
    padding: 4px 8px;
    text-align: right;
    -webkit-transition: border-color .15s ease, color .15s ease;
    transition: border-color .15s ease, color .15s ease;
    width: 100%;
    color: rgb(121, 121, 121);
    font-size: .75rem;
}
.linkselectcity{
    text-align: right;
    display: flex;
    justify-content: right;
    cursor: pointer;
}
.linkselectcity.active{
    background: rgba(166,38,38,.04);
}
.form-group{
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 5px;
    margin-bottom: 10px;
}
.form-group .control-label{
    font-size: .85rem;
    font-weight: bold;
}


.header-section{
    font-weight: bold;
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}
.header-section i{font-size: 24px;}
.card-flex{
    padding: 10px;
    font-size: .75rem;
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: relative;
}
.card-gray{
    background: #f7f7f7;
}
.inline-data{
    display: flex;
    align-items: center;
    position: relative;
}
.inline-data .title{
    min-width: 58px;
    flex: 1;
}
.inline-data .descr{
}

.form-group.item-input-invalid {
    padding-bottom: 0;
}
.form-group.item-input-invalid input{
    margin-bottom: 0;
}
.form-group.item-input-invalid input.input-invalid, .form-group.item-input-invalid textarea.input-invalid{
    border-color: #ff3b30;
}
.form-group.item-input-invalid .item-input-error-message{
    margin-top: 0;
    position: relative;
}
.req{color: red;}



.chat_items_list {
    display: block;
    height: 100%;
    outline: none;
    overflow-y: auto;
    position: relative;
    border: 1px solid #ddd;
}

.chat_item {
    overflow: hidden;
    display: block;
    width: 100%;
    padding: 15px;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    border-bottom: 1px solid #ddd;
    transition: background-color .36s ease;
}

.chat_item:hover {
}

.chat_item:last-child {
    border-bottom: 0;
}

.chat_item * {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.kt-conversation {
    padding-left: 4px;
}

.kt-conversation {
    cursor: pointer;
    -webkit-transition: background-color .36s ease;
    transition: background-color .36s ease;
}

.kt-context-menu__trigger.kt-context-menu__trigger * {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.kt-conversation__container {
    display: flex;
}

.kt-conversation__content-box {
    flex: 1 1;
    min-width: 0;
}

.kt-conversation__body-box {
    min-width: 0;
}

.kt-conversation__body {
    margin: 0;
    color: rgba(0, 0, 0, .87);
    flex: 1 1;
}

.kt-body--sm, .kt-description-row__text--small {
    font-size: .875rem;
}

.kt-body, .kt-description-row__text, p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
}

.kt-text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kt-conversation__name {
    margin: 0;
    color: rgba(0, 0, 0, .87);
}

.kt-body--sm {
    font-size: .875rem;
}

.kt-body, p {
    font-size: .85rem;
    font-weight: 400;
    line-height: 2;
}

.kt-caption {
    font-weight: 400;
    font-size: .75rem;
    line-height: 2;
}

.kt-conversation__message {
    margin: 0;
    color: rgba(0, 0, 0, .56);
}

.kt-caption, .login-step__error {
    font-weight: 400;
    font-size: .75rem;
    line-height: 2;
}

.kt-conversation__image-box {
    display: flex;
    align-items: center;
    margin: 5px 0 0;
}

.kt-conversation__thumbnail {
    position: relative;
    margin-left: 8px;
}

.kt-conversation__image {
    height: 48px;
    width: 48px;
    flex-shrink: 0;
    align-self: flex-start;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.kt-image-block--rounded {
    border-radius: 4px;
}

.kt-image-block {
    display: block;
    position: relative;
    overflow: hidden;
    /* width: 100%; */
    /* height: 48px; */
    width: 48px;
    flex-shrink: 0;
    align-self: flex-start;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.kt-placeholder {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .04);
    color: rgba(0, 0, 0, .32);
}

.kt-image-block__image {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.kt-icon--xl {
    font-size: 2rem;
    line-height: 1;
    width: 32px;
    height: 32px
}

.kt-conversation__meta-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2px 0 19px;
}

.kt-conversation__time-box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.kt-conversation__time {
    color: rgba(0, 0, 0, .32);
    text-align: left;
    margin: 0 4px 0 0;
}

.kt-tag--small {
    font-size: .75rem;
    min-height: 24px;
}

.kt-tag--fill {
    border: 1px solid transparent;
    background-color: rgba(0, 0, 0, .04);
}

.kt-tag {
    display: inline-flex;
    align-items: center;
    height: auto;
    padding: 0 8px;
    overflow: hidden;
    cursor: default;
    font-weight: 400;
    line-height: 2;
    color: rgba(0, 0, 0, .56);
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, .12);
}

.kt-divider {
    height: 1px;
    margin: 0;
    box-sizing: border-box;
    border: none;
    background-color: rgba(0, 0, 0, .12);
}

.double-check-chat {
    width: 16px;
}

.chat_item.active {
    background-color: #f7f7f7;
}

.count_message {
    background: #e7e7e7;
    color: #555;
    font-size: 14px;
    line-height: 1;
    display: inline-flex;
    text-align: center;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    border-radius: 99px;
    font-weight: bold;
}
.linksendchat{color: var(--f7-theme-color) !important;}


.dialogSelectFile{}
.dialogSelectFile .dialog-inner{
    display: none;
}
.dialogSelectFile .dialog-buttons{
    padding: 8px 0 !important;
}
.dialogSelectFile .dialog-button{
    font-weight: normal !important;
    color: #222;
    border-bottom: 1px solid #ddd;
}
.dialogSelectFile .dialog-button:last-child{border:0;}
.dialogSelectFile .dialog-button i{
    min-width: 26px;
    font-size: 24px;
}
.imgrouting{
    /*max-width: 100px;*/
}

.saderat-detils{
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    overflow: auto;
}
.saderat-detils .image{
    width: 80%;
    margin: 0 auto 15px;
}
.saderat-detils .image img{
    max-width: 100%;
}
.saderat-detils .title{
    font-size: 1rem;
    font-weight: bold;
    border-bottom: 1px solid #acace7;
    padding-bottom: 5px;
    color: #3d3d8a;
}
.saderat-detils .descr{
    line-height: 24px;
    text-align: justify;
    margin-top: 10px;
}
.saderat-detils .descr p{
    margin: 0;
    margin-bottom: 4px;
    color: #444;
}

.image-nointernt{
    width: 75%;
    text-align: center;
    margin: 0 auto;
}
.image-nointernt img{
    max-width: 100%;
}

.stroypages {
    line-height: 2;
    font-size: 13px;
    color: #333;
}
.select-sabt-agahi{
    display: flex;
    flex-direction: column;
    margin-top: 2px;
}
.select-sabt-agahi .radio {
    display: inline-flex;
    gap: 10px;
    padding: 5px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    color: #333
}
.border-top-1{
    padding-top: 5px;
    border-top: 1px solid #eee;
}
.border-bottom-1{
    border-bottom: 1px solid #eee;
}

.image_uploader_box{
    grid-gap: 16px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 5px 0;
}
.image_uploader_box .image{
    cursor: pointer;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    /* flex-direction: column; */
}
.image_uploader_box .image img{
    -webkit-user-drag: none;
    opacity: .24;
    transition: opacity .36s ease;
    user-select: none;
    vertical-align: bottom;
    max-width: 100%;
}
.image_uploader_box .plus{
    background-color: var(--f7-theme-color);
    color: white;
    border-radius: 50%;
    height: 20px;
    transform: translateY(-1.25rem);
    width: 20px;
    left: 55%;
    position: absolute;
    top: 50%;
    transition: color .36s ease;
}
.image_uploader_box .plus i{
    font-size: 20px;
    line-height: 1;
}
.image_uploader_box .icon-photo{position: absolute;}

.form-group .subtitle{
    color: #777;
    font-size: .75rem;
}
.form-group .price_harf{
    font-size: .75rem;
    color: #0c82df;
}

.toggleItem{
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: row;
    cursor: pointer;
    outline: none;
    user-select: none;
    -webkit-user-drag: none;
}
.toggleItem .toggle{}
.toggleItem div.name{}

.actions-modal{
    border-radius: 15px 15px 0 0 !important;
}

.image-upload-preview{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    position: relative;
    border: 2px solid var(--f7-theme-color);
    border-radius: 3px;
    outline: none;
    user-select: none;
    -webkit-user-drag: none;
    width: 100%;
}
.image-upload-preview__height-enforcer{
    padding-bottom: 100%;
}
.btn-delete-picture{
    position: absolute;
    top: 2px;
    left: 2px;
    width: 24px;
    height: 24px;
    background: white;
    outline: none;
    border: 0;
    border-radius: 4px;
    z-index: 1;
}
.btn-delete-picture i{
    font-size: 100%;
}


.morefi_shop{
    display: flex;
    align-items: center;
    flex-flow: row;
    gap: 15px;
    background: var(--f7-theme-color);
    border-radius: 7px;
    border: 1px solid #ddd;
    margin: 15px 0;
    padding: 8px 10px;
    color: white;
    box-shadow: 1px 1px 3px #00000078;
}
.morefi_shop .arm{width: 100px;flex: 0 100px;background: #fff;border-radius: 12px;padding: 5px;}
.morefi_shop .arm img{
    max-width: 100%;
}
.morefi_shop .dtl{
    flex: 1 1 auto;
    color: white;
}
.morefi_shop .dtl .name{
    font-weight: bold;
    font-size: 1.1rem;
    margin-bottom: 8px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ffffff40;
}
.morefi_shop .dtl .sub{
    display: flex;
    gap: 10px;
    align-items: center;
    line-height: 18px;
    margin-bottom: 5px;
    color: white;
}
.morefi_shop .dtl .sub i{
    width: 20px;
    text-align: center;
}
.morefi_shop .dtl .sub address, .morefi_shop .dtl .sub span{
    padding: 0;
    margin: 0;
    font-size: .9rem;
}
.morefi_shop .dtl .sub a{color:white;}
.owlbanners{
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}
.arm_shop{
    overflow: hidden;
    margin: 0 auto;
    display: block;
    text-align: center;
}
.arm_shop img{
    max-width: 100%;
}
.stars_stores{
    margin-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    direction: ltr;
}
.stars_stores i{color: #bfbfbf;font-size: 22px;margin: 0 3px;}
.stars_stores i.filled{
    color:gold;
}
.shop-account-content{
    padding: 15px;
}
.inline-data-nd{
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 5px 0;
    font-size: .9rem;
    line-height: 1.6;
}
.inline-data-nd .name{
    flex: auto;
}
.inline-data-nd .dtl{color: #666;flex: 0 auto;}
.card.primary .card-header{
    background-color: var(--f7-theme-color);
    color: white;
}
.searchbar input[type=search], .searchbar input[type=text]{
    font-size: 1rem;
}

.field_item_box.smart-select{
    flex-direction: row;
    border: 1px solid rgba(0, 0, 0, .24);
    border-radius: 4px;
    min-height: 33px;
    align-items: center;
    margin-bottom: 10px;
    padding: 0px 5px;
}
.field_item_box.smart-select .title, .field_item_box.border-box-fit .title{
    flex: 1 auto;
}
.field_item_box.smart-select .divinput, .field_item_box.border-box-fit .divinput{color: #666;font-weight: bold;}

.field_item_box.smart-select .title i, .field_item_box.border-box-fit .title i{font-size: 20px; line-height: 1;vertical-align: middle}


.dialog-alert-danger{
    background-color: #ba0000;
    color: white;
}
.dialog-alert-danger .dialog-inner{
    padding: 15px !important;
}
.dialog-alert-danger .dialog-inner .dialog-title{
    color: white !important;
    font-weight: bold;
    font-size: 1rem;
}
.dialog-alert-danger .dialog-inner .dialog-text{
    margin-top: 10px !important;
    font-size: .9rem;
}
.dialog-alert-danger span.dialog-button{
    background-color: white;
}
.dialog-title{font-size: 1rem !important;}
.stats_box{
    height: 400px;
    width: 100%;
    display: block;
    margin: 15px 0 0;
}
.swipeout{position: relative}
.status_agahi_label{
    color: #a62626;
    font-size: 12px;
    margin-left: 4px;
}
.status_agahi_label.color-green{color:green; font-weight: bold}
.logs_agahi .alert {
    margin: 5px 0 10px;
}
.AppPages{
    line-height: 1.8;
    font-size: .9rem;
}
.AppPages h3,.AppPages h2,.AppPages h1,.AppPages h4,.AppPages h5,.AppPages h6{
    font-size: 1.1rem;
    font-weight: bold;
}
.AppPages p{
    margin: 0;
    padding:0;
}
.AppPages img{
    max-width: 100%;
    border-radius: 5px;
    margin: 5px 0;
}

.widout-margin{
    margin: 10px 0;
}


.factor_bottom_fix{
    position: fixed;
    bottom: 65px;
    left: 0;
    width: 100%;
    background-color: rgba(255,255,255,.98);
    box-shadow: 0 -1px 2px 0 rgb(0 0 0 / 12%);
    z-index: 1040;
}
.factor_bottom_fix .buttonflex{display: flex;flex-direction: column;position: relative;}
.factor_bottom_fix .buttonflex .factor{
    display: inline-flex;
    margin: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 12px;
}
.factor_bottom_fix .buttonflex .factor .name{
    font-size: 1rem;
    font-weight: bold;
    flex: 1;
}
.factor_bottom_fix .buttonflex .factor .price{
    font-size: 1rem;
    font-weight: bold;
    color: #ba0000;
}
.factor_bottom_fix .buttonflex .button-pay {
    margin: 0 15px 5px;
}
.factor_bottom_fix .buttonflex .button-pay button{}




.promote-item {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 4px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 4%);
    cursor: pointer;
    display: flex;
    margin-bottom: 1em;
    outline: none;
    overflow: hidden;
    padding: 0;
}

.promote-item__checkbox-box {
    align-items: center;
    border-left: 1px solid rgba(0, 0, 0, .12);
    display: flex;
    justify-content: center;
    padding: 0 8px;
}


.promote-item__main {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    padding: 16px;
}

.promote-item__heading {
    font-weight: 500;
    line-height: 2;
    text-align: center;
    margin-right: 0;
    width: auto;
}

.promote-item__price {
    color: var(--f7-theme-color);
    font-size: 1.125em;
    font-weight: 500;
    line-height: 2;
    margin-right: auto;
    text-align: center;
    margin-left: 0;
    width: auto;
}

.promote-item__desc {
    color: rgba(0, 0, 0, .56);
    flex-basis: 100%;
    font-size: .875em;
    margin: 16px 0;
    text-align: right;
}


.kt-switch {
    align-items: center;
    display: inline-flex;
    min-height: 2.5rem;
}

.kt-switch__cell {
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    flex: 1 0 auto;
    height: 2.25rem;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 2.25rem;
    z-index: 1;
}

.kt-switch__cell:before {
    background-color: rgba(0, 0, 0, .04);
    border-radius: 50%;
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    transform: scale(0);
    transform-origin: center;
    transition: transform .24s ease, opacity .24s ease, background-color .24s ease, transform .24s ease;
    width: 100%;
}

.kt-switch__input {
    box-sizing: border-box;
    accent-color: var(--f7-theme-color);
    padding: 0;
    width: 20px;
    height: 20px;
    border-radius: 0;
    overflow: hidden;
    position: relative;
}

.kt-switch__button--checkbox {
    border-radius: 0.125rem;
    height: 1.125rem;
    overflow: hidden;
    width: 1.125rem;
}

.promote-item__price img, .factor_bottom_fix .buttonflex .factor .price img{
    width: 16px;
}
.notification{direction: rtl}
.md .notification-title-right-text{margin-left:  auto; margin-right: 4px}
.notification-title{
    font-weight: bold;
    font-size: .8rem;
}

.tab-link .icon img, .iconsvg{
    width: 20px;
}
.panel-links a{
    justify-content: normal;
    font-size: .9rem;
}
.panel-links a .name{

}
.iconpanel{
    width:20px;
    margin-left: 11px;
}
.message-sent .message-bubble{
    background: #f8dcc6;
    color: #000;
}
.message-received .message-bubble{
    background: #cbc9c9;
    color: #000;
}

.badge .color-red{
    color: #ef8f00;
}
.icon-button-white{
    width: 18px;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    filter: invert(1);
}
.messages{
    background: #fbfbfd url(../images/chat-bg-2.png) repeat;
    background-size: 60%;
}

.inputFile{
    position: relative;
    display: block;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 4px;
    background: #f7f7f7;
}

.chat-voice-box{
    align-items: center;
    background: #fff;
    display: flex;
    padding: 8px 0 8px 8px;
    position: relative;
}
.buttonMic {
    width: 2.5rem;
    overflow: hidden;
    display: inline-flex;
    justify-content: center;
    margin: 0 .5rem;
}
.micButton{
    color: #666 !important;
}
.micButton i{}
.stopButton{
    background: #FF5722;
    color: white !important;
    margin: 0 10px;
    padding: 0;
    text-align: center;
}
.stopButton i{
    line-height: 1;
    width: auto;
}
.trashButton{color: #666 !important;}
.trashButton i{
    font-size: 1.5rem;
    width: auto;
}
.sendButton{
    background: #da1819;
    color: white !important;
    text-align: center;
    padding: 0;
}
.sendButton i{
    width: auto;
    font-size: 1.5rem;
}
.timerVoice{
    margin-right: auto;
    display: inline-flex;
    align-items: center;
}
.timerVoice i{
    margin: 0 10px;
    color: #666;
    font-size: 1.5rem;
    line-height: 1;
    vertical-align: middle;
}
.timerVoice .recordTimer{

}

#fileInput{
    display: none;
}
.gold{
    color: gold;
}

.custom-audio-player {
    width: 100%;
}

.audio-element {
}

.dialog-manual-close {
    position: absolute;
    left: 4px;
    top: 4px;
    width: 32px;
    border-radius: 100%;
    padding: 0;
    text-align: center;
    margin: 0;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
}
.dialog-manual-close i{
    line-height: 1;
    font-size: 2rem;
}
.border-box-fit{
    flex-direction: row;
    border: 1px solid rgba(0, 0, 0, .24);
    border-radius: 4px;
    min-height: 33px;
    align-items: center;
    margin-bottom: 10px;
    padding: 0px 5px;
}

#map{}

.vije_flag{
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 2;
}
.vije_flag img{
    /* width: 48px; */
    height: 48px;
}

.sliderBanners {
    margin-top: 5px;
    border-bottom: 1px solid #ddd;
}

.sliderBanners .swiper-container {
    padding: 0 12px;
}

.sliderBanners .swiper-container .swiper-slide {
    width: 295px;
    height: 100%;
    position: relative;
}

.sliderBanners .swiper-container .swiper-slide img {
    width: 100%;
    border-radius: 8px;
}
.related_vije{position: relative}

.swiper-slide .card_agahi{
    border: 1px solid #ddd;
    border-radius: 6px;
}

.flex-alert{
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 7px;
}
.padding-0{
    padding: 0 !important;
}
.btnsearch{
    border: 0;
    background: none;
    width: 32px;
    outline: none;
}
.btnsearch i{}

.socaillist{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.socaillist button{
    border: 0;
    outline: none;
    background: transparent;
    padding: 10px 0;
}
.socaillist button img{
    max-width: 32px;
}
.polictext{
    background-color: #E0F2F1;
    border-color: #009688;
    border-radius: 4px;
    display: block;
    padding: 10px;
    position: relative;
    overflow: hidden;
    user-select: none;
}
.polictext h6 {
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    border-color: #6c858345;
    font-size: .9rem;
    margin: 0;
    margin-bottom: 10px;
}
.polictext .content {
    font-size: .8rem;
    color: #000000b8;
}
@media (min-width: 900px) {
    .mobile-container { display: none !important; }
    #desktop-warning { display: block !important; }
}
@media (max-width: 899px) {
    #desktop-warning { display: none !important; }
    .mobile-container { display: block !important; }
}