/*------------------------------------*\
  #Rendszer hatter szinek
\*------------------------------------*/

.bg-evir {
	background-color: #5886b7;
}
.bg-ezust {
	background-color: #f8f9fa;
}
.bg-feher {
	background-color: #ffffff;
}
.bg-grafit {
	background-color: #343a40;
}
.bg-kek {
	background-color: #007bff;
}
.bg-narancs {
	background-color: #ff8000;
}
.bg-piros {
	background-color: #dc3545;
}
.bg-sarga {
	background-color: #ffc107;
}
.bg-sotet {
	background-color: #181818;
}
.bg-szurke {
	background-color: #6c757d;
}
.bg-turkiz {
	background-color: #17a2b8;
}
.bg-zold {
	background-color: #28a745;
}
.darken {
	box-shadow: inset 0px 0px 400px 110px rgba(0, 0, 0, .3);
}



/*------------------------------------*\
  #Login mezo
\*------------------------------------*/

.login-shopping-cart {
	display: none !important;
}




/*------------------------------------*\
  #Listazo
\*------------------------------------*/

td.muvelet a {
	background-color: #007bff;
	color: #ffffff !important;
	padding: .25rem .5rem;
	margin: .25rem;
	border-radius: .25rem;
}
td.muvelet a:hover, td.muveletek a:focus {
	background-color: #0069d9;
	color: #ffffff !important;
	padding: .25rem .5rem;
	margin: .25rem;
	border-radius: .25rem;
}
td.green-box {
	background-color: #d4edda;
	color: #155724;
	border-bottom: 1px solid #c3e6cb;
}
.lista1:hover td.green-box, .lista2:hover td.green-box, .lista1:focus td.green-box, .lista2:focus td.green-box {
	 background-color: rgba(40,167,69,0.25);
}
.lista1:hover td.green-box:hover, .lista2:hover td.green-box:hover, .lista1:focus td.green-box:focus, .lista2:focus td.green-box:focus {
	 background-color: rgba(40,167,69,1);
}
.lista1:hover td.green-box:hover a, .lista2:hover td.green-box:hover a, .lista1:focus td.green-box:focus a, .lista2:focus td.green-box:focus a, 
.lista1:hover td.red-box:hover a, .lista2:hover td.red-box:hover a, .lista1:focus td.red-box:focus a, .lista2:focus td.red-box:focus a {
	 color: #ffffff !important;
}
td.red-box {
	background-color: #f8d7da;
	color: #721c24;
	border-bottom: 1px solid #f5c6cb;
}
.lista1:hover td.red-box, .lista2:hover td.red-box, .lista1:focus td.red-box, .lista2:focus td.red-box {
	 background-color: rgba(220,53,69,0.25);
}
.lista1:hover td.red-box:hover, .lista2:hover td.red-box:hover, .lista1:focus td.red-box:focus, .lista2:focus td.red-box:focus {
	 background-color: rgba(220,53,69,1);
}
td.yellow-box {
	background-color: #fff3cd;
	color: #856404;
	border-bottom: 1px solid #ffeeba;
}
.lista1:hover td.yellow-box, .lista2:hover td.yellow-box, .lista1:focus td.yellow-box, .lista2:focus td.yellow-box {
	 background-color: rgba(255,193,7,0.25);
}
.lista1:hover td.yellow-box:hover, .lista2:hover td.yellow-box:hover, .lista1:focus td.yellow-box:focus, .lista2:focus td.yellow-box:focus {
	 background-color: rgba(255,193,7,1);
}
table.bg-grafit tr:hover {
	color: #fff;
}

/*------------------------------------*\
  #Csempe portal
\*------------------------------------*/

div#tile_hatter {
	height: 100%;
	width: 100%;
}
@media (max-width: 576px) {
	div.tile_base {
		height: 15em;
	}
}
@media (min-width: 576px) and (max-width: 768px) {
	div.tile_base {
		height: 300px;
	}
}
div.tile_base a {
	cursor: pointer;
}
div.tile_base a:hover {
	text-decoration: none;
}
div.tile_big:hover, div.tile_wide_top:hover, div.tile_wide_bottom:hover, div.tile_small_left_top:hover, div.tile_small_right_top:hover, div.tile_small_left_bottom:hover, div.tile_small_right_bottom:hover {
	background-color: #ffffff !important;
}

div.cimsor h1 {
	font-size: 20pt;
	margin-top: 20px;
}
div.cimsor h2 {
	font-size: 15pt;
}
div.cimsor i {
	font-size: 30px;
}




/*------------------------------------*\
  #Persona
\*------------------------------------*/

@media (max-width: 1300px) {
	div.persona_portal_adatok, div.persona_doboz table.persona_doboz {
		margin-top: 10px;
	}

}
@media (min-width: 1300px) {
	div.persona_portal_tagok, div.persona_portal_adatok, div.persona_portal_attributumok {
		float: left;
	}
	div.persona_portal_tagok div.scrolltable, div.persona_portal_tagok div.vscroll, div.persona_portal_tagok table.scroll-table {
		max-height: 100% !important;
		overflow-y: visible;
	}
	div.persona_portal_attributumok, div.persona_portal_tagok div.scrolltable, div.persona_portal_adatok, div.persona_doboz table.persona_doboz {
		width: -webkit-calc(30vw - 110px)  !important;
		width: -moz-calc(30vw - 110px)  !important;
		width: calc(30vw - 110px)  !important;
	}
	div.persona_portal_attributumok {
		margin: 0px 5px 0px 5px;
	}
	div.persona_portal_tagok div.scrolltable, div.persona_portal_adatok, div.persona_doboz table.persona_doboz {
		margin: 0px 10px 0px 10px;
	}
}




/*------------------------------------*\
  #Widget
\*------------------------------------*/

.scrollable {
	max-height: 50vh;
	overflow-y: auto;
	overflow-x: hidden;
}
.widget-card:hover {
	border: 1px solid rgba(0, 0, 0, .25);
	background: rgba(0, 0, 0, .25);
}
.popover {
	background: #fff3cd;
}
.h_auto, .h_mini, .h_alacsony, .h_kozepes, .h_magas {
	position: relative;
}
.h_alacsony, .h_kozepes, .h_magas {
	min-height: 18rem;
}
.h_auto {
	height: auto;
}
.h_mini {
	height: 15vh;
	min-height: 8rem;
}
.h_alacsony {
	height: 30vh;
}
.h_kozepes {
	height: 60vh;
}
.h_magas {
	height: 90vh;
}
.h_mini .menu_size_class {
	font-size: 13pt;
}
.h_alacsony .menu_size_class {
	font-size: 16pt;
}
.h_kozepes .menu_size_class {
	font-size: 18pt;
}
.h_magas .menu_size_class {
	font-size: 20pt;
}

.h_10 {
	 height: 10vh;
}
.h_20 {
	 height: 20vh;
}
.h_30 {
	 height: 30vh;
}
.h_40 {
	 height: 40vh;
}
.h_50 {
	 height: 50vh;
}
.h_60 {
	 height: 60vh;
}
.h_70 {
	 height: 70vh;
}
.h_80 {
	 height: 80vh;
}
.h_90 {
	 height: 90vh;
}
.h_100 {
	 height: 100vh;
}

/*------------------------------------*\
  #Homokora
\*------------------------------------*/

.hourglass-spin {
	color: rgba(0,0,0,.125);
}
.hourglass-spin > [class*="fa-hourglass"] {
	 animation: showhide 4s steps(1) infinite;
	 opacity: 0;
}
 .hourglass-spin > .fa-hourglass-end {
	 animation-delay: 2s;
}
 .hourglass-spin > .fa-hourglass-half {
	 animation-delay: 1s;
}
 .hourglass-spin > .fa-hourglass-start {
	 animation-delay: 0s;
}
 .hourglass-spin > .fa-hourglass-end.spin {
	 animation: showhidespin 4s linear infinite;
}
 @keyframes showhide {
	 0% {
		 opacity: 1;
	}
	 25% {
		 opacity: 0;
	}
}
 @keyframes showhidespin {
	 0% {
		 opacity: 0;
	}
	 74.9999999% {
		 opacity: 0;
	}
	 75% {
		 opacity: 1;
		 transform: rotate(0deg);
	}
	 100% {
		 opacity: 1;
		 transform: rotate(180deg);
	}
}
 .hourglass-body {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 flex-direction: row;
	 flex-wrap: wrap;
}