/* AD EDIT */
.w-aded {
    .win {  .w-hdr, main { background-color: #e7e7e7;} }
    .tabsview>.pages>div>div { display:flex; flex-direction: column; gap: 10px; }
    main>.tabsview {
        .pages { background-color: #f7f7f7}
        .pages>div { border-top: 1px solid lightgrey; margin-top: -1px;}
        .scuts { border-bottom: none; >div { border-bottom: none; color: black;} >div:hover { border-bottom: none; color: grey;} }
        .scuts .selected { background-color: #f7f7f7; border-top: 1px solid lightgrey;  border-left: 1px solid lightgrey; border-right: 1px solid lightgrey;}
    }
    .ot-selector {
        display: flex; flex-direction: column; gap: 10px; padding: 15px;
        .cats-row { display: flex; gap: 10px; justify-content: space-between}
        .ot-b {
            display: flex; gap: 10px; padding:10px; border: 2px solid lightgrey; border-radius: 5px; background-color: white; cursor: pointer;
            .ot-txts { display: flex; flex-direction: column; gap: 5px; flex: 1}
            .ot-arrow { mask: url(/f/svg/aded/ot-select.svg) center/20px no-repeat;background-color: grey; padding: 10px;}
            .ot-b-descr { font-size: 14px; color: grey;}
            .ot-ico { padding: 20px; background-color: grey;}
            .ot-ico-1-b {  mask: url(/f/svg/aded/ot-1-b.svg) center/32px no-repeat; }
            .ot-ico-3-b {  mask: url(/f/svg/aded/ot-3-b.svg) center/32px no-repeat; }
            .ot-ico-5-b {  mask: url(/f/svg/aded/ot-5-b.svg) center/32px no-repeat; }
            .ot-ico-7-b {  mask: url(/f/svg/aded/ot-7-b.svg) center/32px no-repeat; }
            .ot-ico-9-b {  mask: url(/f/svg/aded/ot-9-b.svg) center/32px no-repeat; }
            &:hover {
                background-color: #cfdfef; border-color: #2e76bd;
                .ot-arrow { background-color: blue;}
                .ot-ico { background-color: #255fa5;}
            }
        }
    }

    .cat-frozen {
        background-color: white; border: 1px solid #beb9b9; padding: 10px; border-radius: 3px;
        .ttl-cat {font-size: 20px; background: url("/f/svg/aded-lock.svg") right center/20px no-repeat;} .ttl-cat-pth { color: grey;}
    }
    .cats-grid {
        display: grid; grid-template-columns: 1fr auto; width: 100%; padding: 10px; box-sizing: border-box; gap: 10px;
        .pubp-holder, .pubc-holder { max-width: 150px; min-width: 150px;}
        .pubp-comment, .pubc-comment{ font-size: 12px; color: black; margin-top: 5px;}
        .pubp-none, .pubc-none { font-size: 13px; color: darkred;}
        .ctrlsel { margin-top: 0; margin-bottom: 0;}
    }
    .props-holder { display: flex; flex-direction: column; gap: 10px; }
    .ctags-info {
        background-color: white; border: 1px solid #beb9b9; border-radius: 3px; padding: 5px 5px 5px 10px; display: flex; cursor: pointer;
        >div:first-child { flex: 1;}
        .f-ttl { font-size: 13px; color: grey; margin-bottom: 5px;}
        .ctags-list { display: flex; gap: 5px; flex-wrap: wrap; padding-bottom: 10px;}
        .ctags-list:empty .f-none {  display: block;}
        &:has(.ctags-itm:not(:empty)) { .f-none { display: none;} }
        .ctags-itm { font-size: 13px; display: block; padding: 5px; background-color: #ececec; border: 1px solid lightgrey; border-radius: 3px;}
        .ctags-itm:empty { display: none}
        .ctags-itm-bool-t::before { content: ""; padding: 10px; mask: url(/f/svg/bool-true.svg) left center/16px no-repeat; background-color: green; }
        .ctags-itm-bool-f::before { content: ""; padding: 10px; mask: url(/f/svg/bool-false.svg) left center/16px no-repeat; background-color: red; }
        .ctags-ddlarrow { padding: 10px;  mask: url(/f/svg/controls/select-ddarrow.svg) left center/20px no-repeat; background-color: lightgrey;}
        &:hover {
            border-color: grey;
            .ctags-ddlarrow { background-color: grey;}
        }
    }
    .sendable-info{
        background-color: white; border: 1px solid #beb9b9; border-radius: 3px; padding: 5px 5px 5px 10px; display: flex; cursor: pointer;
        .sendable-field { flex: 1; cursor: pointer}
        .sendable-lbl { font-size: 13px; color: grey; margin-bottom: 5px;}
        .sendable-val { font-size: 13px; margin-top: 5px;}
        &.avail .sendable-unavail { display: none;}
        &.unavail .sendable-avail { display: none;}
        .sendable-dda { padding: 10px;  mask: url(/f/svg/controls/select-ddarrow.svg) left center/20px no-repeat; background-color: lightgrey;}
        &:hover {
            border-color: grey;
            .sendable-dda { background-color: grey;}
        }
    }
    .meta-info{
        background-color: white; border: 1px solid #beb9b9; border-radius: 3px; padding: 5px 5px 5px 10px; display: flex; cursor: pointer;
        .f-ttl { font-size: 13px; color: grey; margin-bottom: 5px;}
        &:has(.l-uri:not(:empty)) { .uri-none { display: none;} }
        &:has(.l-meta:not(:empty)) { .meta-none { display: none;} }
        &:hover { border-color: grey; }
    }

    .aded-h-arts {
        display: flex; flex-direction: column; align-items: center;
        .arts-no { background-color: white; border-radius: 3px; overflow: hidden; padding: 10px; border: 1px solid #beb9b9; display: flex; flex-direction: column; align-items: center;}
        .arts-list { display: flex; flex-direction: column; gap: 5px; width: 100%}
        .arts-more-btn, .arts-no-btn { align-self: center; margin-top: 5px;}
    }


    .aded-h-arts .arts-no-img { background: url("/f/svg/barcode.svg") center/80px no-repeat; padding: 40px;  }
    .aded-h-arts .arts-no-txt{ font-size: 13px; text-align: center;}
    .aded-art {
        display: flex; border: 1px solid #beb9b9; border-radius: 3px; margin-top: 5px; margin-bottom: 5px; cursor: pointer; overflow: hidden; cursor: pointer; background-color: white;
        &:hover { border-color: grey;}
        .art-sort { display: flex; flex-direction: column; background-color: #dcdcdc; justify-content: center;}
        .art-sort-up { mask: url("/f/svg/ico/arrow-up-white.svg") center/30px no-repeat; background-color: grey; }
        .art-sort-down { mask: url("/f/svg/ico/arrow-down-white.svg") center/30px no-repeat; background-color: grey; }
        .art-sort>div {padding: 15px; flex: 1;}
        .art-sort>div:hover { background-color: black;}
        .art-del { padding: 15px 20px 15px 20px; background-color: lightgrey; mask: url("/f/svg/ico/del.svg") center/20px no-repeat;  &:hover { background-color: grey;}}
    }




    .aded-art .art-info { flex: 1; padding: 5px;}
    .aded-art .art-img { width: 20%; max-width: 150px; min-width: 30px; aspect-ratio: 1.33; object-fit: fill;}
    .aded-art .art-img-no {  width: 20%; max-width: 150px; min-width: 30px; aspect-ratio: 1.33; background: url("/f/svg/ico/image.svg") center no-repeat; background-size: contain; }

    .arts { padding: 10px;}
    /*
    .aded-h-price-rent-row { display: flex;}
    .aded-h-price-serv .row { display: flex;}
    .aded-h-price-serv .row>div:nth-child(1){ width: 100%;}
*/
    .aded-h-price-rent{
        display: flex; gap: 20px;
        .col-plist { display: flex; flex-direction: column; min-width:50%; .ctrl{ margin-top: -1px;}}
    }

    .aded-h-price-serv{
        display: flex; flex-direction: column; gap: 10px;
        .chkbox-holder { display: flex;justify-content: space-between; button{ background-color: white;}}
        .list{
            display: grid; grid-template-columns: auto 100px 30px;
            .ctrl { border-radius: 0; margin-top: -1px;}
            .ctrl:nth-child(1) { border-radius: 3px 0 0 0; }
            .ctrl:nth-child(2) { border-radius: 0 3px 0 0; }
            .ctrl:nth-last-child(3) { border-radius: 0 0 0 3px; }
            .ctrl:nth-last-child(2) { border-radius: 0 0 3px 0; }
            .svc-cross { mask:url("/f/svg/controls/ico-cross.svg") center/20px no-repeat; background-color: grey; cursor: pointer;}
            .svc-cross:hover { background-color: black;}
            }
    }
    .aded-h-addr { display: flex; flex-direction: column; gap: 10px; }


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

    .personal-sublist .hdr { margin-bottom: 10px;}
    .personal-sublist>div { display: flex; align-items: center; padding: 10px; margin-bottom: 10px; border-bottom: 1px dashed grey; cursor: pointer;}
    .personal-sublist>div:hover { background-color: rgb(240, 240, 240);}
    .personal-sublist .col1 { flex: 1;}
    .personal-sublist .del { background: url("/f/svg/ico/del.svg") center/20px no-repeat; padding: 15px;}
    .personal-sublist .del:hover { background-color: #e6e6e6;}
    .personal-sublist .ttl { font-size: 18px; font-weight: bold; text-decoration: underline;}
    .personal-sublist .yrs { white-space: nowrap; font-style: italic; display: inline-block; padding: 5px; background-color: grey; color: white; border-radius: 8px; font-weight: bold; margin-right: 10px; margin-bottom: 10px;}
    .personal-sublist .empty { display: block; padding: 20px; text-align: center; color: grey;}
    .personal-sublist .bdel { color: red; margin-top: 10px; cursor: pointer;}

    .old-media-kept-on-site, .old-media-keep-on-site  {
        padding: 10px; border-radius: 5px; background-color: #dae6f1; display: flex; flex-direction: column; gap: 10px; align-items: flex-start;
        .swap-info-ttl { font-weight: bold;} .swap-info-descr { font-size: 13px;}
    }

}


.w-aded-sendable-dims{
    .dims-holder { display: flex; flex-direction: column; gap: 10px; }
}


/*
.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: 0s; }
.ad_edit_form .h-art-item .h-art-form { transition: all .5s; overflow-y: hidden; transition-delay: 0s;}
.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-arts .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; }
*/