body { font-family: sans-serif; }
body,html{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#fafafa;color:#222}
/* page */
.container{margin:auto;width:98%;font-size:10pt;line-height: 1.6;} /* content container */
.parent {margin: 0.5em 0 0 0;} /*otstup*/
.rparent {margin: 0.5em 0.5em 0.5em;} /*otstup*/
.tickethdr { font-size: 10pt; margin-bottom: 0.2em; font-weight: 600;  }
.current {color: #fff;}

.ticketanchor a { position: absolute; left: 0px; top: -35px; }
.ticketanchor {position: relative;}


.image {margin: -0.2em 1em 0 0;}
.alignleft { float: left; }
.alignright { float: right; }
/* navbar */
.container-nav{margin:auto;width:98%;font-size:10pt;line-height: 1.6;} /* content container */
.fixed{position:fixed;top:0;width:100%;z-index:1;}
.nav .identity{color:#aaa;padding-right:0em;position:relative;float: right;} 
.nav{height:2.2em;padding:0.8em 0 0;} 
.nav,textarea,input,select{outline:0;font-size:10pt} 
/* tables */
.tform{border-spacing: 1em 0; margin-left: -1em;}
.table{border-spacing: 0px;}
.table tbody{background: #fff;}
.table tbody>:nth-child(2n-1){background:#fff;} 
.table th,.table td{padding-left:0.5em;line-height:1em;text-align:left;vertical-align:center;border-top:1px solid #eee;}
.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0;padding-bottom: 0.5em;}
.table tbody tr:hover{background: #f5f5f5;} 
.colright{float: right;}
.tnormal td{line-height: 1.3em;}
.tinfo{text-align: left; border-spacing: 0.5em 0; margin-left: -1em; color: #222; font-size: 9pt; }
.tinfo th, .tinfo td{padding-left: 10px; color: #000; line-height: 1.3em;}
.tinfo a{margin-bottom: 10px;}
/* some text styles */
textarea,input[type=text],input[type=password]{padding:0.3em; width:12em;}
textarea.large,input[type=text].large,input[type=password].large{padding:0.3em;width:40em;min-height:10em;max-width:95%;}
input[disabled]{cursor: not-allowed;}
select{padding:0.3em; width:13em;}
input.mini{width:5em;}
code{font-size: 10pt; font-weight: 600; color: #000;background-color: #fff;border: 1px solid #e1e1e8;} /* code (selection) */
a{color:#107fbf;text-decoration: none;}
a.bold{color:#107fbf;text-decoration: none;font-weight: 600;}
.nocolor {color:inherit; text-decoration:none; } /*punktir*/
.markleft {border-left:#ddd 1px solid;} /*punktir*/
.redmarkleft {border-left:#d33 2px solid;} /*punktir*/
.bluemarkleft {border-left:#0ae 2px solid;} /*punktir*/
.inactive{color: #afafaf;}
.comment{color: #bfbfbf;font-weight: 600;font-size: 9pt;}
.radio.inline,.checkbox.inline{margin-left: 0.1em;vertical-align:middle}
.generated{margin: 5pt 0 0 5pt; font-size: 7pt; color: #bbb; border-top: 1px solid; border-color: #f3f3f3;width:99%;}
.assign { margin-bottom: -0em; margin-top: 0.2em; font-size: 12pt;font-weight: 600; margin-right: 0.5em;}
form.inline{display:inline;}
form.hidden{display:none;}
/* messages */
message {display: block;padding: 0.3em 0.8em 0.3em;background: #def;border-left: 0.4em solid #44e;line-height: 1.6} 
message img {order: 2;align-self: stretch;width: auto;flex-shrink: 0;object-fit: contain;max-width: 16em;}
message > div {flex: 1;order: 1;}
 .broadcast {display: flex;gap: 12px;padding: .3em .8em;background: #def;border-left: .4em solid #44e;line-height: 1.6;}
 .error {border-color: #FF7885; background: #fdd;}
 .warning {border-color: #e8e88b; background: #FFFDC9;}
 .success {border-color: #AFFBAB;background: #DFFFDD;}
 .info {background:#def;border-color:#59d;}
/* buttons */ 
button{padding: 0 0 0;}
.btn-disabled{opacity:.45;filter:alpha(opacity=45);}
.btn{font-size: 10pt;border-radius:0px;padding:0.2em 0.7em 0.2em;}
.btn-tbl{font-size: 10pt;border-radius:1px;padding:0.4em 0.7em 0.4em;display: inline-block}
.btn-a{background:#0ae;border: 1px solid #0ae;}.btn-a:hover{background:#09d}.btn-a:active,.btn-a:focus{background:#08b}
.btn-b{background:#3c5;border: 1px solid #3c5;}.btn-b:hover{background:#2b4}.btn-b:active,.btn-b:focus{background:#2a4}
.btn-c{background:#d33;border: 1px solid #d33;}.btn-c:hover{background:#c22}.btn-c:active,.btn-c:focus{background:#b22}
.btn-d{background:#333;border: 1px solid #111;}.btn-d:hover{background:#333}.btn-d:active{background:#333;}.btn-d:focus{background:#333;}
.btn-e{background:#f8f8f8; color: #333;border: 1px solid #dfdfdf;}.btn-e:hover{background:#f8f8f8}.btn-e:active{background:#f8f8f8;}.btn-e:focus{background:#f8f8f8;}
td .btn-e{margin:auto;}
/* lists */
ul { padding-left: 2em; }
li { margin: -0.7em 0; }
/* hdr */
h1 { margin: 2em 0; margin-bottom: 0.5em; font-size: 16pt; border-bottom: 1px solid; }
h2 { margin-bottom: 0em; font-size: 14pt; border-bottom: 1px solid; }
h3 { margin-bottom: -0em; margin-top: 0.2em; font-size: 12pt;}
h4 { margin-bottom: 0em; margin-top: 0.2em; font-size: 10pt;}
h3 a, h4 a { color: inherit; }

.c10 { border: 1px solid #ddd;border-radius: 3px; padding: 10px; box-sizing: border-box; margin: 10px; width: 98%;  }
.c10 h3 { margin-top: -10px; border-bottom: 1px solid #ddd; margin-bottom: 10px; }
.c10 a { margin-top: 10px; display: inline-block; }
.c8 { border: 1px solid #ddd;border-radius: 3px; padding: 10px; box-sizing: border-box; margin: 10px; width: 75%;  }
.c8 h3 { margin-top: -10px; border-bottom: 1px solid #ddd; margin-bottom: 10px; }
.c8 a { margin-top: 10px; display: inline-block; }
.c7 { border: 1px solid #ddd;border-radius: 3px; padding: 10px; box-sizing: border-box; margin: 10px; width: 67% ; }
.c7 h3 { margin-top: -10px; border-bottom: 1px solid #ddd; margin-bottom: 10px; }
.c7 a { margin-top: 10px; display: inline-block; }
.c5 { border: 1px solid #ddd;border-radius: 3px; padding: 10px; box-sizing: border-box; margin: 10px; width: 48% }
.c5 h3 { margin-top: -10px; border-bottom: 1px solid #ddd; margin-bottom: 10px; }
.c5 a { margin-top: 10px; display: inline-block; }
.c4 { border: 1px solid #ddd;border-radius: 3px; padding: 10px; box-sizing: border-box; margin: 10px; width: 42% }
.c4 h3 { margin-top: -10px; border-bottom: 1px solid #ddd; margin-bottom: 10px; }
.c4 a { margin-top: 10px; display: inline-block; }
.c3 { border: 1px solid #ddd;border-radius: 3px; padding: 10px; box-sizing: border-box; margin: 10px; width: 29% }
.c3 h3 { margin-top: -10px; border-bottom: 1px solid #ddd; margin-bottom: 10px; }
.c3 a { margin-top: 10px; display: inline-block; }
.c2 { border: 1px solid #ddd;border-radius: 3px; padding: 10px; box-sizing: border-box; margin: 10px; width: 23% }
.c2 h3 { margin-top: -10px; border-bottom: 1px solid #ddd; margin-bottom: 10px; }
.c2 a { margin-top: 10px; display: inline-block; }
.punktir {color:#000; text-decoration:none; border-bottom:#000 1px dotted;} /*punktir*/
button, .button{font-size: 10pt; margin: 5px 0 0 0 !important; padding: .35em .7em .35em !important; font-family: sans-serif; }
.hello_darkness {filter: invert(0);}
.img-message { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.img-message img { width: 96px; height: auto; flex-shrink: 0; }
.img-message .imagetxt {flex: 1;}
.vpn-key-input {
  width: 100% !important;
  padding: 2px 6px;
  box-sizing: border-box;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.1);
  font-size: 12px;
}
.vpn-bundle {
  width: 100%;
  height: 90px;
  padding: 6px;
  box-sizing: border-box;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.12);
  font-size: 12px;
  line-height: 1.3;
  margin-top: 8px;
}
.vpn-bundle-wrap {
  display: none;
  margin-top: 8px;
}
.vpn-bundle-wrap.show {
  display: block;
}
#copy_status {
  margin: 8px 0;
  font-size: 12px;
  opacity: 0.85;
}