:root {
  --body: #131b27;
  --white: #fff;
  --black: #000;
  --orange: #f1e05a;
  --badred: #ff553a;
  --goodgreen: #00d700;
  --grey: #dedede;
  --darkergrey: #999;  
  --lightblack: #111;
  --containerbg: #010409;
  --pagdarkblue: #253a5d;
  --pagliteblue: #456cac;
  --imgdarkred: #470303;
  --imglitered: #8f0707;
  --linkblue: #81b1ff;  
  --lighter1: #ffffff0a;
}

/*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;}
body, input, select, button, textarea { font-family: 'Inter Tight', sans-serif;}
header, footer { width: 100%;max-width: 760px;color: var(--white);text-align: center;margin: 0 auto; height: 99px;}
header>div { width: 100%;max-width: 760px;margin: 0 auto; height: 36px;}
#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: 16px; 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 {
  float: right;
  cursor: pointer;
  background-color: var(--pagliteblue);
  padding: 3px 7px;
  border-radius: 2px;
  margin: 30px 10px 0 0;
}

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

div#signup {  background-color: var(--orange);  color: var(--black);  }
div#logout {  background-color: var(--badred);  color: var(--white);  }
div#addphoto {  background-color: var(--goodgreen);  color: var(--black);  }

h1 {padding: 20px 0;text-align: center;font-weight: 800;}
h2 {padding-bottom: 20px; text-align: center; font-weight: 300;}
h3 {padding: 0 8px 12px}
i {font-size: 15px; font-style: normal; color: var(--orange);}
i.hint {font-size: 13px;}
b {font-weight: 800;}
a { text-decoration: none; color: var(--white);}

@media (max-width: 530px) {
h1 {font-size: 1.25rem;}
h2 {font-size: 1.125rem}
h3 {font-size: 1rem} 
body, i {font-size: 0.975rem}
}

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

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

main p, main div#text {width: 100%;margin: 0 auto; padding: 0 0 20px;}
main div#text {padding: 30px 50px 20px; text-align: justify; background-color: var(--containerbg)}
@media (min-width: 761px) {
  main div#text {max-width: 760px; min-height: 110px; }
}

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

input, select, button, textarea, .ql-container {height: 30px; font-size: 14px;  border-width: 1px; border-radius: 3px; 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: 3px; border-top-right-radius: 3px; margin-top: 5px; border: none; }
.ql-editor {background-color: var(--white) !important; padding: 5px !important; color: var(--black); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: none; min-height: 99px}
.ql-formats button {background-color:var(--linkblue) !important; margin-right: 4px;}
@media (min-width: 415px) {
.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"] {height: initial;}
button{padding: 0 10px;}

#outc { margin-top: 15px}


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

.container, header, footer { width: 100%; max-width: 1754px; justify-content: center; border-radius: 2px; }
.container {margin: 0 auto;background-color: var(--containerbg);}
.container.l { max-width: 761px;}

#listingfilter{ display: grid; text-align: center; justify-content: space-evenly; max-width: 740px; margin: 0 auto; padding: 20px;}
#listingfilter div { left: unset; transform: unset; width: auto; min-width: fit-content; justify-self: center; background-color: transparent; padding: 15px 0 0; }
#listingfilter div:nth-child(3) { text-align: left; }  

@media (min-width: 760px) {
  #listingfilter{ grid-template-columns: auto auto auto auto; }
  #listingfilter div { padding: 0; }  
}

.imggrid {display: grid; grid-template-columns: repeat(auto-fill, 240px); gap: 10px; padding: 10px; justify-content: center;}
.imgdiv {  width: 240px; max-width: 240px; min-width: 240px; min-height: 299px; padding-bottom: 100px; background-color: var(--imglitered); border-radius: 2px; filter: blur(0); transition: filter .25s ease-in-out; }
.container.l .imgdiv{ padding-bottom: 0; min-height: 237px; }
.imgdiv a{display: block; width: 100%; height: 100%;}
.imgdiv img {display: block; position: relative; top: 9px; margin: auto; max-height: 100%;  max-width: 100%;}

@media ((min-width: 680px) and (max-width: 759px)) or ((min-width: 415px) and (max-width: 510px)) {
  .imggrid { grid-template-columns: repeat(auto-fill, 192px);}
  .imggrid b { font-weight: 500; }
  .imgdiv{ max-width: 192px; min-width: 192px; width: 192px; padding-bottom: 80px; min-height: 260px;  font-size: 15px; font-weight: 300; }
  .imgdiv img{ transform: scale(0.8); top: -9px;}
}

.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;}

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-th {
  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-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm-40-160h80v-240h-80v240Zm40 360q-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-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320" fill="%23FF8C00"/></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:absolute;opacity:0;z-index:96;overflow:hidden;width:0;top:30%;left:50%;transform:translateX(-50%);max-height:0;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;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,*/ #gridbar { grid-column: 1/-1; border-radius: 2px;}
.form { margin: 0 auto; max-width: 480px; min-width: 220px; position: relative; background-color: var(--lightblack);}
.form>div, .form>form>div { display: block;  width: 100%; padding: 8px;}
.form div.bigblock {padding: 16px 8px;}
.form div.bigblock:nth-child(2n) {background-color: var(--lighter1)}
.form div.infobox { font-size: 13px; background-color: var(--orange); color: black; }
.form div.infobox a { color: black; text-decoration:  underline; }
.form div.infobox li { margin: 0 0 10px 20px; }
.form div.infobox ul { margin-bottom: -12px; }
@media (max-width:760px) {._modal{width: 530px} ._modal form div{min-width: 390px}}
@media (max-width:530px) {._modal{width: 100%;}}
@media (max-width:410px) {._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 {height: 0px;   padding: 0 10px; overflow: hidden; /*white-space: nowrap*/}
._modal.bad     div.modal_status, form.bad      .form_status {height: unset; padding: 10px 10px;color: var(--badred); }
._modal.good    div.modal_status, form.good     .form_status {height: unset; padding: 10px 10px;color: var(--goodgreen); }
._modal.loading div.modal_status, form.loading  .form_status {height: unset; padding: 10px 10px;color: var(--goodgreen); }

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

._modal           div._modal-kill {max-height: 0;  overflow: hidden;  padding: 0; cursor: pointer;}
._modal.good      div._modal-kill {max-height: unset;  overflow: unset;}
._modal           div._modal-kill span {transition: width 2000ms linear 500ms}
._modal           div._modal-kill span {max-height: 0; overflow: hidden;  width: 100%; padding: 10px 0; background-color:var(--goodgreen); white-space: nowrap; cursor: pointer;}
._modal.good      div._modal-kill span {max-height:unset; overflow: unset; display:inline-block; width: 0%}
._modal           div._modal-kill i {color:var(--goodgreen); mix-blend-mode: difference; padding: 0 10px; cursor: pointer;}
._modal           div._modal-kill i::before {content:"✖ "; cursor: pointer;}

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

#_modal-image {width: auto; padding: 8px 50px 5px; position: fixed;}
#_modal-image img {max-width: calc(100vw - 100px)}

/*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: 20px 0;
}

div#imageLZ:hover { opacity: 1;}
form#uploadForm.loading div#imageLZ {opacity: 1;}

div#imageLZ span {
  display: block;
  height: 52px;
  width: 52px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
	animation: pulse-white 2s infinite; 
  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>');
  background-size: 45%;
  background-repeat: no-repeat;
  background-position: center;
}

form#uploadForm.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%;
  position: absolute;
  display: none;
}
form#uploadForm.loading progress#uploadProgress { display: block; opacity: 1; }
progress#uploadProgress::-webkit-progress-bar { background-color: rgba(0, 0, 0, 0);  }
progress#uploadProgress::-webkit-progress-value {  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>')}

span[class^="navm-"] { 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.navm-stats { background-size: 20px}
span.navm-person {min-width: 36%; background-color: var(--pagdarkblue);}
span.navm-person-add { background-position-x: 8px }
span.navm-person-pr {margin-left:0; background-color: var(--pagdarkblue)}
span.navm-estb {background-color: var(--pagdarkblue); min-width: 36%;}
span.navm-estb-add { background-position-x: 8px;}
span.navm-estb-pr {margin-left:0; background-color: var(--pagdarkblue);}
span.navm-photo {margin-left:0; background-color: var(--pagdarkblue);}
span.navm-video {margin-left:0;}

.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"><path d="m136-240-56-56 296-298 160 160 208-206H640v-80h240v240h-80v-104L536-320 376-480 136-240" fill="%23fff"/></svg>');}
.svg-person {min-width: 36%; background-color: var(--pagdarkblue); 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-person-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-person-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 {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-video {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-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>');}

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

}

.loader2 {
  position: relative;
  width: 24px !important;;
  min-width: unset !important;
  height: 14px;
  scale: 0.5;
}

.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);
}
}