/* UIV = 400 beta */
/* WG_CSS_PARA_STYLE WG_szoveg|DEFAULT|normál */
/* WG_CSS_PARA_STYLE WG_egyen||kiegyenlített */
/* WG_CSS_PARA_STYLE WG_cim||címsor */
/* WG_CSS_PARA_STYLE WG_alcim||szekciócím */
/* WG_CSS_PARA_STYLE WG_kivonat||kivonat */
/* WG_CSS_PARA_STYLE WG_kiemelt||kiemelt */
/* WG_CSS_PARA_STYLE WG_datum||dátum/szerzo */
/* WG_CSS_PARA_STYLE WG_apro||apróbetus */
/* WG_CSS_PARA_STYLE WG|TABLEDEFAULT|tábla alapstílus */

@font-face { font-family: graphic-regular; src: url('/dl/fonts/Kanit/Kanit-Regular.ttf'); } 
@font-face { font-family: body-regular; src: url('/dl/fonts/Archivo/static/Archivo/Archivo-Regular.ttf'); } 
@font-face { font-family: body-regular-expanded; src: url('/dl/fonts/Archivo/static/Archivo_SemiExpanded/Archivo_SemiExpanded-Regular.ttf'); } 

/* iOs Safari input and button hack*/
button, textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox {
	-webkit-appearance: none;
	border-radius: 0;
	max-width: 100%;
}
input {
	letter-spacing: 1px;
}
input[type=checkbox], input[type=radio] {
    width: 1.3em;
    height: 1.3em;
    accent-color: #eb6195;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}
::-moz-scrollbar {
  width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #ffffff; 
}
::-moz-scrollbar-track {
  background: #ffffff; 
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #eb6a9c; 
}
::-moz-scrollbar-thumb {
  background: #eb6a9c; 
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #eb6a9c; 
}
::-moz-scrollbar-thumb:hover {
  background: #eb6a9c; 
}
BODY,DIV,P,TD,TH {
 font-family: body-regular, sans-serif;
 font-size: 16px;
 color: #000000;
 font-weight: normal;
 font-style: normal;
 SCROLLBAR-FACE-COLOR: #b782ff;
 SCROLLBAR-ARROW-COLOR: #000000;
 SCROLLBAR-TRACK-COLOR: #d7bdf9;
 SCROLLBAR-BASE-COLOR: #b782ff;
 line-height: 1.25;
 letter-spacing: 0.5px;
}
TH {
 font-weight: bold;
}
FORM {
 margin-top: 0px;
 margin-bottom: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
}
form#ForumPost, form#newMessage, div.newblogentryContainer, div.newblogcommentContainer, div.newforumcommentContainer, div.newmailContainer{
    position: relative;
}
A:link { color: maroon;text-decoration: none; }
A:visited { color: maroon;text-decoration: none; }
A:hover { color: #6f5b90;text-decoration: none; }

.WG_norm,.WG_szoveg,.WG_MOD_szoveg {
 font-weight: normal;
 font-style: normal;
}
.WG_bal {
 font-weight: normal;
 font-style: normal;
 text-align: left;
}
.WG_jobb,.WG_MOD_tovabblink,.WG_MOD_tovabblinkCimlap {
 font-weight: normal;
 font-style: normal;
 text-align: right;
}
.WG_kozep,.WG_MOD_eszkozOldal,.WG_MOD_FORUM_eszkozok {
 font-weight: normal;
 font-style: normal;
 text-align: center;
}
.WG_egyen {
 font-weight: normal;
 font-style: normal;
 text-align: justify;
}
.WG_cim,.WG_MOD_cim,.WG_MOD_cimCimlap {
 font-family: graphic-regular, sans-serif;
 font-weight: bold;
 font-size: 1.3em;
 color: #4f3b70;
 margin-bottom: 0.2em;
}
.WG_cimkozep {
 font-family: graphic-regular, sans-serif;
 font-weight: bold;
 font-size: 1.3em;
 color: #4f3b70;
 margin-bottom: 0.2em;
 text-align: center;
}
.WG_alcim,.WG_MOD_alcim {
 font-family: graphic-regular, sans-serif;
 font-weight: bold;
 font-size: 1.1em;
 color: #4f3b70;
 margin-bottom: 0.2em;
}
.WG_MOD_datum {
 color: #4f3b70;
 font-weight: normal;
 font-style: normal;
 text-align: left;
 font-size: 10px;
 margin-top: 0px;
}
.WG_kivonat,.WG_MOD_kivonat,.WG_MOD_kivonatKereses,.WG_MOD_kivonatCimlap,.WG_MOD_FORUM_kivonat {
 letter-spacing: 0.1em;
 font-weight: bold;
 font-style: normal;
}
.WG_kiemelt,.WG_MOD_kiemelt {
 font-weight: bold;
 font-style: normal;
}
.WG_apro,.WG_MOD_apro {
 font-weight: normal;
 font-style: normal;
 font-size: 0.8em;
 padding-left: 20px;
 padding-right: 20px;
}
.WG_beljebb,.WG_MOD_magyarazat {
 font-weight: normal;
 font-style: normal;
 padding-left: 20px;
 padding-right: 20px;
}
.WG_duplaBeljebb {
 font-weight: normal;
 font-style: normal;
 padding-left: 40px;
 padding-right: 40px;
}
OL,UL,LI,UL.WG_MOD_listaKotes,LI.WG_MOD_listaKotes {
 font-weight: normal;
 font-style: normal;
}
IMG.WG_ikon {
 vertical-align: bottom;
 border: 0px;
}
IMG {
 border: 0px;
}
IMG.WG_L {
 float: left;
 border: 0px;
 margin-right: 20px;
 margin-bottom: 10px;
}
IMG.WG_R {
 float: right;
 border: 0px;
 margin-left: 20px;
 margin-bottom: 10px;
}

IMG.WG_C {
 float: center;
 border: 0px;
 margin-left: 10px;
 margin-right: 10px;
 margin-bottom: 10px;
}
INPUT.WG,TEXTAREA.WG,SELECT.WG,INPUT.WG_SYS_OldalInfo,SELECT.WG_SYS_OldalInfo,TEXTAREA.WG_SYS_OldalInfo {
 font-size: 11px;
 font-weight: bold;
 font-style: normal;
}
INPUT.WG_gomb,INPUT.WG_SYS_OldalInfo_gomb,INPUT.logingomb {
 border: 1px ridge #dfcbfa;
 background-color: #a37ada;
 color: white;
 font-size: 1em;
 font-weight: bold;
 font-style: normal;
}
TEXTAREA.WGsmall {
 font-size: 10px;
 font-weight: normal;
 font-style: normal;
 font-family: body-regular, sans-serif;
}
HR {
 margin-top: 0px;
 margin-bottom: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 color: #c39afa;
 background-color: #c39afa;
 border: 0px;
 height: 1px;
}
DIV.nyito {
 background: url('../imgs/door.jpg');
 width: 340px;
 height: 445px;
 cursor: pointer;
}
P.nyitoCim {
 text-align: center;
 font-family: graphic-regular, sans-serif;
 font-weight: bold;
 font-size: 16px;
 color: #4f3b70;
}
TABLE.base {
 empty-cells: show;
}
TD.szaggTL {
 background: url('../imgs/jk01.jpg');
 width: 20px;
 height: 20px;
}
TD.szaggTM {
 background: url('../imgs/jk02.jpg');
 height: 20px;
}
TD.szaggTR {
 background: url('../imgs/jk03.jpg');
 width: 33px;
 height: 20px;
}
TD.szaggML {
 background: url('../imgs/jk04.jpg');
 width: 20px;
}
TD.szaggMR {
 background: url('../imgs/jk05.jpg');
 width: 33px;
}
TD.szaggBL {
 background: url('../imgs/jk06.jpg');
 width: 20px;
 height: 20px;
}
TD.szaggBM {
 background: url('../imgs/jk07.jpg');
 height: 20px;
}
TD.szaggBR {
 background: url('../imgs/jk08.jpg');
 width: 33px;
 height: 20px;
}
DIV.albumKeret {
 background: url('../imgs/img_card.jpg');
 float: left;
 width: 150px;
 height: 220px;
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 5px;
 margin-bottom: 5px;
 margin: 0px;
 padding: 0px;
}
DIV.albumKep {
 margin: 13px;
 padding: 0px;
 text-align: center;
 height: 110px;
}
DIV.albumKep img{
 max-width: 124px;
}
DIV.albumSzoveg {
 margin: 5px;
 margin-top: 15px;
 font-size: 10px;
 font-weight: normal;
 text-align: center;
}
DIV.hird1 {
 width: 145px;
 height: 300px;
 border: 1px solid #c39afa;
 background-color: #dfcbfa;
 margin: 0px;
}
DIV.hird1 img{
 max-width: 124px;
}
DIV.hird1.double {
 height: 630px;
}
DIV.hird1.double img{
 max-width: 124px;
}
DIV.hirdfull {
    border: 1px solid #c39afa;
    background-color: #dfcbfa;
    margin: 0px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
}
div.hirdfull.polgar{
    background-color: #dfcbfa;
}
div.hirdfull.orompolgar{
    background-color: #dde2e6;
}
div.hirdfull.biro{
    background-color: #eee0ca;
}
div.hirdfull.moderator{
    background-color: #eccbe3;
}
div.hirdfull.alapito{
    background-color: #ffffff;
}
div.hird1b.tiltott{
    background: repeating-linear-gradient(90deg,transparent,transparent 12px,#ff000065 10px,#ffffff65 18px);
}
DIV.hird1b {
 padding: 5px;
 user-select: none;
}
DIV.hird1b img {
    max-width: 384px;
}
div.topinformationContainerOnProfile {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
    container-type: inline-size;
    position: relative;
}
div.topinformationContainerOnProfile.second {
    align-items: flex-start !important;
}
div.screenplayerOnProfile {
    max-width: 384px;
    min-width: 384px;
    position: relative;
}
div.screenplayerOnProfile img{
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}
div.screenplayerOnProfile div.anon img{
	min-height: 270px;
	object-fit: cover;
}
div.timerowOnProfile {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3px;
}
div.topinformationOnProfile.motto {
    max-width: 100%;
    min-width: calc(100% - 20px);
    padding: 10px;
    background: #ffffff65;
    border-radius: 10px;
    position: relative;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    font-family: graphic-regular, sans-serif;
    font-size: 1.2rem;
    text-align: left;
    flex-wrap: wrap;
}
div.topinformationOnProfile.general {
    max-width: 364px;
    min-width: 364px;
    padding: 10px;
    background: #ffffff65;
    border-radius: 10px;
    position: relative;
    margin-left: 20px;
    display: flex;
    flex-direction: column;
}
div.topinformationOnProfile.location {
    max-width: 50%;
    min-width: 50%;
    margin-left: 0px;
    margin-top: 20px;
    padding: 10px;
    background: #ffffff;
    border-radius: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
}
div.topinformationOnProfile.quarter {
    max-width: 364px;
    min-width: 364px;
    margin-left: 20px;
    margin-top: 20px;
    padding: 10px;
    background: #ffffff;
    border-radius: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
}
div.hirdfull.alapito div.topinformationOnProfile{
	background: #8b8b8b50 !important;
}
div.topinformationOnProfile.motto::after {
    content: "";
    border: 20px solid transparent;
    position: absolute;
    border-bottom: 20px;
    bottom: -20px;
    left: calc(25% - 10px);
    margin-bottom: 0px;
    border-top-color: #ffffff65;
}
div.hirdfull.alapito div.topinformationOnProfile.motto::after{
	border-top-color: #8b8b8b50 !important;
}
div.topinformationOnProfile.general::after {
    content: "";
    border: 20px solid transparent;
    position: absolute;
    border-right-color: #ffffff65;
    border-left: 0;
    left: -20px;
    top: 50%;
    margin-top: -20px;
}
div.hirdfull.alapito div.topinformationOnProfile.general::after{
	border-right-color: #8b8b8b50 !important;
}
div.topinformationOnProfile.quarter::before {
    content: "";
    border: 20px solid transparent;
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -20px;
    border-bottom-color: #ffffff;
    border-top: 0;
    top: 0px;
    left: 50%;
    margin-left: -20px;
}
div.hirdfull.alapito div.topinformationOnProfile.quarter::before{
	border-bottom-color: #8b8b8b50 !important;
}
div.topinformationOnProfile.quarter::after {
    content: "";
    border: 20px solid transparent;
    position: absolute;
    border-right-color: #ffffff;
    border-left: 0;
    left: -20px;
    top: 50%;
    margin-top: -20px;
}
div.hirdfull.alapito div.topinformationOnProfile.quarter::after{
	border-right-color: #8b8b8b50 !important;
}
div.topinformationOnProfile.location::after {
    content: "";
    border: 20px solid transparent;
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -20px;
    border-bottom-color: #ffffff;
    border-top: 0;
    top: 0px;
    left: 50%;
    margin-left: -20px;
}
div.hirdfull.alapito div.topinformationOnProfile.location::after{
	border-bottom-color: #8b8b8b50 !important;
}
div.megszolitOnProfile {
    font-family: graphic-regular, sans-serif;
    font-size: 1.2rem;
    text-align: left;
    margin-bottom: 5px;
}
div.userrowOnProfile {
    display: flex;
    align-items: center;
    justify-content: left;
    flex-wrap: wrap;
}
span.usernameOnProfile {
    display: flex;
    align-items: center;
}
span.usernameOnProfile i {
    font-size: 1.4em !important;
}
span.vagyoktextOnProfile {
    font-family: graphic-regular, sans-serif;
    font-size: 1.2rem;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
}
span.keresektextOnProfile {
    font-family: graphic-regular, sans-serif;
    font-size: 1.0rem;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}
span.keresektextOnProfile.mutual {
    font-size: 1.2rem;
    border: 2px solid #eb6195 !important;
}
span.keresektextOnProfile.n {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 2rem;
    border: 1px solid #a37ada;
    border-radius: 90px;
    background: pink;
}
/*nem keres senkit*/
span.keresektextOnProfile.no {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 2rem;
    border: 1px solid #a37ada;
    border-radius: 90px;
    background: transparent;
    opacity: 0.5;
}
span.keresektextOnProfile.f {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 2rem;
    border: 1px solid #a37ada;
    border-radius: 90px;
    background: #adadff;
}
span.keresektextOnProfile.nf {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 2rem;
    border: 1px solid #a37ada;
    border-radius: 90px;
	background: linear-gradient(to bottom,pink 0%,pink 50%,#adadff 50%,#adadff 100%);
}
div.homerateContainerOnProfile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 5px;
}
div.homerateSpinContainerOnProfile {
    width: 100%;
    height: 20px;
    display: flex;
    border: 1px solid #eb6195;
    background: white;
}
span.homerateSpinOnProfile {
    background: #eb6195;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
}
span.homerateDegreeLeftOnProfile {
    color: white;
    font-size: 0.9rem;
    margin-right: 3px;
}
span.homerateDegreeRightOnProfile {
    color: #eb6195;
    font-size: 0.9rem;
    margin-left: 3px;
}
span.usernameOnProfile span {
    max-width: 265px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
span.vagyoktextOnProfile i {
    font-size: 1.3rem;
}
div.topinformationOnProfile.location div.userListItemLocationContainer {
    margin-bottom: 5px;
}
div.distanceOnProfile {
    text-align: left;
    width: 100%;
    font-weight: bold;
    padding: 5px;
    color: #eb6195;
    font-size: 1.2rem;
    text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;
    font-family: graphic-regular, sans-serif;
}
div.homeOnProfile {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    font-size: 1.5rem;
    color: #eb6195;
    margin-bottom: 5px;
    max-width: 360px;
    height: 7.5rem;
    border: 1px solid #eb6195;
    border-radius: 5px;
    min-width: 280px;
    justify-content: center;
}
div.negyednameOnProfile {
    font-size: 1.5rem;
    color: #eb6195;
    font-weight: bold;
    font-family: graphic-regular, sans-serif;
    white-space: nowrap;
}
div.vagyokcontainerOnProfile {
    display: flex;
    padding-left: 4px;
    justify-content: space-between;
    min-height: 2.5rem;
    border-radius: 5px;
}
span.selfgateOnProfile {
    font-size: 1.2rem;
    max-width: 100%;
    width: 100%;
    direction: rtl;
    display: flex;
    justify-content: center;
}
span.selfgateOnProfile a {
    color: #eb6195;
    font-family: graphic-regular, sans-serif;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
span.selfgateOnProfile i {
    margin-right: 5px;
}
span.selfgateopenikonOnProfile i{
	color: #eb6195;
}
div.selfgatecontainerOnProfile {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 5px;
    padding-right: 5px;
    border-top: 1px solid #eb6195;
    padding-top: 5px;
}
span.selfgateopenikonOnProfile {
    width: 10%;
}
div.databoxOnProfile {
    max-width: 300px;
    width: 100%;
    border: 1px solid white;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
}
div.databoxOnProfile {
    max-width: 300px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid black;
    border-radius: 5px;
    padding: 0px;
    height: 80px;
    justify-content: space-between;
    cursor: pointer;
    margin-bottom: 10px;
}
div.databoxOnProfile.highlight{
    transform: scale(1.1, 1.1);
}
div.datacontainerOnProfile {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}
i.dataikonOnProfile::before{
	font-family: "Font Awesome 5 Free" !important;
	margin-right: 10px;
}
i.dataikonOnProfile {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50%;
    color: white;
    background: #a37ada;
    font-family: graphic-regular, sans-serif;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-size: 1.2rem;
    font-weight: 900;
}
i.dataikonOnProfile.highlight {
	background: white;
    color: #a37ada;
}
span.numInDatabox {
    background: white;
    width: 100%;
    height: 50%;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    color: black;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
span.numInDatabox.highlight {
	color: white;
    background: #a37ada;
}
span.numInDatabox span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 90%;
}
div.databoxOnProfile.couple span.numInDatabox {
    background: #d2cfe4;
}
div.vagyakcomboOnProfile {
	float: left;
}
div.mybodydatasOnProfile {
    width: auto;
    height: auto;
    min-width: 384px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    background: white;
    padding: 5px;
    border-radius: 10px;
    /* border-bottom: 2px solid #cebeed; */
    /* border-right: 2px solid #cebeed; */
    margin-right: 22px;
    margin-bottom: 10px;
    padding-left: 20px;
}
span.vagyamheaderOnProfile {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #eb6195;
    background: white;
    text-align: left;
    margin-left: 0px;
    display: block;
    padding-bottom: 5px;
    font-weight: bold;
    font-family: graphic-regular, sans-serif;
}
span.vagyamtextOnProfile div {
    background: #ffffff65;
    min-height: 160px;
    padding-top: 10px;
}
div.mybodydatasOnProfile li::marker {
    color: #eb6195;
}
div.mybodydatasOnProfile li {
    text-align: left;
}
span.numInDatabox div.userMiniContainer {
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    justify-content: center;
}
span.numInDatabox div.userMiniContainer a span {
    max-width: 200px;
}
div.usermenucontainerOnProfile {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0px;
    margin: 0px;
}
div.usermenucontainerOnProfile.bimpont {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #a37ada;
}
div.usermenuOnProfile {
    font-size: 1.2em;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    cursor: pointer;
}
div.usermenuOnProfile span {
    margin-left: 3px;
}
div.usermenuOnProfile i {
    
}
div.usermenuOnProfile.profile {
    border-bottom: 1px solid #a37ada;
    color: #a37ada;
}
div.usermenuOnProfile.profile.self {
    border-top: 1px solid #a37ada;
    border-right: 1px solid #a37ada;
    background: #a37ada;
    color: white;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
}
div.usermenuOnProfile.profile.self span {
    font-weight: bold;
}
div.usermenuOnProfile.album {
    color: #a37ada;
    border-bottom: 1px solid #a37ada;
}
div.usermenuOnProfile.album.self {
    border-top: 1px solid #a37ada;
    border-right: 1px solid #a37ada;
    border-left: 1px solid #a37ada;
    color: white;
    background: #a37ada;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
div.usermenuOnProfile.profile.album span {
    font-weight: bold;
}
div.usermenuOnProfile.blog {
    color: #a37ada;
    border-bottom: 1px solid #a37ada;
}



.brandName {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px;
    padding: 0px;
    flex-wrap: nowrap;
    font-size: 1.4rem;
    font-weight: bold;
    font-family: graphic-regular, sans-serif;
}
.brandName span.brandOne {
    color: #eb6195;
}
.brandName span.brandTwo {
    text-shadow: -1px 0 #eb6195, 0 1px #eb6195, 1px 0 #eb6195, 0 -1px #eb6195;
    color: white;
}
DIV.hird2 {
 width: 100%;
 border: 1px solid #c39afa;
 background-color: #dfcbfa;
 margin: 0px;
}
TR.lista1 {
 border: 1px solid #c39afa;
 background-color: #dfcbfa;
}
TR.lista2 {
 border: 1px solid #c39afa;
 background-color: #bfabda;
}
TR.lista3 {
 border: 1px solid #c39afa;
 background-color: #cfbbea;
}
DIV.szepHR {
    margin-top: 4px;
    margin-bottom: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 6px;
    width: 100%;
    border: none;
    border-top: 2px solid #eb6195;
    border-bottom: 2px solid #eb6195;
    background: #cebeed;
    border-left: 2px solid white;
    border-right: 2px solid white;
    border-radius: 3px;
    border-image: linear-gradient(to right, rgb(206 190 237) 0%, #eb6195 15%, #eb6195 85%, rgb(206 190 237) 100%);
    border-image-slice: 1;
    outline: 2px solid #cebeed;
}
HR.konzolFeher {
	margin:3px 0px;background: white;
}
DIV.mailIkon {
 margin: 5px;
 padding: 0px;
 width: 40px;
 height: 60px;
 font-size: 10px;
 font-weight: bold;
 float: left;
 text-align: center;
}

/* levelcolors */
.polgar {
 color: #4f3b70;
}
.orompolgar {
 color: #6FB590;
}
.biro {
 color: #c0c010;
}
.moderator {
 color: #ff3030;
}
.alapito {
 color: #ffffff;
}

/* autocompleter cucc */
DIV.EPac { margin:0px;padding:0px;width:200px;background:#fff;border:1px solid #888;position:absolute; }
DIV.EPac ul { margin:0px;padding:0px;list-style-type:none;line-height: 1em; }
DIV.EPac ul li.selected { background-color:#ddd; }
DIV.EPac ul li { margin:0;padding:2px;height:16px;display:block;list-style-type:none;cursor:pointer;font-size: 11px; }
DIV.EPisC { width:300px;height: 45px;border: 1px solid #835aba;border-radius: 3px;padding: 5px;margin-top: 5px; }
DIV.EPisC IMG { border: 1px solid black;float: left;margin-right: 10px;width: 90px;height: 90px;/*margin: 5px;*/ }
DIV.EPisC SPAN { font-family: body-regular, sans-serif;font-weight: bold;color: black;/*font-size: 11px;*/padding-right: 10px; }
DIV.EPisC INPUT.EPacDDC[type=button] { height: 40px;width: 20px;float: right; }
DIV.EPisL { background: white;border: 1px solid #835aba;width: 440px;height: 300px;overflow: auto; }
DIV.EPisL DIV { clear:both;border-bottom: 1px solid #835aba;padding: 5px;cursor: pointer;min-height: 90px; }
DIV.EPisL DIV.hovered { background: #e0e0e0; }
DIV.EPisL DIV.active { background: #ffffd0; }
DIV.EPisL DIV IMG { float:left;border: 1px solid black;margin-right: 10px; }
DIV.EPisL DIV SPAN { font-family: body-regular, sans-serif;/*font-size: 11px;*/font-weight: bold; }
DIV.EPisL::-webkit-scrollbar {width: 8px;}
DIV.EPisL::-moz-scrollbar {width: 8px;}
DIV.EPisL::-webkit-scrollbar-track {background: #c2f9dc;}
DIV.EPisL::-moz-scrollbar-track {background: #c2f9dc;}
DIV.EPisL::-webkit-scrollbar-thumb {background: #7e65af;}
DIV.EPisL::-moz-scrollbar-thumb {background: #7e65af;}
DIV.EPisL::-webkit-scrollbar-thumb:hover {background: #6b47b3;}
DIV.EPisL::-moz-scrollbar-thumb:hover {background: #6b47b3;}
INPUT.EPacDDC[type=button] { background:#835aba url('../imgs/bullet_arrow_down.png') no-repeat center;height: 16px;width: 14px;border: none;margin: 0px; }
.controller { cursor:pointer;cursor:hand; }



/* vegyes kinyert stilusok a scriptbol */
.myMenuBox {
 width: 120px;padding: 0px;margin: 0px;/*border: 1px solid #c39afa;*/background-color: #dfcbfa;text-align: left;
}
.myHirdBox {
 width: 120px;padding: 0px;margin: 0px;border: 1px solid #c39afa;background-color: #dfcbfa;text-align: center;
}
.myNewsImg {
 margin-right: 5px;margin-bottom: 5px;float: left;border: none;
}
.myForumBox {
 font-size: 12px;font-weight: bold;text-align: center;padding: 20px;
}
.myForumBix {
 border: 3px solid #c39afa;background-color: #dfcbfa;margin-bottom: 20px;
 width: 100%;
}
.myForumBax {
 padding: 5px;border: none;background-color: #c39afa;text-align: center;font-size: 14px;
}
.myForumBux {
 border: 3px solid #c39afa;background-color: #dfcbfa;margin-bottom: 0px;
 width: 100%;
}
.forumhead {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 2px solid #a37ada;
    border-radius: 5px;
    margin-bottom: 10px;
}
.forumborito {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 250px;
    background-color: #d2cfe4;
    background-size: cover;
    background-position: 50%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
}
.forumborito-left {
    /* max-width: max-content; */
    /* height: 100%; */
    /* min-height: 100%; */
    /* max-height: 100%; */
    padding: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.forumborito-owner {
    background: #a37adadb;
    color: white;
    padding: 5px;
    border-radius: 5px;
    font-size: 1em;
    text-align: left;
}
.pointerkiller{
	pointer-events: none;
    cursor: auto;
}
input[name="coverFile"]{
	display: none;
}
.forumborito-moderators{
	background: #a37ada91;
    color: white;
    padding: 5px;
    border-radius: 5px;
    font-size: 1em;
    text-align: left;
    width: 40%;
}
.forumborito-moderatorlist{
	display: flex;
    flex-direction: column;
    overflow: auto;
    overflow-x: auto;
    overflow-x: hidden;
    max-height: 120px;
    background-color: #d2cfe4;
    padding: 0px;
}
.forumborito-right {
    width: 100%;
    max-width: 100%;
    height: 100%;
    /* min-height: 100%; */
    /* max-height: 100%; */
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}
.forumborito-title {
    background: #a37adadb;
    color: white;
    padding: 5px;
    border-radius: 5px;
    font-size: 1.5em;
    text-align: right;
    pointer-events: none;
    cursor: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: auto;
    max-width: 100%;
}
.uploadcontainer {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    height: fit-content;
    align-self: flex-end;
}
.uploadcontainer-cloud{
	background: #a37adadb;
    color: white;
    border: unset;
    font-size: 1.1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.uploadcontainer-cloud i{
	margin-right: 5px;
}
.uploadcontainer-save{
	background: #7ada86db;
    color: black;
    border: unset;
    font-size: 1.1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 5px;
    display: none;
}
.uploadcontainer-cancel{
	background: #da7a7adb;
    color: black;
    border: unset;
    font-size: 1.1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 5px;
    display: none;
}
.uploadPreview, .uploadPreview img{
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 250px;
    /*min-height: 20vh;*/
    object-fit: cover;
}

.kepfelbutton {
	border: 1px solid #800000;
    border-radius: 5px;
    background: #c3aed9;
    color: maroon;
    cursor: pointer;
    min-width: 30%;
    font-size: 1.5em;
    font-weight: bold;
    padding: 5px;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: calc(100% - 5px);
    margin: 0px;
}
.kepfelbutton i{
	color: #996ade;
    font-size: 1.5em;
    margin-right: 0.2em;
    margin-left: 0.2em;
}
.kepfelbutton span{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.standardbutton {
	border: 1px solid #800000;
    border-radius: 5px !important;
    background: #a37ada;
    color: white;
    cursor: pointer;
    min-width: 30%;
    font-size: 1.5em !important;
    font-weight: bold;
    padding: 5px;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: calc(100% - 5px);
    margin: 0px;
	/*height: 3.0em;*/			
}
.standardbutton.search {
    height: 2.5em !important;
    color: white !important;
    min-width: fit-content;
    max-width: 48%;
}
.standardbutton.filter {
    height: 2.5em !important;
    color: white !important;
    min-width: fit-content;
    max-width: 100%;
    margin: 10px;
}
.standardbutton.search.switchedOn, .standardbutton.filter.switchedOn{
	background: #cba4ff !important;
}
.standardbutton.close, .standardbutton .close {
    max-width: 2rem;
    margin-right: 0px;
    margin-left: 1rem;
    font-size: 1rem !important;
    height: 1.5rem;
    opacity: 1.0 !important;
}
.standardbutton i{
	color: white;
    font-size: 1.5em;
    margin-right: 0.2em;
    margin-left: 0.2em;
}
.standardbutton span{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.standardbutton.formatbarInButton {
    font-size: 1em !important;
}
.forumvitaindito {
	width: 100%;
    /*display: flex;
    flex-direction: column;*/
    word-break: break-word;
    text-align: left !important;
    font-size: 1.3em;
    padding: 5px;
    line-height: 1.5em;
}
.forummodertools {
	 width: 100%;
}
.forumadminpanel{
	display: flex;
	flex-direction: row;
	padding-bottom: 0.5rem;
	justify-content: space-around;
}
.forumadminpanel-right{
	width: -webkit-fill-available;
	width: fill-available;
	width: -moz-available;
	/*max-width: 60%;*/
	height: 100%;
	min-height: 100%;
	max-height: 100%;
	padding: 5px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-top: auto;
    margin-bottom: auto;
    flex-wrap: wrap;
}
.forumoverviewpanel{
	display: flex;
	flex-direction: row;
	padding-bottom: 0.5rem;
	justify-content: space-between;
    flex-wrap: wrap;
    gap: 2px;
    grid-row-gap: 10px;
}
.forumoverviewpanel-item{
	/*height: 100%;*/
	min-height: 100%;
	max-height: 100%;
	padding: 5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: auto;
    margin-bottom: auto;
    background: #a37ada91;
    color: white;
    padding: 5px;
    border-radius: 5px;
    font-size: 1em;
   	width: 100%;
    max-width: 380px;
}
.pager-select{
	display: flex;
    justify-content: space-between;
    align-items: center;
    background: #d3baff;
    width: 100%;
    padding: 5px;
    margin-bottom: 0px;
}
.pager-nav{
	display: flex;
    flex-direction: column;
    margin-bottom: 10px;
	border: 2px solid #a37ada;
}
.pager-summary{
	display: flex;
	justify-content: center;
	background: #dfcbfa;
    color: black;
    font-weight: bold;
}
.pager-input{
	display: none;
}
.pager-link{
	color: black !important;
    background-color: #c4aae7;
    font-weight: bold;
    font-size: 1em;
    border-color: #a37ada !important;
    border-radius: 5px;
    border-width: 3px;
}
.pager-linkcontainer{
	padding: 0px;
	background-color: transparent !important;
    border: unset;
}
.page-item.disabled .pager-linkcontainer{
	opacity: 0.5;
}
.pager-link:hover {
    background-color: #f3e9ff !important;
}
.pager-link.active {
    background-color: #f3e9ff !important;
    pointer-events: none;
    cursor: auto;
}
.myBlogBax {
 width: 100%;font-size: 11px;background: #c0b0d0;margin: 0px;margin-bottom: 5px;text-align: left;padding: 5px;
}
.sf-form .epEditorButton {
    margin: 2px !important;
    box-shadow: none !important;
}
div.sf-item {
    margin-left: 0px !important;
}
.EPact { font-size: 10px; }

/* sortable tables cuccok */
tr.rowodd,tr.odd { background-color: #dfcbfa; }
tr.roweven,tr.even { background-color: #cfbbea; }
.sortcol { cursor: pointer; padding-right: 20px; background-repeat: no-repeat; background-position: right center; }
.sortasc { background-image: url('../imgs/up.gif'); }
.sortdesc { background-image: url('../imgs/down.gif'); }
.nosort { cursor: default; }



/* etarget cuccai */
DIV.etarget {
width: 110px;
border: 1px solid #37128f;
background-color:#c792ff;
background-color:#d0d0d0;
text-align: center;
font-size:9px;
color:#000000;
margin:0px;
padding:0px;
margin-right: 10px;
font-family: body-regular, sans-serif;
}
DIV.etarget DIV.title {
margin:3px;
margin-bottom: 0px;
background-color: #ce99ff;
background-color: #f0f0f0;
padding: 0px;
font-size: 10px;
}
DIV.etarget DIV.title A.txtRed:link { font-size: 10px;color:#400080; }
DIV.etarget DIV.title A.txtRed:visited { font-size: 10px;color:#400080; }
DIV.etarget DIV.title A.txtRed:hover { font-size: 10px;color:#000000; }
DIV.etarget DIV.description {
margin:3px;
margin-top: 0px;
margin-bottom: 1px;
text-align: left;
padding: 0px;
font-size: 9px;
}
DIV.etarget TABLE.selfpromo {
background-color:#d7a2ff;
background-color:#fff0e0;
color:#000080;
font-size:9px;
border-bottom:#000080;
}
DIV.etarget TABLE.selfpromo TR TD.left {
font-size: 9px;
text-align:left;
font-weight:bold;
padding:1px 3px 1px 3px;
color:#000000;
}
DIV.etarget TABLE.selfpromo TR TD.right {
font-size: 9px;
float:right;
padding:1px 3px 1px 3px;
font-weight:bold;
}
DIV.etarget TABLE.selfpromo TR TD.right A:link { font-size: 9px;color: #47229f; }
DIV.etarget TABLE.selfpromo TR TD.right A:visited { font-size: 9px;color: #47229f; }
DIV.etarget TABLE.selfpromo TR TD.right A:hover { font-size: 9px;color: #6742bf; }

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #eadff9; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('../imgs/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('../imgs/nextlabel.gif') right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #eadff9; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 10px; background-color: #301050; }

.epSocial {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	width: 32px;
	height: 32px;
	background: transparent;
	text-decoration: none;
}
.epSocial:hover {
	text-decoration: none;
}
.epSocialLabel {
    text-align: center;
    font-weight: normal;
    /* background: #eb6195 !important; */
    font-size: 1rem !important;
    padding: 5px;
    width: 160px !important;
    min-width: 160px !important;
    margin: 3px;
    text-align: center;
    justify-content: center;
    border-radius: 3px;
    /* background-clip: content-box; */
    /* border-bottom: 2px solid #eb6195; */
    /* border-image: linear-gradient(to right, #c3aed9 0%, #eb6195 50%); */
    /* border-image-slice: 1; */
    /* border-top: 2px solid #eb6195; */
    /* border-left: 2px solid #c3aed9; */
    /* border-right: 2px solid #eb6195; */
    /* text-shadow: -1px 0 #eb6a9d, 0 1px #eb6a9d, 1px 0 #eb6a9d, 0 -1px #eb6a9d; */
    background: #c3aed9;
    color: #ffffff !important;
    border-top: 1px solid #eb6a9d;
    border-bottom: 1px solid #eb6a9d;
}
div.scbutton i {
    color: white;
    width: 80px;
}
.epSocialLabel>A:link,.epSocialLabel>A:visited,.epSocialLabel>A:hover,.epSocialLabel>A:active {
	text-decoration: none;
	font-size: 9px;
	font-weight: normal;
	color: black;
}
.epsMail { background: url('../imgs/ep_soci_level.png') no-repeat; }
.epsMail:hover { background: url('../imgs/ep_soci_level_kuld.png') no-repeat; }
.epsMailKozos { background: url('../imgs/ep_soci_level_kozos.png') no-repeat; }
.epsMailKozos:hover { background: url('../imgs/ep_soci_level_kozos.png') no-repeat; }
.epsParKeredDo { background: url('../imgs/ep_soci_notpar.png') no-repeat; }
.epsParKeredDo:hover { background: url('../imgs/ep_soci_addpar.png') no-repeat; }
.epsParKeredCancel { background: url('../imgs/ep_soci_querypar.png') no-repeat; }
.epsParKeredCancel:hover { background: url('../imgs/ep_soci_cancelpar.png') no-repeat; }
.epsParBontod { background: url('../imgs/ep_soci_curpar.png') no-repeat; }
.epsParBontod:hover { background: url('../imgs/ep_soci_rempar.png') no-repeat; }
.epsParElutasit { width: 16px;background: url('../imgs/ep_soci_querypar.png') no-repeat; }
.epsParElutasit:hover { background: url('../imgs/ep_soci_accrejpar.png') no-repeat; }
.epsParElfogad { width: 16px;background: url('../imgs/ep_soci_querypar.png') no-repeat top right; }
.epsParElfogad:hover { background: url('../imgs/ep_soci_accrejpar.png') no-repeat top right; }
.epsKedvencVagy { background: url('../imgs/ep_soci_iamfav.png') no-repeat;cursor: text; }
.epsKedvencDo { background: url('../imgs/ep_soci_notfav.png') no-repeat; }
.epsKedvencDo:hover { background: url('../imgs/ep_soci_addfav.png') no-repeat; }
.epsKedvencCancel { background: url('../imgs/ep_soci_curfav.png') no-repeat; }
.epsKedvencCancel:hover { background: url('../imgs/ep_soci_remfav.png') no-repeat; }
.epsNemerdekelDo { background: url('../imgs/ep_soci_notign.png') no-repeat; }
.epsNemerdekelDo:hover { background: url('../imgs/ep_soci_addign.png') no-repeat; }
.epsNemerdekelCancel { background: url('../imgs/ep_soci_curign.png') no-repeat; }
.epsNemerdekelCancel:hover { background: url('../imgs/ep_soci_remign.png') no-repeat; }
.epsErdekelDo { background: url('../imgs/ep_soci_notint.png') no-repeat; }
.epsErdekelDo:hover { background: url('../imgs/ep_soci_addint.png') no-repeat; }
.epsErdekelCancel { background: url('../imgs/ep_soci_curint.png') no-repeat; }
.epsErdekelCancel:hover { background: url('../imgs/ep_soci_remint.png') no-repeat; }
.epsTiltvaVagy { background: url('../imgs/ep_soci_iamden.png') no-repeat;cursor: text; }
.epsTiltDo { background: url('../imgs/ep_soci_notden.png') no-repeat; }
.epsTiltDo:hover { background: url('../imgs/ep_soci_addden.png') no-repeat; }
.epsTiltCancel { background: url('../imgs/ep_soci_curden.png') no-repeat; }
.epsTiltCancel:hover { background: url('../imgs/ep_soci_remden.png') no-repeat; }
.epsCsopKeredDo { background: url('../imgs/ep_soci_notgrp.png') no-repeat; }
.epsCsopKeredDo:hover { background: url('../imgs/ep_soci_addgrp.png') no-repeat; }
.epsCsopKeredCancel { background: url('../imgs/ep_soci_querygrp.png') no-repeat; }
.epsCsopKeredCancel:hover { background: url('../imgs/ep_soci_cancelgrp.png') no-repeat; }
.epsCsopKilepsz { background: url('../imgs/ep_soci_curgrp.png') no-repeat; }
.epsCsopKilepsz:hover { background: url('../imgs/ep_soci_quitgrp.png') no-repeat; }
.epsCsopKirugod { background: url('../imgs/ep_soci_curgrp.png') no-repeat; }
.epsCsopKirugod:hover { background: url('../imgs/ep_soci_remgrp.png') no-repeat; }
.epsCsopElutasit { width: 16px;background: url('../imgs/ep_soci_querygrp.png') no-repeat; }
.epsCsopElutasit:hover { background: url('../imgs/ep_soci_accrejgrp.png') no-repeat; }
.epsCsopElfogad { width: 16px;background: url('../imgs/ep_soci_querygrp.png') no-repeat top right; }
.epsCsopElfogad:hover { background: url('../imgs/ep_soci_accrejgrp.png') no-repeat top right; }
.epsChat { background: url('../imgs/ep_soci_invitechat_base.png') no-repeat; }
.epsChat:hover { background: url('../imgs/ep_soci_invitechat_hover.png') no-repeat; }
.epsNoChat { background: url('../imgs/ep_soci_invitechat_base.png') no-repeat;cursor: text; }

#epFutofeny {
    width: 100%;
    background-color: #ffffff;
    color: #ec6196;
    overflow: hidden;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}
#epFutofeny>SPAN {
	display: inline-block;
	margin-left: 782px;
	white-space: nowrap;
}
.mobilchatbanner {
	margin-left: auto;
	margin-right: auto;
}
.epEditorButton {
	width: 30px;
    height: 30px;
    border: 2px solid #dfcbfa;
    border-radius: 3px;
    background-color: #a37ada;
    color: white;
    border: 1px solid maroon;
    /* background-color: bisque; */
    background: transparent;
    margin: 3px;
    padding: 1px;
    cursor: pointer;
}
.epEditorButton.bold {
	background: #c092ff url('../imgs/editor/text_bold.png') no-repeat center center !important;
	background-size: 25px 25px !important;
}
.epEditorButton.underline {
	background: #c092ff url('../imgs/editor/text_underline.png') no-repeat center center !important;
	background-size: 25px 25px !important;
}
.epEditorButton.link {
	background: #c092ff url('../imgs/editor/link.png') no-repeat center center !important;
	background-size: 25px 25px !important;
}
.epEditorButton.image {
	background: #c092ff url('../imgs/editor/picture.png') no-repeat center center !important;
	background-size: 25px 25px !important;
}
.epEditorButton.happy {
	background: #c092ff url('../imgs/editor/smiley.gif') no-repeat center center !important;
	background-size: 25px 25px !important;
}
.epEditorButton.sad {
	background: #c092ff url('../imgs/editor/sad.gif') no-repeat center center !important;
	background-size: 25px 25px !important;
}
.epEditorButton.kiss {
	background: #c092ff url('../imgs/editor/kiss.gif') no-repeat center center !important;
	background-size: 25px 25px !important;
}
.epEditorButton.wink {
	background: #c092ff url('../imgs/editor/wink.gif') no-repeat center center !important;
	background-size: 25px 25px !important;
}
.epEditorButton.shocked {
	background: #c092ff url('../imgs/editor/shocked.gif') no-repeat center center !important;
	background-size: 25px 25px !important;
}
.epEditorButton.grin {
	background: #c092ff url('../imgs/editor/grin.gif') no-repeat center center !important;
	background-size: 25px 25px !important;
}
.epEditorButton.tongue {
	background: #c092ff url('../imgs/editor/tongue.gif') no-repeat center center !important;
	background-size: 25px 25px !important;
}
.epEditorButton.undecided {
	background: #c092ff url('../imgs/editor/undecided.gif') no-repeat center center !important;
	background-size: 25px 25px !important;
}
.epEditorButton.angry {
	background: #c092ff url('../imgs/editor/angry.gif') no-repeat center center !important;
	background-size: 25px 25px !important;
}
.epEditorButton.cheesy {
	background: #c092ff url('../imgs/editor/cheesy.gif') no-repeat center center !important;
	background-size: 25px 25px !important;
}
.epEditorButton.cool {
	width: 40px !important;
	background: #c092ff url('../imgs/editor/cool.gif') no-repeat center center !important;
	background-size: 35px 25px !important;
}
.epEditorButton.cry {
	background: #c092ff url('../imgs/editor/cry.gif') no-repeat center center !important;
	background-size: 25px 25px !important;
}
.epEditorButton.lipsrsealed {
	background: #c092ff url('../imgs/editor/lipsrsealed.gif') no-repeat center center !important;
	background-size: 25px 25px !important;
}
.epEditorButton.question {
	background: #c092ff url('../imgs/editor/question.gif') no-repeat center center !important;
	background-size: 25px 25px !important;
}
.epEditorButton.rolleyes {
	background: #c092ff url('../imgs/editor/rolleyes.gif') no-repeat center center !important;
	background-size: 25px 25px !important;
}
.epEditorButton.pirul {
	background: #c092ff url('../imgs/editor/pirul.gif') no-repeat center center !important;
	background-size: 25px 25px !important;
}
.epEditorButton.heart {
	background: #c092ff url('../imgs/editor/heart.png') no-repeat center center !important;
	background-size: 25px 25px !important;
}
.epfloatbanner {
	position: fixed;
	left: 0px;
	top: 0px;
	display: none;
	text-align: right;
	padding: 4px;
	z-index: 900;
}
.epfloatbanner>A:link,.epfloatbanner>A:visited,.epfloatbanner>A:active,.epfloatbanner>A:hover {
	color: red;
	font-weight: bold;
	font-size: 9px;
	text-decoration: none;
	background: white;
}
.epfloatbanner div {
	margin-top: 2px;
}
div[ep_banner="12"] {
	margin-left: auto !important;
	margin-right: auto !important;
}
SPAN.epUser {
	display: inline-block;
	padding-left: 4px;
    padding-right: 4px;
	background-color: #ffffff;
	border-radius: 3px;
	color: black;
	font-weight: bold;
	font-family: body-regular, sans-serif;
}
SPAN.epUser.polgar {
	color: #4f3b70;
}
SPAN.epUser.orompolgar {
	color: #3F8560;
}
SPAN.epUser.biro {
	color: #f2c222;
    background-color: #000000;
}
SPAN.epUser.moderator {
	color: #f33b46;
    background-color: #000000;
}
SPAN.epUser.alapito {
	color: #ffffff;
	background-color: #000000;
}
SPAN.epUser.torolt {
	color: #888888;
}


IMG.epUser {
	width: 40px;
	height: 40px;
	border: none;
	float:left;
	margin: 2px;
	margin-right: 5px;
}

.taggable{
	position: relative;
}

/* datatables cuccok */
.dataTable {
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
}
#epmailbox, #epextrauserlist, .frisslista {
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	overflow: hidden;
	border-collapse: collapse !important;
    border-spacing: 0px !important;
}
th[role="columnheader"] {
	background: rgb(195, 174, 217);
}
.dataTables_wrapper {
	position: relative;
	min-height: 302px;
	clear: both;
	_height: 302px;
	zoom: 1; /* Feeling sorry for IE */
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}

.dataTables_length {
    width: 50%;
    padding: 3px;
    float: left;
    color: white;
    font-size: 1.0em;
    /* font-weight: bold; */
}
.dataTables_length select {
    height: 1.5em;
    border: none;
    font-size: 1.0em;
}
.dataTables_length span {
    white-space: nowrap;
}
.dataTables_filter {
    width: 45%;
    float: right;
    padding: 3px;
    text-align: right;
    color: white;
    font-size: 1.0em;
    /* font-weight: bold; */
}
.dataTables_filter input[type="text"] {
    height: 1.3rem !important;
    border: none !important;
    padding: 0px !important;
    font-size: 0.8rem !important;
    width: 50%;
}
.dataTables_info {
    width: 60%;
    padding: 3px;
    float: left;
    color: white;
    font-size: 1.0em;
    /* font-weight: bold; */
    padding-top: 0.35rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.dataTables_paginate {
	/*width: 44px;*/
	padding: 3px;
	/*width: 50px;*/
	float: right;
	text-align: right;
}
.paging_two_button a.ui-corner-left::before{
	/*content: "\f104";
    font-family: "Font Awesome 5 Free";*/
}
.paging_two_button a.ui-corner-right::before{
	/*content: "\f105";
    font-family: "Font Awesome 5 Free";*/
}
.paging_two_button span {
    display: none;
    background-position: unset;
    background-image: unset !important;
}
.fg-button {
    background-image: none !important;
    background: transparent !important;
    border: 2px solid white !important;
    opacity: 1.0 !important;
    border-color: white !important;
    color: white !important;
    font-weight: 900 !important;
}
.fg-button.ui-state-disabled{
	color: #c3aed9 !important;
}
.fg-button.ui-corner-left::before{
	content: "\f104" !important;
    font-family: "Font Awesome 5 Free" !important;
}
.fg-button.ui-corner-right::before{
	content: "\f105" !important;
    font-family: "Font Awesome 5 Free" !important;
}
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
}

.dataTables_empty {
	text-align: center;
}
.DataTables_sort_icon {
	float: right;
	background-image: url(jquery/images/ui-icons_ffffff_256x240.png) !important;
}
.DataTables_sort_wrapper {
	font-weight: bold;
    cursor: pointer;
    text-align: left;
    color: maroon;
    margin-left: 5px;
    padding: 2px;
    width: inherit;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.DataTables_sort_wrapper [type="checkbox"] {
	margin-left: -3px;
}
.DataTables_sort_wrapper > .fa-check:before {
	margin-left: -8px;
}
.datatableRowStyle {
    height: 2.5rem;
    container-type: inline-size;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: left;
    align-items: center;
}
/* Extraz tábla cuccok */
.nemInExtrazList {
	color: maroon;
    max-width: 55px;
	width: 55px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.8rem;
    margin-right: 3px;
    cursor: default;
}
.korInExtrazList {
	color: maroon;
    max-width: 50px;
	width: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.8rem;
    margin-right: 3px;
    cursor: default;
}
.negyedInextrazList {
	color: black;
    max-width: 20%;
	width: 65px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1rem;
    margin-right: 3px;
    cursor: default;
}
/* Frisllista datatables cuccok*/
#DataTables_Table_0_wrapper {
	/*min-width: 100%;
	max-width: 100%;
	width: 100%;*/
}
/* Mailtábla cuccok */
.nameInMailTable {
    width: 235px !important;;
    min-width: 235px;
    max-width: 235px;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 3px;
    font-size: 1.0em;
    display: flex;
}
.nameInMailTable.extrazlist {
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
}
.nameInMailTable.bimpontlist {
    width: 270px !important;
    min-width: 270px !important;
    max-width: 270px !important;
}
td.nameInMailTable.extrazlist {
    padding-left: 7px;
    align-self: center;
}
td.nameInMailTable div.userMiniContainer{
	width: 90% !important;
}
.subjectInMailTable {
    max-width: 0px;
    width: 0px;
    min-width: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.2em;
    margin-right: 3px;
    cursor: pointer;
    padding-left: 5px;
}
.timeInMailTable {
    font-size: 0.6rem;
    color:#4e4e50;
    /* max-width: 170px; */
    width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.8rem;
    margin-right: 3px;
    cursor: default;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}
.timeInMailTable.extrazlist {
    width: 270px !important;
    min-width: 270px !important;
    max-width: 270px !important;
    display: flex;
    
}
td.timeInMailTable.extrazlist{
	padding-left: 7px;
    align-self: center;
}
td.timeInMailTable.extrazlist.kozosseglist{
	display: flex;
    justify-content: space-between;
}
.timeInMailTable.even{
	background: #cfbbea;
}
.timeInMailTable.odd{
	background: #dfcbfa;
}
/* mail és egyéb listák fejlec */
tr.maillistheaderContainer{
    display: flex;
    justify-content: left;
    background: #c4b1da;
    width: 780px;
    overflow: hidden;
}
tr.extrazlistheaderContainer {
    display: flex;
    justify-content: left;
    background: #c4b1da;
    width: 100%;
}
div.mailExternalSubject {
    width: 780px;
    font-size: 1.2em;
    color: maroon;
    cursor: pointer;
    cursor: pointer;
    padding-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    justify-content: left;
}
div.mailExternalSubject i {
    width: 74px;
    display: flex;
    justify-content: center;
    color: #eb6195;
    font-size: 1.2em;
}
div.mailExternalSubject div{
	 width: 74px;
}
div.mailExternalSubject span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 74px);
}
div.mailExternalSubject.even {
    background-color: #cfbbea;
}
div.mailExternalSubject.odd {
    background-color: #dfcbfa;
}
span.mailsumjectLabeltext {
    width: 74px !important;
    color: white;
    /* padding-left: 7px; */
    font-size: 0.8em;
    text-align: center;
}
div.mailChoosercontainer {
	display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-between;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
}
div.mailChoosercontainer.galery button {
    width: 32%;
}
div.mailChoosercontainer.galleryWidgetHeader button {
    max-width: 50%;
}
div.mailChoosercontainer.galeryChooser button {
    max-width: 50%;
}
A.mailChooser {
	display: inline-block;
	width: 50px;
	height: 15px;
	padding: 0px;
	padding-top: 43px;
	margin: 0px;
	margin-bottom: 5px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	border: none;
	text-decoration: none;
	border-radius: 3px;
	cursor: pointer;
	cursor: hand;
}
A.mailChooser:hover {
	background-color: #dfcbfa !important;
}
A.mailChooser.active {
	background-color: #c3aed9 !important;
}
A.mailChooser.compose { background: url('../imgs/mail-compose.png') no-repeat top center; }
A.mailChooser.inbox { background: url('../imgs/mail-inbox.png') no-repeat top center; }
A.mailChooser.sent { background: url('../imgs/mail-outbox.png') no-repeat top center; }
A.mailChooser.archive { background: url('../imgs/mail-archive.png') no-repeat top center; }
A.mailChooser.trash { background: url('../imgs/mail-trash.png') no-repeat top left; }
button.mailChooser {
	min-width: 4rem;
	height: 5rem;
	padding: 0px;
	padding-top: 1rem;
	background: transparent;
	border: none;
    outline:none;
	display: flex;
	flex-direction: column;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	align-items: center;
	cursor: pointer;
	width: -webkit-fill-available;
    width: -fill-available;
    width: -moz-available;
    margin-left: 2px;
    margin-right: 2px;
    width: 120px;
}
div.epBlogEntry button.mailChooser {
    width: 90px !important;
}
button.mailChooser:hover {
	background-color: #dfcbfa !important;
}
button.mailChooser.active {
	background-color: #c3aed9 !important;
}
button.mailChooser.active:hover {
	background-color: #bd9edd !important;
}
span .mailchoserIcon {
	color: #996ade;
	font-size: 2.0rem;
}
span.mailChooserText {
	font-size: 0.8rem;
	color: #800000;
	font-weight: bold;
	margin-top: 5px;
	white-space: nowrap;
}
button.onscreenmenuButton {
    width: 100%;
    border: none;
    height: 100%;
    max-height: 120px;
    font-size: 2em;
    padding: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    
    background-color: transparent;
    border-top: 1px solid #a37ada;
    border-left: 1px solid #a37ada;
    border-right: 1px solid #a37ada;
    border-bottom: 1px solid #800000;
}
button.onscreenmenuButton.active {
	background-color: #c3aed9 !important;
    border: 1px solid #c3aed9;
    border-top: 1px solid #800000;
    border-left: 1px solid #800000;
    border-right: 1px solid #800000;
    border-bottom: 1px solid #a37ada;
}
i.onscreenmenuButtonIcon{
	color: #996ade;
	margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
span.onscreenmenuButtonText{
	color: maroon;
    margin-left: 10px;
    font-family: graphic-regular, sans-serif;
    font-size: 0.7em;
    font-weight: bold;
}
/*Mailek áthelyezésének gombjai*/
.mailExportContainer {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-around;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
}
button.mailExportButton {
    background: #c3aed9 !important;
    display: flex !important;
    display: -webkit-flex !important;
    flex-direction: row !important;
    -webkit-flex-direction: row !important;
    border: none !important;
    outline: none !important;
    cursor: pointer !important;
    padding: 5px !important;
    font-size: 1.2em !important;
    flex-wrap: nowrap !important;
    min-width: 150px;
    align-items: center;
    justify-content: center;
}
.mailExportButtonIcon {
	margin-right: 10px;
}
.mailExportButtonText {
	color: #800000;
}
.mailCheckboxInList {
    width: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    margin-right: 3px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.mailCheckboxInList [type="checkbox"] {
	width: 1.0rem;
    height: 1.0rem;
    cursor: pointer;
}
.mailiconContainerInList{
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	margin-right: 3px;
}
td.mailiconContainerInList a {
    font-size: 30px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
}
.mailiconInList{
	color: #996ade;
    margin-right: 5px;
    font-size: 1.0rem;
}
.mailExportButton.movetrash{
	background-image: url(../imgs/mail-trash.png) !important;
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    background-position: left !important;
    background-origin: border-box !important;
}
.mailExportButton.finaldelete{
	background-image: url(../imgs/mail-finaldelete.png) !important;
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    background-position: left !important;
    background-origin: border-box !important;
}
.mailExportButton.mail-download{
	background-image: url(../imgs/mail-download.png) !important;
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    background-position: left !important;
    background-origin: border-box !important;
}
.mailExportButton.mail-archive{
	background-image: url(../imgs/mail-archive.png) !important;
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    background-position: left !important;
    background-origin: border-box !important;
}
.mailExportButton.mail-restore{
	/*background-image: url(../imgs/mail-restore.png) !important;*/
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    background-position: left !important;
    background-origin: border-box !important;
}
/*Új form általános formázás*/
.myBlogBax.newFormatBar{
	width: 100% !important;
    padding: 0px !important;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: center;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 2px !important;
    text-align: center;
    font-size: 0.8rem;
    color: white;
    align-items: center;
    background: #cfbbea;
    cursor: default;
}
textarea {
	height: 120px;
    min-height: 120px !important;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100% !important;
    overflow: hidden;
    border: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff !important;
    font-size: 1em !important;
    font-weight: bold;
    letter-spacing: 1px;
}
.myBlogBax.charcount{
	width: 100% !important;
    padding: 0px !important;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: center;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 2px !important;
    text-align: center;
    font-size: 0.8rem;
    color: white;
    align-items: center;
    background: #cfbbea;
    cursor: default;
}
.myBlogBax.charcount input{
	height: 0.7rem;
    border: none;
    margin-top: 7px;
    margin-bottom: 2px;
    margin-left: 5px;
    color: white;
    background: #cfbbea;
    -webkit-text-fill-color: white;
    -webkit-opacity: 1;
}
/*Új levél oldal cuccai*/
.newmailContainer {
    border: 1px solid #c39afa;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 0px;
}
.newmailNameRow {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    background: #dfcbfa;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.newmailNameRowText {
    /*color: #835aba;
    font-size: 0.7rem;*/
    font-weight: bold;
    margin-right: 3px;
    width: 15%;
    cursor: default;
}
.newmailNameRowInput {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
}
.newmailNameRowInput input[type="text"] {
    height: 2.5rem;
    border: 0px;
    background: #ffffff !important;
    font-size: 1em !important;
    font-weight: bold;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 1px;
}
.newmailNameRowInput div {
    /*height: 2.5rem;
    border: 0px;
    background: #ffffff !important;
    font-size: 1em !important;
    font-weight: bold;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
    display: flex;
    align-items: center;
    font-weight: bold;
    justify-content: space-between;
    /*width: 100%;*/
    /*background: white;*/
    height: 2.5em;
}
.newmailNameRowInput input[type="button"] {
	width: 10%;
    height: 1.5rem;
    border: 0px;
    background: #ffffff url(../imgs/bullet_arrow_down.png) no-repeat center;
    border-left: 1px solid;
    cursor: pointer;
    border-top-right-radius: 3px;
}
.newmailSubjectRow {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    background: #cfbbea;
    padding-right: 3px;
}
.newmailSubjectRowText {
    /*color: #835aba;
    font-size: 0.7rem;*/
    font-weight: bold;
    margin-right: 3px;
    width: 15%;
    cursor: default;
}
.newmailSubjectRowInput {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
}
.newmailSubjectRowInput input[type="text"] {
    border: 0px;
    width: 100%;
    height: 2.5rem;
    background: #ffffff !important;
    font-size: 1em !important;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.newmailMessageRow {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    background: #cfbbea;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
}
.newmailMessageRowText {
    /*color: #835aba;
    font-size: 0.7rem;*/
    font-weight: bold;
    margin-right: 3px;
    width: 100%;
    margin-bottom: 5px;
    cursor: default;
}
.newmailMessageRowInput {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
}
.newmailMessageRowInput .myBlogBax {
    width: 100% !important;
    padding: 0px !important;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: center;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 2px !important;
    text-align: center;
    font-size: 0.8rem;
    color: #835aba;
    align-items: center;
    background: white;
    cursor: default;
    border-top: 3px solid #cfbbea;
}
.newmailMessageRowInput textarea {
    width: 100% !important;
    height: 120px;
    min-height: 120px !important;
    overflow: hidden;
    font-size: 0.8rem;
    font-weight: bold;
    border: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.newmailMessageRowInput .myBlogBax input[type="text"] {
    height: 0.7rem;
    border: none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
    color: #835aba;
    background: white;
    /*-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
    -webkit-text-fill-color: #835aba;
	-webkit-opacity:1;
}
.newmailMessageRowInput .myBlogBax input[type="button"] {
    cursor: pointer;
}
.newmailAttachmentRow {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    background: #dfcbfa;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    overflow: hidden;
}
.newmailAttachmentRowText {
    /*color: #835aba;
    font-size: 0.7rem;*/
    font-weight: bold;
    margin-right: 3px;
    width: 100%;
    margin-bottom: 5px;
    cursor: default;
}
.newmailAttachmentRowInput {
    float: left;
    /*margin-right: 12px;*/
    cursor: pointer;
}
.newmailAttachmentRowInput input[type="button"] {
    width: 25% !important;
    /* background: #dfcbfa url(../imgs/bullet_arrow_down.png) no-repeat center; */
    /* border-left: 2px solid #a37ada; */
    cursor: pointer;
    height: 42px !important;
}
.newmailAttachmentRowInput #anonymous_element_1_current {
    width: 100%;
    padding: 0px;
    margin-top: 0px;
    height: 41px;
    height: 90px;
}
.newmailAttachmentRowInput #anonymous_element_1_current img{
    object-fit: cover;
}
.newmailButtonRow {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    background: #dfcbfa;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.newmailButton input[type="submit"] {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 22px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #fff;
    appearance: push-button;
    user-select: none;
    white-space: pre;
    align-items: flex-start;
    text-align: center;
    color: -internal-light-dark(black, white);
    background-color: -internal-light-dark(rgb(239, 239, 239), rgb(59, 59, 59));
    box-sizing: border-box;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
    -webkit-appearance: none;
	border-radius: 0;
}
/* kommentek forumba, blogba */
.newblogcommentContainer {
    border: 1px solid #c39afa;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 0px;
}
.newblogcommentMessageRow {
	/*width: 100%;*/
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    background: #cfbbea;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.newblogcommentMessageRowText {
	/*color: #835aba;
    font-size: 0.7rem;*/
    font-weight: bold;
    margin-right: 3px;
    width: 100%;
    margin-bottom: 5px;
    cursor: default;
}
.newblogcommentMessageRowInput {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
}
.newblogcommentMessageRowInput .myBlogBax {
    width: 100% !important;
    padding: 0px !important;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: center;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 2px !important;
    text-align: center;
    font-size: 0.8rem;
    color: #835aba;
    align-items: center;
    background: white;
    cursor: default;
    border-top: 3px solid #cfbbea;
}
.newblogcommentMessageRowInput textarea {
    width: 100% !important;
    height: 80px;
    min-height: 80px !important;
    overflow: hidden;
    font-size: 0.8rem;
    border: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.newblogcommentMessageRowInput .myBlogBax input[type="text"] {
    height: 0.7rem;
    border: none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
    color: #835aba;
    background: white;
    /*-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
    -webkit-text-fill-color: #835aba;
	-webkit-opacity:1;
}
.newblogcommentMessageRowInput .myBlogBax input[type="button"] {
    cursor: pointer;
}
.newblogcommentAttachmentRow {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    background: #dfcbfa;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    overflow: hidden;
}
.newblogcommentAttachmentRowText {
    /*color: #835aba;
    font-size: 0.7rem;*/
    font-weight: bold;
    margin-right: 3px;
    width: 100%;
    margin-bottom: 5px;
    cursor: default;
}
.newblogcommentAttachmentRowInput {
    float: left;
    /*margin-right: 12px;*/
    cursor: pointer;
}
.newblogcommentAttachmentRowInput input[type="button"] {
    width: 25% !important;
    /* background: #dfcbfa url(../imgs/bullet_arrow_down.png) no-repeat center; */
    /* border-left: 2px solid #a37ada; */
    cursor: pointer;
    height: 42px !important;
}
.newblogcommentAttachmentRowInput #anonymous_element_1_current {
    width: 100%;
    padding: 0px;
    margin-top: 0px;
    height: 90px;
}
.newblogcommentAttachmentRowInput #anonymous_element_1_current img{
    object-fit: cover;
}
.newblogcommentButtonRow {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    background: #dfcbfa;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.newblogcommentButton input[type="submit"] {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 22px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #fff;
    appearance: push-button;
    user-select: none;
    white-space: pre;
    align-items: flex-start;
    text-align: center;
    color: -internal-light-dark(black, white);
    background-color: -internal-light-dark(rgb(239, 239, 239), rgb(59, 59, 59));
    box-sizing: border-box;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
    -webkit-appearance: none;
	border-radius: 0;
}
.newforumcommentContainer {
    border: 1px solid #c39afa;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 0px;
}
.newforumcommentMessageRow {
	/*width: 100%;*/
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    background: #cfbbea;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.newforumcommentMessageRowText {
	/*color: #835aba;
    font-size: 0.7rem;*/
    font-weight: bold;
    margin-right: 3px;
    width: 100%;
    margin-bottom: 5px;
    cursor: default;
}
.newforumcommentMessageRowInput {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
}
.newforumcommentMessageRowInput .myBlogBax {
    width: 100% !important;
    padding: 0px !important;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: center;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 2px !important;
    text-align: center;
    font-size: 0.8rem;
    color: #835aba;
    align-items: center;
    background: white;
    cursor: default;
    border-top: 3px solid #dfcbfa;
}
.newforumcommentMessageRowInput textarea {
    width: 100% !important;
    height: 120px;
    min-height: 120px !important;
    overflow: hidden;
    font-size: 0.8rem;
    border: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.newforumcommentMessageRowInput .myBlogBax input[type="text"] {
    height: 0.7rem;
    border: none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
    color: #835aba;
    background: white;
    /*-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
    -webkit-text-fill-color: #835aba;
	-webkit-opacity:1;
}
.newforumcommentMessageRowInput .myBlogBax input[type="button"] {
    cursor: pointer;
}
.newforumcommentAttachmentRow {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    background: #dfcbfa;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    overflow: hidden;
}
.newforumcommentAttachmentRowText {
    /*color: #835aba;
    font-size: 0.7rem;*/
    font-weight: bold;
    margin-right: 3px;
    width: 100%;
    margin-bottom: 5px;
    cursor: default;
}
.newforumcommentAttachmentRowInput {
    float: left;
    /*margin-right: 12px;*/
    cursor: pointer;
}
.newforumcommentAttachmentRowInput input[type="button"] {
    width: 25% !important;
    /* background: #dfcbfa url(../imgs/bullet_arrow_down.png) no-repeat center; */
    /* border-left: 2px solid #a37ada; */
    cursor: pointer;
    height: 42px !important;
}
.attachButton {
	float: right;
    width: 25%;
    background: #835aba;
    margin: 0px;
    height: 100%;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-right: 0px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    cursor: pointer;
}
.attachButton i {
	color: white;
    font-size: 2.5em;
}
.newforumcommentAttachmentRowInput #anonymous_element_1_current {
    width: 100%;
    padding: 0px;
    margin-top: 0px;
    height: 41px;
    height: 90px;
}
.newforumcommentAttachmentRowInput #anonymous_element_1_current img{
    object-fit: cover;
}
.newforumcommentUploadRow {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    background: #dfcbfa;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    overflow: hidden;
}
.newforumcommentUploadRowText {
    /*color: #835aba;
    font-size: 0.7rem;*/
    font-weight: bold;
    margin-right: 3px;
    width: 100%;
    margin-bottom: 5px;
    cursor: default;
}
.newforumcommentUploadRowInput {
    cursor: pointer;
    border: 1px solid #835aba;
    border-radius: 3px;
	height: 90px;
}
.newforumcommentUploadRow input[type="file"] {
	display: none;
}
.newforumcommentUploadRowInputIcon {
	float: right;
    width: 25%;
    background: #835aba;
    margin: 0px;
    height: 100%;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-right: 0px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    cursor: pointer;
}
.newforumcommentUploadRowInputIcon i {
	color: white;
    font-size: 2.5em;
}
.newforumcommentUploadRowInputImagetext {
	display: flex;
	display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    float: left;
}
.newforumcommentUploadRowInputImagetext img {
	border: 1px solid;
	object-fit: cover;
	width: 90px;
    height: 90px
}
.newforumcommentUploadRowInputImagetext span {
	font-family: graphic-regular, sans-serif;
    font-weight: bold;
    color: black;
    /*font-size: 11px;*/
    padding-left: 10px;
}
.newforumcommentButtonRow {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    background: #cfbbea;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.newforumcommentButton input[type="submit"] {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 22px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #fff;
    appearance: push-button;
    user-select: none;
    white-space: pre;
    align-items: flex-start;
    text-align: center;
    color: -internal-light-dark(black, white);
    background-color: -internal-light-dark(rgb(239, 239, 239), rgb(59, 59, 59));
    box-sizing: border-box;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
    -webkit-appearance: none;
	border-radius: 0;
}
.forumsearchRow {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    background: #dfcbfa;
    padding-right: 3px;
    align-items: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.forumsearchRowText {
    /*color: #835aba;
    font-size: 0.7rem;*/
    font-weight: bold;
    margin-right: 3px;
    width: 75%;
    cursor: default;
}
.forumsearchRowInput {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 50%;
}
.forumsearchRowInput input[type="text"] {
    height: 1.5rem;
    border: 0px;
    font-size: 1rem !important;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.forumsearchButtonRow {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    background: #cfbbea;
    padding-left: 3px;
    padding-right: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.forumsearchButton input[type="button"] {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 22px !important;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #fff;
    appearance: push-button;
    user-select: none;
    white-space: pre;
    align-items: flex-start;
    text-align: center;
    color: -internal-light-dark(black, white);
    background-color: -internal-light-dark(rgb(239, 239, 239), rgb(59, 59, 59));
    box-sizing: border-box;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
    -webkit-appearance: none;
	border-radius: 0;
}
.innerContent a img, .forum-blog-entry-image {
    width: 100%;
    /* height: 270px; */
    object-fit: cover;
    /* margin-bottom: 10px; */
    /* margin-top: 5px; */
    margin-left: 0px !important;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-radius: 5px;
    aspect-ratio: 1.77;
}
.mail-image a img {
	width: 100%;
    height: 270px;
    object-fit: cover;
    margin-bottom: 10px;
    margin-top: 0px;
    margin-left: 0px !important;
}
div.mail-image {
    position: relative;
}
.mailmessageSubHeader {
    display: flex;
    flex-direction: column;
    background: #dfcbfa;
}
.mailmessageSubHeader.mine{
	align-items: flex-end;
}
.mailmessageSubContainer{
	
}
.mailmessageSubContainer.mine{
	
}
.attachmentContainer {
    display: flex;
    flex-direction: row;
    width: 100%;
    overflow: hidden;
}
.attachmentImageContainer{
	width: 100%;
    /*height: 270px;*/
    aspect-ratio: 1.77;
    overflow: hidden;
    display: flex;
}
.attachmentImageContainer img, .attachmentImageContainer canvas{
	width: 100%;
    object-fit: cover;
    object-position: center center;
}
input::placeholder, textarea::placeholder {
  color: grey;
  opacity: 0.5;
  font-style: italic;
}
/*Blog bejegyzés*/
.newblogentryContainer {
    border: 1px solid #c39afa;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 0px;
}
.newblogentryTitleRow {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding-top: 5px;
    /*padding-bottom: 5px;*/
    padding-left: 3px;
    background: #dfcbfa;
    padding-right: 3px;
}
.blogVisibleDisplay{
	width: auto;
    border: 1px solid #8763df;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8763df;
    font-weight: bold;
    padding: 3px;
    text-align: center;
}
.newblogentryTitleRowText {
    /*color: #835aba;
    font-size: 0.7rem;*/
    font-weight: bold;
    margin-right: 3px;
    width: 35%;
    cursor: default;
}
.newblogentryTitleRowInput {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
    padding: 0px;
}
.newblogentryTitleRowInput input[type="text"] {
    height: 2.5rem;
    border: 0px;
    font-size: 1rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.newblogentryMessageRow {
	/*width: 100%;*/
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    background: #dfcbfa;
    padding-top: 5px;
    /*padding-bottom: 5px;*/
    padding-left: 3px;
    padding-right: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.newblogentryMessageRowText {
	/*color: #835aba;
    font-size: 0.7rem;*/
    font-weight: bold;
    margin-right: 3px;
    width: 100%;
    margin-bottom: 5px;
    cursor: default;
}
.newblogentryMessageRowInput {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
}
.newblogentryMessageRowInput .myBlogBax {
    width: 100% !important;
    padding: 0px !important;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: center;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 2px !important;
    text-align: center;
    font-size: 0.8rem;
    color: #835aba;
    align-items: center;
    background: white;
    cursor: default;
    border-top: 3px solid #dfcbfa;
}
.newblogentryMessageRowInput textarea {
    width: 100% !important;
    height: 100px;
    min-height: 100px !important;
    overflow: hidden;
    font-size: 0.8rem;
    border: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.newblogentryMessageRowInput .myBlogBax input[type="text"] {
    height: 0.9em;
    border: none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
    color: #835aba;
    background: white;
    /*-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
    -webkit-text-fill-color: #835ABE;
	-webkit-opacity:1;
	font-weight: bold;
}
.newblogentryMessageRowInput .myBlogBax input[type="button"] {
    cursor: pointer;
}
.newblogentryUploadRow {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    background: #ffffff;
    margin-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    overflow: hidden;
}
.newblogentryUploadRowText {
    /*color: #835aba;
    font-size: 0.7rem;*/
    font-weight: bold;
    margin-right: 3px;
    width: 100%;
    margin-bottom: 5px;
    color: grey;
    cursor: default;
    opacity: 0.5;
    font-style: italic;
    margin-top: 15px;
}
span.newblogentryUploadRowDropText {
    position: absolute;
    right: 3px;
    font-size: 0.8em;
    color: grey;
    opacity: 0.7;
    max-width: 400px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.newblogentryUploadRowInput {
    cursor: pointer;
    border: 1px solid #835aba;
    border-radius: 3px;
	height: 90px;
	background: #ffffff;
    color: grey;
    font-style: italic;
    margin-left: 3px;
    margin-right: 3px;
}
.newblogentryUploadRow input[type="file"] {
	display: none;
}
.newblogentryUploadRowInputIcon {
	float: right;
    width: 25%;
    background: #835aba;
    margin: 0px;
    height: 100%;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-right: 0px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    cursor: pointer;
}
.newblogentryUploadRowInputIcon i {
	color: white;
    font-size: 2.5em;
}
.newblogentryUploadRowInputImagetext {
	display: flex;
	display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    float: left;
}
.newblogentryUploadRowInputImagetext img {
	border: 1px solid;
	object-fit: cover;
	width: 90px;
    height: 90px
}
.newblogentryUploadRowInputImagetext span {
	font-family: graphic-regular, sans-serif;
    font-weight: bold;
    color: black;
    /*font-size: 11px;*/
    padding-left: 10px;
}
.newblogentryAttachmentRow {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    background: #cfbbea;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    overflow: hidden;
}
.newblogentryAttachmentRowText {
    /*color: #835aba;
    font-size: 0.7rem;*/
    font-weight: bold;
    margin-right: 3px;
    width: 100%;
    margin-bottom: 5px;
    cursor: default;
}
.newblogentryAttachmentRowInput {
    float: left;
    /*margin-right: 12px;*/
    cursor: pointer;
}
.newblogentryAttachmentRowInput input[type="button"] {
    width: 25% !important;
    /* background: #dfcbfa url(../imgs/bullet_arrow_down.png) no-repeat center; */
    /* border-left: 2px solid #a37ada; */
    cursor: pointer;
    height: 42px !important;
}
.newblogentryAttachmentRowInput #anonymous_element_1_current {
    width: 100%;
    padding: 0px;
    margin-top: 0px;
    height: 90px;
}
.newblogentryAttachmentRowInput #anonymous_element_1_current img{
    object-fit: cover;
}
.newblogentryButtonRow {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    background: #dfcbfa;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.newblogentryButton input[type="submit"] {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 22px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #fff;
    appearance: push-button;
    user-select: none;
    white-space: pre;
    align-items: flex-start;
    text-align: center;
    color: -internal-light-dark(black, white);
    background-color: -internal-light-dark(rgb(239, 239, 239), rgb(59, 59, 59));
    box-sizing: border-box;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
    -webkit-appearance: none;
	border-radius: 0;
}
#anonymous_element_1_selector img {
    object-fit: cover;
}
A.commentMgr {
	display: inline-block;
	width: 25px;
	height: 25px;
	padding: 0px;
	margin: 0px;
	margin-left: 2px;
	border: none;
	text-decoration: none;
	cursor: pointer;

}
A.commentMgr:hover {
	background-color: #dfcbfa !important;
}
A.commentMgr.reply { background: url('../imgs/comments/comment_reply.png') no-repeat top left; background-size: 25px 25px;margin: 5px;}
A.commentMgr.disable { background: url('../imgs/comments/comment_delete.png') no-repeat top left; background-size: 25px 25px;margin: 5px;}
A.commentMgr.allow { background: url('../imgs/comments/comment_add.png') no-repeat top left; background-size: 25px 25px;margin: 5px;}
A.commentMgr.edit { background: url('../imgs/comments/comment_edit.png') no-repeat top left; background-size: 25px 25px;margin: 5px;}
A.commentMgr.pin { background: url('../imgs/comments/lock_add.png') no-repeat top left; background-size: 25px 25px;margin: 5px;}
A.commentMgr.unpin { background: url('../imgs/comments/lock_delete.png') no-repeat top left; background-size: 25px 25px;margin: 5px;}
A.commentMgr.guestadd { background: url('../imgs/comments/user_add.png') no-repeat top left; background-size: 25px 25px;margin: 5px;}
A.commentMgr.guestdel { background: url('../imgs/comments/user_delete.png') no-repeat top left; background-size: 25px 25px;margin: 5px;}

.epextrauserlist {
	width: 100%;
}
DIV.epBlogEntry {
	display: block;
	border: 1px solid #c39afa;
	background-color: #dfcbfa;
	margin-bottom: 15px;
	width: 100%;
}
DIV.epBlogEntry.comment {
	border: none;
    background: transparent;
}	
DIV.epBlogEntry H3,DIV.epBlogEntry H4 {
	display: block;
	margin: 0px;
	padding: 5px;
	background-color: #d3baff;
	font-size: 14px;
	font-weight: normal;
}
DIV.epBlogEntry H3 A,DIV.epBlogEntry H4 A {
	font-weight: bold;
}
DIV.epBlogEntry H4 {
	font-size: 11px;
}
DIV.epBlogEntry H3 SPAN {
	font-size: 12px;
}
DIV.epBlogEntry DIV.innerContent {
    /* padding: 5px; */
    text-align: justify;
    /* font-size: 11px; */
    /* width: 460px; */
    /* clear: both; */
    overflow: hidden;
    min-height: 60px;
    position: relative;
}
DIV.epBlogEntry DIV.innerContent.comment{
	background: #eadff9;
}
DIV.epBlogEntry DIV.innerContent.kiemelt {
	background-color: #fffbca !important;
}
DIV.epBlogEntry DIV.innerContent.kiemelt.comment {
	
}
DIV.commentBody {
	display: flex;
    flex-direction: column;
    border: 2px solid #c39afa;
    border-top: none;
    margin-left: 40px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
DIV.epBlogEntry DIV.innerContent.kiemelt2 {
	background-color: #dfabea !important;
}
DIV.epBlogEntry DIV.kommHead {
	display: flex;
	flex-direction: row;
	justify-content: left;
	margin: 0px;
	padding: 0px;
	background-color: #d3baff;
	font-size: 10px;
	font-weight: normal;
	overflow: hidden;
}
DIV.epBlogEntry DIV.kommHead.comment{
	background-color: #eadff9;
	background-color: #eadff9;
    border: 2px solid #c39afa;
    border-radius: 5px;
    border-bottom-right-radius: 0px;
}
DIV.epBlogEntry DIV.kommHead .kommheadImg img {
	object-fit: cover;
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
DIV.epBlogEntry DIV.kommHead .kommheadValues {
	display: flex;
	flex-direction: row;
	width: 100%;
	/*justify-content: space-between;*/
}
DIV.epBlogEntry DIV.kommHead .kommheadValues .kommheadUser{
	display: flex;
	flex-direction: column;
	font-weight: bold;
	justify-content: space-between;
}
DIV.epBlogEntry DIV.kommHead .kommheadValues .kommheadIcons{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: center;
}
.kommheadIcons{
	margin-left: auto;
}
div.postpagercontainer{
	display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    background: #d3baff;
    padding: 5px;
    border: 1px solid #a37ada;
}
div.standardbutton.postpagernext{
	background: #c4aae7;
    color: black;
    border-color: #a37ada !important;
    border-width: 1px;
    /*width: fit-content;*/
    padding-left: 5px;
    padding-right: 5px;
    font-size: 1.2em;
    min-width: 80px;
    padding-left: 0px;
    padding-right: 0px;
}
div.standardbutton.postpagernext i{
	color: black;
}
div.standardbutton.postpagernext span{
	
}
div.standardbutton.postpagerall{
	background: #c4aae7;
    color: black;
    border-color: #a37ada !important;
    border-width: 1px;
    /*width: fit-content;*/
    padding-left: 5px;
    padding-right: 5px;
    font-size: 1.2em;
    min-width: 120px;
}
div.standardbutton.postpagerall span{

}
div.standardbutton.postpagerprev{
	background: #c4aae7;
    color: black;
    border-color: #a37ada !important;
    border-width: 1px;
    /*width: fit-content;*/
    padding-left: 5px;
    padding-right: 5px;
    font-size: 1.2em;
    min-width: 80px;
    padding-left: 0px;
    padding-right: 0px;
}
div.standardbutton.postpagerprev i{
	color: black;
}
div.standardbutton.postpagerprev span{
	
}
div.standardbutton.posthistory {
    height: fit-content;
    flex-direction: column;
    max-width: 72px !important;
    padding: 0px;
    min-width: unset;
}
div.standardbutton.posthistory i{
	margin-right: unset;
    margin-left: unset;
    font-size: 1.2em;
}
div.standardbutton.posthistory span{
	font-size: 0.56em;
}
DIV.epBlogEntry DIV.kommHead .kommheadValues .kommheadVoter{
	display: flex;
	flex-direction: row;
	justify-content: right;
	align-items: center;
}
A.commentMgr.blogedit { background: url('../imgs/comments/page_edit.png') no-repeat top left; background-size: 25px 25px;margin: 5px;}
A.commentMgr.blogallow { background: url('../imgs/comments/page_add.png') no-repeat top left; background-size: 25px 25px;margin: 5px;}
A.commentMgr.blogdisable { background: url('../imgs/comments/page_delete.png') no-repeat top left; background-size: 25px 25px;margin: 5px;}

/* vagyak, adatlapok */

.halfOpaque { opacity:0.5; }
.regLetiltott { border: 1px solid red !important; }
.lefted { text-align: left !important; }
.righted { text-align: right !important; padding: 4px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;}
.centered { text-align: center !important; }
.font9 { font-size: 9px !important; }
.font10 { font-size: 10px !important; }
.font11 { font-size: 11px !important; }
.font12 { font-size: 12px !important; }
.font14 { font-size: 14px !important; }
.font24 { font-size: 24px !important; }
.fullRed { color: #ff0000 !important; }
.fullRedBgr { background-color: #ff0000 !important; }
.halfGreen { color: #008000 !important; }
.fullBlue { color: #0000ff !important; }
.fullWhite { color: #ffffff !important; }
.allClear { clear: all !important; }
.padLeft60 { padding-left: 60px !important; }
.noBold { font-weight: normal !important; }
.doBold { font-weight: bold !important; }
.noMarginTop { margin-top: 0px !important; }
.doMarginBot10 { margin-bottom: 10px !important; }
.bizalmiIndexBig {
	display:inline-block;
	vertical-align: top;
	margin: 0px;
	padding: 3px;
	border: 1px solid #a030a8;
	background:#ffb0f0;
	color:black;
	font-size:12px;
	font-weight:bold;
}
.bizalmiIndexSmall {
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    /* margin-left: 1px; */
    padding: 1px;
    border: 1px solid #a030a8;
    background: #ffffff;
    color: #a080e0;
    font-size: 1.0em;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
    text-align: center;
}
.megjegyzesCim {
	width: 125px;
	padding: 5px;
	padding-left: 10px;
	padding-bottom: 0px;
	color: black;
	font-size: 12px;
	font-weight: bold;
	font-family: graphic-regular, sans-serif;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-align:left;
}
.megjegyzesIro {
	/*width: 360px;*/
	padding: 10px;
	color: black;
	/*font-size: 0.9rem;*/
	font-family: graphic-regular, sans-serif;
	border-radius: 5px;
	border-top-left-radius: 0;
	text-align: justify;
	cursor: pointer;
}
.megjegyzesForm {
	/*padding: 7px;*/
	text-align: left;
	border-radius:5px;
}
.megjegyzesMessageRowText {
	color: black;
    font-size: 1em;
    font-weight: bold;
    margin-right: 3px;
    width: 100%;
    margin-bottom: 5px;
    cursor: default;
}
.megjegyzesButtonRow {
	display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    background: #dfcbfa;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.megjegyzesButtonRow .saveButton {
	padding-left: 10px;
    padding-right: 10px;
    font-size: 22px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    box-shadow: 0px 0px 5px #fff;
    user-select: none;
    white-space: pre;
    align-items: flex-start;
    text-align: center;
    box-sizing: border-box;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-image: initial;
    -webkit-appearance: none;
    border-radius: 0;
    border: 1px ridge #dfcbfa;
    background-color: #a37ada;
    color: white;
    font-weight: bold;
    font-style: normal;
}
.megjegyzesButtonRow .deleteButton {
	padding-left: 10px;
    padding-right: 10px;
    font-size: 22px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    box-shadow: 0px 0px 5px #fff;
    user-select: none;
    white-space: pre;
    align-items: flex-start;
    text-align: center;
    box-sizing: border-box;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-image: initial;
    -webkit-appearance: none;
    border-radius: 0;
    border: 1px ridge #dfcbfa;
    background-color: #ff0000;
    color: white;
    font-weight: bold;
    font-style: normal;
}
.megjegyzesForm .myBlogBax {
	width: 100%;
	padding: 0px;
	display: -webkit-flex;
    flex-direction: row;
    justify-content: center;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 2px !important;
    text-align: center;
    font-size: 0.8rem;
    color: #a37ada;
    align-items: center;
    background: white;
    cursor: default;
    border-top: 3px solid #cfbbea;
}
.megjegyzesForm .myBlogBax input[type="text"] {
    height: 0.7rem;
    border: none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
    color: #a37ada;
    background: white;
    -webkit-text-fill-color: #a37ada;
    -webkit-opacity: 1;
}
.megjegyzesForm .myBlogBax input[type="button"] {
    cursor: pointer;
}
.vanJegyzet { background: #cfbbea !important; }
.nincsJegyzet { background: #cfbbea !important; }
textarea#megjEntry { 
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	min-height: 80px;
	height: 80px;
	overflow: hidden;
    font-size: 0.8rem;
    border: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div#reglapMegj { padding: 0px;margin: 0px;width: 100%; }
div#reglapMegjEdit { padding: 0px;margin: 0px;width: 100%; }
table.vagyLista { width: 480px; }
.maxWidth { width: 100%; }
.halfWidth { width: 50%; }
table.noBorder {
	border: none;
}
table.doBorder1 {
	border: 1px solid black;
}
table.noSpacing {
	border-collapse: collapse !important;
	border-spacing: 0px !important;
}
table.doSpacing2 {
	border-collapse: separate !important;
	border-spacing: 2px !important;
	*border-collapse: expression('separate', cellSpacing = '2px');
}
table.doSpacing5 {
	border-collapse: separate !important;
	border-spacing: 5px !important;
	*border-collapse: expression('separate', cellSpacing = '5px');
}
table.doSpacing8 {
	border-collapse: separate !important;
	border-spacing: 8px !important;
	*border-collapse: expression('separate', cellSpacing = '8px');
}
table.doSpacing10 {
	border-collapse: separate !important;
	border-spacing: 10px !important;
	*border-collapse: expression('separate', cellSpacing = '10px');
}
table.noPadding td,table.noPadding th {
	padding: 0px !important;
}
table.doPadding2 td,table.doPadding2 th {
	padding: 2px !important;
}
table.topAlign tr,tr.topAlign {
	vertical-align:top;
}

/* eropolis template */

BODY.epNormal {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
BODY.epMiniTemplate {
	background: #9a9ade;
	margin: 0px;
	padding: 0px;
	
}
A.epHelpBubble {
    text-decoration: none;
    border: none;
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    background: url(../imgs/b_help.png) no-repeat top left;
    background-size: 1.2em 1.2em;
    color: white;
}
#epmaincontainer{
	margin: 0px auto;
    width: 800px;
    position: relative;
}
table#epPrime, div#epPrime {
	width: 800px;
	/*background: #eadff9 url('../imgs/mainhatter.png') repeat-y top left;*/
}
div#epPrime {
	width: 800px;
	/*background: #eadff9 url('../imgs/mainhatter.png') repeat-y top left;*/
	display: flex;
	display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: #eadff9;
    border-top-left-radius: 10px;
}
div#epContentBodyContainer {
	display: flex;
	display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
}
td#epMenuColumn, div#epMenuColumn {
	width: 150px;
}
td#epContentColumn, div#epContentColumn {
	width: 650px;
}
div#epContentColumn {
	width: 650px;
	display: flex;
	display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}
div#epTopInfoOuter {
	background: url('../imgs/top-2.jpg') repeat-x top left;
	width: 100%;
	height: 75px;
	min-height: 75px;
	font-family: graphic-regular, sans-serif;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
}
div#epTopInfoInner {
	height: 75px;
	min-height: 75px;
	padding-left: 19px;
	padding-top: 5px;
	background: url('../imgs/top-1.jpg') no-repeat top left;
	font-family: graphic-regular, sans-serif;
}
table#centerBodyColumn, div#centerBodyColumn{
	width: 650px;
	border: 0px; 
}
div#centerBodyColumn{
	display: flex;
	display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-top: max(53px, calc(5vh + 3px));
}
tr#contentRow, div#contentRow {
	vertical-align: top;
    border: 0px;
    display: table-row;
}
td#EPmainContentZone, div#EPmainContentZone{
	width: 480px;
    display: table-cell;
    vertical-align: top;
}
div#EPmainContentZone{
	width: 100%;
    margin-left: 110px;
    margin-right: 10px;
    min-height: calc(100vh - 133px);
}
td#rightColumn, div#rightColumn{
	width: 150px;
    display: table-cell;
    vertical-align: top;
}
td#leftSpacerColumn, div#leftSpacerColumn{
	width: 10px;
    display: table-cell;
    vertical-align: top;
}
td#rightSpacerColumn, div#rightSpacerColumn{
	width: 10px;
    display: table-cell;
    vertical-align: top;
}
div#epContentFooter {
    z-index: 996;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    position: absolute;
    min-height: 50px;
    margin-top: 20px;
    background: #cebeed;
    bottom: -80px;
    width: calc(100% - 100px);
    border-bottom: 2px solid #eb6195;
    border-right: 2px solid #eb6195;
    border-radius: 0px;
    border-bottom-right-radius: 10px;
    border-top: 2px solid white;
    border-left: 2px solid white;
    left: 100px;
    container-type: inline-size;
    cursor: pointer;
}
div#epContentFooter.footergate {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    left: 0px;
    right: 0px;
    position: fixed;
    border-left-color: #ec6196;
    bottom: 0px;
}
div.footerInfoContainer {
    position: fixed;
    bottom: 46px;
    /*width: calc(100% + 4px);*/
    width: 1100px;
    left: auto;
    right: auto;
    /*left: -2px;*/
    background: #cebeed;
    padding: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-evenly;
    border-right: 2px solid white;
    border-top: 2px solid white;
    border-left: 2px solid white;
    border-top-right-radius: 5px;
    padding-bottom: 10px;
}
i#closeFootmenu {
    color: white;
    /* background-image: linear-gradient(270deg, white 50%, #eb6195 50%); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    font-size: max(3cqw, 0.7em);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1em;
    background: #eb6195;
    /* margin-top: 20px; */
    min-height: 25px;
    border-top-right-radius: 5px;
    cursor: pointer;
    width: 100%;
    /*padding-right: 313px;*/
}
div.footerInfoSection {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 45%;
    margin-top: 20px;
}
div#footerImage {
	position: relative;
	/*background: url(../imgs/lab2.jpg) no-repeat top left;*/
    width: 100%;
    height: 77px;
}
div#epContentFooterRow {
    position: absolute;
    bottom: 5px;
    position: absolute;
    bottom: 5px;
    width: calc(100% - 310px);
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    /* width: 700px; */
    font-size: 1em;
    /* padding-right: 29%; */
    align-items: center;
    color: #eb6195;
    height: 42px;
    align-items: center;
    /* top: 0px; */
    bottom: 0px;
    width: 100%;
}
span.copyright-text{
	display: none;
}
span.copyright-years {
    font-family: graphic-regular, sans-serif;
    font-size: max(1.2cqw, 0.6em);
    white-space: normal;
    margin: 0px;
    line-height: 1em;
    color: #eb6195;
}
span.copyright-company {
    font-family: graphic-regular, sans-serif;
    font-size: max(1.2cqw, 0.6em);
    white-space: normal;
    margin: 0px;
    line-height: 1em;
    color: white;
    margin-left: 5px;
    margin-right: 5px;
}
span.info-menu-text {
    font-family: graphic-regular, sans-serif;
    font-size: max(1.7cqw, 0.7em);
    white-space: normal;
    margin: 0px;
    line-height: 1em;
    color: #eb6195;
}
div.copyright-corner{
	position: absolute;
    bottom: 3px;
    right: 3px;
}
div.copyright-corner i{
	color: #eb6195;
    background-image: radial-gradient(#eb6195 50%, white 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.7em;
}

div#epLowerMenu {
	text-align: center;
}
div#epUpperMenu {
	margin: 0px;
	padding: 0px;
	width: 150px;
	min-height: 360px;
	background: url('../imgs/menuhatter_01.jpg') no-repeat;
}
div#epUsernameShow {
	height: 18px;
	font-size: 10px;
	color: white;
	text-align: center;
}
div#epUsernameShow A {
	color: white !important;
	text-decoration: none !important;
}
DIV#epMenuBox {
	height: 175px;
	padding: 0px;
	margin: 5px 10px 0px 0px;
	text-align: right;
	font-family: graphic-regular, sans-serif;
	font-weight: bold;
	font-size: 13px;
}
DIV#epMenuBox A { text-decoration: none;color: black !important; background: #eadff99c; }
DIV#epMenuBox A.fomenu { font-size: 20px !important; background: #eadff99c; }
DIV#epMenuBox A.current { color: maroon !important; background: #eadff99c; }
DIV#epMenuBox2 {
	text-align: left;
	font-family: graphic-regular, sans-serif;
	font-weight: bold;
	font-size: 13px;
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
	color: white;
}
DIV#epMenuBox2 A {
    color: white !important;
    text-decoration: none !important;
    font-size: 1.2em;
    background: #7d00ff5c;
    border-radius: 5px;
    /* margin-top: 3px; */
    /* margin-bottom: 3px; */
    border: 1px solid black;
    padding: 4px;
    line-height: 2.5;
}
SPAN.fomenu {
	font-size: 16px;
}
A.menu:link { color: black;text-decoration: none; }
A.menu:visited { color: black;text-decoration: none; }
A.menu:hover { color: maroon;text-decoration: none; }
A.menuact:link { color: maroon;text-decoration: none; }
A.menuact:visited { color: maroon;text-decoration: none; }
A.menuact:hover { color: maroon;text-decoration: none; }
A.feher:link { color: white;text-decoration: none; }
A.feher:visited { color: white;text-decoration: none; }
A.feher:hover { color: white;text-decoration: underline; }
DIV.loginbox {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
}
INPUT.loginbox {
	font-family: graphic-regular, sans-serif;
	font-size: 11px;
	font-weight: bold;
	width: 80px;
	border: 1px solid black;
}
INPUT.logingomb {
	width: 80px;
	margin-top: 10px;
}
DIV#epKonzolBox {
	margin: 0px;
	padding: 0px;
	width: 138px;
	border: 1px solid white;
	background: url('../imgs/heartbeathatter.jpg') no-repeat;
	
	/*display: none;*/
}
DIV#epKonzolBoxTitle {
 	color: white;
 	font-size: 1.0em;
 	font-weight: bold;
 	margin: 2px;
}
a.feher.newConsolBimtext {
    font-size: 0.9em;
}
a.feher.newConsolElem {
    font-size: 1.2em;
}
a.feher.bugreportImage img {
    width: 1.4em;
    height: 1.2em;
}
H1 {
	font-size: 20px;
	color: #4f3b70;
	margin-top: 5px;
	margin-bottom: 9px;
	text-align: left;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
H2 {
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
}

DIV.mwin {
	width: 130px;
	background-color: white;
	border: 1px solid #ffd0e0;
	color: maroon;
	text-align: left;
	margin: 4px;
}
DIV.mwin A {
	color: maroon;
}
td#epContentFooter {
	background: url('../imgs/lab.jpg') no-repeat top left;
	color: black;
	height: 57px;
}
td#epContentFooter>DIV {
	padding: 30px 0px 0px 220px;
	margin: 0px;
}
div.epIconLine {
	text-align: left;
	height: 14px;
	margin: 0px;
}
div.epIconLine.top {
	border-top: 1px solid #b783ff;
}
div.epIconLine.bottom {
	border-bottom: 1px solid #b783ff;
}
div.epBorderInfo {
	padding: 5px;
    background: #eb619514;
    color: black;
    font-size: 1.0em;
    text-align: left;
    /* border: 5px dashed #a06fdc; */
    border-radius: 5px;
    margin-bottom: 15px;
    /*box-shadow: 3px 3px 3px #a37ada47;
    padding-left: 2em;*/
    
}
.epBorderInfo::before {
    content: "<i>";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f05a";
    font-size: 1.5em;
    width: 100px;
    color: #a37ada;
    /*margin-left: -1em;*/
    padding-right: 5px;
}
SPAN.epUserBelyeg {
  	display:inline-block;
  	margin:3px;
  	height:300px;
  	vertical-align:top;
}
SPAN.epUserBelyeg.double {
  	height:630px;
}
DIV.epTlista {
	border: 1px solid #c39afa;
	background-color: #dfcbfa;
	padding: 5px;
	margin: 0px;
	margin-bottom: 5px;
	width: 100%;
}
DIV.epTlista.filter {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
DIV.searchHeader {
    border: 1px solid #c39afa;
    background-color: beige;
    padding: 5px;
    margin: 0px;
    margin-bottom: 5px;
    width: 100%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
DIV.epTlista H4 {
	margin: 0px;
  	margin-bottom: 3px;
  	font-size: 12px;
  	font-weight: normal;
}
DIV.epTlista DIV.kivonat {
  	display: block;
	color: white;
	background-color: #a080e0;
  	/*font-size: 11px;*/
  	padding: 3px;
  	border-radius: 5px;
  	margin: 0px;
  	margin-bottom: 4px;
}
.innerCenter { text-align: center; }
.outerCenter { margin-left: auto;margin-right: auto; }
A.epButtonLink:link,A.epButtonLink:active,A.epButtonLink:visited,A.epButtonLink:hover {
	display: inline-block;
	padding: 4px;
	/*background-color: #A080E0;*/
	border: 2px solid #DFCBFA;
	color: white !important;
	font-weight: bold;
	text-decoration: none !important;
	font-size: 1.3em;
	border-radius: 7px !important;
}
A.epButtonLink:hover {
	background-color: #C39AFA !important;
}
A.epButtonLink.switchedOn {
	background-color: white !important;
	color: #A080E0 !important;
}

.EPuserBadge {
	min-width: 390px;
	min-height: 80px;
	background: white;
	padding: 3px;
	border: 3px solid black;
	border-radius: 5px;
	font-size: 11px;
	overflow: auto;
}
.EPuserBadge.polgar {
	border-color: #4f3b70;
}
.EPuserBadge.orompolgar {
	border-color: #3F8560;
}
.EPuserBadge.biro {
	border-color: #909000;
}
.EPuserBadge.moderator {
	border-color: #ff3030;
}
.EPuserBadge.alapito {
	border-color: #000000;
}
DIV.EPuserBadge IMG.epUser {
	width: 80px;
	height: 80px;
}
.EPuserBadge .userszintresz {
	font-size: 10px;
	padding-bottom: 2px;
	border-bottom: 1px solid black;
}
.EPuserBadge .imagepart {
	float:left;
	margin-right:3px;
	width:80px;
}
.EPuserBadge .textpart {
	float:right;
	width:300px;
}
.EPuserBadge SPAN.epUser {
	padding: 5px !important;
}

.epUBBI {
	padding: 1px;
	background: #ffb0f0;
	color: black;
	font-weight: bold;
	font-size: 10px;
	border: 1px solid #a030a8; 
}

.epMonoIcon {
  display: inline-block;
  border: none;
  width: 18px;
  height: 16px;
  background: url('../imgs/ep_grey_icons.png') no-repeat;
  vertical-align: top;
}
.epMonoIcon.mail { background-position: -145px -260px;width:24px; }
.epMonoIcon.chat { background-position: -178px -200px; }
.epMonoIcon.phone { background-position: -240px -321px;width:14px; }
.epMonoIcon.downvote { background-position: -59px -260px;width:16px; }
.epMonoIcon.upvote { background-position: -26px -260px;width:16px; }
.epMonoIcon.placepin { background-position: -180px -290px;width:14px; }

.epGrowlDefault { background-color: #4a3366 !important; }
.epGrowlDefault A { color: white !important; }
.epGrowlRed { background-color: red; }
.epGrowlRed A { color: white !important; }
.jGrowl-closer { color: white !important; }
.jGrowl-closer A { color: white !important; }

SPAN.epCheckbox { display: inline-block;width: 13px;height: 13px;border: none;text-decoration: none; }
SPAN.epCheckbox.off { background: url('../imgs/check_off.gif') no-repeat; height: 1.2em; width: 1.4em; background-size: 1.2em 1.2em;}
SPAN.epCheckbox.on { background: url('../imgs/check_on.gif') no-repeat; height: 1.2em; width: 1.4em; background-size: 1.2em 1.2em;}

.epVotesVoters {
	display: block;
	background-color: #b783ff;
	color: white;
	border: 3px solid #4a3366;
	min-width: 200px;
	padding: 5px;
	border-radius: 3px;
	font-size: 11px;
}
.epVotesVoters .cim {
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 3px;
}
.epVotesVoters .closer {
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	float: right;
}
.epVotesVoters .closer A {
	color: white !important;
	text-decoration: none !important;
}

.epVoter {
	display: inline-block;
	background-color: #b783ff;
	color: white !important;
	font-size: 11px;
	padding: 2px;
	font-weight: normal !important;
	text-decoration: none !important;
	margin-right: 2px;
	border: 0px solid white;
	border-radius: 2px;
	/*box-shadow: 0px 0px 2px #fff;*/
}
.epVoter.voted {
	background-color: white !important;
	color: #b783ff !important;
}
.epVoter:hover {
	background-color: #A37ADA !important;
}
.epVoter.voted:hover {
	background-color: white !important;
}
.epVoter.plus {
	padding-left: 23px;
	text-align: left;
	background-image: url('../imgs/plusminus.png');
	background-repeat: no-repeat;
	background-position: left 0px;
}
.epVoter.minus {
	padding-right: 23px;
	text-align: right;
	background-image: url('../imgs/plusminus.png');
	background-repeat: no-repeat;
	background-position: right -20px;
}
.epVoter.plus.voted {
	background-position: left -40px;
}
.epVoter.minus.voted {
	background-position: right -60px;
}
SPAN.epVerified {
	display: inline-block;
}
.epVerified {
    padding: 1px;
    font-size: 7px;
    /* font-weight: bold; */
    font-family: graphic-regular, sans-serif;
    text-transform: uppercase;
    margin-top: 1px;
    margin-bottom: 1px;
    text-align: center;
    position: relative;
    border-radius: 5px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.epVerified>A {
	text-decoration: none !important;
}
.epVerified.verify {
	background-color: transparent;
    color: #4f3b70;
    border: 2px solid #009600;
    font-size: 1.0em !important;
    font-weight: bold;
    cursor: pointer;
    padding: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.epVerified.oromverify {
	background-color: #009600;
    color: white;
    border: 2px solid #009600;
    font-size: 1.0em !important;
    font-weight: bold;
    cursor: pointer;
    padding: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.epVerified.bossverify {
	background-color: #000000;
    color: white;
    border: 2px solid #ffffff;
    font-size: 1.0em !important;
    font-weight: bold;
    cursor: pointer;
    padding: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.epVerified.tiltott{
	background-color: red;
    color: white;
    border: 2px solid red;
    font-size: 1.0em !important;
    font-weight: bold;
    cursor: pointer;
    padding: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.epVerified.verify>A {
	color: #006e00 !important;
}
.epVerified.noverify {
    background-color: #a37ada;
    color: white;
    border: 1px solid #a37ada;
    font-size: 1.0em !important;
    font-weight: bold;
    cursor: pointer;
    padding: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.epVerified.noverify>A {
	color: #891700 !important;
}
#epTopOfPage {
	display: block;
	position: fixed;
	z-index: 999;
	bottom: 32px;
	right: 32px;
	width: 32px;
	height: 32px;
	background: url('../imgs/toppage2.png');
	cursor: pointer; 
}
/* i just cannot fathom the sheer idiocy of this */
#epTopOfPage2 {
	display: block;
	position: fixed;
	z-index: 999;
	bottom: 32px;
	left: 32px;
	width: 32px;
	height: 32px;
	background: url('../imgs/toppage2.png');
	cursor: pointer; 
}

#epCookieConsent {
    display: none;
    position: fixed;
    z-index: 5001;
    bottom: 0px;
    left: 0px;
    width: 100%;
    /* height: 52px; */
    background: #7755bb;
    border-top: 3px solid #a080e0;
    text-align: center;
    /*font-color: white;*/
    /*font-size: 11px;*/
    color: white;
    font-weight: normal;
    padding: 10px;
    opacity: 0.9;
    font-size: 1.2em;
}
#epCookieConsent a,#epCookieConsent a:visited,#epCookieConsent a:hover {
	color: #fdfdfd;
	text-decoration: underline;
}
[id*="__RESULTS"], .sortUserList {
	display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    width: 100% !important;
    flex-wrap: wrap;
    justify-content: space-around;
}
[id*="__RESULTS"] SPAN.epUserBelyeg, .sortUserList SPAN.epUserBelyeg{
    /* display: inline-block; */
    /* margin: 3px; */
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 0px;
    margin-right: 0px;
    height: 300px;
    width: 32%;
    min-width: 250px;
    padding: 0px;
}
[id*="__RESULTS"] SPAN.epUserBelyeg.double, .sortUserList SPAN.epUserBelyeg.double{
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 0px;
    margin-right: 0px;
    height: 300px;
    width: 100%;
    padding: 0px;

}
[id*="__RESULTS"] SPAN.epUserBelyeg DIV.hird1, .sortUserList SPAN.epUserBelyeg DIV.hird1 {
    width: 100%;
    height: 300px;
    border: 1px solid #c39afa;
    background-color: #dfcbfa;
    margin: 0px;
}
[id*="__RESULTS"] SPAN.epUserBelyeg DIV.hird1.double, .sortUserList SPAN.epUserBelyeg DIV.hird1.double{
	height: 300px !important;
}
.epUserBelyeg.photostamp{
	height: 150px !important;
}
.myMenuBox {
    width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
[id*="__RESULTS"] SPAN.epUserBelyeg DIV.albumKep,  .sortUserList SPAN.epUserBelyeg DIV.albumKep {
    margin: 0px;
    padding: 0px;
    text-align: center;
    height: auto;
    position: relative;
}
[id*="__RESULTS"] SPAN.epUserBelyeg DIV.albumKep img,  .sortUserList SPAN.epUserBelyeg DIV.albumKep img {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 213px;
    object-fit: cover;
    margin: 0px !important;
}
[id*="__RESULTS"] DIV.albumSzoveg,  .sortUserList DIV.albumSzoveg {
	bottom: 55px;
    position: relative;
    background: #eadff9;
    padding-bottom: 3px;
    border-radius: 3px;
    word-break: break-word;
    cursor: pointer;
    opacity: 90%;
}
.sortUserList SPAN.epUserBelyeg.singleUserPictures {
	height: auto;
	width: 380px;
}
.sortUserList SPAN.epUserBelyeg.singleUserPictures.publikus{
	background: #b783ff57;
}
.sortUserList SPAN.epUserBelyeg.singleUserPictures.kedvenc{
	background: #00800052;
}
.sortUserList SPAN.epUserBelyeg.singleUserPictures.titkos{
	background: #eeb5b5;
}
.sortUserList SPAN.epUserBelyeg.singleUserPictures DIV.albumSzoveg {
	bottom: 0px;
	left: 0px;
	right: 0px;
    position: relative;
    background: #eadff9;
    padding: 3px;
    border-radius: 3px;
    word-break: break-word;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: space-between;
    /*width: -webkit-fill-available;*/
    flex-wrap: nowrap;
    /*margin-left: 5px;
    margin-right: 1px;
    margin-top: 0px;
    margin-bottom: 5px;*/
    cursor: default;
}
DIV.albumSzoveg .leiras{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    width: 100%;
}
DIV.albumSzoveg .meret{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
DIV.albumSzoveg .glink{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    width: 100%;
}
.sortUserList SPAN.epUserBelyeg.singleUserPictures DIV.ikonok{
	bottom: 0px;
    position: relative;
    /*background: #eadff9;*/
    padding: 3px;
    border-radius: 3px;
    word-break: break-word;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-around;
    width: 100% !important;
    flex-wrap: nowrap;
    /* margin-left: 2px; */
    margin-right: 0px;
    /* border: 1px solid maroon; */
    /* box-sizing: border-box; */
    -moz-box-sizing: border-box;
    /* -webkit-box-sizing: border-box; */
    cursor: pointer;
    align-items: center;
}
#swipebox-overlay {
	/*
	max-width: 100vw !important;
    max-height: 100vh !important;
    min-width: 100vw !important;
    min-height: 100vh !important;
    */
}
.KonzolonVagyok {
	position: relative;
}
.KonzolonVagyok img{
	margin-bottom: 0px !important;
    object-fit: cover;
    width: 100%;
    height: 90px;
    border-radius: 3px;
}
.KonzolonVagyok .KonzolonVagyokName {
	position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.KonzolonVagyok .KonzolonVagyokName span{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    font-size: 1.0rem !important;
}
.listikonjumper:hover span, .listikonjumper:hover i{
	bacgkround-color: #a37ada !important;
	bacgkround-color: white !important;
    text-decoration: none;
}
/*New Gate start*/
div.GateContainer{
	width: 650px;
	display: flex;
	flex-direction: column;
	display: -webkit-flex;
	-webkit-flex-direction: column;
}
div.GateUpperContainer {
	width: 650px;
	display: flex;
	flex-direction: row;
	display: -webkit-flex;
	-webkit-flex-direction: row;
	justify-content: space-between;
}
div.GateGraphicsContainer{
	position: relative;
	background: url(../imgs/door2.jpg);
	width: 340px;
	height: 545px;
	cursor: pointer;
}
div.GateGraphicsTextContainer {
    position: relative;
    display: flex;
    flex-direction: column;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    justify-content: space-around;
    text-align: center;
    z-index: 999;
    background: #ffffff70;
    margin: 0px;
    margin-top: 2px;
    width: calc(100% - 4px);
}
div.GateGraphicsTextDomain{
	font-family: graphic-regular, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	color: #4f3b70;
}
div.GateGraphicsTextDescription{
	font-size: 14px;
	text-align-last: justify;
	color: #4f3b70;
	margin-top: 10px;
}
div.GateGraphicsText1 {
    text-align: left;
    margin-top: 10px;
    font-weight: bold;
    font-size: max(2cqw, 1em);
    padding-left: 5cqw;
    padding-right: 5cqw;
    color: #3c1826;
    font-family: graphic-regular, sans-serif;
}
div.GateGraphicsText2 {
    text-align: justify;
    font-size: max(1.8cqw, 0.8em);
    padding-left: 5cqw;
    padding-right: 5cqw;
    color: #10070a;
    font-family: graphic-regular, sans-serif;
}
div.GateGraphicsText3 {
    text-align: left;
    text-align-last: left;
    font-weight: bold;
    padding-left: 5cqw;
    font-size: max(1.5cqw, 0.9em);
    color: #3c1826;
    font-family: graphic-regular, sans-serif;
}
div.GateGraphicsInputButton {
    cursor: pointer;
    padding: 0px;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: absolute;
    bottom: 0px;
    height: 100%;
    /*background: #ffffff66;*/
    border-bottom: 2px solid #ec6196;
    border-right: 2px solid #ec6196;
    border-bottom-right-radius: 10px
}
div.GateGraphicsInputButton:before {
    position: absolute;
    display: block;
    content: '';
    border-bottom: 2px solid #ffffff80;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-right: 2px solid #ffffff80;
    border-bottom-right-radius: 10px;
}
div.GateGraphicsInputButton:hover{
	/*opacity: 1.0;*/
}
div.GateStatColumnContainer{
	display: flex;
	flex-direction: column;
	display: -webkit-flex;
	-webkit-flex-direction: column;
}
div.GateStatContainer {
    display: flex;
    flex-direction: row;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    justify-content: space-between;
    padding: 0px;
    position: relative;
    flex-wrap: wrap;
}
div.GateQuaterStatContainer {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0.8;
}
div.GateStatTitle{
	font-family: graphic-regular, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #4f3b70;
	margin-bottom: 0px;
	margin-top: 0;
	line-height: 16px;
}
div.GateStatLongRow {
    display: flex;
    flex-direction: column;
    border-radius: 50%;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    height: fit-content;
    border-bottom: 2px solid white;
    border-image: linear-gradient(to top, rgb(255 255 255) 0%, #eb6195 25%);
    border-image-slice: 1;
}
div.GateStatLongRow.no {
    background: #fabcc7;
}
div.GateStatLongRow.ferfi {
    background: #8ab1ec;
}
div.GateUserStatContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 50%;
    justify-content: space-around;
    opacity: 0.8;
}
div#gate-statisctic-block {
    padding-top: 23px;
}
div.GateStatLongRow span.totaluser {
    width: 15cqw;
    height: 25cqh;
    display: flex;
    flex-direction: column;
    justify-content: end;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top: 2px solid #ec6196;
    border-left: 2px solid #ec6196;
    border-right: 2px solid #ec6196;
}
div.GateStatLongRow span.totaluser span{
    width: 50%;
    text-align: center;
    margin-left: 25%;
    background: #ffffff52;
    display: block;
}
div.GateStatLongRow span.user span{
    width: 50%;
    text-align: center;
    margin-left: 25%;
    /*background: #ffffff52;*/
    display: block;
}
div.GateStatLongRow span.user.online span{
    width: 50%;
    text-align: center;
    margin-left: 25%;
    /*background: #ffffff52;*/
    display: block;
}
div.GateStatLongRow span.user.online {
    border-left: 2px solid #ec6196;
    border-right: 2px solid #ec6196;
}
div.GateStatLongRow span.user {
    border-left: 2px solid #ec6196;
    border-right: 2px solid #ec6196;
}
div.GateStatLongRow span.totaluser.no{
	background-image: url("/imgs/nsil1HD.png");
}
div.GateStatLongRow span.totaluser.ferfi{
	background-image: url("/imgs/nsil2HD.png");
}
div.GateStatShortRow, div.GateStatLongRow span.user {
    font-size: 1.2cqw;
    margin-bottom: 1.5cqh;
    display: flex;
    justify-content: space-between;
    background: #cebeed;
    align-items: center;
    width: 70%;
    padding: 5px;
    border-left: 2px solid #ec6196;
    border-top: 2px solid #ec6196;
    border-right: 2px solid #ec6196;
    border-bottom: 2px solid white;
    border-image: linear-gradient(to top, rgb(255 255 255) 0%, #eb6195 25%);
    border-image-slice: 1;
    cursor: pointer;
}
button.gatepagerContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    background: #ec6196a6;
    padding: 5px;
    border-radius: 50%;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top: 2px solid white;
    border-left: 2px solid white;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    outline: 2px solid #ec619682;
    font-family: graphic-regular, sans-serif;
    font-size: min(2.5cqw, 2.5cqh);
    font-weight: normal;
    width: 30cqw;
    z-index: 999;
}
button.gatepagerContainer.down {
    border-top-left-radius: 0px;
    border-radius: 50%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top: 2px solid white;
    border-left: 2px solid white;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    outline: 2px solid #ec6196a6;
    z-index: 999;
}
div.GateStatLongRow span.user{
	width: 100%;
}
div.GateStatLongRow span.user div.userlistItemHeaderIkon {
    background: transparent;
    height: auto;
    width: 10%;
    display: flex;
    justify-content: center;
}
div.GateStatLongRow span.user div.userlistItemHeaderIkon.polgar {
   color: #a383e1;
}
div.GateStatLongRow span.user div.userlistItemHeaderIkon.orompolgar {
   color: #00aa50b0;
}
div.GateStatShortRow i {
    font-size: 1.5em;
    color: #eb6195;
    background-image: linear-gradient(270deg, white 50%, #eb6195 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
div.GateStatShortRow span.resultSum, div.GateStatLongRow span.user span.resultSum {
    display: flex;
    width: 60%;
    justify-content: center;
    font-family: graphic-regular, sans-serif;
    color: white;
    align-items: center;
}
div.GateStatLongRow span.user span.resultSum {
	width: 85%;
    font-size: 1cqw;
    margin-left: 0px;
}
div.GateStatShortRow span.resultSum span.num, div.GateStatLongRow span.user span.resultSum span.num {
    width: 30%;
    text-align: right;
    margin-right: 10px;
    color: #ec6196;
}
div.GateStatLongRow span.user span.resultSum span.num{
 	margin-left: 0px;
 	margin-right: 0px;
 	min-width: 25%;
}
div.GateStatShortRow span.resultSum span.text, div.GateStatLongRow span.user span.resultSum span.text {
    width: 70%;
    text-align: left;
}
div.GateStatLongRow span.user span.resultSum span.text{
	width: 100%;
 	margin-left: 5px;
}
div.GateLicenseContainer {
    display: flex;
    flex-direction: row;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0px;
    left: 50px;
    margin: 0px;
}
div.GateLicenseItemContainer {
    width: 100%;
    max-width: 48%;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    padding-left: 5cqw;
    padding-right: 5cqw;
}
div.GateLicenseTitle {
    font-family: graphic-regular, sans-serif;
    font-weight: bold;
    font-size: 2cqw;
    color: #3c1826;
    margin-bottom: 0px;
    margin-top: 0;
    line-height: 16px;
    float: left;
    margin-top: 5px;
}
dl.GateLicenseList {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
}
dt.GateLicenseListDescription {
    font-size: 1.5cqw;
    float: left;
    text-align: left;
    overflow-wrap: break-word;
    overflow: hidden;
    margin-top: 10px;
}
span.GateLicenseListGroup {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 3px;
}
dd.GateLicenseListItem {
    display: flex;
    flex-direction: row;
    align-items: center;
    outline: 2px solid #ec6196;
    font-size: 0.9rem;
    border: 2px solid white;
    min-width: 7cqw;
    max-width: 21cqw;
    padding: 0px;
    padding-left: 3px;
    padding-right: 3px;
    width: 50%;
    background: #ec619663;
    color: white !important;
    font-size: 1cqw;
    justify-content: space-between;
    text-align: left;
    overflow: hidden;
    cursor: pointer;
}
dd.GateLicenseListItem.active {
    outline: 2px solid green;
    background: #4caf50bf;
}
dd.GateLicenseListItem.inactive {
    outline: 2px solid #616161;
    background: #aeaeae;
}
dd.GateLicenseListItem a{
	color: white !important;
	font-size: 1rem;
}
dd.GateLicenseListItem i{
	font-size: 2.5cqw;
	margin-right: 5px;
	color: #ec6196;
	opacity: 0.8;
	margin-top: 5px;
	margin-bottom: 5px;
}
dd.GateLicenseListItem.inactive i{
	color: white;
}
div.ddinSettings dd {
    width: 100%;
    max-width: 100% !important;
}
div.ddinSettings {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}
div.ddinSettings #notifipermissonText{
    margin-bottom: 5px;
    font-weight: bold;
}
div.GateGraphicsContainer:hover div.GateGraphicsInputButton {
    opacity: 1.0;
}
/*New Gate end*/

/*New Newsfeed start*/
div.NewsContainer{
	display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    width: 100%;
    align-items: stretch;
    /* padding: 5px; */
    border: 1px solid #c39afa;
    margin-top: 15px;
}
div.NewsTitleContainer{
	display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: space-between;
    /* margin-top: 15px; */
    align-items: baseline;
    background: #dfcbfa;
}
div.NewsTitle{
	font-family: graphic-regular, sans-serif;
    font-weight: bold;
    font-size: 1.1em;
    color: #4f3b70;
    margin-bottom: 0.2em;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px;
}
div.NewsDate{
	color: #4f3b70;
    /* font-weight: normal; */
    /* font-style: normal; */
    /* font-size: 12px; */
    /* margin-top: 0px; */
    /* width: 45%; */
    /* text-align: right; */
    /* display: flex; */
    background-color: #d3baff;
    width: 100%;
    padding: 5px;
}
div.NewsImage {
    display: flex;
    flex-direction: row;
    width: 100%;
    /* background: #dfcbfa; */
    justify-content: center;
    /* margin-top: 5px; */
    /* min-height: 150px; */
    /* max-height: 30vh; */
    overflow: hidden;
    background-color: #d3baff;
}
div.NewsImage.clickable{
	cursor: pointer;
}
div.NewsImage img {
    max-width: 100%;
    /* min-height: 100%; */
    /* max-height: 40vh; */
    object-fit: cover;
    object-position: center center;
    width: 100%;
    /* height: 100%; */
    aspect-ratio: 1.77;
}
div.NewsDescription{
	/*background: #dfcbfa;*/
	width: 100%;
    display: flex;
    flex-direction: column;
    word-break: break-word;
    text-align: left !important;
    font-size: 1.3em;
    padding: 5px;
    line-height: 1.5em;
    overflow: hidden;
}
div.NewsDescription.clickable{
	cursor: pointer;
}
div.NewsLink{
	font-weight: bold;
	font-size: 1rem;
	margin-top: 5px;
	margin-bottom: 5px;
}
hr.NewsSeparator{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #c39afa;
	background-color: #c39afa;
	border: 0px;
	height: 1px;
	width: 100%;
}
div.NewsBody{
	margin-top: 10px;
	width: 100%;
	background: transparent;
	padding: 5px;
	cursor: default;
}
.lighterbackground{
	animation-name: NewsBodyBackground;
	animation-duration: 5s;
}
.morefield {
    width: 100%;
    height: 2.5em;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-family: graphic-regular, sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    color: white;
    background: #a37ada;
    cursor: pointer;
}
.morefield::before{
	content: "<< ";
}
.morefield::after{
	content: " >>";
}
.morefield.shorted {
	/*margin-top: -2.5em;*/
	background: unset;
	background-image: linear-gradient(180deg, transparent, #a37ada, #a37ada, #a37ada, #a37ada);
}

.quoteContainer{
	display: flex;
    margin-top: 5px;
    margin-bottom: 5px;
}
.quoteArea{
	width: 100%;
    min-height: 30px;
    border-left: 3px solid #a37ada;
    border-right: 3px solid #a37ada;
    display: flex;
    position: relative;
}
.quoteContainer::before{
	content: "\201C";
    font-size: 2.5em;
    margin-left: 5px;
    margin-right: 15px;
    color: #a37ada;
    /*line-height: 0.7em;*/
}
.quoteContainer::after{
	content: "\201D";
    font-size: 2.5em;
    float: right;
    margin-right: 5px;
    margin-left: 15px;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #a37ada;
    top: 0px;
    right: 0px;
    /*line-height: 0.7em;*/
}
.quoteButton{
	display: flex;
    margin: 0px;
    align-items: center;
}
.quoteButton::before{
	content: "\201C";
    font-size: 2em;
    /*margin-left: 5px;*/
    margin-right: 15px;
    color: #a37ada;
    line-height: 1em;
    border-right: 2px solid #a37ada;
    max-height: 0.7em;
}
.quoteButton::after{
	content: "\201D";
    font-size: 2em;
    float: right;
    /*margin-right: 5px;*/
    margin-left: 15px;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #a37ada;
    line-height: 1em;
    border-left: 2px solid #a37ada;
    max-height: 0.7em;
}
.editableArea {
	width: 100%;
    text-align: center;
    font-size: 1.0em;
    color: #644d82;
    /*font-style: italic;*/
    opacity: 0.6;
    padding-left: 15px;
    padding-right: 15px;
}
.editableArea.selected {
	text-align: left;
    color: black;
    opacity: 0.8;
}
.epReference {
    width: 100%;
    min-width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: #ffffff42;
    color: gray;
    font-size: 1em;
    min-height: 30px;
    cursor: pointer;
    border: 1px solid #80000047;
    border-radius: 5px;
}
.epReference.removed {
    display: initial;
    cursor: inherit;
    font-size: 0.8em;
    padding: 0.1em;
}
.quoteTooltip {
	min-width: 600px;
    max-width: 600px;
    background: #cfbbea;
    border: 2px solid #c49df8;
}
.emojiTooltip {
	min-width: 200px;
    max-width: 200px;
    background: #cfbbea;
    border: 2px solid #c49df8;
}
div.NewsBody p{
	width: 100%;
    word-break: break-word;
    text-align: left !important;
    font-size: 1.3em;
}
div.NewsBody ul{
	width: 100%;
    display: flex;
    flex-direction: column;
    word-break: break-word;
    text-align: left !important;
    font-size: 1.2em;
}
div.NewsBody img{
	width: 100%;
    height: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
@keyframes NewsBodyBackground {
  0% {background-color: #dfcbfa;}
  20% {background-color: #dfcbfa;}
  100% {background-color: transparent;}
}
/*New Newsfeed end*/

/*New forum-blog-chat feed start*/
div.blog-forumFeedContainer{
	border: none;
}
div.blog-forumFeedName{
    text-decoration: none;
    width: 100%;
    background: #eb6195;
    color: white !important;
    font-size: 1.0em;
    height: auto;
    font-family: graphic-regular, sans-serif;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    cursor: pointer;
    padding-left: 2px;
}
div.epMorecage {
    /*text-decoration: none;
    width: 100%;
    background: #eb6195;
    color: white !important;
    font-size: 1.1em;
    height: auto;
    font-family: graphic-regular, sans-serif;*/
}
div.blog-forumItemContainer{
	background: url(/imgs/blog-forumEmptyBackgroundImage.jpg);
	background-size: cover;
	margin: 5px 0px 5px 2px;
	width: auto;
	/*max-width:140px;*/
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	font-size: large;
	container-type: inline-size;
}
span.blog-forumFeedTitle{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 0.9em;
	background: #decbf9;
	width: 100cqw;

}
span.blog-forumFeedTitle.chatFeedTitle{
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	background: transparent;
	max-width: 300px;
}
a.chatGname{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
span.blog-forumFeedTitle.kiemelt{
	background: #ffcbea !important;
}
span.blog-forumFeedTitle.chatFeedTitle.publicroom{
	color: green !important;
}
span.blog-forumFeedUserContainer{
	display: flex;
	flex-direction: row;
	display: -webkit-flex;
	-webkit-flex-direction: row;
	max-width: 100%;
	align-items: center;
	margin-bottom: 5px;
	background: #decbf9;
	width: fit-content;
	font-size: medium;
}
i.blog-forumFeedIkon{
	font-size: max(3cqw, 1rem);
	color: #a37ada;
	margin-right: 5px;
}
span.blog-forumFeedUser{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1.0em;
	max-width: 90cqw;
}
span.chatRoomFeedTitle{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 0.9em;
	max-width: 100%;
}
span.blog-forumFeedUser.chattitle{
	max-height: 2em;
    line-height: 1em;
    white-space: normal;
}
span.chatGname {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
span.blog-forumFeedUser.chattitle::after {
	position: relative;
	content: "...";
	bottom: 0;
	right: 0;
}
span.chatFeedBadgeContainer {
    display: flex;
    flex-direction: revert;
    justify-content: space-between;
    margin-top: 3px;
    max-width: 300px;
}
span.badge {
	position: relative;
    background: #cebeed;
    color: #eb6195;
    margin-right: 3px;
    display: flex;
    flex-direction: row;
    width: fit-content;
    padding: .15em .25em;
    font-size: 0.9em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}
span.badge.badgeleft {
	margin-right: auto;
}
span.badge.badgecenter {
	margin-right: auto;
	margin-left: auto;
}
span.badge.badgeright {
	margin-left: auto;
}
i.icon-with-num{
	margin-right: 3px;
}
div.chatItemContainer{
	margin: 5px 0px 5px 2px;
    width: auto;
    /*max-width: 140px;*/
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    font-size: large;
    background: #d2cfe4;
    color: #755181 !important;
    cursor: pointer;
}
div.chatItemContainer:hover{
	background: #e9ebf8;
}
div#epMoreForum1_outside, div#epMoreBlog1_outside, div#epMoreForum2_outside, div#epMoreBlog2_outside, div#epMoreForum3_outside, div#epMoreBlog3_outside{
	/*background: #eadff9;
    font-size: 1.2em;
    background: #a37ada;
    color: white;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 0px;*/
}
.superlink.rightcolumn {
	background: #eb6195;
    font-size: 1.1em;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    font-weight: normal;
    text-decoration: none;
    width: 100%;
    background: white;
    color: #eb6195 !important;
    font-size: 1.1em;
    height: auto;
    font-family: graphic-regular, sans-serif;
    cursor: pointer;
}
.superlink.rightcolumn span{
	    color: #eb6195;
}
div.myMenuBox.chatketrecbox, div.myMenuBox.chatketrecbox-bdsm, div.myMenuBox.chatketrecbox-bisex, div.myMenuBox.chatketrecbox-city, div.myMenuBox.chatketrecbox-gay, div.myMenuBox.chatketrecbox-hetero, div.myMenuBox.chatketrecbox-leszbi, div.myMenuBox.chatketrecbox-profi, div.myMenuBox.chatketrecbox-shemale{
	display: none;
}
div.chatketrecbox {
	border: 0px !important;
}
div.bigChatButtonContainer{
	width:100% !important;
	padding:0px;
	margin:0px;
}
input.bigChatButton{
	padding: 1px; 
	font-size: large !important;;
	cursor: pointer; 
	margin: 0px !important; 
	width: 100%;
	height: 50px;
	overflow: hidden;
	word-break: break-word;
	white-space: normal;
}
/*New forum-blog-chat feed end*/

/*New userlist feed start*/
div.userlistItemContainer{
	width: 49%;
	min-height: 360px;
	margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    display: inline-block;
    vertical-align: top;
    background-color: #dfcbfa;
    font-size: medium;
    border-style: solid;
    border-width: 1px;
    border-color: #c39afa;
    user-select: none;
}
div.userlistItemContainer.hiteles, div.couplelistItemLeftContainer.hiteles, div.couplelistItemRightContainer.hiteles, div.imagelistItemContainer.hiteles{
	border-color:  #009600;
}
div.userlistItemContainer.orompolgar, div.couplelistItemLeftContainer.orompolgar, div.couplelistItemRightContainer.orompolgar, div.imagelistItemContainer.orompolgar{
	border-color: #009600;
    background-color: #42ff0014;
}
div.userlistItemContainer.biro, div.couplelistItemLeftContainer.biro, div.couplelistItemRightContainer.biro, div.imagelistItemContainer.biro{
	border-color: #bfab00;
    background-color: #ffe40030;
}
div.userlistItemContainer.moderator, div.couplelistItemLeftContainer.moderator, div.couplelistItemRightContainer.moderator, div.imagelistItemContainer.moderator{
	border-color: #d24949;
    background-color: #ff000017;
}
div.userlistItemContainer.alapito, div.couplelistItemLeftContainer.alapito, div.couplelistItemRightContainer.alapito, div.imagelistItemContainer.alapito{
	border-color: #000000;
    background-color: #ffffff59;
}

div.userlistItemFlexContainer{
	min-height: 360px;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    position: relative;
    /*height: -webkit-fill-available;*/
    padding: 0px;
    margin-top: auto;
    margin-bottom: 0px;
    text-align: center;
}
div.userlistItemFlexContainer.tiltott{
	background: repeating-linear-gradient(90deg,transparent,transparent 12px,#ff000065 10px,#ffffff65 18px);
}
div.userlistItemHeaderContainer {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: transparent;
    height: 3.3em;
}
div.epIconLine, div.epIconLine.bottom{
	display: flex;
    /* justify-content: left; */
    align-items: center;
    height: 1.5em;
    /* margin-bottom: 2px; */
    max-width: 100%;
    /* width: -webkit-fill-available; */
    /* flex-wrap: wrap; */
    font-size: 1.0em;
    margin-right: auto;
    margin-left: 0px;
}
div.epIconLine.bim{
	margin-left: auto;
	margin-right: 0px;
}

.bim-inactive {
    color: #cfc2e8;
    font-size: 1.52em;
    background: white;
    cursor: pointer;
}

.fa-plus-square.bimplus, .fa-minus-square.bimminus {
    font-size: 1.52em;
    color: #7e65af;
    background: white;
    cursor: pointer;
}
.fa-plus-square.bimplus.inlist, .fa-minus-square.bimminus.inlist {
    color: #a080e0;
}
div.userlistItemHeaderIkon.online{
	color: white;
    background: #a080e0;
	display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
	animation: blinking 3s infinite;
	min-height: 100%;
	padding-left: 4px;
    padding-right: 4px;
	margin-right: 2px;
	cursor: pointer;
	font-size: inherit;
}
div.userlistItemHeaderIkon.online.onProfile {
    display: flex;
    flex-direction: column;
    margin-top: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-family: graphic-regular, sans-serif;
    border-radius: 10px;
    min-height: unset;
}
div.userlistItemHeaderIkon.online i{
	font-size: unset;
}
div.userlistItemHeaderIkon.online.onProfile i{
	font-family: graphic-regular, sans-serif;
}
div.userlistItemHeaderIkon.online.onProfile i::before{
	font-family: "Font Awesome 5 Free";
}
@keyframes blinking {
  0% {color: white;background: #a080e0}
  45% {color: white;background: #a080e0}
  50% {color: #a080e0;background: #eaddfc}
  95% {color: #a080e0;background: #eaddfc}
  100% {color: white;background: #a080e0}
}
div.userlistItemHeaderIkon.polgar{
	color: #dfcbfa;
	background: #a080e0;
	padding-left: 2px;
    padding-right: 2px;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
	height: 100%;
	margin-right: 2px;
	cursor: pointer;
	font-size: inherit;
}
div.userlistItemHeaderIkon.polgar i{
	font-size: unset;
}
div.userlistItemHeaderIkon.orompolgar{
	color: #00ff78b0;
	background: #a080e0;
	padding-left: 2px;
    padding-right: 2px;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
	height: 100%;
	margin-right: 2px;
	cursor: pointer;
	font-size: inherit;
}
div.userlistItemHeaderIkon.orompolgar i{
	font-size: unset;
}
div.userlistItemHeaderIkon.biro{
	color: #f2c222;
	background: #a080e0;
	padding-left: 2px;
    padding-right: 2px;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
	height: 100%;
	margin-right: 2px;
	cursor: pointer;
	font-size: inherit;
}
div.userlistItemHeaderIkon.biro i{
	font-size: unset;
}
div.userlistItemHeaderIkon.moderator{
	color: #ff3131e0;
	background: #a080e0;
	padding-left: 2px;
    padding-right: 2px;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
	height: 100%;
	margin-right: 2px;
	cursor: pointer;
	font-size: inherit;
}
div.userlistItemHeaderIkon.moderator i{
	font-size: unset;
}
div.userlistItemHeaderIkon.alapito{
	color: black;
	background: #a080e0;
	padding-left: 2px;
    padding-right: 2px;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
	height: 100%;
	margin-right: 2px;
	cursor: pointer;
	font-size: inherit;
}
div.userlistItemHeaderIkon.alapito i{
	font-size: unset;
}
div.userlistItemHeaderIkon.bimpont{
	color: #a080e0;
    background: white;
    padding-left: 3px;
    padding-right: 3px;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
    height: 100%;
    margin-right: 0px;
    cursor: pointer;
    margin-left: auto;
    font-size: inherit;
}
div.userlistItemHeaderIkon.bimpont.inhome {
    height: 50px;
    font-size: 1.6em;
    justify-content: center;
    text-align: center;
}
div.userlistItemHeaderIkon.bimpont i{
	font-size: unset;
	position: relative;
}
div.userlistItemHeaderIkon.bimpont i span{
	position: absolute;
	bottom: -2px;
	left: -2px;
	color: #a080e0;
}
div.userlistItemHeaderIkon.bimpont div{
	width: 3px !important;
}
div.userlistItemHeaderIkon.bimpont span{
	font-size: 1.3em;
}
div.userlistItemHeaderIkon.bimpont.inlist span {
    font-size: 1.2em !important;
    width: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
div.userlistItemHeaderIkon.leveleztunk{
	color: white;
    background: #a080e0;
    padding-left: 3px;
    padding-right: 3px;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
    height: 100%;
    margin-right: 2px;
    cursor: pointer;
    font-size: inherit;
}
div.userlistItemHeaderIkon.leveleztunk i{
	font-size: unset;
}
div.userlistItemHeaderIkon.priviztunk{
	color: white;
    background: #a080e0;
    padding-left: 3px;
    padding-right: 3px;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
    height: 100%;
    margin-right: 2px;
    cursor: pointer;
    font-size: inherit;
}
div.userlistItemHeaderIkon.priviztunk i{
	font-size: unset;
}
div.userlistItemHeaderIkon.parom{
	color: white;
    background: #a080e0;
    padding-left: 3px;
    padding-right: 3px;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
    height: 100%;
    margin-right: 2px;
    cursor: pointer;
    font-size: inherit;
}
div.userlistItemHeaderIkon.parom i{
	font-size: unset;
	
}
div.userlistItemHeaderIkon.lattam{
	color: white;
    background: #a080e0;
    padding-left: 3px;
    padding-right: 3px;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
    height: 100%;
    margin-right: 2px;
    cursor: pointer;
    font-size: inherit;
}
div.userlistItemHeaderIkon.lattam i{
	font-size: unset;
}
div.userlistItemHeaderIkon.kedvel{
	color: white;
    background: #a080e0;
    padding-left: 3px;
    padding-right: 3px;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
    height: 100%;
    margin-right: 2px;
    cursor: pointer;
    font-size: inherit;
}
div.userlistItemHeaderIkon.kedvel i{
	font-size: unset;
}
div.userlistItemHeaderIkon.kedvel span.fa-stack{
	height: initial;
	line-height: initial;
	width: auto;
	display: flex;
    flex-direction: row;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    position: relative;
}
div.scbuttonContainer {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    background: #eadff9;
    
}
div.scbutton.kedvel {
    color: white;
    background: #a080e094;
    padding: 3px;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
    /* cursor: pointer; */
    font-size: 3.0em;
    width: 100%;
}
div.scbutton.kedvel span{
	height: initial;
    line-height: initial;
    width: auto;
    display: flex;
    flex-direction: row;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    position: relative;
    font-size: 0.7rem;
    color: white;
}
div.scbutton.clickable {
    color: white;
    background: #c3aed9;
    padding: 3px;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
    /* cursor: pointer; */
    font-size: 3.0em;
    width: 100%;
    flex-wrap: wrap;
}
div.scbutton.clickable a i {
    color: white;
}
div.scbutton.clickable i {
    color: white;
}
div.scbutton.clickable.myconnection i {
    color: lime;
}
div.scbutton.clickable.myconnection.tilt i {
    color: red;
}
div.scbutton.clickable.active i {
    color: #eb6195;
}
div.scbutton.clickable span{
	height: initial;
    line-height: initial;
    width: auto;
    display: flex;
    flex-direction: row;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    position: relative;
    font-size: 0.7rem;
    color: white;
}
div.scbutton {
    border-radius: 5px;
    border: 1px solid white;
    margin: 3px;
}
div.scbutton.clickable{
	cursor: pointer;
	border: 1px solid maroon;
}
div.userlistItemHeaderIkon.kedvelem{
	color: white;
    background: #a080e0;
    padding-left: 3px;
    padding-right: 3px;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
    height: 100%;
    margin-right: 2px;
    cursor: pointer;
    font-size: inherit;
}
div.userlistItemHeaderIkon.kedvelem span.fa-stack{
	height: initial;
	line-height: initial;
	width: auto;
	display: flex;
    flex-direction: row;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    position: relative;
}
div.userlistItemHeaderIkon.kedvelem i{
	font-size: unset;
}
div.userlistItemHeaderIkon.tilt{
	color: white;
    background: #a080e0;
    padding-left: 3px;
    padding-right: 3px;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
    height: 100%;
    margin-right: 2px;
    cursor: pointer;
    font-size: inherit;
}
div.userlistItemHeaderIkon.tilt i{
	font-size: unset;
}
div.userlistItemHeaderIkon.tilt span.fa-stack{
	height: initial;
	line-height: initial;
	width: auto;
	display: flex;
    flex-direction: row;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    position: relative;
    color: red;
}
/**/
div.scbutton.tilt {
    color: red;
    background: #a080e094;
    padding: 3px;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    flex-direction: row-reverse;
    -webkit-flex-direction: row;
    align-items: center;
    /* cursor: pointer; */
    font-size: 3.0em;
    width: 100%;
    /* height: 2em !important; */
}
div.scbutton.ignore i{
	color: red !important;
}
div.scbutton.clickable.csopker{
	background: #a080e094;
}
div.scbutton.clickable.csoptag i{
	color: #eb6195;
}
div.scbutton.tiltom{
	color: red;
    background: #c3aed9;
    padding: 3px;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
    cursor: pointer;
    font-size: 3.0em;
    width: 100%;
    /*height: 2em !important;*/
    border-color: maroon;
}
div.scbutton.tilt span.fa-stack{
	height: auto;
    width: max-content;
}
div.scbutton.tiltom span.fa-stack{
	height: auto;
    width: max-content;
}
div.scbutton.tilt span.epSocialLabel{
	height: initial;
    line-height: initial;
    width: auto;
    display: flex;
    flex-direction: row;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    position: relative;
    font-size: 0.7rem;
    color: white;
}
div.scbutton.tiltom span.epSocialLabel{
	height: initial;
    line-height: initial;
    width: auto;
    display: flex;
    flex-direction: row;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    position: relative;
    font-size: 0.7rem;
    color: white;
    
}
i.fas.fa-chevron-right.red{
	color: red;
	font-size: 0.75em;
}
div.userlistItemHeaderIkon.tiltom{
	color: white;
    background: #a080e0;
    padding-left: 3px;
    padding-right: 3px;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
    height: 100%;
    margin-right: 2px;
    cursor: pointer;
    font-size: inherit;
}
div.userlistItemHeaderIkon.tiltom i{
	font-size: unset;
}
div.userlistItemHeaderIkon.tiltom span.fa-stack{
	height: initial;
	line-height: initial;
	width: auto;
	display: flex;
    flex-direction: row;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    position: relative;
    color: red;
}
div.userlistItemHeaderIkon.megjegyzes{
	color: white;
    background: #a080e0;
    padding-left: 3px;
    padding-right: 3px;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
    height: 100%;
    margin-right: 2px;
    cursor: pointer;
    font-size: inherit;
}
div.userlistItemHeaderIkon.megjegyzes i{
	font-size: unset;
}
div.userlistItemHeaderIkon.erdekel{
	color: white;
    background: #a080e0;
    padding-left: 3px;
    padding-right: 3px;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
    height: 100%;
    margin-right: 2px;
    cursor: pointer;
    font-size: inherit;
}
div.userlistItemHeaderIkon.erdekel i{
	font-size: unset;
}
div.userlistItemHeaderIkon.nemerdekel{
	color: white;
    background: #a080e0;
    padding-left: 3px;
    padding-right: 3px;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
    height: 100%;
    margin-right: 2px;
    cursor: pointer;
    font-size: inherit;
}
div.userlistItemHeaderIkon.nemerdekel i{
	font-size: unset;
}
div.userlistItemHeaderIkon.csoportjaim{
	color: white;
    background: #a080e0;
    padding-left: 3px;
    padding-right: 3px;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
    height: 100%;
    margin-right: 2px;
    cursor: pointer;
    font-size: inherit;
}
div.userlistItemHeaderIkon.csoportjaim i{
	font-size: unset;
}
div.userlistItemHeaderIkon.csoportjaim span.fa-stack{
	height: initial;
	line-height: initial;
	width: auto;
}
div.userlistItemHeaderIkon.csoportomban{
	color: white;
    background: #a080e0;
    padding-left: 3px;
    padding-right: 3px;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
    height: 100%;
    margin-right: 2px;
    cursor: pointer;
    font-size: inherit;
}
div.userlistItemHeaderIkon.csoportomban i{
	font-size: unset;
}
div.userlistItemHeaderIkon.csoportomban span.fa-stack{
	height: initial;
	line-height: initial;
	width: auto;
	display: flex;
    flex-direction: row;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    position: relative;
}
i.fas.fa-chevron-right.lime{
	color: lime;
	font-size: 0.75em;
}
div.userlistItemHeaderIkon.inactiveikon{
	opacity: 35%;
	animation: none;
	display: none;
}
div.userlistItemBodyContainer{
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	container-type: inline-size;
}
div.userlistItemFooterContainer{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    bottom: 0px;
    right: 0px;
    left: 0px;
    /* border-top: 1px solid #c39afa; */
    margin-top: auto;
    margin-bottom: 0px;
    /*background-color: #dfcbfa;*/
}
div.userlistItemBodyDatas{
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
    cursor:	pointer;
    max-width: 100%;
    width: 100%;
    position: relative;
}
div.userlistItemBodyImage {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 5px;
    position: relative;
    border-radius: 0px;
    background-clip: content-box;
    border-bottom: 1px solid #eb6195;
    border-image: linear-gradient(to bottom, rgb(255 255 255) 0%, #eb6195 75%);
    border-image-slice: 1;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
}
.userlistItemBodyImageContainer {
    position: relative;
}
div.userlistItemBodyImage img {
    object-fit: cover;
    width: 100%;
    width: 100cqw;
    height: 216px;
    max-width: 384px;
    min-width: 280px;
    margin-left: auto;
    margin-right: auto;
}
div .userlistItemBodyImageZoom{
	position: absolute;
    left: auto;
    right: auto;
    top: 100px;
    bottom: auto;
    color: #a37ada;
    background: #00000038;
    font-size: 2em;
    transform: rotate(90deg);
    cursor: pointer;
    border: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
} 
div.userListItemItemgroup {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    width: 100%;
    max-width: 100%;
    justify-content: left;
    position: absolute;
    z-index: 2;
    left: 5px;
    top: 5px;
}
div.userListItem {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    width: 100%;
    max-width: 100%;
    justify-content: left;
    z-index: 2;
    margin-bottom: 5px;
}
.userListItemItemgroup.floatingusername {
    justify-content: left;
    position: absolute;
    left: 5px;
    top: 5px;
}
.userListItemItemgroup.relativeusername {
    position: relative;
    left: unset;
    top: unset;
    margin-bottom: 5px;
}
div .userListItemUserName {
    font-size: 1.2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90cqw;
    font-weight: bold;
}
div.newUserBandgesHeader .userListItemUserName{
	max-width: 125px;
}
div .userListItemGenderikon{
	font-size: 1.5em;
	margin-left: 5px;
	padding-left: 3px;
    padding-right: 3px;
    border-radius: 3px;
}
div .userListItemGenderikon.blue{
	color: blue;
	background: #ccacf7;
}
div .userListItemGenderikon.pink{
	color: pink;
	background: #a37ada;
}
div.userListItemAgeTextContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
div.userListItemAgeText {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.2em;
    max-width: 50%;
    min-width: 50%;
    border-width: 0px;
    opacity: 100%;
    text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;
    text-align: left;
    margin-left: 5px;
}
div.userListItemNegyedText {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    font-size: 1.2em;
    height: 1.6em;
    max-width: 100%;
    margin-bottom: 0px;
    margin-top: 0px;
    /* border: 1px solid #eb6195; */
    color: #eb6195;
    background: #ffffff4a;
    /* border-top: unset; */
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
}
.userListItemNegyedText::before {
    content: "\f015";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
}
div.userListItemLocationContainer {
    position: relative;
    width: 100%;
    max-width: 300px;
    height: 7.5rem;
    max-width: 90cqw;
    padding: 0px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #eb6195;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 5px;
    background: white;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100cqw;
    max-width: 384px;
    min-width: 280px;
    margin-left: auto;
    margin-right: auto;
}
.userListItemLocationContainer::before {
    content: "\f041";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    bottom: 15px;
    right: 7px;
    color: #eb6195;
    text-shadow: -1px 0 #eb6195, 0 1px #eb6195, 1px 0 #eb6195, 0 -1px #eb6195;
}
.userListItemLocationContainer::after {
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    bottom: 5px;
    right: 9px;
    color: black;
    font-size: 8px;
}
div.userListItemLocationText {
    display: inline;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    position: absolute;
    font-size: 1.2em;
    height: 2.7em;
    width: 100%;
    border-width: 0px;
    opacity: 100%;
    text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;
    bottom: 1.0em;
}
div.userListItemLocationText.normal{
    display: inline;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    position: absolute;
    font-size: 1.2em;
    height: 2.5em;
    width: 100%;
    border-width: 0px;
    opacity: 0%;
    animation: normalLocation 5s infinite;
}
@keyframes normalLocation {
  0% {opacity: 100%;}
  45% {opacity: 100%;}
  50% {opacity: 00%;}
  95% {opacity: 0%;}
  100% {opacity: 100%;}
}
div.userListItemLocationText.alternative{
    display: inline;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    position: absolute;
    font-size: 1.2em;
    height: 2.5em;
    opacity: 0%;
    animation: alternateLocation 5s infinite;
}
@keyframes alternateLocation {
  0% {opacity: 0%;}
  45% {opacity: 0%;}
  50% {opacity: 100%;}
  95% {opacity: 100%;}
  100% {opacity: 0%;}
}
div.userListItemCoupleText {
    display: inline;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    font-size: 1.2em;
    font-weight: bold;
    height: 2.0em;
    max-width: 200px;
    width: 100%;
    text-align: center;
}
div.userListItemCoupleText a {
    border: 1px solid white;
    border-radius: 5px;
    background: #a37ada;
    padding: 5px;
    display: flex;
    color: white;
    align-items: center;
    justify-content: space-around;
}
div.userListItemCoupleText a::before {
    content: "\f4be";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
div.userListItemPhone {
    background: white;
    color: black;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    bottom: 5px;
    right: 0px;
    left: 0px;
    max-width: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 1.3em;
    font-size: 1.2em;
}
div.userListItemPhone.onProfile {
    position: relative;
    margin-top: 30px;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    border-radius: 5px;
}
div.newUserBandgesDataContainer div.userListItemPhone {
	position: relative !important;
}
div.userListItemPhone.empty{
	display: none;
}
div.userListItemPhone.callable, div.userListItemPhone.callable a{
	background: #6b3a73;
	color: white;
}
div.newUserBandgesDataContainer div.userListItemPhone.callable i {
	color: white;
}
div.userListItemMotto {
    position: absolute;
    bottom: 0px;
    background: transparent;
    padding: 2px;
    left: 0px;
    right: 0px;
    word-break: break-word;
    opacity: 75%;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    max-width: 100%;
}
div.userlistItemContainer.polgar div.userListItemMotto, div.userlistItemContainer.hiteles.polgar div.userListItemMotto, div.couplelistItemLeftContainer.polgar div.userListItemMotto, div.couplelistItemLeftContainer.hiteles.polgar div.userListItemMotto, div.couplelistItemRightContainer.polgar div.userListItemMotto, div.couplelistItemRightContainer.hiteles.polgar div.userListItemMotto {
	background-color: #ffffff;
    color: #4f3b70;
}
div.userlistItemContainer.orompolgar div.userListItemMotto, div.userlistItemContainer.hiteles.orompolgar div.userListItemMotto, div.couplelistItemLeftContainer.orompolgar div.userListItemMotto, div.couplelistItemLeftContainer.hiteles.orompolgar div.userListItemMotto, div.couplelistItemRightContainer.orompolgar div.userListItemMotto, div.couplelistItemRightContainer.hiteles.orompolgar div.userListItemMotto {
	background-color: #ffffff;
    color: #498b6d;
}
div.userlistItemContainer.biro div.userListItemMotto, div.userlistItemContainer.hiteles.biro div.userListItemMotto, div.couplelistItemLeftContainer.biro div.userListItemMotto, div.couplelistItemLeftContainer.hiteles.biro div.userListItemMotto, div.couplelistItemRightContainer.biro div.userListItemMotto, div.couplelistItemRightContainer.hiteles.biro div.userListItemMotto {
	background-color: #000000;
    color: #f2c222;
}
div.userlistItemContainer.moderator div.userListItemMotto, div.userlistItemContainer.hiteles.moderator div.userListItemMotto, div.couplelistItemLeftContainer.moderator div.userListItemMotto, div.couplelistItemLeftContainer.hiteles.moderator div.userListItemMotto, div.couplelistItemRightContainer.moderator div.userListItemMotto, div.couplelistItemRightContainer.hiteles.moderator div.userListItemMotto {
	background-color: #000000;
    color: #fe666f;
}
div.userlistItemContainer.alapito div.userListItemMotto, div.userlistItemContainer.hiteles.alapito div.userListItemMotto, div.couplelistItemLeftContainer.alapito div.userListItemMotto, div.couplelistItemLeftContainer.hiteles.alapito div.userListItemMotto, div.couplelistItemRightContainer.alapito div.userListItemMotto, div.couplelistItemRightContainer.hiteles.alapito div.userListItemMotto {
	background-color: #000000;
    color: #ffffff;
}
div.userListItemMotto span{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-weight: bold;
    font-size: 1.2em;
	max-width: 100%;
}
div.userListItemMotto.inactive {
    background: transparent;
    position: relative;
}
div.userListItemMotto.inactive span, iv.userlistItemIkon.inactive{
	opacity: 0.5;
}
div .userListItemListikonjumper{
	display: flex;
    flex-direction: row;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    width: 50%;
    align-items: center;
    justify-content: space-evenly;
    background-color: #a37ada;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 1px solid white;
    border-radius: 3px;
}
div.userlistItemIkon i{
	font-size: 5em;
    color: white;
    background: #a37ada;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}
div .userListItemListikonjumper.left{
    justify-content: center;
    /*border-right: 1px solid white;*/
    margin-right: 15px;
}
div .userListItemListikonjumper.left i{
    margin-right: 4px;
    margin-left: 4px;
}
div .userListItemListikonjumper.left span{
    margin-left: 4px;
    font-family: graphic-regular, sans-serif;
    font-weight: bold;
}
div .userListItemListikonjumper.right{
    justify-content: center;
    /*border-left: 1px solid white;*/
    margin-left: 2px;
}
div .userListItemListikonjumper.right i{
    margin-right: 4px;
    margin-left: 4px;
}
div .userListItemListikonjumper.right span{
    margin-right: 4px;
    font-family: graphic-regular, sans-serif;
    font-weight: bold;
}
div .userListItemListikonjumper i{
    color: white;
    font-size: 1.4em;
    background-color: transparent;
}
div .userListItemListikonjumper.inactive i{
	color: #bea8b5;
}

div .userListItemListikonjumper span{
	color: white;
    font-size: 1.2em;
    font-weight: bold;
    background-color: transparent;
    letter-spacing: 1px;
}
div .userListItemListikonjumper.inactive span{
	color: #bea8b5;
}
div.userlistItemLink {
    background: #a37ada;
    color: white;
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: 0.5px;
    height: 2em;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    margin-top: auto;
    margin-bottom: 0px;
}
div.couplelistItemContainer{
	width: 100%;
	min-height: 320px;
	margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 0px;
    margin-right: 0px;
    height: fit-content;
    padding: 0px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
}
div.couplelistItemContainer.inactive{
	width: 100%;
	min-height: 320px;
	margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 0px;
    margin-right: 0px;
    height: fit-content;
    padding: 0px;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    border-style: solid;
    border-width: 1px;
    border-color: #c39afa;
}
div.couplelistItemLeftContainer{
	min-height: 100%;
	width: 43%;
	margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    padding: 0px;
    display: inline-block;
    vertical-align: top;
    background-color: #dfcbfa;
    font-size: medium;
    border-style: solid;
    border-width: 1px;
    border-color: #c39afa;
}
div.couplelistItemCenterContainer{
	height: auto;
    width: 14%;
    background: #a080e0;
    margin-top: 3px;
    margin-bottom: 3px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
div.couplelistItemCenterContainer i{
	font-size: 3rem;
    color: white;
}
div.couplelistItemRightContainer{
	min-height: 100%;
	width: 43%;
	margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    padding: 0px;
    display: inline-block;
    vertical-align: top;
    background-color: #dfcbfa;
    font-size: medium;
    border-style: solid;
    border-width: 1px;
    border-color: #c39afa;
}
div.grouplistItemContainer{
	width: 49%;
	min-height: 220px;
	margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 0px;
    margin-right: 2px;
    padding: 0px;
    display: inline-block;
    vertical-align: top;
    background-color: #dfcbfa;
    font-size: medium;
    border-style: solid;
    border-width: 1px;
    border-color: #c39afa;
}
div.grouplistItemContainer.inactive{
	background: transparent;
}
div.grouplistItemTitle.inactive, div.grouplistItemIkon.inactive, div.grouplistItemUsers.inactive{
	opacity: 0.5;
}
div.grouplistItemFlexContainer {
    min-height: 220px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    position: relative;
    /* height: -webkit-fill-available; */
    padding: 0px;
    text-align: center;
    background: #a37ada;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
div.grouptypeInList {
    position: absolute;
    right: 5px;
    padding: 3px;
    top: calc(1.5rem + 8px);
    /* font-size: 0.8rem; */
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    /* line-height: 0.8rem; */
}
div.grouptypeInList.nyilt {
    color: white;
    background: #a37ada;
    border: 1px solid white;
}
div.grouptypeInList.zart {
    background: #ababab;
    color: black;
    border: 1px solid black;
}
div.grouptypeInList.titkos {
    background: black;
    color: white;
    border: 1px solid white;
}
div.grouplistItemTitle {
    position: relative;
    top: 0px;
    background: transparent;
    padding: 2px;
    left: 0px;
    right: 0px;
    word-break: break-word;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    max-width: 98%;
    color: white;
    margin-left: 3px;
    margin-top: 3px;
}
div.grouplistItemTitle span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    font-size: 1.2em;
    max-width: 300px;
}
div.grouplistItemMembers {
    position: absolute;
    background: #a37ada;
    text-align: center;
    font-size: 1.1rem;
    height: 25px;
    line-height: 25px;
    color: white;
    border-radius: 12px;
    padding-left: 10px;
    padding-right: 10px;
    width: fit-content;
    left: 50%;
    transform: translateX(-50%);
    top: calc(8em - 8px);
}
div.grouplistItemIkon.nyilt{
	color: white;
}
div.grouplistItemIkon.zart{
	color: #ababab;
}
div.grouplistItemIkon.titkos{
	color: black;
}
div.grouplistItemIkon i {
    font-size: 8em;
    background: #a37ada;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}
div.grouplistItemSearch {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.1em;
    margin-top: auto;
    margin-bottom: 0px;
    margin-left: 3px;
    margin-right: 3px;
}
div.grouplistItemUsers {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    font-size: 1.1em;
    margin-top: auto;
    margin-bottom: 0px;
    margin-left: 3px;
    margin-right: 3px;
}
div.grouplistItemOwner {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    margin-bottom: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: white;
    justify-content: space-around;
}
div.grouplistItemOwner span{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.9em;
    max-width: 110px;
}
div.grouplistItemOwner i{
	font-size: 1rem;
    color: #a37ada;
    margin-right: 5px;
}
div.grouplistItemLink {
    background: #a37ada;
    color: white;
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: 0.5px;
    height: 30px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    margin-top: auto;
    margin-bottom: 0px;
    border: 1px solid maroon;
    border-radius: 5px;
    margin-top: 5px;
}
div.imagelistItemContainer{
	width: 49%;
	min-height: 220px;
	margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    display: inline-block;
    vertical-align: top;
    background-color: #dfcbfa;
    font-size: medium;
    border-style: solid;
    border-width: 1px;
    border-color: #c39afa;
}
div.imagelistItemFlexContainer{
	min-height: 220px;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    position: relative;
    /*height: -webkit-fill-available;*/
    padding: 0px;
    margin-top: auto;
    margin-bottom: 0px;
    text-align: center;
}
div.imagelistItemBodyContainer {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    container-type: inline-size;
}
div.imageListItemItemgroup {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    max-width: 100%;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0px;
    background-clip: content-box;
    border-bottom: 1px solid #eb6195;
    border-image: linear-gradient(to bottom, rgb(255 255 255) 0%, #eb6195 75%);
    border-image-slice: 1;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
    margin-bottom: 5px;
}
div.imagelistItemBodyDatas{
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
    max-width: 200px;
    width: 100%;
}
div.imagelistItemBodyImage {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
    position: relative;
    margin-bottom: 0px;
}
div.imagelistItemBodyImage img {
    object-fit: cover;
    width: 100cqw;
    height: 216px;
    max-width: 384px;
    min-width: 280px;
    margin-left: auto;
    margin-right: auto;
}
.superlink{
	width: 100%;
    background: #996ad8;
    text-align: right !important;
    font-family: graphic-regular, sans-serif;
    font-weight: bold;
    font-size: 1.3em;
    color: white;
    margin-bottom: 0.2em;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.superlink a, .superlink span{
	color: white;
    margin-right: 5px;
    /*background: #996ad8;*/
}
.superlink:hover {
	background-color: #C39AFA !important;
}
.superlink a::after, .superlink span::after {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    color: white;
    margin-left: 10px;
}
.superlinkCentered {
    width: 100%;
    background: #996ad8;
    text-align: center;
    font-family: graphic-regular, sans-serif;
    font-weight: bold;
    font-size: 1.3em !important;
    color: white;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    border: 0;
    border-radius: 0px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    display: flex !important;
    flex-direction: column;
    border-color: maroon !important;
    border-width: 1px !important;
    justify-content: space-between;
}
.superlinkCentered::after{
	font-family: "Font Awesome 5 Free";
	content: "\f0d7";
	color: white;
	width: 100%;
}
.superlinkCentered.switchedOn::after{
	font-family: "Font Awesome 5 Free";
	content: "\f0d8";
	color: white;
	width: 100%;
}
.superlinkCentered::before{
	content: "";
}
.superlinkCentered.switchedOn::before{
	content: "";
}
div.onPageFilter {
    min-width: max-content;
    width: 30%;
    background-color: #dfcbfa;
    color: black;
    font-size: 1.1em !important;
    padding-top: 3px;
    padding-bottom: 6px;
    padding-right: 2px;
    padding-left: 2px;
    display: inline-flex;
    flex-direction: column;
    display: -webkit-inline-flex;
    -webkit-flex-direction: column;
    text-align: left;
    align-items: center;
    border: 1px solid maroon;
    border-radius: 5px;
    font-weight: bold;
}
.sf-fieldset .onPageFilter, .hirdfull .onPageFilter {
    width: 100%;
}
div.onPageFilter.second{
	background-color: #cfbbea;
}
span.onPageFilter.clickable, span.onPageFilter.second.clickable {
    cursor: pointer;
    background: #a080e0;
    width: fit-content;
    padding-right: 5px;
    color: white;
    font-weight: bold;
    width: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.onPageFilterContainer {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
/*New UserBadges start*/
div.newBadgeTooltip{
	max-width: 100vw;
    padding: .25rem .5rem;
    background-color: #000;
    border-radius: .25rem;
    font-size: medium;
    background-color: #dfcbfa;
    border: 1px solid;
    border-color: #c39afa;
    box-shadow: 6px 6px #88888829;
    min-width: 500px;
    /* width: 100%; */
    padding: 0px;
}
.tooltip.show {
    opacity: 1.0;
    /*margin: 0.5em;*/
}
div.newBadgeTooltip.hiteles{
	border-color:  #009600;
}
div.newBadgeTooltip.orompolgar{
	border-color: #009600;
    background-color: #dde2e6;
}
div.newBadgeTooltip.biro{
	border-color: #bfab00;
    background-color: #eee0ca;
}
div.newBadgeTooltip.moderator{
	border-color: #d24949;
    background-color: #eccbe3;
}
div.newBadgeTooltip.alapito{
	border-color: #000000;
    background-color: #ffffff;
}

.bs-tooltip-bottom .arrow::before{
	border-bottom-color: #c39afa !important;
}
.bs-tooltip-bottom .arrow.hiteles::before{
	border-bottom-color: #009600 !important;
}
.bs-tooltip-bottom .arrow.orompolgar::before{
	border-bottom-color: #009600 !important;
}
.bs-tooltip-bottom .arrow.biro::before{
	border-bottom-color: #bfab00 !important;
}
.bs-tooltip-bottom .arrow.moderator::before{
	border-bottom-color: #d24949 !important;
}
.bs-tooltip-bottom .arrow.alapito::before{
	border-bottom-color: #ffffff !important;
}
.bs-tooltip-bottom .arrow.like::before{
	border-bottom-color: #ffffff !important;
}

.bs-tooltip-left .arrow::before{
	border-left-color: #c39afa !important;
}
.bs-tooltip-left .arrow.hiteles::before{
	border-left-color: #009600 !important;
}
.bs-tooltip-left .arrow.orompolgar::before{
	border-left-color: #009600 !important;
}
.bs-tooltip-left .arrow.biro::before{
	border-left-color: #bfab00 !important;
}
.bs-tooltip-left .arrow.moderator::before{
	border-left-color: #d24949 !important;
}
.bs-tooltip-left .arrow.alapito::before{
	border-left-color: #ffffff !important;
}
.bs-tooltip-left .arrow.like::before{
	border-left-color: #ffffff !important;
}

.bs-tooltip-right .arrow::before{
	border-right-color: #c39afa !important;
}
.bs-tooltip-right .arrow.hiteles::before{
	border-right-color: #009600 !important;
}
.bs-tooltip-right .arrow.orompolgar::before{
	border-right-color: #009600 !important;
}
.bs-tooltip-right .arrow.biro::before{
	border-right-color: #bfab00 !important;
}
.bs-tooltip-right .arrow.moderator::before{
	border-right-color: #d24949 !important;
}
.bs-tooltip-right .arrow.alapito::before{
	border-right-color: #ffffff !important;
}
.bs-tooltip-right .arrow.like::before{
	border-right-color: #ffffff !important;
}

.bs-tooltip-top .arrow::before{
	border-top-color: #c39afa !important;
}
.bs-tooltip-top .arrow.hiteles::before{
	border-top-color: #009600 !important;
}
.bs-tooltip-top .arrow.orompolgar::before{
	border-top-color: #009600 !important;
}
.bs-tooltip-top .arrow.biro::before{
	border-top-color: #bfab00 !important;
}
.bs-tooltip-top .arrow.moderator::before{
	border-top-color: #d24949 !important;
}
.bs-tooltip-top .arrow.alapito::before{
	border-top-color: #ffffff !important;
}
.bs-tooltip-top .arrow.like::before{
	border-top-color: #ffffff !important;
}

div.newUserBandgesContainer{
	display: flex;
	flex-direction: column;
	display: -webkit-flex;
    -webkit-flex-direction: column;
	width: fit-content;
	color: white;
}
div.newUserBandgesHeader{
	display: flex;
	flex-direction: row;
	display: -webkit-flex;
    -webkit-flex-direction: row;
	color: white;
	flex-wrap: nowrap;
    min-width: max-content;
	background-color: #b6a2dc;
    height: auto;
    padding: 2px;
}
div.newUserBandgesHeader div.userListItemItemgroup{
	justify-content: flex-start;
	min-width: max-content !important;
    max-width: max-content !important;
    margin-right: 10px;
    height: min-content;
}
div.newUserBandgesTooltipCloser{
	cursor: default !important;
    color: #7e65af !important;
    font-size: 1.5rem;
    text-shadow: 0 1px 0 #fff;
    width: max-content;
    min-width: max-content;
    max-width: max-content;
    margin-left: auto;
}
div.newUserBandgesTooltipIkonline{
	display: flex;
	flex-direction: row;
	display: -webkit-flex;
    -webkit-flex-direction: row;
    color: white;
    flex-wrap: nowrap;
    min-width: max-content;
    font-size: unset;
    width: -webkit-fill-available;
    width: fill-available;
	width: -moz-available;
    /*margin-right: 10px;*/
}
div.newUserBandgesTooltipIkonline div.epIconLine{
	font-size: 1.5em;
}
div.newUserBandgesBody{
	display: flex;
	flex-direction: row;
	display: -webkit-flex;
    -webkit-flex-direction: row;
	color: black;
	flex-wrap: nowrap;
    min-width: max-content;
	/*background-color: transparent;*/
    height: auto;
    padding: 2px;
    background-color: #dfcbfa;
}
div.newUserBandgesBody.orompolgar{
    background-color: #dde2e6;
}
div.newUserBandgesBody.biro{
    background-color: #eee0ca;
}
div.newUserBandgesBody.moderator{
    background-color: #eccbe3;
}
div.newUserBandgesBody.alapito{
    background-color: #ffffff;
}
div.newUserBandgesBody.tiltott{
	background: repeating-linear-gradient(90deg,transparent,transparent 12px,#ff000065 10px,#ffffff65 18px);
}
div.newUserBandgesImageContainer{
	display: flex;
	flex-direction: column;
	display: -webkit-flex;
    -webkit-flex-direction: column;
	color: black;
	flex-wrap: nowrap;
    min-width: 200px;
    max-width: 50%;
	background-color: transparent;
    height: auto;
}
div.newUserBandgesImageImage {
    width: 100%;
    max-width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
    container-type: inline-size;
}
div.newUserBandgesImageContainer span.epUser {
	max-width: 160px;
	max-width: 80cqw;
}
div.newUserBandgesImageImage.clicker{
   	cursor: pointer;
}
div.newUserBandgesImageImage img{
	object-fit: cover;
    width: 100%;
	max-width: 200px;
    min-width: 150px;
    max-height: 150px;
    min-height: 120px;
    float: left;
}
/*
div.newUserBandgesImageImage i{
	position: absolute;
    font-size: 2em;
    background: #a37ad0;
    color: white;
    padding: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
    left: 0px;
}
*/
div.newUserBandgesImageText{
	display: flex;
	flex-direction: column;
	display: -webkit-flex;
    -webkit-flex-direction: column;
	color: black;
	flex-wrap: nowrap;
    min-width: 50%;
    min-width: 50%;
	background-color: transparent;
    height: auto;
}
div.newUserBandgesImageTextContainer{
	display: flex;
    flex-direction: row;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    background-color: #dfcbfa;
    color: black;
    padding-top: 3px;
    padding-right: 2px;
    font-size: unset;
    width: 100%;
	max-width: 200px;
    min-width: 150px;
}
div.newUserBandgesImageTextContainer.second{
	background-color: #cfbbea;
}
div.newUserBandgesImageTextLeft {
	justify-content: flex-start;
    margin-right: auto;
    margin-left: 2px;
    font-size: 0.9em;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}
div.newUserBandgesImageTextLeft i{
    font-size: 1.2em;
    margin-right: 5px;
}
div.newUserBandgesImageTextRight {
    justify-content: flex-end;
    margin-left: auto;
    font-size: 0.9em;
    font-weight: bold;
    align-items: center;
    display: flex;
    flex-direction: row;
    display: -webkit-flex;
    -webkit-flex-direction: row;
}
div.newUserBandgesDataBody {
	display: flex;
    flex-direction: column;
    min-width: 300px;
    width: inherit;
    padding: 5px;
    justify-content: space-between;
}
div.newUserBandgesDataMotto {
	margin-left: auto;
    margin-right: auto;
    /*margin-top: 5px;*/
    text-align: center;
    font-style: italic;
    font-size: 1.5em;
    color: #7e65af;
    margin-bottom: 5px;
}
div.newUserBandgesDataMotto span {
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 1.2em;
    max-height: 2.5em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 280px;
}
div.newUserBandgesDataContainer {
	display: flex;
	flex-direction: row;
	font-size: 1.2em;
}
div.newUserBandgesDataContainer i{
	color: black;
	width: 1.5em;
}
div.newUserBandgesDataContainer span{
	margin-left: 5px;
    color: #7e65af;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
span.reverseLockInBadge {
    direction: rtl;
    text-align: left;
}
div[class*="timefield"] i, span[class*="timefield"] i{
	border-left: 1px solid #996ad8;
	border-top: 1px solid #996ad8;
	border-bottom: 1px solid #996ad8;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	background: white;
	color: #a37ada;
    background: white;
    cursor: pointer;
}
div[class*="timefield"] i::after, span[class*="timefield"] i::after{
	content: '';
	margin-right: 5px;
}
div[class*="timefield"] span, span[class*="timefield"] span{
	border-left: 1px solid #996ad8;
	border-top: 1px solid #996ad8;
	border-bottom: 1px solid #996ad8;
	border-right: 1px solid #996ad8;
	padding-left: 3px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 3px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	margin-left: -5px;
	color: white;
    background: #a37ada;
    cursor: pointer;
}
div.userlistItemHeaderIkon.online.fullsize{
	width: 100%;
	height: 1.5em;
	justify-content: center;
}
div.userlistItemHeaderIkon.online.fullsize i.textextenfer::after{
	content: ' most itt van';
	font-family: graphic-regular, sans-serif;
    font-size: 0.95em;
}
.alert-container {
    z-index: 100;
}
.alertWrapper {
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    padding: 0px;
    min-height: 4em;
    margin-bottom: 0.5em;
    container-type: inline-size;
}
div.alert-Red {
    background: red;
}
div.alert-Red a {
    color: white;
    padding-left: 5px;
}
.alert-info {
    color: black;
    background-color: #decbf9;
    border-color: #a37ada;
}
.alert-success {
    color: black;
    background-color: #d4edda;
    border-color: #008000;
}
.alert-warning {
    color: black;
    background-color: #fff3cd;
    border-color: #d8c000;
}
.alert-error {
    color: black;
    background-color: #ffd7cc;
    border-color: #ff0000;
}
.swipearrowcloser {
    position: absolute;
    right: 0px;
    top: 2px;
    font-size: 0.8em;
    color: white;
    width: 10%;
    display: flex;
    justify-content: center;
}
.alert-icon-circle-wrapper {
	position: relative;
    width: 3em;
    min-width: 3em;
    max-width: 3em;
    height: 3em;
    float: left;
    margin: 0px;
    margin-left: 5px;
    margin-right: 10px;
}
.alert-icon-circle{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	padding: 1px;
	background-clip: content-box;
}
.alert-icon{
	position: absolute;
    color: #fff;
    font-size: 1.5em;
    top: 1em;
    left: 1em;
    transform: translate(-50%, -50%);
}
div.info{
	background-color: #a37ada;
    border: 2px solid #a37ada;
}
div.success{
	background-color: #008000;
    border: 2px solid #008000;
}
div.warning{
	background-color: #d8c000;
    border: 2px solid #d8c000;
}
div.error{
	background-color: #ff0000;
    border: 2px solid #ff0000;
}
.alert-closer {
    width: 10%;
    min-width: 10%;
    max-width: 10%;
    margin-left: auto;
    height: 4em;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.alert-closer i{
	margin: auto;
    font-size: 1.5em;
    color: black;
    cursor: pointer;
    margin-right: 0px;
    margin-left: 0px;
}
div.advancedNoticeContainer {
	display: flex;
	flex-direction: row;
	min-width: calc(100cqw - 135px);
}
div.advancedNoticeLeftContainer{
	display: flex;
	flex-direction: column;
	min-width: max-content;
	margin-right: 10px;
}
div.advancedNoticeTextContainer{
	min-width: 100%;
	min-height: 100%;
	text-decoration:none !important;
    /*margin-top: auto;
    margin-bottom: auto;*/
    /*cursor: pointer;*/
    text-align: left;
    display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-size: 1.1em;
}
div.advancedNoticeTextContainer span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 500px;
}
div.advancedNoticeTextContainer div{
	max-width: 100%;
}
div.advancedNoticeTextContainer a{
	/*max-width: 75%;*/
}
div.advancedNoticeButtonContainer{
	display: flex;
	flex-direction: row;
	justify-content: left;
	width: max-content;
    max-width: 50cqw !important;
    flex-wrap: wrap;
}
div.advancedNoticeButtonContainer div {
    color: white;
    background: #a37ada;
    padding-left: 8px;
    padding-right: 8px;
    font-weight: bold;
    font-size: 1.2em;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 2px;
    cursor: pointer;
    border: 1px solid #996ad8;
    /* width: 100%; */
    min-width: 20cqw;
    text-align: center;
    margin-right: 5px;
    align-self: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
    max-width: 50cqw !important;
}
div.advancedNoticeButtonContainer div.view{
	color: black;
    background-color: #c2f9dc;
    border-color: black;
}
div.advancedNoticeButtonContainer div.read{
	color: black;
    background-color: #c2f9dc;
    border-color: black;
}
div.advancedNoticeButtonContainer div.enter{
	color: black;
    background-color: #c2f9dc;
    border-color: black;
}
div.advancedNoticeButtonContainer div.refuse{
	color: black;
    background-color: #f99898;
    border-color: black;
}
div.advancedNoticeButtonContainer div.modify{
	
}
div.advancedNoticeButtonContainer div.settings{
	color: maroon;
    background-color: #c3aed9;
    border-color: #8763df;
}
div.advancedNoticeButtonContainer div.upload{
	color: maroon;
    background-color: #c3aed9;
    border-color: #8763df;
}

/*
.alert-icon-circle-wrapper:active .alert-icon-circle {
  animation: spin 2s linear infinite;
}
*/
@keyframes spin { 
  100% {transform: rotateZ(360deg);}
}
.buttonRowInBadge {
	justify-content: space-around;
}
div.newUserBandgesDataButtonContainer {
    display: flex;
    flex-direction: row;
    background: #a27ad6;
    padding: 3px;
    border-radius: 3px;
    cursor: pointer;
    margin: 2px;
}
div.newUserBandgesDataButtonContainer.inactive {
	cursor: default;
	background: #cfbcea;
}
div.newUserBandgesDataButtonContainer i {
    color: #ffffff;
    font-size: 1.5em;
    margin: auto;
}
div.newUserBandgesDataButtonContainer span {
    color: #ffffff;
    font-size: 1.0em;
    margin: auto;
}
.modal-backdrop {
    width: 100%;
    height: 100%;
    background-color: #180037;
}
.modal-open .modal {
    padding: 0px !important;
}
.imagemodalDialog {
    height: 100% !important;
    max-height: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0px !important;
}
.imagemodalContent {
    background: transparent;
    height: 100%;
    width: 100%;
}
.imagemodalHeader {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 3.5rem;
    min-height: 3.5rem;
    max-height: 3.5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    background-color: #b6a2dc;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.5em;
    color: white;
    align-items: center;
    container-type: inline-size;
}
.pictureNum {
    color: white;
    /* position: absolute; */
    left: 12px;
    width: 10cqw;
    font-size: 1.0em;
    display: flex;
    flex-direction: revert;
    justify-content: right;
    min-width: fit-content;
    cursor: default;
    margin-left: 0px;
}
.pictureNum span {
    background: #ae93e3;
    padding: 5px;
    border-radius: 5px;
    margin-right: auto;
}
.imagemodalTitleContainer {
    display: flex;
    flex-direction: row;
    font-family: graphic-regular, sans-serif;
}
.imagemodalTitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 70cqw;
    cursor: pointer;
}
.titleInTooltip{
	color: #52397e;
	font-size: 1.5em;
}
.imagemodalCloser {
    /* position: absolute; */
    right: 12px;
    width: 10cqw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.5em;
    color: white;
    min-width: fit-content;
    cursor: pointer;
    align-items: center;
}
.imagemodalCloser i {
    cursor: pointer;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    line-height: 0.4em;
}
.imgTimeContainer{
	position: absolute;
	right: 0;
	bottom: 0;
	margin-right: 5%;
	margin-bottom: 10px;
}
.imgNameContainer{
	display: flex;
    flex-direction: row;
    align-items: center;
    width: fit-content;
    position: absolute;
    top: 0;
    margin-top: 10px;
    margin-left: 5%;
}
.imgNameContainer img{
	width: 3em;
	height: 3em;
}
.imagemodalFooter {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    min-height: 4.5em;
    max-height: 4.5em;
    height: 4.5em;
    background: #b6a2dc;
    padding: 0px;
}
.playWidgetContainer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    color: white;
    width: 100%;
    margin: 0px;
}
.playButtonContainer, .attachplayButtonContainer {
    display: flex;
    flex-direction: row;
    background: white;
    border-radius: 5px;
    padding: 0px;
    border: 2px solid #a37ada;
    cursor: pointer;
    align-items: center;
    font-size: 1.6em;
    color: #a37ada;
    min-width: 1.5em;
    width: 1.5em;
    max-width: 1.5em;
    justify-content: center;
}
.onscreenContainer {
    display: flex;
    flex-direction: column;
    padding: 0px;
    margin: 0px;
    justify-content: space-between;
    width: 100% !important;
    position: absolute;
    /* top: -0.2em; */
    /* margin-top: -2.6em; */
    cursor: pointer;
    bottom: 0;
}
.onscreenButtonContainer{
	display: flex;
	flex-direction: row;
	padding: 0px;
	margin: 0px;
	justify-content: space-between;
	width: 100% !important;
	/*position: absolute;*/
    /*top: -0.2em;*/
    /*margin-top: -4.5em;*/
}
.playButtonContainer.onscreen, .attachplayButtonContainer.onscreen {
    position: relative;
    cursor: pointer;
    font-size: 2.6em;
    opacity: 0.7;
}
.volumeButtonContainer {
    display: flex;
    flex-direction: row;
    background: white;
    border-radius: 5px;
    padding: 0px;
    /* padding-right: 10px; */
    /* padding-left: 10px; */
    border: 2px solid #a37ada;
    cursor: pointer;
    align-items: center;
    font-size: 1.6em;
    color: #a37ada;
    min-width: 1.5em;
    width: 1.5em;
    max-width: 1.5em;
    justify-content: center;
}
.volumeButtonContainer.onscreen {
    position: relative;
    font-size: 2.6em;
    opacity: 0.7;
}
.volumeButtonContainer .fa-volume-mute{
	color: red;
}
.volumeButtonContainer .fa-volume-up{
	color: green;
}
.sliderTimerContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: white;
    border-radius: 5px;
    border: 2px solid #a37ada;
    cursor: pointer;
    align-items: center;
    color: #a37ada;
    /* max-width: 13em; */
    /* min-width: 13em; */
    width: 100%;
}
.playingTimer{
	font-size: 0.8em;
    cursor: default;
}
.removedOnscrrenPlayer {
    border: 2px solid black;
    border-radius: 5px;
    width: 100%;
    font-size: 1.2em;
    text-align: center;
    background: white;
    aspect-ratio: 1.77;
}
/*Bootstrap hack, mert nem animálja egyébként a progressbart*/
@media (prefers-reduced-motion: reduce){
	.progress-bar-animated {
    	-webkit-animation: progress-bar-stripes 1s linear infinite;
    	animation: progress-bar-stripes 1s linear infinite;
	}
}
.imagemodalBody {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    font-size: 1.2em;
    color: white;
    overflow: hidden !important;
    background: transparent;
    justify-content: space-between;
    height: 100%;
}
.imagemodalLeftArrow {
    min-width: 5%;
    max-width: 5%;
    width: 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    font-size: 3em;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    background: #00000030;
}
.imagemodalRightArrow {
    min-width: 5%;
    max-width: 5%;
    width: 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    font-size: 3em;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    background: #00000030;
}
.moveOUTleft{
	-webkit-animation:moveOUTleft 0.2s normal forwards ease-in-out; 
	-moz-animation:moveOUTleft 0.2s normal forwards ease-in-out; 
	animation:moveOUTleft 0.2s normal forwards ease-in-out;
}
.moveINleft{
	-webkit-animation:moveINleft 0.2s normal forwards ease-in-out; 
	-moz-animation:moveINleft 0.2s normal forwards ease-in-out; 
	animation:moveINleft 0.2s normal forwards ease-in-out;
}
.moveOUTright{
	-webkit-animation:moveOUTright 0.2s normal forwards ease-in-out; 
	-moz-animation:moveOUTright 0.2s normal forwards ease-in-out; 
	animation:moveOUTright 0.2s normal forwards ease-in-out;
}
.moveINright{
	-webkit-animation:moveINright 0.2s normal forwards ease-in-out; 
	-moz-animation:moveINright 0.2s normal forwards ease-in-out; 
	animation:moveINright 0.2s normal forwards ease-in-out;
}
@keyframes moveOUTleft {
	0% {opacity: 1;transform: translateX(0);}
	100% { opacity: 0;transform: translateX(-100vw);}
}
@keyframes moveINleft {
	0% { opacity: 0;transform: translateX(100vw);}
	100% {opacity: 1;transform: translateX(0);}
}
@keyframes moveOUTright {
 0% {opacity: 1;transform: translateX(0);}
 100% { opacity: 0;transform: translateX(100vw);}
}
@keyframes moveINright {
	0% { opacity: 0;transform: translateX(-100vw);}
	100% {opacity: 1;transform: translateX(0);}
}
.presentationCanvas{
	max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    height: inherit;
    width: inherit;
}
.centerArrow{
	position: fixed;
    width: 3em;
    height: 3em;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-color: #a37ada;
    border-width: 2px;
    border-style: solid;
    border-radius: 45px;
    background: white;
    opacity: 0;
}
.carretTop, .carretBottom, .carretLeft, .carretRight{
	position: absolute;
    width: 3em;
    height: 3em;
    left: 50%;
    bottom: auto;
    top: 10px;
    transform: translate(-50%);
    border-color: #a37ada;
    border-width: 2px;
    border-style: solid;
    border-radius: 45px;
    background: white;
    opacity: 0;
}
.carretBottom{
	left: 50%;
	top: auto;
    bottom: 10px;
}
.carretLeft{
	right: auto;
	left: 10px;
    top: 50%;
    transform: translate(0%, -50%);
}
.carretRight{
	left: auto;
	right: 10px;
    top: 50%;
    transform: translate(0%, -50%);
}
.centerArrow i, .carretTop i, .carretBottom i, .carretLeft i, .carretRight i{
	color: #a37ada;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 2em;
}
.progress-bar{
	-webkit-transition: none !important;
    transition: none !important;
}
.imageleftRotator{
	position: absolute;
	left: 5%;
	bottom: 15%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    font-size: 3em;
    align-items: center;
    cursor: pointer;
    background: #00000085;
    padding: 5px;
    border-radius: 5px;
}
.imagerightRotator{
	position: absolute;
	right: 5%;
	bottom: 15%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    font-size: 3em;
    align-items: center;
    cursor: pointer;
    background: #00000085;
    padding: 5px;
    border-radius: 5px;
}
.imageRotatorText{
	width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #000000;
    font-size: 1.5em;
    align-items: center;
    cursor: default;
    background: transparent;
    padding: 5px;
    border-radius: 5px;
    margin-left: 5px;
    margin-right: 5px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    height: fit-content;
    align-self: center;
}
.rotate0{
	transform: rotate(0deg)
}
.rotate90{
	transform: rotate(90deg)
}
.rotate180{
	transform: rotate(180deg)
}
.rotate270{
	transform: rotate(270deg)
}
.pictureZoomIn{
	position: absolute;
    width: 2.5em;
    height: 2.5em;
    border-color: #a37ada;
    border-width: 2px;
    border-style: solid;
    border-radius: 45px;
    background: white;
    opacity: 0;
    left: 0; 
  	right: 0; 
  	margin-left: auto; 
  	margin-right: auto; 
}
.pictureZoomIn i{
	color: #a37ada;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.5em;
}
@keyframes fadeOut {
	0% {opacity: 0%;}
	5% {opacity: 0%;}
	10% {opacity: 70%;}
	95% {opacity: 70%;}
	100% {opacity: 0%;}
}
@keyframes fadeIn{
	0% {opacity: 0%;}
	100% {opacity: 70%;}
}
.imagecanvasContainer{
	display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    height: 100%;
    width: 100%;
	border: 3px solid #b783ff;
    border-radius: 5px;
    background: #b783ff57;
}
.imagecanvasContainer.kedvenc{
	border-color: green;
    /*background: #00800052;*/
    background: #b783ff57;
}
.imagecanvasContainer.titkos{
	border-color: red;
    /*background: #ff00003d;*/
    background: #b783ff57;
}
.fullscreenDragger{
	position: absolute;
	background: transparent;
	/*opacity: 0.5;*/
	/*object-position: center center;*/
}
.likeRow {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 10px;
    flex-wrap: wrap;
    padding-bottom: 5px;
}
.stepbackward{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    min-width: 200px;
    max-width: 250px;
    background: white;
    border: 2px solid #a37ada;
    height: auto;
    border-radius: 5px;
    color: black;
    font-size: 1.2em;
    align-items: center;
    cursor: pointer;
}
.stepbackward i{
	transform: rotate(270deg);
    font-size: 2em;
    padding: 0px;
    margin-left: 5px;
    margin-right: 5px;
    color: #a37ada;
}
.stepbackward span{
	background: #c4aae7;
    height: 100%;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
}
.likeContainer{
	display: flex;
	flex-direction: row;
	background: white;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border: 2px solid #a37ada;
    cursor: pointer;
    align-items: center;
    margin: 0px;
}
.likeHand{
	font-size: 1.8em;
    color: #a37ada;
}
.likenum{
	height: 100%;
    width: 100px;
    font-size: 1.6em;
    text-align: center;
    background: #c4aae7;
    margin-left: 5px;
    margin-right: 5px;
    font-family: graphic-regular, sans-serif;
    overflow: hidden;
    word-wrap: normal;
    text-overflow: ellipsis;
}
.likenum.voted{
	background: #f3e9ff;
}
.likesOpener{
	font-size: 1.8em;
	color: #a37ada;
}
.fa-thumbs-up.likeHand{
	font-size: 1.8em;
    color: #a37ada;
    transform: scaleX(-1);
}
.userMiniContainer {
 	display: flex;
    flex-direction: row;
    min-height: 2em;
    max-height: 2em;
    height: 2em;
    border: 0.1em solid #6d6282;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 1px;
    background: #d2cfe4;
    min-width: 220px;
    max-width: 220px;
    align-items: center;
}
.userMiniContainer img{
	border: 0.1em solid #6d6282;
    border-radius: 5px;
    width: 1.9em;
    height: 1.9em;
    object-fit: cover;
}
.userMiniContainer span{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
}
.userMiniContainer div.userlistItemHeaderIkon{
	position: relative;
    margin-left: auto;
    border-radius: 5px;
}
.liketooltip{
	display: flex;
	flex-direction: column;
}
.liketooltipHeader{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: #755181;
    font-size: 1em;
    font-weight: bold;
}
.liketooltipHeader.like{
	
}
.liketooltipHeader.like i{
	transform: scaleX(-1);
}
.liketooltipHeader.dislike{
	
}
.liketooltipHeader i{
	color: #a37ada;
}
.deleteMeFromLikers{
	position: relative;
    margin-left: auto;
    font-size: 1.5em;
    color: red;
    cursor: pointer;
}
.liketooltipBody{
	display: flex;
    flex-direction: column;
    overflow: auto;
    overflow-x: auto;
	overflow-x: hidden;
	max-height: 40vh;
	background-color: #d2cfe4;
	padding: 0px;
	scrollbar-color: #7e65af #c2f9dc;
	scrollbar-width: thin;
	min-width: 240px;
    max-width: 240px;
}
.liketooltip-inner{
	background-color: white !important;
	max-width: 250px !important;
}
.forumHashContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    /*margin-top: 5px;
    margin-bottom: 5px;*/
    font-weight: bold !important;
}
.blogstatbadge {
    background: #dfcbfa;
    color: #996ad8;
    font-size: 0.8em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1px;
    padding-bottom: 0px;
    padding-left: 2px;
    padding-right: 2px;
    line-height: 0.8em;
    border-top-right-radius: 4px;
    max-width: max-content;
    cursor:pointer;
}
.blogposdalyStat {
    border: none;
    border-bottom: 1px dashed #996ad8;
    color: #996ad8;
    padding: 5px;
    font-size: 0.8em;
    user-select: none;
    display: none;
}
.blogstatdaycontainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 10px;
}
.blogstatday {
    display: flex;
    flex-direction: column;
    max-width: 50px;
    min-width: 2px;
    height: 250px;
}
.blogstatdiagContainer {
    display: flex;
    justify-content: center;
    height: 200px;
    align-items: flex-end;
}
.blogstatdiagTotal {
    background: #996ad8;
    min-width: 6px;
    max-width: 6px;
}
.blogstatdiagUnique {
    background: white;
    min-width: 6px;
    max-width: 6px;
}
.blogstatleftline {
    width: 2px;
    background: #996ad8;
    height: 100%;
}
.blogstatleftnumbers {
    color: white;
    display: flex;
    flex-direction: column;
    align-items: end;
    background: #996ad8;
    font-size: 0.8em;
    margin-right: 2px;
    margin-left: 2px;
    justify-content: space-between;
    height: 100%;
    padding-left: 2px;
    padding-right: 2px;
    border-top: 4px solid white;
    border-bottom: 4px solid white;
}
.blogstatdayDate {
    transform: rotate(180deg);
    font-size: 12px;
    text-orientation: mixed;
    writing-mode: tb-rl;
    margin-top: 3px;
    height: 40px;
    color: #996ad8;
    max-width: 12px;
    display: flex;
    align-items: center;
    cursor: default;
    background-image: linear-gradient(to top, white 0%, transparent 80%);
}
.blogstatInfoText {
    display: flex;
    flex-direction: column;
    color: #996ad8;
    font-size: 1em;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: default;
    padding-left: 3px;
    padding-right: 3px;
}
span.blogstatVisitsText {
    color: white;
    background: #996ad8;
    padding-left: 2px;
    padding-right: 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1.3em;
}
span.blogstatVisitorsText {
    color: #996ad8;
    background: white;
    padding-left: 2px;
    padding-right: 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1.3em;
}
span.blogstatVisitsText span {
    max-width: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
span.blogstatVisitorsText span {
    max-width: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
span.blogItemnumber {
    border: 1px solid #c39afa;
    border-radius: 3px;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 0px;
    background: white;
    display: flex;
    align-items: center;
}
.filetooltip-inner {
    min-width: 300px;
    max-width: 100vw;
    background: #ffffff;
    opacity: 0.99;
    border: 1px solid #a37ada;
}
.galleryWidgetContainer {
    /*min-height: 300px;
    max-height: 60vh;
    height: 100%;
    overflow: hidden;*/
}
.galleryWidgetBody {
    min-height: 100px;
    max-height: 60vh;
    overflow-x: hidden;
    overflow-y: auto;
    background: #eadff9;
}
.galleryWidgetImageContainer{
	background: white;
}
.galleryWidgetImage {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #c0a9d8;
    border: 1px solid maroon;
    border-radius: 5px;
    margin-top: 5px;
    position: relative;
}
.galleryWidgetImage .overClick{
	position: absolute;
	width: 100%;
    height: 100%;
    cursor: pointer;
}
.galleryWidgetImageStamp {
    width: 200px;
    height: 120px;
}
.galleryWidgetImageStamp img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.galleryWidgetImageText {
    width: 100%;
    max-width: 280px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.galleryWidgetImageTextButton {
    margin-top: 0px;
    color: gray;
    padding: 5px;
    font-size: 1.2em;
    display: flex;
    flex-direction: row;
    justify-content: end;
    border: 1px solid gray;
    border-radius: 5px;
    width: fit-content;
    align-self: end;
    background: #e0dfdf;
}
.galleryWidgetImageTextButton.active{
	color: maroon;
    background: #c5b0da;
    border-color: maroon;
}
.galleryWidgetImageTextText {
    width: 90%;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    align-self: center;
    font-size: 1.2em;
}
.galleryWidgetImageTextTime {
    width: fit-content;
}
.galleryWidgetFooter {
    display: flex;
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.volumetooltip-inner{
	background-color: white !important;
	border: 1px solid #a37ada;
    border-bottom-color: white;
}
.volumetooltipBody {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: auto;
    overflow-x: auto;
    overflow-x: hidden;
    max-height: 25vh;
    height: 25vh;
    background-color: white;
    padding: 0px;
    scrollbar-color: #7e65af #c2f9dc;
    scrollbar-width: thin;
    min-width: 3em;
    max-width: 3em;
}
.volumePointerContainer{
	width: 100%;
    background: transparent;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-bottom: 1px;
    padding-top: 1px;
    max-height: 9%;
    height: 20px;
    cursor: pointer;
}
.volumePointer {
    height: 100%;
    background: #f3e9ff;
    border-radius: 2px;
}
.volumePointer.a10{
    width: 100%;
}
.volumePointer.a9{
    width: 95%;
}
.volumePointer.a8{
    width: 90%;
}
.volumePointer.a7{
    width: 85%;
}
.volumePointer.a6{
    width: 80%;
}
.volumePointer.a5{
    width: 75%;
}
.volumePointer.a4{
    width: 70%;
}
.volumePointer.a3{
    width: 65%;
}
.volumePointer.a2{
    width: 60%;
}
.volumePointer.a1{
    width: 55%;
}
.volumePointer.a10.active, .volumePointer.a9.active, .volumePointer.a8.active, .volumePointer.a7.active, .volumePointer.a6.active, .volumePointer.a5.active, .volumePointer.a4.active, .volumePointer.a3.active, .volumePointer.a2.active, .volumePointer.a1.active {
    background: #c4aae7;
}
.volumePointer.a0{
    width: 50%;
    background: transparent;
    border: 1px solid #ff0000;
}
.volumePointer.a0.active{
	background: #ff0000;
}
.volumeTriangle{
	width: 100%;
	border-left: 50px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 12px solid #a37ada;
}
.modal-backdrop.show {
    opacity: .9;
}
div.pop-modal-content {
    background: #eadff9;
    height: fit-content;
    max-height: fit-content !important;
}
div.pop-modal-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    background-color: #b6a2dc;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.5em;
    color: white;
}
div.pop-modal-header i {
    cursor: default !important;
    color: #7e65af !important;
    opacity: 1.0 !important;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 1.5em;
}
div.pop-modal-body {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    padding-top: 5px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 0px;
    font-size: 1.2em;
    color: #7e65af;
    overflow-y: hidden !important;
}
div.pop-modal-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /*flex-wrap: nowrap;
    height: 5em;*/
}
div.pop-modal-button {
    color: white;
    background: #a37ada;
    padding-left: 8px;
    padding-right: 8px;
    font-weight: bold;
    font-size: 1.2em;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 2px;
    cursor: pointer;
    border: 1px solid #996ad8;
    max-width: 100%;
    width: 45%;
    text-align: center;
    min-height: 2.6em;
    max-height: 3.6em;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
div.pop-modal-button.ok {
    color: black;
    background-color: #c2f9dc;
    border-color: black;
}
div.pop-modal-button.dok {
    color: black;
    background-color: #c2f9dc;
    border-color: black;
    width: 100%;
}
div.pop-modal-button.yes {
    color: black;
    background-color: #c2f9dc;
    border-color: black;
}
div.pop-modal-button.go {
    color: black;
    background-color: #c2f9dc;
    border-color: black;
}
div.pop-modal-button.em {
    color: black;
    background-color: #c2f9dc;
    border-color: black;
}
div.pop-modal-button.acc {
    color: black;
    background-color: #c2f9dc;
    border-color: black;
}
div.pop-modal-button.cancel {
    color: black;
    background-color: #f99898;
    border-color: black;
}
div.pop-modal-button.dcancel {
    color: black;
    background-color: #f99898;
    border-color: black;
    width: 100%;
}
div.pop-modal-button.no {
    color: black;
    background-color: #f99898;
    border-color: black;
}
div.pop-modal-button.kill {
    color: black;
    background-color: #f99898;
    border-color: black;
}
div.pop-modal-button.dkill {
    color: black;
    background-color: #f99898;
    border-color: black;
    width: 100%;
}
div.pop-modal-button.removeshares {
    color: black;
    background-color: #f99898;
    border-color: black;
}
div.pop-modal-button.download {
    color: white;
    background-color: #6681ff;
    border-color: black;
}
div.pop-modal-button.shareblog, div.pop-modal-button.sharemail {
    color: white;
    background-color: #6681ff;
    border-color: black;
    width: 100%;
}
div.pop-modal-button.upload {
    color: white;
    background-color: #498630;
    border-color: black;
    width: 100%;
}
div.pop-modal-button.downloadandupload {
    color: white;
    background-color: #6681ff;
    border-color: black;
    width: 100%;
}
div.pop-modal-button.semmi {
    width: 100%;
}

/*Egyéb a popban megjelenő stílusok*/
.input-group-addon {
    height: 48px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-top-left-radius: 6px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 6px;
    border: 0;
    background: #cebeed;
    color: #70618e;
    font-weight: bold;
}
.input-group-addon-logo {
   padding: 1px !important;
}
.controlborder {
    border: 1px solid #cebeed;
}
.controlborder.error {
    background: #fbe9ec;
}
.controlborder:focus {
    outline: none;
    outline-style: none;
    box-shadow: none;
}
.logorotator{
	width: 46px; 
	height: 46px; 
	background: transparent !important; 
	-webkit-animation:logospin 3s linear infinite; 
	-moz-animation:logospin 3s linear infinite; 
	animation:logospin 3s linear infinite;
}

@-moz-keyframes logospin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes logospin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes logospin { 100% { transform: rotate(360deg); transform:rotate(360deg); } }
.passwordwiev {
    height: 48px;
    width: 50px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-top-left-radius: 0px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 0px;
    border: 0;
    background: #a37ada;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
}
.stayinCheckboxlabel{
	color: #7e65af;
}
.custom-control-label:before{
  background-color:#7e65af;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
  	color: black;
    border-color: #28a745;
    background-color: #28a745;
}
.custom-control-input:checked~.custom-control-label::before {
    color: black;
    border-color: #28a745;
    background-color: #28a745;
}
.custom-control-label{
	background: #cebeed;
    margin-top: 5px;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
}
.custom-switch {
	background: #cebeed;
    margin-top: 5px;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
}
.login-btn, .login-btn:hover {
    margin-top: 5px;
    background: #a37ada;
    border-color: #a37ada;
    color: white;
    font-weight: bold;
    -webkit-appearance: none;
    border-radius: 5px !important;
}
.login-btn:focus {
    outline: none;
    outline-style: none;
    box-shadow: none;
}
.login-btn:active {
    background: #a37ada !important;
    border-color: #a37ada !important;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	background: #a37ada !important;
    border-color: #a37ada !important;
}
.loginerrorField{
	background: transparent;
	color: red;
	display: none;
	text-align: center;
    padding-bottom: 5px;
}
.login-footertext {
    margin-top: 15px;
    background: #a37ada;
    color: white;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
}
.centerLogin {
    display: flex;
    flex-direction: revert;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    width: 100%;
    justify-content: space-around;
    background: #c3aed9;
    min-height: 100px;
    display: none;
}
.centerLoginItem {
	display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: space-between;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    font-size: min(3cqw, 1em);
    margin: 5px;
}
.centerLoginItem.login {
	
}
.centerLoginItem.lostpass {

}
.centerLoginItem.regstart {

}
.centerLoginGomb {
    font-size: 1.5em;
    font-weight: bold;
    background: #a37ada;
    color: white;
    text-align: center;
    border: 2px solid black;
    border-radius: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
}
div.GallManagerDiv {
    display: flex;
    flex-direction: column;
    /*display: none;*/
}
div.GallManagerExtract{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 10px;
}
img.GallManagerImage{
	width: 100%;
    height: 120px;
    object-fit: contain;
}
div.GallManagerImagePrpops{
	display: flex; 
	flex-direction: column;
	font-size: 0.7rem;
	justify-content: space-between;
	width: 48%;
	min-width: 48%;
	max-width: 48%;
	background: #a080e0;
	padding: 3px;
	color: white;
	border-radius: 3px;
}
div.GallManagerTextContainer{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
	background: #cfbbea;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	padding-right: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
span.GallManagerlabel {
	color: #835aba;
	font-weight: bold;
	margin-right: 3px;
	cursor: default;
}
input.GallManagerImageTitle {
	width:100%;
	height: auto;
	border: 0px;
	font-size: 1.4em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div.GallManagerHorizontalContainer{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
/*.pop-modal-body div#GallManagerDiv {
	display: block;
}*/
div.GallManagerTimestampContainer{
	display: flex;
    flex-direction: column;
}
div.GallManagerTSContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #cfbbea;
    width: -webkit-fill-available;
    width: -fill-available;
    width: -moz-available;
    opacity: 40%;
    cursor: pointer;
    padding: 5px;
    margin-top: 5px;
    justify-content: space-between;
    min-height: 3.5em;
    margin-left: 5px;
    margin-right: 5px;
}
div.GallManagerTSContainer.active{
    opacity: 100%;
}
div.GallManagerMessageContainer {
    color: #472d6f;
    text-align: justify;
    background: #f0d2d2;
    padding: 5px;
}
div.GallManagerSettingsContainer{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	background: #dfcbfa;
	padding-right: 3px;
}
div.GallManagerSettingContainer{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 48%;
	min-width: 48%;
	max-width: 48%;
}
div.gmdSelect {
	display: flex;
    flex-direction: row;
    cursor: pointer;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #dfcbfa;
    color: black;
    padding: 2px;
    flex-wrap: nowrap;
    border: 2px solid #8763df;
    border-radius: 3px;
    min-height: 2.5em;
    margin-left: 3px;
    margin-right: 3px;
    align-items: center;
}
div[id^="gmd_visible_kedvenc"]{
	border-color: green;
}
div[id^="gmd_visible_titkos"]{
	border-color: red;
}

div[id^="gmd_visible_publikus"].active{
	background-color: #8763df;
	color: white;
}
div[id^="gmd_visible_publikus"].active i{
	color: white;
}
div[id^="gmd_visible_kedvenc"].active{
	background-color: green;
	color: white;
}
div[id^="gmd_visible_kedvenc"].active i{
	color: white;
}
div[id^="gmd_visible_titkos"].active{
	background-color: red;
	color: white;
}
div[id^="gmd_visible_titkos"].active i{
	color: white;
}
div[id^="gmd_belyeg_igen"].active{
	background-color: #8763df;
	color: white;
}
div[id^="gmd_belyeg_igen"].active i{
	color: white;
}
div[id^="gmd_belyeg_nem"].publikus{
	/*background-color: #cab8f7;*/
	border-color: #8763df;
}
div[id^="gmd_belyeg_nem"].publikus.active{
	background-color: #8763df;
	color: white;
}
div[id^="gmd_belyeg_nem"].publikus i{
	color: #8763df;
}
div[id^="gmd_belyeg_nem"].publikus.active i{
	color: white;
}
div[id^="gmd_belyeg_nem"].kedvenc{
	border-color: green;
}
div[id^="gmd_belyeg_nem"].kedvenc.active{
	background-color: green;
	color: white;
}
div[id^="gmd_belyeg_nem"].kedvenc i{
	color: white;
}
div[id^="gmd_belyeg_nem"].kedvenc.active{
	background-color: green;
	color: white;
}
div[id^="gmd_belyeg_nem"].titkos{
	border-color: red;
}
div[id^="gmd_belyeg_nem"].titkos.active{
	background-color: red;
	color: white;
}
div[id^="gmd_belyeg_nem"].titkos.active i{
	color: white;
}
div[id^="gmd_belyeg_nem"].titkos i{
	color: red;
}
div.gmdSelect span {
    margin-left: 5px;
}
div.gmdSelect i {
    font-size: 1.6em;
    color: #8763df;
    width: 1.1em;
}
div[id^="gmd_visible_kedvenc"] i {
	color: green;
}
div[id^="gmd_visible_titkos"] i {
	color: red;
}
.dataTables_paginate{
	background: #a37ada !important;
}
.ui-widget-header{
	background: #a37ada !important;
}
.ui-widget-overlay {
    opacity: 0.9 !important;;
    background: #2d174a !important;
}
.ui-icon{
	-ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
.ui-dialog-title {
	color: white;
}
.ui-dialog-titlebar-close {
    padding:0 !important;
}
.ui-dialog-titlebar-close:after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url('/dl/jquery/images/ui-icons_444444_256x240.png');
    background-position: -96px -128px;
    background-repeat: no-repeat;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: 1.2em !important;
}
div#topcuccsor {
    display: flex;
    flex-direction: row;
    max-width: 100%;
    flex-wrap: wrap;
}
#topcuccsor div.epIconLine{
	font-size: 1.5em;
}

/*Reklám blokkok*/
.adContainer {
    position: relative;
    right: 0px;
    left: 0px;
    margin-right: auto;
    margin-left: auto;
    z-index: 99;
    top: 0px;
    width: 100%;
    background: rgba(206, 190, 237, 0.36);
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 272px;
}
div#ads_head_12 {
    margin-bottom: 10px;
    margin-top: 5px;
}
div#ads_head_10 {
    margin-top: 20px;
}
.adContainer a {
    text-decoration: none;
    width: 100%;
    background: #eb6195;
    color: white !important;
    /* font-weight: bold; */
    font-size: 1.0em;
    height: auto;
    font-family: graphic-regular, sans-serif;
    /* text-align: left !important; */
    display: flex;
    padding-left: 2px;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    cursor: pointer;
    padding-left: 2px;
    padding-right: 2px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.2em;
    height: 22px;
    border-top-left-radius: 3px
}
.adContainer ins a{
	height: unset;
}
/*Az új szerkezeti osztályok*/
div.headerContainer {
    min-height: 50px;
    height: 5vh;
    background: #eadff9;
    position: fixed;
    z-index: 999;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-top-left-radius: 10px;
}
div.headerCorner {
    position: absolute;
    background: transparent;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    z-index: -1;
    background: #eadff9;
}
button#hotdogg {
	/*
	background-image: url(../imgs/elogotext0invert.png);
	color: #cebeed;
    background-size: auto 90%;
    background-repeat: no-repeat;
    background-position: 10%;
    width: 20%;
    height: calc(100% - 10px);
    */
    background-image: url(../imgs/elogo_o_invert.png);
    color: #cebeed;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100px;
    height: calc(100% - 5px);
    margin: 0px;
    padding: 0px;
}
div.chaneldropdown{
	/*
	min-width: 35%;
	width: -moz-available;
	width: -webkit-fill-available;
	*/
	/*width: 35%;*/
    /*height: 90%;*/
    display: block !important;
}
.gatechaneldropdown {
    height: 100%;
    min-width: calc(100% - 410px);
    max-width: calc(100% - 100px);
    width: inherit;
    border-radius: 0px;
    /* border-left: 0px solid; */
    border-top: 2px solid #ec6196;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    /* margin-left: -12px; */
    /* width: inherit; */
}
button.chanelbtn {
	color: #eb6195;
    background-color: #cebeed;
    border-color: white;
    border-width: 2px;
    /*font-weight: bold;*/
    outline: none !important;
    width: 100%;
    padding: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 1.0px;
    height: 100%;
    border: none;
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
button.chanelbtn::after {
	margin-top: 3px;
    font-size: larger;
    color: #eb6195;
    /* background-image: linear-gradient(0deg, white 50%, #eb6195 50%); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
}
button.chanelbtn:hover {
	color: #eb6195;
	/*border-color: #eb6195;*/
}
span.active-mymenu-pin-ikon {
    position: absolute;
    bottom: 0px;
    right: 0px;
    color: #4d9253;
    rotate: 46deg;
    width: 50px;
    height: 50px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: min(6cqw, 30px);
    color: #eb6195;
    background-image: linear-gradient(270deg, white 50%, #eb6195 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px white;
}
span.inactive-mymenu-pin-ikon{
	position: absolute;
    top: 0px;
    right: 0px;
    color: maroon;
    /* rotate: 15deg; */
    width: 50px;
    height: 100%;
    background: #eb619524;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: min(6cqw, 30px);
    opacity: 50%;
    display: none;
}
span#header-activeChannels-txt {
    font-family: graphic-regular, sans-serif;
    font-size: 1.2rem;
    margin-left: 5px;
    margin-right: 5px;
    font-size: max(2.0cqw, 0.7em);
    white-space: normal;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
i#openTopmenu {
    color: #eb6195;
    /*background-image: linear-gradient(90deg, white 50%, #eb6195 50%);*/
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
    font-size: max(3cqw, 0.7em);
    font-size: 1em;
}
i#closeTopmenu {
    color: white;
    /* background-image: linear-gradient(270deg, white 50%, #eb6195 50%); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    font-size: max(3cqw, 0.7em);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1em;
    background: #eb6195;
    margin-top: 20px;
    min-height: 25px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
}
div#chaneitemsContainer {
    background: #cebeed;
    min-width: max-content;
    padding-top: 0px;
    border: unset;
    border-right: 2px solid white;
    margin: 0px;
    padding: 0px;
    border-radius: 0px;
    border-bottom: 2px solid white;
    border-left: 2px solid #ec6196;
    container-type: inline-size;
    padding-top: 2.5vh;
    border-bottom-right-radius: 5px;
    margin-top: -4px;
}
span.chanelMenuItem{
	color: white;
    font-family: graphic-regular, sans-serif;
    font-size: 1.2rem;
    letter-spacing: 0.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    margin: 0px;
    padding: 0px;
}
div.navinfoContainer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    font-size: 0.8rem;
    padding-left: 10%;
    padding-right: 10%;
}
span.navinfoText {
    color: #ffffff;
    margin-left: 15px;
}
button.dropdown-item {
    white-space: nowrap;
    display: flex;
    align-items: center;
    border-color: white;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    padding-right: 0px;
    padding-left: 0px;
    border-top: 5px solid #eb6195;
    border-bottom: 5px solid white;
}
button.dropdown-item:hover {
    color: #eb6195;
    background: transparent;
}
button.dropdown-item i {
    margin-left: 5px;
}
div.dropdown-item a {
    color: white;
}
div.dropdown-item a:hover {
    color: white;
}
span.chanelMenuItem:hover{
	color: #eb6195;
    background: transparent;
}
div#prof-menu{
	box-sizing: border-box;
    width: 35%;
    max-width: 300px;
    height: 100%;
    outline: none !important;
}
button#prof-menu-btn {
    border-radius: 0px;
    border-width: 2px;
    height: 100%;
    width: 100%;
    padding: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    border-left-color: white !important;
    max-width: 100%;
    container-type: inline-size;
}
button#prof-menu-btn:after{
	display: none;
}
span.userrow {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    width: auto;
    max-width: 85%;
    max-width: 85cqw;
}
span.userrow img {
    height: 100%;
    width: 25%;
    width: 25cqw;
    object-fit: cover;
}
div.usernameProfileContainer {
    width: 80%;
    width: 65cqw;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0px;
    border: 0px;
    justify-content: space-between;
   	/*max-width: 75cqw;*/
    /*min-width: 60cqw;*/
    /* overflow: hidden;*/
}
span#profile-username {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 2px;
    /* display: flex; */
    /* flex-direction: column; */
    border-radius: 0px;
    margin: 0px;
    width: auto;
    /* min-width: 100%; */
    border: 0px;
    /* min-width: 60cqw; */
    max-width: 100%;
    max-width: 60cqw;
}
div#profile-username-outer {
    height: 100%;
}
div#profile-username-outer.polgar {
    background: white;
}
div#profile-username-outer.orompolgar {
    background: white;
}
div#profile-username-outer.biro {
    background: black;
}
div#profile-username-outer.moderator {
    background: black;
}
div#profile-username-outer.alapito {
    background: black;
}
i#openProfilemenu {
    
}
i#openProfilemenu.polgar {
    color: white;
    background-color: #4f3b70;
}
i#openProfilemenu.orompolgar {
    color: white;
    background-color: #3F8560;
}
i#openProfilemenu.biro {
    color: white;
    background-color: #f2c222;
}
i#openProfilemenu.moderator {
    color: black;
    background-color: #f33b46;
}
i#openProfilemenu.alapito {
    color: black;
    background-color: white;
}

span#notifi-sum {
	height: 100%;
	min-width: 15%;
    min-width: 15cqw;
    max-width: 15%;
    max-width: 15cqw;
    margin: 0px !important;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-size: 9cqw;
    top: unset;
    border-radius: 0px;
}
span#notifi-sum.unread{
	background: #eb6195;
	color: white;
}
div#profilebtn-dropdown {
    padding: 2px;
    max-width: 95vw !important;
    right: 0px !important;
    left: unset !important;
    width: max-content;
    background-color: #cebeed !important;
    border-top: 2px solid #cebeed !important;
    border-left: 2px solid #eb6195 !important;
    border-bottom: 2px solid #eb6195 !important;
    border-right: 2px solid #eb6195 !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 0px !important;
    top: -4px !important;
    transform: translate3d(0px, 50px, 0px) !important;
}
div#profilebtn-dropdown.show {
	animation-name: gateContainerPopUp;
	animation-duration: 300ms;
}
div#prof-ui-settings {
    width: 100%;
}
button.switch-uisettings {
    text-align: left;
    padding: 0px;
    width: 100%;
    background: #d2cfe4;
    border-color: #e9ebf8;
    margin: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 5px !important;
    min-height: 35px;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem;
}
button.infooter{
	font-size: 2cqw !important;
    min-height: 3cqw !important;
}
button.switch-uisettings:hover {
	background: #e9ebf8;
}
span.switch-uisettings-ikon {
    color: #755181;
    margin-left: 5px;
    width: 25px;
    margin-right: 5px;
    text-align: center;
}
span.switch-uisettings-ikon.red{
	color: red;
}
span.switch-uisettings-ikon.green{
	color: green;
}
span.switch-uisettings-text {
    color: #755181;
    font-weight: bold;
}
span.switch-uisettings-pipe {
    float: right;
    color: green;
    border-radius: 4px;
    background-color: #e9ebf8;
    padding: 4px;
}
span.switch-uisettings-ban {
    float: right;
    color: red;
    border-radius: 4px;
    background-color: #e9ebf8;
    padding: 4px;
}
div#notify-container {
    max-height: 20vh;
    scroll-behavior: auto;
    overflow: auto;
    overflow-x: hidden;
}
button.btn.btn-secondary.btn-red.notify-clean-button {
    width: 100%;
    color: white;
    font-weight: bold;
    color: black;
    background-color: #f99898;
    padding: 4px;
}
div.nullnotice {
    display: none;
    color: #755181;
    text-align: center;
    font-style: italic;
    font-size: 1rem;
}
div.loginHeaderContainer {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    box-sizing: border-box;
    width: 35%;
    max-width: 300px;
    height: 90%;
    outline: none !important;
}
button.login-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 49%;
    margin: 0px !important;
    border: 2px solid white;
    height: 100%;
    background: #ec6196;
    border-left-color: #ec6196;
    border-right-color: white;
    border-radius: 5px;
    height: 100%;
    padding: 4px;
}
button.login-button.ingate {
    position: absolute;
    height: 12cqh;
    border-left: 2px solid white;
    /* left: 50%; */
    right: 15%;
    margin-left: 50%;
    margin-right: auto;
    bottom: 0px;
    width: 70%;
    container-type: inline-size;
    right: 15%;
}
span.login-button-ikon {
    color: white;
    font-size: 1.5em;
    margin-right: 5px;
    margin-left: 5px;
    width: 20%;
}
span.login-button-ikon.rotate{
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
span.login-button-ikon.rewrotate{
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 1.0em;
}
span.login-button-text{
	color: white;
    font-size: 1.05em;
    max-width: 80%;
    min-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
span.login-button-text.ingate {
    font-size: 8cqw;
}
div.prof-menu-bimcontainer{
	display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 45px;
    height: auto;
    font-size: 1.5rem;
    cursor: pointer;
    background: #d2cfe4;
    border: 1px solid #d2cfe4;
}
div.prof-menu-bimtext{
	font-size: 1.4rem;
    color: #755181;
    font-weight: bold;
}
div.hiddenNoticeContainer {
	width: 100%;
    display: flex;
    justify-content: space-between;
    height: 60px;
    border: 1px solid #7e65af;
    border-radius: 5px;
    margin-bottom: 2px;
    cursor: pointer;
    background: #eadff9;
}
div.hiddenNoticeImage {
	width: 60px;
	min-width: 60px;
    max-width: 60px;
    height: 100%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-size: cover;
}
div.hiddennoticeMiddle{
	margin-left: 5px;
    margin-right: 5px;
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: space-between;
    width: inherit;
}
div.hiddenNoticeText {
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 8px;
    /* display: flex; */
    align-items: center;
    justify-content: left;
    width: inherit;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.0em;
    max-width: 360px;
}
div.hiddenNoticeCloser {
	width: 45px;
    align-items: center;
    display: flex;
    justify-content: center;
    color: black;
    font-size: 1.5rem;
}
div.dropdown-divider {
    height: 5px;
    margin-top: 5px;
    margin-bottom: 0px;
    overflow: hidden;
    background-color: #eb6195;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}    
div#leftmenu {
    position: fixed;
    width: 0px;
    /*height: 100%;*/
    background: #cebeed;
    top: max(50px, 5vh);
    bottom: 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    /*padding-bottom: max(70px, 7vh);*/
    z-index: 997;
    opacity: 100%;
}
div#leftmenu.opened {
    width: min(100%, 800px);
    opacity: 98%;
    align-items: flex-start;
    animation-name: gateContainerPopUp;
	animation-duration: 300ms;
}
div#logoName{
	padding-top: 0px;
    width: min(100px, 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    font-weight: bold;
}
div#logoNameIngate{
	width: min(100px, 100%);
	border-left: 2px solid #ec6196;
    border-bottom: 2px solid white;
    border-right: 2px solid #ec6196;
    margin-top: max(50px, 5vh);
    border-radius: 0px;
    padding-top: 0px;
    width: min(100px, 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    font-weight: bold;
    position: fixed;
    background: #cebeed;
}
div#logoNameIngate span{
	font-size: 1.2em;
    font-family: graphic-regular, sans-serif;
    color: white;
    background-image: linear-gradient(270deg, white 60%, #eb6195 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    user-select: none;
}
div#logoName.opened{
	
}
div#logoName span{
	font-size: 1.2em;
    font-family: graphic-regular, sans-serif;
    color: white;
    background-image: linear-gradient(270deg, white 60%, #eb6195 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    user-select: none;
}

div.toplevelmenu{
	width: calc(100% - 5px);
}
div.toplevelmenu.opened{
	margin-left: 5px;
}

div.toplevelmenu.hidden.opened, div.toplevelmenu.opened.hidden{
	display: block;
}
div.submenu{
	display: none;
}
div.submenu.opened, modermenuPage.submenu{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    max-height: 50vh;
    overflow-y: auto;
    background: #c2ace8;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: -5px;
    padding: 5px;
    border-left: 2px solid #eb6a9b;
    border-top: 2px solid #eb6a9b;
    border-top-left-radius: 10px;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
}
div.submenuitem {
    display: flex;
    flex-direction: column;
    border: 1px solid maroon;
    border-radius: 5px;
    max-width: 45%;
    width: 100%;
    justify-content: start;
    margin-bottom: 5px;
    min-height: 75px;
    cursor: pointer;
    position: relative;
}
div.submenuitem.intopnav{
	margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    margin-bottom: 0px;
    position: relative;
}
div.submenuitem.intopnav.active{
	background: #eb6799;
}
div.selfmenuPage div.submenuitem{
	max-width: 100% !important;
}
div.selfmenuPage {
    background: #c3ade8;
}
div.modermenuPage div.submenuitem{
	max-width: 100% !important;
}
div.modermenuPage {
    background: #c3ade8;
}
div.navRowContainer{
	display: flex;
	flex-direction: row;
	margin-left: auto;
    margin-right: auto;
    justify-content: center;
    align-items: center;
}
div.leftnavline {
    width: 2.5%;
    height: 1px;
    background: maroon;
}
div.rightnavline {
    width: 2.5%;
    height: 1px;
    background: maroon;
}
div.bottomnavline {
    width: 1px;
    height: 2.5vh;
    background: maroon;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}
div.menu-top-container{
	display: flex;
    flex-direction: row;
}
div.menu-top-container i{
	/*background: white;*/
    color: #eb6497;
    font-size: 1.2em;
    display: flex;
    align-items: center;
    background-image: linear-gradient(270deg, white 50%, #eb6195 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-top-left-radius: 5px;
}
span.submenu-title{
	background: #eb6799;
    color: white;
    font-size: 1.0em;
    width: 100%;
    font-family: graphic-regular, sans-serif;
    user-select: none;
    padding-left: 5px;
    /*border-top-right-radius: 5px*/
}
span.submenu-description {
    color: white;
    font-size: 0.9em;
    padding: 5px;
    font-family: graphic-regular, sans-serif;
    user-select: none;
    height: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-shadow: -1px 0 #eb6a9d, 0 1px #eb6a9d, 1px 0 #eb6a9d, 0 -1px #eb6a9d;
}
div.submenuitem.active span.submenu-description{
	background: #eb689b;
}
div.submenuitem.active div.menu-top-container span.submenu-title{
	background: white;
	color: #eb6497;
}
div.submenuitem.active div.menu-top-container i{
	background: white;
	background-image: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}
div.submenuitem.active i.fas.fa-external-link-alt {
    background: white;
    color: #eb6497 !important;
    font-size: 1.5em;
    border-top-right-radius: 5px;
}
div.submenuitem i.fas.fa-external-link-alt {
    background: #eb6497;
    color: white !important;
    background-image: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    border-top-left-radius: 0px;
    border-top-right-radius: 5px;
    font-size: 1.5em;
}
div#floatmenuOpener {
	/*position: fixed;*/
    width: 100px;
    padding: 0px;
    padding-top: max(20px, 2vh);
    background: #ffffff;
    bottom: 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /*font-size: 1.2em;*/
    /*font-family: graphic-regular, sans-serif;*/
    /*height: max-content;*/
    cursor: pointer;
    z-index: 998;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    background: transparent;
}
div.floatmenuRow {
    display: flex;
    width: 100px;
    height: 100%;
    background: #eb6195;
    align-items: baseline;
    font-size: 1.2em;
    font-family: graphic-regular, sans-serif;
    border-top: 2px solid white;
    border-bottom: 2px solid #eb6195;
    border-right: 2px solid white;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    min-height: 30px;
}
div#floatmenuOpener.opened{
	border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    width: 100%;
    /*padding-left: calc(100% - 100px);
    background: #ea699b;*/
    margin-left: 0px;
}
div#floatmenuOpener.opened div{
    width: 100%;
}
div#floatmenuOpener.opened span{
    width: 100%;
}
div#floatmenuOpener span{
	width: 100%;
    padding-left: 4px;
    background: #eb6195;
    color: white;
    user-select: none;
    padding-right: 4px;
    text-align: center;
}
div#floatmenuOpener.opened span{
	width: 100%;
}
div#floatmenuOpener.opened.floatmenuRow{
	width: 100%;
}
div#floatmenuOpener.opened.floatmenuRow span{
	width: 100%;
}
i#float_menu_ikon_right{
	padding-right: 2px;
    padding-left: 2px;
    background: #eb6195;
    color: white;
    /* border-top-right-radius: 15px; */
    /* border-bottom-right-radius: 15px; */
    height: 100%;
    /* margin-top: max(50px, 5vh);*/
}
i#float_menu_ikon_left{
	padding-right: 2px;
    padding-left: 2px;
    background: #eb6195;
    color: white;
    /* border-top-left-radius: 15px; */
    /* border-bottom-left-radius: 15px; */
    /* margin-top: max(50px, 5vh); */
    height: 100%;
}
div#floatmenuOpener i#float_menu_ikon_right{
	display: block;
}
div#floatmenuOpener.opened i#float_menu_ikon_right{
	display: none;
}
div#floatmenuOpener i#float_menu_ikon_left{
	display: none;
}
div#floatmenuOpener.opened i#float_menu_ikon_left{
	display: block;
}
div.menuitem {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}
div.menuitem.ingate {
    background: #cebeedad;
    width: 14cqw;
    min-width: 160px;
    height: 18cqh;
    justify-content: center;
    margin: 5px;
    min-height: 80px;
    max-height: 120px;
    border-radius: 0px;
    background-clip: content-box;
    border-bottom: 2px solid #eb6195;
    border-image: linear-gradient(to top, rgb(255 255 255) 0%, #eb6195 25%);
    border-image-slice: 1;
    border-top: 2px solid #eb6195;
    border-left: 2px solid white;
    border-right: 2px solid #eb6195;
    container-type: inline-size;
    margin-left: 0px;
}
div.menuitem i{
	font-size: 3em;
    color: #eb6195;
    background-image: linear-gradient(270deg, white 50%, #eb6195 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
div.menuitem.ingate i{
	font-size: 25cqw;
}
div.menuitem span {
    font-size: 1.2em;
    color: white;
    font-family: graphic-regular, sans-serif;
    user-select: none;
    position: relative;
    left: 0px;
    text-shadow: -1px 0 #eb6a9d, 0 1px #eb6a9d, 1px 0 #eb6a9d, 0 -1px #eb6a9d;
}
div.menuitem.ingate span{
	font-size: 10cqw;
}

div.menuitem.closed {
	
}
div.menuitem.opened {
	display: flex;
	flex-direction: row;
}
div.menuitem.opened i{
	font-size: 1.2em;
	margin-right: 10px;
}
div.menuitem.opened span{
	position: absolute;
    left: 50px;
}

/*bootstrap gombok kék keretének eltávolítása*/
.btn.focus, .btn:focus {
    box-shadow: none !important;
}

/*New gate*/
div.gateImageContainer {
    position: fixed;
    width: 1200px;
    height: calc(100vh - 50px);
    background-color: wheat;
    z-index: 995;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    background-image: url(../imgs/felho.jpg);
    background-image: url(../imgs/felho6.jpg);
    background-size: auto 100%;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    animation-name: cityMoover;
	animation-duration: 360s;
	animation-iteration-count: 10;
}
div.gateItems {
    position: relative;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    z-index: 995;
    display: flex;
    flex-direction: column;
    align-items: center;
}
div.gateItemContainer {
    height: calc(100vh - 50px);
    width: 100%;
    padding: 0px;
    /* padding-top: max(50px, 5vh); */
    position: relative;
    /* margin-bottom: calc(100vh - min(600px, 90vh) - 50px); */
    /*margin-bottom: 100px;
    margin-top: 100px;*/
    padding-top: 50px;
}
div#gate-invite-block {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
}
div.gate18ikon {
    position: absolute;
    right: 2px;
    bottom: 6px;
}
div.gate18ikon span.fa-circle:before{
	background: black;
    border-radius: 50%;
    outline: 1px solid white;
}
strong.fa-stack-1x{
	font-size: 0.8rem;
    color: white;
    font-family: graphic-regular, sans-serif;
}
div.GraphicGateContainer {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    /*opacity: 0.5;*/
}
div.GraphicGateColumn {
    max-width: 50cqw;
    width: 100%;
}
div.GraphicGateColumn.gate {
    max-width: 50cqw;
    width: 100%;
}
div.GraphicGateColumnTop {
    width: 100%;
    height: 80%;
}
div.GraphicGateColumnTop.gate {
    display: flex;
    flex-direction: column;
    justify-content: end;
}
div.GraphicGateColumnBottom {
    background: #cebeedab;
    width: 100%;
    height: 20%;
    border-top: 2px solid #ec6196a1;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    container-type: inline-size;
}
div.GraphicGateColumnBottom:after {
    position: absolute;
    display: block;
    content: '';
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-top: 2px solid #ffffff80;
}
div.GraphicGateColumnBottom.gate {
    border-top: unset;
    display: flex;
    flex-direction: revert;
    justify-content: space-around;
    
}
div.GraphicGateColumnBottom.gate.open{
	background: transparent;
}
div.GraphicGateColumnBottom.gate:after, div.GraphicGateVaultCenter {
    position: absolute;
    display: block;
    content: '';
    height: 100%;
    width: 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-top: unset;
    background: #ffffff80;
    border-left: 2px solid #ec6196a1;
    border-right: 2px solid #ec6196a1;
    margin-left: auto;
    margin-right: auto;
    left: 0px;
    right: 0px;
    z-index: 995;
}
div.GraphicGateColumnBottom.gate.open:after {
    width: 4px;
    border-right: unset;
    right: unset;
}
div.GraphicGateVault {
    background: #cebeedab;
    width: calc(100% + 2px);
    height: 80%;
    bottom: 0px;
    /* border-top-right-radius: 50%; */
    /* border-top-left-radius: 50%; */
    border-top: 2px solid #ec6196a1;
    border-radius: 50%;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-left: 2px solid #ec6196a1;
    border-right: 2px solid #ec6196a1;
    position: relative;
}
div.GraphicGateVault.open{
	background: transparent;
}
div.GraphicGateVault:after {
    position: absolute;
    display: block;
    content: '';
    /* border-left: 2px solid white; */
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom-right-radius: 10px;
    border-left: 2px solid #ffffff80;
    border-right: 2px solid #ffffff80;
    border-top: 2px solid #ffffff80;
    border-radius: 50%;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
div.GraphicGateVault:after {
    position: absolute;
    display: block;
    content: '';
    border-left: 2px solid #ffffff80;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-right: 2px solid #ffffff80;
    border-bottom-right-radius: 10px;
    border-left: 2px solid #ffffff80;
    border-right: 2px solid #ffffff80;
    border-top: 2px solid #ffffff80;
    border-radius: 50%;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
button.gate-look-around {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    border: 2px solid white;
    background: #ec6196a6;
    border-radius: 50%;
    padding: 4px;
    height: 10cqh;
    bottom: 0px;
    width: 30cqw;
    container-type: inline-size;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    outline: 2px solid #ec619682;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: white;
    font-size: min(3cqw, 3cqh);
    z-index: 999;
}
span.gate-look-around-ikon{
	
}
span.gate-look-around-text{
	
}
div#gateMenuIkonContainer {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 5cqw;
    padding-right: 5cqw;
}
div.GateLicenseInfoGroup {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #bbb7c1bf;
    /* font-family: graphic-regular, sans-serif; */
}
span.GateLicenseInfo i {
    font-family: graphic-regular, sans-serif;
}
span.GateLicenseInfo i::before {
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
    color: #d47490;
}
span.GateLicenseInfo i.white::before {
    color: white;
}
span.GateLicenseInfo {
    font-size: 1.3cqw;
}
div.GateLicenseInfoClick {
    font-size: 1.2cqw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background: #bbb7c1bf;
    font-family: graphic-regular, sans-serif;
}
.gateContainerPopUp{
	animation-name: gateContainerPopUp;
	animation-duration: 700ms;
}
td.timeInMailTable {
	display: block;
	padding-left: 7px;
    align-self: center;
}
td.timeInMailTable.frisslist {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
}
td.frisslistIkon{
	
}
div.mailExternalTimer{
	display: none;
	padding-left: 72px;
    padding-bottom: 10px;
}
div.mailExternalTimer.odd {
    background: #dfcbfa;
}
div.mailExternalTimer.even{
	background: #cfbbea;
}
.selfPaylogContainer{
	border-color: white;
    container-type: inline-size;
    position: relative;
    width: 776px;
}
.selfPaylogHeaderContainer {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 776px;
}
.selfPaylogHeaderItem {
    color: white;
    background: #a37ada;
    padding: 3px !important;
    width: 50%;
}
.selfPaylogRowContainer {
    display: flex;
    width: 776px;
}
.selfPaylogCell {
    display: flex;
    flex-direction: column;
    width: 50%;
}
.socialListWhatButton {
    font-size: 1.2em;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.socialListWhatButton i {
    font-size: 1.3em;
}
.socialListWhatButton span {
    /*float: left;*/
    width: 70%;
}
.socialListActionButtonContainer {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
    float: right;
    font-size: 1em;
}
.socialListActionButton {
    display: flex;
    flex-direction: column;
    font-size: 1em;
    width: 40%;
    justify-content: center;
    align-items: center;
    background: transparent;
    margin: 2px;
    height: 2.8em;
    border: 1px solid maroon;
    border-radius: 3px;
    background: #c3aed9;
}
.socialListActionButton span{
    display: flex;
    flex-direction: column;
    font-size: 1em;
}
.socialListActionButton i{
    display: flex;
    flex-direction: column;
    font-size: 1.2em;
}
div.externalWhat {
    display: none;
    font-size: 0.8em;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
div.externalWhat.odd {
    background: #dfcbfa;
}
div.externalWhat.even{
	background: #cfbbea;
}
div.externalWhat div.socialListWhatButton{
	flex-direction: row;
    align-items: flex-start;
}
div.externalIconInFrisslist{
	font-size: 2.0em;
}
.kozosseg-statusreport {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.kozosseg-statusreport span.head {
    font-weight: bold;
}
.kozosseg-statusreport div.report-container {
    display: flex;
    justify-content: space-between;
}
div.externalWhat div.socialListWhatButton i{
	margin-left: 5px;
}
.taglistChooserContainer {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.taglistChooserContainer a {
    font-size: 1.5em;
    max-width: 40px;
    width: 100%;
    background: #cebeed;
    display: flex;
    justify-content: center;
    margin: 5px;
    border-radius: 5px;
    font-family: graphic-regular, sans-serif;
    padding: 2px;
    color: #ec6196;
}
.taglistChooserContainer a.extrazlistheaderActive{
	color: white;
	background: #ec6196;
}

.local-noticesettings-itemcontainer {
    display: flex;
    flex-direction: column;
}
.local-noticesettings-item-settings {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.local-noticesettings-item-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid white;
}
.local-noticesettings-item-name {
    margin-right: auto;
    font-size: 1.2em;
}
.local-noticesettings-item-row i {
    font-size: 1.5em;
    display: flex;
    justify-content: center;
}
.local-noticesettings-item-row input[type="checkbox"] {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.widgetopener-translated {
    font-size: 1.1em;
    padding: 5px;
    background: #A37ADA;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
div.sf-information {
    /*background: unset !important;*/
    background-image: unset !important;
}
div.sf-information::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f05a";
    font-size: 1.5em;
    width: 100px;
    color: white;
    /* margin-left: -1em; */
    padding-right: 5px;
}
.textSearchInputContainer {
    display: flex;
    background: beige;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
.textSearchInputContainer div#i_epktform01_i_uText__WRAP {
    min-width: 280px;
    width: 48%;
    margin-bottom: auto;
    height: 100%;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    margin-top: 0px;
}
.textSearchInputContainer .sf-label {
    font-weight: unset;
    font-size: 0.9em;
}
.textSearchInputContainer .sf-item {
    width: 100%;
}
.textSearchInputContainer input#i_epktform01_i_uText {
    width: 100%;
    height: 2.0em;
    font-size: 1.2em;
}
.textSearchInputContainer div#i_epktform01_i_uSubtype__WRAP {
    width: 48%;
    margin-bottom: auto;
    height: 100%;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    margin-top: 0px;
}
.textSearchInputContainer select#i_epktform01_i_uSubtype {
    max-width: 100%;
    /* outline: none; */
    height: 2.0em;
    font-size: 1.2em;
    background: beige;
}
.textSearchInputContainer select#i_epktform01_i_uSubtype option {
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 280px;
}
.textSearchInputButtonContainer div.sf-buttonbar, .textSearchInputButtonContainer  div.sf-buttonbar, .innerCenter.epTlista.filter{
    display: flex;
    justify-content: space-around;
    align-items: center;
    /*flex-wrap: wrap;*/
}
 .innerCenter.epTlista.filter{
 	background: #deeaef;
 }
.textSearchInputButtonContainer  div.sf-buttonbar {
	background-color: #deeaef;
	border: 1px solid #c39afa;
}
.textSearchInputButtonContainer.search  div.sf-buttonbar {
	background-color: beige !important;
}
.textSearchInputButtonContainer input[type=button], .innerCenter.epTlista.filter a{
    width: 48%;
    border: 1px solid #800000;
    border-radius: 5px !important;
    background: #a37ada;
    color: white;
    cursor: pointer;
    font-size: 1.3em !important;
    font-weight: bold;
    padding: 5px;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin: 0px;
}
.innerCenter.epTlista.filter a{
	margin: 5px;
}
span.searchReasultType {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: center;
    background: beige;
    min-height: 1.8em;
}
span.searchReasultSource {
    display: flex;
    flex-wrap: wrap;
    padding-left: 10px;
    width: 100%;
    background: #a37ada;
    color: white;
    align-items: center;
    min-height: 1.8em;
}
.searchReasultMennyitRow {
    display: flex;
    flex-wrap: wrap;
    padding-left: 10px;
    width: 100%;
    background: #f5f5dc;
    color: black;
    align-items: center;
    min-height: 1.8em;
}
span.searchReasultMennyit {
    margin-left: 5px;
    margin-right: 5px;
    font-weight: bold;
    font-family: graphic-regular, sans-serif;
    font-size: 1.1em;
    border: 1px solid #0000005c;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 3px;
}
.searchReasultAll {
    display: flex;
    flex-wrap: wrap;
    padding-left: 10px;
    width: 100%;
    background: #a37ada;
    color: white;
    align-items: center;
    min-height: 1.8em;
}
span.searchReasultMennyit {
    margin-left: 5px;
    margin-right: 5px;
    font-weight: bold;
    font-family: graphic-regular, sans-serif;
    font-size: 1.1em;
    border: 1px solid #0000005c;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 3px;
}
span.searchReasultKeyword {
	margin-left: 5px;
    margin-right: 5px;
    font-weight: bold;
    font-family: graphic-regular, sans-serif;
    font-size: 1.1em;
    border: 1px solid #0000005c;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 3px;
}
span.sarcresultListName {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: center;
    background: beige;
    min-height: 1.8em;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}
span.searchReasultWarning {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: center;
    background: beige;
    min-height: 1.8em;
    font-weight: bold;
}
form#i_epkform01 {
    background: beige;
}
span.searchResultShadow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 5px;
    cursor: pointer;
}
span.searchResultShadowItem {
    margin-left: 5px;
    margin-right: 5px;
    font-family: graphic-regular, sans-serif;
    font-size: 1.0em;
    border: 1px solid #0000005c;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 3px;
    display: flex;
    margin-top: 2px;
    margin-bottom: 5px;
}
span.advancedSearchInfoText {
    font-size: 0.85em;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    display: block;
}
#i_epkform01_i_uNegyedek__WRAP .sf-item, #i_epkform01_i_uCsillagjegy__WRAP .sf-item, #i_epkform01_i_uPluszSzuresek__WRAP .sf-item {
    display: flex;
    flex-direction: column;
    padding-left: 15px;
}
#i_epkform01_i_uNeme__WRAP .sf-item, #i_epkform01_i_uTransznemu__WRAP .sf-item, #i_epkform01_i_uVagyak__WRAP .sf-item, #i_epkform01_i_uParral__WRAP .sf-item, #i_epkform01_i_uFoldrajzi__WRAP .sf-item, #i_eplistsetform_i_Neme__WRAP .sf-item, #i_eplistsetform_i_Travi__WRAP .sf-item, #i_eplistsetform_i_Parral__WRAP .sf-item, #i_eplistsetform_i_Hiteles__WRAP .sf-item, #i_eplistsetform_i_Online__WRAP .sf-item, #i_eplistsetform_i_Belyeg__WRAP .sf-item, #i_eplistsetform_i_Kit__WRAP .sf-item, #i_eplistsetform_i_Kedvel__WRAP .sf-item, #i_eplistsetform_i_Tilt__WRAP .sf-item, #i_eplistsetform_i_Level__WRAP .sf-item, #i_eplistsetform_i_Lattam__WRAP .sf-item, #i_eplistsetform_i_Jegyzet__WRAP .sf-item, #i_eplistsetform_i_Sorrend__WRAP .sf-item, #i_eplistsetform_i_SorrendIrany__WRAP .sf-item {
    padding-left: 15px;
}
#i_epkform01_i_uNeme__WRAP .sf-item input, #i_epkform01_i_uTransznemu__WRAP .sf-item input, #i_epkform01_i_uVagyak__WRAP .sf-item input, #i_epkform01_i_uParral__WRAP .sf-item input, #i_epkform01_i_uFoldrajzi__WRAP .sf-item input, #i_eplistsetform_i_Neme__WRAP .sf-item input, #i_eplistsetform_i_Travi__WRAP .sf-item input, #i_eplistsetform_i_Parral__WRAP .sf-item input, #i_eplistsetform_i_Hiteles__WRAP .sf-item input, #i_eplistsetform_i_Online__WRAP .sf-item input, #i_eplistsetform_i_Belyeg__WRAP .sf-item input, #i_eplistsetform_i_Kit__WRAP .sf-item input, #i_eplistsetform_i_Kedvel__WRAP .sf-item input, #i_eplistsetform_i_Tilt__WRAP .sf-item input, #i_eplistsetform_i_Level__WRAP .sf-item input, #i_eplistsetform_i_Lattam__WRAP .sf-item input, #i_eplistsetform_i_Jegyzet__WRAP .sf-item input, #i_eplistsetform_i_Sorrend__WRAP .sf-item input, #i_eplistsetform_i_SorrendIrany__WRAP .sf-item input, #i_eplistsetform_i_Negyed__WRAP .sf-item input {
    margin-right: 4px;
    margin-bottom: 10px;
}
input#i_epkform01_i_uHelyszures_display {
    width: calc(100% - 30px);
    font-size: 1.4em;
}
#i_epkform01_i_uEletkor__WRAP .sf-item, #i_epkform01_i_uMagassag__WRAP .sf-item, #i_epkform01_i_uSuly__WRAP .sf-item, #i_epkform01_i_uMellboseg__WRAP .sf-item, #i_epkform01_i_uDerekboseg__WRAP .sf-item, #i_epkform01_i_uCsipoboseg__WRAP .sf-item, #i_epkform01_i_uPeniszHossz__WRAP .sf-item, #i_epkform01_i_uPeniszKerulet__WRAP .sf-item, #i_eplistsetform_i_Tavolsag__WRAP .sf-item, #i_eplistsetform_i_Eletkor__WRAP .sf-item, #i_eplistsetform_i_BIM__WRAP .sf-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    display: block;
    display: table;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
}
#i_eplistsetform_i_Negyed__WRAP .sf-item {
    display: flex;
    flex-wrap: wrap;
    padding-left: 15px;
}
#i_eplistsetform_i_Negyed__WRAP .sf-item label.sf-minilabel::after, #i_eplistsetform_i_Sorrend__WRAP .sf-item label.sf-minilabel::after, #i_eplistsetform_i_SorrendIrany__WRAP .sf-item label.sf-minilabel::after {
    content: '';
    width: 100%;
    display: block;
}
#i_epkform01_i_uEletkor__WRAP input[type=text], #i_epkform01_i_uMagassag__WRAP input[type=text], #i_epkform01_i_uSuly__WRAP input[type=text], #i_epkform01_i_uMellboseg__WRAP input[type=text], #i_epkform01_i_uDerekboseg__WRAP input[type=text], #i_epkform01_i_uCsipoboseg__WRAP input[type=text], #i_epkform01_i_uPeniszHossz__WRAP input[type=text], #i_epkform01_i_uPeniszKerulet__WRAP input[type=text], #i_eplistsetform_i_Tavolsag__WRAP input[type=text], #i_eplistsetform_i_Eletkor__WRAP input[type=text], #i_eplistsetform_i_BIM__WRAP input[type=text]{
    font-size: 1.2em;
    margin-left: 4px;
}
div#i_epkform01_i_uEletkorMIN__SLIDER, div#i_epkform01_i_uMagassagMIN__SLIDER, div#i_epkform01_i_uSulyMIN__SLIDER, div#i_epkform01_i_uMellbosegMIN__SLIDER, div#i_epkform01_i_uDerekbosegMIN__SLIDER, div#i_epkform01_i_uCsipobosegMIN__SLIDER, div#i_epkform01_i_uPeniszHosszMIN__SLIDER, div#i_epkform01_i_uPeniszKeruletMIN__SLIDER, div#i_eplistsetform_i_Tavolsag__SLIDER, div#i_eplistsetform_i_EletkorMIN__SLIDER, div#i_eplistsetform_i_BIM__SLIDER {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

#i_epkform01_i_uNegyedek__WRAP .sf-label, #i_epkform01_i_uCsillagjegy__WRAP .sf-label, #i_epkform01_i_uPluszSzuresek__WRAP .sf-label, #i_epkform01_i_uNeme__WRAP .sf-label, #i_epkform01_i_uTransznemu__WRAP .sf-label, #i_epkform01_i_uVagyak__WRAP .sf-label, #i_epkform01_i_uParral__WRAP .sf-label, #i_epkform01_i_uFoldrajzi__WRAP .sf-label, #i_epkform01_i_uFoldrajzi__WRAP .sf-minisection, #i_epkform01_i_uEletkor__WRAP .sf-label, #i_epkform01_i_uMagassag__WRAP .sf-label, #i_epkform01_i_uSuly__WRAP .sf-label, #i_epkform01_i_uMellboseg__WRAP .sf-label, #i_epkform01_i_uDerekboseg__WRAP .sf-label, #i_epkform01_i_uCsipoboseg__WRAP .sf-label, #i_epkform01_i_uPeniszHossz__WRAP .sf-label, #i_epkform01_i_uPeniszKerulet__WRAP .sf-label, #i_eplistsetform_i_Neme__WRAP .sf-label, #i_eplistsetform_i_Travi__WRAP .sf-label, #i_eplistsetform_i_Parral__WRAP .sf-label, #i_eplistsetform_i_Hiteles__WRAP .sf-label, #i_eplistsetform_i_Online__WRAP .sf-label, #i_eplistsetform_i_Belyeg__WRAP .sf-label, #i_eplistsetform_i_Kit__WRAP .sf-label, #i_eplistsetform_i_Kedvel__WRAP .sf-label, #i_eplistsetform_i_Tilt__WRAP .sf-label, #i_eplistsetform_i_Level__WRAP .sf-label, #i_eplistsetform_i_Lattam__WRAP .sf-label, #i_eplistsetform_i_Jegyzet__WRAP .sf-label, #i_eplistsetform_i_Tavolsag__WRAP .sf-label, #i_eplistsetform_i_Eletkor__WRAP .sf-label, #i_eplistsetform_i_BIM__WRAP .sf-label, #i_eplistsetform_i_Negyed__WRAP .sf-label, #i_eplistsetform_i_Sorrend__WRAP .sf-label, #i_eplistsetform_i_SorrendIrany__WRAP .sf-label  {
    margin-left: 15px;
    font-weight: unset;
    margin-bottom: 5px;
}
span.ui-slider-handle.ui-corner-all.ui-state-default {
    background: #eb6195 !important;
    width: 1.5em;
    height: 1.5em;
}
#EPloc_placeselector select {
    width: 100%;
    height: 2em;
    font-size: 1.2em;
    margin-top: 3px;
    margin-bottom: 3px;
}
#EPloc_placeselector input[type="button"] {
    color: white;
    background: #a37ada;
    padding-left: 8px;
    padding-right: 8px;
    font-weight: bold;
    font-size: 1.2em;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 2px;
    cursor: pointer;
    border: 1px solid #996ad8;
    max-width: 100%;
    width: 100%;
    min-height: 2.6em;
    max-height: 2.6em;
    display: flex;
    flex-direction: row;
    justify-content: center;
    color: black;
    background-color: #c2f9dc;
    border-color: black;
    text-align: center;
    margin-top: 5px;
}
.orompolgarfelirat {
    background: #ffffff !important;
    color: #498b69 !important;
    font-weight: bold !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    border-radius: 2px !important;
}
#EPloc_placeselector{
	display: none;
}
div.rightspaceFiller {
    background: #e0d4f6;
    position: absolute;
    width: 300px;
    bottom: 0px;
    top: 52px;
    height: auto;
    z-index: -1;
}
fieldset#i_eplistsetform_eplsff, fieldset#i_eplistsetform_eplsfi{
    background: #deeaef;
}
.epTlista.blogentry, .epTlista.forum {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.epTlista.blogentry .epButtonLink, .epTlista.forum .epButtonLink {
    width: 100%;
    border: 1px solid #800000;
    border-radius: 5px !important;
    background: #a37ada;
    color: white;
    cursor: pointer;
    font-size: 1.3em !important;
    font-weight: bold;
    padding: 5px;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding-left: 5px;
    padding-right: 5px;
}
.epTlista.blogentry h4, .epTlista.forum h4 {
    font-family: graphic-regular, sans-serif;
    font-size: 1.0em;
}
.epTlista.blogentry.chat .epButtonLink i {
	background: #e9ebf8;
    width: 30px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a37ada;
    border-radius: 3px;
}
.bloglistOwnerrow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #e9e9e9;
    padding: 5px;
    margin-bottom: 3px;
}
.searchReasultSourceitemTitle{
	margin: 5px;
    padding: 3px;
    border: 1px solid white;
    border-radius: 3px;
    background: beige;
    font-weight: bold;
}
span.signedSearchresult {
    padding: 3px;
    background: beige;
    color: black;
    font-weight: bold;
    margin-left: 2px;
    margin-right: 2px;
    border: 1px solid black;
    border-radius: 3px;
}
span.sf-static-value {
    padding: 4px !important;
    background-color: #A080E0 !important;
    border: 1px solid maroon;
    color: white !important;
    font-weight: bold;
    text-decoration: none !important;
    font-size: 1.3em;
    border-radius: 7px !important;
    display: flex !important;
    justify-content: space-around;
    height: 3em;
    align-items: center;
    cursor: pointer;
}
span.sf-static-value a {
    color: white !important;
}
div.mygalsettingscontainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
div.mygalsettingscontainer div.ikonok {
    max-width: 50%!important;
}
div.bimpontpageContainer {
    background: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-left: 1px solid #a37ada;
    border-right: 1px solid #a37ada;
    border-bottom: 1px solid #a37ada;
}
div.bimpontpageinfoContainer {
	padding: 10px;
}
div.bimpontlistUserContainer {
    width: 230px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0px !important;
    padding: 0px;
}
div.bimpontlistUserContainer.source {
    width: auto;
}
td.mikorInBipontlist {
    display: none;
}
th.mikorInBipontlist {
	width: 100% !important;
}
.pontInBipontlist {
    width: 70px !important;
}
.nameInBipontlist {
    width: 100% !important;
}
div.bimpontlistTotalContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
div.notificationsListItemContaine {
    width: 100%;
    display: flex;
    flex-direction: row;
    background: #decbf9;
    padding: 5px;
    margin-top: 5px;
    border-radius: 5px;
    border: 1px solid #a37ada;
    cursor: pointer;
    position: relative;
}
div.notificationsListItemRight {
    margin-right: 1.4em;
}
div.notificationsListItemContaine.moder{
	background: #dc354547;
}
div.notificationsListItemLeft {
    width: 280px;
}
div.notificationsListItemLeft {
    width: 280px;
    min-width: 280px;
    max-width: 280px;
}
div.sf-warning {
    background-color: #ec6196 !important;
}
i.fas.fa-external-link-alt.notificationsListItemOpenerikon {
    position: absolute;
    right: 2px;
    top: 3px;
    font-size: 1.4em;
    color: white;
}
div.groupheaderContainer {
    background: #a37ada;
    padding: 5px;
    position: relative;
    border-radius: 5px;
    border: 2px solid white;
}
div.groupTitleRow {
    color: white;
}
div.groupsectionRow {
    background: #a37ada;
    color: white;
    font-size: 1.3em;
    padding: 5px;
    font-family: graphic-regular, sans-serif;
}
div.groupsectionRow i{
   margin-right: 5px;
}
div.groupTitleRow.big {
    font-size: 1.5em;
    font-family: graphic-regular, sans-serif;
}
div.groupmemberContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
div.standardbutton.groupmemberbutton {
    width: fit-content;
    font-size: 1.0em !important;
    min-width: 10%;
    padding-left: 5px;
    padding-right: 5px;
}
div.groupmemberlisContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    overflow-y: auto;
    height: 25vh;
}
div.groupmemberlist {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    background: #a37ada;
    height: fit-content;
    background: #a37ada91;
    color: white;
    padding: 5px;
    /* border-radius: 5px; */
    font-size: 1em;
    text-align: left;
    width: 50%;
}
div.groupmemberlistHeader {
    background: #a37ada;
    color: white;
    width: 100%;
    font-size: 1.2em;
    padding: 2px;
}
div.groupmemberassetContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}
div.kommheadValues.group {
    justify-content: space-between !important;
}
div.groupmessagesHeader {
    margin-top: 40px;
    font-family: graphic-regular, sans-serif;
    font-weight: bold;
    font-size: 1.3rem;
    color: #4f3b70;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px;
}
.groupwidget {
    border: 1px solid white;
    border-radius: 5px;
    background: white;
}
/*ajánló*/
div#EP_recommendation {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
div.recommendationWidget {
    width: 100%;
    height: 272px;
    margin-top: 20px;
    margin-bottom: 0px;
    background: white;
}
div.recommendationWidgetHeader {
    width: 100%;
    height: 22px;
    background: #eb6195;
    text-decoration: none;
    color: white !important;
    font-size: 1.0em;
    font-family: graphic-regular, sans-serif;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    cursor: pointer;
    padding-left: 2px;
    padding-right: 2px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.2em;
    border-top-left-radius: 3px;
}
div.recommendationWidgetBody {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}
div.recommendationWidgetBody img {
    object-fit: cover;
    width: 100%;
    height: 216px;
    margin-left: auto;
    margin-right: auto;
}
div.mottiInRecommendation {
    text-align: center;
    width: 300px;
    height: 34px;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* font-weight: bold; */
    font-size: 1.2em;
    max-width: 100%;
    color: #eb6195;
    line-height: 34px;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
}
div.gender-filter {
    display: flex;
    width: 100%;
    align-items: center;
    line-height: 30px;
    height: 30px;
    font-size: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
    cursor: pointer;
}
span#gender-filter-venus {
    color: pink;
    width: 45px;
    display: flex;
    justify-content: center;
    background: white;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
span#gender-filter-mars {
    color: blue;
    width: 45px;
    display: flex;
    justify-content: center;
    background: white;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#gender-filter-scrollbar::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none; 
  height: 15px;
  width: 15px;
  background-color: #eb6195;
  border-radius: 50%;
  border: none;
  transition: .2s ease-in-out;
}
#gender-filter-scrollbar::-moz-range-thumb {
  height: 15px;
  width: 15px;
  background-color: #eb6195;
  border-radius: 50%;
  border: none;
  transition: .2s ease-in-out;
}
.gender-range {
    height: 30px;
    background-color: white;
}
div#displayGenders {
    width: 100%;
    text-align: center;
    font-weight: bold;
}
div.genderFilterTransBox {
    width: 100%;
    display: flex;
    justify-content: center;
    background: white;
    height: 30px;
    align-items: center;
    border-radius: 3px;
    margin-top: 15px;
    margin-bottom: 10px;
}
input#genderFilterTransInput {
    margin-right: 5px;
}
div.recommendationTextContainer img {
    max-width: unset !important;
    width: 20px !important;
    margin: unset !important;
    min-width: unset !important;
    height: 20px !important;
}
div.recommendationGroupBody {
    width: 300px;
    height: 216px;
    font-size: 8em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    color: white;
    background: #a37ada;
    cursor: pointer;
    position: absolute;
    z-index: 0;
    top: 0px;
    left: 0px;
}
div.recommendationGroupBody.titkos {
	color: #000000;
}
div.recommendationGroupBody.zart {
	color: #ababab;
}
div.recommendationGroupMembers {
    position: absolute;
    bottom: 60px;
    background: #a37ada;
    /* width: 50%; */
    text-align: center;
    font-size: 1.1rem;
    height: 25px;
    line-height: 25px;
    color: white;
    border-radius: 12px;
    padding-left: 10px;
    padding-right: 10px;
}
div.meassageInrecommendation {
    display: flex;
    flex-direction: column;
    width: calc(100% - 10px);
    padding-right: 10px;
    background: #dfcbfa;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    height: 206px;
    padding: 5px;
}
div.leftmeassageInrecommendation {
    display: flex;
    flex-direction: column;
    padding-right: 10px;
    background: #dfcbfa;
    margin-bottom: 5px;
    padding-left: 5px;
    padding-top: 5px;
    position: relative;
    opacity: 0.9;
    margin-top: 35px !important;
    width: 100%;
}
div.toptitleInrecommendation {
    position: absolute;
    top: 5px;
    left: 5px;
    width: calc(100% - 10px);
    color: white;
    font-size: 1.3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3rem;
    background: #a37ada;
}
div.grouptypeInrecommendation {
    position: absolute;
    left: 5px;
    padding: 3px;
    top: calc(1.3rem + 12px);
    font-size: 0.8rem;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    line-height: 0.8rem;
    z-index: 1;
}
div.grouptypeInrecommendation.nyilt {
    color: white;
    background: #a37ada;
    border: 1px solid white;
}
div.grouptypeInrecommendation.zart {
    background: #ababab;
    color: black;
    border: 1px solid black;
}
div.grouptypeInrecommendation.titkos {
    background: black;
    color: white;
    border: 1px solid white;
}
/* group type on group center*/
div.grouptype {
    padding: 3px;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    width: fit-content;
    margin-left: auto;
    margin-right: 0;
}
div.grouptype.nyilt {
    color: white;
    background: #a37ada;
    border: 1px solid white;
}
div.grouptype.zart {
    background: #ababab;
    color: black;
    border: 1px solid black;
}
div.grouptype.titkos {
    background: black;
    color: white;
    border: 1px solid white;
}

div.meassageInrecommendation img {
    width: 1.9em !important;
    height: 1.9em !important;
    min-width: 1px !important;
}
div.recommendationTopicImage {
    width: 300px;
    height: 216px;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    background-size: cover;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
}
div.recommendationTopicBody {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    height: 216px;
    cursor: pointer;
    width: 300px;
}
div.recommendationRoomBody {
    width: 100%;
    height: 216px;
    font-size: 8em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    color: white;
    background: #a37ada;
    cursor: pointer;
    position: relative;
}
div.recommendationTopicTitle {
    z-index: 2;
    background: #a37adadb;
    color: white;
    padding: 5px;
    border-radius: 0px;
    pointer-events: none;
    cursor: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: auto;
    max-width: 300px;
    width: 300px;
    height: 30px;
    position: absolute;
    top: 0;
    cursor: pointer;
}
div.recommendationTopicTitle.inverse {
    background: white;
    color: #a37adadb;
    font-weight: bold;
}
div.userimmageInrecommendation{
	width: 100%;	
}
div.recommendationRoomName {
    color: white;
    font-weight: bold;
    font-size: 1.1rem;
}
div.leftrecommendationTextContainer {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
div.leftmeassageInrecommendationPositioner {
    display: flex;
    flex-direction: column;
    max-height: 96%;
    justify-content: flex-end;
}
div.recommInput {
    position: absolute;
    left: -2px;
    top: -2px;
    cursor: pointer;
}
div.recommendationInputButton {
    color: white;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid;
    border-radius: 5px;
    background: #c3aed9;
    font-size: 22px;
    border-color: white;
}
div.recommendationInputButton.tilt{
	border-color: #eb6195;
	color: #eb6195;
}
.recommendationInput-inner {
    min-width: 270px;
    max-width: 100vw;
    background: #ffffff;
    opacity: 1.0;
    border: 1px solid #ffffff;
}
div.recommendationInputSelector {
    background: #c4afda;
    display: flex;
    align-items: center;
    padding: 5px;
    margin: 2px;
    cursor: pointer;
}
div.recommendationInputSelector.active{
	opacity: 1.0;
}
div.recommendationInputSelector.inactive{
	opacity: 0.6;
}
div.recommendationInputHeader {
    display: flex;
    justify-content: end;
    color: #eb6195;
    height: 20px;
    align-items: baseline;
    cursor: pointer;
}
div.recommendationWidgetHeaderLeft {
    text-decoration: none;
    color: white !important;
    font-size: 1.0em;
    font-family: graphic-regular, sans-serif;
    display: flex;
    align-items: center;
    justify-content: left;
    margin-left: 2px;
}
div.recommendationWidgetHeaderLeft i{
	margin-right: 3px;
}
div.chatroomsinHomeWidget {
    display: flex;
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
div.bloggerRecommSwitchContainer {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background: white;
    border-top: 5px solid #eb6195;
    margin-bottom: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
}
div.bloggerRecommSwitchText {
    font-size: 0.9em;
    width: 85%;
}
/*Jobb oszlop kikapcsolva*/
div#rightColumn.killright {
    display: none;
}
div#EPmainContentZone.killright {
    margin-right: 0px;
    border-right: 2px solid #eb6195;
}
div#EPmainContentZone.killright .alert-container {
    width: 1088px !important;
}
div.sitemapContainer {
    background: #c3ade8;
    padding-top: 25px;
    padding-bottom: 25px;
}
/*egyéb*/
.dataTable thead {
    background: #c3aed9;
}
.innerContent {
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
}
div.sf-form input[type=button], div.sf-form input[type=submit], div.sf-form input[type=reset], div.sf-form button {
    border: 1px solid #800000;
    border-radius: 5px !important;
    background: #a37ada;
    color: white;
    cursor: pointer;
    min-width: 30%;
    font-size: 1.5em !important;
    font-weight: bold;
    padding: 5px;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: calc(100% - 5px);
    margin: 0px;
}
input#i_epreg00_i_forwardbtn, input#i_epreg01_i_SF_63 {
    background: #ec6196;
}
div.statDaysContainer {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
div.districtSelector {
    width: 100%;
    display: flex;
    align-items: center;
    background: #dfcbfa;
    justify-content: space-around;
    padding: 10px;
}
select#selectdistrict {
    font-size: 1.5em;
    width: 90%;
    padding: 5px;
    background: #eb6195;
    color: white;
}
div.blogtop10 {
    display: flex;
    justify-content: end;
    font-size: 0.8em;
    margin: 5px;
    align-items: center;
    width: fit-content;
    padding: 6px;
    color: white;
    border: 1px solid white;
    border-radius: 2px;
    cursor: pointer;
    background: #c4aae7;
}
div.blogtop10 span {
    text-align: center;
    line-height: 0.8em;
}
i.districtFilter{
	font-size: 2em;
	color: #eb6195;
    background-image: linear-gradient(270deg, white 50%, #eb6195 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
div.responsiveAdcontainer {
    width: 100%;
    max-height: 250px;
}
iframe.responsiveIframeAd {
    width: 100%;
    max-height: 250px;
}

#geo-dropdown.dropdown, .selection-dropdown {
  display: block !important;
}

@keyframes gateContainerPopUp {
  0% {opacity: 0.0;}
  100% {opacity: 1.0;}
}
@keyframes cityMoover {
  0% {background-position-x: 0%;}
  50% {background-position-x: 100%;}
  100% {background-position-x: 0%;}
}
@media screen and (max-width: 1301px){
	#epTopOfPage,  #epTopOfPage2 {
		display: none !important;
	}
}


@media screen and (min-width: 1201px){
	div.meassageInrecommendation {
    	display: none;
	}
	div.recommendationTextContainer {
		display: none;
	}
	div.userlistItemBodyImage img, div.imagelistItemBodyImage img, div.userListItemLocationContainer {
    	max-width: 360px;
	}
	.alert-container, .alertWrapper{
    	width: 780px !important;
	}
	div#EPmainContentZone.killright .alert-container div.alertWrapper {
    	width: 1090px !important;
	}
	input.bigChatButton {
    	width: 300px;
	}
	div.sf-form {
	    width: 780px;
	}
	div#EPmainContentZone.killright div.sf-form {
	    width: 1090px;
	}
	div#EPmainContentZone.killright div.sf-form div.dataTables_wrapper table tbody .mailExternalSubject {
    	width: 1090px;
	}
	span#header-activeChannels-txt {
    	-webkit-line-clamp: 1;
    	line-clamp: 1;
	}
	div#chaneitemsContainer {
    	width: calc(100% - 410px);
    	margin-left: 99px;
	}
	.gatechaneldropdown {
		width: calc(100% - 410px);
		margin-left: -12px;
	}
	div.chaneldropdown {
		height: 100%;
	    width: calc(100% - 410px);
	    border-radius: 0px;
	    /* border-left: 0px solid; */
	    border-top: 2px solid #ec6196;
	    border-right: 2px solid white;
	    border-bottom: 2px solid white;
	    margin-left: -12px;
	    
   	}
	button#hotdogg {
		border-left: 2px solid #ec6196;
    	border-top: 2px solid #ec6196;
    	/* border-right: 2px solid white; */
	    height: 100%;
	    margin-bottom: 0px;
	    padding-bottom: 0px;
	    border-radius: 0px;
	    border-top-left-radius: 10px;
	    background-color: #cebeed;
	    background-size: auto calc(100% - 10px);
	    border-bottom-color: #cebeed !important;
	}
	div#logoName {
		border-left: 0px solid white;
	    border-bottom: 2px solid white;
	    border-right: 2px solid #ec6196;
	    margin-top: 0px;
	    padding-top: 0px;
	    border-radius: 0px;
	    /* border-bottom-left-radius: 10px; */
	    border-style: solid;
	    border-top: 0px;
	}
	div#leftmenu {
	    width: 100px;
	    border-left: 2px solid #eb6195;
	}
	div#leftmenu.opened {
	    width: 1200px;
	}
	BODY.epNormal {
    	width: unset;
    	min-width: unset;
	}
	div#epPrime {
		width: 1200px;
	}
	div.headerContainer {
		width: 1200px;
		background: transparent;
	}
	div#epContentColumn {
    	width: 100%;
	}
	div#EPmainContentZone {
	   /*
	   width: 730px;
 	   min-width: 730px;
 	   max-width: 730px;
 	   */
	}
	td#rightColumn, div#rightColumn {
    	width: 300px;
    	min-width: 300px;
    	max-width: 300px;
	}
	div.blog-forumItemContainer{
		max-width: 100%;
	}
	div.chatItemContainer{
	    max-width: 100%;
	}
	span.blog-forumFeedUser {
	    /*max-width: 200px;*/
	}
	p.WG_alcim.righted.superlink {
	    margin-top: 15px;
	    margin-bottom: 15px;
	}
	div.GateContainer {
	    width: 1050px;
	}
	div.GateUpperContainer {
	    width: 1050px;
	}
}
@media screen and (max-width: 1200px){
	div.footerInfoContainer {
		width: unset;
	}
	div.floatmenuRow {
	    align-items: center;
	    min-height: 50px;
	}
	i#float_menu_ikon_left {
		height: auto;
	}
	div.leftrecommendationTextContainer {
    	-webkit-line-clamp: 4;
	}
	div#EPmainContentZone.killright {
    	margin-right: 0px;
    	border-right: unset;
	}
	div#EPmainContentZone.killright .alert-container {
    	width: 100% !important;
	}
	div#EPmainContentZone.killright .alert-container div.alertWrapper {
    	width: 100% !important;
	}
	div.userimmageInrecommendation {
    	width: 50%;
	}
	div.recommendationTopicImage {
	    height: 216px;
	    position: relative;
	    z-index: 0;
	    top: 0;
	    left: 0;
	    background-size: cover;
	    width: 50%;
	}
	div.recommendationTopicBody {
	    width: calc(50% - 10px);
	    height: 216px;
	    margin-left: 5px;
	    margin-right: 5px;
	}
	div.leftmeassageInrecommendation {
	    display: flex;
	    flex-direction: column;
	    width: 100%;
	    padding-right: 10px;
	    background: #dfcbfa;
	    margin-left: 5px;
	    margin-right: 5px;
	    margin-top: 5px;
	    margin-bottom: 0px;
	    border-top-left-radius: 3px;
	    border-top-right-radius: 3px;
	    height: 206px;
	    margin-top: 30px !important;
	}
	div.recommendationTopicTitle {
	    max-width: 100%;
    	width: 100%;
	}
	div.recommendationTextContainer {
	    font-size: 1.1rem;
	    margin: 10px;
	    display: -webkit-box;
	    max-width: 100%;
	    -webkit-line-clamp: 6;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	    cursor: pointer;
	}
	div.recommendationWidget {
	    height: auto;
	}
	div.recommendationWidgetBody {
	    flex-direction: row;
	    width: 100%;
	}
	div.recommendationGroupBody {
    	width: 50%;
    	position: relative;
	}
	div.recommendationWidgetBody img {
	    max-width: unset;
	}
	div.rightContainerInRecommendation {
    	width: 50%;
	}
	div.mottiInRecommendation {
		max-width: 100%;
    	width: 100%;
	}
	div.mottiInRecommendation.hideifbig{
		display: none;
	}
	div.recommendationWidgetBody div.userListItemItemgroup{
		width: auto;
	}
	div.userListItemLocationContainer {
    	max-width: 374px;
   	}
	div.chatItemContainer {
		width: auto;
	}
	.rightspaceFiller{
		display: none;
	}
	tr.maillistheaderContainer {
    	width: 800px;
	}
	.alert-container, .alertWrapper{
    	width: 800px !important;
	}
	.selfPaylogContainer{
	    width: 796px;
	}
	.selfPaylogHeaderContainer {
	    width: 796px;
	}
	.selfPaylogRowContainer {
	    width: 796px;
	}
	.selfPaylogContainer{
		width: 800px;
	}
	tr.extrazlistheaderContainer {
	    width: 800px;
	}
	div.mailExternalSubject {
    	width: 800px;
	}
	div.sf-form {
	    width: 800px;
	}
	dd.GateLicenseListItem {
    	font-size: 1.3cqw;
	}
	div.GraphicGateColumn {
	    max-width: 40cqw;
	}
	div.GraphicGateColumn.gate {
	    max-width: 60cqw;
	}
	div#epContentFooter {
	    border-left-color: #eb6195;
	}
	div#epContentFooter.footergate{
		width: 800px;
	    margin-left: auto;
	    margin-right: auto;
	    left: 0px;
	    right: 0px;
	}
	i#closeFootmenu{
		/*padding-right: 135px;*/
	}
	div#epContentFooter{
		left: 0px;
    	width: 100%;
	}
	div#epContentFooterRow{
		width: calc(100% + 1px);
		/*padding-right: 18%;*/
	}
	div.menuitem.closed{
		display:none;
	}
	button.login-button {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: space-between;
	    flex-wrap: nowrap;
	    width: 49%;
	    margin: 0px !important;
	    border: 2px solid white;
	    height: 100%;
	    background: #ec6196;
	    border-left-color: #ec6196;
	    border-right-color: white;
	    border-radius: 5px;
	    height: 100%;
	    padding: 4px;
	    container-type: inline-size;
	}
	span.login-button-ikon {
	    color: white;
	    font-size: 1.0em;
	    margin-right: 5px;
	    margin-left: 5px;
	    width: 100%;
	    height: 40%;
	}
	span.login-button-text {
	    color: white;
	    font-size: 0.9em;
	    min-width: 80%;
	    max-width: 95%;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    margin-top: 3px;
	    font-size: max(12cqw, 0.6em);
	}
	div.gateImageContainer {
		width: 800px;
	}
	div.gateItems {
	    width: 800px;
	}
	div.gateItemContainer {

	
	}
	button#hotdogg{
		background-image: url(../imgs/elogo_o_invert.png);
	    color: #cebeed;
	    background-size: auto calc(100% - 10px);
	    background-repeat: no-repeat;
	    background-position: 10%;
	    width: 10%;
	    height: calc(100% - 10px);
	    border-left: 2px solid #ec6196;
	    border-top: 2px solid #ec6196;
	    border-bottom: 2px solid white;
	    height: 100%;
	    margin-bottom: 0px;
	    padding-bottom: 0px;
	    margin-right: 0px;
	    padding-right: 0px;
	    border-radius: 0px;
	    border-top-left-radius: 10px;
	    background-color: #cebeed;
	}
	div.chaneldropdown {
	    width: 100%;
	    height: 100%;
	    border-radius: 0px;
	    /*margin-right: 5px;*/
	    margin-left: 0px;
	    border-top: 2px solid #ec6196;
	    background: #cebeed;
	    padding-left: 0px;
	    border-right: 2px solid white;
	    border-bottom: 2px solid white;
	}
	div#chaneitemsContainer {
		width: 800px;
	}
	div#floatmenuOpener {
    	margin-left: 100px;
    	position: fixed;
	}
	div#floatmenuOpener.opened {
    	margin-left: 0px;
    	position: relative;
	}
	div#logoName{
		display: none;
	}
	div#logoName.opened{
		display: flex;
		align-items: start;
	    margin-top: 2px;
    	margin-left: 5px;

	}
	span.blog-forumFeedUser {
    	/*max-width: unset;*/
	}
	div#centerBodyColumn{
	    flex-direction: column;
	    -webkit-flex-direction: column;
	    width: 100%;
	}
	p.WG_alcim.righted.superlink {
	    margin-top: 15px;
	    margin-bottom: 15px;
	}
	#epmaincontainer{
		margin: 0px auto;
   		width: 100%;
    	min-width: 100%;
    	max-width: 100%;
    	position: relative;
	}
	div#epPrime {
		/*width: var(--windowWidth);
		min-width: var(--windowWidth);
		padding-right: 15px;*/
	}
	div.headerContainer {
		/*width: 100%;*/
		/*width: var(--windowWidth);*/
		width: 800px;
	}
	div#epContentColumn {
		min-width: calc(var(--windowWidth) - 150px);
		max-width: calc(var(--windowWidth) - 150px);
	    width: calc(var(--windowWidth) - 150px);
	}
	div#centerBodyColumn{
	    flex-direction: column;
	    -webkit-flex-direction: column;
	    width: 100%;
	}
	div#EPmainContentZone{
	    margin-left: 0px;
	    margin-right: 0px;
	    /*
	    width: calc(var(--windowWidth) - 150px);
 	   	min-width: calc(var(--windowWidth) - 150px);
 	   	max-width: calc(var(--windowWidth) - 150px);
 	   	padding-right: 15px;
 	   	*/
	}
	td#rightColumn, div#rightColumn{
		/*width: calc(var(--windowWidth) - 150px);
    	min-width: calc(var(--windowWidth) - 150px);
    	padding-right: calc(var(--windowWidth) - 150px);*/
    	width: 800px;
	}
	div.GateContainer {
	    width: calc(var(--windowWidth) - 150px);
	}
	div.GateUpperContainer {
	    width: calc(var(--windowWidth) - 150px);
	}
}

@supports (-webkit-touch-callout: none) {
    /*
    .modal,
    .modal-backdrop {
        display: none !important;
    }
    */
}

@media screen and (max-width: 1000px){
	div.eropoliswallpaper {
		display: none !important;
	}
	div.headerCorner {
		background: #eadff9 !important;
	}
}
@media screen and (max-width: 800px){
	div.hiddenNoticeText {
	    max-width: 490px;
	}
	div#profilebtn-dropdown {
	    right: 5px !important;
	    width: 100vw !important;
	    max-width: 100vw !important;
	}
	div.screenplayerOnProfile img {
    	max-width: 100%;
	}
	div.hirdfull.alapito div.topinformationOnProfile.general::after {
	    border-bottom-color: #8b8b8b50 !important;
	    border-right-color: transparent !important;
	}
	div.mybodydatasOnProfile {
	    width: calc(100vw - 12px);
	    min-width: 300px;
	    margin-right: 0px;
	}
	span.selfgateOnProfile a {
	    max-width: 100%;
	}
	div.screenplayerOnProfile {
    	max-width: 800px;
    	min-width: 300px;
   		width: 100%;
	}
	div.screenplayerOnProfile div.anon img {
	    min-height: 270px;
	    object-fit: cover;
	    max-width: 100% !important;
	    min-width: 300px !important;
	    width: 100% !important;
	    max-height: 270px;
	}
	div.topinformationOnProfile.motto::after {
	    left: calc(50% - 10px);
	}	
	div.topinformationOnProfile.general {
	    max-width: 100%;
	    min-width: 100%;
		margin-left: 0px;
	    margin-top: 20px;
	}
	div.topinformationOnProfile.general::after {
	    content: "";
	    border: 20px solid transparent;
	    position: absolute;
	    border-bottom-color: #ffffff65;
	    left: calc(50% - 10px);
	    top: -20px;
	    border-top: 20px;
	    margin-top: 0px;
	}
	div.topinformationOnProfile.location {
	    width: 100%;
	    max-width: 100% !important;
	    min-width: 100% !important;
	}
	div.topinformationOnProfile.location div.userListItemLocationContainer {
	    max-width: 90% !important;
	    min-width: 90% !important;
	    height: 6.5rem !important;
	}
	div.topinformationOnProfile.quarter {
	    width: 100%;
	    max-width: 100% !important;
	    min-width: 100% !important;
	    margin-left: 0px !important;
	}
	div.topinformationOnProfile.quarter::after {
	    content: unset !important;
	}
	div.homeOnProfile {
	    max-width: 90% !important;
	    min-width: 90% !important;
	    margin-left: auto;
	    margin-right: auto;
	}
	span.chatRoomFeedTitle {
	    white-space: pre-wrap;
	}
	.innerCenter.epTlista.filter{
		flex-wrap: wrap;
    	justify-content: center;
	}
	.innerCenter.epTlista.filter a {
		width: 48%;
	}
	DIV.epTlista.filter {
    	flex-wrap: wrap;
    	justify-content: center;
	}
	.textSearchInputButtonContainer div.sf-buttonbar {
    	flex-wrap: wrap;
    	justify-content: center;
	}
	div.onPageFilter {
    	font-size: 1.0em !important;
	}
	.standardbutton.search, .standardbutton.filter {
		font-size: 1.1em !important;
	}
	.imageleftRotator, .imagerightRotator {
		font-size: 2.3em;
	}
	.fullscreeLeftCarret, .fullscreeRightCarret, .imagemodalCloser i, .pictureNum span, span.imagemodalTitleContainer {
    	font-size: 0.8em;
	}
	span.forumHashContainer div {
    	font-size: 0.8em;
	}
	div.standardbutton.postpagernext{
		font-size: 1.1em;
	}
	div.standardbutton.postpagerall{
		font-size: 1.1em;
	}
	div.standardbutton.postpagerprev{
		font-size: 1.1em;
	}
	.blogVisibleDisplay{
		width: 100%;
	}
	.forumoverviewpanel-item{
		max-width: unset; 
    	margin-top: 2px;
	}
	div.advancedNoticeButtonContainer {
	    font-size: 0.8em !important;
	    max-width: 50cqw !important;
	}
	div.advancedNoticeLeftContainer a span.epUser {
		font-size: 1.0em !important;
	}
	div.advancedNoticeTextContainer {
	    font-size: 1.0em !important;
	}
	div.advancedNoticeLeftContainer div[class*="timefield"] {
    	font-size: 0.9em !important;
	}
	.alert-icon-circle-wrapper {
	    width: 2.4em;
	    min-width: 2.4em;
	    max-width: 2.4em;
	    height: 2.4em;
	}
	.alert-icon {
	    font-size: 1.2em;
	}
	.alert-container, .alertWrapper {
    	width: 100vw !important;
	}
	.selfPaylogContainer{
	    width: calc(100% - 4px);
	}
	.selfPaylogHeaderContainer {
	    width: calc(100% - 4px);
	}
	.selfPaylogRowContainer {
	    width: calc(100% - 4px);
	}
	.selfPaylogContainer{
		width: 800px;
	}
	.selfPaylogContainer{
		width: 100%;
	}
	tr.extrazlistheaderContainer {
	    width: 100vw;
	}
	tr.maillistheaderContainer{
    	width: 100vw !important;
	}
	div.mailExternalSubject {
    	width: 100vw;
    	width: 100cqw;
	}
	div.sf-form {
	    width: 100%;
	}
	#epmailbox thead{
		width: 100vw;
    	min-width: 100vw;
    	max-width: 100vw;
    	overflow: hidden;
	}
	button.mailChooser{
		min-width: 4em;
		max-width: 8em;
		width: 100%;
	}
	div.mailChoosercontainer{
		justify-content: space-around;
		flex-wrap: wrap;
	}
	th.subjectInMailTable, td.subjectInMailTable{
		display: none;
	}
	div.GateStatShortRow span.resultSum{
	    width: 75%;
	}
	div.GateStatLongRow span.user {
		margin-bottom: 3px;
	    margin-bottom: 0.5cqh;
	    height: 30px;
	    height: 5.0cqh;
	}
	div.GateStatShortRow {
    	width: 50%;
    	height: 30px;
    	height: 5.0cqh;
    	width: 45%;
    	margin-bottom: 3px;
    	margin-bottom: 0.5cqh;
    	font-size: 16px;
    	font-size: 2.0cqw;
	}
	div.GateStatLongRow span.user span.resultSum {
		font-size: 16px;
    	font-size: 2.0cqw;
	}
	div.GateStatLongRow span.user div.userlistItemHeaderIkon {
	    font-size: 2.5cqw;
	}
	div.GateStatLongRow span.totaluser {
    	width: 35cqw;
	}
	div.GateUserStatContainer {
    	width: 100%;
	}
	div.GateQuaterStatContainer {
	    width: 100%;
	    flex-direction: row;
    	flex-wrap: wrap;
    	justify-content: space-around;
    	margin-top: 10px;
	}
	dd.GateLicenseListItem {
    	font-size: 1.5cqw;
	}
	div.GateLicenseItemContainer {
	    width: 100%;
	    max-width: 100cqw;
	    padding-left: 5cqw;
	    padding-right: 5cqw;
	}
	button.gate-look-around{
		font-size: min(4cqw, 4cqh);
    	width: 40cqw;
	}
	div.GraphicGateColumn {
	    max-width: 25cqw;
	}
	div.GraphicGateColumn.gate {
	    max-width: 75cqw;
	}
	div#epContentFooter.footergate{
		width: 100%;
	}
	i#closeFootmenu{
		/*padding-right: 24cqw;*/
	}
	div#epContentFooterRow {
    	/*padding-right: 24%;*/
	}
	div#chaneitemsContainer {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
	}
	span.login-button-text {
	    font-size: 0.8em;
	    font-size: max(12cqw, 0.6em);
	}
	div.loginHeaderContainer {
	    width: 40%;
	}
	div.gateImageContainer {
		width: 100%;
	}
	div.gateItems {
	    width: 100%;
	}
	div.gateItemContainer {

	
	}
	div.couplelistItemContainer {
	    width: 100%;
	    min-height: 320px;
	    margin-top: 3px;
	    margin-bottom: 3px;
	    margin-left: 0px;
	    margin-right: 0px;
	    height: fit-content;
	    padding: 0px;
	    display: flex;
	    display: -webkit-flex;
	    flex-direction: column;
	    -webkit-flex-direction: column;
	    border: 2px solid #a37ada;
	    margin-bottom: 1em;
	}
	div.couplelistItemCenterContainer {
	    height: auto;
	    width: 100%;
	    background: #a080e0;
	    margin-top: 3px;
	    margin-bottom: 3px;
	    display: flex;
	    flex-direction: row;
	    align-items: center;
	    justify-content: center;
	    margin-top: 0px;
	    margin-bottom: 0px;
	}
	div#floatmenuOpener {
	    /*margin-left: 100px;*/
	    margin-left: 0px;
    	left: 0px;
	}
	div.submenuitem{
		max-width: 90%;
	}
	BODY.epNormal {
    	/*padding-left: 5px;
    	padding-right: 5px;*/
    	
	}
	BODY, DIV, P, TD, TH {
    	font-size: 18px;
	}
	#epFutofeny {
		display: none;
	}
	#epmaincontainer{
		margin: 0px auto;
   		width: 100%;
    	min-width: 100%;
    	max-width: 100%;
    	position: relative;
	}
	div#epPrime, div.headerContainer {
		width: 100%;
		min-width: 100%;
		/*padding-right: 15px;*/
		background: #eadff9;
		right: 0px;
    	left: 0px;
    	padding: 0px;
    	margin-left: 0px;
    	margin-right: 0px;
	}
	div#epContentColumn {
		min-width: 650px;
		max-width: 650px;
	    width: 650px;
	}
	div#centerBodyColumn{
	    flex-direction: column;
	    -webkit-flex-direction: column;
	    width: 100%;
	}
	div#EPmainContentZone{
	    margin-left: 0px;
	    margin-right: 0px;
	    /*
	    width: 650px;
 	   	min-width: 650px;
 	   	max-width: 650px;
 	   	padding-right: 15px;
 	   	*/
 	   	
	}
	td#rightColumn, div#rightColumn{
		width: 100%;
    	/*min-width: 100%;*/
    	/*padding-right: 15px;*/
	}
	div#epContentFooter {
	    width: 100%;
	}
	div.GateContainer{
		width: 100%;
	}
	div.GateUpperContainer {
		width: 100%;
	}
	div.GateGraphicsInputButton{
		/*width: calc(100% - 18px);*/
	}
	div.blog-forumItemContainer{
		max-width:100%;
		font-size: x-large;
	}
	span.badge {
    	font-size: 1.5em;
	}
	div.chatItemContainer{
	    width: auto;
	    /*max-width: 100%;
	    font-size: x-large;*/
	}
	div#epMoreForum1_outside, div#epMoreBlog1_outside, div#epMoreForum2_outside, div#epMoreBlog2_outside, div#epMoreForum3_outside, div#epMoreBlog3_outside{
	    font-size: 1.5em;
	    text-align: right;
	}
	div.userlistItemContainer{
		width: 100%;
	}
	div.imagelistItemContainer{
		width: 100%;
	}
	#epTopOfPage, #epTopOfPage2{
		display: none !important;
	}
	.miduserbox {
    	width: 100% !important;
    	min-height: 200px !important;
    	max-height: 250px !important;
	}
	INPUT.loginbox {
	    font-size: 1em;
	    width: 50%;
	    height: 2em;
	    margin-bottom: 3px;
	}
	INPUT.logingomb {
	    width: 100%;
	    margin-top: 0px;
	    font-size: 1.3em;
	}
	.miduserbox .partial.login {
    	width: 50% !important;
	}
	.miduserbox .partial.lostpass {
    	width: 25% !important;
	}
	.miduserbox .regstart {
    	width: 22% !important;
	}
	.WG_alcim, .WG_MOD_alcim {
	    font-size: 18px;
	    margin-bottom: 1em;
	}
	.WG_apro, .WG_MOD_apro {
	    font-size: 0.8em;
    	padding-left: 15px;
    	padding-right: 15px;
	}
	div.userlistItemContainer {
		min-height: 265px;
	}
	div.userlistItemFlexContainer {
		min-height: 265px;
	}
	.mobilchatbanner{
		display: none !important;
	}
	p.WG_alcim.righted.superlink {
	    margin-top: 15px;
	    margin-bottom: 15px;
	}
	div#__CONTROL.innerCenter {
	    margin-top: 20px;
	}
	div#rightColumn {
	    margin-top: 50px;
	}
	.negyedInextrazList {
		display: none;
	}
	.datatableRowStyle {
		height: 2.5rem;
		width: 100vw;
	}
	#topcuccsor div.epIconLine {
    	font-size: 1.0em;
	}
	button#hotdogg {
	    background-image: url(../imgs/elogo_o_invert.png);
	    color: #cebeed;
	    background-size: auto calc(100% - 10px);
	    background-repeat: no-repeat;
	    /*background-position: 10%;*/
	    width: max(10%, 50px);
	    height: calc(100% - 10px);
	    border-left: 2px solid #ec6196;
	    border-top: 2px solid #ec6196;
	    border-bottom: 2px solid white;
	    height: 100%;
	    margin-bottom: 0px;
	    padding-bottom: 0px;
	    margin-right: 0px;
	    padding-right: 0px;
	    border-radius: 0px;
	    border-top-left-radius: 10px;
	    background-color: #cebeed;
	}
	div#prof-menu{
		max-width: unset;
		width: 35%;
	}
	button#prof-menu-btn {
		width: calc(100% - 0px);
	}
	span.userrow img {
		width: 20%;
		width: 20cqw;
	}
	div.chaneldropdown{
		width: 60%;
	    /* max-width: 50%; */
	    height: 100%;
	    border-radius: 0px;
	    /* margin-right: 5px; */
	    margin-left: 0px;
	    border-top: 2px solid #ec6196;
	    background: #cebeed;
	    padding-left: 0px;
	    border-right: 2px solid white;
	    border-bottom: 2px solid white;
	    width: calc(100% - max(10%, 50px) - 35%);
	}
	.gatechaneldropdown{
		max-width: unset;
    	min-width: unset;
    	/*width: calc(50% - 0px);*/
    	width: 60%;
	}
	.gatechaneldropdown span#header-activeChannels-txt{
		-webkit-line-clamp: 3;
    	line-clamp: 3;
	}
	div.epBlogEntry button.mailChooser {
	    width: max-content !important;
	}
	div.epBlogEntry div.kommHead .kommheadValues .kommheadIcons {
	    align-items: baseline;
	}
	div.kommheadIcons span {
	    padding: 0px !important;
	    margin: 0px !important;
	    width: max-content;
	    height: max-content;
	}
	.kommheadIcons button span.mailChooserText {
		font-size: 0.7em;
	}
	div.epBlogEntry div.kommHead .kommheadValues {
    	flex-wrap: wrap;
    	justify-content: start;
	}
	.kommheadIcons button {
	    min-width: 3.0em;
	    max-width: 3.5em;
	    padding: 0px;
	}
	.kommheadIcons button i {
		font-size: 1.2em;
	}
	
}
@media screen and (max-width: 600px){
	div.recommendationGroupBody {
    	width: 100%;
    	position: absolute;
	}
	div.recommendationTopicImage {
    	width: 100%;
	    position: absolute;
	}
	div.recommendationTopicImage.news{
    	width: 100%;
	    position: relative;
	}
	div.recommendationTopicBody {
    	width: 100%;
	}
	div.recommendationTopicBody.news {
    	justify-content: flex-start;
    	height: auto;
	}
	div.leftmeassageInrecommendation {
	    display: flex;
	    flex-direction: column;
	    padding-right: 10px;
	    background: #dfcbfa;
	    margin-bottom: 5px;
	    padding-left: 5px;
	    padding-top: 5px;
	    position: relative;
	    opacity: 0.9;
	    height: auto;
	}
	div.hiddenNoticeText {
	    max-width: 270px;
	}
	div.recommendationTextContainer {
    	font-size: 1.0rem;
	}
	.quoteTooltip {
		min-width: 100vw;
    	max-width: 100vw;
	}
	div.notificationsListItemContaine {
    	flex-direction: column;
	}
	div.mailChoosercontainer.galeryChooser span.onscreenmenuButtonText,div.mailChoosercontainer.galleryWidgetHeader span.onscreenmenuButtonText{
	    font-size: 0.5em;
	} 
	div.grouplistItemContainer{
		width: 100%;
	}
	.innerCenter.epTlista.filter a {
		width: 100%;
	}
	div.onPageFilter {
    	font-size: 0.9em !important;
    	width: 45%;
	}
	div.gmdSelect {
    	flex-direction: column;
	}
	.searchHeader i {
    	font-size: 1.2em;
	}
	.textSearchInputButtonContainer input[type=button] {
    	width: 95%;
	}
	.textSearchInputContainer div#i_epktform01_i_uSubtype__WRAP {
   		width: 95%;
    	min-width: unset;
	}
	.textSearchInputContainer div#i_epktform01_i_uText__WRAP {
    	width: 95%;
    	min-width: unset;
	}
	.standardbutton span {
    	max-width: 300px;
    	font-size: 0.9em;
	}
	.kommheadIcons.moder {
    	width: 100%;
	}
	.forumHashContainer div {
		font-size: 0.8em;
	}
	.newblogentryTitleRow {
    flex-wrap: wrap;
	}
	div.advancedNoticeButtonContainer {
	    max-width: 75cqw !important;
	}
	.alert-icon-circle-wrapper {
	    margin-bottom: auto;
    	margin-top: 5px;
	}
	div.advancedNoticeLeftContainer {
	    flex-direction: row;
    	flex-wrap: wrap;
    	min-width: unset;
	}
	div.advancedNoticeContainer {
    	flex-wrap: wrap;
	}
	td.frisslistIkon {
    	display: none;
	}
	div.externalWhat{
		display: flex;
	}
	[id*="__RESULTS"], .sortUserList {
    	justify-content: space-around;
	}
	.timeInMailTable {
	    min-width: 20%;
	    max-width: 20%;
	    width: 20%;
	}
	.timeInMailTable.extrazlist {
	    width: 20% !important;
	    min-width: 20% !important;
	    max-width: 20% !important;
	}
	td.timeInMailTable{
		display: none !important;
	}
	div.mailExternalTimer{
		display: block;
		width: 100vw;
	}
	div.GateStatLongRow span.totaluser {
    	width: 45cqw;
	}
	div.GateLicenseTitle {
	    font-size: 3.5cqw;
	}
	dt.GateLicenseListDescription {
	    font-size: 3.0cqw;
	}
	span.GateLicenseInfo {
    	font-size: 2.0cqw;
	}
	div.GateLicenseInfoClick {
		font-size: 1.8cqw;
	}
	dd.GateLicenseListItem {
    	max-width: 40cqw;
    	font-size: 2.5cqw;
	}
	div.GateGraphicsText1 {
    	text-align: center;
	}
	div.menuitem.ingate{
		min-height: 60px;
    	max-height: 80px;
    	min-width: 120px;
	}
	div.menuitem.ingate i{
		
	}
	div.menuitem.ingate span{
		
	}
	button.gate-look-around{
    	width: 50cqw;
	}
	div.GraphicGateColumn {
	    max-width: 0cqw;
	}
	div.GraphicGateColumn.gate {
	    max-width: 100cqw;
	}
	BODY, DIV, P, TD, TH {
    	font-size: 17px;
	}
}
@media screen and (max-width: 400px){
	div.userimmageInrecommendation{
		width: 100%;
	}
	div.rightContainerInRecommendation {
	    width: 100%;
	}
	div.recommendationGroupBody {
    	width: 100%;
	}
	div.recommendationTextContainer {
		display: none;
	}
	div.meassageInrecommendation {
		display: none;
	}
	div.hiddenNoticeText {
	    max-width: 190px;
	}
	.blogstatdayDate{
		font-size: 8px;
		max-width: 8px;
	}
	.blogstatdayDate.middle{
		display: none;
	}
	.blogstatdiagTotal {
    	min-width: 4px;
    	max-width: 4px;
	}
	.blogstatdiagUnique {
    	min-width: 4px;
    	max-width: 4px;
	}
	span.switch-uisettings-ikon {
    	display: none;
	}
	span.copyright-text{
		font-size: 10px;
	}
	button.switch-uisettings.infooter{
		font-size: 1.0rem !important;
	}
	div.userlistItemHeaderIkon.bimpont span {
    	font-size: 1.0em;
	}
	div.usermenuOnProfile span {
	    display: none;
	}
	div.screenplayerOnProfile {
    	min-width: unset;
	}
	.standardbutton span {
    	max-width: unset;
	}
	.standardbutton.search, .standardbutton.filter {
		max-width: unset;
    	width: 100%;
	}
	DIV.searchHeader {
    	flex-wrap: wrap;
	}
	div.standardbutton.postpagernext{
		font-size: 1.0em;
	}
	div.standardbutton.postpagerall{
		font-size: 1.0em;
	}
	div.standardbutton.postpagerprev{
		font-size: 1.0em;
	}
	.standardbutton.formatbarInButton {
    	min-width: unset !important;
	}
	.likenum {
    	width: 60px;
    	font-size: 1.5em;
	}
	.sortUserList SPAN.epUserBelyeg.singleUserPictures {
		width: 100%;
	}
	[id*="__RESULTS"] SPAN.epUserBelyeg DIV.albumKep img, .sortUserList SPAN.epUserBelyeg DIV.albumKep img {
	    height: calc(100vw * 0.529);
	}
	.nameInMailTable {
	    width: 200px;
	    min-width: 200px;
	    max-width: 200px;
	}
	.timeInMailTable {
	    display: none;
	}
	.timeInMailTable.extrazlist {
	    display: none;
	}
	div.GateStatShortRow {
	    font-size: 3.0cqw;
	}
	div.GateStatLongRow span.user span.resultSum {
    	font-size: 3.0cqw;
	}
	div.GateStatLongRow span.user div.userlistItemHeaderIkon {
	    font-size: 4.0cqw;
	}
	div.menuitem.ingate{
		min-height: 50px;
    	max-height: 70px;
    	width: 14cqw;
    	min-width: 90px;
	}
	button.gate-look-around{
    	width: 60cqw;
	}
	div.GraphicGateColumn {
	    max-width: 0%;
	    max-width: 0cqw;
	}
	div.GraphicGateColumn.gate {
		max-width: 100%;
	    max-width: 100cqw;
	}
	
	BODY, DIV, P, TD, TH {
    	font-size: 16px;
	}
	span.active-mymenu-pin-ikon.top{
		display: none;
	}
}
@media screen and (max-height: 300px){
	div.menuitem.closed i{
		font-size: 1.0em !important;
	}
}
@media screen and (max-height: 400px){
	div.menuitem.closed i{
		font-size: 1.5em !important;
	}
}
@media screen and (max-height: 500px){
	div.menuitem.closed span{
		display: none;
	}
}
@media screen and (max-height: 600px){
	div.menuitem.closed i{
		font-size: 2em;
	}
	div.toplevelmenu.hidden.closed, div.toplevelmenu.opened.closed{
		/*display: none;*/
	}
	div.menuitem.hidden {
		/*display: none;*/
	}
}