html, body {
	font-family: Barlow Semi Condensed;
	color: rgb(0, 51, 77);	
	height: 100%;
    width: 100%;
    min-height: 100%;
    padding: 0;
    margin: 0;
}

.dz-complete, .dz-processing {
	border:1px solid #eee;
	padding: 5px;
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {    
    font-family: Barlow Semi Condensed;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: .5rem;
    margin-top: 0;
	color: rgb(241, 90, 34);
}

.upperbox {
	display: flex;
    align-items: center;
    background-color: rgb(0, 51, 77);
	color: #fff;
	/*padding-top:13px;
	padding-left:30px;*/
	height:70px;
	/*margin-bottom:50px;*/
	font-size: clamp(12px, 4vw, 28px);
}

.lowerbox {
	position:fixed;
	bottom:0;
	width:100%;
	background-image: linear-gradient(90deg, #f15a22 0%, #f15a22 33%, #f7941d);
	height:100px;
	padding-top:40px;
	display: flex; justify-content: flex-end;
	padding-right: 50px;
	color: #fff;
}

.lowerbox2 {
	width:100%;
	background-image: linear-gradient(90deg, #f15a22 0%, #f15a22 33%, #f7941d);	
	padding-top:20px;
	display: flex; justify-content: flex-end;
	padding-right: 50px;
	color: #fff;	
	/*clear: both;
    position: relative;*/
    height: 100px;    
}

.link {
	color: rgb(241, 90, 34);
	text-decoration: none;
	cursor: pointer;
}

.btn-primary {
	border: 0px;
	background-color: rgb(241, 90, 34);
	color: #fff;
}

.btn-primary:hover {
	background-color: rgb(0, 51, 77);
}

.primarylabel {
	color: rgb(241, 90, 34);	
}

.content-layout {
  min-width:300px;  
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  margin: 10px;
}

.btn-history {
  background-color:#fff;border:0px;color:rgb(241, 90, 34);padding:2px;height:25px;width:25px;	
}

.btn-new {
  background-color:rgb(241, 90, 34);border:0px;color:#fff;padding-top:2px;padding-bottom:2px;padding-left:10px;padding-right:10px;border-radius:3px;font-size:14px	
}

.btn-new-lg {
  background-color:rgb(241, 90, 34);border:0px;color:#fff;padding-top:4px;padding-bottom:4px;padding-left:10px;padding-right:10px;border-radius:5px;font-size:14px	
}

.btn-edit {
  background-color:#A4D8D8;border:0px;color:#fff;padding-top:2px;padding-bottom:2px;padding-left:10px;padding-right:10px;border-radius:3px;font-size:10px	
}

.btn-edit-lg {
  background-color:#A4D8D8;border:0px;color:#fff;padding-top:4px;padding-bottom:4px;padding-left:10px;padding-right:10px;border-radius:5px;font-size:14px	
}

.btn-del {
  background-color:#f00;border:0px;color:#fff;padding-top:2px;padding-bottom:2px;padding-left:10px;padding-right:10px;border-radius:3px;font-size:10px	
}

.btn-del-lg {
  background-color:#f00;border:0px;color:#fff;padding-top:4px;padding-bottom:4px;padding-left:10px;padding-right:10px;border-radius:5px;font-size:14px	
}

.btn-copy-lg {
  background-color:#a38;border:0px;color:#fff;padding-top:4px;padding-bottom:4px;padding-left:10px;padding-right:10px;border-radius:5px;font-size:14px	
}

.button-link {
  color:#fff;font-size:14px;text-decoration:none;
}

a:hover {
  text-decoration:none;
}


.logo {
  float:left;
}

.errorclass {
  color: #f00;
}

.errorclass2 {
  color: #f00;
}

/*.logolink:link, .logolink:visited, .logolink:hover, .logolink:active {
  color: #fff !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.logolink2:link, .logolink2:visited, .logolink2:hover, .logolink2:active {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  padding-left:50px;
}*/

.logolink {
  color: #fff !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.logindata {
	margin-top:-20px;
	padding-right:50px;
    float: right;
    clear: right;
}

#menu__toggle {
  opacity: 0;
}
#menu__toggle:checked + .menu__btn > span {
  transform: rotate(45deg);
}
#menu__toggle:checked + .menu__btn > span::before {
  top: 0;
  transform: rotate(0deg);
}
#menu__toggle:checked + .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg);
}
#menu__toggle:checked ~ .menu__box {
  left: 0 !important;
}
.menu__btn {
  position: absolute;
  top: 35px;
  left: 50px;
  width: 26px;
  height: 26px;
  cursor: pointer;
  z-index: 101;
}
.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: rgb(241, 90, 34);
  transition-duration: .25s;
}
.menu__btn > span::before {
  content: '';
  top: -8px;
}
.menu__btn > span::after {
  content: '';
  top: 8px;
}
.menu__box {
  display: block;
  position: fixed;
  top: 0;
  left: -100%;
  width: 300px;
  height: 100%;
  margin: 0;
  padding: 80px 0;
  list-style: none;
  background-color: #fff;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
  transition-duration: .25s;
  z-index:100;
}
.menu__item {
  display: block;
  padding: 12px 24px;
  color: #333;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  transition-duration: .25s;
}
.menu__item:hover {
  background-color: rgb(241, 90, 34);
  color:#fff;
  text-decoration:none;
  cursor:pointer;
}

.appointment {
  width:100%;
  display: flex;
  justify-content: center;
}

.form-group {
  margin-bottom:2px;
}

.redClass {
	color: #f00 !important;
}

.errorclass {
	color: #f00;
}

.container {
	max-width:100% !important;
	padding-top: 20px;
}

/* Rejtett állapot alapból */
.submenu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  list-style: none;
  padding-left: 20px;
  margin: 0;
}

/* Nyitott állapot */
.submenu.open {
  max-height: 500px; /* nagy érték, elég hely legyen */
}

/* Nyíl jobbra igazítása */
.submenu-toggle > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.arrow::before {
  content: "▾";
  transition: transform 0.3s ease;
}

/* Felfelé mutató nyíl */
.arrow.up::before {
  content: "▴";
}