.flink, a {
    --link-color: brown;
}
.flink:hover, a:hover {
    --link-color-hover: rgb(238, 0, 0);
}

/* COMMON */
/* img.rounded { border-radius: 200px; overflow: hidden;}
p.top { margin-top: 0;}
p.f20 { font-size: 20px;}
p.bld { font-weight: bold;} */
.flink { color: var(--link-color); text-decoration: underline; cursor: pointer; }
.flink:hover { color: var(--link-color-hover); }
/* .notranslation { transition:none!important;} */
.blink { display: inline-block; padding: 5px; border: 1px dashed grey; border-radius: 3px; margin: 5px; cursor: pointer; color: grey;}
.blink:hover { border: 1px solid grey; color: black; background-color: #ececec; }
.blink:active { background-color: #e2e2e2; }
.dummy-empty { padding: 30px; color: #aaaaaa; font-size: 16px; text-align: center}


/* FLEX SIMPLE THINGS*/
.flex-row { display: flex; }
.flex-col { display: flex; flex-direction: column;}
.flex-row, .flex-col {
    &.start { align-items: flex-start;}
    &.center { align-items: center}
    .flex-1 { flex: 1;}
    &.gap-10 { gap: 10px;}
    &.gap-20 { gap: 20px;}
}


/* SECT */
.section { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid lightgrey; margin-top: 10px;}
.section>.hdr { display: flex; justify-content: space-between; }
.section>.hdr>.sttl { font-size: 24px; align-self: center; }

.notice { padding: 10px; background-color: #ffe8b3; font-size: 14px;}



/* TABLE */
.table>div { display: flex; justify-content: space-between; border-bottom: 1px solid lightgrey;}
.table>div>div { padding: 5px;}

/* GRIDVIEW */
.gridview .hdr>div {border-bottom: 4px solid lightgrey; padding: 10px; display: flex;}
.gridview .hdr>div>div { font-weight: bold; }
.gridview .hdr>div>div:nth-child(1) { flex: 1;}
.gridview .hdr>div>div:not(.ddm-scut) { flex-basis: 20%; margin-right: 10px; }
.gridview .hdr>div>div:last-child { margin-right: 0;}
.gridview .items.list>div { border-bottom: 1px solid lightgrey; padding:10px; display: flex; cursor: pointer; }
.gridview .items.list>div:hover { background-color: #eaeaea;}
.gridview .items.list>div>div:not(.ddm-scut) { flex-basis: 20%; margin-right: 10px;}
.gridview .items.list>div>div:last-child { margin-right: 0;}
.gridview .items.list>div>div:nth-child(1) { flex: 1; margin-right: 10px;}
.gridview .items.list>div .thmb { max-width: 100px; max-height: 100px; object-fit: contain; margin-right: 10px;}




/* ICOS */
.ico-td18, td.ico { background-size: 18px; max-width: 24px; background-position:center;  background-repeat: no-repeat; }

.ico-dummy { display: inline-block; padding: 10px; flex-basis: auto!important;}
.ico-del { display: inline-block; padding: 10px; background-image: url("/f/svg/controls/ico-cross.svg"); background-position: center; background-repeat:no-repeat; background-size: 20px; flex-basis: auto!important; opacity: .3;}
.ico-del:hover { opacity: 1;}
.ico-tick { background-image: url("/f/svg/ico/tick.svg"); }

.ico-c-folder { background-image: url("/f/svg/ico/col-folder.svg"); }
.ico-c-item { background-image: url("/f/svg/ico/col-item.svg"); }

.bkico { background-position:center; background-size: contain; background-repeat: no-repeat;}
.bkmov { background-image: url("/f/svg/ico/move.svg"); }
.bkdel { background-image: url("/f/svg/ico/del.svg"); }

.ico-18 { background-size: 18px; background-position:center; background-repeat: no-repeat; }
.ico-folder { background-image: url(/f/svg/controls/treeman-folder.svg); }
.ico-docs { background-image: url("/f/svg/ico/col-docs.svg"); }
.ico-item { background-image: url(/f/svg/controls/treeman-item.svg); }
.ico-item-orange { background-image: url(/f/svg/controls/treeman-item.svg);  }
.ico-cog { background-image: url(/f/svg/controls/treeman-cog.svg);  }
.ico-hrt { background-image: url(/f/svg/controls/treeman-hrt.svg);  }
.ico-cust { background-image: url(/f/svg/controls/treeman-cust.svg);  }
.ico-idx { background-image: url(/f/svg/controls/treeman-idx.svg);  }






/* PICKER ADS*/
.picker-ads .lst>div { display: flex; cursor: pointer; padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid lightgrey; }
.picker-ads .lst>div img { width: 40px; height: 40px; object-fit: contain; margin-right: 20px; }
.picker-ads .lst>div .chk { display: block; min-width: 24px; min-height: 24px; margin-right: 10px; background-size: contain; background-position: center; background-repeat: no-repeat;}
.picker-ads .lst>div.selected .chk { background-image: url("/f/svg/controls/picker-ads-ticked.svg"); }

/* PICKER ARTS*/
.picker-arts .tbl { border-collapse: collapse }
.picker-arts .tbl tbody tr { cursor: pointer; }
.picker-arts .tbl tbody tr th { background-color: #edeaea; text-align: left; padding: 5px; }
.picker-arts .tbl tbody .imgth img { max-width: 40px; max-height: 40px; object-fit: contain;}
.picker-arts .tbl tbody td { border-bottom: 1px solid lightgrey; padding: 5px; }
.picker-arts .tbl tbody td.chk { min-width: 30px; max-width: 30px; background-size: 18px; background-position: center; background-repeat: no-repeat;}
.picker-arts .tbl tbody tr.selected td.chk { background-image: url("/f/svg/controls/picker-ads-ticked.svg"); }

/* PHOTOROLLER */
.photoroller .phr-preview { display: inline-block; white-space: nowrap; overflow: hidden; white-space: nowrap; width: 100%;  cursor: pointer; font-size: 0;}
.photoroller .phr-preview .frame { width: 100%; height: auto; display: inline-block; vertical-align: top; text-align: center; position: relative;}
.photoroller .phr-preview img { height: auto; object-fit: cover; display: inline-block; vertical-align: top;}
.photoroller .phr-preview video { width: 100%; height: 100%; display: inline-block; vertical-align: top;}

/* LOGIN */
.act-login {
    .dlg-otp {
        padding: 20px; display: flex; flex-direction: column; gap: 20px;
        .dlg-info { display: flex; gap: 10px; align-items: flex-start;}
        .dlg-inf-ttl { font-weight: bold; font-size: 20px;}
        .dlg-tel-confirm { text-align: center; font-size: 30px; color: #368834; }
        button { padding: 15px; font-size: 18px;}
        .dlg-butts { display: flex; flex-direction: column; gap: 10px;}
        .dlg-ico-otp{ mask: url("/f/svg/otp.svg") no-repeat center/64px; background-color: #58668c; padding: 34px; }
        .dlg-ico-cooldown{ mask: url("/f/svg/otp.cooldown.svg") no-repeat center/64px; background-color: #9f6060; padding: 34px; }
    }
    .dlg-phone-confirm {
        .b-send { padding: 5px; min-height: 48px;}
        .b-unavail, .b-cooldown-counter { font-size: 12px; display: none;}
        .b-send.disabled {.b-unavail{ display: block;} .b-recom { display: none;} }
        .b-send.cooldowned { .b-unavail{ display: none;} .b-cooldown-counter{ display: block;} }
        .b-recom { font-size: 12px;}
    }
}

/* PAGE - MY / ADS */
.act-my-ads .ads-list { display: flex; flex-wrap: wrap; gap: 12px;}
.act-my-ads .ads-list .ad-card { display: flex; flex-direction: column; width: 270px; background-color: white; border-radius: 5px; overflow: hidden; position: relative;}
.act-my-ads .ads-list .ad-card .status { margin-top: auto; display: flex; align-items: center; padding: 10px;}
.act-my-ads .ads-list .ad-card .status>div:first-child { flex: 1; }
.act-my-ads .ads-list .ad-card img { width: 100%; height: 200px; object-fit: cover;}
.act-my-ads .ads-list .ad-card .no-img { background: url("/f/svg/noimg.svg") center/64px no-repeat; height: 200px; opacity: .5; background-color: #dedede;}
.act-my-ads .ads-list .ad-card .ad-txt { padding: 10px;}
.act-my-ads .ads-list .ad-card .ad-txt .optype { font-size: 14px; font-weight: bold; color: #3952a4;}
.act-my-ads .ads-list .ad-card .cond { position: absolute; top: 10px; left: 10px; padding: 5px; border-radius: 3px; }
.act-my-ads .ads-list .ad-card .cat { color: grey; font-size: 14px;}
.act-my-ads .ads-list .ad-card .ttl { margin-top: 10px; margin-bottom: 10px;}
.act-my-ads .ads-list .ad-card .status-images-declined { font-size: 14px; color: #f36500; margin: 10px;}
.act-my-ads .ads-list .ad-card .status-active { color: #00ac09; }
.act-my-ads .ads-list .ad-card .status-declined { color: #dc2c00; }
.act-my-ads .myads-empty { text-align: center; padding: 50px;}
.act-my-ads .myads-empty-img {background: url("/f/svg/screamer.svg") no-repeat center/80px; padding: 30px; height: 120px; }
.act-my-ads .myads-empty-txt2 { font-weight: bold; padding-top: 30px; padding-bottom: 30px;}



/* PAGE CARRIER => ZONES */
.carrier-zones-grid { width: fit-content;}
.carrier-zones-grid .row { display: flex;}
.carrier-zones-grid .row.hdr { position: sticky; top: 52px;}
.carrier-zones-grid .row.hdr .dummy { max-width: 150px; min-width: 150px; }
.carrier-zones-grid .row.hdr .cap { writing-mode: vertical-lr;  transform: rotate(-180deg); max-height: 150px; min-height: 150px; max-width: 30px; min-width: 30px; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;}
.carrier-zones-grid .row .cap { position: sticky; left:0; max-width: 150px; min-width: 150px; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 2px; box-sizing: border-box;}
.carrier-zones-grid .row .inp { background-color: white; padding: 3px; font-size: 16px; max-width: 30px; min-width: 30px; border: .2px solid lightgrey; text-align: center; box-sizing: border-box; }
.carrier-zones-grid .row .dummy { background-color: grey; max-width: 30px; min-width: 30px; border: .2px solid lightgrey; text-align: center; box-sizing: border-box;}



/*PAGE MY => THEME CONSTS */
.myc-thm-cnst .arr { padding: 10px; background-color: #e3e3e3; box-shadow: 0px 0px 4px 1px hsla(0, 0%, 0%, 0.3);}
.myc-thm-cnst .arr .hdr { display: flex; justify-content: space-between;}
.myc-thm-cnst .arr .hdr .ttl { font-size: 18px;}
.myc-thm-cnst .arr .lst { display: flex; justify-content: flex-start; flex-wrap: wrap; flex-basis: 300px;}
.myc-thm-cnst .arr .lst .itm { background-color: white; border: 1px solid grey; padding: 5px; margin-right: 10px; margin-bottom: 10px;}
.myc-thm-cnst .arr .lst .itm .hdr .del { padding: 14px; background-color: #f0f0f0; background-image: url("/f/svg/ico/del.svg"); background-position: center; background-repeat: no-repeat; background-size: 16px; cursor: pointer;}
.myc-thm-cnst .arr .lst .itm .hdr .del:hover { filter: invert(1);}

/* PAGE MY => INFORMER*/
.myc-informer-edit .adslist { display: flex; justify-content: flex-start; flex-wrap: wrap; }
.myc-informer-edit .adslist>div { margin-right: 10px; margin-bottom: 10px; border: 1px solid lightgrey; border-radius: 3px; padding: 10px; max-width: 120px; width: 120px;}
.myc-informer-edit .adslist>div img { width: 100%;}
.myc-informer-edit .adslist>div .tls { display: flex; justify-content: space-between; margin-bottom: 10px; }
.myc-informer-edit .adslist>div .bkico { padding: 9px; margin: 3px; }




/* PAGE MY => COMPANY => BOOK => WB, ARTSEL */

/*
.artsellist>div { display: flex; border-bottom: 1px solid lightgrey; margin-bottom: 10px; padding-bottom: 10px;}
.artsellist>div .col1 { flex: 1; margin-right: 10px;}
.artsellist>div .thmb { width: 60px; height: 60px; object-fit: contain; margin-right: 10px;}
.artsellist>div .sku { font-weight: bold; display: block; margin-bottom: 5px;}
.artsellist>div .title { display: block; font-size: 14px;}
.artsellist>div .descr { display: block; font-size: 14px;}
*/





/* PAGE - AD */
/*
.art-ad { display: flex; gap: 30px; }
.art-ad>.ad-col1 { flex: 1; display: flex; flex-direction: column; gap: 20px;}
.art-ad>.ad-col2 {}
.art-ad>.ad-col2>div {  width: 450px; display: flex; flex-direction: column; gap: 10px; }
.art-ad .ad-col2 .optype-txt { font-size: 22px;  }
.art-ad .price { font-size: 24px; font-weight: bold;}
.art-ad .price-lst>div { display: flex; margin: 10px 0 10px 0; border-bottom: 1px dashed grey;}
.art-ad .price-lst>div>span:first-child{ flex: 1;}
.art-ad .exchange .ttl { font-size: 22px; }
.art-ad .ad-col2 .cities { background: url("/f/svg/ico/pin-red.svg") no-repeat left top / 20px; padding-left: 26px; }
.art-ad .ad-col2 .cities .cname { font-weight: bold; margin-right: 4px;}
.art-ad .ad-col2 .cities .cpath { color: grey;;}
.art-ad .ad-col2 .amap { height: 300px;}
.art-ad .conds { display: flex; gap: 10px; flex-wrap: wrap;}
.art-ad .cond { align-self: flex-start; display: inline-block; border-radius: 3px; border-width: 1px; border-style: solid; padding: 8px 12px 8px 12px;}
.art-ad .inactive { background-color: #c36500; padding: 10px; color: white; border-radius: 10px; margin-bottom: 10px;}
.art-ad .author { display: flex; margin-top: 20px;}
.art-ad .author .c2 { flex: 1;}
.art-ad .author .lbl { font-size: 12px; }
.art-ad .author .name { font-size: 20px; margin-bottom: 10px;}
.art-ad .author .thmb { margin-right: 20px; width: 60px; height: 60px; border-radius: 30px;}
.art-ad .author .thmb-letters { color: white; line-height: 60px; text-align: center; font-size: 30px;}
.art-ad .author .thmb-type-0 { background-color: #00ac09;}
.art-ad .author .thmb-type-1 { background-color: #078bb4;}
.art-ad .author .thmb-type-2 { background-color: blueviolet;}
.art-ad .arts-lst>.art { display: flex; gap: 10px; border-bottom: 1px solid lightgray; margin-top: 10px; padding-bottom: 10px;}
.art-ad .arts-lst>.art>.art-c1 { font-size: 0;}
.art-ad .arts-lst>.art img { width: 90px; height: 90px; border-radius: 5px;}
.art-ad .arts-lst .art-sku { text-decoration: underline; margin-bottom: 3px;}
.art-ad .arts-lst .art-prc { margin-top: 6px;}
.art-ad .arts-lst .art-prc-new { font-size: 18px; font-weight: bold; color: white; background-color: rgb(255, 97, 34); padding: 3px 6px 3px 6px; border-radius: 6px; display: inline-block; margin-right: 10px;}
.art-ad .arts-lst .art-prc-old { font-size: 18px; color:grey; text-decoration: line-through;}
.art-ad .arts-lst .art-prc-reg { font-size: 18px; font-weight: bold; color: white; background-color: grey; padding: 3px 6px 3px 6px; border-radius: 6px; display: inline-block;}

.ad-propslist .prp-row { display: flex; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px lightgrey solid;}
.ad-propslist .prp-row .prp-lbl { flex-basis: 25%; color: #454545; font-weight: bold;}
.ad-propslist .prp-row .prp-val { flex-basis: 75%; color: #454545;}
.rowed { display: flex; width: 100%;}
.rowed>* { align-self: center; flex: 1;}

.art-ad .sub-ttl { font-size: 22px; text-decoration: underline; margin-top: 20px;}
.art-ad .itm-pers .ittl { font-size: 18px; font-weight: bold;}
.art-ad .itm-pers .idet .ihonor{ color: rgb(155, 57, 174);}
.art-ad .itm-pers .idates { color: grey; font-weight: bold; font-style: italic;}
.art-ad .itm-lang .ilng { font-weight: bold;}
.art-ad .itm-val { font-size: 18px;}
.art-ad .itm-val .ilbl { font-weight: bold;}
.art-ad .lang-nonoriginal { padding: 10px; background-color: #fffbd1; border-radius: 8px;}

*/







/* CABINET PAGES SECTIONS */
.mpsect { display: flex; }
.mpsect.dividebotttom { border-bottom: 1px solid lightgrey; padding-bottom: 20px;}
.mpsect>div:nth-child(1) { width: 250px; max-width: 250px; padding-right: 30px; }
.mpsect>div:nth-child(1)>p:nth-child(1) { font-size: 16px; font-weight: bold; padding: 0; margin: 0; color: grey;}
.mpsect>div:nth-child(1)>p:nth-child(2) { color: grey; font-size: 12px; margin-top: 10px;}
.mpsect>div:nth-child(1)>.panel { position: sticky; top:114px; transition: all .15s ease-out;}
body.appbar-hidden .mpsect>div:nth-child(1)>.panel { position: sticky; top: 52px;}
.mpsect>div:nth-child(2) { flex: 1;}

/* CABINET 2-COLUMNED PARAGRAPH*/
.mpcol { display: flex; }
.mpcol>div:nth-child(1){ margin-right: 20px;}
.mpcol>div:nth-child(2) { flex: 1;}

/* CABINET ROWS */
.mprow { display: flex; border-bottom: 1px dotted lightgrey; width: 100%; padding-bottom: 10px; margin-bottom: 10px;}
.mprow .w1 { flex: 1;}
.mprow .bdel { cursor: pointer; display: block; width: 32px; height: 24px; background-image: url("/f/svg/mprow-del.svg"); background-size: 24px; background-position: center;  background-repeat:no-repeat;}
.mprow .bedit { cursor: pointer; display: block; width: 32px; height: 24px; background-image: url("/f/svg/mprow-edit.svg"); background-size: 24px; background-position: center;  background-repeat:no-repeat;}

/* CABINET LIST with THUMBS */
.mpthumblist .listitem { display: flex; }
.mpthumblist .listitem>div:first-child { margin-right: 10px;}
.mpthumblist .listitem .ttl { font-size: 18px;}



/* MYPANEL LISTS */
.mp-rowslist>div { display: flex; border-bottom: 1px solid lightgrey; padding-bottom: 5px; padding-top: 5px;}
.mp-rowslist>div:hover { background-color: rgb(245, 245, 245); }
.mp-rowslist>div>div { padding: 5px;}
.mp-rowslist>div>div:nth-child(1) { margin-right: 15px;}

.mp-ads-itm .thmb { width: 80px; height: 80px;;}
.mp-ads-itm .ttl { font-size: 18px;}
.mp-ads-itm>div:nth-child(2) { flex: 1;}




#mainfilter-ads { display: flex; }
#mainfilter-ads>div { flex-grow: 1;}

/*
.catbar { white-space: nowrap; overflow: hidden; }
.catbar a { display: inline-block; background-color: white; text-decoration: none; padding: 8px; white-space: nowrap; border-radius: 3px;}
.catbar svg { display: block; width: 18px; height: 18px; box-sizing: border-box; fill:grey;}
.catbar .svgh { display: inline-block; margin-right: 5px; vertical-align: middle;}
.catbar span { display: inline-block;  vertical-align: middle; white-space: nowrap; color: rgb(73, 73, 73);}
*/
/*
.catbar { padding: 10px; display: flex; justify-content: space-between; }
.catbar a { min-width: 100px; width: 100px; text-align: center;}
.catbar span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 100%; font-size: 13px; color: white; text-decoration: none;}
.catbar svg { display: block; width: 48px; height: 48px; padding: 10px; box-sizing: border-box;}
.catbar .svgh { background-color: white; width: 48px; height: 48px; border-radius: 48px; display: inline-block;}

.catitem { cursor: pointer;}
.catitem .svgh { -webkit-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; transition: background-color 500ms linear;}

.catitem .orange svg { fill:rgb(255, 145, 0); }
.catitem:hover .orange { background-color:rgb(255, 145, 0); }
.catitem:hover .orange svg { fill:rgb(255, 255, 255); }

.catitem .yellow svg { fill:rgb(240, 216, 0); }
.catitem:hover .yellow { background-color:rgb(240, 216, 0); }
.catitem:hover .yellow svg { fill:rgb(255, 255, 255); }

.catitem .green svg { fill:rgb(12, 150, 0); }
.catitem:hover .green { background-color:rgb(12, 150, 0); }
.catitem:hover .green svg { fill:rgb(255, 255, 255); }

.catitem .blue svg { fill:rgb(0, 134, 211); }
.catitem:hover .blue { background-color:rgb(0, 134, 211); }
.catitem:hover .blue svg { fill:rgb(255, 255, 255); }

.catitem .brown svg { fill:rgb(143, 78, 17); }
.catitem:hover .brown { background-color:rgb(143, 78, 17); }
.catitem:hover .brown svg { fill:rgb(255, 255, 255); }
*/

/* MY COMPANY */
/*
.art-my_company_info .clogo>img { width: 120px; height: 120px;}
.art-my_company_info .cfname { font-size: 22px; font-weight: bold; margin: 0;}
.art-my_company_info .clname { font-weight: bold; margin-top: 0;}

.art-my_company_ads .listitem { display: flex;}
.art-my_company_ads .listitem .thmb { width: 100px; height: 100px;}
*/

/* PROFILE */
/*
.art-my_profile section { display: flex;}
.art-my_profile section>div { padding: 20px;}
.art-my_profile .smain .avatar img { width: 200px; border-radius: 300px; overflow: hidden;}
.art-my_profile .smain .names { font-size: 28px; margin-top: 0;}
.art-my_profile .sect { border-top: 1px solid lightgrey;}
.art-my_profile .sect-lbl { width: 200px; text-align: right; }
.art-my_profile .sect-ico {display: inline-block; width: 64px; height: 64px; background-position: center; background-size: 64px;}
.art-my_profile .sect-ico-tel { background-image: url('/svg/profile-sect-tel.svg'); }
.art-my_profile .sect-ico-resume { background-image: url('/svg/profile-sect-resume.svg'); }
*/

/* AD EDIT */
/*
.ad_edit_form .h-art-item { background-color: #e4e9e9; padding: 10px; margin-top:5px; margin-bottom: 5px;}
.ad_edit_form .h-art-item .flex-inline { display: flex;}
.ad_edit_form .h-art-item .h-art-nonform { transition: all .5s; overflow-y: hidden; transition-delay: 0; }
.ad_edit_form .h-art-item .h-art-form { transition: all .5s; overflow-y: hidden; transition-delay: 0;}
.ad_edit_form .h-art-item:not(.expanded) .h-art-nonform { max-height: 1000px;  cursor: pointer; }
.ad_edit_form .h-art-item:not(.expanded) .h-art-form { max-height: 0;  }
.ad_edit_form .h-art-item.expanded { background-color: #f1f6f6; }
.ad_edit_form .h-art-item.expanded .h-art-nonform { max-height:0;  }
.ad_edit_form .h-art-item.expanded .h-art-form { max-height: 1000px; }
.ad_edit_form .h-art-item .h-art-form-lnk { color: #0085CF; text-decoration: underline;  }
.ad_edit_form .h-art-item .butts { margin-top: 10px;}
.ad_edit_form .h-art-item .butts>button:nth-child(1) { margin-right: 10px;}

.ad_edit_form .h-artsList .art .hbdel { text-align: right;}
.ad_edit_form .hprice_serv .serv { display: flex; }
.ad_edit_form .hprice_serv .serv .bdel { display: block; width: 32px; height: 32px; background-image: url(/svg/adedit.serv.del.svg); background-size: 18px; background-position: center; background-repeat: no-repeat; align-self: flex-end; opacity: .5; cursor: pointer;}
.ad_edit_form .hprice_serv .serv .bdel:hover { opacity: 1;}
.ad_edit_form .hprice_serv .serv #comment { flex: 1; margin-right: 20px; }
.ad_edit_form .hprice_serv .serv #price { width: 100px;margin-right: 10px; }
*/


/* ADS LIST */
.ad-li { display: flex; width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgb(223, 223, 223);}
.ad-li .imgh img { height:160px; width: auto;}
.ad-li .inf { flex: 1; padding-left: 20px; }
.ad-li .inf .rbr { font-style: italic; font-size: 14px; font-weight: bold;}
.ad-li .hdr { margin-bottom:10px; color: rgb(78, 78, 78); }
.ad-li .hdr a { font-size: 18px; font-weight: bold; text-decoration: none; color: rgb(0, 133, 221)}
.ad-li .hdr p { margin: 0;}

.ads-filter { background-color: rgb(245, 245, 245);}
.ads-filter .section-2 { display: flex; flex-wrap: wrap; align-items: center; }
.ads-filter .section-2>* { width: 260px; margin-right: 53px;}
.ads-filter .section-2>*:nth-child(4n) { margin-right: 0; }

/*
.art-ad-l { display: flex; margin-bottom: 10px; }
.art-ad-l .imgh { height: 150px; overflow: hidden; border-radius: 5px;}
.art-ad-l .imgh img { margin-top: -25px;}
.art-ad-l .inf { padding-left: 20px;}
.art-ad-l h3 { margin: 0;}*/

/* AD ITEM */
.art-ad-view .header { display: flex; align-items: center;}
.art-ad-view .header .loaned { display: inline-block; background-color: red; color: white; padding: 10px; font-size: 16px; font-weight: bold;}
.art-ad-view .header .cond { display: inline-block; padding: 10px; font-size: 16px; }
.art-ad-view .header h1 { flex: 1;}
.art-ad-view .price>span { display: inline-block; vertical-align: middle;}
.art-ad-view .price .barg { display: inline-block; padding: 7px; background-color: rgb(255, 153, 0); color: white; font-weight: bold; margin-left: 10px;}
.art-ad-view .price ._price { font-size: 28px; color: darkgreen;}
.art-ad-view .price ._price_nego { font-size: 28px; color: rgb(0, 100, 92);}
.art-ad-view .price ._price_free { font-size: 28px; color: rgb(0, 100, 92);}
.art-ad-view .price ._curr { font-size: 20px; color: rgb(88, 139, 88);}
.art-ad-view .prices-rent>p { display: flex; justify-content: space-between; border-bottom: 2px solid rgb(228, 228, 228); padding-bottom: 5px;}
.art-ad-view .prices-rent .lbl { font-size: 22px; color: rgb(104, 104, 104);}
.art-ad-view .prices-rent ._price { font-size: 22px; color: darkgreen;}
.art-ad-view .prices-rent ._price_nego { font-size: 22px; color: rgb(0, 100, 92);}
.art-ad-view .cols { display: flex; justify-content: space-between; }
.art-ad-view .col1 { width: 740px;}
.art-ad-view .col1 .photoroller .preview img { height: 520px; }
.art-ad-view .col2 { width: 440px; }
.art-ad-view .offer .optype { font-size: 24px; margin: 0px; margin-bottom: 10px;}

.art-ad-view .publisher { background-color: #ececec; padding: 10px; margin-right:-10px; }
.art-ad-view .publisher p { margin: 0; }
.art-ad-view .publisher img { width: 80px; height: 80px; display: inline-block; border-radius: 50px; overflow: hidden; margin-right: 20px; border: 2px solid white; }
.art-ad-view .publisher .user { display: flex;}
.art-ad-view .publisher .author { display: flex; margin-top: 20px;}
.art-ad-view .publisher .ctype { margin: 0; font-size: 14px; font-weight: bold; color: grey;}
.art-ad-view .publisher .name { font-size: 22px; margin-top: 6px; margin-bottom: 6px;}
.art-ad-view .publisher .author-note { font-size: 12px; color: grey; margin-top: 10px;}
.art-ad-view .publisher .broker-note { font-size: 16px; color: rgb(167, 45, 45); margin-bottom: 10px; font-weight: bold; }
.art-ad-view .publisher .broker-note-descr { font-size: 12px; color: rgb(180, 101, 101); margin-bottom: 10px; }

.art-ad-view .col2 .map { height: 600px; margin-top: 20px;}

.art-ad-view .props .row { display: flex; justify-content: space-between; border-bottom: 1px solid lightgrey; padding: 7px; }
.art-ad-view .props .row p { padding: 0; margin: 0;}
.art-ad-view .props .row p:nth-child(1) { white-space: nowrap; color: grey; margin-right: 20px;}
.art-ad-view .props .row p:nth-child(2) { text-align: right;}

.photoroller .preview { display: flex; overflow: hidden; white-space: nowrap; width: 100%; border-radius: 5px; cursor: pointer;}
.photoroller .preview img { width: 100%; height: auto; object-fit: cover; display: block; }
.photoroller .thumbs { display: flex; justify-content: center;}
.photoroller .thumbs img { border-radius: 5px; border: 2px solid rgb(231, 231, 231); margin: 10px; object-fit: cover; cursor: pointer;}
.photoroller .thumbs img.selected { border: 2px solid rgb(74, 145, 202);}



/* INFORMERS */
.informer_cards { display: flex; flex-wrap: wrap;}
.informer_cards>div { border: 1px solid lightgrey; margin: 10px; background: white; width: 160px; display: flex; flex-direction: column; }
.informer_cards>div>img { width: 160px; height: 160px; }
.informer_cards>div>.noimg { background-image: url(/svg/noimg.svg); background-position: center; background-repeat: no-repeat; background-size: 52px; height: 160px; }
.informer_cards>div>p { font-size: 14px; padding: 5px; margin: 0;}
.informer_cards>div>.tbr { margin-top: auto; padding: 5px; display: flex; justify-content: space-between; }
.informer_cards>div>.tbr>div { background-size: 24px; background-position: center; background-repeat: no-repeat; display: block; width: 24px; height: 24px; opacity: .5; cursor: pointer;}
.informer_cards>div>.tbr>div:hover { opacity: 1;}
.informer_cards>div>.tbr>.hndlr { background-image: url(/svg/mprow-move.svg); }
.informer_cards>div>.tbr>.edit { background-image: url(/svg/mprow-edit.svg); margin-left: 10px;}
.informer_cards>div>.tbr>.cross { background-image: url(/svg/mprow-del.svg);}
.informer_cards>div>.tbr>.spacer { flex: 1;}

/* THEME VARS */
#theme_varslist .hstruct { margin-top: 20px; margin-bottom: 20px; border-left: 3px solid lightgrey; padding-left: 20px;}
#theme_varslist .harray { border: 1px solid lightgrey; padding: 10px; margin: 10px;}
#theme_varslist .harray .sublist { display: flex;}
#theme_varslist .grphdr { font-size: 18px; font-weight: bold;}
#theme_varslist .strhdr { font-size: 18px; font-weight: bold;}



/* MODERATION - AD */
.act-moder-ad { overflow: hidden;}
.act-moder-ad .row-1 { display: flex; margin-bottom: 10px; gap: 20px; align-items: center;}
.act-moder-ad .row-1 .optype { background-color: #454545; color: white; font-size: 34px; padding: 10px; border-radius: 8px;}
.act-moder-ad .row-1 .lang { font-size: 40px; color: rgb(132, 132, 132);}
.act-moder-ad .row-1 .fio { font-size: 20px;}
.act-moder-ad .row-1 .ucity { color: grey; font-style: italic; }
.act-moder-ad .row-1 .avatar { width: 60px; }
.act-moder-ad .stickers { display: flex; gap: 10px; align-items: center; margin-top: 10px; margin-bottom: 10px;}
.act-moder-ad .stickers>div { padding: 7px; box-sizing: border-box; border-radius: 4px; font-weight: bold; }
.act-moder-ad .stickers .urgent { border: 3px solid rgb(255, 0, 247);}
.act-moder-ad .stickers .pawned { border: 3px solid rgb(255, 128, 0);}
.act-moder-ad .stickers .mediator { background-color: brown; color: white;}
.act-moder-ad .title { font-size: 24px; }
.act-moder-ad .title1, .act-moder-ad .title2 { font-size: 18px;}
.act-moder-ad .text { padding: 10px; background-color: white; margin-bottom: 20px; white-space: pre-wrap;}
.act-moder-ad .cat_path { color: grey; font-style: italic; margin-bottom: 10px; margin-top: 10px;}
.act-moder-ad .imgs { margin-top: 20px; margin-bottom: 20px; display: flex; overflow-x: auto; gap: 20px;}
.act-moder-ad .imgs .item { position: relative; border: 2px solid lightgrey; background-color: white;}
.act-moder-ad .imgs .item.deleted { opacity: .5;}
.act-moder-ad .imgs img { height: 500px; max-width: 700px; object-fit: contain;}
.act-moder-ad .imgs video { height: 500px; max-width: 800px;}
.act-moder-ad .imgs .delete { padding: 20px; background: url(/f/svg/ico/del.svg) center / 20px no-repeat; position: absolute; top: 0; right: 0; background-color: rgba(255, 255, 255, 0.441); cursor: pointer;}
.act-moder-ad .addr { background: url(/f/svg/ico/pin-circled-grey.svg) left center / 30px no-repeat;  margin-top: 20px; padding-left: 40px; min-height: 40px;}
.act-moder-ad .addr .city { font-size: 18px;}
.act-moder-ad .addr .nopoint { color: grey;}
.act-moder-ad .sub-ttl { font-size: 24px; margin-top: 30px; border-left: 5px solid grey; padding-left: 10px; margin-bottom: 10px;}
.act-moder-ad .sub-sub-ttl { font-size: 20px; margin-top: 20px; padding-left: 10px; margin-bottom: 10px;}
.act-moder-ad .chartable {border-collapse: collapse; margin-bottom: 30px; width: 100%; }
.act-moder-ad .chartable tr td { border-bottom: 1px dotted grey; padding: 10px;}
.act-moder-ad .chartable tr th { text-align: left; border-bottom: 1px solid grey; background-color: #c9c9c9; padding: 10px;;}
.act-moder-ad .chartable tr td:first-child { font-weight: bold; padding-right: 20px;}
.act-moder-ad .chartable td.w-100 { flex:1;}
.act-moder-ad .hidden-contact { display: inline-block; padding: 5px; border-radius: 3px; background-color: rgb(255, 102, 0); color: white;}
.act-moder-ad .hidden-profile { padding: 5px; border-radius: 3px; background-color: rgb(255, 102, 0); color: white; font-size: 18px; vertical-align: middle; margin-left: 10px;}



/* ADM ACC STATIC */
.act-adm-acc-static-editwin .field { display: flex;}
.act-adm-acc-static-editwin .field .nbright { flex: 1;}






/*************************************************/
/*************************************************/
/***                    FRONTEND               ***/
/*************************************************/
/*************************************************/


/* ADS */
.ads-browse { display: flex; flex-wrap: wrap; }
.ad-itm { min-width: 250px; flex:0; padding: 10px; margin: 10px; background-color: white; cursor: pointer;}
.ad-itm .ttl1 { font-size: 17px; color: #2b2b2b; text-decoration: none; margin-top: 10px; margin-bottom: 10px; display: block;}
.ad-itm>.prcs>span { font-size: 18px; font-weight: bold; color: #ff7700; }
/* .ad-itm>.imgs{ width: 100%; height: 200px;} */
.ad-itm>.imgs img { object-fit: cover; height: 200px; width: 100%; object-position: center; }





@media screen and (max-width: 1300px) {
    /* .awidth { width: auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
    .catbar { overflow-x: scroll;} */

    body main { margin-left:0; margin-right: 0; width: auto; }

    body .page>header { z-index: 1; width: auto; margin-left:0!important; margin-right:0!important; height: 52px; background: white; border-bottom: 1px solid lightgrey; margin-bottom: 0px!important;}
    body .page>header h1 { font-size: 18px;}


    .asided-psect { display: block; }
    .asided-psect>div:first-child { max-width: inherit; margin-right: 0; background-color: white; border-bottom: 1px solid lightgrey; border-top: 1px solid lightgrey; padding-left: 5px; padding-right: 5px;}
    .asided-psect>div:first-child>div:first-child { display: flex; }
    .asided-psect>div:first-child .ttl { flex: 1; font-size: 18px; }
    .asided-psect>div:first-child .dsc { display: none;}
    .asided-psect>div:first-child .butts { align-self: center}
    .asided-psect>div:first-child .butts>button { font-size: 15px; padding: 6px 8px 6px 8px;}


}



@media screen and (max-width: 600px) {
    .act-profile {
        .lay-cols .lay-col:first-child { max-width: none; width: auto; align-items: center }
        .prof-names, .prof-gage, .prof-bdate, .prof-rdate { text-align: center }
    }
    .act-profile-cv {
        .lay-cols>.lay-col-avtr { max-width: none!important; width: auto!important; align-items: center!important; }
        .cv-names, .cv-gage, .cv-city { text-align: center}
        .cv-lnks { justify-content: center}
    }
}