:root {
 --emma: #273873;
 --emma1: #6f81ff;
 --emma2: #787fcc;
 --emma3: #161e39;
 --emma4: #afb3e0;
 --emma-font:  #3b3535;
 --emma-font1: #8d8d8d;
 --color-border1: #c4c4c4;
 --emma-bg: #f2f2f2;
 --editorFontFamily: inherit;
 --editorFontSize: inherit;
 --editorPageWidth: 210mm;
 --form-warning: #ec7e45;
}
body {
	padding-top: 145px;
	padding-bottom: 40px;
	height: auto;
}

body.popup {
	padding: 0;
	background-color: #fff;
}

body.loading > div:first-child {
	filter: none;
}

body.loading #header, body.loading .containerbox, body.loading .fixed-bottom, body.loading #epr {
	/*filter: saturate(20%);
	transition: all 200ms ease 0s;*/
}

.txt-u {
	text-decoration: underline;
}

.txt-i {
	font-style: italic;
}

.txt-b {
	font-weight: bold;
}

.gap-0 {
	gap: 0rem;
}

.gap-1 {
	gap: 0.25rem;
}
.gap-2 {
	gap: 0.5rem;
}
.gap-3 {
	gap: 1rem;
}

#scrolldetector {
	position: absolute;
	top: 5px;
	width: 1px;
	height: 1px;
	left: 0;
}



.loginslide {
	margin: 5vh 0;
	width: 400px;
	border-radius: 0px 20px 20px 0px;
	background-color: rgba(255,255,255,0.8);
	box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.2);
	height: 90vh;
	position: relative;
}
.loginslide .logo{
	text-align: center;
	padding: 30px;
}
.loginslide .footer {
	position: absolute;
	bottom: 0;
}
.loginslide .intkep{ 
}
.loginslide .intnev{ 
	padding: 10px;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
}
.loginslide .verzio{ 
	margin-top: 30px;
	padding: 20px 10px;
	font-size: 13px;
	text-align: center;
}

#emmanavbar {
	position: fixed;
	right: 0;
	top: 85px;
	z-index: 1030;
	background-color: var(--emma);
	color: var(--color1-invert);
	padding: 0.5em;
	box-shadow: 5px 0 5px rgba(0,0,0,0.2);
	min-width: 300px;
}

#emmanavbar a.nav-link {
	color: var(--color1-invert);	
}

#emmanavbar .nav-item:hover {
	background-color: var(--emma2);
}


.sidemenu {
	margin-left: 0px;
	max-width: none;
	width: 300px;
}

.sidemenu.collapse.show {
	position: absolute;
	display: block;
	margin-left: 0px;
	z-index: 100;
	height: 100%;
}

.sidemenu.collapsing {
	width: 0px;
	position: absolute;
	z-index: 100;
	height: 100% !important;
	overflow: hidden;
}

/*loginbox*/
/*login*/

.bodylogin {
	background: transparent url("/images/bg_login.jpg") no-repeat top center;
	background-size: auto;
	background-size: cover;
	padding: 0;
	min-height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.85rem;
}

.bodylogin h1 {
	display: none;
}

.login-center {
	color: #343434;
	width: 500px;
}

.login-panel {
	backdrop-filter: blur(1rem);
	background-color: rgba(232,232,232,0.75);
	color: #343434;
	border: 1px solid transparent;
	border-radius: 10px;
	box-shadow: 0 12px 24px rgba(0,0,0,.3);
	padding: 20px 20px;
	margin-top: 20px;
	transition: border-top-color .4s ease-in-out, box-shadow .4s ease-in-out;
}
.login-panel-top {
	text-align: right;
	padding-bottom: 1rem;
	margin: 0 1rem 1rem;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	display: flex;
	gap: 1rem;
}
.login-panel-top .logo {
	flex-shrink: 0;
	
}
.login-panel-top .logo img {
	width: 185px;
}
.login-panel-top .title {
	
	flex-grow: 1;
}
.login-panel-top .product {
	font-size: 1.4rem;
	line-height: 2rem;
	font-weight: 600;
}
.login-panel-top .sub {
	font-size: 0.8rem;
	font-size: 1.1rem;
	font-weight: 300;
}

.login-content {
	font-size: 1rem;
	color: #343434;
	text-align: left;
	margin: 20px 0;
	line-height: 1.4em;
}
.login-form {
	padding: 0 30px;
	width: 400px;
	margin: 0 auto;
}
.login-form .form-control {
	border: none;
	line-height: 2rem;
	border-radius: 2px;
	background-color: rgba(255,255,255,0.5);
}

.login-error {
	color: var(--danger);
}

.login-error h2, .login-info h2 {
	font-size: 1.1rem;
	font-weight: 600;
	color: var(--danger);
}
.login-info h2 {
	color: var(--success);
}

.login-btn {
	padding: 20px 0;
}
.login-btn .btn {
	width: 100%;
	background-color: #75B729;
	border-radius: 2px;
	padding: 0.5rem;
}

.login-footer {
	display: flex;
	align-items: end;
}
.login-footer .logo {
	margin: 0 0.5rem;
	flex-shrink: 0;
}
.login-footer .logo img {
	width: 160px;
}
.login-footer .version {
	text-align: right;
	margin: 0 0.5rem;
	flex-grow: 1;
	vertical-align: bottom;
}

.login-copyr {
	text-align: center;
	padding: 1rem;
	line-height: 1.4em;
}

.bodylogin .containerbox {
	max-width: none;
}
.bodylogin .containerbox.logincont {
	width: 100%;
}
.bodylogin .containerbox .cont.loginbox {
	width: 60vw;
	margin: 1rem auto;
	background-color: rgba(255,255,255,0.8);
	/*margin-top: 20vh;*/
}

.bodylogin .containerbox .cont.loginbox {
	background: transparent;
	border: none;
	box-shadow: none;
}
.bodylogin .loginbox {
	margin-top: 50vh; 
}
.bodylogin .loginbox h1 {
	display: none;
}
.bodylogin .containerbox {
	margin: 0;
	min-height: auto;
}
.bodylogin .form-group {
	background-color: rgba(255,255,255,0.8);
	box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.2);
	padding: 10px 10px 10px 0;
	margin: 20px auto;
	min-width: 300px;
	max-width: 500px; 		
}
.bodylogin .form-group label {
	display: none;
}
.bodylogin .form-group .form-control {
	background: none;
	border: none;
	display: inline-block;
	width: auto;
}
.bodylogin .form-group .form-control:focus {
	box-shadow: none;
}
.bodylogin .form-group .fas:first-child {
	font-size: 24px;
	color: var( --emma2);
	padding: 2px 15px;
	border-right: 1px solid #495057;
	display: inline-block;
}

.bodylogin .loginfooter {
	color: #ffffff;
	position: absolute;
	bottom: 5vh;
	padding: 20px 30px;
	text-align: right;
	right: 0;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
}

.bodylogin .errorbox, .bodylogin .infobox {
	width: 50%; 
	border-radius: 20px;
	background-color: rgba(255,255,255,0.8);
	box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.2);
	overflow: hidden;
	margin-bottom: 5vh;
}

.bodylogin .btn-showpw {
	position: absolute;
	right: 0;
	border: 0;
	background-color: transparent;
	color: var(--color-font);
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	box-shadow: none;
	margin-top:1px;
}

.bodylogin ::-ms-reveal {
    display: none;
}

.errorbox .errhead, .bodylogin .infobox .head {
	border-radius: 20px 20px 0px 0px;
	padding: 10px 20px;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 16px;
	background-color: var(--color-error);
}
.errorbox .errtext, .bodylogin .infobox .text {
	 padding: 40px 20px;
	 text-align: center;
}

.bodylogin .infobox .text {
	padding: 1rem;
}

.bodylogin .infobox .text p:last-child {
	margin: 0;
}

.bodylogin .infobox .head {
	background-color: var(--color-ok);
}

/******/

a:link.kiemelt, a:visited.kiemelt {
	color: var(--success);
}

.header{
	background-color: var(--emma);
	color: var(--color1-invert);
	height: 85px;
}

.header .navbar-brand {
	background: transparent;
	margin-right: 0;
	display: flex;
	align-items: center;
}

.header .navbar-brand .name {
	display: inline-block;
	padding: 10px 10px;
	font-size: 16px;
	border-left: 1px solid rgba(255,255,255,0.5);
	white-space: wrap;
	max-width: 250px;
	margin: 0 1rem 0 0;
}

.header .navbar-brand .name:not(:last-child) {
	margin-right: 0;
}

.header .navbar-brand .badge {
	align-self: start;
	margin-right: 1rem;
}

.navbar-brand img {
	padding: 10px;
}

.navbar-brand .logo img {
	padding: 0;
}

.header .navbar-brand img {
	max-height: 40px;
	margin: 0 1rem;
	padding: 0;
}


.navbar-nav {
	flex-direction: row;
}

.sidemenu .navbar-nav {
	flex-direction: column;
}

.header.navbar a.userbox .fa-user-circle, .header.navbar a.userbox.auth::after {
	    color: var(--color1-invert);
}

.header.navbar .userbox {
	height: auto;
	margin: 0;
	padding: .5em 1em;
}

.header.navbar a.userbox {
	background-color: var(--emma1);
    	color: var(--color1-invert);
	border: none;
	font-size: 13px;
	border-radius: 0.25rem;
	text-transform: none;
}

.header.navbar a.userbox:hover {
    background-color: var(--emma2);
    color: var(--color1-invert);
}

.header.navbar a.userbox .fas {
	margin: -.5em 15px -.5em 0;
}

.header.navbar a.userbox.auth {
	padding: .5em 2.75em .5em 1em;
}

.header.navbar a.userbox.auth:after {
	text-align: right;
	top: 50%;
	right: 1em;
	position: absolute;
	transform: translateY(-50%);
	bottom: 0;
}

.header.navbar a.eesztbox {
	height: auto;
	margin: 0;
	padding: .5em 2.75em .5em 1em;
	border: none;
	font-size: 13px;
	border-radius: 0.25rem;
	text-transform: none;
	color: var(--color1-invert);
	background-color: rgba(255,255,255,0.1);
}

.header.navbar a.eesztbox:hover {
    background-color: rgba(255,255,255,0.2);
    color: var(--color1-invert);
}

.header.navbar a.eesztbox:after {
	content: '\f054';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	text-align: right;
	top: 50%;
	right: 1em;
	position: absolute;
	transform: translateY(-50%);
	bottom: 0;
}

.header.navbar a.eesztbox.auth {
	line-height: 14px;
	padding: .25em 2.75em .25em 1em;
}

.header.navbar a.eesztbox.auth:after {
	content: '\f078';
}

.header.navbar a.eesztbox .fas {
	font-size: 14px;
	margin-right: 15px;
	width: 22px;
	text-align: center;
}

.header.navbar a.eesztbox span.lejarat {
	font-size: 10px;
	opacity: 0.75;
}

.header .dropdown-menu {
	font-size: 12px;
}

.header.navbar .langs a {
	display: block;
	padding: 5px 0px;
}

.navbar-toggler {
	color: var(--color1-invert);
	margin-right: .5em;
}

.emmamodules {
	display: flex;
	max-width: calc(100vw - 530px);
}

.emmamodules > .emmamodule {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	max-width: 100%;
}

.menugroups {
	display: flex;
	flex: 1;
}

.emmamodule .modulelabel {
	text-align: center;
	background-color: var(--emma3);
	text-transform: uppercase; 
	font-size: 11px;
	padding: 3px;
	border-left: 1px solid rgba(255,255,255,0.5);
	border-right: 1px solid rgba(255,255,255,0.5);
	margin-right: -1px;
}

.emmamodule .modulelabel.nolabel {
	background-color: transparent;
}

.emmatopmenu .nav-item {
	 margin: 5px;
	 border-radius: 0.25rem;
	 transition: all 0.3s;
	 max-width: 90px;
}

.emmatopmenu .nav-item:hover {
	 background-color: var(--emma2);
}

.emmatopmenu .nav-item.dragging {
	 background-color: var(--emma2);
	 opacity: 0.5;
}

.emmatopmenu a.nav-link {
	 color: var(--color1-invert);
	 text-align: center;
	 font-size: 12px;
	 display: block;
	 height: 100%;
}

.emmatopmenu.menugroup {
	border-left: 1px solid rgba(255,255,255,0.5);
	border-right: 1px solid rgba(255,255,255,0.5);
	/*margin-right: -1px;*/
	flex-direction: column;
	justify-content: space-between;
}

.emmamodules > .emmamodule:not(:last-child):not(.no-overflow) .emmatopmenu.menugroup {
	border-right: 0 none;
}

.emmatopmenu.menugroup .menu {
	flex: 1;
}
.emmatopmenu .grouptitle {
	text-align: center;
	background-color: var(--emma1);
	text-transform: uppercase; 
	font-size: 11px;
	padding: 3px;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
}

.emmatopmenu .nav-link .far,.emmatopmenu .nav-link .fas {
	 font-size: 20px;
	 color: var(--color1-invert);
}
.emmatopmenu .nav-link span {
	display: block;
	padding-top: 5px;
	line-height: 1;
}

.emmamodule .dropdown-menu {
	background-color: var(--emma);
}

.emmamodule .dropdown-menu .nav-item {
	max-width: none;
}

.emmamodule .dropdown-menu a.nav-link {
	font-size: 1rem;
	text-align: left;
	display: inline;
}
.emmamodule .dropdown-menu .nav-link .fas {
	font-size: inherit;
	margin-right: 0.5rem;
}
.emmamodule .dropdown-menu .nav-link span {
	display: inline;
}

.tooltip-inner {
	height: auto;
}

/*infobtn*/
.topbtn {
	transition: all 0.3s ease;
	height: 60px;
	padding: 10px;
	margin: -34px 20px 0px 0px;
	background-color: var(--color-ok);
	color: #ffffff;
	font-size: 24px;
	float: left;
	top: 0px;
	border-radius: 0 0 20px 20px;
	cursor: pointer;
}
.topbtn.info.ok {
	background-color: var(--color-ok);
}
.topbtn.info.warn {
	background-color: var(--color-warn);
}
.topbtn.info.error {
	background-color: var(--color-error);
}
.topbtn:hover {
	padding-top: 20px;
	height: 70px;
}

.breadcrumb {
	margin: 0;
}

.breadcrumb.fixed {
	position: fixed;
	top: 95px;
	width: 100%;
	z-index: 1029;
	box-shadow: 0 0 0 10px var(--color-bg);
	transition: boxShadow 100ms, padding 100ms;
}

body.scrolled .breadcrumb.fixed {
	box-shadow: 0 0 0 10px var(--color-bg), 0px 3px 6px 10px rgba(0,0,0,0.2);
	padding: .5rem 1rem;
}

.breadcrumb-item.extra {
	flex-grow: 1;
	text-align: right;
}

.breadcrumb-item + .breadcrumb-item.extra::before {
	content: "";
	padding: 0;
}


.containerbox { 
	/*width: calc(100vw - 300px - 3rem);*/
	max-width: none;
	min-height: auto;
}

.containerbox.has-sidebar {
	width: calc(100vw - 400px);
}

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

.sidecontainer > .placeholder {
	margin: 1rem;
	display: none;	
}
.sidecontainer.stick-top > .cont {
	position: sticky;
	top: 161px;	
}

.sidecontainer.stick-bottom > .placeholder {
	display: block;
}
.sidecontainer.stick-bottom > .cont {
	position: fixed;
	bottom: 35px;
}

.sidecontainer .cont h1 > .title-btn {
	margin: -1rem auto;
}

.sidecontainer .cont h1.hideinactive .title-btn .fas:before {
	content: "\f078";
}

.sidecontainer .cont h1.hideinactive + .contcont .fl-list .item:not(.active):not(.vegdokumentum):not(.pinned) {
	/*height: 0;
	overflow: hidden;
	padding: 0 0.5rem;
	border-width: 0;*/
	display: none;
}
.sidecontainer .cont h1.hideinactive + .contcont .nyomtatvanygroup {
	display: none;
}

.sidecontainer .contcont.nyomtatvanyok {
	max-height: 250px;
	overflow: auto;
	scrollbar-width: thin;
	position: relative;
}
.sidecontainer .contcont.nyomtatvanyok::-webkit-scrollbar {
	width: 0.5rem;
	height: 0.5rem;
	background-color: rgba(0,0,0,0.05);
}

.sidecontainer .contcont.nyomtatvanyok::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,0.2);
}
.sidecontainer .contcont.nyomtatvanyok .item {
	position: relative;
}

.sidecontainer .cont h2 {
	color: var(--color-font);
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 600;
	margin: 1rem 0 0.5rem 0;
	padding: 0.5rem 0;
	border-bottom: 1px solid var(--color-border);
	border-top: 1px solid var(--color-border);
}

.containerbox .cont.overflow-visible, .containerbox .cont.paciens-info {
	overflow: visible;
}

.containerbox .popupcont {
	margin: 1rem;
}

.cont h1 {
	border-left: none;
	border-bottom: 1px solid var(--color-border1);
	background-color: var(--emma-bg);
	padding: 15px 20px;
	font-size: 1.1rem;
	 color: var(--emma-font);
	margin: 0;
}

.cont h1:first-child {
	border-radius: 0.25rem 0.25rem 0 0;
}

.cont h1.sm {
	font-size: 1rem;
	padding: 10px 15px;
}

.cont h1.list-title > span {
	margin: -0.5rem 0;
}

.cont h1.list-title > span:not(:last-child) {
	margin-right: 1rem;
}

.cont h1.list-title > .title-btn {
	font-weight: normal;
	font-size: 80%;
}

.cont.paciens-info.bottom:has(.collapse-cont.open) {
	margin-bottom: 300px;
}

.cont.paciens-info h1 {
	display: flex;
	align-items: center;
}

.cont.paciens-info h1 > span:first-child {
	flex-grow: 1;
}

.cont.paciens-info h1 > .title-btn {
	margin: -1rem auto;
}

.cont.paciens-info h1.collapse-cont + .contcont {
	display: none;
}

.cont.paciens-info h1.collapse-cont:not(.open) .title-btn .fas:before {
	content: "\f078";
}

.cont.paciens-info h1.collapse-cont.open + .contcont {
	display: block;
}

.cont h1 .title-text {
	font-size: 0.9rem;
	padding: 0;
	margin: -0.5em 0;
}

.cont.paciens-info .alert-heading {
	font-size: 1rem;
	margin: -0.75rem -1.25rem 0.5rem;
	padding: 0.7rem 0.9rem;
	background-color: rgba(0,0,0,0.05);
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

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

.contcont {
	padding: 1rem;
}

.contcont.pdf, .modal-body.pdf {
	padding: 0;
}

.pdf iframe {
	display: block;
	width: 100%;
	border: 0;
	height: calc(100vh - 200px);
}

.lezart-dokumentum.has-status .pdf iframe {
	height: calc(100vh - 270px);
}

.modal-body.pdf {
	height: calc(100vh - 180px);
	max-height: 1500px;
}

.modal-body.pdf iframe {
	min-height: auto;
	height: 100%;	
}

.modal-body.pdf.calibration {
	display: flex;
	flex-direction: column;
}

.modal-body.pdf.calibration .print-settings {
	padding: 0.5rem;
	background-color: #f2f2f2;
	display: flex;
	gap: 1rem;
	align-items: center;
}

.modal-body.pdf.calibration .print-settings input {
	max-width: 60px;
}

.modal-body {
	min-height: 100px;
}

.modal-body .loading_overlay {
	justify-content: center;
}

.modal-body.mdd {
	height: 75vh;
	overflow: auto;
}

.modal-body.mdd h2, .modal-body.mdd h3 {
	font-size: 1.5rem;
	margin: 1rem 0 1rem 0;
}

.modal-body.mdd h3 {
	font-size: 1.25rem;
}


.modal-body.mdd p {
	margin: 0;
}

.modal-body.mdd table {
	border-collapse: collapse;	
}

.modal-body.mdd table td {
	border: 1px solid var(--color-border1);
	padding: 2px 5px;
}

.modal-body-overflow.modal-body {
	max-height: calc(100vh - 180px);
	overflow: auto;
}
.elojegyzettmodal .modal-body {
	display: flex;
	flex-direction: column;
	max-height: calc(100vh - 190px);
}

.mintamodal .modal-body {
	display: flex;
	flex-direction: column;
	max-height: calc(100vh - 190px);
}

.mintaazonositok .title {
	font-size: 1.1rem;
	font-weight: 600;
}

.megjelenes.mintaazonositok {
	flex-grow: 1;
	overflow: auto;
	margin: -1rem;
	padding: 1rem;
}
.mintaazonositok .list-group-item {
	line-height: 1.2;
}

.mintamodal .osszesito {
	margin: 1rem -1rem -1rem;
	border-top: 1px solid var(--color-border1);
	padding: 0.5rem 1rem;
	background-color: var(--color-bg);
}

.mintamodal .osszesito .sum {
	margin-left: 0.5rem;
	padding-left: 0.5rem;
	border-left: 1px solid var(--color-border);
}

.mintamodal .osszesito .sum b {
	font-size: 1.1rem;
}

.modal .breadcrumb {
	margin: -1rem -1rem 1rem;
	border-bottom: 1px solid var(--color-border);
	background-color: var(--emma-bg);
}

.modal .overflow-content {
	overflow: auto;
	margin: -1rem;
	padding: 1rem;
	max-height: calc(100vh - 230px);
}

/*messagebox*/
.cont.messagebox,.cont.messageboxbelso {
	transition: all 0.3s ease;
} 
.cont.messageboxbelso {
	display: none;
}
.cont.messagebox h1,.cont.messageboxbelso h1 {
	color: #ffffff;
	background-color: var(--color-warn);
	text-transform: uppercase;
}
.cont.messagebox .far,.cont.messageboxbelso .far {
	font-size: 20px;
	float: right;
}
/********/


.sidecontainer {
	position: relative;
	width: 400px;
}

.sidegrip {
	color: var(--color-bg1);
	margin-left: -0.5rem;
	display: flex;
	align-items: center;
	position: absolute;
	left: 0.25rem;
	height: 100%;
	cursor: col-resize;
	z-index: 1;
}

.sidegrip:hover:after {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 50%;
	border-left: 1px dashed rgba(0,0,0,0.2);
}


.fl-list .item.active {
	box-shadow: -1rem 0 0 var(--emma4);	
}

.fl-list .item.active .name {
	font-weight: 600;
}

.fl-list .item.open .icon {
	color: var(--color-ok);
}

.fl-list .item.validkoteles.open .icon::after {
	content: "!";
	position: absolute;
	background: #fff;
	font-size: 14px;
	width: 10px;
	text-align: center;
	font-weight: bold;
	color: var(--danger);
}

.fl-list .item.vegdokumentum .name > span {
	font-weight: normal;
	font-size: 80%;
	opacity: 0.4;
	display: block;
}

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

.fl-list .item.veny .icon {
	color: var(--primary);
}

.btn-noshadow {
	box-shadow: none;
}

.btn-light.btn-border {
	border: 1px solid #ced4da;
}

.btn-list button, .btn-list .btn-list-split {
	width: calc(100% - 4rem);
	margin: 0.5rem 2rem;
}

.btn-list button i {
	float: left;
	margin: 0.25rem 0;
}

.btn-list-split {
	display: flex;
	gap: 0.5rem;
}

.btn-list-split button {
	flex-grow: 1;
	width: auto;
	margin:0;
}

.btn-list2 .btn, .btn-list3 .btn {
	margin: 0.25rem 0.25rem;
}

.btn-list3 {
	display: flex;	
}

.btn-list3 .btn {
	flex-grow: 1;
}

.btn-list3 .btn > i {
	float: left;
	margin: 0.25rem 0.5rem 0.25rem 0; 
}

.treelist {
	list-style: none;
	padding: 0;
	margin: 0;
}

.treelist li {
	display: block;
	padding-left: 0.75em;
	margin-left: 0.75em;
	position: relative;
}

.treelist.root > li {
	border: 0 none;
	padding-left: 0;
	margin-left: 0;	
}

.treelist li > div {
	display: flex;
	align-items: top;
}

.treelist.child li:before {
	content: "";
	border-left: 1px solid var(--color-border1);
	position: absolute;
	border-bottom: 1px solid var(--color-border1);
	width: 2em;
	height: 1em;
	left: 0;
}
.treelist.child li:after {
	border-left: 1px solid var(--color-border1);
	content: "";
	position: absolute;
	top: 1em;
	width: 1em;
	height: 100%;
	left: 0;
}
.treelist.child li:last-child:after {
	display: none;
}
.treelist.child li:first-child:before {
	height: 3em;
	top: -2em;
}

.treelist li > div > span {
	min-width: 2em;
	z-index: 1;
}

.treelist li button {
	padding: 1px 2px;
	box-shadow: 0 0 0 3px #fff;
	border: 1px solid #ced4da;
	font-size: 0.8em;
}

.treelist li a {
	flex-grow: 1;
	border-bottom: 1px solid var(--color-border);
	border-top: 1px solid var(--color-border);
	padding: 3px 0;
	margin-top: -1px;
	display: block;
}

.treelist .kod {
	font-size: 0.9em;
	background-color: #e0e0e0;
	display: inline-block;
	padding: 0 0.5em;
	border-radius: 3px;
	text-align: center;
	color: var(--color-font);
}
.treelist li > ul.child {
	display: none;
}
.treelist li.open > ul.child {
	display: block;
}

.contextmenu {
	position: absolute;
	display: none;
	padding-bottom: 40px;
}

.contextmenu > .list-group {
	border: 1px solid var(--color-border1);
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-weight: normal;
	color: var(--color-font);
	background-color: #fff;
	border-radius: 0.25rem;
	box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);
	z-index: 10;
	cursor: default;	
}

.contextmenu > .list-group > .list-group-item {
	display: flex;
	align-items: center;
	padding: 0.25rem 0.5rem;
	
}

.contextmenu > .list-group > .list-group-item .icon {
	margin-right: 0.5rem;
	width: 24px;
	text-align: center;
}

.contextmenu > .list-group > .list-group-item .icon img {
	max-height: 24px;
}

/* dokumentum */
.documentpage {
	margin: 1rem;
	padding: 2rem 4rem;
	border: 1px solid #ddd;
	box-shadow: .2rem .2rem 0 rgba(0,0,0,0.1);
	font-size: 1.1rem;
	background-color: #fff;
	
}


.documentpage h1, .document-panel .panel-title {
	border: 0;
	color: var(--color-font);
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.4;
}

.document-panel .panel-title .fas {
	opacity: 0.3;
} 

.documentpage h1 {
	margin-bottom: 2rem;
}

.documentpage h1 span {
	font-size: 14px;
}

.document-panel {
	margin: 1rem 0;
}

.document-panel .panel-header {
	display: flex;
	align-items: end;
}

.document-panel .panel-title {
	text-align: left;
	font-size: 1.1rem;
	margin: 0;
	font-weight: normal;
	padding: 0.25em 20px;
	background-color: var(--color-border);
	text-transform: uppercase;
	border: 1px solid var(--color-border);
}

.document-panel .panel-title.panel-tab {
	text-transform: none;
	font-size: 1rem;
	cursor: pointer;
	opacity: 0.7;
}
.document-panel .panel-title.panel-tab.active {
	background-color: white;
	color: var(--primary);
	margin-bottom: -1px;
	border: 1px solid var(--color-border1);
	border-bottom-color: white;
	cursor: default;
	opacity: 1;
}

.document-panel .panel-content {
	border: 1px solid var(--color-border);
	--scale: 1;
	padding: 0 20px;
}

.document-panel.form-panel .panel-content {
	border: 1px solid var(--color-border1);
}

.document-panel.form-panel .form-toolbar > div {
	border: 1px solid var(--color-border1);
	background: var(--color-bg);
}

.document-panel .panel-text {
	min-height: 5rem;
	font-family: var(--editorFontFamily);
	font-size: var(--editorFontSize);
	padding: .25rem;
	transform-origin: 0 0;
	transform: scale(var(--scale));
	width: var(--editorPageWidth);
	max-width: 100%;
}

.document-panel .panel-text p {
	margin: 0;
}

.document-panel .panel-text .table table {
	border: 1px dotted #ddd;	
}

.document-panel .panel-text .table table td, .document-panel .panel-text .table table th {
	padding: 0;
	border: 1px dotted #ddd;
	vertical-align: middle;
}

.document-panel .panel-text figure.table {
	max-width: 100%;
	margin: 0;
}

.document-panel .panel-text .interim, .document-panel .panel-text span[data-id="interim"] {
	opacity: 0.9;
	background-color: #ffffcc;
}

.document-panel.inlineform-panel .panel-content {
	padding: 1rem;
}


.document-panel.inlineform-panel .panel-text {
	font-size: .95rem;
	width: 100%;
}

.document-panel .panel-tools {
	text-align: right;
	font-size: 0.9rem;
	color: rgba(0,0,0,0.6);
	margin: 0;
	display: flex;
	flex-grow: 1;
	flex-wrap: wrap;
	align-items: end;
	justify-content: space-between;
}


.document-panel .panel-tools > div {
	display: inline-block;
} 

.document-panel .panel-tools button.panel-button {
	border: 0;
	background-color: var(--color-border);
	font-size: 14px;
	padding: 0.25rem 0.75rem;
	color: inherit;
	text-transform: uppercase;
}

.document-panel .panel-tools button.panel-button.active {
	background-color: var(--success);
	color: var(--color1-invert)	
}

.document-panel .panel-tools button.panel-button.active::after {
	content: '\f111';
	color: var(--danger);
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	margin-left: 0.5rem;
	text-shadow: 0 0 1px #fff;
}

.document-panel .panel-tools button.panel-button.error {
	background-color: var(--danger);
	color: var(--color1-invert)	
}

.document-panel .panel-tools button.panel-button > .icon {
	margin-right: 0.5rem;
}

.document-panel .editor-header {
	background-color: #fff;
}

.document-panel.focused .editor-header.stuck {
	border-bottom: 1px solid var(--color-border1);
	box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
	z-index: 1001;
}

.document-panel .editor-tools {
	opacity: 0.3;
	transition: opacity 300ms ease;
}

.document-panel.focused .editor-tools, .document-panel.form-panel .editor-tools {
	opacity: 1;
}

.document-panel.focused .editor-header {
	position: sticky;
	top: 144px;
	z-index: 999;
}

.document-panel.focused .panel-content {
	border-color: var(--primary);
	box-shadow: 0 0 5px rgba(0,0,0,0.2) inset;
}

.document-panel .panel-status > div {
	transition: opacity 300ms ease;
}

.document-panel .panel-status.hide > div {
	opacity: 0;
}
.document-panel .panel-status > div.hide {
	display: none;
}

/* editor fixes */
.document-panel .ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label {
	width: auto;
	max-width: 8em;
}

.document-panel .ck.ck-button.ck-fontsize-option .ck-button__label {
	font-size: inherit !important;
}

.document-panel .ck.ck-list__item {
	min-width: auto;
}

.document-panel .ck.ck-editor__editable_inline span.tab {
	color: #fff;
	display: inline-block;
	outline: 0;
}

.document-panel .ck.ck-editor__editable_inline span.tab.ck-widget_selected {
	color: #eee;
	background-color: #eee;
}

.document-panel .ck.ck-editor__editable_inline {
	overflow: visible;
	border-radius: 0 !important;
	padding: 0;
}

.document-panel .ck.ck-editor__editable_inline > :first-child {
	margin-top: 0;
}


.document-panel .ck.ck-editor__editable_inline > :last-child {
	margin-bottom: 0;
}

.document-panel .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
	border-color: transparent;
	box-shadow: none;
}


.document-panel .ruler-cont {
	overflow: hidden;
	border-left: 1px solid var(--color-border1);
	border-right: 1px solid var(--color-border1);
	opacity: 0.3;
	padding: 0 0 0 20px;
}

.document-panel.focused .ruler-cont, .document-panel.form-panel .ruler-cont {
	opacity: 1;
} 

.document-panel .ruler {
	--ruler1-bdw: 1px;
	--ruler1-c: #BBB;
	--ruler1-h: 4px;
	--ruler1-space: 5mm;
	--ruler2-bdw: 1px;
	--ruler2-c: #b0b0b0;
	--ruler2-h: 8px;
	--ruler2-space: 10mm;
	--ruler-unit: 1.5188916876574308;
	background-image: linear-gradient(90deg, var(--ruler1-c) 0 var(--ruler1-bdw), transparent 0), linear-gradient(90deg, var(--ruler2-c) 0 var(--ruler2-bdw), transparent 0);
	background-repeat: repeat-x;
	background-size: calc(var(--ruler-unit) * var(--ruler1-space)) var(--ruler1-h), calc(var(--ruler-unit) * var(--ruler2-space)) var(--ruler2-h);
	color: #aaa;
	counter-reset: d 0;
	display: flex;
	font-size: 0.5em;
	height: 16px;
	line-height: 1;
	list-style: none;
	margin: 0;
	margin-left: -1px;
	overflow: hidden;
	padding: 0;
	width: 100%;
	padding-left: calc(var(--ruler-unit) * var(--ruler2-space));
	padding-bottom: 2px;
	text-align: center;
}

.document-panel .ruler li {
	align-self: flex-end;
	counter-increment: d 20;
	flex: 0 0 calc(var(--ruler-unit) * var(--ruler2-space) * 2);
}
.document-panel .ruler li::after {
	content: counter(d);
	line-height: 1;
	background-color: rgba(255,255,255,0.8);
}

.speech-info-container {
	position: fixed;
	top: 0;
	z-index: 1030;
	text-align: center;
	width: 100%;
	display: none;
}

.speech-info-container.show {
	display: block;
}

.speech-info-panel {
	margin: 0;
	padding: 0;
	overflow: hidden;
	padding: 0.5em;
	display: inline-flex;
	align-items: center;
}

.speech-info-panel > div {
	/*font-size: 3em;*/
	margin: 0 0.25em;
}

.form-control.short {
	max-width: 4.5em;
}

.bno-oeno table td.action {
	width: 0;
}

.bno-oeno table .action .btn-sm {
	padding: 0em 0.3em;
	box-shadow: none;
	opacity: 0;
	pointer-events: none;
	transition: opacity 200ms ease;
}

.bno-oeno table tr:not(.nohover):hover td {
	 background-color: var(--color-bg);
}

.bno-oeno table tr:hover .btn-sm {
	opacity: 1;
	pointer-events: auto;	
}

.bnooenoadd {
	border-top: 1px solid var(--emma1);
	border-bottom: 1px solid var(--emma1);
}


#vizsgalatok table .btn-sm {
	padding: 0em 0.3em;
	box-shadow: none;
}

#vizsgalatok table .btn-light, .bno-oeno table .btn-light {
	border: 1px solid #ced4da;
}


.fl-list.doctype-list {
	/*position: relative;*/
}


.fl-list.doctype-list .item {
	padding: 0.5rem 0;
	align-items: center;
	cursor: default;
}

.fl-list.doctype-list .item.dragging {
	transform: scale(1.02);
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	z-index: 100;
}

.fl-list.doctype-list .item:not(.active) {
	cursor: pointer;
}

.fl-list.doctype-list .item .name {
	overflow: hidden;
	overflow-wrap: break-word;
}

.fl-list.doctype-list .item[data-toggle="collapse"]:not(.collapsed) .buttons i {
	transform: rotate(90deg);
}

.nyomtatvanygroup {
	font-size: 0.9rem;
	margin: 0.5rem 0;
	color: var(--emma2);
}

.nyomtatvanygroup:first-child {
	margin-top: -0.3rem;
}

.table.paciens-info, div.paciens-info, .table.user-info {
	margin: 0.5rem 1rem;
	width: calc(100% - 2rem);
}

.popup .table.paciens-info {
	margin: 0;
	width: 100%;
}

.table.user-info {
	width: auto;
	min-width: 33%;
}

.table.paciens-info td, .table.user-info td {
	border-top: 0 none;
	border-bottom: 1px solid #dee2e6;
}

.table.paciens-info td:first-child, .table.user-info td:first-child, .table.paciens-info td.label {
	color: rgba(0,0,0,0.5);
}

.table.paciens-info td.kiemelt {
	color: var(--success);
}

.table.paciens-info tr.added, .szolgaltatas-list label.added, .table.kedvezmeny tr.added {
	animation: fadeOutSuccess 3s ease;
}

.paciens-info-navi {
	display: inline-flex;
	align-items: center;
	gap: .75rem;
}

.paciens-info-navi .item .value {
	max-width: 290px;
	overflow: hidden;
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: top;
}

.paciens-info-navi .item .value .value-kiem {
	color: var(--emma2);
}

.paciens-info-navi .item .label {
	color: rgba(0,0,0,0.5);
}

.paciens-info-navi .item img {
	max-height: 1rem;
	display: block;
}

.paciens-info-navi .item-btn {
	overflow: visible;
}

.paciens-info-navi .btn {
	padding: .1rem .25rem;
	font-size: .75rem;
	margin: -0.2rem 0 0 0;
}

.paciens-adatlap .col, .muteti-igeny .col {
	display: flex;
	flex-direction: column;
}

.ebeutalo-adatlap .col {
	display: flex;
}

.paciens-adatlap .row {
	margin-bottom: 0.25rem;
}

.ebeutalo-adatlap .row {
	margin-bottom: 0.5rem;
}

.paciens-adatlap .label, .muteti-igeny .label {
	opacity: 0.5;
	padding-top: 0.25rem;
}

.ebeutalo-adatlap .label {
	opacity: 0.5;
	flex: 0 0 160px;
}

.muteti-igeny .label {
	padding-top: 0.2rem;
}
.paciens-adatlap .value, .muteti-igeny .value {
	flex-grow: 1;
	font-size: 1.1rem;
	border-bottom: 1px solid var(--color-border1);
	padding-bottom: 0.25rem;
}

.ebeutalo-adatlap .value  {
	flex-grow: 1;
}
.ebeutalo-adatlap .value-list span:not(:last-child):after  {
	content: ", ";
}

.muteti-igeny .value {
	font-size: 1rem;
	padding-bottom: 0.2rem;
}
.paciens-adatlap .paciens-nev {
	font-weight: 600;
}

table.szolgaltatas tr.szolgaltatas-item td:first-child + td {
	color: rgba(0,0,0,0.5);
}

table.szolgaltatas td.action {
	white-space: nowrap;
}

table.szolgaltatas .action .btn-sm {
	opacity: 0.5;
	filter: saturate(0.5);
}

table.szolgaltatas tr:hover .action .btn-sm {
	opacity: 1;
	filter: saturate(1);
}

table.szolgaltatas tr.active > td, table.withdetails tr.active > td {
	border-top: 2px solid var(--emma1);
	border-bottom: 0 none;
	background-color: var(--emma-bg);
}

table.szolgaltatas tr.active + tr + tr > td, table.withdetails tr.active + tr > td {
	border-bottom: 2px solid var(--emma1);
	border-top: 0 none;
}

table.szolgaltatas tr.active td.action .btn {
	opacity: 0;
	pointer-events: none;
}

table.szolgaltatas .kiegeszito:not(:has(input[type="checkbox"]:checked)) select {
	display:none;
}

.szolgaltatasadd .bnooenoadd {
	min-height: 100px;
}

@keyframes fadeOutSuccess {
  0% {
    background-color: rgb(202, 242, 212, 1);
  }
  90% {
    background-color: rgb(202, 242, 212, 1);
  }
  100% {
    background-color: rgba(202, 242, 212, 0);
  }
}

.dekurzus h3 {
	font-size: 1.2rem;
	margin: 1.5rem 0 1rem;
}

/*epr*/
.epr {
	margin: 1rem;
	/*min-width: 300px;*/
	/*width: 300px;*/
	height: calc(100vh - 180px);
	position: fixed;
	right: 0.5rem;
}

.epr .cont {
	background-color: #ffffff;
	border-radius: 0.25rem;
	box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);	
	border: 1px solid var(--color-border1);
	padding: 0;
	/*min-width: 300px;*/
	overflow: hidden;
	height: 100%;
}

.epr .cont .contcont {
	overflow: auto;
	max-height: calc(100vh - 330px);
}

.epr .ic_jelzes, .megjelenes .ic_jelzes {
	color: var(--color-ok);
}
.epr .ic_jelleg, .megjelenes .ic_jelleg {
	color: var(--emma1);
}

.epr .epr-sm {
	font-size: 80%;
	font-variant-numeric: tabular-nums;
}

.epr .table-sm td, .epr .table-sm th {
	padding: 0.4rem .3rem;
}

.epr .epr-date, .megjelenes .epr-date {
	font-weight: 600;
	width: 130px;
	white-space: nowrap;
}

.epr .epr-id, .megjelenes .epr-id {
	color: var(--emma-font1);
}

.megjelenes .epr-id.eeszt-id {
	font-size: 0.75em;
}

.eprmenu {
	margin-bottom: 15px;
}

.eprmenu .btn {
	font-size: 12px;
	width: 160px;
	border: none;
	padding: 6px;
	display: inline-block;
	cursor: pointer;
	margin: 6px 0;
}
.eprmenu .btn.first{
	margin-right: 15px;
}
.eprmenu .btn-primary {
	background-color: var(--emma);
}
.eprmenu .btn-secondary {
	background-color: #f2f2f2;
	color: var(--emma-font);
}

.eprmenu .btn-primary:hover,.eprmenu .btn-secondary:hover {
	background-color: var(--emma1);
	color: #ffffff;
}
.eprtable .title{
	color: var(--emma-font1);
}
.eprtable .data{
	font-weight: 500;
}

.eprgrip {
	color: var(--color-bg1);
	margin-left: -0.5rem;
	display: flex;
	align-items: center;
	position: absolute;
	left: -0.5rem;
	height: 100%;
	cursor: col-resize;
	z-index: 1;
}

.eprgrip:hover:after {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 50%;
	border-left: 1px dashed rgba(0,0,0,0.2);
}

/********/

.footer1 .container-fluid {
	border: none;
}

.footer1 {
	background-color: var(--emma);
	color: var(--color1-invert);
}

.footer1 .footercopyr {
	font-size: 12px;
    padding: 10px;
    text-align: right;
}

.footer1 .footercopyr img {
	display: inline-block;
	height: 20px;
	margin: -2px 5px 0px 5px;
	vertical-align: middle;
}

.footer1 .footercopyr a:link, .footer1 .footercopyr a:visited {
	color: var(--color1-invert);
	opacity: 0.75;
	text-decoration: underline;
}

h1 > span.resnum {
	font-weight: normal;
	font-size: 80%;
	float: right;
}

h1 > span.resnum > span {
	font-weight: 600;
	font-size: 130%;
}

.filter-block:not(:last-child) {
	padding-right: 1em;
}

.filter-block .filter-label {
	font-weight: 600;
}

.filter-block label {
	font-size: 0.85em;
}

.filter-block label.col-form-label {
	white-space: nowrap;
	text-align: right;
	padding-right: 0;
}

.filter-block .intervals .btn, .filter-block .filter-label .btn, .filter-block .searchtype .btn, .btn-l2 {
	box-shadow: none;
	max-height: 1.95rem;
	overflow: hidden;
	border: 1px solid #ced4da;
}

.filter-block .searchtype .btn.active {
	background-color: #6f81ff;
	border-color: #007bff;
	color: #fff;
}

.filter-block .filter-label .btn {
	padding: 0rem 0.25rem;
}

.filter-block .filter-label .btn-group {
	float: right;
	margin: -1px 0;
}

.filter-block .custom-control-label, .filter-block .input-label {
	font-size: 0.9rem;
	line-height: 1.5rem;
	white-space: nowrap;
}

.filter-badge {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem;
}

.filter-badge .badge {
	display: inline-flex;
	font-weight: normal;
	font-size: .875rem;
	border: 1px solid var(--color-border1);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	max-width: 200px;
}

.filter-badge .badge > span {
	flex-grow: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.filter-badge .badge > a {
	color: currentColor;
	margin-left: 0.5rem;
	padding-left: 0.5rem;
	border-left: 1px solid var(--color-border1);
}
.filter-badge .badge > a:hover {
	color: var(--danger);
}

.filter-badge .kod {
	background-color: #ddd;
	display: inline-block;
	padding: 0 0.5em;
}

.su_img {
	z-index: 4;
}

.clear-btn {
	background: #fff;
	border: 0;
	position: absolute;
	transform: none;
	padding: 0.25em 0.5em;
	z-index: 10;
	display: none;
	right: 2.75em;
	top: 0.25em;
	text-shadow: 0 0 2px #fff;
	margin-right: 0.5em;
	box-shadow: -2px 0 5px #fff;
}

.clear-btn.show {
	display: block;
}


@keyframes spinner {
	to {transform: rotate(360deg);}
}

.input-spinner {
	position: absolute;
	--size: 1.25rem;
	width: var(--size);
	height: var(--size);
	top: 0.5rem;
	right: 0.5rem;
	z-index: 11;
	display: none;
}

.input-spinner.show {
	display: block;
}

.input-spinner:has( + .clear-btn.show) {
	right: 2.2rem;
}

.input-spinner:has( ~ button.sablonvalaszto) {
	right: 3.5rem;
}

.input-spinner:has( + .clear-btn.show):has( ~ button.sablonvalaszto) {
	right: 4.7rem;
}

.input-spinner:before {
	 content: '';
	 box-sizing: border-box;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 width: var(--size);
	 height: var(--size);
	 margin-top: -10px;
	 margin-left: -10px;
	 border-radius: 50%;
	 border: 2px solid var(--color-border);
	 border-top-color: var(--emma1);
	 animation: spinner .6s linear infinite;
}

.clear-btn:last-child {
	right: 0;
}

.input-group.date .clear-btn {
	margin-right: 2.75em;
	opacity: 0.75;
}

.form-control-sm ~ .clear-btn {
	top: 0.2rem;
	padding: 0.1rem 0.4rem;
}

.input-group.date .form-control-sm ~ .clear-btn {
	margin-right: 2.25em;
}

.webemmasearch {
	background-color: #f2f2f2;
	border-radius: 0.25rem;
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);	
	/*border: 1px solid var(--color-border1);*/
	margin: 0;
	padding: 0.5rem;
	height: 100%;
}

.webemmasearch .rendtipus {
	border: none;
}

.webemmasearch .renborderr {
	padding: 5px;
}
.webemmasearch .renborderr .help {
	color: var(--emma-font1);
	font-size: 11px;
	display: block;
	padding: 0;
	margin: 0;
	line-height: 13px;
	font-weight: 300;
}

.webemmasearch .rendkor .title,.webemmasearch .rendtipus .title,.webemmasearch .rendresult .title {
	font-size: 14px;
}

.webemmasearch .filterown {
	margin: 0.5em;
}

.webemmaresult {
   margin-top: 1rem;
   font-size: 14px;
   position: relative;
}

.webemmaresult .resnum {
    background: var(--color-bg);
    padding: 0.25rem .5rem;
    border-radius: 0.25rem;
}

.webemmaresult .icon {
    font-size: 16px;
    color: var(--color-ok);
    /*border-right: 1px solid var(--color-border);*/
}
.webemmaresult .group {
    color: var(--emma-font1);
}

.webemmaresult .resulttable .status-icon {
	font-size: 1.5em;
}

.webemmaresult .resulttable .btn-secondary {
	background-color: #8c98a3;
	border-color: #8c98a3;
}

.webemmaresult .resulttable .btn-secondary:hover {
	background-color: #6a7278;
	border-color: #6a7278;
}

.webemmaresult .resulttable th, .emma-table th {
	background-color: var(--emma1) !important;
	color: var(--color1-invert);
	border: 1px solid currentColor;
	font-weight: 600;
	padding: 0.5em;
}
.emma-table .thead-light th {
	background-color: var(--color-bg) !important;
}
.egyenerteku .resulttable th {
	padding: 0.3em 0.5em;
}

th.w0, td.w0 {
	width: 1%;
}

.webemmaresult .resulttable th:first-child {
	border-radius: 5px 0 0 5px;
}

.webemmaresult .resulttable th:last-child {
	border-radius: 0 5px 5px 0;
}

.webemmaresult .resulttable th.order-asc > div:after, .webemmaresult .resulttable th.order-desc > div:after {
	content: "\f078";
	font-family: "Font Awesome 5 Free";
	float: right;
}
.webemmaresult .resulttable th.order-desc > div:after {
	content: "\f077";
}

.webemmaresult .resulttable th.sortable:not(.order-asc):not(.order-desc) > div:after {
	content: "\f0dc";
	font-family: "Font Awesome 5 Free";
	float: right;
	opacity: 0.5;
}

.emma-table.table-sm th {
	padding: 0.3em;
}

.emma-table th.nostretch, .emma-table td.nostretch {
	width: 1%;
} 

.webemmaresult .resulttable .btn .fas, .emma-table .btn .fas, .emma-table .btn .far, .btn.icon-only .fas {
	margin: 0;
	padding: 0;
}

.webemmaresult .table-hover.resulttable tbody tr {
	cursor: pointer;
}

.webemmaresult .table-hover.resulttable tbody tr th:not(.sortable) {
	cursor: default;
}

.webemmaresult .table-hover tbody tr:hover {
    background-color: var(--emma-bg);
}

.webemmaresult .resultheader .cleft, .emma-table th:first-child {
	border-radius: 0.25rem 0 0 0.25rem;
}
.webemmaresult .resultheader .cright , .emma-table th:last-child {
	border-radius: 0 0.25rem 0.25rem 0; 
}

.webemmaresult .resultheader.sticky {
	position: sticky;
	top: 144px;
	background-color: #fff;
}

.webemmaresult .resultheader.sticky.stuck {
	box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
}

.webemmaresult .resultheader.sticky th {
	background-clip: padding-box;
}

.webemmaresult td span.hl {
	background-color: var(--color-warn);
}

.webemmaresult .gyogyszertable tr.gyogyszer-F, .gyogyszer-F {
	background-color: #fff;
}

.webemmaresult .gyogyszertable tr.gyogyszer-F:hover {
	background-color: #f0f0f0;
} 


.webemmaresult .gyogyszertable tr.gyogyszer-Z, .gyogyszer-Z {
	background-color: #cfc;
}

.webemmaresult .gyogyszertable tr.gyogyszer-Z:hover {
	background-color: #beb;
} 
 
.webemmaresult .gyogyszertable tr.gyogyszer-G, .gyogyszer-G {
	background-color: #ccc;
}

.webemmaresult .gyogyszertable tr.gyogyszer-G:hover {
	background-color: #c0c0c0;
}

.webemmaresult .gyogyszertable tr.gyogyszer-P, .gyogyszer-P {
	background-color: #fcc;
}

.webemmaresult .gyogyszertable tr.gyogyszer-P:hover {
	background-color: #ebb;
}


.webemmaresult .gyogyszertable tr.gyogyszer-S, .gyogyszer-S {
	background-color: #ffc;
}

.webemmaresult .gyogyszertable tr.gyogyszer-S:hover {
	background-color: #eec;
}

.webemmaresult .gyogyszertable tr.gyogyszer-Y, .gyogyszer-Y {
	background-color: #eee;
}

.webemmaresult .gyogyszertable tr.gyogyszer-Y:hover {
	background-color: #e0e0e0;
}

.webemmaresult .gyogyszertable tr.active {
	outline: 2px solid var(--emma2);
	box-shadow: 0 0 0 100px rgba(255,255,255,0.4) inset;
	font-weight: 600;
}

.webemmaresult .gyogyszertable tr {
	transition: all 250ms ease;
}

.webemmaresult .gyogyszertable.visible-egyen > tbody > tr:not(.open):not(:hover) {
	opacity: 0.4;
	filter: saturate(0);
}

.webemmaresult .gyogyszertable.visible-egyen > tbody > tr.open:not(.egyenertekucont) {
	font-weight: 600;
}

.webemmaresult .gyogyszertable.visible-egyen tr.open {
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.webemmaresult .gyogyszertable.visible-egyen tr.open.egyenertekucont {
	box-shadow: 0 5px 10px rgba(0,0,0,0.5);
}

.webemmaresult.modal-result {
	margin: -15px;
	padding: 15px;
	overflow: auto;
}

.gyogyszertable .egyenertekucont {
	display: none;
}

.gyogyszertable .egyenertekucont.open {
	display: table-row;
}

.gyogyszertable .egyenerteku {
	max-height: 50vh;
	overflow: auto;
	margin: -3px -0.3rem -0.25rem -0.3rem;
	padding: 0;
	outline: 1px solid var(--emma2);
}

.gyogyszertable .egyenerteku .resulttable {
	margin: 0;
}

.venytable {
	font-size: 0.875rem;
}

.venytable tr.harom-honap {
	background-color: #ffc;
}

.venytable .btn-collapse, .szolgaltatas .btn-collapse {
	box-shadow: none;
	background-color: transparent;
	transition: .3s transform ease-in-out;
}

.venytable .btn-collapse.collapsed > .fa, .szolgaltatas .btn-collapse.collapsed > .fa {
	transform: rotate(-90deg);
}

.venytable.rendszeres:not(.show-rendszeres) td:first-child, .venytable.rendszeres:not(.show-rendszeres) th:first-child {
	display: none;
}

.card.gyse-termek .card-header {
	cursor: pointer;
	color: var(--color-font);
}

.card.gyse-termek .card-header > .fa {
	transition: .3s transform ease-in-out;
}
.card.gyse-termek .card-header.collapsed > .fa {
	transform: rotate(180deg);
}

.card.gyse-termek .card-header .btn {
	box-shadow: none;
	margin: 0;
	padding: 0 0.5em;
	margin-left: 1em;
}

.ojote::after {
	content: "!";
	color: #fff;
	background-color: #888;
	width: 1.5rem;
	height: 1.5rem;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	margin-left: 0.5rem;
	font-size: 1rem;
	line-height: 1.5rem;
}

.ojote-N:after {
	content: "N";
	background-color: #c85524;
}

.ojote-S:after {
	content: "S";
	background-color: #e7a52c;
}

.ojote-K:after {
	content: "K";
	background-color: #3d478c;
}

.ojote-P:after {
	content: "P";
	background-color: #e93956;
}

.ojote-Z:after {
	content: "Z";
	background-color: #46b357;
}

.ojote-B:after {
	content: "B";
	background-color: #804a2f;
}



.table-filtered .dropdown {
	height: 100%;
	display: flex;
	justify-content: space-between;
}

.table-filtered .filter-button {
	background-color: transparent;
	color: inherit;
	font-size: inherit;
	border: 0 none;
	margin: 0;
	opacity: 0.5;
}

.table-filtered .filter-button.has-filter {
	opacity: 1;
}

.table-filtered .filter-button:focus {
	border: 0;
	box-shadow: 0 none;
	outline: none;
}

.tipusikon {
	color: var(--emma);
}

.termekinfo {
	position: fixed;
	background-color: #fff;
	border-top: 2px solid var(--emma1);
	width: 400px;
	height: calc(100vh - 191px);
	top: 152px;
	right: -500px;
	box-shadow: -3px 0 6px 0px rgba(0,0,0,0.2);
	overflow: hidden;
	pointer-events: none;
	transition: right 250ms ease, top 250ms ease;
	z-index: 1029;
	display: flex;
	flex-direction: column;
}

.emma-modal .termekinfo {
	position: absolute;
	top: 0 !important;
	height: 100% !important;
}

.termekinfo > div:first-child {
	overflow: auto;
	padding: 1rem;
}

.gyogyszerszin {
	display: inline-block;
	width: 1em;
	height: 1em;
}

body.scrolled .termekinfo {
	top: 144px;
	height: calc(100vh - 183px);
}

.termekinfo.open {
	right: 0;
	pointer-events: all;	
}

.termekinfo-buttons {
	border-top: 1px solid var(--color-border1);
	background-color: var(--emma-bg);
	padding: 1rem;
}
.termekinfo .indikacio {
	font-size: 85%;
	max-height: 120px;
	overflow: auto;
}

.termekinfo .bnotable {
	max-height: 120px;
	overflow: auto;
}

.termekinfo table.bno th:first-child, .termekinfo table.bno td:first-child {
	width: 60px;
}

.termekinfo table.table-sm th {
	cursor: default;
	font-weight: 600;
	padding: 0.3rem 0.5rem;
}

.termekinfo table td {
	cursor: pointer;
}

.termekinfo table tr.active {
	background-color: #e0e3ff;
}

.termekinfo label {
	font-weight: 600;
	display: block;
}

.termekinfo label.label-sm {
	font-weight: normal;
	font-size: 90%;
	color: var(--color-font1);
	border-bottom: 1px solid var(--color-border);
}

.webemmaresult.fogleu .btn, .emma-table .btn {
	padding: 4px 5px;
}

.webemmaresult .no-result {
	text-align: center;
	padding: 5rem 1rem;
}

.keszitmeny .nev {
	font-weight: 600;
	font-size: 1.1rem;
}

.keszitmeny .label {
	opacity: 0.6;
}

.veny input[type="number"] {
	max-width: 100px;
}

.veny .form-inline > * {
	margin-right: .75em;
}

.recepttetel-tartalom {
	padding-right: 2.5em;
}

.diagnozisnev {
	font-weight: 600;
	font-size: 1rem;
}

.custom-control.is-invalid ~ .invalid-feedback, .form-control.is-warning ~ .invalid-feedback {
	display: block;
}

.radiogrid .invalid-feedback {
	grid-column: 1 / -1;
}

.invalid-feedback.text-warning {
	color: var(--form-warning) !important;
}

.form-control.is-warning {
	border-color: #ff8040;
	padding-right: calc(1.5em + .75rem);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ec7e45' class='bi bi-exclamation-triangle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center right calc(.375em + .1875rem);
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.form-control.is-warning:focus {
	box-shadow: 0 0 0 .2rem rgba(220,100,69,.25);
}

.multiselect-button {
	cursor: default;
}

.multiselect-button span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	text-align: left;
}

.multiselect-button[aria-expanded="true"] {
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}

.multiselect-dropdown {
	overflow-y: auto;
	max-height: 250px;
	width: calc(100% - 30px);
	min-width: max-content;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.05);
}

.searchableselect-dropdown {
	width: calc(100% - 30px);
	min-width: max-content;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.05);
}

.searchableselect-dropdown .dropdown-item {
	cursor: default;
}

.column-drag-target {
	position: absolute;
	top: 0;
	width: 1px;
	height: 10px;
	background-color: var(--color-ok);
	color: var(--color-ok);
	pointer-events: none;
	left: 0;
}

.column-drag-target:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid currentColor;
	top: -5px;
	left: -4px;
}

img.jelzesikon {
	max-height: 32px;
	margin: -0.25rem 0;	
}

img.nyelvikon {
	max-height: 18px;
}

.fl-list > .title {
    padding: 1.5rem 0.5rem;
}

.list-settings-toggle {
	background-color: transparent;
	border: 0 none;
	padding: 0 0.5em;
	color: var(--color1-invert);
}

.list-settings-panel-cont {
	position: absolute;
	top: 3rem;
	right: 0;
	z-index: 10;
	cursor: default;
	padding-bottom: 3rem;
}

.list-settings-panel, .table-filter-panel {
	border: 1px solid var(--color-border1);
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-weight: normal;
	color: var(--color-font);
	background-color: #fff;
	border-radius: 0.25rem;
	box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);
}

.table-filter-panel {
	position: absolute;
}

.table-filter-panel .panel-options, .table-filter-panel .panel-footer {
	padding: 0.5rem 1rem;
}

.table-filter-panel .panel-options {
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}

.table-filter-panel .panel-footer {
	background-color: var(--color-bg);
	border-top: 1px solid var(--color-border);
}

.table-filter-panel .panel-item {
	display: block;
	width: 100%;
	padding: 0;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}

.table-filter-panel .panel-item:before {
	content: '\f0c8';
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
	font-weight: normal;
	margin-right: 1em;
	color: #444;
}

.table-filter-panel .panel-item.active {
	font-weight: 600;
}

.table-filter-panel .panel-item.active:before {
	content: '\f14a';
	font-weight: bold;
	color: var(--primary);
}

.table-filter-panel .panel-item.hide {
	display: none;
}

.list-settings-panel > .panel-title {
	border-bottom: 1px solid var(--color-border1);
	background-color: var(--emma-bg);
	padding: 0.5em 1em;
	font-size: 16px;
	color: var(--emma-font);
	margin: 0;
	line-height: 1.25;
	display: flex;
}

.list-settings-panel > .panel-title .panel-close {
	margin-left: 1em;
}


.list-settings-panel > .panel-title .panel-subtitle {
	font-size: 12px;
	opacity: 0.6;
}

.list-settings-panel > .panel-content, .table-filter-panel > .panel-content {
	padding: 1rem;
	clear: both;
}

.list-settings-panel .panel-buttons {
	text-align: center;
	margin-top: 0.75rem;
}

.list-settings-panel .panel-buttons > .btn {
	margin: 0.25rem 0;
	width: 100%;
}

.checkbox-list .custom-checkbox.dragging {
	background-color: rgba(255,255,0,0.1);
	border-top: 1px dashed rgba(255,0,0,0.5);
	border-bottom: 1px dashed rgba(255,0,0,0.5);
	opacity: 0.6;
}

.btn-mdd {
	background-color: transparent;
	box-shadow: none;
	padding: 0 0.2rem;
	color: var(--primary);
	border: 0;
}

/* kerolap */

.kerolap {
	
}

.kerolap-block {
	margin-top: 1rem;
}

.kerolap-block h2 {
	color: var(--color1-invert);
	background-color: var(--emma1);
	font-size: 1.2rem;
	padding: 0.5rem 1rem;
	border-radius: 5px;
	margin: 0;
}

.kerolap-block h4 {
	color: var(--color-font);
	font-size: 1.1rem;
	font-weight: 600;
	margin-bottom: 1.5rem;
}

.kerolap-block-content {
	padding: 1rem;
}

.kerolap-block-content.nopad {
	padding: 1rem 0;
}

.kerolap-block-content.adatok {
	padding: 1rem 3rem;
}

.kerolap-block-content .ck.ck-editor, .ckclassic .ck.ck-editor {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.kerolap-block-content .ck.ck-editor .ck-editor__main, .ckclassic .ck.ck-editor .ck-editor__main {
	overflow: hidden;
	flex-grow: 1;
}

.kerolap-block-content .ck.ck-editor .ck-editor__editable, .ckclassic .ck.ck-editor .ck-editor__editable {
	height: 100%;
}

.kerolap .szolgaltatasok {
	display: grid;
  	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  	grid-gap: 8px 16px;
  	grid-auto-rows: 20px;
  	grid-auto-flow: dense;
}

.kerolap-panel {
	column-width: 20vw;
}

.kerolap .szolgaltatas-block {
	margin-bottom: 1rem;
}

.kerolap .szolgaltatas-block h3 {
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-font);
}

.kerolap .szolgaltatas-list .kod, .szolgaltatas .list-group-item .kod, .popover .list-group-item .kod {
	font-size: 0.8em;
	background-color: #ddd;
	display: inline-block;
	padding: 0 0.5em;
	min-width: 4em;
	border-radius: 3px;
	text-align: center;
}

.kerolap .szolgaltatas-list > label {
	display: block;
}

.kerolap .szolgaltatasok .custom-checkbox.orig {
	background-color: #f2f2f2;
}

.kerolap .szolgaltatasok .custom-checkbox.locked label {
	opacity: 0.75;
}

.kerolap .rutinok {
	background-color: var(--emma-bg);
}

.edeny {
	border-left: 5px solid transparent;
}
/*kék*/
.edeny_PC {
	border-left-color: #0000ff;
}
/*lila*/
.edeny_PE {
	border-left-color: #912fbb;
}
/*szürke*/
.edeny_F {
	border-left-color: #aaaaaa;
}
/*piros*/
.edeny_S {
	border-left-color: #ff0000;
}
/*fekete*/
.edeny_W {
	border-left-color: #000000;
}
/*sárga*/
.edeny_VCS {
	border-left-color: #eeee00;
}
/*fehér*/
.edeny_H {
	border-left-color: #ffffff;
}


/* fogleu vizsgalatok */

.vizsgalat .kerolap-block h2 {
	font-size: 1rem;
	padding: 0.5rem 2rem;
}

.vizsgalat .megys {
	display: inline-block;
	margin-left: 0.5em;
	opacity: 0.4;
}

/*button.sablonvalaszto {
	position: relative;
	padding: 0 0em;
	border: 0;
	background-color: transparent;
	margin-left: -1em;
}

button.sablonvalaszto i:nth-child(2) {
	position: absolute;
	background-color: var(--emma1);
	color: var(--color1-invert);
	left: 30%;
	top: 15%;
	
}

button.sablonvalaszto i:first-child {
	color: var(--emma1);
	font-size: 1.5em;
	display:none;
}*/

button.sablonvalaszto {
	position: relative;
	padding: 0 0.5em 0 0.25em;
	border: 0;
	background-color: var(--emma1);
	color: var(--color1-invert);
	height: 1.5em;
	line-height: 1em;
	border-radius: 0 3px 3px 0;
	/* box-shadow: 0 0 0 var(--emma1); */
	margin-top: 0.5em;
}


button.sablonvalaszto:focus {
	box-shadow: 0 0 0 .2em #bfdeff;
	outline: none;
	/* box-shadow: 0 0 0 var(--emma1); */
}

button.sablonvalaszto:after {
	content: " ";
	position: absolute;
	display: inline-block;
	width: 0;
	height: 1.5em;
	border-bottom: 0.74em solid transparent;
	border-top: 0.74em solid transparent;
	top: 0;
	left: -0.6em;
	border-right: 0.6em solid var(--emma1);
	box-shadow: 1px 0 0 var(--emma1);
}

button.sablonvalaszto:focus::before {
	content: " ";
	position: absolute;
	display: inline-block;
	width: 0;
	height: 1.5em;
	border-bottom: 0.74em solid transparent;
	border-top: 0.74em solid transparent;
	top: 0;
	left: -0.8em;
	border-right: 0.6em solid #bfdeff;
	transform: scale(1.29);
}

.form-control-sm ~ button.sablonvalaszto {
	margin-top: 0.3em;
}

button.kedvenc {
	border: 0;
	background: transparent;
	color: var(--emma1);
	line-height: 1.5em;
	padding: 0 0.5em 0 0.25em;
	font-size: 1.25em;
}

/* modal */

.modal.emma-modal .modal-header {
	background-color: var(--emma1);
	color: var(--color1-invert);
	padding: 0.5rem 1rem;
}

.modal.emma-modal .modal-header .modal-title, .modal.emma-modal .modal-header button {
	color: var(--color1-invert);
}

.modal-pages {
	display: flex;
	padding: 0;
}

.modal-page {
	width: 500px;
	transition: all 200ms ease;
	overflow: hidden;
}

.modal-lg .modal-page {
	width: 800px;
}

.modal-page:not(.active) {
	width: 0;
	pointer-events: none;
}

.modal-page:first-child {
	direction: rtl;
}

.modal-page > div {
	direction: ltr;
	display: flex;
	flex-direction: column;
	padding: 1rem;
}

.modal-page > div > form:first-child {
	margin-top: 0.5rem;
}

.modal-chooser-header {
	display: flex;
	border-bottom: 1px solid var(--color-border1);
	margin: -0.5rem -1rem 1rem -1rem;
	padding: 0 1rem 0.5rem;
	font-weight: 600;
	font-size: 1.2rem;
	/* position: sticky; */
	/* top: 0; */
	/* background-color: #fff; */
	/* z-index: 20; */	
}

.modal-chooser-header > button {
	border: 0;
	background: transparent;
	margin-right: 1rem;
}

.modal-chooser-header > div {
	padding-left: 1rem;
	border-left: 1px solid var(--color-border1);
}

.modal-chooser-content {
	min-height: 120px;
	overflow: auto;
	transition: all 200ms ease;
	flex-grow: 1;
}


.modal-chooser-content .modal-list-toggle {
	display: block;
	font-weight: 600;
	font-size: 1rem;
	color: var(--color-font) !important;
	
	padding: 0.5rem 0;
}

.modal-list-toggle:after {
	content: "\f077";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	/* font-size: 0.8em; */
	position: absolute;
	right: 0;
	opacity: 0.8;
}

.modal-list-toggle.collapsed:after {
	content: "\f078";
}


.modal-list-content.collapsing {
	transition: height 100ms ease;
}

.modal-list-group.tree {
	margin-left: .5rem;
}

.modal-list-group:not(:last-child) {
	
}

.modal-list-content .list-group .kod {
	font-weight: 600;
	min-width: 4rem;
}

.modal-list-toggle .kod {
	display: inline-block;
}

.modal-list-group .list-group a {
	border: 0 none;
	box-shadow: none;
	display: flex;
}

.nnk-list-item {
	display: flex;
	align-items: center;
}
.nnk-list-item a {
	flex-grow: 1;
}
.nnk-list-item span {
	margin: 0 0.25rem;
}
.nnk-list-item .btn {
	padding: 0.125rem 0.25rem;
}
.emma-modal .search-input, .emma-modal .filters {
	background-color: var(--emma-bg);
	margin: -1rem -1rem 1rem;
	padding: 1rem;
	border-bottom: 1px solid var(--color-border);
}

.emma-modal .list-group-item {
	padding: .45rem 1.25rem;
}

.emma-modal .modal-footer {
	background-color: var(--emma-bg);
}

.modal-pager {
	margin-top: 1rem;
}


.notransition {
	transition: none !important;
}

.frame-modal .modal-body {
	padding: 0;
}

.frame-modal iframe {
	border: 0;
	width: 100%;
	height: calc(100vh - 200px);
}

.suggest.dropdown-menu {
	box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);
	min-width: 100%;
}

.modal-page .suggest.dropdown-menu {
	max-width: 100%;
}

.suggest a.dropdown-item {
	color: var(--color-font);
	overflow: hidden;
	text-overflow: ellipsis;
}

.suggest a.dropdown-item.kiemelt {
	color: var(--success);
}

.suggest a.dropdown-item:hover, .suggest a.dropdown-item:active, .suggest a.dropdown-item.active, .modal-list-group .list-group a:hover, .modal-list-group .list-group a:active, .modal-list-group .list-group a.active  {
	color: #fff;
	background-color: #007bff;
}

.suggest a.dropdown-item .kod {
	display: inline-block;
	opacity: 0.6;
	font-size: 0.85em;
	margin-right: 1rem;
}


/*dds dialog*/
#dds_dialog, .dds_dialog { position:absolute; display: inline-block; top:-10000px; z-index:1050; background-color:#fff; border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); max-width:800px; min-width:500px; overflow:hidden; -moz-user-select: none; -webkit-user-select: none; user-select: none;} 
#dds_dialog_title, .dds_dialog_title { background-color: var(--emma1); border-bottom: 1px solid var(--emma1); color: #ffffff; font-size: 18px; font-weight: normal; margin-bottom: 5px; padding: 8px 15px; text-align: left; line-height: 20px; min-height: 20px; cursor:move;}
.dds_dialog_title.popup_title {margin:0;}
#dds_dialog_content, .dds_dialog_content { padding: 5px 30px; overflow: auto;}
.dds_dialog .popup_heading { background-color: var(--emma1);}
.dds_dialog .popup_title { background-color: transparent; min-height: 1rem;}
.dds_dialog .popup_content {padding: 0; -moz-box-sizing: border-box; box-sizing: border-box;}
.dds_dialog .popup_content iframe { border: 0; width: 100%; height: 100%; display: block;}

#dds_dialog_close, .dds_dialog_close { width: 1rem; height: 1rem; display: block; overflow: hidden; float: right; margin: .5rem;}
a.dds_dialog_close {background: none; color: #fff !important; font-size: 20px; line-height: 20px; font-weight: bold;}
#dds_dialog_buttons { text-align: center; margin: 5px 5px 10px 5px; }
.dds_dialog .resize_handle {position:absolute; bottom: 0; right: 0; width: 0px; height: 0px; border-style: solid; border-width: 0 0 12px 12px; border-color: transparent transparent rgba(0,0,0,0.3) transparent; cursor: se-resize; opacity:0.6;}


.emma-popup {
	display: none;
	z-index: 1;
	border: 1px solid rgba(0,0,0,0.3);
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	border-radius: 3px;
	top:auto;
	background-color: transparent;
}

.emma-popup.open {
	display: block;
	animation: slideInBottom 300ms ease;
}

.emma-popup.open.fav {
	display: block;
	animation: slideInTop 300ms ease;
}

.emma-popup.open.docu {
	animation: slideInRight 300ms ease;
}

.emma-popup .popup_content {
	padding: 1em;
	background-color: #fff;
}

.emma-popup.sablon-popup {
	min-width: auto;
	width: 400px;
}

.emma-popup.sablon-popup .popup_content {
	min-height: 120px;
}

.emma-popup .lista .kod, .emma-modal .lista .kod {
	font-size: 0.8em;
	background-color: #ddd;
	display: inline-block;
	padding: 0 0.5em;
	min-width: 4em;
	border-radius: 3px;
	text-align: center;
}

.sablon-popup .sablon-entry {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.sablon-popup .sablon-entry .name {
	flex-grow: 1;
}

.sablon-popup .sablon-entry .action {
	white-space: nowrap;
}

.sablon-popup .sablon-entry button {
	margin: 5px;
}

.sablon-popup .list-group {
	overflow: auto;
	max-height: 300px;
}

.sablon-popup .list-group-item {
	padding: .5em 1em;
	transition: all 100ms ease;
}

.sablon-popup .list-group-item .details > div {
	border-top: 1px solid var(--color-border);
	margin-top: 0.5em;
	padding-top: 0.5em;
}

.sablon-popup .list-group-item.filtered {
	height: 0;
	padding: 0 1em;
	overflow: hidden;
}

.sablon-popup .list-group-item.filtered:not(:last-child) {
	margin-bottom: -2px;
}

.inner-popup {
	
}

.inner-popup::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.15);
	z-index: 50;
}

.inner-popup > .emma-popup {
	display: flex;
	flex-direction: column;
	top: 2rem;
	bottom: 2rem;
	left: 2rem;
	right: 2rem;
	max-width: none;
	z-index: 51;
}

.inner-popup:not(.show) {
	display: none;
}

.inner-popup .popup_content {
	flex-grow: 1;
	padding: 0;
	overflow: hidden;
}

.inner-popup .popup_footer {
	padding: 1rem;
	background-color: var(--emma-bg);
	border-top: 1px solid var(--color-border);
	text-align: right;
}



.magi-preview {
	font-size: 12px;
}
.magi-preview .underline {
	text-decoration: underline;
}

.irattar-popup, .form-popup {
	position: fixed;
	z-index: 1035;
	min-width: auto;
	max-width: none;
}

.irattar-popup.open {
	display: flex;
	flex-direction: column;
}

.irattar-popup.fullscreen, .form-popup.fullscreen {
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100vh !important;
}
.irattar-popup.fullscreen .popup-docview {
	flex: 0 0 65%;
}

.irattar-popup.moving iframe, .irattar-popup.resizing iframe {
	pointer-events: none;
}

.irattar-popup .popup-head-button, .form-popup .popup-head-button {
	float: right;
	box-shadow: none;
	color: #fff;
	background-color: rgba(0,0,0,0.1);
	padding: 2px 10px;
	margin: 4px;
}

.irattar-popup .popup_content {
	height: calc(100% - 1rem);
	overflow: hidden;
	padding: 0;
}

.irattar-popup.lelet .popup_content > .row > .col:first-child {
	display: none;
}
.irattar-popup .megjelenes {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.irattar-popup .megjelenes .szuro {
	height: 100%;
	padding: 1em;
	background: var(--emma-bg);
	flex: 0;
	border-bottom: 1px solid var(--color-border1);
}

.irattar-popup .megjelenes .szuro .btn {
	box-shadow: none;
}

.irattar-popup .megjelenes .szuro .szuro-dd {
	display: none;
	padding: 1rem 1rem 0;
}

.irattar-popup .megjelenes .szuro .szuro-dd.open {
	display: block;
}

.irattar-popup .megjelenes .hibak {
	padding: 0.5rem 1rem;
	background-color: #ffc10750;
}

.irattar-popup .megjelenes .lista {
	flex-grow: 1;
	height: 100%;
	padding: 1em;
	overflow: auto;
	overscroll-behavior: contain;
}

.irattar-popup .megjelenes .breakglass, .irattar-popup .megjelenes .eeszt {
	height: 100%;
	padding: 0.5em 1em;
	flex: 0;
	border-bottom: 1px solid var(--color-border1);
	text-align: right;
}

.irattar-popup .megjelenes .breakglass.active {
	background-color: var(--warning);
}

.irattar-popup .megjelenes div.error {
	height: 100%;
	padding: 0.25em 1em;
	flex: 0;
	border-bottom: 1px solid var(--color-border1);
	background-color: var(--danger);
	color: var(--color1-invert);
}

.irattar-popup .megjelenes .breakglass .btn, .irattar-popup .megjelenes .eeszt .btn {
	box-shadow: none;
	padding: 0.125em 0.5em;
}

.irattar-popup .megjelenes .irattar-pager {
	height: 100%;
	padding-top: 1em;
	background: var(--emma-bg);
	flex: 0;
	border-top: 1px solid var(--color-border1);
}

.irattar-popup .megjelenes .szurotable {
	width: 100%;
}

.irattar-popup .megjelenes .szurotable td {
	padding: 0.25em;
}
.irattar-popup .megjelenes .szurotable-sm td {
	padding: 0.1em;
}

.irattar-popup .megjelenes table {
	margin: 0;
}
.irattar-popup .megjelenes .lista > table {
	border-collapse: separate;
	border-spacing: 0;
}

.irattar-popup .megjelenes tr.docitem {
	cursor: pointer;
}

.irattar-popup .megjelenes table .sticky, .sticky-table .sticky {
	position: sticky;
	top: 0;
	background-color: #fff;
	z-index: 2;
	box-shadow: 0 -1rem #fff;
}

.irattar-popup .megjelenes table .stickyl {
	position: sticky;
	left: 0;
	z-index: 1;
}

.irattar-popup .megjelenes table .stickyr {
	position: sticky;
	right: 0;
	z-index: 1;
}

.irattar-popup .megjelenes table .stickyl.br {
	border-right: 1px solid #dee2e6;
}

.irattar-popup .megjelenes table .stickyr.bl {
	border-left: 1px solid #dee2e6;
}

.irattar-popup .megjelenes table tr:not(:hover) .stickyl, .irattar-popup .megjelenes table tr:not(:hover) .stickyr {
	background-color: #fff;
}
.irattar-popup .megjelenes table tr:hover td.stickyl, .irattar-popup .megjelenes table tr:hover td.stickyr {
	background-color: var(--emma-bg);
}

.irattar-popup .megjelenes table tr:hover th.stickyl, .irattar-popup .megjelenes table tr:hover th.stickyr {
	background-color: #fff;
}

.irattar-popup .megjelenes table tr.disabled td, .irattar-popup .megjelenes table tr.disabled:not(:hover) .stickyl, .irattar-popup .megjelenes table tr.disabled:not(:hover) .stickyr {
	background-color: #f5f5f5;
	color: #777;
}

.irattar-popup .megjelenes table .stickyl:first-child {
	box-shadow: -1rem 0 #fff;
}

.irattar-popup .megjelenes table .stickyr:last-child {
	box-shadow: 1rem 0 #fff;
}


.irattar-popup .megjelenes tr.docitem:hover {
	background-color: var(--emma-bg);
}

.irattar-popup .megjelenes tr.docitem.active > td {
	border-top: 2px solid var(--emma1);
	border-bottom: 0 none;
	background-color: var(--emma-bg);
}

.irattar-popup .megjelenes tr.docitem.active + tr > td {
	border-bottom: 2px solid var(--emma1);
	border-top: 0 none;
}

.irattar-popup .megjelenes tr.docitem.activedoc {
	background-color: var(--emma-bg);	
}

.irattar-popup .megjelenes tr.docitem.activedoc-ehr > td, .irattar-popup .megjelenes .doc-view tr.docitem.activedoc > td {
	border-top: 2px solid var(--emma1);
	border-bottom: 2px solid var(--emma1);
	background-color: var(--emma-bg);
}

.irattar-popup .row, .irattar-popup .col {
	height: 100%;
}

.irattar-popup:not(.lelet) .popup_content > .row > .col:first-child {
	padding-right: 0;
}

.irattar-popup:not(.lelet) .popup_content > .row >  .col:last-child {
	border-left: 1px solid var(--color-border1);
	padding-left: 0;
}

.irattar-popup .popup-docview {
	flex: 0 0 55%;
}

.irattar-popup.lelet .popup-docview {
	flex: 0 0 100%;
}

.irattar-popup .docview-cover {
	pointer-events: none;
	height: 100%;
	width: calc(100% - 15px);
	position: absolute;
	top: 0;
	transition: opacity 100ms;
	opacity: 1;
	padding: 1em;
}

.irattar-popup .docview-cover > div {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	justify-content: center;
	opacity: 0.4;
}

.irattar-popup .docview-szolg {
	padding: 1rem;
	user-select: text;
}

.irattar-popup .popup_content:not(.doc-shown) iframe {
	opacity: 0;
	display: none;
}

.irattar-popup .popup_content:not(.szolgdoc-shown) .docview-szolg {
	opacity: 0;
	display: none;
}

.irattar-popup .doc-shown .docview-cover, .irattar-popup .szolgdoc-shown .docview-cover {
	opacity: 0;
	display: none;
}

.irattar-popup .inner-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255,0.5);
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
}

.irattar-popup .inner-overlay .emma-popup {
	position: static;
}

.irattar-popup .popup-copy-action {
	padding: 0.5em 1em;
	background: var(--emma-bg);
	border-top: 1px solid var(--color-border1);
	display: none;
}

.irattar-popup .doc-loaded .popup-copy-action {
	display: flex;
}

.irattar-popup select[name="kedvenc"]:has(option[value=""]:checked) ~ div {
	display: none;
}

.irattar-kedvenc-savedialog label {
	display: inline !important;
}

.irattar-kedvenc-savedialog input[type="radio"] ~ div {
	display: none;
	margin-top: 0.25rem;
}

.irattar-kedvenc-savedialog input[type="radio"]:checked ~ div {
	display: block;
}

.resize-handle {
	position: absolute;
}

.resize-handle.resize-tt {
	top: 0;
	left: 5px;
	width: calc(100% - 10px);
	height: 5px;
	cursor: n-resize;
}

.resize-handle.resize-tr {
	top: 0;
	right: 0;
	width: 5px;
	height: 5px;
	cursor: ne-resize;
}

.resize-handle.resize-rr {
	top: 5px;
	right: 0;
	width: 5px;
	height: calc(100% - 10px);
	cursor: e-resize;
}

.resize-handle.resize-br {
	bottom: 0;
	right: 0;
	width: 5px;
	height: 5px;
	cursor: se-resize;
}

.resize-handle.resize-bb {
	bottom: 0;
	left: 5px;
	width: calc(100% - 10px);
	height: 5px;
	cursor: s-resize;
}

.resize-handle.resize-bl {
	bottom: 0;
	left: 0;
	width: 5px;
	height: 5px;
	cursor: sw-resize;
}

.resize-handle.resize-ll {
	top: 5px;
	left: 0;
	width: 5px;
	height: calc(100% - 10px);
	cursor: w-resize;
}

.resize-handle.resize-tl {
	top: 0;
	left: 0;
	width: 5px;
	height: 5px; 
	cursor: nw-resize;
}

.foglalas-table {
	display: flex;
	flex-direction: column;
	margin: 1rem;
	width: calc(100% - 2rem);
}

.foglalas-table .row {
	display: flex;
	margin-bottom: 0.75rem;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 2px rgba(0,0,0,0,0.05);
}

.foglalas-table .widget {
	border: 2px solid #aaa;
}

.foglalas-table .row > div {
	width: 12%;
}
.foglalas-table .row > div:first-child {
	width: 16%;
}

.foglalas-table .cell {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 0.5rem;
}

.foglalas-table .cell:first-child {
	border-left: 0px;
}

.foglalas-table .cell:last-child {
	border-right: 0px;
}

.foglalas-table .cell.today {
	border-left-color: #22f;
	border-right-color: #22f;
	background-color: rgba(0,0,255,0.05);
}

.foglalas-table .cell.vernyomas, .foglalas-table .cell.wfull {
	width: 84%;
}

.foglalas-table .cell .mdata {
	display: flex;
	padding: 0.1rem 0.25rem;
	margin-bottom: 0.1rem;
	border-bottom: 1px solid #ddd;
	flex-wrap: wrap;
	gap: .25rem;
}

.foglalas-table .cell .time {
	font-weight: bold;
}
/*.foglalas-table .cell .mdata .name {
	flex-grow: 1;
}*/

.foglalas-table .cell .mdata .value {
	font-weight: 600;
	white-space: nowrap;
	flex-grow: 1;
}
.foglalas-table .cell .mdata .value .megys {
	font-weight: normal;
	opacity: 0.7;
	font-size: 85%;
}

.foglalas-table .widgethide .cell .celldata {
	display: none;
}

.foglalas-table .widgethide .widget-name .fas {
	transform: rotate(-90deg);
}

.foglalas-table .cell .celldata-indicator {
	opacity: 0.5;
	display: none;
	text-align: center;
}
.foglalas-table .widgethide .cell .celldata-indicator {
	display: block;
}

.foglalas-table .widgethide #chartswitch {
	display: none;
}

.foglalas-table .cell.chart, .foglalas-table .cell.wfull {
	width: 84%;
}

.foglalas-table .cell.chart {
	display: none;
}

.foglalas-table .showchart .cell.chart {
	display: initial;
}

.foglalas-table .showchart .cell:not(.chart):not(.widget-name) {
	display: none;
}

.chart-select {
	margin-top: 0.5rem;
	display: none;
}

.foglalas-table .showchart .cell .chart-select {
	display: block;
}

.chart-select .item {
	display: flex;
	margin-bottom: 0.25rem;
	padding: 0.25rem 0;
	border-bottom: 1px solid var(--color-border1)
}

.chart-select .item .name {
	flex-grow: 1;
}

.chart-select .item .color {
	width: 2.5rem;
	--ccolor: #eee;
	margin-right: 1rem;
}

.chart-select .item .color:before {
	content: " ";
	display: block;
	width: 2rem;
	height: 1rem;
	background-color: var(--ccolor);
	transform: translate(25%, 25%);
}

.foglalas { width: 100%; display:flex; --grid-size: 2rem;}
.foglalas > div:not(:first-child) { flex-grow: 1; }
.foglalas > div { border-right: 1px solid var(--color-border);}
.foglalas > div > div:first-child { height: 50px;  border-bottom: 1px solid var(--color-border);}

.foglalas .today .grid {
	background-color: rgba(0,0,0,0.025);
}

.foglalas .grid > div {
	height: var(--grid-size);
	border-bottom: 1px solid var(--color-border);
	padding: 0.2rem 0.5rem;
	text-align: right;
}

.foglalas .grid > div.selecteda {
	box-shadow: 0 0 0 2px var(--primary) inset;
	background-color: rgba(0,0,255,0.1);
}

.selected-info {
	margin-right: 1rem !important;
}

.selected-info::before {
	content: " ";
	display: inline-block;
	width: 1rem;
	height: 1rem;
	box-shadow: 0 0 0 2px var(--primary) inset;
	background-color: rgba(0,0,255,0.1);
	margin-right: 0.5rem;
	margin-bottom: -.1rem;
}

.foglalas .grid > div:nth-child(2n+1) {
	border-bottom: 1px dashed var(--color-border);
}

.foglalas .hour {
	color: rgba(0,0,0,0.5);
	font-size: 12px;
}

.foglalas .times {
	position: relative;
}

.foglalas .events {
	position: absolute;
	top: 0;
	width: 100%;
	cursor: pointer;
}


.foglalas .event {
	position: absolute;
	width: 95%;
	background-color: rgb(104, 195, 202);
	border: 1px solid rgb(40, 158, 167);
	border-left: 5px solid rgb(40, 158, 167);
	padding: 0.2rem 0.5rem;
	font-size: 0.75rem;
	border-radius: 3px;
	overflow: hidden;
}

.foglalas .event.o2 {
	background-color: rgb(236, 222, 148);
	border: 1px solid rgb(167, 153, 40);
	border-left: 5px solid rgb(167, 153, 40);
}

.foglalas .event.SZABAD {
	background-color: rgba(218, 255, 218, 0.6);
	border: 1px solid rgb(0, 180, 0);
	border-left: 5px solid rgb(0, 180, 0);
}

.foglalas .event.FOGLALT {
	background-color: rgba(255, 218, 218, 0.6);
	border: 1px solid rgb(180, 0, 0);
	border-left: 5px solid rgb(180, 0, 0);
}

.foglalas .event .name {
	font-weight: bold;
}

.foglalas .event .info {
	font-style: italic;
}

.foglalas .event.selected {
	box-shadow: 0 0 0 5px rgba(0,123,255,0.4);
	border-width: 2px;
	border-left-width: 5px;
}

.foglalas .selection {
	position: absolute;
	width: 100%;
	
	box-shadow: 0 0 0 2px var(--primary) inset;
	background-color: rgba(0,0,255,0.1);
	
	overflow: hidden;
	color: var(--primary);
	padding: 0.5rem;
}

.foglalas .day { }

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

.foglalas .event i {
	float: right;
}

.elojegy .date-selector {
	margin: 0 0 2rem 0;
}


.modal-body .date-selector, .modal-body .day-head {
	position: sticky;
	top: 0;
	background: #fff;
	z-index: 2;
}

.modal-body .day-head {
	top: 50px;
}

.modal-body.elojegyzes .date-selector {
	position: static;
	margin-top: -1rem;
}

.modal-body.elojegyzes .day-head {
	top: -1rem;
}

.modal-body.elojegyzes .card {
	border-top: 2px solid var(--primary); 
}

table.foglalas .showmoreorless > span {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
table.foglalas .showmoreorless > span > span {
	flex-grow: 1;
}

.mutetlap label {
	opacity: 0.8;
}

.mutetlap .data {
	font-weight: 600;
}

.innertitle .name {
	font-weight: 600;
	font-size: 1.2rem;
}


.lekerdezesek h4, .lekerdezesek a.card {
  color: var(--color-font);
}
.lekerdezesek a.card:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	background-color: var(--color-bg);
}

.lekerdezesek .card-body {
	padding: 1rem;
}

/* gobadatok */
.gob-image {
	position: relative;
}

.gob-marker {
	position: absolute;
	cursor: pointer;
}

.gob-marker label {
	margin: 0;
	position: absolute;
	top: -16px;
	left: 16px;
	line-height: 1.1;
}

.gob-marker.active {
	color: var(--primary);
}

.gob-cross {
    width:12px;
    height:12px;
    position:relative;
    pointer-events: none;
}

.gob-cross:before, .gob-cross:after{
    content:'';
    position:absolute;
    width:16px;
    height:2px;
    background-color: currentColor;
    border-radius: 2px;
    top:5px;
}

.gob-cross:before{
    transform:rotate(45deg);
    left: -2px;
}
.gob-cross:after{
    transform:rotate(-45deg);
    right: -2px;
}

.gob-cards .card[data-num="_template_"] {
	display: none;
}

.gob-cards .card.active {
	border-color: var(--primary);
}

.gob-cards .card:not(.active) .card-body {
	display: none;
}
.gob-cards .card:not(.active) .card-handle {
	cursor: pointer;
}

.gob-cards .card .card-footer {
	display: none;
}

.gob-cards .card.changed .card-footer {
	display: block;
}

.card.emma-card > .card-header {
	background-color: var(--emma1);
	color: var(--color1-invert);
}

.card.emma-card > .card-header.collapsed > span .fas {
	transform: rotate(180deg);
}

/* fogászat */
.fogsor {
	display: grid; 
	grid-template-columns: repeat(16, 1fr);
}

.fogsor .fog {
	cursor: pointer;
	margin-left: -1px;
	margin-bottom: -1px;
	position: relative;
}

.fogsor.debug .fog.top:before, .fogsor.debug .fog.bottom:after {
	content: attr(data-status);
	font-size: 65%;
	position: absolute;
	background-color: rgba(255,255,255,0.5);
	display: block;
}
.fogsor .fog.top:before {
	top: 0;
}
.fogsor .fog.bottom:after {
	bottom: 0;
}

.fogsor .fog .fog-wrapper {
	padding: 5px 0;
}

/*.fogsor .fog[data-status~="HI"] .fog-wrapper {
	opacity: 0;
}*/

.fogsor .fog .fog-wrapper svg {
	width: 100%;
	height: auto;
}

.fogsor .fog.selected .fog-wrapper svg g[data-name="EP"] path {
	fill: #e5e5ff;
	stroke: var(--primary);
}

.fogsor .fog svg g[data-name]:not([data-name="EP"]):not([data-name="C"]):not([data-name="V"]):not([data-name="I"]) {
	display: none;
}

.fogsor .fog[data-status~="TO"] svg g[data-name="TO"],
.fogsor .fog[data-status~="SZ"] svg g[data-name="SZ"] {
	display: initial !important;
}

.fogsor .fog[data-status~="HI"] svg g[data-name="EP"],
.fogsor .fog[data-status~="MA"] svg g[data-name="EP"],
.fogsor .fog[data-status~="RE"] svg g[data-name="EP"],  
.fogsor .fog[data-status~="IM"] svg g[data-name="EP"],
.fogsor .fog[data-status~="CI"] svg g[data-name="EP"],
.fogsor .fog[data-status~="CS"] svg g[data-name="EP"],
.fogsor .fog[data-status~="HD"] svg g[data-name="EP"],
.fogsor .fog[data-status~="KO--V"] svg g[data-name="EP"],
.fogsor .fog[data-status~="KO--I"] svg g[data-name="EP"],
.fogsor .fog[data-status~="KO--C"] svg g[data-name="EP"]
{
	opacity: 0;
}
.fogsor .fog[data-status~="GK"] svg g[data-name="GK"],
.fogsor .fog[data-status~="GY"] svg g[data-name="GY"],
.fogsor .fog[data-status~="MA"] svg g[data-name="MA"],
.fogsor .fog[data-status~="RE"] svg g[data-name="RE"],
.fogsor .fog[data-status~="IM"] svg g[data-name="IM"],
.fogsor .fog[data-status~="CI"] svg g[data-name="CI"],
.fogsor .fog[data-status~="CS"] svg g[data-name="CS"],
.fogsor .fog[data-status~="HD"] svg g[data-name="HD"] {
	display: initial !important;
}

.fogsor .fog[data-status~="SZ-G"] svg g[data-name="SZ"] g[data-name="G"], .fogsor .fog[data-status~="SZ-L"] svg g[data-name="SZ"] g[data-name="L"], .fogsor .fog[data-status~="SZ-P"] svg g[data-name="SZ"] g[data-name="P"], .fogsor .fog[data-status~="SZ-M"] svg g[data-name="SZ"] g[data-name="M"], .fogsor .fog[data-status~="SZ-D"] svg g[data-name="SZ"] g[data-name="D"], .fogsor .fog[data-status~="SZ-O"] svg g[data-name="SZ"] g[data-name="O"] {
	display: initial !important;
}

.fogsor .fog[data-status~="TO-G-V"] svg g[data-name="TO"] g[data-name="V"] g[data-name="G"],
.fogsor .fog[data-status~="TO-L-V"] svg g[data-name="TO"] g[data-name="V"] g[data-name="L"],
.fogsor .fog[data-status~="TO-P-V"] svg g[data-name="TO"] g[data-name="V"] g[data-name="P"],
.fogsor .fog[data-status~="TO-M-V"] svg g[data-name="TO"] g[data-name="V"] g[data-name="M"],
.fogsor .fog[data-status~="TO-D-V"] svg g[data-name="TO"] g[data-name="V"] g[data-name="D"],
.fogsor .fog[data-status~="TO-O-V"] svg g[data-name="TO"] g[data-name="V"] g[data-name="O"] {
	display: initial !important;
}

.fogsor .fog[data-status~="TO-G-I"] svg g[data-name="TO"] g[data-name="I"] g[data-name="G"],
.fogsor .fog[data-status~="TO-L-I"] svg g[data-name="TO"] g[data-name="I"] g[data-name="L"],
.fogsor .fog[data-status~="TO-P-I"] svg g[data-name="TO"] g[data-name="I"] g[data-name="P"],
.fogsor .fog[data-status~="TO-M-I"] svg g[data-name="TO"] g[data-name="I"] g[data-name="M"],
.fogsor .fog[data-status~="TO-D-I"] svg g[data-name="TO"] g[data-name="I"] g[data-name="D"],
.fogsor .fog[data-status~="TO-O-I"] svg g[data-name="TO"] g[data-name="I"] g[data-name="O"] {
	display: initial !important;
}

.fogsor .fog[data-status~="TO-G-C"] svg g[data-name="TO"] g[data-name="C"] g[data-name="G"],
.fogsor .fog[data-status~="TO-L-C"] svg g[data-name="TO"] g[data-name="C"] g[data-name="L"],
.fogsor .fog[data-status~="TO-P-C"] svg g[data-name="TO"] g[data-name="C"] g[data-name="P"],
.fogsor .fog[data-status~="TO-M-C"] svg g[data-name="TO"] g[data-name="C"] g[data-name="M"],
.fogsor .fog[data-status~="TO-D-C"] svg g[data-name="TO"] g[data-name="C"] g[data-name="D"],
.fogsor .fog[data-status~="TO-O-C"] svg g[data-name="TO"] g[data-name="C"] g[data-name="O"] {
	display: initial !important;
}

.fogsor .fog[data-status~="KO--V"] svg g[data-name="KO"],
.fogsor .fog[data-status~="KO--I"] svg g[data-name="KO"],
.fogsor .fog[data-status~="KO--C"] svg g[data-name="KO"] {
	display: initial !important;
}


.fogsor .fog .num {
	text-align: center;
	border: 1px solid;
	user-select: none;
	padding: 0.25rem;
}
.fogsor .fog.top .num {
	border-top: 0;
}

.fogsor .fog.bottom .num {
	border-bottom: 0;
}

.fogsor .fog.selected .num {
	box-shadow: 0 0 0 1px var(--primary) inset;
	background-color: rgba(0,0,255,0.1);
}

form[name="fogstatusz"] .statusz .dropdown-menu button {
	min-width: 2rem;
}

form[name="fogstatusz"] .statusz button[data-mode="I"] {
	box-shadow: 0 0 0 2px var(--secondary) inset;
	border-color: var(--secondary);
}

form[name="fogstatusz"] .statusz button[data-mode="C"] {
	box-shadow: 0 0 0 2px var(--danger) inset;
	border-color: var(--danger);
}

form[name="fogstatusz"] .statusztipus .custom-control[data-mode="I"] {
	border-right: 3px solid var(--secondary);
}

form[name="fogstatusz"] .statusztipus .custom-control[data-mode="C"] {
	border-right: 3px solid var(--danger);
}

form[name="fogstatusz"] .statusz.kiegeszito .btn-primary {
	filter: sepia(1) hue-rotate(200deg);
}

.dropzone {
	font-size: 1rem;
	border-width: 2px;
}

.kpi .percent, .vezetoi .percent {
	border: 1px solid;
	border-radius: .5rem;
	padding: 0 .5rem;
}

.emmabadge {
	border: 1px solid;
	border-radius: 1em;
	padding: 0 .5em;
}
.emmabadge-success {
	color: var(--success);
	background-color: color-mix(in srgb, var(--success) 5%, #ffffff 95%);
}
.emmabadge-danger {
	color: var(--danger);
	background-color: color-mix(in srgb, var(--danger) 5%, #ffffff 95%);
}
.emmabadge-warning {
	color: var(--warning);
	background-color: color-mix(in srgb, var(--warning) 5%, #ffffff 95%);
}
.emmabadge-primary {
	color: var(--primary);
	background-color: color-mix(in srgb, var(--primary) 5%, #ffffff 95%);
}
.emmabadge-secondary {
	color: var(--secondary);
	background-color: color-mix(in srgb, var(--secondary) 5%, #ffffff 95%);
}
.emmabadge-purple {
	color: #af56d8;
	background-color: color-mix(in srgb,#af56d8 5%, #ffffff 95%);
}

.form-popup {
	
}

.form-popup.open {
	display: flex;
	flex-direction: column;
}

.form-popup .popup_content {
	height: calc(100% - 1rem);
	overflow: hidden;
	padding: 0;
}

.form-popup .popup_content > form {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.form-popup .form-content {
	overflow: auto;
	flex-grow: 1;
}

.form-popup .popup-footer {
	padding: 1rem;
	text-align: right;
	background-color: var(--emma-bg);
	border-top: 1px solid var(--color-border1);
}

.form-popup .form-control.is-invalid ~ .invalid-feedback, .form-popup .custom-select.is-invalid ~ .invalid-feedback {
	display: none;
}

.form-popup .form-control.is-invalid:focus ~ .invalid-feedback, .form-popup .custom-select.is-invalid:focus ~ .invalid-feedback {
	display: block;
	z-index: 10;
	background-color: var(--danger);
	color: #fff;
	position: relative;
	padding: 0.2rem 0.5rem;
}

.popover {
	width: 500px;
	max-width: max-content;
	font-size: 0.95rem;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

.popover .popover-header {
	color: var(--color-font);
}

.loading_overlay.sm {
	justify-content: center;
}

.loading_overlay.sm .lds-ring {
	width: 60px;
	height: 60px;
}

.loading_overlay.sm .lds-ring div {
	width: 48px;
	height: 48px;
	border-width: 5px;
	margin: 5px;
}

#emma_toast {
	position: fixed; 
	top: 0; 
	width: 100%;
	z-index: 4999;
	text-align:center;
	height: auto !important;
	pointer-events: none;
}

#emma_toast > div {
	padding: 0.5em 1em;
	width: 25vw;
	display: flex;
	margin: 0.5em auto;
	min-width: 300px;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
}

#emma_toast > div .toast-icon {
	margin-right: 1em;
}

#emma_toast > div .toast-text {
	cursor: default;
	text-align: left;
	flex-grow: 1;
}

#emma_toast > div .toast-close {
	margin-left: 1em;

}

#emma_toast > div .toast-close, #emma_toast > div .toast-text a {
	cursor: pointer;
	pointer-events: all;
}

dialog[data-component="emma-dialog"] {
	border: 1px solid rgba(0,0,0,0.3);
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	border-radius: 3px;
	padding: 1.25rem;
	width: 90vw;
	max-width: 500px;
	margin: 15vh auto auto;
	border-top: 3px solid var(--emma1);
}

dialog[data-component="emma-dialog"].error {
	border-top-color: var(--color-error);
}

dialog[data-component="emma-dialog"]::backdrop {
	background-color: rgba(0,0,0,0.25);
}

dialog[data-component="emma-dialog"] fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

dialog[data-component="emma-dialog"] legend {
	font-size: 1rem;
	cursor: default;
}

dialog[data-component="emma-dialog"].error legend {
	color: var(--color-error);
}

dialog[data-component="emma-dialog"].error pre, .alert-danger .trace {
	font-size: 0.75rem;
	max-height: 30vh;
	background-color: var(--color-bg);
	padding: 5px;
	border: 1px solid var(--color-border1);
}

dialog[data-component="emma-dialog"] menu {
	margin: 1rem 0 0;
	padding: 0;
	text-align: right;
}

dialog[data-component="emma-dialog"] button {
	margin-left: .5rem;
	min-width: 5rem;
	box-shadow: none;
}

dialog[data-component="emma-dialog"] label {
	margin: 0;
	display: block;
}

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

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

@keyframes slideInRight {
	0% {
		opacity: 0;
		transform: translateX(50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.text-emma {
	color: var(--emma2);
}

.text-big {
	font-size: 120%;
}

.text-semibold {
	font-weight: 500;
}

.list-debug {
	display: none;
}

.json .string {
	color: maroon;
}
.json .number {
	color: black;
}
.json .boolean, .json .null {
	color: blue;
}
.json .key {
	color: teal;
}

/*bs addon*/
/* phones, up to 575px */
@media screen and (max-width: 575px) {
}
/* 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) {
	
	.bodylogin .main .d-flex {
		flex-direction: column !important;
	}
	.loginslide {
		width: 100%;
		height: auto;
		margin: 0 50px 20px 50px;
		border-radius: 0px 0px 20px 20px;
	}
	
	.loginslide .footer {
		position: relative;
	}
	.loginslide .ingkep {
		display: none;
	}
	.bodylogin .form-group .form-control	{
		width: 60%;
	}
	.bodylogin .errorbox {
		width: 90%;
		margin-bottom: 0;
	}
	
	.bodylogin .loginfooter {
		position: relative;
		botton: 0;
		text-align: center;
	}
}
/* tablets, 768px and up */
@media (min-width: 768px) {
.sidemenu.collapse {
	display: none !important;
}
}
/* tablets, 768px to 991 */
@media (min-width: 768px) and (max-width: 991px) {

}
/* desktops, max 991px */
@media (max-width: 991px) {
	.containerbox {
		width: 100%;
	}
	.cont.epr {
		display: none;
	}	
	.bodylogin .containerbox .cont.loginbox	{
		width: auto;
	}
}
/* desktops, 992px and up */
@media (mix-width: 992px) {
}
/* desktops, 992px to 1199 */
@media (min-width: 992px) and (max-width: 1199px) {
	.bodylogin .containerbox .cont.loginbox {
		width: 80vw;
	}	
}
/* desktops, 1200px and up */
@media (min-width: 1200px) {
	.bodylogin .containerbox .cont.loginbox {
		width: 80vw;
	}
}

@media (min-width:992px) {
  .modal-xxl {
    max-width:800px
  }
}
@media (min-width:1200px) {
  .modal-xxl {
    max-width:1140px
  }
}
@media (min-width:1400px) {
  .modal-xxl {
    max-width:1340px
  }
}


/* compact */
@media (max-width: 1400px) {
	.cont h1 {
		padding: 12px 18px;
	}
	.btn {
		padding: .3rem .6rem
	}
	.btn-group-sm > .btn, .btn-sm {
		padding: .2rem .4rem;
	}
	
	.table td, .table th {
		padding: .375rem;
	}
	
	.table-sm td, .table-sm th {
		padding: .2rem;
	}
	
	.contcont {
		padding: 0.75rem;
	}
	
	.btn-list button, .btn-list .btn-list-split {
		width: calc(100% - 3rem);
		margin: 0.3rem 1.5rem;
	}
	
	.sidecontainer {
		width: 350px;
	}
	
	.containerbox.has-sidebar {
		width: calc(100vw - 350px);
	}
	
	.termekinfo {
		width: 350px;
	}
	
	hr {
		margin: .75rem 0;
	}
}