html{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #fafafa;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}
.online-container{
	position: relative;
	min-height: 100%;
}
body.noscroll{
	overflow-y: hidden;
}

/*
Ügyfél választás
 */

.select-ugyfel-control {
	margin-bottom: 0.5em;
}

.select-ugyfel-header {
	padding: 5px;
	background-color: #1e9bd6;
	color: #fff;
	border: 1px solid #ADADAD;
	float: left;
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	height: 1.5em;
	font-size: 1.5em;
	margin-bottom: 5px;
}

.select-ugyfel-frame {
	background-color: rgba(255,255,255,.75);
	position: fixed;
	/* position: absolute; */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	min-height: 3em;
	text-align: center;
	z-index: 89;
}

.select-ugyfel-frame .select-ugyfel-window {
	display: inline-block;
	padding: .75em 2em;
	line-height: 1.25em;
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: .25em;
	font-size: 	1em;
	margin-top: 5em;
	width: 1000px;
}

.select-ugyfel-table {
	border-collapse: collapse;
}

.select-ugyfel-table-row{
	border-bottom: 1px dashed #adadad;
}

.select-ugyfel-table-row{
	border-bottom: 1px dashed #adadad;
}

.select-ugyfel-table-row:hover{
	background-color: #2789c0 !important;
	color: #fff;
}

.select-ugyfel-table-row:nth-child(odd){
	background-color: #e9e9e9;
}

tr.select-ugyfel-table-head th{
	border-bottom: 1px solid #adadad;
}

.select-ugyfel-table-column-name {
	text-align: left;
	width: 50%;
}

.select-ugyfel-table-column-birthday {
	width: 25%;
}

.select-ugyfel-table-column-taxnumber {
	width: 25%;
}

/*div.bn-dij:hover{*/
	/*background-color: #faf4d6;*/
/*}*/

.btn {
	border: 2px solid #fbd389;
	background-color: #ffe5b4;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	/*border: 1px solid transparent;*/
	border-radius: 4px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.loading-animation-modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.loading-animation{
	background-color: rgba(255,255,255,.75);
	position: fixed;
	/*position: absolute;*/
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	min-height:3em;
	text-align: center;
	z-index: 99;
}
.loading-animation .msg{
	display: inline-block;
	padding: .75em 2em;
	line-height: 1.25em;
	/*background: transparent url(../images/loading.gif);*/
	background: linear-gradient(-45deg, white 25%, #f5f5f5 25%, #f5f5f5 50%, white 50%, white 75%, #f5f5f5 75%, #f5f5f5);
	background-size:1.27777em 1.277777em;
	border: 1px solid #aaa;
	border-radius: .25em;
	font-size: 1.5em;
	text-shadow: 1px 1px 1px #fff;
	animation: mymove 1.5s linear infinite;
	margin-top: 4em;
}
@keyframes mymove {
	0%   {background-position: 0 0;}
	100% {background-position: -1.277777em 0;}
}

.iframe-fejlec, .iframe-lablec{
	display: block;
	width: 100%;
	border: 0 none;
}

#bn-ol{
	font-family: arial, sans-serif;
	font-size: 14px;
	width: 75em;
	/*background-color: #fff;*/
	margin: auto;
	padding: 0.1em 1em 4em;
	position: relative;
}

#bn-ol .online-main-content{
	width: 50em;
	position: relative;
}
#bn-ol .online-main-content:after{
	content:'';
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	clear:both;
}

#bn-ol h1 i, #bn-ol h2 i, #bn-ol h3 i{
	width: 1.2em;
	text-align: center;
}

#bn-ol div.bn-ablak-help > h1{
	margin: 0;
}

#bn-ol h1{
	font-size: 1.75em;
	margin: 1.5em 0 .5em;
	border-bottom: .2em solid #2789c0;
	padding-bottom: .1em;
	clear: left;
}
#bn-ol h1+h2{
	margin-top:.5em
}
#bn-ol h2{
	font-size: 1.3em;
	margin: 2em 0 .5em;
	overflow: hidden;
}
#bn-ol h2.bn-form-subheader span{
	/*border-bottom: 1px solid #60C4FF;*/
	float: left;
	padding: 0 1.25em .1em .25em;
	color: #222;
}
#bn-ol ul, #bn-ol li{
	margin: 0;
	/*padding: 0;*/
	/*padding-top: 3px;*/
	padding: 3px 0 0 0;
	list-style-type: none;
}

#bn-ol .opt-selector ul{
	overflow: hidden;
}
#bn-ol .opt-selector li{
	display: block;
	float: left;
	text-align: center;
	background-color: #F0F8FF;
	margin: 0 1em;
	padding: 0 .5em .75em;
	cursor: pointer;
	color: #555;
	position: relative;
}
#bn-ol .opt-selector li span{
	display: block;
	font-size: 2em;
	text-align: center;
	width: 3em;
	height: 2em;
	line-height: 2em;
	color: #777;
}
#bn-ol .opt-selector li:hover, #bn-ol .opt-selector li:hover span,
#bn-ol .bn-biztositok li:hover, #bn-ol .szolgaltatas-valaszto li li:hover{
	color: #028BBF;
}
#bn-ol .opt-selector li.selected, #bn-ol .bn-biztositok li.selected{
	background-color: #028BBF;
	color: #fff;
}
#bn-ol .opt-selector li.selected span{
	color: #fff
}
#bn-ol .opt-selector li span.state{
	font-size: 1em;
	position: absolute;
	right: 0;
	top: 0;
	width: 2em;
}

.bn-submit{
	text-align: center;
	padding: 2em 0;
}
.bn-submit button{
	font-size: 1.25em;
	padding: .5em 1.5em;
	margin: 0 1em;
}

.bn-item{
	padding: .5em;
	border-bottom: 1px dashed #BED3E2;
}
.bn-item:after{
	content:'';
	display:block;
	clear:both;
	width:0;
	height: 0;
	overflow: hidden;
}
.bn-item > label{
	display: block;
	float: left;
	width: 19em;
	line-height: 1.6em;
	margin-right: 1em;
	padding: .4em 0;
}
.bn-item > .help-button, h2 > .help-button{
	display: block;
	float: right;
	border: 0 none;
	font-size: 1.7em;
	padding:0;
	width: 1.25em;
	text-align: center;
	cursor: pointer;
	background-color: transparent;
	color: #666666;
	/*color: #bbb;*/
	outline: 0;
}

h2 > button.help-button{
	float:none;
}

.bn-item.active > .help-button, .bn-item > .help-button:hover{
	color: #028BBF;
}
.bn-item > div{
	float: left;
}

.error-messages{
	color: #e00;
	font-style: italic;
}

.accept-condition{
	border-bottom: 1px solid #000;
	padding-bottom: 4px;
}

.bn-item .error-messages{
	float: right;
	width: 29em;
}
.error-messages .server-error{
	color: #ee5a10;
}

.bn-item.active{
	/*background-color: #f0f8ff;*/
	background-color: #e7f3fd;
}
.bn-item input, .bn-item select{
	box-sizing: border-box;
	width: 18em;
	font-size: 1em;
	border: 1px solid #aaa;
	padding: 0 .35em;
	height: 2em;
	line-height: 2em;
	background-color: #fff;
	border-radius: .2em;
}
.bn-item textarea{
	width: 18em;
	padding: 0.35em .35em;
	height: 10em;
}
.item-nm input{
	width:4em;
	text-align: right;
}
.item-thousand input{
	width:6em !important;
	text-align: right;
}
.bn-item-checkbox > label{
	/* font-size: 1.2em; */
}
.bn-item-checkbox i{
	width: 1.2em;
}
.bn-item-checkbox > div{
	/*display: none;*/
}

.bn-biztositok img{
	display: block;
	width: 13em;
	opacity: .2;
	margin-bottom: .5em
}
.bn-biztositok{
	overflow: hidden;
}
#bn-ol .bn-biztositok li{
	display: block;
	float:left;
	text-align: center;
	color: #555;
	background-color: #F0F8FF;
	margin: .5em;
	padding: .5em .5em 1em;
}
.bn-biztositok li:hover img, .bn-biztositok li.selected img{
	opacity: 1;
}
.szolgaltatas-valaszto{
	width: 30em;
}
.szolgaltatas-valaszto li ul{
	display: block;
	overflow: hidden;
	max-height: 0;
	transition: max-height .5s cubic-bezier(0, 1, 0, 1) -.1s;
}
#bn-ol .szolgaltatas-valaszto > li.opened ul{
	margin: 0 0 .5em 1em;
	background-color: #f0f8ff;
	border-bottom: .25em solid #005271;
	max-height: 50em;
	transition-timing-function: cubic-bezier(0.5, 0, 1, 0);
	transition-delay: 0s;
}
#bn-ol .szolgaltatas-valaszto > li{
	margin-bottom: .5em;
}

.szolgaltatas-valaszto .title{
	font-size: 1.2em;
	line-height: 3em;
	padding: 0 1em;
	background-color: #FFFFFF;
	position: relative;
	cursor: pointer;
}
#bn-ol .szolgaltatas-valaszto > li.opened .title{
	background-color: #f0f8ff;
	border-bottom: .2em solid #005271;
}
#bn-ol .szolgaltatas-valaszto li li{
	line-height: 1.5em;
	padding: .75em 3em .75em 1em;
	position: relative;
	cursor: pointer;
}
.szolgaltatas-valaszto i{
	width: 1.2em;
	text-align: center;
	padding-right: .2em;
}
.szolgaltatas-valaszto .select-count{
	position: absolute;
	right: 1em;
	top: 0;
}
.szolgaltatas-valaszto .select-count i{
	color: #333;
}
.szolgaltatas-valaszto li li i{
	position: absolute;
	display: block;
	right: 1em;
	top: 0;
	line-height: 3em;
}
.szolgaltatas-valaszto li li .fa-times{
	color: #bbb;
}
.szolgaltatas-valaszto li li:hover .fa-times{
	color: #028BBF;
}
#bn-ol .szolgaltatas-valaszto > li:hover .title,#bn-ol .szolgaltatas-valaszto > li:hover li{
	background-color: #f0f8ff;
}
#bn-ol .bn-dp-icon{
	margin-left: .5em;
	text-align: center;
	line-height: 2em;
}
#bn-ol .bn-dp-calendar {
	left: -0.25em;
	top: 2.5em;
}

h2.pref-header{
	width: 22em;
	border-bottom: 1px solid #60C4FF;
	padding-bottom: .2em;
	cursor: pointer;
}
h2.pref-header span{
	float: right;
}
.bn-dijtabla-container{
	position: relative;
	min-height: 5em;
	margin-top: 3em;
}
.dijtabla-dij{
	position: relative;
	overflow: hidden;
	float: right;
	height: 4.5em;
	margin-bottom: 0.5em;
}
.bn-dij{
	border-bottom: 1px dashed #BED3E2;
	padding: 1em 0;
	position: relative;
	min-height: 5em;
}
.bn-dij:first-child, h2+.bn-dij{
	border-top: 1px dashed #BED3E2;
}
.bn-dij:after{
	content:'';
	display: block;
	clear:left;
	width: 0;
	height: 0;
	overflow: hidden;
}
.bn-dij .logo{
	width:13em;
	float: left;
}
.bn-dij .dij{
	float:right;
	font-size: 1.3em;
    color: #bf0404;
    margin-right: 0.7em;
	line-height: 1;
}

.insurer-video{
	float: left;
	padding-left: 7em;
}
.insurer-video i{
	cursor: pointer;
}

.insurer-video i .tooltiptext, .tooltiptext {
	visibility: hidden;
	/*background-color: #007452;*/
	/*color: #ffffff;*/
	text-align: center;
	border-radius: 5px;
	padding: 5px;
	margin: -5px 5px;

	/* Position the tooltip */
	position: absolute;
	z-index: 1;
}

.insurer-video i:hover .tooltiptext,
.lakas_copy_button_i:hover .tooltiptext {
	visibility: visible;
}

.lakas_copy_button_i .tooltiptext {
	font-size: 17px;
}

#bn-ol .bn-dijtabla .szolgaltatasok{
	float:left;
	margin-left: 2em;
	position: relative;
	width: 25em;
}
#bn-ol .bn-dijtabla .szolgaltatasok > li{
	display: block;
	float: left;
}
#bn-ol .bn-dijtabla .szolgaltatasok > li > div{
	width: 3em;
	height: 3em;
	position: relative;
	line-height: 3em;
	padding:0 .2em 1px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #fff;
	background-color: #FFF;
}
.bn-dijtabla .szolgaltatasok > li > ul{
	display: none;
}
#bn-ol .bn-dijtabla .szolgaltatasok > li.selected > div{
	border-color: #1E9BD6;
	z-index: 4;
}
#bn-ol .bn-dijtabla .szolgaltatasok > li.selected > div span{

}
#bn-ol .bn-dijtabla .szolgaltatasok > li.selected > ul{
	display: block;
	position: absolute;
	top: 3.075em;
	left: 0;
	background-color: #fff;
	border: 1px solid #1E9BD6;
	z-index: 3;
	padding: .5em;
	width: 24em;
}
.bn-dijtabla .szolgaltatasok > li i{
	display: block;
	font-size: 2em;
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	line-height: 1.5em;
	color: #333;
	position: absolute;
	left: .1em;
	top: 0;
	z-index: 1;
}
#bn-ol .bn-dijtabla .szolgaltatasok > li span{
	display: inline-block;
	width: .5em;
	background-color: #A4DE92;
	vertical-align:bottom;
	margin-right: 1px;
}
.bn-dij .select-package{
	position: absolute;
	left: .5em;
	top: 4.5em;
	line-height: 2em;
}
.bn-dij .select-package i{
	font-size: 1.5em;
	vertical-align: middle;
	color: #444;
	padding-right: .2em;
	/* float: right; */
}
.bn-dij .select-package select{
	width: 10em;
	box-sizing: border-box;
	border: 1px solid #aaa;
	background-color: #fff;
	height: 1.8em;
}

.bn-dij .recalc-needed{
	position: absolute;
	right: 0;
	top: 0;
	background-color: rgba(255,255,255,.8);
	height: 4.5em;
	width: 10em;
	line-height: 4em;
	text-align: center;
	cursor: pointer;
	z-index: 20;
}
.recalc-needed i{
	font-size: 2em;
	line-height: 2em;
	color: #009CE6;
}
.recalc-needed span{
	display: block;
	position: absolute;
	left:0;
	top:2em;
	width: 100%;
	color: #009CE6;
	text-shadow: 0 0 2px #fff;
}

.bn-dij .bn-dij-hiba{
	position: absolute;
	left: 14em;
	top: 1em;
	/*width: 27em;*/
    width: 25em;
	color: red;
}

.bn-dij-hiba a:hover span {
	padding: 10px;
	background-color: #EEEEEE;
	border: 1px solid #aaaaaa;
	/*color: #8b0700;*/
	overflow: visible;
	max-height: 50em;
	z-index: 30;
	position:relative;

}

.bn-dij-hiba a:hover span i{
	display: none;
}

.dijerror{
	padding-left: 2.75em;
	display: block;
	line-height: 1.5em;
	max-height: 3em;
	overflow: hidden;
}
.dijerror i{
	position: absolute;
	left: 0;
	font-size: 1.5em;
	color: red;
	top: 0;
	line-height: 1.5em;
}
.bn-dij .szam-ezres{
	display: inline-block;
	width: 2em;
	font-size: 1.7em;
	text-align: right;
	padding-right: .1em;
	vertical-align: top;
}
.bn-dij .szam-maradek{
	display: inline-block;
	width: 3em;
	font-size: 1.0em;
	padding-top: 0;
	line-height: 1;
}

.szam-eves{
	font-size: 0.6em;
	line-height: 1;
	text-align: center;
}

.szam-maradek > span{
	font-size: 0.5em;
	padding: 0;
	margin: 0;
	float: left;
}

.bn-dij .tab-header{
	position: absolute;
	top: 5em;
	height: 2em;
	line-height: 2em;
	padding: 1px .5em 0;
	cursor: pointer;
}

.bn-dij .tab-header.active{
	border-width: 1px 1px 0;
	border-style: solid;
	border-radius: .25em .25em 0 0;
	padding: 0 .65em;
	background-color: #e7f3fd;
	border-color: #2789c0;
}

.bn-dij .show-details{
	left: 13.5em;
}
.bn-dij .show-dokumentumok{
	left: 21em;
}
.bn-dij .show-discounts{
	left: 26em;
}

#bn-ol .tfa-reszletek h2:first-child{
	margin-top: 0;
}
.tfa-reszletek{
	margin: 6em 0 0 0;
	padding: .25em .9em .9em;
	border-radius: .25em;
	background: #e7f3fd;
	border: 1px solid #2789c0;
}
.fiz-mod-utem .fizmod{
	width: 9em;
}
.fiz-mod-utem .fizutem{
	width: 9em;
}
.bn-checkboxlist li{
	cursor: pointer;
	line-height: 1.7em;
}
.bn-checkboxlist li > i{
	width: 1em;
}

#bn-ol .lakas-reszletek h1{
	font-size: 1.1em;
	clear: left;
	border-width: 1px;
	padding-left: 0;
	margin: 1em .5em .5em;
}
.lakas-reszletek .bn-item{
	width: 23em;
	float: left;
	border-width: 0;
}
.lakas-reszletek form > div:after{
	content: '';
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	clear: both;
}
.lakas-reszletek .bn-item input, .lakas-reszletek .bn-item select {
	width: 9em;
}

#medence_nm{
	width: 8em;
}
.lakas-reszletek .bn-item > label{
	width: 10em;
	padding: .2em 0;
}
#bn-ol .bn-lakas-nav{
	/*margin: 1.5em 0 -3em 0;*/
	/*float: left;*/
	/*float: none;*/
    /*overflow:hidden;*/
}
/*original
    #bn-ol .bn-lakas-nav li {*/
    /*display: block;*/
    /*float: left;*/
    /*margin: 0 1em 0 0;*/
    /*line-height: 1.75em;*/
    /*border: 1px solid #aaa;*/
    /*padding: 0 .75em;*/
/*}*/

/*Dávid*/
#bn-ol .bn-lakas-nav li:first-child {
    border-left: 1px solid #AEAEAE;
}
#bn-ol .bn-lakas-nav li:hover {
	border-color: #aaabaa #37b7ff #37b7ff #aaabaa;
	color: white;
	background-color: #2789c0;
}

#bn-ol .bn-lakas-nav li.active {
	border-color: #aaabaa #37b7ff #37b7ff #aaabaa;
	color: white;
	/*background-color: #0284c1;*/
	background-color: #2789c0;
}

#bn-ol .bn-lakas-nav li {
    line-height: 1.75em;
    border-bottom: 5px solid #1e9bd6;
    padding: 0 .75em;
    width: 16.65em;
    float: left;
    text-align: center;
    height: 100%;
    box-sizing: border-box;
    border-top: 1px solid #AEAEAE;
    border-right: 1px solid #AEAEAE;
}

#bn-ol .bn-lakas-nav li:nth-child(4),
#bn-ol .bn-lakas-nav li:nth-child(5),
#bn-ol .bn-lakas-nav li:nth-child(6){
    margin-top: .5em;
}

#bn-ol .bn-lakas-nav li:nth-child(6){
    margin: .5em 0 1em 0;
}

#bn-ol .bn-lakas-nav li:nth-child(4){
    border-left: 1px solid #AEAEAE;

}

.bn-lakas-nav a{
	display: block;
	color: inherit;
	text-decoration: none;
}


/*  bn-tarifa-nav */
#bn-ol .bn-tarifa-nav li:first-child {
	border-left: 1px solid #AEAEAE;
}
#bn-ol .bn-tarifa-nav li:hover {
	border-color: #aaabaa #888 #777 #aaabaa;
	color: white;
	background-color: #666;
}

#bn-ol .bn-tarifa-nav li.active {
	border-color: #aaabaa #888 #777 #aaabaa;
	color: white;
	background-color: #666;
}

#bn-ol .bn-tarifa-nav li {
	line-height: 1.75em;
	border-bottom: 5px solid #1e9bd6;
	padding: 0 .75em;
	width: 16.65em;
	float: left;
	text-align: center;
	height: 100%;
	box-sizing: border-box;
	border-top: 1px solid #AEAEAE;
	border-right: 1px solid #AEAEAE;
}

#bn-ol .bn-tarifa-nav li:nth-child(4),
#bn-ol .bn-tarifa-nav li:nth-child(5),
#bn-ol .bn-tarifa-nav li:nth-child(6){
	margin-top: .5em;
}

#bn-ol .bn-tarifa-nav li:nth-child(6){
	margin: .5em 0 1em 0;
}

#bn-ol .bn-tarifa-nav li:nth-child(4){
	border-left: 1px solid #AEAEAE;

}

.bn-tarifa-nav a{
	display: block;
	color: inherit;
	text-decoration: none;
}


.justified {
	text-align: justify;
}
.help-cimsor{
	padding: 0 1em;
	margin: 0 0 1em;
	font-weight: 300;
}

.login-error{
	background-color: #de1f1f;
	padding: 3px;
	border: 1px solid #a52722;
	border-radius: 5px;
	margin-top: 5px;
}

.bn-bizt-osszeg{
	float:left;
    margin-left: 1em;
}

.bn-bizt-osszeg table{
    width: 125%;
}

.bn-bizt-osszeg .bizt-osszeg{
	text-align: right;
}

.bn-bizt-osszeg table td{
	/*color: #888;*/
    font-size: 13px;
    /*width: 40%;*/
}

/*.bn-dijtabla-container h1 button{*/
.calc-button{
	float: right;
	display: block;
	/*background-color: #f08f00;*/
    background-color: #1e9bd6;
	color: #fff;
	border: 0 none;
	font-size: 0.6em;
	padding: 3px 1em 3px 1em;
	margin: .5em 0 .5em .5em;
	cursor: pointer;
}

.calc-button:hover{
	background-color: orange;
}

.choose-tarifa {
	padding-top: 3.1em;
	font-weight: 600;
}

.choose-tarifa i{
	color: #1e9bd6;
	/*color: #2c9b07;*/
}

.choose-tarifa .x-icon-circle-arrow-right:hover{
	font-size: 18px;
}


.choosed.btn{
	background-color: yellow;
}

li.orderSelected{
	color: #8b0700;
}

.bn-dropdown {
	position: relative;
	display: inline-block;
}

.bn-dropdown-content {
	display: none;
	position: absolute;
	z-index: 4000;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding: 12px 16px;
}

.bn-dropdown-content li{
	padding: 5px 3px 5px 3px !important;
	border-bottom: 1px solid #999999;
}

.bn-dropdown-content li:hover {
	background-color: deeppink;
}

.bn-dropdown:hover .bn-dropdown-content {
	display: block;
	cursor: pointer;
}

.inline {
	display: inline-block;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.bn-w20 {
	width: 20%;
}

.bn-w80 {
	width: 80%;
}

.bn-w100 {
	width: 100%;
}

.bn-fs24 {
	font-size: 24px;
}

.center {
	text-align: center;
}

.selected_dij {
	background-color: rgba(73, 144, 204, 0.75);
}

/*.selected_dij .recalc-needed{*/
	/*background-color: rgba(206, 223, 214, 0.75)*/
/*}*/

.selected_dij table td{
color: black;
}
.clear {
	clear: both;
}

.bn-dijtabla-tools {
	padding-bottom: 5px;
}

bn-info-panel > div {
	display: block;
	border-bottom: 1px solid #000;
}

select.titulus {
	width: 5em;
}
input.nev {
	width: 13em;
}

@media only screen /* jól néz ki így is, de 320-tól kéne, van kisebb kijelző?*/
and (min-width: 250px)
and (max-width: 650px)
{

	.bn-dij .bn-dij-hiba {
		margin: 0.5em auto;
		display: block;

	}

	.bn-dijtabla-container h1 button{
        float: none !important;
    }

	.bn-dij .logo {
		float: none !important;
		margin: 0 auto;
		display: block;
	}

	.bn-bizt-osszeg{
		float: none;
		margin: 0.5em auto;
		display: block;
		width: 15em;
	}

	.bn-dij .select-package{
		position: static !important;
		text-align: center;
	}

    .bn-bizt-osszeg table td{

        font-size: 14px;
    }

    .selected_dij table td{
        color: #000 !important;
        font-size: 14px;
    }

	.dijtabla-dij{
		float: none;
	}

	.choose-tarifa{
		padding-top: 0;
	}

    .bn-dij .dij{
        color: #550000 !important;
        text-align: center !important;
        float: none !important;
        margin: 0em 0em 0em 0em!important;
        font-size: 1.5em;
    }

    .bn-dij .show-details{
        left: 0em !important;
        float: left !important;
        position: static !important;
    }

    .bn-dij .tab-header{
        position: static !important;
        top: 5em !important;
        height: 2em !important;
        line-height: 2em !important;
        padding: 1px .5em 0 !important;
        cursor: pointer !important;
    }

    .bn-dij .show-dokumentumok{
        margin: 0 4em 0 6em!important;
		max-width: 8em;
		min-width: 8em;
    }

    .tfa-reszletek{
        margin: 0em;
    }

    .bn-dij .recalc-needed {
        position: absolute !important;
		width: 100%;
        height: 5em;
    }

    .bn-dij .bn-dij-hiba {
        position: relative !important;
        top: 0em !important;
        width: 100%;
        left: 0em !important;;
    }

    .bn-dijtabla-tools > .bn-dropdown{
        float:none;
    }

}

@media only screen
and (max-width: 742px)
and (min-width: 200px)
{
    /*#bn-ol .bn-lakas-nav {*/
        /*margin: 1.5em 0 -1em 0;*/
        /*float: none;*/
    /*}*/
    #bn-ol .bn-lakas-nav li:hover {
        border-color: #aaabaa #1e9bd6 #1e9bd6 #aaabaa;
        color: white;
        background-color: #0284c1;
    }
    #bn-ol .bn-lakas-nav li {
        border-left: 1px solid #AEAEAE;
        float: none;
    }
}

@media only screen
and (max-width: 742px)
and (min-width: 250px)
{
    /*.bn-bizt-osszeg table{*/
        /*width: 70% !important;*/
    /*}*/
    /*#bn-ol .bn-lakas-nav {*/
        /*margin: 1.5em 0 -1em 0;*/
        /*float: none;*/
    /*}*/
    #bn-ol .bn-lakas-nav li
    {
        border: 1px solid #AEAEAE;
        border-bottom: 0;
    }

    #bn-ol .bn-lakas-nav li:nth-child(odd) {
        border-left: 1px solid #AEAEAE;
    }

    #bn-ol .bn-lakas-nav li:nth-child(even) {
        border-left: 0;
    }

    #bn-ol .bn-lakas-nav li:last-child{
        margin-bottom: 2em;
    }
/*    #bn-ol .bn-lakas-nav li:not(:first-child)
    {
        margin-top: .5em;
    }*/
}

@media only screen
and (min-width: 250px)
and (max-width: 510px){
    #bn-ol .bn-lakas-nav li:nth-child(2){
        /*margin: 0;*/
    }
    #bn-ol .bn-lakas-nav li:nth-child(even) {
        border-left: 1px solid #AEAEAE;
    }
}

@media only screen
and (min-width: 509px)
and (max-width: 745px){
    #bn-ol .bn-lakas-nav li:nth-child(2){
        margin: 0;
    }
    #bn-ol .bn-lakas-nav li:nth-child(even) {
        /*border-left: 1px solid #AEAEAE;*/
    }
}


@media only screen
and (min-width: 650px)
and (max-width: 750px) {
    .bn-bizt-osszeg table{
        width: 100% !important;
    }
}

/* bn-declaration */
.bn-declaration {
    border-bottom: 1px dashed #AEAEAE;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
}

.bn-declaration label{
	width: 90%;
    text-align: justify;
	/*font-weight: 600;*/
}

.bn-declaration a {
	display: inline-block;
    margin: 5px 0 10px 0;
	padding: 5px;
	background-color: #EEEEEE;
	border: 1px solid #aaaaaa;
	/*color: #8b0700;*/
	position:relative;
	text-decoration: none;
}

.bn-declaration a:visited {
    color:blue;
}

.bn-resident{
    margin-bottom: 2em;
    padding-bottom: 2em;
    border-bottom: 1px dashed #AEAEAE;
}

#dtForm{
    margin: 1em auto;
    padding-bottom: 1em;
    border-bottom: 1px dashed #AEAEAE;
}

#dtForm label{
	margin-top: 2px;
    margin-right: 0.5em;
    float: left;
}

#dtForm span input{
	width: 100%;
}

#dtForm span{
	display: block;
	overflow: hidden;
	padding-right: 4px;
}

#dtForm button{
	color: #ffffff;
	background-color: #2789c0;
    border: 0;
    font-size: 1em;
    padding: 3px 1em;
    margin: .5em 0;
    cursor: pointer;
}

#dtForm div.error:after{
	content:'';
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	clear:both;
}

#dtForm button:hover{
    background-color: orange;
}

.error{
    color: red;
    margin-top: 0.5em;
}


/*dávid*/

#lakas-alapadatok-form,
#lakas-ajanlatiadatok-form{
    margin-top: 4em;
}

/* error message*/
.error_div{
	min-height: 20px;
	width: auto;
	padding: 20px;
	margin: 60px 0;
	background-color: rgba(235, 0, 31, 0.2);
	border: 1px solid #b70000;
	border-radius: 5px;
	color: black;
	display: block;
}

.error_div i{
	color: #b70000;
	font-size: 2em;
}

.error_div_inner div.message {
	width: 75%;
}

.error_div_inner div.icon {
	padding-top: 0.5em;
	width: 25%;
	font-size: 2em;
	text-align: center;
}

.error_div_inner{
	font-size: 16px;
	line-height: 1.5em;
	width: 100%;
	display: inline-block;
}

.online-info-row > div {
	width: 50%;
	margin: 1.5em 0 0em;
	padding-bottom: .1em;
}

.nav-info-header{
	border-bottom: .2em solid ;
	margin-bottom: 1.5em;
}

.nav-info-header:after{
	content: '';
	display: block;
	clear: both;
	width: 0;
	height: 0;
	overflow: hidden;
}

.online-nav {
	clear: both;
	/*margin-bottom: 5em;*/
}

.txt-right {
	text-align: right;
}

.txt-left {
	text-align: left;
}

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

.loading-animation > div.modal-message.msg{
	background: none;
	background-color: #fff;
}

#dtForm .email-send-button {
	margin: 2px 0;
	float: right;
}

.buttonHolder {
    padding-top: 30px;
    padding-bottom: 0px;
    text-align: center;
}

.download-dijosszefoglalo-button {
    margin: 2px 0;
    color: #fff;
    background: #1e9bd6;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 1em;
    padding-left: 1em;
    border: none;
    font-size: 14px;
}

.declaration.bn-item-checkbox.bn-item {
	border-bottom: none;
}

.bn-download{
	color: #34a;
}

.dijtabla-date-input .bn-datepicker-container div.dp-inputfield{
	width: 7em;
}

#bn-ol .dijtabla-date-input .bn-datepicker-container div.bn-dp-icon{
	margin-left: 0;
}

#bn-ol div.subheader > h1{
	border-bottom-style: dashed;
	font-style: italic;
	font-size: 0.9em;
}

.tfa-reszletek .bn-item .error-messages {
	width: 23em;
}

#lakas-nyilatkozatadatok-form{
	margin-top:4em;
}

.tfa-biztositoi-figyelmeztetes {
	border: 1px solid #803131;
	padding: 4px;
	color: #ffffff;
	background-color: #f75d5d;
	margin-top: 5px;
	font-weight: 500;
	border-radius: 3px;
}

.tfa-biztositoi-emlekezteto {
	border: 1px solid;
	padding: 4px;
	color: #000;
	margin-top: 5px;
	font-weight: 500;
	border-radius: 3px;
    background-color: rgba(255,255,255,0.7);
}

.tfa-biztositoi-emlekezteto_clear{
	clear: both;
}

.ugyfeltorzs {margin: 0.5em 1em;}
.ugyfeltorzs i{ font-size: 20px;}
.pointer {cursor:pointer;}

.ajanlati_gombok{
	height: 60px;
	margin: 20px 0;
}

.ag_bugreport{
	z-index: 10;
	width: 30%;
	position: absolute;
}

.ag_next {
	width: 100%;
	/*position: absolute;*/
	text-align: center;
}
.ag_next button
{
	font-size: 1.25em;
	padding: .5em 1.5em;
	margin: 0 1em;
}

.baleset_dij_biztositott {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.baleset_dij_biztositott-dij {
	background-color: #fff;
	padding: 5px;
	font-size: 16px;
	color: #f55;
	font-weight: 400;
	border-radius: 4px;
	box-shadow: 3px 3px 2px #555;
}

.ugyfel-select{
	line-height: 2em;
	margin-right: 6px;
}

.ugyfel-select  input.bn-date{
	width: 6em;
}

.bizt_pecset{
	width: 25%;
}

.teendo_div {
	cursor: pointer;
	width: 100%;
	text-align: left;
	outline: none;
	font-size: 15px;
}

.teendo_div_active, .teendo_div:hover {
	background-color: #fafafa;
}

.teendo_div:before {
	content: '\2B07';
	font-weight: bold;
	float: left;
	width: 1.2em;
	text-align: center;
}

.teendo_div_active:before {
	content: "\2B06";
	width: 1.2em;
	text-align: center;
}

.teendo_div_content {
	padding: 0 18px;
	max-height: 340px;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	background-color: #e7f3fd;
}

.url-link {
	text-decoration: underline;
	cursor: pointer;
}

.error-messages-font{
	color: #e00;
	font-style: italic;
	/*font-size: 0.8em;*/
}

.error-messages li{
	color: #fff;
	font-weight: 600;
	text-align: center;
}

.small-font {
	font-size: 0.7em;
}

.tarifa_vegetext {
    padding: 1em 0;
    text-align: justify;
}

.mfo_list ul {
	padding: 3px 0 5px 0 !important;
}
.mfo_list ul > li {
	padding: 7px 0 0 5px !important;
}
.mfo_list {
	background-color: #e7f3fd;
	border-bottom: 1px dashed #BED3E2;
}

/* MODAL ELEJE */
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 23; /* Sit on top */
    padding-top: 150px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 40%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.modal-close,
.modal-close2 {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
    padding-top: 10px;
}

.modal-close:hover,
.modal-close:hover,
.modal-close2:focus,
.modal-close2:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-body {padding: 2px 16px;}
.modal-body-footer {display: flex;}
.modal-body-footer .fixed {width:90%;}
.modal-body-footer .notfixed {flex-grow: 1;}
.modal-body-footer .notfixed .modal-ok,
.modal-body-footer .notfixed .modal-ok2
{
    color: #fff;
    border: 0 none;
    font-size: 1.2em;
    padding: 3px 1em 3px 1em;
    margin: .5em 0 .5em .5em;
    cursor: pointer;
    background-color: #1e253e;
}

.modal-footer {
    padding: 2px;
    background-color: #5cb85c;
    color: white;
}
/* MODAL VEGE */

.success_reg
{
    font-weight: bold;
    padding: 0.5em;
    margin: 1em 0 0 0;
    font-size: 14px;
    border: 1px solid darkgrey;
    text-align: center;
}

.margin_tb
{
    margin: 1em 0;
}

.confcode_input
{
    text-align: center;
    width: 50%;
    font-size: 30px
}

.user-box a,
.user-box a:visited{
    color: blue;
}

@media only screen and (min-width: 509px) {
	#padlas_nm label{
		margin-left: 0.5em;
		margin-right: 0.5em;
	}
}

.takszovMfo{
	background-color: #c1d3f5;
}

.overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9999;
}

.overlay button {
	color: #fff;
	border: 0 none;
	font-size: 1.2em;
	padding: 3px 1em 3px 1em;
	margin: .5em 0 .5em .5em;
	cursor: pointer;
	background-color: #1e253e;
}

.confirm-box {
	padding: 2%;
	/* position: fixed; */
	width: 60%;
	/* height: 20%; */
	/* top: 20%; */
	/* left: 10%; */
	text-align: justify;
	margin: 10em auto;
	background: white;
}

.lakas_copy_button_i{
	font-size: 15px !important;
	color: orange;
	cursor: pointer;
}