/* Enterprise Group Framework (c) */

:root {
  --color-font: #000000;
  --color-font1: #bebebe;
  --color-border: #ebebeb;
  --color-bg: #f9fafb;
  --color-bg1: #bebebe;
  --color-link: #0b4654;
  --color-link-h: #a4dc73;
  --color-brand: #0b4654;
  --color1: #85bf4a;
  --color1-invert: #ffffff;
  --color2: #a4dc73;
  --color2-invert: #ffffff;
  --color-ok: #28a745;
  --color-error: #D93333;
  --font-size-def: 15px;
  --color-day-de: #28a745;
  --color-day-du: #289ea7;
  --color-day-est: #285aa7;
}


.header {
	background-color: #a4dc73;
}

.header .navbar-brand {
	padding: 1px;
}

.header .navbar-brand img {
	max-height: 50px;
	margin: 0px 10px;
}

.header .navbar-brand .name {
	/*display: none;*/
	font-size: 20px;
	font-weight: 600;
	margin: 2px 2px; 
	color: var(--color-brand);
}

.header.navbar .userbox {
	text-transform: uppercase; 
	color: var(--color-font);
}

.header.navbar a.userbox {
    background-color: var(--color-brand);
   	color: #c4fb79;
	border: none;
}
.header.navbar a.userbox:hover {
    background-color: #ffffff;
	color: var(--color-brand);
}
.header.navbar a.userbox:hover .fas {
	color: var(--color-brand);
}

.header.navbar a.userbox .fa-user-circle {
	color: var(--color2);
}

.footeraddress .fas, .footermenu .fas,.footepolicy .fa-chevron-right {
	color: var(--color-font);
}

.btn-success {
    color: #fff;
    background-color: var(--color2);
    border-color: var(--color2);
}

.btn-success:hover {
    color: #fff;
    background-color: #356032;
    border-color: #356032;
}

/*sidebar*/
.sidemenu{
	min-width: 300px;
	max-width: 300px;
	background-color: var(--color-brand);
	padding-top: 30px;
	box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);
}

.navbar-collapse .navbar-nav .nav-link {
	color: #c4fb79;
}

/*nyito*/

.nyitocont {
	position: relative;
	background: transparent url(/images/nyito_kep_s.jpg) no-repeat  top right;
	background-size: cover;
	min-height: 40vh;
	border-radius: 0.25rem;
}

.nyitocont h1 {
    background: rgba(255,255,255,1);
    color: var(--color-brand);
	font-weight: 300;
	text-transform: uppercase;
	font-size: 25px;
    padding: 1rem;
    position: absolute;
    bottom: 3%;
    left: 15%;
	right: 15%;
	margin: auto;
    border-radius: 0.25rem;
	border: none;
	text-align: center;
}

.menuimg {
	margin-top: 3rem; 
}

.loginstpeshelp {
    display: none;
}

/* KIOSZK */

.kiosk h1 {
	padding: 0;
	font-size: 2.5rem;
	line-height: 1.5;
}

.kioskinfo {
	font-size: 1.7rem;
}

.containerbox.kiosk {
	display: flex;
	align-items: center;
}

.containerbox.kiosk .cont {
	padding: 6rem 6rem;
}

.containerbox.kiosk .keyboard {
	width: 700px;
}

.keyboard button {
	font-size: 3.5rem;
	padding: 0.75rem;
}

.keyboard button.warning, .keyboard button.danger, .keyboard button.success {
	font-size: 1.8rem;
}

.keyboard button:active:not(:disabled) {
	font-size: 3.4rem
}

.keyboard button:last-child:active:not(:disabled) {
	font-size: 1.77rem;
}

.result_popup {
    height: 40vh;
    width: 70vw;
    top: 25%;
    left: 15%;
}

.result_popup:after {
    content: "";
    background-color: transparent;
    width: 100%;
    height: 200px;
    display: block;
    position: absolute;
    bottom: -200px;
    left: 0;
}


@media (max-width: 767px) {
	.nyitocont h1 {
		  background: rgba(255,255,255,0.8);
		  position: relative;
		  bottom: auto;
		  left: auto;
		  right: auto;
		  font-size: 20px;
	}
}