/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
:root {
  /*  --font-inter: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-source: 'Source Sans 3', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-ibm: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; */
    --font-manrope: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    
    /*shadows*/
    --shain-1: inset 3px 3px 4px -3px #000000a8;
    
}
body {
    font-family: var(--font-manrope);
    font-weight: 400;
    line-height: 1.5;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
.font-inter   { font-family: var(--font-inter); }
.font-source  { font-family: var(--font-source); }
.font-ibm     { font-family: var(--font-ibm); }
.font-manrope { font-family: var(--font-manrope); }
h1, h2, h3, h4 {line-height: 1.25;}
table,.table { font-size: 0.95rem; line-height: 1.45;}
input,select,textarea,button { font-family: inherit; line-height: 1.3;}
/* FONTS END */


/* side-close */
.side-close-menu {transition: all 250ms linear;width:320px;}
.side-close-content {transition: all 250ms linear;width:calc(100% - 320px);}
.side-close.active .side-close-menu {position:fixed;left:-80%;} /* closed */
.side-close.active .side-close-content {}

.tab.head {font-size:12px;}
.tab small {font-size:11px;}


.bg0 {background-color:#272727;}
.bg1 {background-color:#ffffff;}
.bg2 {background-color:#474747;}
.bg3 {background-color:#676767;}

.bgs {background-color:#f1f1f1;}

.c0 {color:#272727;}
.c1 {color:#ffffff;}
.c2 {color:#474747;}
.c3 {color:#676767;}
.c4 {color:#58ebd6;}


.cs {color:#a3a3a3;}
.cgr {color:gray;}

.ta-ghost {width:100%;background:transparent;border:0px;}

.vh100 {height:100vh;}

form.file {position:relative;}
form.file .loading-bar {width:100%;position:absolute;bottom:12px;left:12px;width:calc(100% - 24px);border-radius:5px;height:4px;background-color:#f1f1f1;}
form.file .loading-bar .bar {background-color:#03a9f4;border-radius:5px;height:4px;position:relative;}
form.file .loading-bar .bar b {position:absolute;bottom: 8px;left:0px;width:100%;display:block;text-align:center;font-size:7px;color:#848484;}

.input-file {border-radius: 4px;min-height: 54px;background:#303030 url(../im/icons/ico-upload.svg) no-repeat 12px center / 48px; position: relative; border: 2px dashed transparent; padding: 4px 16px 4px 75px; text-align: left;cursor: pointer;transition: .2s;}
.input-file.drag{border-color:#333;background:#f5f5f5}
.input-file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.input-file.has-file {border-style:solid;}

.size {margin-bottom:13px;}
.size-wrap {position:absolute;right:0px;bottom:-1px;font-size:10px;width:auto;}
.a-pas {position: absolute;right: 6px;top: 0px;bottom:12px;margin:auto 0px;width: 32px;height: 21px;background: transparent url(../im/icons/showpass_not.svg) no-repeat center center / 18px;}
.active > .a-pas {background-image: url(../im/icons/showpass.svg);}

body {padding:0;margin:0;border:0px;}

.tin {padding-left:10%;padding-right:10%;padding-left:calc(50% - 640px);padding-right:calc(50% - 640px);width:100%;}

div, span, strong, header, main, footer, section, article, h1, h2, h3, h4, h5, h6, p, label, a, button, form {box-sizing:border-box;}
a {text-decoration:none;}

.card-on-black {position:relative;padding:0px 19px;justify-content: stretch;align-items: stretch;text-align:center;margin-left:-10px;}
.card-on-black:nth-child(1) {margin-left:0px;}
.card-on-black span {border-top: 1px solid #575757;background-color:#272727;color:#aaaaaa;position:relative;z-index:20;display:flex;line-height:1;padding:16px 4px;}
.card-on-black:before {box-sizing:border-box;border-left: 1px solid #575757;border-top: 1px solid #575757;background-color:#272727;position:absolute;z-index:15;left:5px;bottom:0px;width:20px;height:100%;content:'';display:flex;transform: skewX(-16deg);border-radius: 8px 0px 0px 0px;}
.card-on-black:after {box-sizing:border-box;border-right: 1px solid #575757;border-top: 1px solid #575757;background-color:#272727;position:absolute;z-index:15;right:5px;bottom:0px;width:20px;height:100%;content:'';display:flex;transform: skewX(16deg);border-radius: 0px 8px 0px 0px;}

.card-on-black:hover {}
.card-on-black:hover span {border-top: 1px solid #777777;background-color:#272727;color:#cccccc;}
.card-on-black:hover:before {border-left: 1px solid #777777;border-top: 1px solid #777777;background-color:#272727;}
.card-on-black:hover:after {border-right: 1px solid #777777;border-top: 1px solid #777777;background-color:#272727;}

.card-on-black.active {top:1px;z-index:50;}
.card-on-black.active span {border-top: 1px solid #777777;background-color:#ffffff;color:#272727;}
.card-on-black.active:before {border-left: 1px solid #777777;border-top: 1px solid #777777;background-color:#ffffff;}
.card-on-black.active:after {border-right: 1px solid #777777;border-top: 1px solid #777777;background-color:#ffffff;}
.card-on-black.active:before, .card-on-black.active:after {border-bottom: 1px solid #ffffff;}

.card-bg2.active span {color:#ffffff;}
.card-bg2.active span, .card-bg2.active:before, .card-bg2.active:after {background-color:#474747;}
.card-bg2.active:before, .card-bg2.active:after {border-bottom: 1px solid #474747;}


/* rows rules */

.trash-1 {background-color:#ffcccc;border-color:#ff0000;}
.trash-1 * {border-color:#ff0000;}

/* chyba */

.chyba {background-color:#ffcccc;border-radius:0px;border:1px solid #ff0000;padding:12px;position:relative;}
.chyba.infc {border-radius:0px;border:0px;border-bottom:1px solid #ff0000;}
.chyba.artl {margin-top:9px;border-top:1px solid #ff0000;}
.chyba.artl:before {transform:rotate(315deg);content:'';display:block;width:12px;height:12px;margin-bottom:-6px;position:absolute;bottom:100%;left:12px;background-color:inherit;border-top:1px solid #ff0000;border-right:1px solid #ff0000;}
.chyba.artr {margin-top:9px;border-top:1px solid #ff0000;}
.chyba.artr:before {transform:rotate(315deg);content:'';display:block;width:12px;height:12px;margin-bottom:-6px;position:absolute;bottom:100%;right:12px;background-color:inherit;border-top:1px solid #ff0000;border-right:1px solid #ff0000;}
.chyba.arbl {margin-bottom:9px;}
.chyba.arbl:after {transform:rotate(135deg);content:'';display:block;width:12px;height:12px;margin-top:-6px;position:absolute;top:100%;left:12px;background-color:inherit;border-top:1px solid #ff0000;border-right:1px solid #ff0000;}
.chyba.arbr {margin-bottom:9px;}
.chyba.arbr:after {transform:rotate(135deg);content:'';display:block;width:12px;height:12px;margin-top:-6px;position:absolute;top:100%;right:12px;background-color:inherit;border-top:1px solid #ff0000;border-right:1px solid #ff0000;}

/* uspech */

.uspech {background-color:#728b25;border-radius:0px;border:1px solid #58ebd6;padding:12px;position:relative;}
.uspech.infc {border-radius:0px;border:0px;border-bottom:1px solid #58ebd6;}
.uspech.artl {margin-top:9px;border-top:1px solid #58ebd6;}
.uspech.artl:before {transform:rotate(315deg);content:'';display:block;width:12px;height:12px;margin-bottom:-6px;position:absolute;bottom:100%;left:12px;background-color:inherit;border-top:1px solid #58ebd6;border-right:1px solid #58ebd6;}
.uspech.artr {margin-top:9px;border-top:1px solid #58ebd6;}
.uspech.artr:before {transform:rotate(315deg);content:'';display:block;width:12px;height:12px;margin-bottom:-6px;position:absolute;bottom:100%;right:12px;background-color:inherit;border-top:1px solid #58ebd6;border-right:1px solid #58ebd6;}
.uspech.arbl {margin-bottom:9px;}
.uspech.arbl:after {transform:rotate(135deg);content:'';display:block;width:12px;height:12px;margin-top:-6px;position:absolute;top:100%;left:12px;background-color:inherit;border-top:1px solid #58ebd6;border-right:1px solid #58ebd6;}
.uspech.arbr {margin-bottom:9px;}
.uspech.arbr:after {transform:rotate(135deg);content:'';display:block;width:12px;height:12px;margin-top:-6px;position:absolute;top:100%;right:12px;background-color:inherit;border-top:1px solid #58ebd6;border-right:1px solid #58ebd6;}

/* loading */

.loading-left {display:flex;flex-direction:row;gap:4px;justify-content: start;align-items:center;position:absolute;top:0px;bottom:0px;left:0px;right:0px;background:linear-gradient(90deg, #ffffff 60%, transparent);z-index:150;}
.loading-left:before {content:'';background-image: url(../im/icons/loading-left.svg);background-repeat:no-repeat;background-position: center center;background-size:20px;width:20px;height:20px;display:flex;}

.js-time-counter {font-size:20px;color:silver;}
.odpocet-wrap {position:relative;padding:36px;}
.odpocet {background:black;color:white;font-size:30px;width:80px;height:80px;padding:8px;overflow:hidden;display:flex;justify-content: center;align-items: center;border-radius:64px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.reload .odpocet {font-size:16px;width:auto;height:auto;display:inline;border-radius:2px;position:relative;top:6px;bottom:auto;left:auto;right:auto;color:#000000;padding:4px;background-color:#2fdabb;line-height:1;}

/* bubbles */

.bubble {position:fixed;z-index:250;}

/* tab arrows */
.tab.arbl {margin-bottom:9px;background-color:#ffffff;box-shadow:0px 6px 12px -9px #000000;}
.tab.arbl:after {transform:rotate(135deg);content:'';display:block;width:12px;height:12px;margin-top:-6px;position:absolute;top:100%;left:12px;background-color:inherit;border-top:1px solid #cccccc;border-right:1px solid #cccccc;}
.tab.arbl, .tab.arbl > * {border-color:#cccccc;}

.tab.artl {margin-bottom:9px;background-color:#ffffff;box-shadow:0px 6px 12px -9px #000000;}
.tab.artl:before {transform:rotate(315deg);content:'';display:block;width:12px;height:12px;margin-bottom:-6px;position:absolute;bottom:100%;left:12px;background-color:inherit;border-top:1px solid #cccccc;border-right:1px solid #cccccc;}
.tab.artl, .tab.artl > * {border-color:#cccccc;}

/* hovers */

.hover-silver:hover {background-color:#f1f1f1;}
.hover-white:hover {background-color:#ffffff;}

/* folders */

.wrap-folder {padding-left:0px;}
.folder-0 > .wrap-folder {padding-left:0px;}
.in-structure:before {content:'';display:block;right:100%;top:0px;height:100%;width:6px;border-left:1px dashed #272727;position:absolute;}
.in-structure:after {content:'';display:block;right:100%;margin-right: -3px;top:16px;height:1px;width:8px;border-bottom:1px solid #272727;position:absolute;}
.in-structure:nth-last-child(1):before {content:'';display:block;right:100%;margin-right: -3px;top:0px;height:17px;width:9px;border-bottom:1px solid #272727;position:absolute;}

.folder-0 > .wrap-folder > .in-structure:before, .folder-0 > .wrap-folder > .in-structure:after {display:none;}

.folder-row {}
.folder-row.active {border: 1px dotted silver;border-right:0px;border-radius:4px 0px 0px 4px;background-color:#ffffff;box-shadow:var(--shain-1);}

.folder-row.active .hover-white:hover {background-color:transparent;text-decoration:underline;}

/* layer */

.layer {position:fixed;z-index:150000;top:0px;left:0px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.layer .layer-close {position:absolute;z-index:150001;top:0px;left:0px;width:100%;height:100%;background-color:#ffffff5c;cursor:pointer;}
.layer .layer-body {border:1px solid #cccccc;background-color:#ffffff;position:relative;z-index:150010;width:100%;height:100%;max-width:600px;max-height:80vh;flex-direction:column;justify-content:stretch;align-items:start;}
.layer .head {height:48px;border-bottom:1px solid #cccccc;}
.layer .head > span {}
.layer .head > .layer-close-button {}
.layer .content {overflow-x:auto;align-self:stretch;flex-direction:column;}

/* nice row*/

.nice-head {border:1px solid #272727;background-color:#474747;box-shadow: -2px 2px 2px -2px #000000;color:#ffffff;}
.nice-head > * {border-right: 1px solid #373737;;}

.nice-row {border:1px solid #cccccc;border-top:0px;border-bottom:1px solid #dddddd;box-shadow:2px 2px 2px -1px #0000001c;background-color:#ffffff;}
.nice-row:nth-child(1) {border-top:1px solid #cccccc; }

.nice-a, .nice-row input[type='text'] {padding:4px 13px;border-radius:16px;color:#272727;background-color:#eeeeee;box-shadow:inset -1px -1px 3px 0px #0000001a;}
.nice-a:hover {background-color:#f1f1f1;}

.nice-i {border:1px solid #cccccc;border-radius:4px;padding:20px 12px;}

.radius-list > * {border-radius:0px 0px 0px 0px;}
.radius-list > *:nth-child(1) {border-radius:5px 5px 0px 0px;}
.radius-list > *:nth-last-child(1) {border-radius:0px 0px 5px 5px;}

/* main */
 
main {min-height:100vh;background-color:#f2f3f5;}

/* icos */


.ico-0, .ico-1 {position:relative;}
.ico-0:before {box-shadow: inset -1px -1px 3px 0px #0000001a;content:'';color:#ffffff;width:20px;height:20px;border-radius:10px;margin: auto 4px;font-size:12px;line-height:20px;text-align:center;justify-content: center;align-content: center;display: flex;}
.ico-1:before {box-shadow: inset -1px -1px 3px 0px #0000001a;content:'';color:#ffffff;width:32px;height:32px;border-radius:16px;margin: auto 8px;font-size:18px;line-height:32px;text-align:center;justify-content: center;align-content: center;display: flex;}

.button-plus {background-color: #58ebd6;color: #272727;min-width:32px;min-height:32px;line-height:32px;text-align:center;border-radius:16px;justify-content: center;align-items: center;border:0px;}

.ico-job:before {content:'Z';background-color:#58ebd6;color:#272727;}
.ico-customer:before {content:'K';background-color:#3f51b5;}
.ico-budget:before {content:'R';background-color:#e91e63;}
.ico-item:before {content:'P';background-color:#cccccc;color:#272727;}
.ico-web:before {content:'WEB';color:#58ebd6;}
.ico-add-folder {background-image: url(../im/icons/ico-add-folder.svg);background-repeat:no-repeat;background-position: 4px center;background-size:26px;padding-left:32px;}
.ico-doc {background-image: url(../im/icons/ico-doc.svg);background-repeat:no-repeat;background-position: 4px center;background-size:26px;padding-left:32px;}
.ico-folder-active {background-image: url(../im/icons/ico-folder-active.svg);background-repeat:no-repeat;background-position: 4px center;background-size:26px;padding-left:32px;}
.ico-folder {position:relative;background-image: url(../im/icons/ico-folder.svg);background-repeat: no-repeat; background-position: 10px 2px;background-size: 20px;padding-left: 31px;}
.ico-open-folder {background-image: url(../im/icons/ico-open-folder.svg);background-repeat:no-repeat;background-position: 4px center;background-size:26px;padding-left:32px;}
.ico-trash {background-image: url(../im/icons/ico-trash.svg);background-repeat:no-repeat;background-position: 4px center;background-size:26px;padding-left:32px;}
.ico-trash-w {background-image: url(../im/icons/ico-trash-w.svg);background-repeat:no-repeat;background-position: 4px center;background-size:26px;padding-left:32px;}
.ico-user-w {background-image: url(../im/icons/ico-user-w.svg);background-repeat:no-repeat;background-position: 4px center;background-size:18px;padding-left:29px;}
.ico-m300-w {background-image: url(../im/icons/ico-image-w.svg);background-repeat:no-repeat;background-position: 4px center;background-size:18px;padding-left:29px;}
.ico-plus {background-image: url(../im/icons/ico-prompt-w.svg);background-repeat:no-repeat;background-position: 4px center;background-size:18px;padding-left:29px;}
.ico-m301-w {background-image: url(../im/icons/ico-projects-w.svg);background-repeat:no-repeat;background-position: 4px center;background-size:18px;padding-left:29px;}
.ico-m303-w {background-image: url(../im/icons/ico-m303-w.svg);background-repeat:no-repeat;background-position: 4px center;background-size:18px;padding-left:29px;}
.ico-foto-w {background-image: url(../im/icons/ico-foto-w.svg);background-repeat:no-repeat;background-position: 4px center;background-size:24px;padding-left:32px;}
.ico-info {background-image: url(../im/icons/ico-info.svg);background-repeat:no-repeat;background-position: 4px center;background-size:24px;padding-left:32px;}
.ico-center {background-position: center center; }

.ico-mask-r {border: 1px solid #ff0000; background-color: #ff979712;background-image: url(../im/icons/ico-mask-r.svg);background-repeat:no-repeat;background-position: 4px center;background-size:36px;padding-left:46px;}
.ico-mask-g {background-image: url(../im/icons/ico-mask-g.svg);background-repeat:no-repeat;background-position: 4px center;background-size:36px;padding-left:46px;}



.ico-refresh {background-image: url(../im/icons/refresh.svg);background-repeat:no-repeat;background-position: 4px center;background-size:18px;padding-left:32px;}

strong.fs2.ico, a.fs2.ico {color:#58ebd6;}

.row-height-1 {min-height:16px;}
.row-height-2 {min-height:32px;}
.row-height-3 {min-height:48px;}

.butred, .butsilver, .but2, .but3, .butsha { font-weight:500;line-height:1;transition:all 250ms linear; }

.butsha {border:1px solid #eeeeee;box-shadow: 0px 2px 8px -6px #000000;}
.butsha:hover {box-shadow: inset 0px -2px 8px -6px #000000;}


.but3 {border:0px;background-color:#58ebd6;color:#272727;cursor:pointer;}
.but3:hover {background-color:#009688;color:#ffffff;}

.but3silver {border:0px;background-color:#e9f1f2;color:#272727;cursor:pointer;}
.but3silver:hover {background-color:#e1e3e3;}

.butred {border:0px;background-color:#ff9800;color:#ffffff;border-radius:16px;}
.butred:hover {background-color:#ee0000;}

.span3 {background-color:#58ebd6;color:#272727;}

.sel3 {border:0px;cursor:pointer;}
.sel3:hover {background-color:#009688;color:#ffffff;}

.im-2-abs {padding:0;position:relative;gap:0px;}
.im-2-abs > * {padding:0px;margin:0px;gap:0px;}
.im-2-abs > img:nth-child(2) {transition:all 200ms linear;position:absolute;top:0;left:0;width:100%;z-index:100;opacity:0.6;}
.im-2-abs > img:nth-child(2):hover {opacity:1;}

.ai {background-color:#212121;color:#ffffff;letter-spacing: 0.05em;}
.ai main {background-color:#212121;}
.ai .layer-body {border:0px;background-color:#212121;color:#ffffff;}
.ai .layer .head { border:0px;box-shadow: inset 0px -22px 19px -10px #000000; }
.ai-a {color:#ffffff;transition:all 150ms ease-out;}
.ai-a.active {background-color:#24262b;}
.ai-a:hover {background-color:#303030;}
.ai-row {background-color:transparent;border: 1px solid #393939;border-top:0px;}
.ai-row:nth-child(1) {border: 1px solid #393939;border-radius: 8px 8px 0px 0px;}
.ai-row:nth-last-child(1) {border: 1px solid #393939;border-radius: 0px 0px 8px 8px;}

.ai-row:hover {background-color:#ffffff1a;}

.ai-row-bottom,
.ai-row-bottom:nth-child(1),
.ai-row-bottom:nth-last-child(1) {border:0px;border-bottom: 1px solid #393939;border-radius:0px;}

.ai-row.ico {background-position: 19px center; padding-left: 42px;background-size: 23px;}
.ai-row > * {border:0px;}
.ai-menu {background-color:#181818;width:299px;height:100vh;}
.ai-side {background-color:#212121;padding: 11px 19px;width:calc(100% - 299px);height:100vh;}
.ai-menu {overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;}
.ai-side {overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;}
.ai-ifile {background-color:#303030;color:#9d9d9d;transition:all 150ms ease-out;}
.ai-ifile:hover {background-color:#393939;color:#9c9c9c;}
.ai-i {background-color:#303030;color:#9d9d9d;border:0px;transition:all 150ms ease-out;}
.ai-i > option {background-color:#303030;color:#9d9d9d;border:0px;transition:all 150ms ease-out;}
.ai .sel3 {padding: 11px 19px; border-radius: 19px;}
.ai-i:hover {background-color:#393939;color:#9c9c9c;}
.ai-i:focus {background-color:#444444;color:#ffffff;}
.ai .chyba { background-color: #7b1e1e; border-radius: 6px; border: 1px solid #291f1f; padding: 9px;}
.ai .layer-close {background-color: #53717e3b;}
.ai .but3 {padding: 11px 19px;border-radius:19px;}

.ai-menu,.ai-side{scrollbar-width:thin;scrollbar-color:#aaaaaa #212121;}
.ai-menu::-webkit-scrollbar,
.ai-side::-webkit-scrollbar{ width:8px;height:8px;}
.ai-menu::-webkit-scrollbar-track,.ai-side::-webkit-scrollbar-track{ background:#212121;}
.ai-menu::-webkit-scrollbar-thumb,.ai-side::-webkit-scrollbar-thumb{ background:#aaaaaa; border-radius:6px;border:none;}
.ai-menu::-webkit-scrollbar-thumb:hover,.ai-side::-webkit-scrollbar-thumb:hover{background:#c2c2c2;}

.mask-select-js {position:fixed;background-color:#181818;top:0px;left:299px;right:0px;width:calc(100% - 299px);z-index:999;padding: 11px 19px;}

/* ai loading */
.ai-loading-img {filter:blur(10px);}
.ai-loading-wrap{position:relative;display:inline-block;overflow:hidden;}
.ai-loading-wrap img{display:block;max-width:100%;height:auto;opacity:.75}
.ai-loading-wrap:after{opacity:0.5;content:'';position:absolute;top:0;left:-40%;width:20%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.65) 50%,rgba(0,0,0,0) 100%);transform:skewX(-15deg);animation:aiImgLoading 3s linear infinite;pointer-events:none}
.ai-loading-wrap.loaded:after{display:none}
.ai-loading-wrap.loaded img{opacity:1}

.ofx{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;}
.ofx>*{flex:0 0 auto;}

.fixed-side-bottom {z-index:100999;position:fixed;bottom:0px;left:299px;width:calc(100% - 299px);background-color:#181818;padding: 11px 19px;box-shadow:28px 8px 25px 11px #000000c4;}

div, section, main, header, nav, span, strong, footer {box-sizing: border-box;}

/* input radio/checked anchor active */ 

.ch{position:relative;display:flex;padding-left:30px;cursor:pointer}
.ch input{position:absolute;opacity:0;left:0;top:0}
.ch:before{content:'';position:absolute;left:0;top:50%;width:21px;height:21px;border:2px solid #4e4e4e;border-radius:4px;transform:translateY(-50%);box-sizing:border-box;background:#4e4e4e}
.ch.rd:before,label.ch:has(input[type=radio]):before{border-radius:50%}
.ch:after{content:'';position:absolute;left:5px;top:50%;transform:translateY(-50%);opacity:0;box-sizing:border-box}
label.ch:has(input[type=checkbox]:checked):before,label.ch:has(input[type=radio]:checked):before,a.ch.active:before{background:#58ebd6;border-color:#58ebd6}
label.ch:has(input[type=checkbox]:checked):after,a.ch.active:not(.rd):after{width:7px;height:12px;border:3px solid #303030;border-top:0;border-left:0;transform:translateY(-60%) rotate(45deg);opacity:1}
label.ch:has(input[type=radio]:checked):after,a.ch.rd.active:after{width:11px;height:11px;background:#000000;border-radius:50%;opacity:1;box-shadow: 0px 0px 5px 1px #000000b8;}


.with-thumb{position:relative;display:flex;cursor:pointer}
.with-thumb input{position:absolute;opacity:0;left:0;top:0}
.with-thumb:before{display:flex;content:'';position:relative;left:0;top:0;width:21px;height:100%;border:2px solid #4e4e4e;border-radius:4px;transform:translateY(0%);box-sizing:border-box;background:#4e4e4e}
.with-thumb.rd:before,label.with-thumb:has(input[type=radio]):before{border-radius:4px;}
.with-thumb:after{display:none;content:'';position:absolute;left:5px;top:50%;transform:translateY(-50%);opacity:0;box-sizing:border-box}
label.with-thumb:has(input[type=checkbox]:checked):before,label.with-thumb:has(input[type=radio]:checked):before,a.with-thumb.active:before{background:#58ebd6;border-color:#58ebd6}
label.with-thumb:has(input[type=checkbox]:checked):after,a.with-thumb.active:not(.rd):after{width:7px;height:12px;border:3px solid #303030;border-top:0;border-left:0;transform:translateY(-60%) rotate(45deg);opacity:1}
label.with-thumb:has(input[type=radio]:checked):after,a.with-thumb.rd.active:after{width:11px;height:11px;background:#000000;border-radius:50%;opacity:1;box-shadow: 0px 0px 5px 1px #000000b8;}



.butdel {width:21px;height:21px;border:2px solid #ffffff;border-radius:4px;box-sizing:border-box;background:#ffffff url(../im/icons/ico-trash.svg) no-repeat 0px center / 21px;padding:11px 0px 11px 22px;}
.butdel.tp {background-color:transparent;border:0px;opacity:0.6;}

/* is loading */

.is-loading {position:fixed;z-index:100500;top:0;left:0;width:100%;height:100%;background-color:#303030;background-color:#303030c7;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.is-loading > span {display:flex;padding:42px 12px 12px 12px;background: transparent url(../im/icons/loading.svg) no-repeat center top / 50px;}
.is-loading > div.time-start {display:flex;}

.is-loading.is-loading-absolute {position:absolute;}


.float-title {position:absolute;z-index:100;background-color:#00000070;bottom:16px;right:16px;line-height:1;padding:4px;}


/* IS GAL*/ 

.is-gal {cursor:pointer;opacity:0.8;}
.is-gal:hover {opacity:1;}
.gal-layer {z-index:999999;background:rgba(33,33,33,.88);}

body.gal-open{overflow:hidden;touch-action:none;}
.gal-layer{position:fixed;left:0;top:0;width:100%;height:100dvh;padding:20px;box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;-webkit-overflow-scrolling:touch;}
.gal-layer.is-visible{opacity:1;visibility:visible;pointer-events:auto;}
.gal-box{position:relative;width:100%;height:100%;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
.gal-title{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;color:#fff;}
.gal-title-text{flex:1;min-width:0;text-align:center;font-size:18px;line-height:1.3;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gal-title-right{display:flex;align-items:center;gap:10px;}
.gal-close,.gal-nav,.gal-group-nav{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(255,255,255,.08);-webkit-tap-highlight-color:transparent;box-sizing:border-box;}
.gal-pic-wrap{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none;}
.gal-pic{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.gal-pic img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:10px;-webkit-user-drag:none;user-select:none;pointer-events:none;}
.gal-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px;}
.gal-group-nav{min-width:170px;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.gal-box{position:relative;}
.gal-side-nav{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:20;}
.gal-side-nav > *, .gal-download {    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 14px;
    color: #fff;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 10px;
    background: rgba(255, 255, 255, .08);
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;}
.gal-download {background-color:#58ebd6;color:#212121;}
.gal-side-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;text-decoration:none;}


table,tr,td {vertical-align: top;}
.layer-prompt-image-detail .layer-body { max-width: 90%;}
.layer .is-loading {z-index:255000;}
.layer.zi90000 .layer-body {max-width:100%;max-height:100%;}

@media(max-width:767px){
    .gal-layer{padding:12px;}
    .gal-box{gap:10px;}
    .gal-title{gap:8px;align-items:flex-start;flex-wrap:wrap;}
    .gal-title-text{order:3;width:100%;font-size:16px;white-space:normal;}
    .gal-title-right{margin-left:auto;}
    .gal-close,.gal-nav,.gal-group-nav{min-height:42px;padding:0 12px;font-size:14px;}
    .gal-group-nav{min-width:0;flex:1;max-width:none;}
    .gal-bottom{gap:10px;}
}