/* Enterprise Group Framework (c) */

:root {
  --color-font: #0a101e;
  --color-font1: #bebebe;
  --color-border: #ebebeb;
  --color-bg: #f9fafb;
  --color-bg1: #bebebe;
  --color-link: #4f8dc7;
  --color-link-h: #5aa1e3;
  --color-brand: #5aa1e3;
  --color1: #4f8dc7;
  --color1-invert: #ffffff;
  --color2: #787FCC;
  --color2-invert: #ffffff;
  --color-ok: #28a745;
  --color-error: #e95555;
  --color-warn: #f6ca45;
  --font-size-def: 15px;
  --color-day-de: #28a745;
  --color-day-du: #289ea7;
  --color-day-est: #285aa7;
}

html,body {
	height: 100%;
	background-color: var(--color-bg);
}
body { 
	font-family: 'Open Sans', sans-serif;
	color: var(--color-font);
	font-size: var(--font-size-def);
}
h1,h2,h3,h4,h5,h6 { 
	font-family: 'Open Sans', sans-serif;
	color: var(--color1);
}
h1 {
	padding-left: 1.5rem;
	border-left: 24px solid var(--color-border);
	font-size: 24px;
	margin-bottom: 2rem;
}

h2.foglalas {
	font-size: 1.25rem;
	margin: 1rem 0;
}

img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

a:link:not(.btn),a:visited:not(.btn) { color: var(--color-link); text-decoration: none; }
a:active:not(.btn),a:hover:not(.btn) { color: var(--color-link-h); text-decoration: none; }

a.external:after {
	content: '\f35d';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 75%;
	margin-left: 0.7em;
}

.c1 { color: var(--color1); }
.c2 { color: var(--color2); }
.c3 { color: var(--color-font); }
.err { color: var(--color-error); }

.text-brand {color: var(--color-brand); }

.form-control.err{ background-color: #ffe0e0 !important; }

.input-group > .form-control.search:not(:last-child) {
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}

.btn {
	box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);
	padding: 5px 20px;
	/*text-transform: uppercase;*/
}
.btn .fas {
	padding-right: 10px;
}
.btn-danger {
	  background-color: var(--color-error);
}
.btn-primary {
	  background-color:  #6F81FF;
}

.clear-btn {
	background: transparent;
	border: 0;
	position: relative;
	transform: translateX(-100%);
	padding: 0 1em;
	z-index: 10;
	display: none;
}

.table .tblw1 {
	min-width: 160px;
}

form[name=addform] input[required].form-control:valid {
	background-image: url('/images/check.svg');
	background-repeat: no-repeat;
	background-position: center right 1em;
	background-size: auto 50%;
}

.control-label {
	font-weight: 500;
}

.form-hint {
	font-size: 0.8em;
	margin-top: -0.25rem;
	margin-bottom: 0.5rem;
	opacity: 0.75;
}

.form-message {
	font-size: 0.8em;
	color: var(--color-error);
	margin: 0;
	opacity: 0;
	height: 0;
	transition: all 300ms;
	margin: 0;
}
input:invalid ~ .form-message, select:invalid ~ .form-message {
	opacity: 1;
	height: auto;
	margin: 0.5rem 0;
}



.note {
    padding: 10px;
    border-left: 6px solid;
     border-left-color: currentcolor;
    border-radius: 5px;
	margin-bottom: 20px;
}
.note-danger {
    background-color: #fae7e8;
    border-color: #e45460;
}
.text-danger {
	padding: 5px 0px;
}

.note h4 {
	padding: 5px 0px;
	font-size: 18px;
}

.aoboxbody { padding: 15px 0px; }
.aoboxbody p { text-align: justify; }

.indent1 { margin-left: 40px; }
.indent2 { margin-left: 80px; }
.indent3 { margin-left: 120px; }

/*default anim*/
.main,.header,.sidemenu{
	transition: all 0.3s;
}

.header {
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
	background-color: #ffffff;
	border-bottom: var(--color-border);
	padding: 0;
	height: 80px;
}

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

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

.header .navbar-brand .name {
	font-size: 20px;
	font-weight: 600;
	margin: 0px 1rem;
}
.header.navbar .userbox{
	border-left: 1px solid var(--color-border);
	border-right: 1px solid var(--color-border);
	background-color: var(--color-bg);
	padding: 28px 20px;
	height: 80px;
	margin: 0 0.5rem;
	color: var(--color-link);
	transition: all 0.3s;
	line-height: 22px;
	position: relative;
}
.header.navbar a.userbox:hover {
	  background-color: var(--color-brand);
	  color: var(--color1-invert);
	  /*margin-left: 0.25rem;*/
}
.header.navbar a.userbox:hover .fas{
	color: var(--color1-invert);
}
.header.navbar a.userbox .fas{
	margin-right: 15px;
	font-size: 16px;
}
.header.navbar a.userbox .fa-user-circle{
	font-size: 22px;
	color: var(--color-font1);
	line-height: 28px;
	vertical-align: middle;
}

.header.navbar a.userbox.auth:after {
	content: '\f078';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	bottom: 0.25rem;
	left: 0;
	right: 0;
	text-align: center;
	color: var(--color-font1);
}
.header.navbar a.userbox.auth:hover:after {
	color: var(--color1-invert);
}

.header.navbar .langs{
	margin: 0px 1rem;
}
.header.navbar .langs img{
	margin: 0px 5px;
	height: 18px;
}
.header.navbar .langs img:hover{
	box-shadow: 0px 0px 6px 0px rgba(60,84,204,0.5);	
}

.mobile-patient {
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
	height: 3rem;
	text-align: center;
	background: var(--color-bg1);
	line-height: 3rem;
	color: var(--color1-invert);
	text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
}

.mobile-patient .name {
	font-weight: 600;
}	

.mobile-patient button {
	border: 0;
	background-color: transparent;
	padding: 0 1em;
	color: var(--color1-invert);
}
.mobile-patient button[disabled] {
	opacity: 0.5;
}

.head-patient {
	/* float: right; */
	margin: -2rem -2rem 1rem -2rem;
	padding: 1rem;
	text-align: right;
	background-color: #f8f8f8;
	display: none;
}

.langinact {
	-webkit-filter: grayscale(100%); 
  filter: grayscale(100%);
  opacity: 0.5;
}

.header.navbar .navbar-toggler {
	font-size: 26px;
}

.navbar-collapse .navbar-nav .nav-item {
	padding: 3px 10px;
	transition: all 0.3s;
}

.navbar-collapse .navbar-nav .nav-item:hover {
	padding-left: 14px;
	background-color: rgba(255,255,255,0.2)
}

.navbar-collapse .navbar-nav .nav-link {
	color: #ffffff;
	font-size: var(--font-size-def);
	text-transform: uppercase;
}
.navbar-collapse .fas,.navbar-collapse .far {
	margin-right: 15px;
	font-size: 16px;
}
.navbar-collapse .fa-chevron-right {
	font-size: var(--font-size-def);
}



/*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);
}
.containerbox {
	min-height: calc(100vh - 75px);
	width: 100%;
	max-width: 1270px;
}

.containerbox:not(.no-anim)  {
	transition: opacity 200ms ease;
	animation: slideInTop 200ms ease;
}

@keyframes slideInTop {
	0% {
		opacity: 0;
		transform: translateY(-50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.containerbox .cont {
	background-color: #ffffff;
	border: 1px solid var(--color-border);
	margin: 2rem;
	padding: 2rem;
	border-radius: 0.25rem;
	box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);
}

.containerbox .cont.nyito {
	padding: 0;
} 
.containerbox .cont.fcont {
	padding-bottom: 10px;
} 

/*footer*/
.footer {
	/*margin-top: 40px;*/
	font-size: 13px;
}
.footer .container{
	padding:  0 2rem;
}
.footer h3 {
	color: var(--color-link);
	margin: 0px 0px 20px 0px;
	font-size: 18px;
	text-transform: uppercase;
}
.footer a:link,.footer a:visited { color: var(--color-link); text-decoration: none; }
.footer a:active,.footer a:hover { color: var(--color-link-h); text-decoration: none; }
.footeraddress {
	line-height: 1.5em;
}
.footeraddress .kiem { 
	display: block;
	color: #ffffff;
	margin-bottom: 1.5em;
}
.footeraddress .fas {
	font-size: 14px;
	margin-right: 15px;
	color: var(--color-link-h);
}
.footeraddress .logo {
	padding: 5px 10px;
	float: left;
	height: 80px;
}
.footermenu {
	float: left; 
	line-height: 1.5em;
	z-index: 9;
}
.footermenu .fas {
	font-size: 14px;
	margin-right: 15px;
	color: var(--color-link-h);
}

.footermenu a:link,.footermenu a:visited { color: var(--color-link); text-decoration: none; }
.footermenu a:active,.footermenu a:hover { color: var(--color-link-h); text-decoration: none; }

.footepolicy.smalltxt {
	font-size: 12px;
}
.footepolicy .fa-chevron-right{
	font-size: 14px;
	margin-left: 10px;
	color: var(--color-link-h);
}
.sociallinks {
	line-height: 2.5em;
}
.sociallinks a {
	display: block;
}
.sociallinks .fas {
	color: #ffffff;
	font-size: 18px;
	padding: 8px;
	border: 2px solid #ffffff;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	margin-right: 20px;	
}
.footer1 {	
	font-size: 13px;
}
.footer1 .container-fluid {
	border-top: 1px solid var(--color-border);
}	
.footer1 .footercopyr { 
	padding: 15px;
	text-align: center;
}

/*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;
	left: 15%;
	right: 15%;
	margin: auto;
	border-radius: 0.25rem;
	border: none;
	text-align: center;
}
.nyitocont img {
	  border-radius: 0.25rem;
}

.loginstpeshelp {
	text-align:center;
}

.menuimg {
		margin-top: 3rem; 
}

/*rendeles*/
.rendkor,.rendtipus {
	/*border-top: 1px solid var(--color-border);*/
	line-height: 35px;
}
.renborderr{
	/*border-right: 1px solid var(--color-border);*/
	padding: 0.5rem 0.5rem;
}
.renborderr .faicon {
	font-size: 16px;
	color: var(--color-ok);
	transition: color ease-in-out .15s;
}
.renborderr .btn:hover .faicon,.renborderr .btn.btn-success .faicon {
	color: var(--color1-invert);
}

.renborderr .faicon:before {
	font-family: "Font Awesome 5 Free";
	content: "\f017";
	display: inline-block;
	padding-right: 5px;
	font-weight: 900;
}
.renborderr .faicon.type1:before {
	content: "\f03d";
}
.renborderr .faicon.type2:before {
	content: "\f017";
}
.renborderr .faicon.type3:before {
	content: "\f1da";
}


.rendtipus {
	border-top: 1px solid var(--color-border);
}

.rendresult {
	margin: 1rem 0rem;
	padding: 0.5rem 0.5rem;
} 

.rendkor .title,.rendtipus .title, .rendresult .title{
	color: var(--font-color);
	font-weight: 500;
	font-size: 18px;
	min-width: 200px;
}
.rendkor .title .step, .rendtipus .title .step,.rendresult .title .step{
	display: none;
	background-color:  var(--color-bg);
	text-align: center;
	font-size: 20px;
	padding: 3px;
	width: 35px;
    height: 35px;
    border-radius: 50%;
	margin-right: 15px;
}
.rendkor .btn,.rendtipus .btn {
	min-width: 140px;
	cursor: pointer;
}
.renborderr .btn-secondary {
	background-color: var(--color-bg);
	border: 1px solid var(--color-border);
	color: var(--font-color);
}
.renborderr .btn-secondary:hover {
	background-color: var(--color-ok);
	border-color: #28a745;
	color: #ffffff;
}

.renborderr .custom-control {
	line-height: 1.5;
}
.rendresult .item {
	padding: 1rem 0.5rem;
	border-bottom: 1px solid var(--color-border);
	transition: all 0.3s;
}
.rendresult .item .group {
	color: var(--color-font1);
	float: right;
	margin: 0 2rem;
}
.rendresult .item .fas {
	font-size: 16px;
	margin-right: 15px;
	padding-right: 15px;
	color: var(--color-ok);
	border-right: 1px solid var(--color-border);
}
.rendresult .item .fa-chevron-right {
	color: var(--font-color);
	border: none;
}
.rendresult .item .fa-coins {
	color: var(--color2);
	border: none;
	float: right;
	margin: 0 1rem;
}

.rendresult .item:hover {
	background-color: var(--color-bg);
	padding-left: 1rem;
}

.rendresult .item.subitem {
	padding: 0.6rem;
	padding-left: 3rem;
}

.rendresult .item.subitem:hover {
	padding-left: 3.2rem;
}

/* listák */

.fl-list {
	
}

.fl-list > .title {
	padding: 0.5rem 0.5rem;
	color: var(--font-color);
	font-weight: 500;
	font-size: 18px;
}

.fl-list .item {
	display: flex;
	padding: 1rem 0.5rem;
	border-bottom: 1px solid var(--color-border);
	border-top: 1px solid var(--color-border);
	margin-top: -1px;
	transition: all 0.3s;
	overflow: hidden;
}

.fl-list a.item:hover {
	background-color: var(--color-bg);
	padding-left: 0.8rem;
}

.fl-list .item > * {
	display:block;
	padding: 0 0.8rem;
}

.fl-list .item .name {
	flex-grow: 1;
}

.fl-list .item .icon {
	font-size: 16px;
	color: var(--color-ok);
	border-right: 1px solid var(--color-border);
}

.fl-list .item .group {
	color: var(--color-font1);
}

.fl-list .item.subitem {
	padding: 0.6rem;
	padding-left: 3rem;
}

.fl-list .item.subitem:hover {
	padding-left: 3.2rem;
}

.fl-list .item-group {
	border: 1px solid var(--color-border);
	border-radius: 10px;
	margin-bottom: 1rem;
	overflow: hidden;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
}

.fl-list .item-group.disabled .item {
	opacity: 0.3;
	filter: saturate(0);
}

.fl-list .item-group .age-alert {
	color: var(--danger);
	font-size: 80%;
	padding: 1em;
}

.fl-list .item-group .item:not(.subitem) .name {
	font-weight: 700;
}

/*saját előjegyzés */
.fl-list.appointments .name {
	display: flex;
	flex-wrap: wrap;
	
}

.fl-list.appointments .name > .data {
	flex-grow: 1;
	margin-bottom: 0.8rem;
}

.fl-list.appointments .name .location {
	font-weight: 600;
}

.fl-list.appointments .name .date {
	/*color: var(--success);*/
}

.fl-list.appointments .consultation {
	color: var(--color-brand);
	text-transform: uppercase;
	font-size: 85%;
	white-space: nowrap;
	font-weight: 600;
	display: inline-block;
}

/*elojegyzes*/
.szervezet-info {
	margin-top: 1em;
}


.elojegy .date-selector {
	margin: 2rem 0;
	padding: 1rem 0;
	text-align: center;
	border-bottom: 1px solid var(--color-border);
	border-top: 1px solid var(--color-border);
}
.elojegy .date-selector .btn {
	margin-top: -5px;
}
.elojegy .date-selector .float-left .fas {
	margin-right: 1rem;
}
.elojegy .date-selector .float-right .fas {
	margin-left: 1rem;
}
.elojegy .date {
	font-size: 1.2em;
	font-weight: 500;
	color: var(--color1);
}
.beutaloblock { 
	/*width: 60%;*/
}
.beutaloblock h3 {
	padding-left: 1.5rem;
	border-left: 24px solid var(--color-border);
	font-size: 18px;
	margin-bottom: 2rem;
}

.beutaloblock .form-message {
	display: block;
}

#beutalohelp {
	display: none;	
}

.helpbtn {
	float: right;
}
.modal-dialog {
	transition: all 300ms;
}

/*separated block*/
.block {
	background-color: #ffffff; 
	margin: 0px auto 10px auto;
	box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.85);		
}
.block  > .row  > [class*="col-"] {
	padding: 0px 40px;
	border: 1px solid #ffffff;
}
.radius {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

/* calendar */


/* új naptár */

.napszakok {
	padding: 1em;
	text-align: center;
}

.napszakok > label {
	padding: 0 1em;
	margin: 0 1em;
	border-bottom: 3px solid var(--color-day-de);
	cursor: pointer;
}

.napszakok > label[data-tod="du"] {
	border-color: var(--color-day-du);
}

.napszakok > label[data-tod="est"] {
	border-color: var(--color-day-est);
}

.napszakok > label input {
	display: none;
}
.napszakok > label span {
	margin-right: 1em;
	color: var(--color-day-de); 
}
.napszakok > label[data-tod="du"] span {
	color: var(--color-day-du); 
}
.napszakok > label[data-tod="est"] span {
	color: var(--color-day-est); 
}
.napszakok > label input + span > i.fa-check-square {
	display:none;
}

.napszakok > label input:checked + span > i.fa-check-square {
	display:inline-block;
}

.napszakok > label input:checked + span > i.fa-square {
	display:none;
}

table.foglalas { width: 100%; height: 1px; table-layout:fixed;}
table.foglalas tr:not(:first-child) td { padding: 0; border-top: 1px solid rgba(0,0,0,0.05);}

table.foglalas td {padding: 0; vertical-align: top;}
table.foglalas .day { border-right: 1px solid var(--color-border);}
table.foglalas .day.day-info {
	width: 220px;
}
table.foglalas .day.day-empty {
	width: 0px;
}
table.foglalas .day.hidetimes.hide .time.hideiftoomuch, table.foglalas .time.filtered { height: 0; padding-top: 0; padding-bottom: 0; margin-top:0; margin-bottom:0; opacity: 0;}
table.foglalas .day.hidetimes.hide .showless { display: none; }
table.foglalas .day.hidetimes:not(.hide) .showmore { display: none; }
table.foglalas .time { background-color: var(--color-day-de); color: #eee; text-align: center; padding:2px 5px; cursor: pointer; border-radius: 1em; margin:0.5em;overflow: hidden; transition: all 300ms;}
table.foglalas .time.unavail { color: rgba(0,0,0,0.3);}
table.foglalas .time[data-tod="du"] { background-color: var(--color-day-du);}
table.foglalas .time[data-tod="est"] { background-color: var(--color-day-est);}
table.foglalas .time.past {opacity: 0.6; cursor: default;
	background-image: repeating-linear-gradient(-30deg, transparent, transparent 1px, rgba(0, 0, 0, 0.1) 2px, rgba(0, 0, 0, 0.1) 6px);
	color: rgba(0,0,0,0);
	box-shadow: 0px 0px 0px 2px rgba(255,255,255,1) inset;
}
table.foglalas .time.own {
	border-color: #2db64c;
	box-shadow: 5px 0px 0px 0px rgba(33,136,56,1) inset;
	border: none;
	border-bottom: 1px solid #ffffff;
	background-color: #2db64c;
	color: #ffffff;
}
table.foglalas .time.own .ownspan{
	display: inline-block;
	background-color: #6cce82;
}

table.foglalas .time.reserved {
	background-color: #ffccd8;
	box-shadow: 5px 0px 0px 0px rgba(241,59,102,1) inset;
	border: none;
	border-bottom: 1px solid #ffffff;
	color: #f13b66;
}

table.foglalas .showmoreorless {
	padding: 5px;
	cursor: pointer;
	text-align: center;
	border-top: 1px solid #aaa;
	margin: 0 10px;
}

table.foglalas .day.disabled div {
	width: 100%;
	height: 100%;
	padding: 5px;
	display:table;
	background-color: rgba(230, 230, 230, 0.6);
}
table.foglalas .day.disabled div span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

table.foglalas .time.free:hover {
	box-shadow: 0 0 100px rgba(0,0,0,0.3) inset;
}


table.foglalas .daylabel {padding-bottom: 0.5rem;}
table.foglalas .daylabel .dayname {
	font-size: 12px;
	display: block;
	color: var(--color-font1);
}

table.foglalas .doctor {
	padding: .5em .5em .5em 0;
}

table.foglalas .doctor img {
	border-radius: 50%;
	width: 50px;
	float:left;
	display:block;
	margin-right: .5em;
}

table.foglalas .doctor .name {
	font-weight: 600;
}

table.foglalas .doctor .prof {
	font-size: 85%;
	font-style: italic;
}

table.foglalas .doctor .profile-link {
	font-size: 85%;
}

.nincselojegyzes {
	text-align: center;
	padding: 2rem;
	font-weight: 600;
}

.doctor-info {
	font-size: 0.8rem;
	text-align: left;
	margin: 1rem auto;
	display: flex;
	padding: 12px;
	background: rgba(0,0,0,0.025);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	width: 100%;
	max-width: 800px;
	border-left: 5px solid var(--color-brand);
}

.doctor-info .image {
	margin: -12px 12px -12px -12px;
}

.doctor-info img {
	object-fit: cover;
	height: 100%;
	max-width: 150px;
	max-height: 180px;
	display: block;
}

.doctor-info h3.name {
	font-size: 1.5rem;
	margin: 0 0 0.2em;
}

.doctor-info .prof {
	font-style: italic;
	font-size: 80%;
	color: var(--color-font1);
	margin-left: 0.5em;
}

.doctor-info .intro {
	margin-top: 1em;
}

.payment-selector {
	
}
.payment-selector input {
	display:none;
}

.payment-selector label {
	padding: 1em;
	margin: 0.5em;
	border: 2px solid rgba(0,0,0,0.05);
	cursor: pointer;
	border-radius: 5px;
	opacity: 0.5;
}

.payment-selector label:hover {
	opacity: 1;
}

.payment-selector div {
	padding: 1em;
	margin: 0.5em 0;
}


.payment-selector input:checked + label {
	border-color: var(--color-brand);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	opacity: 1;
}

/* jump*/

.bs-wizard {margin: 20px 0px; }
.bs-wizard { padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 14px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }


@media (max-width: 767px) {
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {cfont-size: 12px; margin-bottom: 5px;}
.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
	line-height: 20px;
}

}

/* file upload */

.dropzone {
	position: relative;
	background-color: rgba(0,0,0,0.03);
	color: #aaa;
	border: 3px dashed #ccc;
	text-align: center;
	padding: 2rem;
	font-size: 1.5rem;
}

.dropzone.dragover {
	background-color: rgba(0,255,0,0.1);
}

.dropzone .fas {
	font-size: 3rem;
}

.dropzone input {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	bottom:0;
	right:0;
	opacity: 0;
}

.rendresult .file.item {
  display: flex;
  align-items: center;
}

.rendresult .file.item:hover {
  padding-left: 0.5rem;
}

.rendresult .file.item > div {
  margin-right: 1em;
  padding-right: 1em;
}

.rendresult .file.item .filename {
  width: 400px;
}

.rendresult .file.item .progress {
  width: 200px;
  margin-right: 3em;
  padding: 0;
}

.rendresult .file.item .filesize {
  flex-grow: 1;
  text-align:right;
}


/* KIOSZK */
body > div, body > div > div {
	height: 100%;
}

div#print_content {
	display: none;
}

.main.kiosk {
	background: transparent url("/images/kiosk_bg2b.jpg") no-repeat top center;
	background-size: cover;
	height: 100%;
}

.kiosk h1 {
	font-size: 34px;
	color: #212529;
	border: none;
	text-align: center;
}

.kioskinfo { 
	text-align: center;
	padding: 2rem 0;
	font-size: 20px;
}

.containerbox.kiosk {
	margin: 0 auto;
	width: auto;
	max-width: auto;
}
.containerbox.kiosk .cont {
	background: rgba(255,255,255,0.5);
	border: none;
	box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.66);
	border-radius: 1rem;
	padding: 4rem 8rem;
}

.keyboard {
	width: 500px;
	margin: 0 auto;
}

.code-display {
	text-align: center;
	font-size: 4rem;
	line-height: 4rem;
	background-color: rgba(255,255,255,0.5);
	padding: 1rem;
	height: 6rem;
	margin-bottom: 1rem;
	border-radius: 10px;
}

.keyboard button {
	font-size: 3rem;
	width: 100%;
	margin: 0.25rem;	
	text-transform: uppercase;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 90%);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 1px 1px rgba(255,255,255,0.9) inset;
	text-shadow: 0 1px 0 rgba(255,255,255,0.8), 0 -1px 0 rgba(0,0,0,0.8);
	font-weight: 500;
	color: #555;
	border: 1px solid rgba(0,0,0,0.2);
	background-color: #ddd;
}

.keyboard button.wide {
	flex-basis: 200%;
}

.keyboard button:disabled {
	opacity: 0.5;
}


.keyboard button:active:not(:disabled) {
	box-shadow: 0 0 2px rgba(0,0,0,0.5) inset;
	font-size: 2.9rem
}
.keyboard button:last-child:active:not(:disabled) {
	font-size: 1.37rem;
}

.keyboard button.warning {
	font-size: 1.4rem;
	color: var(--orange);
}

.keyboard button.danger {
	font-size: 1.4rem;
	color: var(--danger);
}

.keyboard button.success {
	font-size: 1.4rem;
	background-color: var(--success);
	color: white;
	
}

#qrcode {
	position: absolute;
	top: -100px;
	opacity: 0;
	cursor: default;
}

.result_popup {
	position: fixed;
	height: 70vh;
	width: 60vw;
	top: 15%;
	left: 20%;
	background: rgba(255,255,255,1);
	border: 1px solid rgba(0,0,0,0.3);
	transition: transform 200ms ease;
	transform: scale(0);
	text-align: center;
	font-size: 2rem;
	
	border: none;
	box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.66);
	border-radius: 1rem;
	padding: 4rem 8rem;	
	
}

.result_popup .fas {
	font-size: 6rem;
	margin: 1.5rem;
	text-shadow: 0 1px 0 rgba(255,255,255,0.8), 0 -1px 0 rgba(0,0,0,0.8);	
}

.result_popup.open {
	transform: scale(1);
}

.result_popup > div {
	transition: opacity 100ms ease;
	position: absolute;
	width: 100%;
	left:0;
	top:0;
	padding: 2rem;
}

 #result_success h2,#result_error h2 {
	padding: 2rem 0;
}

.popup_btn_div {
	top: auto !important;
	position: absolute; 
	bottom: 2rem;
	text-align: center;
}

.result_popup button {
	font-size: 3rem;
	width: 30%;
	margin: 0.25rem 0;	
	text-transform: uppercase;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 90%);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 1px 1px rgba(255,255,255,0.9) inset;
	text-shadow: 0 1px 0 rgba(255,255,255,0.8), 0 -1px 0 rgba(0,0,0,0.8);
	font-weight: 500;
	color: #555;
	border: 1px solid rgba(0,0,0,0.2);
	background-color: #ddd;
}

.result_popup button.success {
	font-size: 1.4rem;
	background-color: var(--success);
	color: white;
	
}




/*timeline*/

#timeline .vis-timeline {
	/*background-color:  #ffffff;*/
	border-color: #efefef;
	border-top: none;
	border-bottom: none;
}

#timeline .vis-panel.vis-bottom, #timeline .vis-panel.vis-center,#timeline .vis-panel.vis-top {
	border-left-style: none;
	border-right-style: none;
}

.vis-item.vis-background.guidelbg1 {
	/*background-color: #f1f9ff;
	background-color: rgba(213,221,246,.4);*/
	background: #f4f6fd;
	border-left: 1px solid #6aacd8;
	border-right: 1px solid #6aacd8;
}
/*
.vis-group.timlgroup1 {
	min-height: 120px !important;
	height: 120px !important;
}*/

#timeline .vis-label .vis-inner {
	max-height: 125px;
	height: 125px;
}

#timeline .vis-foreground .vis-group {
	border-bottom: none;
}

.vis-item.group3,.vis-item.group4,.vis-item.group5 {
      border-color: #6aacd8;
}

.vis-item.vis-box {
	cursor: pointer;
}

.vis-item.vis-box.group3,.vis-item.vis-box.group4,.vis-item.vis-box.group5 {
	color: #6aacd8;
	/*font-weight: 600;*/
	font-size: 14px;
	border: none;
	background-color: transparent;
}
.vis-item.vis-box.group3 span,.vis-item.vis-box.group4 span,.vis-item.vis-box.group5 span {
	display: block;
	font-size: 12px;
	color: #b4b4b4;
}


.vis-item.vis-box.group3::after {
	border: 1px solid #6aacd8;
	border: none;
	background-color: #6aacd8;
	background-image: linear-gradient(110deg,#6aacd8, #6aacd9);	
	color: #ffffff;
	height:40px;
	width: 40px;
	border-radius: 50%;
	display: inline-block;	  
	font-size: 24px;
	line-height:40px;
	font-weight: 600;
	content: 'T';
	left: -50%;
	box-shadow:  2px 2px 4px 0px rgba(0,0,0,0.2);
}
.vis-item.vis-box.group4::after {
	border: 1px solid #6aacd8;
	border: none;
	background-color: #6aacd8;	
	background-image: linear-gradient(110deg,#6aacd8, #6aacd9);	
	color: #ffffff;
	height:40px;
	width: 40px;
	border-radius: 50%;
	display: inline-block;	  
	font-size: 24px;
	line-height:40px;
	font-weight: 600;
	content: 'D';
	left: -50%;
	box-shadow:  2px 2px 4px 0px rgba(0,0,0,0.2);

}
.vis-item.vis-box.group5::after {
	border: 1px solid #6aacd8;
	border: none;
	background-color: #6aacd9;
	background-image: linear-gradient(110deg,#6aacd8, #6aacd9);	
	color: #ffffff;
	height:40px;
	width: 40px;
	border-radius: 50%;
	display: inline-block;	  
	font-size: 24px;
	line-height:40px;
	font-weight: 600;
	content: 'K';
	left: -50%;
	box-shadow:  2px 2px 4px 0px rgba(0,0,0,0.2);
	
}
.vis-item.vis-box.group3.empty::after,.vis-item.vis-box.group4.empty::after,.vis-item.vis-box.group5.empty::after {
	content: '\00a0';
}


/*aktiv*/
.vis-item.vis-box.group5.actbox::after,.vis-item.vis-box.group4.actbox::after,.vis-item.vis-box.group3.actbox::after {
	/*background-image: linear-gradient(160deg,#3eb404, #6ce331);*/
	border-radius: 5px;
}
/*jovobeli*/
.vis-item.vis-box.group5.future::after,.vis-item.vis-box.group4.future::after,.vis-item.vis-box.group3.future::after {
	background-image: linear-gradient(160deg,#efefef, #efefef);	
	border: 1px dashed #b690f9;
	border-left: 10px solid #b690f9 !important;
	color: #545454;
}

.vis-item.vis-line.future {
	border-color: #b690f9;
}
.vis-item.vis-dot.future {
	border-color: #b690f9;
}

.vis-item.future .vis-item-content {
	/*background-color: #ffffff;*/
	text-align: left;
	position: relative;
	top: 40px;
	left: 70px;
}

.vis-item.vis-box.future.selected::after {
	background-image: none;
	background-color: #b690f9;
	border-left: none;
	border: none;
}
.vis-item.vis-line.future.selected {
	border-color: #b690f9 !important;
	z-index: 1;
}

.vis-item.vis-dot.future.selected {
	border-color: #b690f9  !important;
}


/*aneszt*/
.vis-item.vis-box.group5.aneszt::after,.vis-item.vis-box.group4.aneszt::after,.vis-item.vis-box.group3.aneszt::after {
	/*background-image: linear-gradient(160deg,#f8d904, #ffc600);	*/
	background-image: linear-gradient(160deg,#f8d904, #f8d904);	
}
/*neuro*/
.vis-item.vis-box.group5.neuro::after,.vis-item.vis-box.group4.neuro::after,.vis-item.vis-box.group3.neuro::after {
	/*background-image: linear-gradient(160deg,#6aeda5, #2bc971);	*/
	background-image: linear-gradient(160deg,#6aeda5, #6aeda5);	
}

/*pszcho*/
.vis-item.vis-box.group5.pszcho::after,.vis-item.vis-box.group4.pszcho::after,.vis-item.vis-box.group3.pszcho::after {
	/*background-image: linear-gradient(160deg,#f18c42, #f2660e);*/	
	background-image: linear-gradient(160deg,#f18c42, #f18c42);	
}

/*uro*/
.vis-item.vis-box.group5.uro::after,.vis-item.vis-box.group4.uro::after,.vis-item.vis-box.group3.uro::after {
	/*background-image: linear-gradient(160deg,#f99c82, #ed645f);	*/
	background-image: linear-gradient(160deg,#f99c82, #f99c82);	
}


.vis-panel.vis-left {
	width: 0px;
}



/*bs addon*/
/* phones, up to 575px */
@media screen and (max-width: 575px) {
	.fl-list .item {
		padding: 0.5rem 0.2rem;
	}
	.fl-list a.item:hover {
		padding-left: 0.5rem;
	}
	.fl-list .item.subitem {
		padding: 0.2rem;
		padding-left: 1rem;
	}
	.fl-list .item.subitem:hover {
		padding-left: 1.2rem;
	}
	
	.fl-list .item-group {
		margin-bottom: 0.5rem;
	}
}
/* 576px and up */
@media (min-width: 576px) {
}
 /*576px to 767 */
@media (min-width: 576px) and (max-width: 767px) {
}
/* phones, up to 767px */
@media (max-width: 767px) {
.containerbox .cont {
	margin: 1rem;
	padding: 1rem;
}	
.sidemenu.collapse {
	position: absolute;
	margin-left: -300px;
	height: 100% !important;
	z-index: 100;
}
.sidemenu.collapse:not(.show) {
	display: initial;
/*	position: absolute;
	margin-left: -300px;
	height: 100%;
	z-index: 100;*/
}
.sidemenu.collapse.show {
	margin-left: 0px;
}

.collapsing {
	position: absolute;
	height: 100% !important;
	overflow: hidden;
	/*transition: marginLeft .35s ease;*/
	z-index: 100;
}

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum { font-size: 12px;  text-align: center; word-spacing: 100vw;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot { top: 60px;} 
.rendkor .btn, .rendtipus .btn {
	min-width: auto;
}

.containerbox .cont {
    margin: 0.5rem;
    padding: 0.5rem;
}

.footer .container {
	padding: 0.5rem;
}


.rendresult .item .fas.fa-chevron-right {
	margin-right: 0px;
	padding-right: 0px;
}

}
/* tablets, 768px and up */
@media (min-width: 768px) {
	.sidemenu {
	position: relative;
	margin-left: 0px;
	display: block !important;
}
}
/* tablets, 768px to 991 */
@media (min-width: 768px) and (max-width: 991px) {

}
/* desktops, max 991px */
@media (max-width: 991px) {
}
/* desktops, 992px and up */
@media (mix-width: 992px) {
}
/* desktops, 992px to 1199 */
@media (min-width: 992px) and (max-width: 1199px) {
}
/* desktops, 1200px and up */
@media (min-width: 1200px) {
}
/*only print*/
@media print {
  a[href]:after {
    content: none !important;
  }
}


#a3_notification { padding: 5px 0; position: fixed; top: 0; width: 100%; z-index: 10000; text-align:center; height: auto !important;}
#a3_notification div { display:inline-block; background-color: #ffefbf; border: 1px solid #ffcc6f; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); color: #303030; font-size: 14px; padding: 2px 10px; margin: 2px auto;}
#a3_notification div .close { color: #efbc5f; cursor: pointer; float: right; font-size: 11px; font-weight: bold; margin: -2px -5px 0 5px; }
#a3_notification div.green {background-color: #dfefdf; border: 1px solid #6fcc6f;}
#a3_notification div.error {background-color: #ffefef; border-color: #ff6f6f; padding: 10px 20px;}
#a3_notification div.error .close {color:#ff6f6f;opacity:1}
#a3_notification div.error ul {text-align: left;}

#loading_overlay, .loading_overlay {
	background-color: rgba(255, 255, 255, 0.8);
	height: 0;
	left: 0;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	opacity: 0;
	transition: opacity 500ms ease 0s;
	z-index: 5000;
	overflow:hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.loading_overlay {
	position: absolute;
	justify-content: start;
}



#loading_overlay > span, .loading_overlay > span {
	display: block;
	font-size: 1.5rem;
	margin: 1.5rem;
}

body.loading #loading_overlay {
	opacity: 1;
}

div.loading .loading_overlay {
	opacity: 1;
}

body.loading > div:first-child {
	filter: saturate(20%);
	transition: all 200ms ease 0s;
}
div.loading {
	transition: all 200ms ease 0s;
}

.lds-ring {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid #fff;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #787FCC transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

body.loadstart .containerbox {
	opacity: 0;
	/*transform: translateX(-200%);
	transition: transform 500ms;*/
}

body.loadend .containerbox {
	opacity: 0;
	transition: none;
}

.videocall .modal-xl {
    max-width: 100%;
}

.videocall .modal-title {
	padding-left: 1.5rem;
	border-left: 24px solid var(--color-border);
	font-size: 24px;
	margin-bottom: 2rem;	
	font-weight: 500;
	line-height: 1.2;
	margin: 0px;
}

.videocall .modal-dialog {
  width: 98%;
  height: 92%;
  padding: 0;
}

.videocall .modal-content {
  height: 99%;
}

/* kereshető select */

.ssel_wrap { display: inline-block; position: relative; border-radius: 4px; vertical-align: middle; text-align: left;}
.ssel {
	background: #f5f5f5;
	background: linear-gradient(to bottom , #F5F5F5 0%, #d5d5d5 100%) repeat scroll 0 0 transparent;
	border: 1px solid #aaaaaa;  border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 2px #F5F5F5 inset; cursor: default; 
	padding: 3px 20px 3px 5px;
	position: relative; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%;
}
.ssel.open {
	background: linear-gradient(to bottom , #d5d5d5 0%, #F5F5F5 100%) repeat scroll 0 0 transparent;
	border-radius: 3px 3px 0 0; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 2px #F5F5F5 inset;
}

.ssel.focus { border: 1px solid highlight; box-shadow: 0 0 0 1px #bbb inset;}
.is-invalid + .ssel_wrap .ssel, select:-moz-ui-invalid + .ssel_wrap .ssel {
	border-color: var(--color-error);
	box-shadow: 0 0 2px var(--color-error);
}
a.ssel_txt:active:not(.btn), a.ssel_txt:link:not(.btn), a.ssel_txt:visited:not(.btn) { color: #444; text-decoration: none; display: block; cursor: default; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
a.ssel_txt:focus:not(.btn) { outline: 0 none; }
.ssel_arrow { border-color: #777777 transparent; border-style: solid; border-width: 5px 4px 0; right: 5px; height: 0; margin-left: 5px; margin-top: -2px; position: absolute; top: 50%;	width: 0;}
.ssel.open .ssel_arrow { border-width: 0 4px 5px;}
.ssel_drop { box-sizing: content-box; position:absolute;	border: 1px solid #aaaaaa; background: #f5f5f5;	border-radius: 0 0 3px 3px; padding: 3px; border-top-color: #f5f5f5; z-index: 5; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);}
.ssel_drop_inp { -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #AAAAAA; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset; padding: 3px; width: 100%; margin: 0 0 5px 0;
	background: linear-gradient(to bottom , #eee 0%, #fff 100%) repeat scroll 0 0 transparent;
}

.ssel_list { max-height: 160px;	overflow: auto;}
.ssel_list_item { padding: 2px 2px; /*border-bottom:1px solid #ddd;*/ cursor:pointer; margin-right: 3px;}
.ssel_list_item.selected { background: highlight; color: highlighttext;}
.ssel_list_item.ssel_mark {color:#f22;}
.ssel_hl { font-weight: bold;}
.ssel_nores { color: #777; text-align: center; font-size: 90%; font-style: italic;}
.ssel_group { margin-top: 5px;}
.ssel_group_label { background-color: #EEEEEE; color: #888888; font-size: 90%; font-weight: bold; text-transform: uppercase;}
.ssel_group_content .ssel_list_item { padding-left: 10px;}