.* {
  box-sizing: border-box;
}

html {
  height: 100%;
}
body {
  min-height: 100%;
  /*font-family: 'Open Sans', Arial;*/
  font-family: "Times New Roman", Times, serif;
  font-size: 1rem !important;
  background:  #cfc6b6;
}

.w-65 { width: 65% !important; }
.w-90 { width: 90% !important; }

body.bigBottomMargin {
  /*margin: 0 auto 4em 0;*/
}

.bodyContainer {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  color: #212529;
}

.footerContent {
  margin-top: auto;
}
@font-face {
  font-family: hkkikon2;
  src: url('../fonts/hkkikon2.ttf?2');
}
@font-face {
  font-family: szabalykonyv;
  src: url('../fonts/Swis721BlackCondensedHU.ttf');
}

.text-justify { text-align: justify; }
.text-blue { color: blue; }

.modal-open {
  overflow: auto;
  padding-right:0 !important;
}

.navbar {
  padding-right:0 !important;
}

.pe-pointer { cursor: pointer; }
.pe-help { cursor: help; }

.topHeader,
.hirekHeader {
  height: 30vmin;
}

.cikkKereso {
  position: absolute;
  top: 25vmin;
  margin: auto 3rem;
  color: white;  
  height: 30px;
  width: 100%;
}

.cikkKeresoOpen {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  text-shadow: 1px 1px black, -1px -1px black, 1px -1px black, -1px 1px black;
  border-radius: 10px;
  background: rgba(0,0,0,0.4);
  text-align: center;
}

#cikkKeresoForm {
  position: absolute;
  top: 0;
  left: 40px;
  height: 30px;
}

#cikkKeresoForm input, 
#cikkKeresoForm select {
  background: rgba(255,255,255,0.5);
  color: black;
}

#cikkKeresoForm input::placeholder {
  color: #555;
}


#hkkTopHeader {
  width: 100%;
  background: url('../pic/header_hkk.png') top center no-repeat;
  background-size: cover;
}

#hkkTopHeader .banner {
  position: absolute;
  width: 100%;
  margin-top: 20vmin;
  text-align: right;
}

#hkkTopHeader .banner img {
  width: 100%;
}

#hkkTopHeader .banner img {
  border: 1px solid #555;
  box-shadow: 6px 6px 3px black;
}

.felsoMenu {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-type: none;
  position:fixed;
  top: 0;
  background:rgba(0,0,0, 0.6);
  min-height:3vmax;
}

.felsoMenu li {
  float:left;
  font-size: 2vmax;
}

.felsoMenu li a {
  display:block;
  color:white;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 2px 2px black;
  padding: 0.75vmax;
}

.felsoMenu li a.active {
  color:yellow;
}

.felsoMenu li.logo img {
  width: 10vmax;
  margin: max(5px, 0.25vmax);
}

.felsoMenu li.logo a {
  padding:0;
}

.separatorLine {
  background: #9D8C70;
  height: 10px;
  width: 100%;
}

#deckBuilderMobileNav {
  z-index: 1050;
  margin-bottom: 5vmin;
}

.cookieInfo,
.footer {
  clear:both;
  height: 7.5vmin;
  width: 100%;
  padding: 2.5vmin;
  color: white;
  background: #444;
  font-size: 2.5vmin;
  margin-top: auto;
}

.footer {
  height: 12vmin;
  padding: 0.5vmin;
}

.cookieInfo {
  background: #2c3a5a;
  z-index: 2001;
  height: auto;
  display:none;
}

.cookieInfo h6 {
  color: yellow;
}
.cookieInfo a {
  color: yellow;
  text-decoration: none;
}

.showOnlyWhenUserLoggedIn {
  display:none;
}

.footer ul {
  width: 20%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer a {
  color: white;
}

.footer button {
  z-index: 2002;
}
.footer img {
  height: 30px;
  margin: 0 10px 0 10px;
}

.float-right { float:right; }
.float-left { float:left; }
.float-none { float:none; }

.imageCaption {
  display: inline-block;
  background:rgba(0,0,0,0.6);
  color:#ddd;
  text-align:center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  text-shadow: 1px 1px black;
  font-size: smaller;
}

.content {
  min-height: 300px;
  padding:20px 0;
  text-align:center;
  font-size: 1.5vmax;
  color: #353535;
}

a.korabbiVerziolLink {
  font-size: smaller;
  text-decoration: none;
}
.loginForm a {
  text-decoration:none;
}

.loginForm a:hover {
  text-decoration: underline;
}

#HKKKezdoknek {
  min-height: 400px;
  background: url('../pic/kezdoknekBackground.jpg') center no-repeat;
  background-size: cover;
}

#HKKJatekszabalyok {
  min-height: 400px;
  background: url('../pic/jatekszabalyokBackground.jpg') center no-repeat;
  background-size: cover;
}

#HKKVelemenyek,
#HKKLegutolsoKieg {
  min-height: 400px;
  background: url('../pic/bg-velemeny.jpg') center no-repeat;
  background-size: cover;
}

#HKKLegutolsoKieg {
  background: url('../pic/bg-halado.jpg') center no-repeat;
}

#hkkBody img.shadowedNormalBorder {
  border: 1px solid #444;
  box-shadow: 5px 5px 5px #817B6F, -5px -5px 5px #817B6F, -5px 5px 5px #817B6F, 5px -5px 5px #817B6F;
}

/*#HKKLegutolsoKieg .light {
  color:white;
  text-shadow: 1px 1px black;
}*/

#HKKVilaga {
  min-height: 400px;
  background: url('../pic/vilagBackground.jpg') center repeat-y;
  background-size: cover;
}

.btn-circle-large{
  display:inline-block;
  
  padding: 10px 16px;
  border-radius: 150px!important;
  text-align: center;
	margin:20px 0;
    
	width: 150px !important;
  height: 150px !important;
	border: 2px solid #D4AF37!important;
}

#HKKKeszitok {
  min-height: 700px;
  background: url('../pic/keszitokBackgroud.png') center no-repeat;
}

.content .center {
  text-align: center;
}

.content h3 {
  font-weight: normal;
  font-size:24px;
  margin: 10px;
  padding: 0;
}

h3.light {
  color: #C6A256;
}

.content h3.bold {
  font-weight:bold;
}

.pagination .page-item {
  border: 2px solid #CFC6B6 !important;
}

.pagination .page-item a {
  color:#51443B !important;
}

.pagination a.active {
  background: #51443B !important;
  color: white !important;
}
.page-link.active {
  border-color: #CFC6B6 !important;
}

.templateError {
  width: 100%;
  margin: 10px;
  text-align: center;
  color: red;
  font-weight: bold;
}

.content p {
  width:90vw;
  padding:10px 0px;
  margin: auto;
}

.titleSeparator {
  background: url('../pic/titleSeparator.png') center no-repeat;
  height: 28px;
  margin: 0 auto;
  clear: both;
}

.content .imageSeparator {
  padding: 20px;
 }

.content .imageSeparator img {
  width: min(1447px, 100%);
}

.alfaSeparator {
  height: 329px;
  background: url('../pic/alfapaklik.png') center no-repeat;
}

.content .imageTable {
  margin: 20px auto;
  width : 80vw;
}

.content .imageBackground-3 {
  width: calc(33vw * 0.75);
  height: calc(22vw * 0.75);
  margin: auto;
}

.content .imageBackground-3 img {
  width: 100%;
  margin:0;
  padding:0;
}

.content .imageBackground-3.placeholder1 {
  background-image: url('../pic/placeholder1.jpg') no-repeat;
  background-size: cover;
}

.content .smallButton {
  display: block;
  width: calc(30vmax * 0.75);
  height: calc(6vmax * 0.75);
  padding-top: calc(1.5vmax * 0.75);
  background: url('../pic/smallButton.png') center no-repeat;
  background-size: cover;
  text-decoration: none;
  color: #67593F;
  font-weight: bold;
  margin: auto 1vmax;
  filter: grayscale(50%);
}

.content .smallButton:hover {
  filter: grayscale(0%);
}

.bigButtons {
  display:flex;
  flex-wrap: wrap;
}

.bigButton {
  width: calc(50vmax * 0.8);
  height: calc(21vmax * 0.8);
  border-radius: 10px;
  border:3px solid #C6A256;
  margin: 1vh auto;
}

.bigButton.szabalykonyv {
  background: url('../pic/szabalykonyv.jpg') center no-repeat;
  background-size: cover;
}

.bigButton.bemutatoJatek {
  background: url('../pic/bemutatoJatek.png') center no-repeat;
}

.bigButton {
  display: flex;
  background-size: cover;
}

.bigButton div,
.bigButton a {
  cursor: pointer;
  display:block;
  height: 5vmax;
  width: 100%;
  margin: auto;
  border-top: 2px solid #C6A256;
  border-bottom: 2px solid #C6A256;
  background: rgba(0,0,0, 0.6);
  color: #C6A256;
  text-decoration: none;
  font-weight:bold;
  font-size: 3vmax;
  text-align:center;
}

a.roundImageLink img {
  width: 400px;
  height: 400px;
  border: 1px solid #C6A256;
  border-radius: 300px;
}

.roundImage {
  width: 30vw;
  height: 30vw;
  border: 1px solid #C6A256;
  border-radius: 300px;
  margin: auto;
  background-position: center;
  background-size: cover;
}

.placeholder1 {
  background-position: left;
  background-image: url('../pic/placeholder1.jpg');
}

.placeholder2 { background-image: url('../pic/placeholder2.jpg'); }
.placeholder3 { background-image: url('../pic/placeholder3.jpg'); }
.placeholder4 { background-image: url('../pic/placeholder4.jpg'); }

#HKKVilaga,
#HKKKeszitok,
#HKKJatekszabalyok,
#HKKKeszitok a {
  color: #F6F6F6;
  text-decoration: none;
  font-weight:bold;
}

/* Webshop */
.show ul li.hz {
  display: inline-flex !important;
}
/* Ha ez bent van, mobilon automatikusan kinyílnak a dropdown-ok
.show .dropdown-menu{
  display: table-caption;
}*/

.upperMenu {
  min-height: 65px;
}

.upperMenu .nav-link {
  color: white !important;
  font-weight: normal !important;
}

.navbar-toggler-icon {
  width: 1em !important;
}

.upperMenu img {
  height: 22px !important;
}
.upperMenu .webboltLogo {
  height: 55px !important;
}

.webboltMenuBG {
  background: #DDD7CB;
  padding-top: 0.25rem;  
  border-bottom: 2px solid #BE9E65;
  margin-bottom: 0.5rem;
}
.webboltMenuBG hr {
  color: #BE9E65;
  border-top: 2px solid;
  opacity: 1;
}

#forumBody .nav-link,
.yearlyUpperMenu .nav-link,
.HKKSzintlepes .nav-link,
.legendasCel .nav-link,
.zsakbamacska .nav-link,
#HKKKodbevaltas .nav-link,
#webshopBody .webboltMenu .nav-link {
  cursor: pointer;
  color: #616161;
  font-weight: bold;
  margin-bottom: 0;
  padding-top: 0.025rem;  
  padding-bottom: 0.025rem;
}

#forumBody .nav-link {
  /*font-size: 0.8rem ;*/
  padding: 0.1rem 0.3rem;
}

.legendasCel .nav-link {
  border-radius: 10px;
}

.legendasCelMenu {
  background: none !important;
}

#forumBody .nav-link.active,
.yearlyUpperMenu .nav-link.active,
.HKKSzintlepes .nav-link.active,
.legendasCel .nav-link.active,
.zsakbamacska .nav-link.active,
#HKKKodbevaltas .nav-link.active,
#webshopBody .nav-link.kodbevaltas , 
#webshopBody .nav-link.active,
.zsakbamacska .gold.nav-link {
  color:#f5f5f5;
  background: #BE9E65;
  border: 1px solid grey;
  box-shadow: 1px 1px black;
} 

.zsakbamacska .gold.nav-link {
  color: black;
  background: transparent;
  background-image: repeating-linear-gradient(to right, #a2682a80 0%, #be8c3c80 8%, #be8c3c80 18%, #d3b15f80 27%, #faf0a080 35%, #ffffc280 40%, #faf0a080 50%, #d3b15f80 58%, #be8c3c80 67%, #b17b3280 77%, #bb833280 83%, #d4a24580 88%, #e1b45380 93%, #a4692a80 100%);
}

.zsakbamacska .gold.nav-link.active {
  background-image: repeating-linear-gradient(to right, #a2682a 0%, #be8c3c 8%, #be8c3c 18%, #d3b15f 27%, #faf0a0 35%, #ffffc2 40%, #faf0a0 50%, #d3b15f 58%, #be8c3c 67%, #b17b32 77%, #bb8332 83%, #d4a245 88%, #e1b453 93%, #a4692a 100%);
}

#webshopBody .nav-link.kodbevaltas {
  margin-left: 2rem;
  background: #CFC6B6;
  box-shadow: none;
  border-color: #BE9E65;
  color: #333;
}

.yearlyUpperMenu .nav-link,
.HKKSzintlepes .nav-link {
  margin-right: 2rem;  
  border: 1px solid grey;
  box-shadow: 1px 1px black;
}

#webshopMenu {
  margin: 0 auto;
  padding: 0;
  width: 90%;
  height: 2vmax;
  list-style-type: none;
}

#webshopMenu li {
  float:left;
}

#webshopMenu li a {
  display:block;
  padding: 0.25vmax;

  color: #818181;
  font-size: 2vmin;
  font-weight: bold;
  text-decoration: none;
}

#webshopMenu li a.active {
  color: #BA985B;
}

#webshopProducts {
  width: 80%;
}

.webshopProduct {
  box-shadow: 2px 2px 2px #817B6F, -2px -2px 2px #817B6F, -2px 2px 2px #817B6F, 2px -2px 2px #817B6F;
  background: #DDD7CB;
}

.webshopProductBorder {
  margin: 3px;
  border: 1px solid #BE9E65;
  padding: 0.5rem 0 0.5rem 0;
}

.webshopProductDetails .parameters,
.webshopProduct .parameters {
  display:flex;
  flex-direction: column;
}

.webshopProductDetails .freeRatioImage,
.webshopProduct .freeRatioImage {
  text-align:center; 
  height: 25vmin;
  margin-top: 0.5rem;
}

.webshopProductDetails .freeRatioImage img,
.webshopProduct .freeRatioImage img {
  max-width: 30vmin;
  max-height: 30vmin;
  
  height: auto;
  width: auto;
  
  border-radius: 10px;
  box-shadow: 2px 2px 2px #817B6F, -2px -2px 2px #817B6F, -2px 2px 2px #817B6F, 2px -2px 2px #817B6F;
}

.webshopProductDetails .szelesTermekKep .freeRatioImage img {
  max-width: 60vmin;
  max-height: 60vmin;
}

.webshopProductDetails .freeRatioImage img {
  max-width: 23vmin;
}
.webshopProductDetails .freeRatioImage {
  height: auto;
}

.freeRatioImage a {
  position: relative;
}

.freeRatioImage .akcios {
  width: 50px;
  height: 50px;
  position: absolute;
  background: url(../pic/akcios.png);
  top: -3vmin;
  left: 21vmin;
}

.freeRatioImage .elorendeles {
  position: absolute;
  top: 80%;
  background:blue;
  opacity: 0.9;
  width: 100%;
  font-weight:bold;
  color:white;
  height: 20%;
  padding-top:4%;
}

.webshopProductDetails .image img,
.webshopProduct .image img {
  width: 100%;
}


.webshopProductDetails h4 {
  width: 55vmin;
  margin: 0 0 1vmin 0;
  padding: 1vmin 0;
  /*font-size: 2.5vmin;*/
  color: #494949;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid #AF9F83;
  text-shadow: 1px 1px white;
}

.webshopProductDetails .termekSecondaryInfos {
  font-size: smaller;
}

.webshopProductDetails .viszonteladoknalKaphato a, 
.webshopProductDetails .HKKKiegInfo a {
  font-weight: bold;
  text-decoration: none;
}

.webshopProductDetails .viszonteladoknalKaphato {
  border: 3px solid green;
}

.webshopProduct .parameters {
  padding-top: 1vmin;
}

.webshopProduct .productLink {
  /*font-size: 1rem;*/
  display: grid;
  /*height: 3.5rem;*/
  width: 100%;
  text-align: center;
  padding: 0.25rem;
  background: #D6CEC0;
  border-top: 1px solid #BE9E65;
  border-bottom: 1px solid #BE9E65;
}

.webshopProduct .productLink a {
  color: #494949;
  font-weight: bold;
  text-decoration: none;
  /*text-shadow: 2px 2px white; */
}

.webshopProduct .parameters .productPrices {
  /*font-size: 1rem;*/
  margin-top: 0.25rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #BE9E65;
}

.webshopProduct .parameters .productPrices .boltiAr,
.webshopProduct .parameters .productPrices .webboltAr {
  margin: 0;
  padding: 0;
}

.webshopProduct .parameters .boltiAr {
  text-decoration:line-through;
}

.webshopProduct .productButtons input {
  border: 1px solid #BE9E65;
  border-radius: 5px;
  color: #91784E;
  font-weight: bold;
}

.productPriceAndBasket {
  border-top: 1px solid #8C8C8C;
  border-bottom: 1px solid #8C8C8C;
  padding: 1vmin 2vmin;
  /*line-height: 3vmin;
  font-size: 1.5vmin;*/
  display: flex;
}

.lineThrough,
.productBasket .boltiAr {
  text-decoration: line-through;
}

.productToBasket .amount {
  width: 25%;
}

.basketButton {
  width: 37px;
  height: 37px;
  background: url('../pic/bullet.png') no-repeat;
  color: white;
  font-weight: bold;
  font-size: 37px;
  line-height: 37px;
  padding: 0;
  cursor: pointer;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.basketButton.disabled {
  background: url('../pic/bullet_grey.png') no-repeat;
}

.basketButtonMinus {
  line-height: 30px;
}

.productButton {
  border-radius: 5px;
  font-weight: bold;
}

.productPrices .webboltAr,
.productPrices .pontAr,
.productPrices .jutalomPont {
  font-weight: bold;
}

.webshopProduct .description {
  float:left;
  height: 5vmin;
  overflow: hidden;
  font-size: 1.75vmin;
  margin: 1vmin 0;
}

.webshopProductDetails .description p {
  margin: 10px 0;
  padding: 10px 0;
}
.webshopProductDetails .kiemeltUzenet {
  background: #9D8C70;
  color:white;
  text-align:center;
  padding:1rem;
  width: 75%;
  margin: auto;
  border-radius: 10px;
  box-shadow: 5px 5px 3px #444;
  font-weight:bold;
}

.webshopProductDetails .kiemeltUzenet a {
  color:white;
  text-decoration:none;
}

.productButtons .putIntoBasketBTN {
  width: 75%;
}

.productButtons .detailsBTN {
  width: 70% !important;
}

.webshopProduct .productTags {
  clear:both;
}

.webshopProduct .productTags a {
  font-size: 1.5vmin;
  text-decoration: none;
  color: #696969;
}

#forumBody h3,
#keresesContent h3,
.szavazasokList h3,
.hirekList h3,
#regisztracio h4,
.infoContent h4,
#forumContent h5,
.text h4 {
  background-color: #9D8C70;
  color: white;
  font-family: tahoma;
  font-size: 1rem;
  font-weight: bold;
  margin: 10px 0;
  padding: 15px 10px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  clear:both;
  
  border-radius: 20px;
  border: 4px double #CFC6B6;
  padding:0.5rem;
}

#forumContent h5 a {
  color: white !important;
}

.szavazasokList h3,
.hirekList h3 {
  border: 3px double #514539;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.BDVAjandekokTabla {
  background: #B9A383;
}
.BDVAjandekokTabla img {
  width: 15vmin;
}

.BDVAjandekokTabla .borderedRow {
  border-bottom: 2px solid #CEB694;
}

.BDVAjandekokTabla .borderedCol {
  border-left: 2px solid #CEB694;
}

.BDVAjandekokTabla .header {
  background:red;
  font-weight:bold;
  background: #533E33;
  color:white;
}
.BDVAjandekokTabla .toMiddle {
  position: relative;
  top: 50%;
}

.rendelesRow:nth-child(even),
.BDVAjandekokTabla .borderedRow.row:nth-child(even) {
  background: #9D8C70;
}

/* WebshopProductDetails */

.webshopProductDetails {
  width: 90%;
  margin: 2vmin auto;
  box-shadow: 5px 5px 5px #817B6F, -5px -5px 5px #817B6F, -5px 5px 5px #817B6F, 5px -5px 5px #817B6F;
  padding: 2vmin;
}

/* Hírek */

.hirekHeader .webshopNews {
  position: absolute;
  top: 9%;
  left: 5%;
  width: 50%;
  height: 20%;
  background: rgba(255, 255, 255, 0.8);
  padding: 1vmin;
  border-radius: 10px;
}

.hirekHeader .webshopNews a {
  display: flex;
}

.hirekHeader .webshopNews a p {
  padding: 0;
}

.hirekHeader .headerTitle {
  width:75%;
  margin:0 auto;
  color: white;
  text-transform: uppercase;
  padding-top: 8rem;
  font-size: 3rem;
  font-family: sans-serif;
  font-weight: bold;
  transform: scaleX(70%);
  text-shadow: 3px 3px black, -3px -3px black, 3px -3px black, -3px 3px black;
}

.hirekHeader .headerTitleImg {
  margin: auto;
  text-align:center;
  padding: 4.8rem 0 0 0;
  border-radius: 10px;
}

.hirekHeader .headerTitleImg img {
  width: 80%;
  border-radius: 10px;
  box-shadow: 3px 3px 10px black;
}

#newsBlocks {
  display: flex;
  flex-wrap: wrap;
}

#keresesContent {
  margin: 0 1rem 2rem 1rem;
  padding: 1rem;
  box-shadow: 2px 2px 2px #817B6F, -2px -2px 2px #817B6F, -2px 2px 2px #817B6F, 2px -2px 2px #817B6F;

}

#keresesContent {
  margin: 0 1rem 2rem 1rem;
}

#szavazasHeader h5,
.szavazasokList h5,
.hirekList h5 {
  clear:both;
  margin:0.5rem 0 0 0;
  padding:5px;
  text-align:left;
  font-weight:bold;
  background: #514539;
  color: white;
  border: 4px double #CFC6B6;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom:none;
  font-size: 1rem;
}

.hirHeaderMobile .logo,
.hirekList h5 .logo {
  filter: sepia(60%);
  display: inline-block;
  height: auto;
}

.hirekList h5 .logo_hkk { background: url('../pic/logos/hir_hkk.gif') 10px center no-repeat; }
.hirekList h5 .logo_tf { background: url('../pic/logos/hir_tf.gif') 10px center no-repeat; }
.hirekList h5 .logo_webbolt { background: url('../pic/logos/hir_webbolt.gif') 10px center no-repeat; }
.hirekList h5 .logo_beholder { background: url('../pic/logos/hir_beholder.gif') 10px center no-repeat; }
.hirekList h5 .logo_ov { background: url('../pic/logos/hir_ov.gif') 10px center no-repeat; }

.hirHeaderMobile .logo {
  padding: 1rem;
}
.hirHeaderMobile .logo.logo_hkk { background: url('../pic/logos/hir_hkk.gif') 0 center no-repeat; }
.hirHeaderMobile .logo.logo_tf { background: url('../pic/logos/hir_tf.gif') 0px center no-repeat; }
.hirHeaderMobile .logo.logo_webbolt { background: url('../pic/logos/hir_webbolt.gif') 0px center no-repeat; }
.hirHeaderMobile .logo.logo_beholder { background: url('../pic/logos/hir_beholder.gif') 0px center no-repeat; }
.hirHeaderMobile .logo.logo_ov { background: url('../pic/logos/hir_ov.gif') 0px center no-repeat; }

.hirekList h5 .title {
  margin-left: 110px;
  display:block;
}

.szavazasokList .beholderSzavazas,
.hirekList .beholderHir {
  margin: 0 1px;
  padding: 1rem;
  border: 4px double #514539;
  border-top:none;
  border-bottom: none;
  font-size: 0.9rem;
}

.hirekList .beholderHir.mobile {
  border-bottom: 4px double #514539;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}

.hirekList .beholderHir .hirForumTopicLink {
  text-align:center;
}
.hirekList .beholderHir p {
  padding: 0;
  text-align: justify;
}


.beholderHir .hirImage {
  width: 50%;
  margin: 1rem auto;
  text-align:center;
}

.beholderHir img {
  margin-left: 2rem;
  margin-bottom: 1rem;
  max-width: 100%;
  border-radius: 10px;
  box-shadow: 4px 4px 4px #817B6F, -4px -4px 4px #817B6F, -4px 4px 4px #817B6F, 4px -4px 4px #817B6F;
}

.beholderHir .hirImage img {
  margin:0 auto;
  width: 100%;
}

.szavazasokList .szavazasDatum,
.hirekList .hirDatum {
  margin: 0 1px;
  clear:both;
  border: 4px double #514539;
  border-top:none;
  box-shadow: 0px 5px 5px #817B6F;
}

.szavazasokList .szavazasDatum .datum,
.hirekList .hirDatum .datum {
  width: 100px;
  background:#514539;
  margin-left:auto;
  border-top-left-radius: 10px;
  border: 4px double;
  border-bottom: none;
  border-right: none;
  color:white;
  font-weight:bold;
  font-size: smaller;
  text-align:right;
  padding-right: 10px;
}

.hirekList2 h3 {
  text-align:center;
  margin: 1rem 0;
}

.hirekList2 .beholderHir2 {
  box-shadow: 2px 2px 2px #817B6F, -2px -2px 2px #817B6F, -2px 2px 2px #817B6F, 2px -2px 2px #817B6F;
  width: 90%;
  margin: 1rem auto;
  background: #DDD7CB;
  padding: 3px 3px 0 3px;
}

.hirekList2 .beholderHir2 .hirHeader {
  background: #514539;
  /*border: 4px double #CFC6B6;*/
  color: #FEFEFE;
  padding: 3px;
}

.hirekList2 .logo {
  filter: sepia(60%);
}
.hirekList2 .headerContainer {
  border: 1px solid #CFC6B6;
  padding: 3px;
}

.hirekList2 .logo_hkk { background: url('../pic/logos/hir_hkk.gif') center no-repeat; }
.hirekList2 .logo_tf { background: url('../pic/logos/hir_tf.gif') center no-repeat; }
.hirekList2 .logo_webbolt { background: url('../pic/logos/hir_webbolt.gif') center no-repeat; }
.hirekList2 .logo_beholder { background: url('../pic/logos/hir_beholder.gif') center no-repeat; }
.hirekList2 .logo_ov { background: url('../pic/logos/hir_ov.gif') center no-repeat; }
.hirekList2 .hirContentRow {
  border:1px solid #9D8C70;
  border-top: 0;
}

.hirekList2 .beholderHir2 .hirImage2 img {
  margin:0 !important;
  width: 100%;
  border: 2px solid #514539;
  border-top: none;
  border-right: none;
}

.hirekList2 .hirText {
  padding: 1rem;
  overflow-y: hidden;
}

.hirekList2 .hirText p {
  padding: 10px 0 0 0;
}

.HKKLapToplistak .container.HKKTabla a,
.hirekList2 .hirText a {
  font-weight: bold;
  text-decoration: none;
}

.hirekList2 .hirForumTopicLink a {
  color: #F9F8F7;
  margin-top: 1rem;
}

.hirHeaderMobile {
  background: #514539;
  margin:0.5rem 0 0 0;
  padding:5px;
  background: #514539;
  color: white;
  border: 4px double #CFC6B6;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom:none;
}

.hirHeaderMobile h5 {
  border:none;
  margin:0.25rem 0;
  padding:0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  text-align:center;
}
/* Info */

.infoContent {
  padding: 1rem;
  box-shadow: 2px 2px 2px #817B6F, -2px -2px 2px #817B6F, -2px 2px 2px #817B6F, 2px -2px 2px #817B6F;
}

.infoContent img {
  border-radius: 10px;
  box-shadow: 5px 5px 3px #444;
  margin:1rem auto;
  max-width: 100%;
}

.infoContent.newDefaultDesign {
  /*font-size: 0.9rem;  */
}

.noshadow { box-shadow: none !important; }
.transparent { background: none !important; }

#HKKInfo img.originalSize,
.infoContent.newDefaultDesign img.originalSize {
  max-width:100% !important;
  width:auto !important;
}

.infoContent iframe { 
  width: 100%;
  aspect-ratio: 16 / 9;
}

.infoContent.newDefaultDesign p {
  padding: 0;
}

.hirekList .nagykezdobetu,
.infoContent.newDefaultDesign .nagykezdobetu {
  text-indent: 10px;
}

.hirekList .nagykezdobetu:first-letter,
.infoContent.newDefaultDesign .nagykezdobetu:first-letter {
  font-size: larger;
  font-weight: bold;
}

.infoContent.newDefaultDesign img {
  align-self: normal;
  width: 100%;
  margin: 1rem 0;
}
.info h4 {
  margin-top:0;
  text-align:center;
  font-weight:bold;
}

.modal h5,
.infoContent h5 {
  clear:both;
  margin:0.5rem 0 0.5rem 0;
  padding:0.1rem;
  text-align:center;
  font-weight:bold;
  font-size: 0.9rem;
  background: #514539;
  color: white;
  border: 4px double #CFC6B6;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.modal h5 {
  font-size: 1rem;
}

.h5TopPaddingZero h5 {
  margin-top:0 !important;
}

.infoContent.newDefaultDesign h4 {
  border-radius: 20px;
  border: 4px double #CFC6B6;
  padding:0.5rem;
}

.infoContent.newDefaultDesign h6 {
  background: #51443C;
  color:white;
  font-size: 0.6rem;
  font-weight: bold;
  padding: 0.1rem;
  text-align:center;
  margin-bottom: 0;
}

.infoContent.newDefaultDesign #lista {
  margin: auto auto auto 0;
  width: 100% !important; 
  text-align:left;
}

.infoContent.newDefaultDesign #legendasCelContent a,
.infoContent.newDefaultDesign #lista a {
  text-decoration: none;
  font-weight: bold;
  color: #00679E;
}
 
.infoContent.newDefaultDesign #lista legendd {
  background: #9E4D1B;
  color: white;
  border: 3px double #CFC6B6;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-left: 0.5rem;
}

.infoContent.newDefaultDesign #lista .szinbox {
  margin-top: 4px;
}

.infoContent.newDefaultDesign #lista {
  width: 400px;
}

.infoContent.newDefaultDesign #lista .nevLine{ 
  background-color: rgba(0,0,0,0.05); 
  padding: 5px;
  margin-bottom:2px;
  font-size:14px;
}

.infoContent.newDefaultDesign #lista .nevLine.new{ 
  background-color: rgba(0,0,0,0.10);
}

.infoContent.newDefaultDesign #lista legend{
  font-weight: bold;
  font-size: 20px;
  color: #9e4c1b;
}

.infoContent.newDefaultDesign  .szinbox{
  width: 15px;
  height: 14px;
  float: left;
  display: block;
  margin-right: 5px;
}

.infoContent.newDefaultDesign .szin_bg_f{background-color: yellow; }
.infoContent.newDefaultDesign .szin_bg_t{background-color: #ab4737; }
.infoContent.newDefaultDesign .szin_bg_s{background-color: green; }
.infoContent.newDefaultDesign .szin_bg_e{background-color: cyan; }
.infoContent.newDefaultDesign .szin_bg_r{background-color: white; }
.infoContent.newDefaultDesign .szin_bg_d{background-color: red; }
.infoContent.newDefaultDesign .szin_bg_l{background-color: black;}
.infoContent.newDefaultDesign .szin_bg_c{background-color: #a41eee; }
.infoContent.newDefaultDesign .szin_bg_b{background-color: pink; }
.infoContent.newDefaultDesign .szin_bg_n{background-color: gray; }
.infoContent.newDefaultDesign .szin_bg_a{background-color: lightgreen; }
.infoContent.newDefaultDesign .szin_bg_szl{background-color: orange; }

.infoContent.newDefaultDesign .code {
  white-space:pre;
  font-family: monospace;
  margin: 0.3vmin;
  padding: 0.3vmin;
  border: 1px solid #444;
  font-size: smaller;
  background: rgba(0,0,0,0.2);
}

.infoContent.newDefaultDesign .code.noPre {
  white-space: normal !important;
}

.infoContent.newDefaultDesign .block {
  margin: 0 1vmin;
  padding: 0 1vmin;
}

.infoContent.newDefaultDesign .pelda {
  margin: 1vmin;
  padding: 1vmin;
  border: 1px solid rgba(0,0,0,0.2);
  background: rgba(0,0,0,0.1);
  width: 100%;
}

.infoContent .row.kiemelt {
  background: #8F96BE !important;
}
.infoContent .row.kiemelt a {
  color: blue;
  font-weight: bold;
}

.alertBox {
  border: 3px double #514539;
  background: #C1A493;
  font-weight: bold;
}

.info .image {
  float: left;
}
.info .image img {
  border:1px solid #C6A256;
}

.info h4.pageTitleHeader {
  background: #9D8C70;
  margin-top: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 10px;
}

.text p {
  padding: 1em;
}

.text a {
  text-decoration: none;
  font-weight: bold;
}

.text a:hover {
  text-decoration: underline;
}

/* Kosár */

.rendelesNavContainer {
  position: relative;
}
.rendelesNavBackground {
  background: #DDD7CB;  
  position:absolute;
  top:0.4rem;
  height: calc(100% - 0.8rem);
  width: 100%;
  left: 0;
  z-index: 1;
}
.rendelesNavs .nav-item {
  font-weight: bold;
  cursor: default;
  z-index: 2;
}

.rendelesNavs .nav-item .nav-link {
  color: #393938;
  background: url('../pic/bullet_grey.png') left center no-repeat;
  text-align: left;
  padding-left: 3rem;
  cursor: pointer;
}
.rendelesNavs .nav-item .nav-link.active {
  color: #B79555;
  background: url('../pic/bullet.png') left center no-repeat;
  cursor: default;
}
.rendelesNavs .nav-item .nav-link.disabled {
  cursor: default;
  color: #7A7A79;
}

.kosarContainer {
  box-shadow: 5px 5px 5px #817B6F, -5px -5px 5px #817B6F, -5px 5px 5px #817B6F, 5px -5px 5px #817B6F;
  margin: 1.5rem auto;
}

.kosarContainer.borderRed {
   box-shadow: 5px 5px 5px #b00, -5px -5px 5px #b00, -5px 5px 5px #b00, 5px -5px 5px #b00;
}

.kosarContainer h3 {
  margin: 0;
  padding: 0.2rem 0;
  background: #9D8C70;
  color: white;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
}

.kosarContainer.unnepiMunkarend h3 {
  background-color:red;
}

.form-select.mustfill {
  border-color: red;
  color: red;
}

.formError {
  color: red;
}
.text-green {
  color: green;
}
.fillNeed {
  border: 2px solid green !important;
}

.mustfill, .mustFill {
  border-color: red !important;
}

.kosarOpenBTN {
  display:none;

}
#webboltKosar {
  margin: 1vmin auto;
  width: 50%;
}

#uzenetekBadge,
#uzenetekBadgeUpper,
#kosarBadge {
  background: green;
}
#kosarBadgeOut {
  width:45px;
  display: inline-block;
}
#kosarDropdownContent .row {
  width: 45vmin;
}

#kosarDropdownContent .image img {
  width: 5vmin;
}

.hiddenIfKosarEmpty {
  display: none;
}

#kosarContentsDetailed .image {
  display:none;
}
#kosarContentsDetailed .image img {
  height: 6vmin;
}

#webboltRendeles_FizetesiMod .row,
#webboltRendeles_SzallitasiCim .row {
  margin: 1rem 0 1rem 0;
}

#webboltRendeles_SzallitasiCim input[disabled="disabled"] {
  background:transparent;
  padding: 0;
}

#webboltRendeles_FizetesiMod label {
  font-weight: bold;
}
#webboltRendeles_FizetesiMod label span {
  font-weight: normal;
  display: block;
}

.card .img-fluid {
  background-position: top center;
  background-size: cover;
}

.card .card-img-top {
  background-position: center;
  background-size: cover;
}

.kosarRow {
  font-size: 1rem;
}

.kosarRow.headers {
  color: #3B393A;
  border-bottom: 2px solid #CBB893; 
}

.kosarRow .remove,
.kosarRow .subProduct,
.kosarRow .addProduct {
  cursor: pointer;
}

.kosarContainer {
  background: #DDD7CB;
  color: #41413D;
}

.kosarContainer .kosarRow.odd {
  background: #C5C1B6;
}

.kosarContainer .kosarRow .image {
  text-align: center;
}

.kosarContainer .kosarRow a.name {
  text-decoration: none;
  color: #41413D;
}
.kosarContainer .kosarRow a.name:hover {
  color: #60605B
}
.kosarContainerRight {
  background: white;  
  margin-top: 4rem;
}

#kosarSummary {
  margin: 10px auto;
  width: 90%;
  color: #484848;
}
.kiszallitasiKoltsegRow {
  border-top: 1px solid #BB9B62;
  border-bottom: 1px solid #BB9B62;
}

#rendelesOsszesitoKosar .row:nth-of-type(even) {
  background:#C5C1B6;
}


/* Debug */

#debugger {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index:2000;
  display: none;
}

#debugContent {
  height: 80vh;
  overflow-y: auto;
  background: rgba(55,55,55,0.95);
  color:white;
}

.queryExpandedContent {
  background:black;
  color:#999;
  font-size: 1em;
}

/* Lapkereső, pakliszerkesztő */

#btn-back-to-top {
  position: fixed;
  bottom: 5px;
  right: 20px;
  display: none;
}

.tooltip img,
#lapkeresoResults .HKKCard img {
  width: 50vmin;
  border-radius: 10px;
  box-shadow: 5px 5px 5px #817B6F, -5px -5px 5px #817B6F, -5px 5px 5px #817B6F, 5px -5px 5px #817B6F;
}

#lapkeresoResults .HKKCard {
  position: relative;
  width: 33vmin;
  min-height: 33vmin;
  text-align:center;
  background: url('../pic/loading.gif') center no-repeat;
  background-size: 64px 64px;
}

.HKKCard .teszteloiLap {
  background: rgba(255,255,255,0.6);
  position: absolute;
  top: 1%;
  left: 10%;
  width: 80%;
  height: 98%;
  border-radius: 10px;
  color: black;
  font-size: 1.2rem;
  pointer-events: none;
}

.HKKCard.tooltipCard .teszteloiLap {
  width: 98%;
  left: 1%;
  font-size: 1rem;
}

:root {
  --NarancsSzin: rgba(255,94,7,0.8);
  --EleniosSzin: rgba(157,204,288,0.8);
  --CharadinSzin: rgba(89,49,118,0.8);
  --LeahSzin: rgba(50,50,50,0.8);;
  --RaiaSzin: rgba(250,250,250,0.8);;
  --FairlightSzin: rgba(247,228,107,0.8);
  --DornodonSzin: rgba(177,44,42,0.8);
  --BufaSzin: rgba(235,205,213,0.8);
  --RhattSzin: rgba(206,226,135,0.8);
  --SheranSzin: rgba(5,127,64,0.8);
  --TharrSzin: rgba(114,82,71,0.8);
}

.HKKCard .teszteloiLap.teszteloiLapNarancs { background: var(--NarancsSzin); }
.HKKCard .teszteloiLap.teszteloiLapElenios { background: var(--EleniosSzin); }
.HKKCard .teszteloiLap.teszteloiLapChara-din { background: var(--CharadinSzin); }
.HKKCard .teszteloiLap.teszteloiLapLeah { background: var(--LeahSzin); }
.HKKCard .teszteloiLap.teszteloiLapRaia { background: var(--RaiaSzin); }
.HKKCard .teszteloiLap.teszteloiLapFairlight { background: var(--FairlightSzin); }
.HKKCard .teszteloiLap.teszteloiLapDornodon { background: var(--DornodonSzin); }
.HKKCard .teszteloiLap.teszteloiLapBufa { background: var(--BufaSzin); }
.HKKCard .teszteloiLap.teszteloiLapRhatt { background: var(--RhattSzin); }
.HKKCard .teszteloiLap.teszteloiLapSheran { background: var(--SheranSzin); }
.HKKCard .teszteloiLap.teszteloiLapTharr { background: var(--TharrSzin); }

.HKKCard .teszteloiLap.teszteloiLapLeah-Fairlight,
.HKKCard .teszteloiLap.teszteloiLapFairlight-Leah { background: linear-gradient(54deg, var(--FairlightSzin) 0%, var(--FairlightSzin) 49%, var(--LeahSzin) 51%, var(--LeahSzin) 100%); }
.HKKCard .teszteloiLap.teszteloiLapFairlight-Chara-din { background: linear-gradient(54deg, var(--FairlightSzin) 0%, var(--FairlightSzin) 49%, var(--CharadinSzin) 51%, var(--CharadinSzin) 100%); }
.HKKCard .teszteloiLap.teszteloiLapTharr-Fairlight,
.HKKCard .teszteloiLap.teszteloiLapFairlight-Tharr { background: linear-gradient(54deg, var(--FairlightSzin) 0%, var(--FairlightSzin) 49%, var(--TharrSzin) 51%, var(--TharrSzin) 100%); }

.HKKCard .teszteloiLap.teszteloiLapDornodon-Elenios { background: linear-gradient(54deg, var(--DornodonSzin) 0%, var(--DornodonSzin) 49%, var(--EleniosSzin) 51%, var(--EleniosSzin) 100%);   }
.HKKCard .teszteloiLap.teszteloiLapDornodon-Leah { background: linear-gradient(54deg, var(--DornodonSzin) 0%, var(--DornodonSzin) 49%, var(--LeahSzin) 51%, var(--LeahSzin) 100%);   }
.HKKCard .teszteloiLap.teszteloiLapDornodon-Raia { background: linear-gradient(54deg, var(--DornodonSzin) 0%, var(--RaiaSzin) 49%, var(--LeahSzin) 51%, var(--RaiaSzin) 100%);   }
.HKKCard .teszteloiLap.teszteloiLapDornodon-Sheran { background: linear-gradient(54deg, var(--DornodonSzin) 0%, var(--DornodonSzin) 49%, var(--SheranSzin) 51%, var(--SheranSzin) 100%);   }
.HKKCard .teszteloiLap.teszteloiLapFairlight-Dornodon,
.HKKCard .teszteloiLap.teszteloiLapDornodon-Fairlight { background: linear-gradient(54deg, var(--DornodonSzin) 0%, var(--DornodonSzin) 49%, var(--FairlightSzin) 51%, var(--FairlightSzin) 100%);   }

.HKKCard .teszteloiLap.teszteloiLapLeah-Tharr { background: linear-gradient(54deg, var(--LeahSzin) 0%, var(--LeahSzin) 49%, var(--TharrSzin) 51%, var(--TharrSzin) 100%);   }
.HKKCard .teszteloiLap.teszteloiLapLeah-Raia { background: linear-gradient(54deg, var(--LeahSzin) 0%, var(--LeahSzin) 49%, var(--RaiaSzin) 51%, var(--RaiaSzin) 100%);   }

.HKKCard .teszteloiLap.teszteloiLapDornodon-Chara-din,
.HKKCard .teszteloiLap.teszteloiLapChara-din-Dornodon { background: linear-gradient(54deg, var(--CharadinSzin) 0%, var(--CharadinSzin) 49%, var(--DornodonSzin) 51%, var(--DornodonSzin) 100%);   }
.HKKCard .teszteloiLap.teszteloiLapChara-din-Leah { background: linear-gradient(54deg, var(--CharadinSzin) 0%, var(--CharadinSzin) 49%, var(--LeahSzin) 51%, var(--LeahSzin) 100%);   }
.HKKCard .teszteloiLap.teszteloiLapChara-din-Fairlight { background: linear-gradient(54deg, var(--CharadinSzin) 0%, var(--CharadinSzin) 49%, var(--FairlightSzin) 51%, var(--FairlightSzin) 100%);   }
.HKKCard .teszteloiLap.teszteloiLapChara-din-Tharr { background: linear-gradient(54deg, var(--CharadinSzin) 0%, var(--CharadinSzin) 49%, var(--TharrSzin) 51%, var(--TharrSzin) 100%);}
.HKKCard .teszteloiLap.teszteloiLapRaia-Chara-din,
.HKKCard .teszteloiLap.teszteloiLapChara-din-Raia { background: linear-gradient(54deg, var(--CharadinSzin) 0%, var(--CharadinSzin) 49%, var(--RaiaSzin) 51%, var(--RaiaSzin) 100%);}

.HKKCard .teszteloiLap.teszteloiLapElenios-Chara-din { background: linear-gradient(54deg, var(--EleniosSzin) 0%, var(--EleniosSzin) 49%, var(--CharadinSzin) 51%, var(--CharadinSzin) 100%);   }
.HKKCard .teszteloiLap.teszteloiLapElenios-Rhatt { background: linear-gradient(54deg, var(--EleniosSzin) 0%, var(--EleniosSzin) 49%, var(--RhattSzin) 51%, var(--RhattSzin) 100%); }
.HKKCard .teszteloiLap.teszteloiLapElenios-Sheran { background: linear-gradient(54deg, var(--EleniosSzin) 0%, var(--EleniosSzin) 49%, var(--SheranSzin) 51%, var(--SheranSzin) 100%); }
.HKKCard .teszteloiLap.teszteloiLapElenios-Fairlight { background: linear-gradient(54deg, var(--EleniosSzin) 0%, var(--EleniosSzin) 49%, var(--FairlightSzin) 51%, var(--FairlightSzin) 100%); }
.HKKCard .teszteloiLap.teszteloiLapTharr-Elenios,
.HKKCard .teszteloiLap.teszteloiLapElenios-Tharr { background: linear-gradient(54deg, var(--EleniosSzin) 0%, var(--EleniosSzin) 49%, var(--TharrSzin) 51%, var(--TharrSzin) 100%); }

.HKKCard .teszteloiLap.teszteloiLapRhatt-Chara-din { background: linear-gradient(54deg, var(--RhattSzin) 0%, var(--RhattSzin) 49%, var(--CharadinSzin) 51%, var(--CharadinSzin) 100%);   }
.HKKCard .teszteloiLap.teszteloiLapRhatt-Sheran { background: linear-gradient(54deg, var(--RhattSzin) 0%, var(--RhattSzin) 49%, var(--SheranSzin) 51%, var(--SheranSzin) 100%);   }
.HKKCard .teszteloiLap.teszteloiLapRhatt-Leah { background: linear-gradient(54deg, var(--RhattSzin) 0%, var(--RhattSzin) 49%, var(--LeahSzin) 51%, var(--LeahSzin) 100%);   }

.HKKCard .teszteloiLap.teszteloiLapRaia-Rhatt { background: linear-gradient(54deg, var(--RaiaSzin) 0%, var(--RaiaSzin) 49%, var(--RhattSzin) 51%, var(--RhattSzin) 100%); }

.HKKCard .teszteloiLap.teszteloiLapSheran-Tharr { background: linear-gradient(54deg, var(--SheranSzin) 0%, var(--SheranSzin) 49%, var(--TharrSzin) 51%, var(--TharrSzin) 100%); }
.HKKCard .teszteloiLap.teszteloiLapSheran-Elenios { background: linear-gradient(54deg, var(--SheranSzin) 0%, var(--SheranSzin) 49%, var(--EleniosSzin) 51%, var(--EleniosSzin) 100%); }
.HKKCard .teszteloiLap.teszteloiLapSheran-Leah { background: linear-gradient(54deg, var(--SheranSzin) 0%, var(--SheranSzin) 49%, var(--LeahSzin) 51%, var(--LeahSzin) 100%); }
.HKKCard .teszteloiLap.teszteloiLapFairlight-Sheran,
.HKKCard .teszteloiLap.teszteloiLapSheran-Fairlight { background: linear-gradient(54deg, var(--SheranSzin) 0%, var(--SheranSzin) 49%, var(--FairlightSzin) 51%, var(--FairlightSzin) 100%); }
.HKKCard .teszteloiLap.teszteloiLapRaia-Sheran,
.HKKCard .teszteloiLap.teszteloiLapSheran-Raia { background: linear-gradient(54deg, var(--SheranSzin) 0%, var(--SheranSzin) 49%, var(--RaiaSzin) 51%, var(--RaiaSzin) 100%); }

.HKKCard .teszteloiLap .idezesiKoltseg,
.HKKCard .teszteloiLap .leiras,
.HKKCard .teszteloiLap .tipus,
.HKKCard .teszteloiLap .szin,
.HKKCard .teszteloiLap .nev {
  position: absolute;
  left: 2%;
  right: 2%;
  background: rgba(255,255,255,0.5);
  padding: 0 4px;
}

.HKKCard .teszteloiLap .nev {
  text-align: right;
  top: 2%;
}

.HKKCard .teszteloiLap .leiras {
  top: 57%;
}

.HKKCard .teszteloiLap .szin {
  top: 38%;
  text-align: right;
  display: inline-block;
}

.HKKCard .teszteloiLap .tipus {
  top: 45%;
  text-align: left;
}

.HKKCard .teszteloiLap .idezesiKoltseg {
  background: transparent;
  font-size: 2rem;
  display: flex;
}

.HKKCard .teszteloiLap .tamadas,
.HKKCard .teszteloiLap .vedekezes {
  background: transparent;
  font-size: 2.25rem;
}

.HKKCard .teszteloiLap .kozepIkonok, 
.HKKCard .teszteloiLap .idezesiKoltseg .reakciodragitas,
.HKKCard .teszteloiLap .idezesiKoltseg .zanszilank,
.HKKCard .teszteloiLap .idezesiKoltseg .epito,
.HKKCard .teszteloiLap .idezesiKoltseg .nekron,
.HKKCard .teszteloiLap .idezesiKoltseg .szk,
.HKKCard .teszteloiLap .idezesiKoltseg .VP {
  float: left;
  font-family: hkkikon2;
  width: 2.5rem;
  position: relative;
}
.HKKCard .teszteloiLap .kozepIkonok {
  width: 100%;
  top: 38%;
}


.HKKCard .teszteloiLap .tamadas,
.HKKCard .teszteloiLap .vedekezes {
  position: relative;
  font-family: hkkikon2;
}

.HKKCard .teszteloiLap .kozepIkonok .front,
.HKKCard .teszteloiLap .tamadas .front,
.HKKCard .teszteloiLap .vedekezes .front,
.HKKCard .teszteloiLap .idezesiKoltseg .front {
  position: absolute;
  top: 0px;
  left: -0.5px;
}

.HKKCard .teszteloiLap .kozepIkonok .back,
.HKKCard .teszteloiLap .tamadas .back,
.HKKCard .teszteloiLap .vedekezes .back,
.HKKCard .teszteloiLap .idezesiKoltseg .back {
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  text-shadow: 4px 4px 4px #000;
}

.HKKCard .teszteloiLap .tamadas.magikus .back,
.HKKCard .teszteloiLap .vedekezes.magikus .back,
.HKKCard .teszteloiLap .idezesiKoltseg .zanszilank .back { color: yellow; }
.HKKCard .teszteloiLap .tamadas.magikus .front,
.HKKCard .teszteloiLap .vedekezes.magikus .front,
.HKKCard .teszteloiLap .idezesiKoltseg .zanszilank .front { color: orange; }


.HKKCard .teszteloiLap .value {
  position: absolute;
  top: 0.45rem;
  left: 0.1rem;
  font-family: "Times New Roman", Times, serif;
  font-size: 1.2rem;
  text-align: center;
  width: 2.3rem;
  height: 2.3rem;
  line-height: 2.3rem;
  font-weight: bold;
}

.HKKCard .teszteloiLap .idezesiKoltseg .nekron .front {
  left: 0px;
  transform: scaleX(1.25);
}
.HKKCard .teszteloiLap .idezesiKoltseg .nekron .back {
  left: 1px;
}
.HKKCard .teszteloiLap .idezesiKoltseg .nekron .value {
  width: 1.6rem;
}
.HKKCard .teszteloiLap .idezesiKoltseg .epito .value {
  width: 1.8rem;
}

.HKKCard .teszteloiLap .idezesiKoltseg .szk .value {
  width: 2rem;
}

.HKKCard .teszteloiLap .tamadas {
  top: 88%;
  left: 2%;
}

.HKKCard .teszteloiLap .tamadas .value {
  width: 2rem;
}

.HKKCard .teszteloiLap .vedekezes {
  top: 88%;
  left: 88%;
}

.HKKCard .teszteloiLap .vedekezes .value {
  width: 1.85rem;
}

#pakliszerkesztoBody {
  margin-bottom: 1em;
}
#pakliszerkesztoBody .card-body {
  padding: 0;
}

.cardName,
#deckBuilder {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;  
}

.cardBlock .cardName {
  font-size: 0.85rem;
}

.selectableByUser {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;  
}

#lapkeresoResults .HKKCard img {
  width: 22vw;
}

#lapkeresoForm .form-control,
.ms-res-item,
.ms-sel-item,
.fs-7 {font-size:0.65rem!important}
.fs-8 {font-size:0.75rem!important}
.fs-9 {font-size:0.85rem!important}

.cardTypeTitle {
  font-size: 1em;
}

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {
  padding: .05rem .2rem;
}

#versenyekNavBar .nav-item .btn, 
#lapkeresoNavBar .nav-item .btn {
  color: grey; 
}

.navbar-brand.HKKBrand img {
  height:1.5em;
}

#versenyekNavBar .nav-item .btn.active, 
#lapkeresoNavBar .nav-item .btn.active, 
.nav-item .btn.active {
  transform: scale(1.05);
  color: blue; 
}

.sticky-bottom {
  bottom: 5em;
}
.alertMsg,
#pakliszerkesztoBody .brokenRule {
  color:red;
  font-weight:bold;
}

.card .brokenRule {
  padding-left: 0.5em;
}

.sticky-top { top: 6em;}

.bi-arrow-up-square-fill {
  color:skyblue;
}

.bi-arrow-down-square-fill {
  color:lightcoral;
}

.bi-plus-circle-fill {
  color:green;
}

.bi-dash-circle-fill {
  color:red;
}

.bi-x-square-fill {
  color:darkred;
}

.btn-group-lg .btn {
  margin: 0 !important;
  padding: 0 !important;
}

.grouper {
  background: #ccc;
  margin: 2px 0;
}

.grouper:nth-child(even) {
  background: #ddd;
}

.lapkeresoGroup {
  margin-bottom: 0.5em;
}

.hkkVersenyElofeltetel {
  border-top: 1px solid #444;
}

/* ---- Tamara --- */

.row{margin:0}
.container{max-width: 1860px}

#ownDecks .row {
  width:98%;
  margin-left:1%;
}

.deck{
	display:inline-block;
	height:320px;
	margin: 10px 0 5px 0
	}

.deck-header{
	width:100%;
	height:42px;
	background-color:#9D8C70;
	margin:5px 0;
}

.deck-name{
	display: inline-block;
	width: calc(100% - 200px);
	height:100%;
	float:left;
}
.deck-name h4{
  cursor: pointer;
	margin:2px;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	line-height:38px;
	border-radius: 5px;
	background-color:#ddd7cb;
	font-weight: normal;
  font-size: 1.2rem;
}

.deck-entry{
  cursor: pointer;
	display: inline-block;
	width:200px;
	height:100%;
	background-color:#9D8C70;
  padding-top: 0.6rem;
}
.deck-entry.hibasPakli {
  color:white;
  background:red;
  border: 1px solid red;
  border-radius: 5px;
  cursor: default;
}


.deck-details{
	height:calc(100% - 52px);
  background: #ddd7cb;
}
.deck-image{
  cursor: pointer;
	display: inline-block;
	width:200px;
	height:100%;
	float:left;
	background-color:#9D8C70;
	background-image: url(../pic/koveto.jpg);
	background-size:cover;
	background-position:center;
	box-shadow:inset 0px 0px 10px rgba(0,0,0,0.9);
}
.gold-border{
	width:100%;
	height:100%;
	border: 2px solid #9D8C70;
}

.deck-parameters{
	display: inline-block;
	position:relative;
	width:calc(100% - 200px);
	height:100%;
}

.corner{
	position:absolute;
	width:87px;
	height:8px;
	background-image: url(../pic/pakli-border-small.png);
}
#border-tl{
	top:0;
	left:-2px;
	transform:scaleX(-1);
}
#border-tr{
	top:0;
	right:-2px
}
#border-bl{
	bottom:0;
	left:-2px;
	transform:rotate(180deg)
}
#border-br{
	bottom:0;
	right:-2px;
	transform:scaleY(-1);
}

.deck-parameters p {
	text-align:left!important;
	padding:0px 6px;
	margin:0;
  height: 2rem;
}
/*.deck-author{height:32px}
.deck-colors{height:32px}*/
.deck-brief{
	display: -webkit-box;
  width: calc(100% - 12px);
  /*height: 1.25rem;*/
  /*height: 45px;*/
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.deck-icons button {
  cursor: pointer;
  background: transparent;
}
.deck-icons button:hover {
  color:#060;
}

.deck-icons button.delete:hover {
  color:red;
}

hr.deck-line{display:none}

.cardColorFairlight { border-left: 5px solid orange; }
.cardColorTharr { border-left: 5px solid brown; }
.cardColorDornodon { border-left: 5px solid red; }
.cardColorSheran { border-left: 5px solid darkgreen; }
.cardColorElenios { border-left: 5px solid lightskyblue; }
.cardColorLeah { border-left: 5px solid black; }
.cardColorChara-din { border-left: 5px solid purple; }
.cardColorRhatt { border-left: 5px solid lightgreen; }
.cardColorBufa { border-left: 5px solid orchid; }
.cardColorRaia { border-left: 5px solid #fff; }
.cardColorNincs,
.cardColorSzíntelen { border-left: 5px solid transparent; }

.lapkeresoGroupFairlight {
  border: 5px solid orange;
}
.lapkeresoGroupTharr {
  border: 5px solid brown;
}
.lapkeresoGroupDornodon {
  border: 5px solid red;
}
.lapkeresoGroupSheran {
  border: 5px solid darkgreen;
}
.lapkeresoGroupElenios {
  border: 5px solid lightskyblue;
}
.lapkeresoGroupLeah {
  border: 5px solid black;
}
.lapkeresoGroupChara-din {
  border: 5px solid purple;
}
.lapkeresoGroupRhatt {
  border: 5px solid lightgreen;
}
.lapkeresoGroupBufa {
  border: 5px solid orchid;
}
.lapkeresoGroupRaia {
  border: 5px solid #fff;
}

.groupFairlight .cardBlock {
  border-left: 5px solid yellow;
}
.groupTharr .cardBlock {
  border-left: 5px solid brown;
}
.groupElenios .cardBlock {
  border-left: 5px solid lightskyblue;
}
.groupLeah .cardBlock {
  border-left: 5px solid black;
}
.groupSheran .cardBlock {
  border-left: 5px solid green;
}
.groupRaia .cardBlock {
  border-left: 5px solid #fff;
}
.groupDornodon .cardBlock {
  border-left: 5px solid red;
}
.groupRhatt .cardBlock {
  border-left: 5px solid lightgreen;
}
.groupBufa .cardBlock {
  border-left: 5px solid orchid;
}
.groupChara-din .cardBlock {
  border-left: 5px solid purple;
}

.cardBlock {
  position: relative;
}
.cardBlock .nerfedCard {
  color: red;
  margin-left: 0.25rem;
}

.nerfedRulesInfo {
  border: 2px solid red;
  padding: 0.25rem;
  font-weight: bold;
  margin: 0 1rem;
  text-align:center;
}

.nerfedCardsInfo .nerfedCardName {
  color: red;
}

.veszelyesFaj {
  position: absolute;
  font-size: 0.5rem;
  left: 0.025rem;
  top: 0.4rem;
  color: green;
}

.deckInfo .veszelyesFajInfo {
  font-size: 0.5rem;
  color: green;
}

#lapkeresoResults a {
  text-decoration: none;
}

#lapkeresoResults .cardName {
  font-weight:bold;
  cursor: pointer;
}

#lapkeresoResults .row:nth-of-type(even) .cardName {
  background: #aba292;
}

#lapkeresoResults .existsInDeck {
  color:grey;
}

.tooltip,
.tooltip-title,
.tooltip-inner {
  border: none !important;
  background:transparent !important;
  padding:0 !important;
  opacity: 1 !important;
}

.deckError {
  background: red !important;
}

/* Versenyek */

.versenyRow {
  cursor: pointer;
}
.versenyRow:nth-of-type(odd) {
  background:#aba292;
}

.versenyekNavBar .form-select,
.versenyekNavBar {
  font-size:0.75rem!important;
}

.versenyEredmenyek .eredmenyekHeader {
  text-align: center;
  color: white;
  font-weight: bold;
}

.korEredmenyekContent {
  border: 1px solid #444;
}

.korEredmenyekContent:nth-of-type(odd) {
  background:#bbb;
}

.eredmenySor:nth-of-type(odd) {
  background:#bbb;
}
.korEredmenyekContent:nth-of-type(odd) .eredmenySor:nth-of-type(odd) {
  background:#aaa;
}

.versenyEredmenyek {
  text-align: center;
}

#versenyDetailsContent .copyButton {
  float:right;
  cursor: pointer;
}
#versenyDetailsContent .copyButton.copied {
  color: blue;
}
.versenyDetailsContent {
  display: none;
}

.deckViewerPakli {
  background: #CFC6B6;
}

.versenyDetails,
.HKKVersenyekTalalatContent {
  box-shadow: 2px 2px 2px #817B6F, -2px -2px 2px #817B6F, -2px 2px 2px #817B6F, 2px -2px 2px #817B6F;
  border-radius: 10px;
}

.HKKVersenyekTalalatContent .ujHonap {
  text-align:center;
  font-weight: bold;
  background: #9D8C70;
  width: 100%;
  border-radius: 5px;
  padding: 1vmin 0;
  color:white;
}

.deckNotFound {
  background: red;
  padding: 2rem;
  color: white;
  font-weight: bold;
  text-align: center;
}

/* Fórum */

#uzenetekContent a,
#forumContent a {
  color: #51443B;
  font-weight:bold;
  text-decoration: none;
}

#forumContent a.btn-primary { color:white; }
#forumContent a:hover { text-decoration: underline; }
#forumContent a.btn-primary:hover { text-decoration: none; }

#forumContent .topicRow a,
#forumContent .forumCategories a {
  color:black;
}

#forumContent td {
  border: 1px solid #51443B;
}
#forumContent .forumHeader td {
  text-align: center;
  font-weight: bold;
  border-color: #CFC6B6;
}
#forumContent .forumHeader td {
  border:none;
  border-left: 1px solid #CFC6B6;
}
#forumContent .forumHeader td:first-child {
  border-left: 1px solid #51443B;
}

#forumContent .topicRow {
  vertical-align: middle;
}
#forumContent .lastPosts {
  border: 1px solid #51443B;
}
#forumContent .selectedPost {
  border: 3px solid white !important;
}

#forumContent .lastPostsHeader {
  background: #51443B;
  color: #F3E5AC;
  text-transform: uppercase;
}

#uzenetekContent .messageHeader,
#forumContent .postHeader {
  background: #51443B;
  color: #F3E5AC;
  font-weight: bold;
}

#uzenetekContent .ownMessage .messageHeader {
  background: #3C3A4F;
}

#uzenetekContent .messageHeader a {
  color: yellow;
}

#forumContent .postHeader a {
  color:white;
}

#forumContent .postHeader .active {
  color:#3f3 !important;
  text-shadow: 1px 1px black;
}
#forumContent .bg-primary {
  background: #51443B !important;
  color: #F3E5AC !important;
}

#forumContent .elozmeny {
  color: white;
}

#uzenetekContent .messageText,
#forumContent .postMessage {
  background: #CAB69566;
}

#uzenetekContent .messageText img,
#forumContent .postMessage img {
  width: auto;
  height: auto;
  padding: 0;
}

.smiley {
  width: 15px !important;
  height: 15px !important;
  box-shadow: none !important;
  margin: 8px 2px !important;
}

#forumContent .postMessage.row {
  display:block !important;
}

#uzenetekContent .message,
#newTopicContent,
#forumContent .post {
  border-radius: 10px;
  box-shadow: 5px 5px 5px #817B6F, -5px -5px 5px #817B6F, -5px 5px 5px #817B6F, 5px -5px 5px #817B6F; 
}

.quote {
  background: #DBCDB7;
  border: 1px solid #51443B;
  margin: 2px;
  padding: 5px;
}

.separatedList .list-inline-item:not(:last-child)::after {
  content: '|';
  margin: 0 10px 0 10px;
}
#forumBody .list-inline-item:not(:last-child) {
  margin: 0 !important;
}

#newTopicContent {
  width: 90%;
  margin: 1rem auto;
  padding: 1rem;
}

#newTopicInfo {
  background: rgba(0,200,0,0.3);
  padding: 1rem;
  box-shadow: 5px 5px 5px #817B6F, -5px -5px 5px #817B6F, -5px 5px 5px #817B6F, 5px -5px 5px #817B6F; 
}

#newTopic {
  width: 40%;
  margin: 2rem auto;
}

.forumErrorMessage {
  color: red;
  font-weight: bold;
}

#forumContent .topicRow:nth-of-type(odd) {
  background: #9D8C70;
}
#forumContent .topicRow:nth-of-type(even) {
  background: #B9A383;
}
/* CardViewer */

.cardViewerColor {
  height:1rem;
  width:1rem;
}

.pakliSzin {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 18px;
  font-size: 14px;
  text-align:center;
  font-weight:bold;
  color: white;
  border-radius: 5px;
  margin: 2px;
  text-shadow: 1px 1px black;
}

.cardViewerColor_Színtelen { background: grey;}
.pakliSzin1,
.cardViewerColor_Fairlight { background: orange; }
.pakliSzin2,
.cardViewerColor_Tharr { background: brown; }
.pakliSzin6,
.cardViewerColor_Dornodon { background: red; }
.pakliSzin3,
.cardViewerColor_Sheran { background: darkgreen; }
.pakliSzin4,
.cardViewerColor_Elenios { background: lightskyblue; }
.pakliSzin7,
.cardViewerColor_Leah { background: black; }
.pakliSzin8,
.cardViewerColor_Chara-din { background: purple; }
.pakliSzin12,
.cardViewerColor_Rhatt { background: lightgreen; }
.cardViewerColor_Bufa { background: orchid; }
.pakliSzin5,
.cardViewerColor_Raia { background: #fff; }

.pakliSzin5 {
  color: black;
  text-shadow: 1px 1px #777;
}

.godColor11 { color: grey;}
.godColor1 { color: orange; }
.godColor2 { color: brown; }
.godColor3 { color: darkgreen; }
.godColor4 { color: lightskyblue; }
.godColor7 { color: black; }
.godColor8 { color: purple; }
.godColor12 { color: lightgreen; }
.godColor6 { color: red; }
.godColor9 { color: orchid; }
.godColor5 { color: #fff; }

/* -------------- Profil --------------- */

#profilBody {
  
}

.accountForm .formBackground {
  margin: 1rem;
  padding: 1rem;
  background: #CAB797;
  border-radius: 10px;
}
.accountForm .row {
  margin: 0.5rem;
}

.formHelp {
  font-size: calc(75%);
  display: block;
}

@media screen and (max-width: 600px) and (orientation: portrait){
  .deck {
    height: 200px;
    margin: 0;
    font-size: 0.8rem;
    padding:0;
  }
  
  .deck-header {
    height: 30px;
    margin: 0;
  }
  .deck-entry {
    padding-top: 0.3rem;
    width: 100px;
  }
  
  .deck-name {
    width: calc(100% - 100px);
  }
  
  .deck-name h4 {
    font-size: 0.8rem;
    line-height: 28px;
  }
  .deck-image {
    width: 100px;
  }
  
  .deck-parameters {
    width: calc(100% - 100px);
  }
  .deck-parameters p { 
    padding: 0px 4px; 
    font-size: 0.8rem;
    height: 1.1rem;
  }
  /*.deck-author{height:22px}
  .deck-colors{height:22px}*/
  .deck-brief {
    /*height: 30px;*/
  }
  #debugContent {
    font-size: 0.5rem;
  }
  .brokenRule {
    font-size: 0.75rem;
  }
}

/* Kódbeváltás */

#HKKKodbevaltas {
  box-shadow: 5px 5px 5px #817B6F, -5px -5px 5px #817B6F, -5px 5px 5px #817B6F, 5px -5px 5px #817B6F; 
  width: 75%;
  margin: 10px auto;
}

#HKKKodbevaltas h4 { 
  text-align: center;
  color: red;
}
#HKKKodbevaltas h5 {
  text-align: center;
  background: #9D8C70;
  color: white;
}

#HKKKodbevaltas .kiegeszitoImage {
  height: 100px;
  cursor: pointer;
}

#HKKKodbevaltas .bevalthatoLapok img {
  width: 20vmin;
}

#HKKKodbevaltas .kodErvenytelenMsg {
  color: red;
}
#HKKKodbevaltas .kodErvenyesMsg {
  color: blue;
}

#HKKKodbevaltas .eddigBevaltottKodok {
  margin: 1rem;
  padding: 1rem;
  box-shadow: 5px 5px 5px #817B6F, -5px -5px 5px #817B6F, -5px 5px 5px #817B6F, 5px -5px 5px #817B6F;  
}

#HKKKodbevaltas .vehetoPakli img {
  max-width: 200px;
}

#infoBody  .parag_bwaszf{
	margin-bottom: 5px;
}
#infoBody  .h1_bwaszf {
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
#infoBody  .h2_bwaszf {
	font-weight:bold;
	margin-bottom: 5px;
}
#infoBody  .h3_bwaszf {
	font-style: italic;
	font-weight:bold;
	margin-bottom: 5px;
}
#infoBody .table_baszf {
	margin-left: 30px;
	width: 475px;
	border: 1px solid black;
	padding:5px;
}

#infoBody .parag_bwadatvedelem{
	margin-bottom: 5px;
}
#infoBody .h1_bwadatvedelem{
	font-size:20px;
	font-weight:bold;
	margin-top: 20px;
	margin-bottom: 10px;
}
#infoBody .h2_bwadatvedelem{
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 5px;
}
#infoBody .decimal_bwadatvedelem{
	list-style-type:decimal;
}
#infoBody .disc_bwadatvedelem{
	list-style-type:disc;
}
#infoBody .table_bwadatvedelem{
	margin-left: 30px;
}
#infoBody .td_bwadatvedelem{
	width: 235px;
	border: 1px solid black;
	padding:5px;
}
#infoBody .td_bwadatvedelem.desc{
	width: 335px;
}

/* --------------- Termékek ------------- */

.rowHeader {
  background: #533E33;
  color: white;
}
.rowHeader .col,
.rowHeader .col-1,
.rowHeader .col-4,
.rowHeader .col-2 {
  padding: 0.5rem;
  font-weight: bold;
}
#termekekContent .termekRow:nth-child(even) {
  background: #b7b4ac;
}
#termekekContent a {
  color: #533E33;
  text-decoration: none;
  font-weight: bold;
}
#termekekContent .boltiAr {
  text-decoration:line-through;
}

/* --------------- BDV ------------- */

#BDVAccountTemplate .eddigiRendelesek {
  background: #B9A383;
}

.rendelesRow .row div {
  border-top: 2px solid #cfc6b6;
  border-left: 2px solid #cfc6b6;
}
.rendelesRow .col .row:nth-of-type(1) div {
  border-top: none;
}

.eddigiRendelesek .rendelesRow {
  border-top: 2px solid #cfc6b6;
}
.eddigiRendelesek .megjegyzes {
  background: #9D8C70;
  border-top: 2px solid #cfc6b6;
}

.BDVKedvezmenyekTable {
  text-align: center;
  margin: 1rem;
}

.BDVKedvezmenyekTable tr:nth-of-type(even) {
  background: #B9A383;
}

.BDVKedvezmenyekTable tr:nth-of-type(odd) {
  background: #CFC6B6;
}

.BDVKedvezmenyekTable .fejlec {
  background: #533E33 !important;
  color:white;
  font-weight:bold;
  text-align: center;
}

.lapPopup{
	cursor:pointer;
}

#lapPopupDiv{
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
}
#lapPopupDiv .bg{
	width:100%;
	height:100%;
	background-color:black;
	opacity:0.33;
}
#lapPopupDiv img{
	position: absolute;
	top: 0;
	left: 0;
}

#BDVAccountTemplate .container {
  border-bottom: 2px solid #CFC6B6;
  background: #9D8C70;
}
.atvettAjandekRow {
  border: 2px solid #CFC6B6;
  border-bottom:none;
}
.atvettAjandekRow .imageCol {
  border-left: 2px solid #CFC6B6;
}

.atvettAjandekRow img {
  height: 150px;
}

.zsakbamacskaContent img {
  margin: 0;
  padding: 0;
}

/* -------------- Regisztráció ------------- */
#modifyPassword i,
#regisztracioContent i {
  position: absolute;
  right: 10px;
  top:2px;
  cursor: pointer;
}

/* ----------- Megjelent Kiegészítők ------------- */

.newDefaultDesign .container,
#versenyEredmenyek,
.HKKVersenySzintek,
.HKKBirok, 
.HSZTabella,
.boxShadowedContent,
.megjelentKiegeszitoContainer {
  box-shadow: 2px 2px 2px #817B6F, -2px -2px 2px #817B6F, -2px 2px 2px #817B6F, 2px -2px 2px #817B6F;
  background: #DDD7CB;
  border-radius: 10px;
  color: black;
  margin: 0.1rem;
}

.newDefaultDesign .row
#versenyEredmenyek .row,
.HKKVersenySzintek .container .row,
.HKKBirok .container .row,
.HSZTabella .container .row,
.HKKTabla .row,
.ProfiHKKVersenyzok .row,
.megjelentKiegeszitoContainer .container .row {
  background: #9D8C70;
}

.newDefaultDesign .row:nth-child(even),
#versenyEredmenyek .row:nth-child(even),
.HKKVersenySzintek .container .row:nth-child(even),
.HKKBirok .container .row:nth-child(even),
.HSZTabella .container .row:nth-child(even),
.HKKTabla .row:nth-child(even),
.ProfiHKKVersenyzok .row:nth-child(even),
.megjelentKiegeszitoContainer .container .row:nth-child(even) {
  background: #B9A383;
}

.newDefaultDesign .row:nth-child(odd) .row:nth-child(even) {
  background: transparent;
}

.newDefaultDesign .header,
#versenyEredmenyek .header,
.ajandekKreditekSummary .header,
.HKKVersenySzintek .header,
.HKKBirok .header, 
.HSZTabella .header, 
.megjelentKiegeszitoContainer h5 {
  background: #524A3E;
  border-radius: 10px 10px 0 0;
  color: white;
  font-weight: bold;
}

.header a {
  color: white;
  text-decoration:none;
}

.header a:hover { text-decoration: underline; }
.megjelentKiegeszitoContainer a {
  color: black;
  text-decoration: none;
  font-weight: bold;
}

.megjelentKiegeszitoContainer .container .row {
  border-top: 2px solid #DDD7CB;
}

.megjelentKiegeszitoContainer .container .row .col:nth-child(2) {
  border-right: 2px solid #DDD7CB;
  border-left: 2px solid #DDD7CB;
}

.megjelentKiegeszitoContainer .container .col:last-child {
  border-right: none;
}

.shadow-light {
  text-shadow: 2px 2px white; 
}

.shadow-outline {
  text-shadow:
    1px 1px 0 #000,
    -1px 1px 0 #000,
    -1px -1px 0 #000,
    1px -1px 0 #000;
}

h2.shadow-dark {
  text-shadow: 2px 2px black; 
}

.HKKCardInfo .cardErtekeles {
  box-shadow: 5px 5px 5px #817B6F, -5px -5px 5px #817B6F, -5px 5px 5px #817B6F, 5px -5px 5px #817B6F;
  background: #DDD7CB;
  border-radius: 10px;
 
}
.HKKCardInfo .szavazatSzamok img {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.HKKCardInfo .szavazatSzamok img.notLink {
  cursor: default;
}

.HKKCardInfo .cardImage {
  width: 95%;
  border-radius: 20px;
  box-shadow: 5px 5px 5px #817B6F, -5px -5px 5px #817B6F, -5px 5px 5px #817B6F, 5px -5px 5px #817B6F;
}

.HKKCardInfo .layeredCardImage {
  border-radius: 20px;
}

.HKKCardInfo .szavazatAtlag {
  font-size: smaller;
}

.ajandekKreditekSummary {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.ajandekKreditekSummary {
  border-color: #9D8C70 !important;
}
.ajandekKreditekSummary .row .col:nth-child(2) {
  border-right: 2px solid #9D8C70;
  border-left: 2px solid #9D8C70;
}

img.clearfixImg {
  clear: both;
  float: none;
  margin: 1rem auto;
}

/* --------------------- HKK Statisztikák ---------------------- */
.w-content,
.w-content-90 { width: 90% !important;}    
.w-60 { width: 60%;}
.w-90 { width: 90%;}
#HKKStatisztikakBody .header {
  font-weight:bold;
  text-align:center;
}
#HKKStatisztikakContent #szinEloszlas { width: 90%; }

#szinEloszlas .row,
#lapStatisztikak .row {
  text-align:center; 
}
#szinEloszlas .row:nth-child(even),
#lapStatisztikak .row:nth-child(even) {
  background:#aba292;
}

#lapStatisztikak .topHelyezesBtn {
  font-weight: bold;
  
}
/* -------------------- HKK Játékosok ------------------------ */

.HKKTabla a,
.ProfiHKKVersenyzok a,
.HKKVersenySzintek a,
.HKKBirok a, 
.HSZTabella a, 
#versenyEredmenyek a {
  color: black;
  text-decoration: none;
  font-weight: bold;
}

#versenyEredmenyek .fw-bold a {font-weight: bold; }
#versenyEredmenyek a { font-weight: normal; }
#versenyEredmenyek a:hover {
  text-decoration: underline
}

#versenyEredmenyek .TPCol {
  display: none;
}

.HSZTabella .nemzetireBejutott {
  background: #6195C6 !important;
}
.HSZTabella .nemzetireBejutott.row:nth-child(2n) {
  background: #85A5C1 !important;
}
/* ------------------ HKK kódex -------------------- */

#HKKKodexContent p {
  padding: 5px 5px 10px 20px;
  margin: 0;
}
#HKKKodexContent p.inner {
 padding: 5px 25px 0 60px; 
}

#HKKKodexContent p.kodexBold {
  font-weight:bold;
  padding-left: 5px;
}

#HKKKodexContent {
  box-shadow: 2px 2px 2px #817B6F, -2px -2px 2px #817B6F, -2px 2px 2px #817B6F, 2px -2px 2px #817B6F;
  border-radius: 10px;
}

#HKKKodexContent .border {
  border-color: #817B6F !important;
}

#HKKKodexContent .dashedLine {
  margin: 5px 10px;
  border: 3px dashed black;
}

#HKKKodexContent .kiegeszites.border,
#HKKKodexContent .border2,
#HKKKodexContent .spoiler {
  margin-left: 25px;
  border:none !important;
  border-left: 5px solid #01A9DB !important;
  padding-left: 5px;
  cursor: pointer;
}


#HKKKodexContent .kiegeszitesContent,
#HKKKodexContent .spoilertext {
  margin-left: 25px;
  padding: 5px 10px;
  border:none !important;
  border-left: 5px solid #01A9DB !important;
  font-style: italic;
}

#HKKKodexContent .border2 {
  border-left: 5px solid #ef7600 !important;
}


#HKKKodexContent img {
  border-radius: 20px;
}
#HKKKodexContent img.alignLeft {
  display: block;
  margin: 10px 20px 10px 0;
  float: left;
  text-align: right;
}

#HKKKodexContent img.alignRight {
  display: block;
  margin: 10px 0 10px 20px;
  float: right;
  text-align: left;
}

#targyDIV {
  border: 1px solid white;
  background: #313131;
  color: #f6f6f6;
  font-weight: bold;
  position: fixed;  
  top: 20px;
  left: 10px;
  border-radius: 5px;
  padding: 5px;
}

#targyDIV #targymutato {
  width: 170px;
}

#HKKKodexContent.HKKKodexContentMobile #targyDIV {
  top: 23vmin;
  z-index: 2000;
  padding: 1vmin;
  border-radius: 5px;
  left: 5%;
  width: calc(90% - 3rem);
  margin: 0 1.5rem;
}

#HKKKodexContent.HKKKodexContentMobile #targyDIV #targymutato {
  width: auto;
}

#HKKKodexContent .kodexHeaderImg img {
  border: 1px solid #666;
  width: 100%;
  border-radius: 2px;
}

#HKKKodexContent .border-radius-0 {
  border-radius: 0;
}

#HKKKodexContent.HKKKodexContentMobile .kodexHeaderImg img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#HKKKodexBody .banner {
  margin-top: 9vmin !important;
}

#HKKKodexContent h2 {
  text-align: center;
  font-weight: bold;
}

#HKKKodexContent .topKodexMenu {
  list-style: none;
  width: 100%;
  text-align:center;
  padding-top:20px;
  font-weight:bold;
}
#HKKKodexContent .topKodexMenu li {
  display: inline;
}
#HKKKodexContent .topKodexMenu li a {
  color:#0d6efd;
  text-decoration: underline;
  cursor:pointer;
}

#HKKKodexContent.HKKKodexContentMobile h1 {
  font-size: 5vmin;
  text-align:center; 
  margin-top:2vmin;
}
#HKKKodexContent.HKKKodexContentMobile h2 {
  font-size: 4vmin;
  text-align: left;
}

#HKKKodexContent.HKKKodexContentMobile {
  font-size: 3vmin;
  text-align: justify;
}

#HKKKodexContent.HKKKodexContentMobile p.tartalom { margin: 2vmin 0; }
#HKKKodexContent.HKKKodexContentMobile p.tart2 { margin-left: 2vmin; }
#HKKKodexContent.HKKKodexContentMobile p.tart3 { margin-left: 4vmin; }

#HKKKodexContent.HKKKodexContentMobile h3,
#HKKKodexContent.HKKKodexContentMobile h4 {
  display: inline-block;
  font-size: 3vmin;
  font-weight: bold;
  margin: 3vmin 1vmin 0 0;
}

#HKKKodexContent.HKKKodexContentMobile p {
  margin: 0;
  padding: 0;
}


#HKKKodexContent .hkkikon {
  font-family: hkkikon2;
}

#HKKKodexContent .fillerImage,
#HKKKodexContent .kodexLine {
  text-align:center;
}

#HKKKodexContent .fillerImage img,
#HKKKodexContent .kodexLine img {
  width: 80%;
}

#HKKKodexBody.oldKodexDesign #hkkTopHeader,
#HKKKodexBody.oldKodexDesign .upperMenu,
#HKKKodexBody.oldKodexDesign .separatorLine { 
  display: none;
}

#HKKKodexBody.oldKodexDesign #HKKKodexContent {
  margin-top: 20vmin !important;
  box-shadow: none;
  background: #313131;
}
#HKKKodexBody.oldKodexDesign #HKKKodexContent.w-90 {
  width: 95% !important;
}

#HKKKodexBody.oldKodexDesign #HKKKodexContent.HKKKodexContentMobile #targyDIV {
  top: 1vmin;
  border: 1px solid #777 !important;
}

#HKKKodexBody.oldKodexDesign { color: white; }
#HKKKodexBody.oldKodexDesign a { color: #01A9DB !important; }
#HKKKodexBody.oldKodexDesign .ms-sel-ctn input,
#HKKKodexBody.oldKodexDesign .form-control {
  background-color: #313131 !important;
  color: white;
}

#HKKKodexBody.oldKodexDesign .ms-ctn {border-color: #666;}
#HKKKodexBody.oldKodexDesign .ms-trigger { border-left: 1px solid #666; }
#HKKKodexBody.oldKodexDesign .ms-trigger-ico {
  border-top: 4px solid white;
}

#HKKKodexBody img.alignLeft,
#HKKKodexBody img.alignRight,
#HKKKodexBody center img {
  max-width: 90%;
}

/* --------------------- Megosztások -------------------- */
#megosztottPaklik img {
  width: 36px !important;
  height: 50px !important;
  margin: 0.3rem !important;
  border-radius: 4px;
  margin-right: 1rem !important;  
}

#megosztottPaklik .HKKTabla {
  font-size: 0.8rem !important;
}
#megosztottPaklik .HKKTabla a {
  color: #0067A3;
}
#megosztottPaklik .HKKTabla a:hover {
  text-decoration: underline;
}

#megosztottPaklik .HKKTabla .sajatPakli,
#megosztottPaklik .HKKTabla.sajatPaklik .row:not(.header) {
  background: #A7B888 !important;
}


#megosztottPaklik .HKKTabla.sajatPaklik .row:nth-child(even) {
  background: #98A87C;
 }

#megosztottPaklik .megosztasDelete .bi {
  cursor: pointer;
} 
#megosztottPaklik .megosztasDelete .bi::before {
  line-height: 100% !important;
  vertical-align: middle;
}

.megosztasComments .commentCol .commentHeader {
  background: #63534A;
  color: #F3E5CE;
  font-weight: bold;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border: 4px double #CFC6B6;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.megosztasComments .commentCol .commentHeader .elozmeny {
  color: white;
}

.megosztasComments .commentCol .commentText {
  padding: 0.2rem;  
}

#ertekelesIkonok img {
  cursor: pointer;
}
#ertekelesIkonok img:hover {
  filter: brightness(125%);
}

img.renderOnClick {
  cursor: pointer;
}
#cardRenderer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  z-index: 1040;
  background: rgba(0,0,0,0.8);
}

.cardRendererClose {
  z-index: 1041;
  position: fixed;
  top: 1%;
  right: 1%;
  color: grey;
  cursor: pointer;
  font-size: 2rem !important;
}
/* ------------------- Toplisták ---------------- */
 
.HKKLapToplistak h5 {
  background: #533E33;
  text-align: left;
  padding-left: 1rem;
}

.szinToplistaLinkek img {
  border-radius: 5px;
  margin: 0.2rem 0 !important;
}

.borderedTable td {
  border-style: default !important;;
  border-width: 1px !important;
  padding: 2px;
}

/* ---- Oldalsó menü mobilon ----------- */

.menuOpener {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.8);
  margin: 0.5rem;
  padding: 0.5rem;
  border-radius: 10px;
}

#HKKKodexBody.oldKodexDesign .menuOpener,
.basketOpener,
.menuOpener {
  color: #bbb !important;
;}
.basketOpener {
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: rgba(0,0,0,0.8);
  margin: 0.5rem;
  padding: 0.5rem;
  border-radius: 10px;
}

.mobileMenuNav {
  height: 100%;
  width: 60%;
  position: fixed;
  z-index: 2001;
  top: 0;
  left: -60%;
  background-color: rgba(0,0,0,0.9);
  overflow-x: hidden;
  transition: 0.5s;
  padding: 0;
  margin:0;
}

.mobileBasketNav {
  height: 100%;
  width: 60%;
  position: fixed;
  z-index: 2001;
  top: 0;
  right: -60%;
  background-color: rgba(0,0,0,0.9);
  overflow-x: hidden;
  transition: 0.5s;
  padding: 0;
  margin:0;
}

.mobileMenuNav ul {
  list-style: none;
  padding: 1.5rem 0 0 0.5rem;
}

.mobileMenuNav li {
  margin: 0;
  padding: 0.1rem 0.2rem;
  color: #818181 !important;
}


#HKKKodexBody.oldKodexDesign .mobileMenuNav li a,
.mobileMenuNav li a {
  color: #818181 !important;
  text-decoration: none;
  display: block;
  transition: 0.3s;
  font-size: 4vmin;
}

#HKKKodexBody.oldKodexDesign .mobileMenuNav .closebtn,
.mobileBasketNav .closebtn,
.mobileMenuNav .closebtn {
  position: absolute;
  top: 0;
  right: 0.5rem;
  font-size: 1.5rem;
  color: #818181 !important;
}

.mobileBasketNav .closebtn {
  left: 0.5rem;
}

.mobileBasketNav .kosarRow {
  color: #818181;
  font-size: 0.8rem !important; 
}

.mobileBasketNav .kosarRow a {
  color:white;
  text-decoration: none;
}
.mobileMenuNav .dropdown-item {
  padding: 0.1rem 0 0.1rem 0.5rem;
}
.mobileMenuNav .dropdown-menu {
  margin:0 !important;
  padding:0 !important;
  background: transparent !important;
  position: inherit !important;
  transform: none !important;
}

.mobileMenuNav li .dropdown-item,
.mobileMenuNav li .dropdown-menu,
.mobileMenuNav .nav-link:focus {
  color: #818181 !important;
}

#mobileMenuBrads {
  width: calc(100% - 3rem);
}

#mobileMenuNav #HKKLogoMenuIcon img,
#mobileMenuBrads.webboltMenuBrands img {
  height: 2rem;
}

#mobileMenuBrads img {
  margin: 0.5rem 0 0 0;
  height: 1.5rem !important;
}

#szavazasHeader {
  position: relative;
  width: 70vmin;
  min-height: 15vmin;
  top: 8vmin;
  left: 20vmin;
  font-size: 1rem !important;
  background: rgba(255,255,255,0.7);
  border-radius: 10px;
  border: 3px double;
  box-shadow: 3px 3px 3px black;
  padding-bottom: 1vmin;
  display: none;
}

#szavazasHeader h5 {
  margin: 0;
  text-align:center;
  font-weight:bold;
  background: #514539;
  color: white;
  border: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#szavazasokContent h5 a,
#szavazasHeader h5 a {
  color: white;
  text-decoration: none;
}

#szavazasokContent h5 a:hover,
#szavazasHeader h5 a:hover {
  text-decoration: underline;
}

#szavazasHeader .szavazasDatum {
  display: none;
}

.beholderSzavazas .progress-bar {
 background-color: #9E7E48;
}

.szavazasOpciok .row { margin-bottom: 1vmin; }
#szavazasHeader .szavazasOpciok .row { margin-bottom: 0.5vmin; }

.beholderSzavazas .szavazasOpciok .row:nth-of-type(odd) {
  background:#aba292;
}

.beholderSzavazas .szavazasEredmeny {
  font-weight: bold;
  color: #400000;
}

.beholderSzavazas .progress { height: 2rem !important; }
#szavazasHeader .beholderSzavazas .progress { height: 1.5rem !important; }

/* --------------- Védnöki design -------------- */

.vednokiDesign {
  background: white;
  font-size: 20px;
  font-family: Georgia;
  color: black;
  line-height: 160%;
}

.vednokiDesign .cikkKereso,
.vednokiDesign h4,
.vednokiDesign .banner,
.vednokiDesign #szavazasHeader {
  display:none !important;
}

.vednokiDesign h5 {
  margin: 1rem 0;
  padding-left: 2rem;
  font-size: 1.75rem;
  font-family: vednokDesignHeader;
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
  background: url('../pic/vednokiHeaderLine.png') left repeat-y;
}

.vednokiDesign .tartalom p {
  padding: 10px !important;
}

.vednokiDesign .tartalom .paragrafus img {
  margin: 0.5rem auto;
  width: 90%;
  display: block;
}

.vednokiDesign #hkkTopHeader {
  background: url('../pic/header_vednoki.jpg') top center no-repeat;
  background-size: cover;
  box-shadow: 0px 0px 50px #535353;
}

@font-face {
  font-family: vednokDesignHeader;
  src: url('../fonts/Swis721BlackCondensedHU.ttf');
}

.vednokForm .lapJellemzok {
	display: none;
}

.vednokForm .field {
	clear: both;
}

.vednokForm .field .title {
	width: 500px;
	text-align: right;
	padding-right: 10px;
	display: block;
	float: left;
}

.vednokForm .field .help {
	width: 500px;
	text-align: right;
	padding-right: 10px;
	display: block;
	font-size: 14px;
	line-height: 100%;
	margin-bottom: 10px;
}

.vednokForm .field input.text {
	width: 400px;
}
.vednokForm .field textarea {
	width: 400px;
	height: 150px;
}

.vednokForm .ml {
	margin-left: 50px;
}

.vednokForm .submit {
	cursor: pointer;
	background: #FFA300;
	color: black;
	font-weight: bold;
	font-size: 20px;
	padding: 10px 15px;
	border: none;
}

.success {
	color: #009900;
	font-weight: bold;
	text-align:center;
	margin-bottom: 10px;
}

.emailError {
	color: red;
	text-align: center;
	display: none;
}

#gyemantVallalFields,
#aranyVallalFields {
  display:none;
}

#forcedLandscape { display:block; }
@media only screen and (orientation:portrait){
  #forcedLandscape {
    height: 100vw;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@media only screen and (orientation:landscape){
  #forcedLandscape {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

/* ------------- Szabálykönyv -------------- */

.HKKSzabalykonyv h2,
.HKKSzabalykonyv h3 {
  font-family: szabalykonyv;
}
.HKKSzabalykonyv h2 {
  text-align: center;
  font-size: 2.25rem;
}

.HKKSzabalykonyv h3 {
  font-size: 1.75rem;
}

/* ----------------- */
.vednokEvszam {
  font-family: arial;
  font-weight: bold;
  position: absolute;
  top: 15%;
  right: 15%;
  font-size: 2rem;
  color: #FAA203;
  text-shadow: 1px 1px 2px black, -1px -1px black, 1px -1px black, -1px 1px black;
}

#vednokCounter {
  display: none;
}