/*,,uncachr_1083316 */
:root {
  --body: #131b27;
  --white: #fff;
  --black: #000;
  --lime: lime;
  --badred: #ff8469;
  --badredinv: #007b96;
  --worsered: #d21c1c;
  --badorange: #e7b202;
  --dangerzone: #880000;
  --goodgreen: #00d700;
  --grey: #dedede;
  --darkergrey: #999;  
  --lightblack: #111;
  --containerbg: #080c15;
  --pagdarkblue: #253a5d;
  --pagmildblue: #36527f;
  --pagliteblue: #456cac;
  --imgdarkred: #470303;
  --tiilelitered: #8f0707;
  --tiileprpl: #3e2a74;
  --linkblue: #81b1ff; 
  --lighter1: #ffffff0f;
  --lighter2: #ffffff1f;
  --didyouknow: #004c00;
  --didyouknowtext: #ccc;
  --videocolor: #452350; /* #711867;*/
  --estbdiv: #3e2a74;
}

/*css reset*/
* {box-sizing: border-box; margin: 0; padding: 0;}
/*html, body { scroll-behavior: smooth }*/
body { margin: 0; padding: 0; background-color: var(--body) ; color: var(--white); font-weight: 500; font-size: 15px;}
body, input, select, button, textarea { font-family: 'Inter Tight', sans-serif;}
header, footer { width: 100%;max-width: 760px; text-align: center;margin: 0 auto; }
header { margin-top:30px;}
header>div { width: 100%;max-width: 760px;margin: 0 auto; display: table;}
#footer-stats {  text-align: justify;  width: 100%;  max-width: 760px;  margin: 0 auto;  padding: 20px;}
#footer-stats h3, #footer-stats th { font-size: 18px; font-weight: 500; margin: 0 16px; text-align: center;}
#footer-stats ul:nth-of-type(1) li{ font-size: 15px; display: inline; font-weight: 300; padding: 5px;}
#footer-stats ul:nth-of-type(2)   { padding: 12px;}
#footer-stats ul:nth-of-type(2) li{ font-size: 12px;  display: inline; font-weight: 300;}

table.stat {display: inline-block; border-collapse: collapse; margin-top: 20px; }
.stat thead { display: flex; justify-content: space-evenly;}
.stat th:nth-child(1) { padding-right: 5px;}
.stat th:nth-child(2) { text-transform: lowercase;}
.stat th:nth-child(2)::before {content: "- ";}
.stat tbody { display: flex; flex-wrap: wrap; justify-content: center; align-items: center;} 
.stat tr { display: block; float: left; padding: 1px 2px;}
.stat td, th { border: none;}
.stat td { font-size: 12px; font-weight: 300}
.stat tr.mainloc td { opacity: 1}
.stat td:nth-child(2):before {content: '(';}
.stat td:nth-child(2):after {content: '/';}
.stat td:last-child:after {content: ')';}
.stat td a:hover {text-decoration: underline;}

div#signup, div#login, div#account, div#logout, div#addphoto, div#lang { float: right; cursor: pointer; background-color: var(--pagliteblue); padding: 6px 8px;  border-radius: 2px; margin: 0 10px 15px 0; height: 30px;}
@media (max-width: 592px) {div#signup, div#login, div#account, div#logout, div#addphoto, div#lang {clear: right;}}

div#logo{ float: left; margin-left: 10px; }
div#logo a { display: inline-block; }

div#signup { background-color: var(--lime);  color: var(--black); }
div#logout { background-color: var(--badred);  color: var(--white); }
div#addphoto { background-color: var(--goodgreen);  color: var(--black);  }
div#lang { padding: 0; background-color: transparent; background-repeat: no-repeat; background-position: 0px 3px; padding-left: 27px; background-size: 24px; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 -960 960 960"><path fill="%23ffffff" d="M480-80q-82 0-155-31t-127-86q-55-55-86-128T80-480q0-83 32-155t86-127q54-55 127-86t155-32q83 0 156 32t127 86q54 54 86 127t31 155q0 82-31 155t-86 128q-55 54-127 86T480-80Zm0-82q26-36 45-75t31-83H404q12 44 31 83t45 75Zm-104-16q-18-33-31-68t-23-74H204q29 50 73 87t99 55Zm208 0q56-18 100-55t72-87H638q-9 38-22 74t-32 68ZM170-400h136l-4-39-2-41q0-21 2-40t4-40H170q-5 20-7 40t-3 40q0 21 3 41t7 39Zm216 0h188l5-39q2-19 1-41l-1-40q-1-19-5-40H386l-4 40-2 40q0 21 2 41t4 39Zm268 0h136l8-39q3-19 2-41 0-21-2-40t-8-40H654l5 40q2 20 1 40l-1 41q-1 20-5 39Zm-16-240h118q-29-50-72-87t-100-55q18 33 32 69t22 73Zm-234 0h152q-12-44-31-83t-45-75q-26 36-45 75t-31 83Zm-200 0h118q9-38 23-73t31-69q-56 18-99 55t-73 87Z"/></svg>')}
select#langsel { margin-top:0}

h1 {padding: 20px 0;text-align: center;font-weight: 800; position: relative;}
h2 {padding-bottom: 20px; text-align: center; font-weight: 300; position: relative;}
h3 {padding-bottom: 5px;}
.bigblock h3 {color:var(--lime); padding-left: 12px;}
h3#h3staff { padding: 10px 15px; background-color: var(--body);}
h4 {padding: 0 0 8px}
i {font-size: 15px; font-style: normal; font-weight: normal;}
.h2-hp i { font-size: inherit; font-style: normal; font-weight: 500; color: var(--lime);}
i.hint {font-size: 13px; color: var(--lime)}
i.warn {color: var(--badorange);}
b {font-weight: 800;}
a { text-decoration: none; color: var(--white)}
a.tel-h1 {position: relative; background: linear-gradient(to right, white 0%, white 30%, rgba(19, 27, 39, 0.8) 80%, rgba(19, 27, 39, 0.8)); color: transparent;  -webkit-background-clip: text;  background-clip: text;}
a.tel-h1:after {position: absolute; content: 'Zobrazit kontakt';  right: -10px;  font-size: .75rem;  color: var(--goodgreen);  padding: 3px 7px;  border-radius: 2px;  border-color: var(--goodgreen); border: solid 1px;  font-weight: 500;  top: -5px;background-color: #0000001a;}
@media (max-width: 592px) {a.tel-h1:after {top: -12px}}
a.tel-h1:hover:after {background-color: var(--goodgreen); color: var(--black);}
a.tel-h1.show, a.tel-h1.call {background: none; color: var(--white);}
a.tel-h1.show:after {display: none;}
a.tel-h1.call:after {content: 'Volat'; background-color: var(--goodgreen); color: var(--black); font-size: 16px;}
/*a.tel-h1.call:hover:after {background-color: var(--black); color: var(--goodgreen);}*/
.shimmer {display: inline-block; height: 0.875rem; background: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100% );background-size: 200% 100%;animation: shimmer 1.5s infinite;color: transparent;border-radius: 3px;}
@keyframes shimmer {from {background-position: 300% 0;} to {background-position: 100% 0;}}

@media (max-width: 776px) {
h1 {font-size: 20px} 
h2 {font-size: 18px}
h3 {font-size: 16px} 
body, i {font-size: 15px}
}

.hidden {   opacity: 0;  pointer-events: none;}
.displaynone {display: none;}

br.dbr { display: none; }
@media (min-width: 583px) { 
  br.mbr { display: none; } 
  br.dbr { display: initial; }
}

ul#details, main div#text {width: 100%;margin: 0 auto; padding: 20px;}
ul#details {padding-bottom: 10px}
main div#text {padding-top: 10px}
main div#text p { padding-top: 10px}
ul#details, main div#text { text-align: justify; background-color: var(--containerbg)}
@media (min-width: 777px) {
  ul#details, main div#text {max-width: 776px;}
}

ul#details li{ list-style-type: none}
@media (min-width: 777px) {
ul#details li {  display: inline-block;  padding: 0 10px 0 0; }
}

input, select, button, textarea, .ql-container {height: 30px; font-size: 15px; border-width: 0; border-radius: 2px; padding: 0 8px; font-weight: 500; font-family: 'Inter Tight' !important; margin-top: 2px;  }
.form div.ql-container {background-color: var(--grey) !important; border-top-left-radius: 0; border-top-right-radius: 0; border: none; padding-bottom: 8px; }
.form div.ql-toolbar {background-color: var(--grey) !important;border-top-left-radius: 2px; border-top-right-radius: 2px; margin-top: 5px; border: none; }
.ql-editor {background-color: var(--white) !important; padding: 5px !important; color: var(--black); border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border: none; min-height: 99px}
.ql-formats button {background-color:var(--linkblue) !important; margin-right: 4px;}
@media (min-width: 432px) {
.form div.ql-toolbar::after { content: "← vložit tučný text / podtržený text / seznam"; color: black; font-family: 'Inter Tight'; font-size: 13px; position: relative; display: inline-block;}  
}

textarea{height: unset}
input[type="number"] {width: 74px;}
input[type="checkbox"], input[type="radio"] {height: initial; position: relative; top: 2px;}
button{padding: 0 10px;}
button.bad-button {background-color: var(--badorange);}
button.bad-button-confirm {background-color: var(--badred); color: var(--white);}

.preload { filter: blur(4px); transition: none; }

.container, header, footer { width: 100%; max-width: 1754px; justify-content: center; border-radius: 2px; }
.container {margin: 0 auto; border-bottom: 20px solid transparent;}
.container.l { max-width: 761px;}

#searchDiv{ display: grid;  justify-content: space-evenly; max-width: 740px; margin: 0 auto; padding: 30px 10px 10px;}
#searchDiv div { left: unset; padding: 10px 10px 20px; margin-top:10px; text-align: center; transform: unset; width: 100%; min-width: fit-content; justify-self: center; background-color: transparent; border-radius: 2px;}
#search-where, #search-srv { text-align: left; }
/* style checkboxes */
#searchDiv input[type="checkbox"], .lilmargin { margin-top: 15px }
#searchDiv input[type="checkbox"] { margin-left: 5px}
#searchDiv h3 { text-align: center; }
#searchxxxDiv label {min-width: 40%;  display: inline-block; text-align: left;}

#search-location{background: linear-gradient(165deg, #d3030066 30%, #cb820366 70%);}
#search-age{background: linear-gradient(165deg, #ca810266 40%, #6f773466 60%);}
#search-srv{background: linear-gradient(165deg, #6f773466 30%, #16316866 90%);}
#search-where{background: linear-gradient(165deg, #16316866 25%, #13119166, #873b9466 90%);}
[id^="search-"] span { display: block; width: 75%; margin-left: 25%; padding: 0; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*[id^="search-"] span { display: block; width: 50%; margin: 0 auto; text-align: left;}*/
#inc-outc {display: block; text-align: center; margin: 15px 0 0; width: 100%;}
#doSearch{font-weight: bold;  margin: 20px 0 0;  font-size: 16px;}

#shortlocs { padding: 15px 0 0 0; font-size: 14px; max-width: 274px;}
#shortlocs a { padding: 0 5px; font-weight: 500; color: var(--linkblue); text-decoration: none;}

@media (min-width: 776px) {
  #searchDiv{ grid-template-columns: auto auto auto auto; }
  #searchDiv div {  width: auto; margin-top: 0; padding: 10px;}  
  /*#searchDiv div:nth-child(-n+4) {/*background-color: var(--pagdarkblue);}*/
  #searchDiv div:nth-child(5),   #searchDiv div:nth-child(6) {
    grid-column: span 4; /* Spans across all 4 columns */
    display: flex;
    justify-content: center; /* Centers button horizontally */
    align-items: center;     /* Centers button vertically */
    width: 100%;
  } 
  #searcxxxhDiv label {min-width: 76%;  display: inline-block; text-align: left;}   
  #search-location{background: linear-gradient(60deg, #d3030088 30%, #cb820388 70%);}
  #search-age{background: linear-gradient(60deg, #ca810288 40%, #6f773488 60%);}
  #search-srv{background: linear-gradient(60deg, #6f773488 30%, #16316888 90%);}
  #search-where{background: linear-gradient(60deg, #16316888 25%, #13119188, #873b9488 90%);}
  [id^="search-"] span { width: unset; margin-left: unset;}
  [id="search-srv"] span {max-width: 95px;}  
  [id="search-where"] span {max-width: 153px;}  

  #searchDiv #shortlocs { padding: 5px 0 0; font-size: 14px;}
  #searchDiv #shortlocs a { padding: 5px 3px 0; font-weight: 500; color: var(--linkblue); text-decoration: none; display: inline-block;}  
}


.imggrid {display: grid; grid-template-columns: repeat(auto-fill, 240px); gap: 10px; padding: 10px; justify-content: center;}
.banners {display: grid; grid-template-columns: repeat(6, 240px); gap: 10px; padding: 10px; justify-content: center;}
.tiile {  width: 240px; max-width: 240px; min-width: 240px; min-height: 299px; padding-bottom: 100px; background-color: var(--tiilelitered); border-radius: 2px; filter: blur(0); transition: filter .25s ease-in-out; }
.banner {display: block; width: 240px; max-width: 240px; min-width: 157px; min-height: 98px;  font-size: 15px; font-weight: 300; border: solid 1px; border-image: radial-gradient(#ffffff 40%, #f3a4f6, #a92d2d) 1;}
.banner .bannerdiv {background: linear-gradient(45deg, #ac3133, #f3a3f5a6); margin: 3px; vertical-align: text-top; font-size: 10px; display: inline-block; padding: 3px 5px; font-weight: 500;}
.tiile.vid {background-color: var(--videocolor);}
.tiile.vid::after {  content: '';  display: block; position: absolute; top: 95px; left: 50%; transform: translate(-50%, -50%); width: 36px; height: 36px; filter:invert(1); background-size: 36px; background-repeat: no-repeat; background-position: center;  pointer-events: none; /* Ensure the overlay does not interfere with interactions */
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><circle cx="480" cy="-480" r="400" fill="rgba(255, 255, 255, 0.6)"/><path d="m380-300 280-180-280-180v360Z"/><path d="M480-80q-83 0-156-31t-127-86q-54-54-85-127T80-480q0-83 32-156t85-127q54-54 127-85t156-32q83 0 156 32t127 85q54 54 86 127t31 156q0 83-31 156t-86 127q-54 54-127 86T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Z"/></svg>');
}
.tiile.mediapending { background-image: url(/no-media180.jpg); margin: 0 auto; position: relative; background-repeat: no-repeat; background-position: center 9px}
.tiile.mediapending::after{ content: '';  display: block; position: absolute; top: 95px; left: 50%; transform: translate(-50%, -50%); width: 36px; height: 36px; filter:invert(1); background-size: 36px; background-repeat: no-repeat; background-position: center;  pointer-events: none;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><circle cx="480" cy="-480" r="400" fill="rgba(255, 255, 255, 0.6)" /><path d="m612-292 56-56-148-148v-184h-80v216l172 172Z" fill="black" /><path d="M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-400Zm0 320q133 0 226.5-93.5T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160Z" fill="black" /></svg>')}
.tiile.vid.mediapending {background-image: none;}
.tiile.top{border: solid 1px; border-image: radial-gradient(#ffffff 40%, #f6eea4, #a96b2d) 1; background-color: black;}

.picto {right: 0; position: absolute; bottom: 0; margin: 5px;width: 100%;}
.picto div { float: right;  margin-right: 5px;  padding: 7px 12px 8px 36px;  background-repeat: no-repeat;  background-position: 6px 5px;  position: relative;}
.picto .imgc{opacity: 0.7;}
/*.picto .vidc{filter: invert(1);}*/
.picto .vidc::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--videocolor); mix-blend-mode: lighten; pointer-events: none; border-radius: 3px;} /*linear-gradient(16deg, #1a9600, #02126c, #00e0ff);*/
.picto .topped { background-size: 26px;background-position: 3px 3px;padding-right: 2px; float: left;  margin-left: 13px;}
.picto .topped::before {content: '';position: absolute;top: 0; left: 0;width: 100%;height: 100%;background: linear-gradient(203deg, #ffffff 23%, #f6eea4 24%, #f6eea4 50%,#a96b2d 70%);mix-blend-mode: multiply;pointer-events: none;border-radius: 7px;}
.tiile a, .banner a{display: block; width: 100%; height: 100%;}
.tiile.imgonly{ padding-bottom: 0; min-height: 237px; }
.tiile img {display: block; position: relative; top: 9px; margin: auto; max-height: 100%;  max-width: 100%;}
.imgPrev, .imgNext {  position: absolute;  display: block; width:40%;  content: ''; left:0;top:0;height:100%;}
.imgNext { left: 60%;}
.imgPrev div, .imgNext div {display: block;  width: 50px;  height: 100%;  }
.imgPrev:hover>div, .imgNext:hover>div {background-color: var(--imgdarkred)}
.imgNext div { right: 0; position: absolute; }

.imgNext div div, .imgPrev div div {position: absolute;transition: left 0.125s, right 0.125s;}
.imgPrev div div { left: 50px;}
.imgNext div div { right: 50px;}
.imgPrev:hover div div {left:0}
.imgNext:hover div div {right:0}
#_modal-image ._modal-hide-top {z-index: 999;}
#_modal-image ._modal-hide-top:hover {background-color: var(--badred)}

@media (min-width: 663px) and (max-width: 776px), (min-width: 432px) and (max-width: 527px) {
  .imggrid { grid-template-columns: repeat(auto-fill, 192px);}
  .imggrid b { font-weight: 500; }
  .tiile{ max-width: 192px; min-width: 192px; width: 192px; padding-bottom: 80px; min-height: 260px;  font-size: 15px; font-weight: 300; }
  .tiile img{ transform: scale(0.8); top: -9px;}
}

@media (max-width: 1526px)  { .banners { grid-template-columns: repeat(6, 198px)} .banner{ width: 198px; height: 124px ;}}
@media (max-width: 1276px)  { .banners { grid-template-columns: repeat(6, 157px)} .banner{ width: 157px; height: 98px ;}}
@media (max-width: 1026px)  { .banners { grid-template-columns: repeat(3, 240px)} .banner{ width: 240px; height: 150px ;}}
@media (max-width: 776px)   { .banners { grid-template-columns: repeat(3, 192px)} .banner{ width: 192px; height: 120px ;}}
@media (max-width: 662px)   { .banners { grid-template-columns: repeat(2, 240px)} .banner{ width: 240px; height: 150px ;}}
@media (max-width: 527px)   { .banners { grid-template-columns: repeat(2, 192px)} .banner{ width: 192px; height: 120px ;}}
@media (max-width: 431px)   { .banners { grid-template-columns: repeat(1, 240px)} .banner{ width: 240px; height: 150px ;}}

@media (max-width: 1526px) and (min-width: 1277px) {.banner {width: 198px; height: 124px;  }}
@media (max-width: 1276px) and (min-width: 1027px) {.banner { width: 157px; height: 98px; }}
@media (max-width: 1026px), (max-width: 662px) and (min-width: 528px), (max-width: 431px) {.banner { width: 240px; height: 150px; }}
@media (max-width: 776px) and (min-width: 663px), (max-width: 527px) and (min-width: 432px) {.banner { width: 192px; height: 120px; }}

/*TOPS TABLE*/
table[id^="tops-table"] {width: 100%;border-collapse: separate; border-spacing: 3px 3px; border-radius: 4px; background-color: var(--lightblack);}
table[id^="tops-table"] tr { background-color: var(--pagmildblue);}
table[id^="tops-table"] tr:nth-child(2n) { background-color: var(--pagdarkblue);}
table[id^="tops-table"] thead tr { background-color: transparent;}
table[id^="tops-table"] thead th { padding: 5px 0; font-weight: normal;}
table[id^="tops-table"] tr td:first-child { padding: 10px 0px 10px 10px; width: 100px;}
table[id^="tops-table"] tr td:nth-child(3) {text-align: center; padding: 10px; width: 5px;}

[class^="scale-"] {position: relative; z-index: 1;}
[class^="scale-"]::before{ content: '?'; display: block; text-align: right; width: fit-content; padding: 5px 15px; margin:0 5px; box-sizing: border-box;}
[class^="scale-"]::before{background-image: linear-gradient( to right, #006c00, #595434 30%, #e00000 100%); background-size: 338px 100%;}

.scale-0::before{width: calc(21% - 10px); content: '0';}
.scale-1::before{width: calc(25% - 10px);  content: '1';}
.scale-2::before{width: calc(29% - 10px);  content: '2';}
.scale-3::before{width: calc(33% - 10px);  content: '3';}
.scale-4::before{width: calc(37% - 10px);  content: '4';}
.scale-5::before{width: calc(41% - 10px);  content: '5';}
.scale-6::before{width: calc(45% - 10px);  content: '6';}
.scale-7::before{width: calc(49% - 10px);  content: '7';}
.scale-8::before{width: calc(53% - 10px);  content: '8';}
.scale-9::before{width: calc(57% - 10px);  content: '9';}
.scale-10::before{width: calc(61% - 10px); content: '10';}
.scale-11::before{width: calc(65% - 10px); content: '11';}
.scale-12::before{width: calc(69% - 10px); content: '12';}
.scale-13::before{width: calc(73% - 10px); content: '13';}
.scale-14::before{width: calc(77% - 10px); content: '14';}
.scale-15::before{width: calc(81% - 10px); content: '15';}
.scale-16::before{width: calc(85% - 10px); content: '16';}
.scale-17::before{width: calc(89% - 10px); content: '17';}
.scale-18::before{width: calc(93% - 10px); content: '18';}
.scale-19::before{width: calc(97% - 10px); content: '19';}
.scale-20::before{width: calc(100% - 10px);  content: '20';}

/*table[id^="tops-table"] tr.hourTopped td:last-child {
  background-color: var(--didyouknow);
}*/

tr.hourDisabled {opacity: .5;}
tr.hourDisabled button,.dayBlock button {opacity: 0;}
tr.hourDisabled td:first-child { text-decoration: line-through;color: var(--grey);}
tr.hourTopped button, tr.hourFull button {visibility: hidden;position: relative;opacity:1;}
tr.hourTopped button::after, tr.hourFull button::after {content: '\2705';visibility: visible;transform: translate(-50%, -50%);position: absolute;display: block;top: 50%;left: 50%;font-size: 20px;} 
tr.hourFull button::after {content: '\274C';}


.info { display: block; position: absolute; background-color: var(--imgdarkred); bottom: 0; color: var(--white); width: 100%; padding: 5px; box-sizing: border-box; height: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.top .info { background: radial-gradient(#ffffff 40%, #f6eea4, #a96b2d); color: transparent;background-clip: text;  -webkit-background-clip: text; font-weight: 600; }

div [class^="fx-"] {
  /*background-image: url('data:image/svg+xml,<svg viewBox="0 0 260 260" xmlns="http://www.w3.org/2000/svg"><g fill="%23fff"><path d="M88 6a115 115 0 0 1 131 164l-5 9 37 36c5 6 8 14 6 22-2 11-13 21-24 21-7 0-13-3-18-7l-36-37-7 4a114 114 0 0 1-138-22A115 115 0 0 1 88 6m23 22a89 89 0 0 0-82 105 89 89 0 0 0 76 73 90 90 0 1 0 6-178Z"/><path d="M110 55c7-4 19 0 19 8 2 14 0 28 1 42h38c6 0 11 4 13 9 2 7-4 15-11 16h-40v31c0 5 0 10-2 15-5 6-16 7-21 1-2-3-2-7-2-10v-37H76c-6 0-12 1-18-2-4-3-5-9-4-14s7-9 12-9h39V66c0-4 2-8 5-11Z"/></g></svg>');*/
  height: 25px;  width: 25px;
  background-size: 90%;  background-repeat: no-repeat;
  position: absolute;  right: 10px;  bottom: 10px;
}

div.fx-play {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><circle cx="480" cy="-480" r="400" fill="rgba(255, 255, 255, 0.6)"/><path d="m380-300 280-180-280-180v360Z"/><path d="M480-80q-83 0-156-31t-127-86q-54-54-85-127T80-480q0-83 32-156t85-127q54-54 127-85t156-32q83 0 156 32t127 85q54 54 86 127t31 156q0 83-31 156t-86 127q-54 54-127 86T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Z"/></svg>');
  opacity: 0.5;  
}

div.fx-th {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="%23FF8C00" viewBox="0 -960 960 960"><path d="M510-120H180q-24.75 0-42.37-17.63Q120-155.25 120-180v-330h390v390Zm-347-87h319L378-345l-77 98-56-71-82 111Zm17-573h-60q0-24.75 17.63-42.38Q155.25-840 180-840v60Zm105 0v-60h60v60h-60Zm165 0v-60h60v60h-60Zm165 0v-60h60v60h-60Zm0 660v-60h60v60h-60Zm165-660v-60q24.75 0 42.38 17.62Q840-804.75 840-780h-60ZM120-615v-60h60v60h-60Zm660 435h60q0 24.75-17.62 42.37Q804.75-120 780-120v-60Zm0-105v-60h60v60h-60Zm0-165v-60h60v60h-60Zm0-165v-60h60v60h-60Z"/></svg>');
  opacity: 0.5;  
}

#pagination{
  padding: 36px;
  text-align: center;
  display: block;
  width: 100%;
}

#pagination a, #pagination span {
  display: inline-block;
  padding: 10px;
  background-color: var(--pagdarkblue);
  margin: 0 3px;
  border-radius: 2px;
  line-height: 26px;    
}

#pagination span {
  background-color: var(--pagliteblue);
  font-weight: 800;
}

#pagination a:hover {
  background-color: var(--pagliteblue);
  text-decoration: none;
}

#details {
  text-align: center;
}
/*
#imgs > div:nth-child(even) {
  background-color: var(--pagliteblue);
}

#imgs > div {
  width: 100%;
  max-height: 640px;
  text-align: center;
  padding: 10px;  
  background-color: var(--pagdarkblue);
}

#imgs > div > div {
  max-width: 760px;
  width: 100%;
  max-height: 100%;

  display: block;
  background-color: rgba(0, 0, 0, 0.1);
  margin: 0 auto;
}

#imgs > div > div img {
  width: auto;
  height: auto;
  max-width: 640px;
  max-height: 640px;
  display: block;
  margin: 0 auto;
}
*/
.sm-t {background-image: url("data:image/svg+xml,%3Csvg width='18px' height='18px' viewBox='0 0 284 283' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M185 89c6-1 12-4 18-2 5 3 3 9 3 13-4 32-9 63-15 95-1 5-2 12-7 15-5 2-11 0-15-3l-42-28c-3-2-6-4-6-8 0-3 3-6 5-8l40-39c2-1 3-4 3-6-2-1-4 0-6 2l-51 33-13 8H85l-21-6-7-4c-2-1-2-4 0-5 2-4 7-5 10-7l118-50Z'/%3E%3Cpath fill='%2326a4e4' d='M125 4a139 139 0 1 1 34 276A139 139 0 0 1 125 4m60 85L67 139c-3 2-8 3-10 7-2 1-2 4 0 5l7 4 21 6h14l13-8 51-33c2-2 4-3 6-2 0 2-1 5-3 6l-40 39c-2 2-5 5-5 8 0 4 3 6 6 8l42 28c4 3 10 5 15 3 5-3 6-10 7-15 6-32 11-63 15-95 0-4 2-10-3-13-6-2-12 1-18 2Z'/%3E%3C/svg%3E");
}
.sm-w{background-image: url("data:image/svg+xml,%3Csvg width='20px' height='18px' viewBox='0 0 260 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23f9fafb' d='M75.4 61.5c4.4-1.1 9-1.3 13.5-.4 2.9.4 4 3.5 5.3 5.8 3.7 8.7 7.1 17.4 10.9 26 1 2.7 2.3 5.6 1.2 8.4-2.4 5.9-8.1 9.4-11.3 14.7-1.3 1.7-.8 4 .2 5.7a101.1 101.1 0 0 0 50 44c2.7 1 6 1.7 8.3-.2 5.4-4.4 8.2-11 13-15.9 2.8-2.7 6.9-1.3 10-.1 8.2 3.6 16.1 7.9 24.3 11.7 2 1.2 4.7 2 5.9 4.1a31 31 0 0 1-1.4 15c-2.7 10-12.5 16-21.7 19.3a41.2 41.2 0 0 1-26.7-.5 148.3 148.3 0 0 1-41-18 172 172 0 0 1-44.1-44.9A78 78 0 0 1 56 101a42.3 42.3 0 0 1 7.8-30.2c3-4 6.6-8 11.6-9.3Z'/%3E%3Cpath fill='%234caf50' d='M119 2.5a128.6 128.6 0 0 1 131.6 84.8c9.8 27.1 9.9 57.5.3 84.6a128.6 128.6 0 0 1-133.4 85.5c-19.5-2-38.5-8.3-55-18.8-2.7-2.2-6-.8-8.9 0-8.8 3-17.6 5.9-26.5 8.6-5.4 1.6-10.6 3.8-16.2 4.9 4.2-15.4 10.3-30.1 14.8-45.3.8-2.2-1-4-1.8-5.7A127.8 127.8 0 0 1 119 2.6m-43.7 59c-5 1.3-8.6 5.3-11.6 9.3-6.6 8.5-9 19.7-7.8 30.2a78 78 0 0 0 15.8 35.2 172 172 0 0 0 44.2 44.9 148.3 148.3 0 0 0 40.9 18 41.2 41.2 0 0 0 26.8.5c9.1-3.4 19-9.3 21.6-19.3a31 31 0 0 0 1.4-15c-1.2-2.1-4-3-6-4.1-8.1-3.8-16-8-24.3-11.7-3-1.2-7.1-2.6-9.8.1-5 4.8-7.7 11.5-13 15.9-2.4 1.9-5.7 1.2-8.3.3a101.1 101.1 0 0 1-50.1-44c-1-1.8-1.5-4-.2-5.8 3.2-5.3 8.9-8.8 11.3-14.7 1.1-2.8-.3-5.7-1.2-8.3-3.8-8.7-7.2-17.4-11-26-1.1-2.4-2.3-5.5-5.2-6-4.5-.8-9.1-.6-13.5.5Z'/%3E%3C/svg%3E");
}
.sm-x{background-image: url("data:image/svg+xml,%3Csvg width='20px' height='18px' viewBox='0 0 260 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23f9fbfb' d='M43 41h52l45 65 54-63 3-2h14l-64 75 70 103h-52l-47-69-52 61-8 8H43l68-79-68-99m21 11 108 156h24L88 52H64Z'/%3E%3Cpath d='m23 3 8-1h199a28 28 0 0 1 28 29v199a28 28 0 0 1-29 28H29c-14 0-27-13-27-27V35l1-14C6 12 14 5 23 3m20 38 68 99-68 79h15l8-8 52-61 47 69h52l-70-103 64-75h-14l-3 2-54 63-45-65H43Z'/%3E%3Cpath d='M64 52h24l108 156h-24L64 52Z'/%3E%3C/svg%3E");
}
[class^="sm-"] {padding-left: 22px;background-repeat: no-repeat;}

[class^="arrow-"], .scroll-up {background-repeat: no-repeat; background-position: center; background-size: 18px;}
.arrow-right{ background-image: url('data:image/svg+xml,<svg viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="m30 1 29 29-29 29V45H1V15h29V1Z"/></svg>')}
.arrow-left{  background-image: url('data:image/svg+xml,<svg viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M1 30 30 1v14h29v30H30v14L1 30Z"/></svg>')}
.scroll-up{   background-image: url('data:image/svg+xml,<svg viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M18 12 30 1l12 11 17 18H45v29H15V30H1l17-18Z"/></svg>')}
.arrow-down{  background-image: url('data:image/svg+xml,<svg viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M15 1h30v29h14L34 55l-4 4-4-3L1 30h14V1Z"/></svg>')}

.validate { border-style: solid; border-width: 1px 1px 1px 14px; border-color: var(--grey);}
.valid {border-color: var(--goodgreen);}
.invalid {border-color: var(--badred);}

/*.loader2  { animation: lds-loading 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1); font-size: 2rem; display: block; width: 2rem;color: var(--goodgreen)}
@keyframes lds-loading {0% { transform: scale(0.95); } 5% {  transform: scale(1.1); } 39% { transform: scale(0.85); } 45% { transform: scale(1); } 60% { transform: scale(0.95); } 100% { transform: scale(0.9); }}
*/

#_modaloverlay{transition:opacity 200ms ease 0s, height 0s ease 200ms, width 0s ease 200ms}
#_modaloverlay{display:block;position:fixed;top:-3px;width:0;height:0;z-index:95;overflow:hidden;background:var(--body);opacity:0}
body._hasmodal #_modaloverlay{transition:opacity 200ms ease 0s, height 0s ease 0s, width 0s ease 0s}
body._hasmodal #_modaloverlay{opacity:.95;width:100%;height:101%}

._modal{transition:top 200ms ease 0s, opacity 200ms ease 0s, max-height 0s ease 200ms, width 0s ease 200ms}
._modal{position:fixed;opacity:0;display: none;z-index:96;overflow:hidden;top:30%;left:50%;transform:translateX(-50%);box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.25);background-color: var(--black);}
._modal._modal-active{transition:top 200ms ease 0s, opacity 200ms ease 0s, max-height 0s ease 0s, width 0s ease 0s}
._modal._modal-active{opacity:1;display:block;top:10%;max-height:fit-content;overflow:initial;width:100%;}/*max-width: 760px;*/

._modal h2{padding:0 0 .25rem}
._modal h4{font-size:1.5rem;padding:0 0 .5rem;text-transform:uppercase}
._modal-hide-top{position:absolute;top:-1rem;right:-.75rem;;padding:1.5rem;background-size:1.5rem;background-position:center;cursor:pointer;}

/*form,*/ #searchStatus { grid-column: 1/-1; border-radius: 2px;}
.form { margin: 0 auto; max-width: 747px; min-width: 220px; position: relative; background-color: var(--body);}
.form>div, .form>form>div { /*display: block;*/  width: 100%; padding:16px}
div.bigblock {padding: 16px 12px; border-top: 20px solid transparent;background-color: var(--lighter2);}
div.bigblock p, div.bigblock li {font-size: 13px;}
div.bigblock p {padding: 8px 12px;}
div.bigblock:nth-child(2n) {background-color: var(--lighter1)}
div.bigblock:nth-child(n).dangerzone { background-color: var(--dangerzone); }
div.bigblock:nth-child(n).headsup { background-color: var(--lime); color: black; padding: 8px;}
div.bigblock:nth-child(n).didyouknow { background-color: var(--didyouknow); color: var(--didyouknowtext)}
div.bigblock:nth-child(n).headsup a { color: black; text-decoration:  underline; }
div.bigblock:nth-child(n).headsup li, div.bigblock li { margin: 10px 0 10px 20px; }
/*div.bigblock:nth-child(n).headsup ul, div.bigblock ul {/* margin-bottom: -12px;* /}*/
div.bigblock:nth-child(n).bbl-button {text-align: center; background-color: transparent;}
div.bigblock:nth-child(n).form_status {text-align: center; padding: 8px 0; font-size: 14px; font-weight: 500;margin: 0 0 8px}
form.good div.bigblock:nth-child(n).form_status {background-color: var(--goodgreen); color: var(--black); animation: good-flash 500ms ease-in-out;}
form.bad div.bigblock:nth-child(n).form_status {background-color: var(--badred); color: var(--white); animation: bad-flash 500ms ease-in-out;}
.formflex {max-width: 777px;}
@media (max-width:777px) {.formflex {width:100%; max-width: unset;}}
@keyframes bad-flash { 50%, 100% { background-color: var(--badred) } 75% { background-color: var(--badorange) } }
@keyframes good-flash { 50%, 100% { background-color: var(--goodgreen) } 75% { background-color: var(--didyouknow) }}

div.bigblock.xpnded>div, div.bigblock.collapsd>div{overflow: hidden; max-height: 0; height: 0; transition: max-height 0.9s ease, height 0.9s ease;}
div.bigblock.xpnded>div{overflow: initial; max-height: 500px; height: auto; transition: max-height 0.9s ease, height 0.9s ease;}
.xpnded h3, .collapsd h3{cursor:pointer; background-repeat: no-repeat; background-position: right center; background-size: 20px; padding-right: 20px;}

h2.bigh2{ background: transparent;  padding: 32px 0 16px;}
.bigimage,.bigtext {display: inline-block; vertical-align: top}
.bigimage {width: 173px; text-align: center; margin: 8px 0 8px; border-right: 2px solid var(--darkergrey); padding-right: 16px; position: absolute; top: 0; left: 0; height: 100%;}
.bigtext {padding-left: 173px; min-height:159px; position: relative; /*: calc(100% - 182px);*/}
.bigtext ul, .bigtext h3 {padding: 0 8px;}
@media (min-width: 528px) {
  .bigimage { width: 214px;}
  .bigtext {/*width: calc(100% - 220px)*/padding-left: 214px; min-height:200px}
}

@media (max-width: 776px) {._modal{width: 530px} ._modal form div{min-width: 390px}}
@media (max-width: 592px) {._modal{width: 100%;}}
@media (max-width: 427px) {._modal form div{min-width: 240px; width: calc(100% - 20px);}}

.acc-links { margin: 0 auto; max-width: 480px; min-width: 220px; text-align: center; margin-top:20px; display:flex; flex-wrap:wrap; justify-content:space-around; gap:0 10px;border:2px solid #4d6da8; border-radius:4px;}
.acc-links-header {background-color: #4d6da8;  padding: 5px 0; width: 100%;}
.acc-links a { color: var(--white); margin: 3px; display: block; font-size: 13px; padding: 8px 5px 8px 5px; }
/*background-position: left center;  background-repeat: no-repeat; background-size: 19px; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m313-440 224 224-57 56-320-320 320-320 57 56-224 224h487v80H313" fill="%23ffffff"/></svg>');}*/
/*.acc-links a.acc-link-home { padding: 8px 5px 8px 21px; background-position: 0 5px; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M240-200h120v-240h240v240h120v-360L480-740 240-560v360Zm-80 80v-480l320-240 320 240v480H520v-240h-80v240H160Z" style="fill:%23ffffff"/></svg>')}
.acc-links a.acc-link-right { background-position: right center; padding: 8px 19px 8px 5px; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M647-440H160v-80h487L423-744l57-56 320 320-320 320-57-56 224-224Z" style="fill:%23ffffff"/></svg>');}
*/

._modal         div.modal_status, form          .form_status { transition:height 200ms ease 0s, padding 200ms ease 0s}
._modal         div.modal_status, form          .form_status {padding: 10px 10px;   overflow: hidden; height: fit-content;/*white-space: nowrap*/}  /*height: 0px;*/
._modal.bad     div.modal_status, form.bad      .form_status {color: var(--badred); }
._modal.good    div.modal_status, form.good     .form_status {color: var(--goodgreen)}    /*height: unset;*/
._modal.loading div.modal_status, form.loading  .form_status {color: var(--goodgreen)}    /*height: unset;*/

._modal         div.loader2, .form_status          div.loader2{display: none; font-size: 28px; margin: unset;}
._modal.loading div.loader2, .form_status.loading  div.loader2{display: block;}

._modal           div._modal-kill {max-height: unset ; padding: 0; cursor: pointer;text-align: right; position:relative;}
._modal           div._modal-kill span {position:absolute; top:0; right:0; height: 100%; width: 100%; background-color:var(--goodgreen);transition: width 6000ms linear 500ms;}
._modal.bad       div._modal-kill span {background-color: var(--badred);}
._modal           div._modal-kill i {color:var(--goodgreen); mix-blend-mode: difference; padding: 10px; cursor: pointer; width: 100%; display: block; position: relative; font-weight: bold;}
._modal.bad       div._modal-kill i {color: var(--badred);}
._modal           div._modal-kill i::before {content:"✖ ";}

#_modal-pop .modal_status { text-align: center;}

#_modal-image {width: auto; padding: 0 50px; position: fixed;}
#_modal-image img, #_modal-image video {max-width: calc(100vw - 100px); max-height: calc(90vh - 20px);}

/*make it look like a link*/
a[data-other-modal-id] { text-decoration: underline; cursor: pointer; font-size: 14px; color: var(--linkblue); }
a[data-other-modal-id]:hover { text-decoration: none; }


div#imageLZ {  width: 50vw;  max-width: 150px;  min-width: 50px;  height: 50vw;  max-height: 150px;  min-height: 50px;  background: none;  border: var(--white) 5px dashed;  opacity: 0.6;  margin: 0 auto 16px;  position: relative;}
div#imageLZ.dead {filter: brightness(50%) sepia(100) saturate(100) hue-rotate(25deg);}
div#imageLZ span {  display: block;  height: 52px;  width: 52px;  border-radius: 50%;  position: relative;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  pointer-events: none;	animation: pulse-white 2s infinite;   background-size: 45%;  background-repeat: no-repeat;  background-position: center;  background-image: url('data:image/svg+xml,<svg viewBox="0 0 245 248" xmlns="http://www.w3.org/2000/svg"><path fill="%23fff" d="M87 18c-1-6 5-11 11-11h50c6 0 11 4 11 10l1 70 5 1 62-1c4 0 8 1 10 4 3 3 3 7 3 11v44c0 3 0 7-2 10s-5 5-9 5h-69v62c-1 5 0 10-3 14-2 3-6 4-10 4h-45c-4 0-8 0-11-2s-5-6-5-10v-68H17c-4 0-8-3-10-7l-1-8v-44c0-3 0-7 2-10s6-5 10-5h68l1-69Z"/></svg>');}
div#imageLZ.dead span {display: none;}

div#imageLZ:hover, div#imageLZ.hovered  { opacity: 1;}
form#form_upload.loading div#imageLZ {opacity: 1;}

form#form_upload {	    padding: 20px 0;}
form#form_upload.loading div#imageLZ span { display: none;}

@keyframes pulse-white {
	0% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);}
	70% {box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);}
	100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

progress#uploadProgress {  border-radius: 0;  left: 0;  top: 0;  height: 100%;  width: 100%;  appearance: none;    position: absolute;  display: none;}
form#form_upload.loading progress#uploadProgress { display: block; opacity: 1; }
progress#uploadProgress::-webkit-progress-bar { background-color:transparent;  }
progress#uploadProgress::-webkit-progress-value, progress#uploadProgress::-moz-progress-bar {  background-color: var(--goodgreen); }

span[class^="qledit-"] { display: inline-block; width: 17px;  height: 17px; background-size: 18px; background-repeat: no-repeat; background-position: center; vertical-align: middle; }
.qledit-list {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M360-200v-80h480v80H360Zm0-240v-80h480v80H360Zm0-240v-80h480v80H360ZM200-160q-33 0-56-23t-24-57q0-33 24-56t56-24q33 0 57 24t23 56q0 33-23 57t-57 23Zm0-240q-33 0-56-23t-24-57q0-33 24-56t56-24q33 0 57 24t23 56q0 33-23 57t-57 23Zm0-240q-33 0-56-23t-24-57q0-33 24-56t56-24q33 0 57 24t23 56q0 33-23 57t-57 23Z"/></svg>');}
.qledit-underline {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M200-120v-80h560v80H200Zm280-160q-101 0-157-63t-56-167v-330h103v336q0 56 28 91t82 35q54 0 82-35t28-91v-336h103v330q0 104-56 167t-157 63Z"/></svg>');}
.qledit-bold { background-position-y: -2px; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M272-200v-560h221q65 0 120 40t55 111q0 51-23 79t-43 39q25 11 56 41t30 90q0 89-65 125t-122 35H272Zm121-112h104q48 0 59-24t10-36q0-11-10-35t-62-25H393v120Zm0-228h93q33 0 48-17t15-38q0-24-17-39t-44-15h-95v109Z"/></svg>')}

.img-blurred {background-color: var(--body);}
.img-blurred picture {filter: blur(1px);}

div.div-navp{ margin-bottom: 2px;}
div.div-navp:nth-of-type(even) { background-color: var(--pagdarkblue);}
div.div-navp.hedr {background-color: var(--lighter1)}
div.div-navp.hedr span[class*="navp-"] { text-decoration: none;}
/*last-of-type*/
div.div-navp:last-of-type {border-bottom: solid 3px var(--pagdarkblue);}
span[class*="navm-"], span[class*="navp-"] { display: inline-block; font-size: 14px; background-repeat: no-repeat; background-position: 6px center; background-size: 18px; vertical-align: middle; padding: 8px 8px 8px 31px; margin-left: 10px;}
span[class*="navm-"] a { text-decoration: underline;}
span[class*="navp-"] { margin-left: 0; text-decoration: underline;}
/*span[class*="navp-"]:hover {background-color: var(--pagliteblue);}*/
span.navm-stats { background-size: 20px}
span.navm-profile-add { background-position-x: 8px }
span.navm-estb { min-width: 36%;}
span.navm-estb-add { background-position-x: 8px; display: none;}
span.navp-profile {margin-left: 0; padding-left: 8px;text-decoration: none; max-width: calc(100% - 266px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
span.navp-profile:hover { background-color: unset;}
span.navp-profile-pr {padding-left: 6px;}
span.navp-estb {width: 36%;  margin-left: 31px;  padding-left: 8px; text-decoration: none;}
span.navp-estb:hover { background-color: unset;}
span.navp-photo {min-width: 58px;}
span.navp-photo.img-count-0 {background-color: var(--worsered);}
span.navp-video {min-width: 58px;}
span.navp-statevisible {padding-left: 20px; background-color: unset; color: transparent}
span.navp-statehidden {padding-left: 20px; background-color: var(--worsered); color: transparent;}
span.navp-hide, span.navp-show  {padding-left: 8px; min-width: 70px; text-align: center; cursor: pointer}
span.navp-show {color: var(--goodgreen);}
span.navp-archived {color: transparent; background-position: center;}
span.navp-newtab {background-size: 11px; background-position: 4px 4px; padding-left: 12px;}

span.navm-trashit { cursor: pointer;}
span.navm-trashed { cursor: not-allowed}
span.navm-star {cursor: pointer;}
span.navm-starred {filter:sepia(1) saturate(1000) hue-rotate(320deg)}

.svg-growth {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m136-240-56-56 296-298 160 160 208-206H640v-80h240v240h-80v-104L536-320 376-480 136-240" fill="%23fff"/></svg>');}
.svg-stats {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="%23ffffff"><path d="M160-200h160v-320H160v320Zm240 0h160v-560H400v560Zm240 0h160v-240H640v240ZM80-120v-480h240v-240h320v320h240v400H80Z"/></svg>')}
.svg-profile {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M480-480q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM160-160v-112q0-34 18-62t46-44q62-31 126-46t130-16q66 0 130 16t126 46q29 15 47 44t17 62v112H160Zm80-80h480v-32q0-11-5-20t-15-14q-54-27-109-40t-111-14q-56 0-111 14t-109 40q-9 5-14 14t-6 20v32Zm240-320q33 0 57-23t23-57q0-33-23-56t-57-24q-33 0-56 24t-24 56q0 33 24 57t56 23Zm0-80Zm0 400" fill="%23fff"/></svg>');}
.svg-profile-add {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M720-400v-120H600v-80h120v-120h80v120h120v80H800v120h-80Zm-360-80q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM40-160v-112q0-34 18-62t46-44q62-31 126-46t130-16q66 0 130 16t126 46q29 15 47 44t17 62v112H40Zm80-80h480v-32q0-11-5-20t-15-14q-54-27-109-40t-111-14q-56 0-111 14t-109 40q-9 5-14 14t-6 20v32Zm240-320q33 0 57-23t23-57q0-33-23-56t-57-24q-33 0-56 24t-24 56q0 33 24 57t56 23Zm0-80Zm0 400" fill="%23fff"/></svg>');}
.svg-profile-pr {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M560-680v-80h320v80H560Zm0 160v-80h320v80H560Zm0 160v-80h320v80H560Zm-240-40q-50 0-85-35t-35-85q0-50 35-85t85-35q50 0 85 35t35 85q0 50-35 85t-85 35ZM80-160v-76q0-21 10-40t28-30q45-27 96-40t106-14q56 0 107 14t95 40q18 11 28 30t10 40v76H80Zm86-80h308q-35-20-74-30t-80-10q-41 0-80 10t-74 30Zm154-240q17 0 29-11t11-29q0-17-11-28t-29-12q-17 0-28 12t-12 28q0 17 12 29t28 11Zm0-40Zm0 280Z" fill="%23fff"/></svg>');}
.svg-estb {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M160-720v-80h640v80H160Zm0 560v-240h-40v-80l40-200h640l40 200v80h-40v240h-80v-240H560v240H160Zm80-80h240v-160H240v160Zm-38-240h556-556Zm0 0h556l-24-120H226l-24 120Z" fill="%23fff"/></svg>');}
.svg-estb-add {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M720-40v-120H600v-80h120v-120h80v120h120v80H800v120h-80ZM80-160v-240H40v-80l40-200h600l40 200v80h-40v120h-80v-120H440v240H80Zm80-80h200v-160H160v160Zm-38-240h516-516ZM80-720v-80h600v80H80Zm42 240h516l-24-120H146l-24 120Z" fill="%23fff"/></svg>');}
.svg-estb-pr {background-image: url('data:image/svg+xml,<svg width="295pt" height="277pt" viewBox="0 0 295 277" xmlns="http://www.w3.org/2000/svg"><g fill="%23fff"><path d="M44 23h191l15 1c8 2 15 7 19 15 4 5 5 12 5 18v166c0 6-1 13-5 18-5 10-16 16-27 16H50c-11 0-21-6-27-15-4-6-5-12-5-19V57c0-6 1-12 4-18 5-8 13-14 22-16m-5 30v13h214V53c0-5-5-10-11-10H50c-6 0-11 5-11 10m0 32v140c0 6 5 11 11 11h192c6 0 11-5 11-11V85H39Z"/><path d="M148 98h69c8 2 14 10 14 18v91c0 10-8 18-18 18h-59c-10 0-19-8-18-18v-91c-1-8 5-15 12-18m3 20v60l7-5c7-4 15-4 20 1 2 1 4 3 6 2 4-4 7-10 13-12 6-4 13-2 19 1v-46c0-2 0-4-2-5l-5-1h-55c-3 0-3 3-3 5ZM68 109l11-1h24c4 0 8 3 10 6 3 6-1 13-6 15H71c-5 0-10-5-10-10s3-9 7-10ZM68 151h26c4 0 9-1 13 1 6 2 8 9 6 14-2 4-7 6-11 6H74c-4 0-9-1-11-5-4-5-1-14 5-16ZM67 194h37c6 0 11 6 10 12-1 5-5 8-10 8H73c-4 1-7 0-10-3-4-5-2-14 4-17Z"/></g></svg>');}
.svg-photo {min-width: 18%;}
.svg-video/*, .vidc*/ {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m460-380 280-180-280-180v360ZM320-240q-33 0-56-23t-24-57v-480q0-33 24-56t56-24h480q33 0 57 24t23 56v480q0 33-23 57t-57 23H320Zm0-80h480v-480H320v480ZM160-80q-33 0-56-23t-24-57v-560h80v560h560v80H160Zm160-720v480-480Z" fill="%23fff"/></svg>');}
.svg-photo/*, .imgc*/ {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M360-400h400L622-580l-92 120-62-80-108 140Zm-40 160q-33 0-56-23t-24-57v-480q0-33 24-56t56-24h480q33 0 57 24t23 56v480q0 33-23 57t-57 23H320Zm0-80h480v-480H320v480ZM160-80q-33 0-56-23t-24-57v-560h80v560h560v80H160Zm160-720v480-480Z" fill="%23fff"/></svg>');}
.svg-cash {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M600-120q-118 0-210-67T260-360H120v-80h122q-3-24-2-44t2-36H120v-80h140q38-106 130-173t210-67q69 0 131 25t109 67l-57 56q-37-32-83-50t-100-18q-85 0-152 45T347-600h253v80H323q-4 27-3 48t3 32h277v80H347q34 71 101 116t152 44q53 0 100-18t83-50l57 56q-48 43-109 68t-131 24" fill="%23fff"/></svg>');}
.svg-credentials {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M240-80q-33 0-56-23t-24-57v-400q0-33 24-56t56-24h40v-80q0-83 59-141t141-59q83 0 142 59t58 141v80h40q33 0 57 24t23 56v400q0 33-23 57t-57 23H240Zm0-80h480v-400H240v400Zm240-120q33 0 57-23t23-57q0-33-23-56t-57-24q-33 0-56 24t-24 56q0 33 24 57t56 23ZM360-640h240v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85v80ZM240-160v-400 400Z" fill="%23fff"/></svg>');}
.svg-trashit {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" fill="%23FFF"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V7z"/></svg>')}
.svg-trashed {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" fill="%23FFF"><path d="M0 0h24v24H0V0z" fill="none"/><path d="m14.1 10.5-2.1 2-2.1-2-1.4 1.4 2 2.1-2 2.1 1.4 1.4 2.1-2 2.1 2 1.4-1.4-2-2.1 2-2.1zM15.5 4l-1-1h-5l-1 1H5v2h14V4zM6 19c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V7H6v12zM8 9h8v10H8V9z"/></svg>')}
.svg-setstar {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" fill="%23FFF"><path d="M0 0h24v24H0V0z" fill="none"/><path d="m12 7.1 1 2.3.4 1.1 1.2.1 2.5.2-1.9 1.7-.9.8.3 1.1.6 2.4-2.2-1.2-1-.7-1 .6-2.1 1.3.5-2.4.3-1.2-1-.8L7 10.8l2.5-.2h1.2l.4-1.2 1-2.3M12 2 9.2 8.6 2 9.2 7.5 14l-1.7 7 6.2-3.7 6.2 3.7-1.7-7L22 9.2l-7.2-.6L12 2z"/></svg>')}
.svg-starred {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" fill="%23FFF"><g fill="none"><path d="M0 0h24v24H0V0z"/><path d="M0 0h24v24H0V0z"/></g><path d="m12 17.3 6.2 3.7-1.7-7L22 9.2l-7.2-.6L12 2 9.2 8.6 2 9.2 7.5 14l-1.7 7 6.2-3.7z"/></svg>')}
.svg-xs {background-image: url('data:image/svg+xml,<svg viewBox="0 0 244 191" xmlns="http://www.w3.org/2000/svg"><path d="M146 47c7-7 18-9 28-11 13-1 28 0 39 8 11 6 16 18 17 30l-5 1-27-1-4-9c-4-7-14-7-21-4-4 1-6 6-4 11 1 3 4 5 7 6 13 6 27 8 40 14 8 3 15 10 16 19s1 18-4 26-14 13-23 15c-10 3-21 3-31 3-12-1-24-5-32-14-7-7-9-17-9-26h31c1 5 3 9 7 12 6 5 14 5 21 3 3-1 7-2 8-5 0-4 0-8-3-10-5-4-11-5-17-7-9-3-19-5-27-10-7-4-14-11-16-19-2-11 0-24 9-32ZM12 38h37l18 40 7-18 10-22h37a7519 7519 0 0 1-31 56c-1 1-2 3-1 4l29 47 4 8H84l-18-38-17 38H11l3-6 29-49c2-2 0-4-1-5L20 53c-3-5-6-9-8-15Z" fill="%23fff"/></svg>')}
.svg-visible {background-image: url('data:image/svg+xml,<svg width="432" height="280pt" viewBox="0 0 324 280" xmlns="http://www.w3.org/2000/svg"><path fill="%2300d700" d="M146 25a171 171 0 0 1 175 106v5a173 173 0 0 1-231 90c-39-18-70-50-86-89-1-2-2-4-1-6A173 173 0 0 1 146 25m8 36a73 73 0 0 0-52 114 73 73 0 1 0 52-114Z"/><path fill="%2300d700" d="M157 90a43 43 0 0 1 48 36 43 43 0 0 1-50 50 44 44 0 0 1 2-86Z"/></svg>')}
.svg-hidden {background-image: url('data:image/svg+xml,<svg width="432" height="280pt" viewBox="0 0 324 280" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff" d="M18 20c5-7 11-12 17-18l258 258-19 18-40-41-8-7c-4 0-7 2-11 3A172 172 0 0 1 5 139c-1-3-4-6-2-9 10-24 26-46 45-63l8-7-36-37c-1-1-4-2-2-3m71 112a72 72 0 0 0 105 66l-13-14-9-8h-14c-20-1-37-17-39-37v-16l-22-22c-5 10-8 20-8 31ZM104 34a169 169 0 0 1 217 101c-11 26-27 49-49 67l-42-43a72 72 0 0 0-23-83 72 72 0 0 0-50-16l-22 5-31-31Z"/><path fill="%23ffffff" d="M160 89a43 43 0 0 1 45 46l-15-15-30-31Z"/></svg>')}
.svg-top {background-image: url('data:image/svg+xml,<svg viewBox="0 0 324 323" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff" d="m263 3 26 15c1 1 2 2 4 1l27-16-16 28 4 9c4 6 9 13 12 20l-21-12c-2-2-5-4-8-4l-23 14 54 92-144 156-12 14L15 163 2 150l55-94h208l13-21c0-2 2-3 1-5L263 3M79 75l30 55 2-1 34-54H79m101 0 34 55 11-19 20-36h-65m-18 8-36 57h72l-36-57M57 94l-27 46h63c-2-6-6-12-9-17L63 85l-6 9m191 16-17 30h63l-32-55-14 25M36 158l61 63 45 47-3-10-36-100H36m87 0 9 26 27 76 6 16 37-118h-79m99 1-4 10-27 87-3 12 6-6 95-104h-63l-4 1Z"/></svg>')}
.svg-archived{background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="48px" viewBox="0 -960 960 960" width="48px" fill="%23ffffff"><path d="M180-80q-24.75 0-42.37-17.63Q120-115.25 120-140v-483q-17-6-28.5-21.39T80-680v-140q0-24.75 17.63-42.38Q115.25-880 140-880h680q24.75 0 42.38 17.62Q880-844.75 880-820v140q0 20.22-11.5 35.61T840-623v483q0 24.75-17.62 42.37Q804.75-80 780-80H180Zm0-540v480h600v-480H180Zm-40-60h680v-140H140v140Zm220 260h240v-60H360v60Zm120 40Z"/></svg>');}
.svg-collapse, .collapsd h3{background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23ffffff"><path d="M480-80 240-320l57-57 183 183 183-183 57 57L480-80ZM298-584l-58-56 240-240 240 240-58 56-182-182-182 182Z"/></svg>');}
.svg-expand, .xpnded h3{background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23ffffff"><path d="m296-80-56-56 240-240 240 240-56 56-184-184L296-80Zm184-504L240-824l56-56 184 184 184-184 56 56-240 240Z"/></svg>') ;}
.svg-newtab {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="432" height="432" viewBox="0 0 324 324"><path fill="%23fff" d="M16.43 2.59c4.79-1 9.71-.55 14.56-.59H153c4.59.02 9.23-.32 13.78.42 8.86 1.81 15.71 10.52 15.28 19.58.46 9.66-7.39 18.9-17.02 19.85-6 .57-12.03.13-18.04.24-34.92.1-69.86-.18-104.77.14-.36 4.25-.13 8.51-.13 12.77-.01 71.33-.01 142.67 0 214 0 4.26-.23 8.52.13 12.77 73.25.31 146.52.05 219.77.14 6.59-.15 13.19.3 19.77-.14.33-34.91.03-69.85.14-104.77.11-6.01-.33-12.04.24-18.04.95-9.64 10.19-17.5 19.85-17.02 9.06-.43 17.77 6.42 19.58 15.28.74 4.55.4 9.19.42 13.78 0 43.69-.01 87.37.01 131.06.45 9.05-6.39 17.7-15.22 19.51-4.89.79-9.86.38-14.79.43-90.02.01-180.04-.02-270.06.02-7.24.32-14.21-3.91-17.65-10.21-3.14-5.39-2.2-11.86-2.3-17.81.02-87.67.01-175.33.01-263 .04-4.85-.41-9.78.59-14.57C4.33 9.83 9.82 4.32 16.43 2.59Z"/><path fill="%23fff" d="M224.91 19.99c.7-9.6 9.24-18.08 19-17.96 19.72-.06 39.46-.06 59.18 0 9.98-.08 18.98 8.89 18.88 18.88.12 17.36-.06 34.73.06 52.09.25 6.65.22 14.12-4.73 19.25-7.72 9.73-24.4 9.01-31.48-1.09-4.7-5.64-3.83-13.33-3.99-20.15-29.89 29.37-59.3 59.25-89.02 88.8-5.25 5.13-10.21 11.75-18 12.83-9.35 1.88-19.14-4.1-22.42-12.9-2.19-5.74-1.54-12.48 1.79-17.65 2.32-3.57 5.55-6.39 8.53-9.38 26.17-26.16 52.32-52.34 78.48-78.52 3.92-4.02 8.11-7.79 11.81-12.02-4.53-.17-9.12.23-13.57-.76-9.2-2.36-15.81-11.96-14.52-21.42Z"/></svg>');}
.svg-mediapending {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="m612-292 56-56-148-148v-184h-80v216l172 172Z" fill="black" /><path d="M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-400Zm0 320q133 0 226.5-93.5T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160Z" fill="black" /></svg>')}

@media (max-width: 432px) {
  span.navm-profile, span.navm-estb {display: block;}
  span.navm-estb-pr, span.navm-profile-pr { margin-left: 33px;}

}

.loader2 { position: relative; width: 24px !important; min-width: unset !important;  height: 14px;  left: -14px;  scale: 0.6;}
#form_upload .loader2 {margin: 0 auto;}

.loader2 div {position: absolute;top:09px;width: 13px !important;min-width: unset !important;height: 13px;border-radius: 50%;background: #ddd;animation-timing-function: cubic-bezier(0, 1, 1, 0);}
.loader2 div:nth-child(1) {left: 8px;animation: lds-ellipsis1 0.6s infinite;}
.loader2 div:nth-child(2) {left: 8px;animation: lds-ellipsis2 0.6s infinite;}
.loader2 div:nth-child(3) {left: 32px;animation: lds-ellipsis2 0.6s infinite;}
.loader2 div:nth-child(4) {left: 56px;animation: lds-ellipsis3 0.6s infinite;}
@keyframes lds-ellipsis1 {0% {  transform: scale(0);} 100% {  transform: scale(1);}}
@keyframes lds-ellipsis3 {0% {  transform: scale(1);} 100% {  transform: scale(0);}}
@keyframes lds-ellipsis2 {0% {  transform: translate(0, 0);}100% {  transform: translate(24px, 0);}}