:root {
	/*--gray: rgb(18,18,19);*/
	--gray: #222;
	--borders: rgb(82,59,97);
	--stopka-height: 29px;
	--adminImgCol: red;
	--infoImgCol: black;
}

hr {color:var(--borders);}
body{margin:0;color:#bbb;font-size:14px;/*font-weight:bold;*/font-family:euromode-n;
	text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;
	--site-theme-color:#597f99;
	background-image: url(https://legacy.endimc.pl/images/bgNew.webp);
	background-size:cover;
	background-attachment: fixed;
}
#jpgBg {background:black url(https://legacy.endimc.pl/images/bgNew.png) repeat fixed}

/*INPUTS GLOBAL*/
input .pad{padding-bottom:7px}
input[name=postcode]{width:15%;margin-right:10px}
input[name=woon]{width:33%}
input[type=submit]{width:115px;line-height:20px;background:#f27a03;color:white;font-weight:bold;border:0;cursor:pointer}
input[type=submit]:hover{background:black}
input[type=button]{background:rgb(135,106,147);color:white;font-weight:bold;cursor:pointer}
input[type=button]:hover{cursor:pointer;background:rgb(201,169,217)}
input[type=radio]{margin:0 3px 0 0;vertical-align:bottom}
input[type=checkbox]{margin-bottom:initial;margin-left:initial;border:initial;height:initial;background:black;float:initial;clear:initial;color:initial;font-size:initial;padding:initial}
input::placeholder{color:#597f99;opacity:1}
/*input:focus{background:rgb(201,169,217);border:1px solid rgb(68,68,68);outline:medium none;color:white}*/
input{min-height: 22px;/*-webkit-appearance:none;*/border-radius:0;margin-bottom:5px;border:1px #444 solid;background-color:#bbb;font-size:13px;padding:0 7px}

@supports (-webkit-touch-callout: none) {/*apple!*/
	input {-webkit-appearance:none;}
}

::-webkit-input-placeholder {color: #333333;}
::placeholder {color: #333333;}
/*OTHERS*/
/*a{text-decoration:none;color:#bbb;text-decoration:none}*/
a{cursor:pointer;user-select:none;color:white;text-decoration:underline}
a:hover{text-shadow:0 0 6px rgb(180,0,255)}
b{font-family:euromode-b,serif}
h1,h2,h3{padding:0;margin:0;font-size:14px;font-weight:bold;font-family:euromode-n;cursor:default;}
td{font-size:14px;font-weight:bold;font-family:euromode-n}
textarea{color:#fff;border:1px #444 solid;height:25px;background:black;font-size:13px;padding:5px 7px;overflow:auto}
textarea[disabled],textarea[readonly] {color:#fff;}
select{margin-bottom:7px;border:1px #444 solid;height:25px;background:black;color:#bbb;font-size:13px;padding:0 7px}
ul{list-style:none;margin-left:0;padding-left:0}
li{padding-left:1em;text-indent:-1em;margin-bottom:2px}
li:before{content:"-";padding-right:10px}

/*MISC*/
.clickable {cursor:pointer;user-select: none;}
span.clickable  {color:white;text-decoration:underline}
span.clickable:hover{text-shadow:0 0 6px rgb(180,0,255)}
.clickable2 {cursor:pointer;user-select:none}
.clickable2:hover {text-decoration:underline}

/*NAVIGATION MENU*/
#tmenu{display:flex;justify-content:space-between;border-bottom:solid var(--borders) 1px;gap:20px;background: var(--gray);white-space: nowrap;flex-wrap: wrap;}
.t_left{display:flex}
.t_right{display:flex}
.t_lbl{display:none;}
.max > .t_left.t_left{height: unset !important;display:flex}
.max > .t_right.t_right{height: unset !important;display:flex}
.max > .t_lbl.t_lbl{/*display:none;*/}

#tmenu > div > div .active{background:linear-gradient(180deg,rgb(135,106,147) 0%,rgb(74,38,88) 100%);text-shadow:1px 1px 9px black;border-left:0 #ca7b57 solid}
#tmenu > div > div:hover{background:linear-gradient(180deg,rgb(135,106,147) 0%,rgb(74,38,88) 100%);text-shadow:1px 1px 9px black;border-left:0 #ca7b57 solid}
#tmenu a{font-weight:bold;text-decoration:none;/*text-shadow:1px 1px 1px #000*/;font-size:12px;font-family:euromode-b,Arial,serif;display:block;color:#f3f3f3;text-align:center;padding:14px 16px;text-transform:uppercase;transition:color .2s ease}

/*MAIN*/
#kontener{box-sizing:border-box;padding-bottom:var(--stopka-height);position: relative;min-height:100vh;margin:0 auto;width:70%;/*border:solid var(--borders) 1px;*/background-color:rgba(34,34,34,0.5)}
#mid{display:flex;flex-direction:row;gap:20px;padding:20px}
.midapplefix>*+* { margin-left: 20px;}
#mid > div{/*flex-grow:1*/}

/*LEFT SIDE*/
#lewa{flex-grow:1;display: flex;flex-direction: column;gap: 20px;}
.tresc{overflow:auto;background:var(--gray);padding:0 10px 10px;height:auto;font-family:euromode-n,serif;border:1px solid var(--borders)}
.tresc h2{padding:10px 0 6px;font-size:17px;/*color:#bbb*/color:#fff;margin:0;font-weight:bold}
.tresc p{padding:3px 0;line-height:18px;text-indent:0;margin:0;text-align:justify;font-size:14px}

/*RIGHT SIDE*/
#prawa{display:flex;flex-direction:column;gap:20px;width:250px;flex-shrink:0}
.prawaapplefix>*+* { margin-top: 20px;}
.atresc{box-sizing:border-box;padding:0 20px 15px;height:auto;font-size:13px;font-family:Verdana,Arial,Helvetica,sans-serif;background:var(--gray);border:1px solid var(--borders)}
.atresc p{font-weight:normal;padding:7px 0;line-height:18px;text-indent:0;margin:0;text-align:justify;font-size:14px}
.atresc p a{font-weight:normal}
.atresc p a:hover{color:#fc7d00;text-decoration:none}
.atresc p a.active{color:#fc7d00;text-decoration:none}
.atresc h2{color:#fff;text-shadow:2px 0 1px rgba(0,0,0,0.25);text-align:center;padding:10px 0 6px;font-size:17px;margin:0;font-weight:bold}
.lblInfos{margin-top:10px;display:flex}
.lblInfos > img{box-sizing:border-box;margin-right:10px;width:32px;height: 32px;image-rendering: pixelated;}
.admin_list .lblInfos > img:hover{border:2px solid rgba(0,0,0,0)}
.info_list .lblInfos > img:hover{border:2px solid rgba(0,0,0,0)}
.lblInfos > img.circle{border-radius:20px}

.lblInfos .title{color:white;cursor:default;}
.lblInfos > div {display:flex;flex-direction: column;}
.userAccOpts > i{padding-right:5px}
.userAccOpts > span{cursor:pointer;user-select:none}
.userAccOpts > span:hover{text-decoration:underline}

/*DIALOGS*/
/**/
/*ADMIN INFO DIALOG*/
.admin_info {}
.admin_info_summary > img{padding-right:10px;width:32px;height: 32px;image-rendering: pixelated;}
.admin_info_summary .title{color:white}
.admin_info_summary {display:flex;}
.admin_info_summary > div {display:flex;flex-direction: column;}

/*SLIDER*/
.slides{height:75%;overflow:hidden;position:relative}
.slider{width:1000%;position:relative;transition:1s;left:0;height:100%}
.slide{height:100%;width:10%;background-repeat:repeat!important;background-size:cover!important;background-attachment:scroll!important;color:white;position:relative;float:left;overflow:hidden}
.slideinfo{display:block;margin-left:auto;top:50%;left:40%;transform:translate(-40%,-50%);position:absolute;max-width:100%;user-select:none}
.slidetitle{white-space: nowrap;font-size:46px;font-weight:bold;left:-2px;letter-spacing:2px;line-height:50px;margin:-18px 0 1px;padding-bottom:41px;top:8px;text-shadow:1px 1px 5px rgba(66,66,66,.75)}
.slidesubtitle{font-size:21px;line-height:29px;top:6px;text-shadow:1px 1px 5px rgba(66,66,66,.75)}
.slideinfo input[type=button]{padding:7px 20px;font-size:14px}
.slidenavbtnl{left:5%}
.slidenavbtnr{right:5%}
.navbtn{top:50%;transform:translateY(-50%);position:absolute;text-shadow:0 0 5px rgba(66,66,66,.75);cursor:pointer;color:white}
.navbtn:hover{transition:all .1s ease-in-out;cursor:pointer;color:rgb(135,106,147)}
.circles{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);color:white;text-shadow:0 0 5px rgba(66,66,66,.75)}
.circles > i{margin-right:5px;cursor:pointer}
.circles > i:hover{color:rgb(135,106,147)}
.line:after{content:"\a ";white-space:pre}

/*SCROLLBAR*/
.sexyScrollbar::-webkit-scrollbar{width:16px}
.sexyScrollbar::-webkit-scrollbar-button{width:0;height:0}
.sexyScrollbar::-webkit-scrollbar-track-piece{background:rgba(102,102,102,1)}
.sexyScrollbar::-webkit-scrollbar-thumb{background:rgba(34,34,34,1);width:3px}
.sexyScrollbar{scrollbar-color:rgba(34,34,34,1) rgba(102,102,102,1);scrollbar-width:auto}

/*POPUP*/
.popup{position:absolute;z-index:99!important;position:absolute;padding:5px;box-sizing:border-box;background:rgba(34,34,34,1);border:1px solid var(--borders);box-shadow:0 0 20px rgb(0,0,0)}
.shadow_layer{z-index:98!important;position:fixed;top:0;height:100svh;width:100vw;backdrop-filter:blur(6px)}
.back_layer{z-index:98!important;position:fixed;top:0;height:100svh;width:100vw;backdrop-filter:blur(6px)}
.mobile_popup.mobile_popup{border:0;border-top:1px solid var(--borders);border-bottom:1px solid var(--borders);width:100vw;position:fixed}
.mobile_popup input{margin-bottom:5px;border:1px #444 solid;height:40px;font-size:18px;padding:0 7px}
.mobile_popup .clickable{padding:8px;border:1px solid var(--borders);display:inline-block;margin-bottom:1px}
.tablet_popup input{margin-bottom:5px;border:1px #444 solid;height:40px;font-size:18px;padding:0 7px}
.tablet_popup .clickable{padding:8px;border:1px solid var(--borders);display:inline-block;margin-bottom:1px}
.popup_arrow_left:before{position:absolute;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid var(--borders);left:-9px;top:-1px;content:''}
.popup_arrow_right:after{position:absolute;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid var(--borders);right:-9px;top:-1px;content:''}
.popup_arrow_right_bot:after{position:absolute;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid var(--borders);right:-9px;bottom:-1px;content:''}
.popup i{cursor:pointer}
.popup input{box-sizing:border-box}
.popup input[type=text]{width:100%}
.popup-close-btn:hover{color:#960000}

/*FONTS*/
@font-face{font-family:'euromode-b';src:url(/fonts/eurob-webfont.eot);src:url(/fonts/eurob-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/eurob-webfont.woff) format("woff"),url(/fonts/eurob-webfont.ttf) format("truetype"),url(/fonts/eurob-webfont.svg#WebfontRegular) format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:'euromode-n';src:url(/fonts/euron-webfont.eot);src:url(/fonts/euron-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/euron-webfont.woff) format("woff"),url(/fonts/euron-webfont.ttf) format("truetype"),url(/fonts/euron-webfont.svg#WebfontRegular) format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:'Bebas';src:url(/fonts/BebasNeue-webfont.eot);src:url(/fonts/BebasNeue-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/BebasNeue-webfont.woff) format("woff"),url(/fonts/BebasNeue-webfont.ttf) format("truetype"),url(/fonts/BebasNeue-webfont.svg#BebasNeueRegular) format("svg");font-weight:normal;font-style:normal}

/*MOBILE FIXES*/
@media only screen and (max-width: 1300px) {
	#kontener{width:85%;}
}
@media only screen and (max-width: 1100px) {
	#kontener#kontener{width:100%;border:0}
	#tmenu {justify-content: center;}
}
@media only screen and (max-width: 700px) {
	#tmenu{flex-direction:column;border-bottom:0;}
	.t_left{flex-direction:column;height: 0px;overflow: hidden;display:none;}
	.t_right{flex-direction:column;height: 0px;overflow: hidden;display:none;}

	.t_lbl{display:block;}
	#lewa#lewa{width:100%;min-width:0;float:none}
	.tresc.tresc{margin:0;border:0}
	.atresc.atresc{border:0}
	#prawa#prawa{width:unset;border:0;float:none}
	#mid#mid{flex-direction:column;padding:20px 0}
	.navbtn.navbtn{top:unset;bottom:5%;transform:translateY(0%)}
	#tmenu > div{background:var(--gray)}
	#tmenu#tmenu{background: unset}
}


.hidden.hidden {display:none}
.disabled{cursor:not-allowed;color:gray!important}
#donateBtn{margin-top:10px;width:100%;height:40px}
.spanRed{color:red}
.spanGreen{color:green}
.set_email input[type=button]{width:50%}
.set_password input[type=button]{width:100%}
.set_password input[type=password]{width:100%}
.login_dialog input{width:100%}
.donate_dialog input{width:100%}
.undertext{margin:0 -6px -6px;box-shadow:0 -1px 0 var(--borders);text-align:center;padding:3px 5px 2px}
.guild_cont{display:flex;padding-bottom:20px}
.guild_cont > *{flex-grow:1}
.guild_cont img{height:100%;image-rendering:crisp-edges;border:2px solid}
.ts_groups_container{display:flex}
.ts_groups_container > div{flex-grow:1}
.ts_groups_container img{height:13px;margin-right:3px}
.recovery_pass{width:270px}
#logo{background:url(/images/logo.png) no-repeat;width:332px;height:126px;margin-bottom:20px;text-indent:-9999px;margin-bottom:30px;margin-left:auto;margin-right:auto}
#stopka{border-top:1px solid var(--borders);position:absolute;bottom:0;width:100%;background:var(--gray);clear:both;font-size:11px;font-family:Verdana,Arial,Helvetica,sans-serif;height:var(--stopka-height);color:#000000}
#stopka a{color:#FFFFFF}
#stopka a:hover{text-decoration:underline}
#copyright{color:#bbb;padding-top:8px;float:left;padding-left:10px}
#copyright span{color:#666;cursor:pointer}
#stopkaOption{color:#bbb;padding-top:8px;float:right;padding-right:10px}
#stopkaOption a{color:#666;cursor:pointer}
#design{float:right;padding-right:10px;padding-top:10px}
.centered{text-align:center}
.borderTable{border:1px solid var(--borders);border-collapse:collapse}
.borderTable td,.borderTable th{border:1px solid var(--borders);border-collapse:collapse;padding:5px 7px;vertical-align:initial}
.invTable{border:0;border-collapse:collapse}
.invTable td,.invTable th{border:0;border-collapse:collapse;padding:0;vertical-align:initial}
.imgbox{position:relative;width:100%;padding-bottom:56.25%;border:1px solid var(--borders)}
.imgbox img{position:absolute;top:0;left:0;width:100%;max-height:100%}
#img2{opacity:0;transition:opacity 1s}  .invalid{border:1px solid red}
.fakeTextFieldBtn{margin-bottom:7px!important;border:1px #444 solid!important;height:25px!important;background:black!important;color:#bbb!important;font-size:13px!important;padding:0 7px!important;font-weight:normal!important;text-align:left!important}
.href.href{background:transparent;border:0;text-decoration:underline;font-size:14px;font-weight:bold}
.href.href:hover{background:transparent;border:0}
.clickme{animation:highlight-pulse 3s infinite ease-out}
@keyframes highlight-pulse {
	0%{text-shadow:0 0 0 red}
	50%{text-shadow:0 0 10px red}
	70%{text-shadow:0 0 6px red}
	100%{text-shadow:0 0 0 red}
}
.regend > p {padding: 0;}

a.gg_w:hover {text-shadow:unset}
a.gg_w {border:1px solid var(--borders)/*box-shadow: 0 1pt 12pt rgba(0,0,0,.3);*//*box-shadow: 0px 0px 11px 0px rgba(213, 0, 166, 0.2)*/;display:inline-block;max-width: 251px; height: 40px; box-sizing: border-box; overflow: hidden; font-size: 14px; font-family: Arial, sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-border-radius: 21px; border-radius: 21px; user-select: none;}
a.gg_w > span:nth-child(1) {float: right;max-width: 231px; height: 40px; padding: 0 15px 0 28px; margin-left: -20px; box-sizing: border-box; line-height: 40px; background-color: #1c1c1c; border-radius: 0 20px 20px 0; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
a.gg_w > span:nth-child(2) {display: flex; justify-content: center; align-items: center; float: left; width: 40px; height: 40px; box-sizing: border-box; background-color: #fff; border-radius: 50%}
a.gg_w > span:nth-child(2) > img {display: block; width: 24px; height: 24px;}

.shop {width:100%;display:flex;gap:20px;flex-wrap:wrap;padding:10px;box-sizing: border-box;justify-content: space-evenly}
.shop > div {position:relative;width:200px;height: 300px;border:1px solid var(--borders);box-sizing: border-box;padding: 0 20px 15px;font-size: 13px;text-align: center;}
.shop > div > p {text-align: left;}
.shop > div > h2 {text-transform: uppercase;padding: 10px 0 0px;color:white;white-space: nowrap}
.shop .footer {position: absolute;bottom: 0;left:0;width:100%;padding:0 20px 10px 20px;box-sizing: border-box}
.shop .footer > input {width: 100%;margin-top:5px;height: 30px;}
.shop .unban {}
.shop .admin {gap:5px;display:flex;flex-direction: column;}
.shop .admin textarea {flex-grow:1}

.email_bottomline {align-items: flex-end;display:flex;justify-content: space-between;padding:5px 2px 1px 2px}
.email_bottomline input:not(.checkbox_box > input) {margin:0;height: 30px;width: 80px;}

.checkbox_box {display:flex;align-items:center;}
.checkbox_box > input{margin:0 4px 0 0}