@CHARSET "UTF-8";

@font-face {
  font-family: 'Avenir Next';
  font-style: normal;
  font-weight: 400;
  src: url(/templates/webdoki/fonts/AvenirNextLTPro-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Avenir Next';
  font-style: normal;
  font-weight: 700;
  src: url(/templates/webdoki/fonts/AvenirNextLTPro-Bold.otf) format('opentype');
}
@keyframes beatHeart {
  0% {transform: scale(.75);}
  20% {transform: scale(1);}
  40% {transform: scale(.75);}
  60% {transform: scale(1);}
  80% {transform: scale(.75);}
  100% {transform: scale(.75);}
}

body {
	font-family: 'Avenir Next', Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #333;
	background: #fff url(/templates/feherben/img/login-bg.jpg) 50% 0 no-repeat;
	background-size: 100%;
	background-attachment: fixed;
}
@media screen and (orientation:portrait) {
	body {
		background-size: auto;
	}
}
a,a:link,a:visited {
	color: #5eade1;
	font-weight: 400;
}
a:hover {
	color: #092f57;
	cursor: pointer;
}
b,strong {font-weight:700;}
.form-control,select.form-control,
select,textarea {border-radius:0;-webkit-appearance:none;-webkit-border-radius:0;box-shadow:none;border-color:#a0a0a0;}
select.form-control {
	background-image: url(/templates/webdoki/img/arrow_down_webdoki.svg);
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    background-size: 16px;
}
.input-group-addon {border-color: #a0a0a0;}
.input-group-addon:last-child {border-radius:0;}
.label {border-radius:0;font-weight:400;text-transform:uppercase;padding:.3em .6em;}
/* CHECKBOX/RADIO */
label.cbr-radio {
	position: relative;
	padding: 6px 12px;
}
td label.cbr-radio,th label.cbr-radio {padding:0;}
label.cbr-radio input[type=radio] {display:none;}
label.cbr-radio span.cbr-label:before {
	content: "\e910";
	font: normal normal normal 14px/1 'icomoon';
	font-size: 1.2em;
	display: inline;
	margin-right: .5em;
	color: #a0a0a0;
	vertical-align: top;
}
label.cbr-radio input[type=radio]:checked + span.cbr-label:before {
	content: "\e924";
	color: #5eade1;
}
label.cbr-radio input[type=radio]:checked + span.cbr-label {
	color: #5eade1;
}
label.cbr-radio input[type=radio]:disabled + span.cbr-label {
	color: #c0c0c0;
}
label.cbr-radio input[type=radio]:disabled + span.cbr-label:before {
	/*content: "\e925";*/
	color: #c0c0c0;
}
label.cbr-checkbox input[type=checkbox] {display:none;}
label.cbr-checkbox span.cbr-label:before {
	content: "\e90b";
	font: normal normal normal 14px/1 'icomoon';
	font-size: 1em;
	display: inline;
	margin-right: .5em;
	position: absolute;
	margin-left: -20px;
	margin-top: 1px;
	color: #a0a0a0;
	vertical-align: top;
}
label.cbr-checkbox input[type=checkbox]:checked + span.cbr-label:before {
	content: "\e937";
	color: #5eade1;
}
label.cbr-checkbox input[type=checkbox]:checked + span.cbr-label {
	color: #5eade1;
}
label.cbr-checkbox input[type=checkbox]:disabled + span.cbr-label:before {
	/*content: "\e90a";*/
	color: #c0c0c0;
}
.wd-icon {font-size:1em;}
.wd-icon-lg {font-size:1.4em;}
.wd-icon-sm {font-size:.9em;}
.wd-icon-2x {font-size:2.4em;}
.wd-icon-3x {font-size:3em;}
.wd-icon-4x {font-size:4em;}

.modal {}
.modal .modal-dialog {}
.modal-backdrop {
	background: transparent;
}
.modal-content {
	border: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	background: none;
}
.modal-header {
	border: 0;
}
.modal-header h1 {
	margin: 0;
	margin: -15px;
	padding: 30px 0;
}
/*
.modal-header h1 .wd-logo img {
	width: 200px;
}
*/
.modal-header h1 .feh-logo {
	display: inline-block;
	width: 281px;
	height: 70px;
	background: url(/templates/feherben/img/feherben_logo_w.png) 50% 50% no-repeat;
	background-size: 100%;
	mask: none;
}
.modal-header h1 small {
	display: none;
}
.modal-body {
	background: #fff;
	border: 0;
	padding: 30px;
}
.modal-body .row {
	margin: 0;
}
.wd-or {
    display: inline-block;
    background: #ffffff;
    width: 40px;
    text-align: center;
    font-size: .75em;
    position: absolute;
    margin: -9px -20px;
    left: 50%;
}
/* Phones */
@media only screen and (min-device-width : 320px) and (max-device-width : 640px) {
/*
	body {
		font-size: 16px;
	}
	.modal {
		position: relative;
	}
	.modal .modal-dialog {
		width: 100%;
		height: 100%;
		margin: 0;
		border-radius: 0;
	}
	.modal .modal-content {
		border-radius: 0;
	}
	.modal-body h1 {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		margin-bottom: -30px;
	}
	.f-lost-psw {
		display: block;
		float: none!important;
	}
*/
}
/* Tablet */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.modal .modal-dialog {
		width: 400px;
	}
	.modal .modal-dialog.modal-lg {
		width: 600px;
	}
/*
	body {
		font-size: 32px;
	}
	.modal {
		background: #fff url(/templates/webdoki/img/Webdoki_login_background.jpg) 100% 0 no-repeat;
		background-size: auto 100%;
	}
	.modal .modal-dialog {
		width: calc(100% - 60px);
		margin: 30px;
	}
	.modal-body h1 {
		padding-bottom: 30px;
	}
	.modal-body h1 .f-logo {
		width: 283px;
		height: 72px;
	}
*/
}
/* Dekstop, Laptop */
@media only screen  and (min-width : 1025px) {
	/*body {}*/
	.modal .modal-dialog {
		width: 400px;
	}
	.modal .modal-dialog.modal-lg {
		width: 900px;
	}
/*
	.modal-body {
		padding: 0;
		overflow: hidden;
	}
	.modal-body h1 {
		padding-bottom: 30px;
	}
	.modal-body h1 .wd-logo {
	}
*/
}
.text-error {
	display: inline-block;
	background: #a94442;
	color: #fff;
	padding: 0 .5em;
}
.modal-body form {
	margin-bottom: 30px;
}
.modal-body form input.form-control {
	border: 1px solid #a0a0a0;
	border-radius: 0;
	color: #333;
}
.modal-body form .has-error input.form-control {
	border-color: #a94442;
}
.modal-body form input.form-control:-webkit-autofill {
	background: #fff;
}
.input-group-addon {border-color: #a0a0a0;}
.input-group-addon:last-child {border-radius:0;}
.modal-body form label {
	font-weight: 400;
}
/*.modal-body hr {
	margin: 15px 30px;
	border-color: #a0a0a0;
}*/
.modal-body p {
	margin: 0 0 10px 0;
}
.modal-body p:not([class]) {
	font-size: 1em;
	font-weight: 400;
}
.alert {
	border-radius: 0;
}
.btn {
	font-size: 1em;
	padding: .5em 2.5em;
	border-radius: 0;
}
.btn-default {
	color: #5eade1;
	border-color: #5eade1;
}
.btn-default:hover {
	background: #fff;
	color: #092f57;
	border-color: #092f57;
}
.btn-primary,
.btn-primary:visited,
.btn-primary:focus,
a.btn-primary,
a.btn-primary:visited,
a.btn-primary:focus {
	background: #5eade1;
	border-color: #5eade1;
	color: #fff!important;
}
.btn.btn-default:active {
	background: #fff;
	border-color: #5eade1;
	color: #5eade1;
}
.btn.btn-primary:active {
	background: #fff;
	border-color: #5eade1;
	color: #5eade1!important;
}
.btn-primary:hover {
	background: #092f57;
	border-color: #092f57;
}
.btn.disabled, .btn[disabled] {
	opacity: .5;
	border-color: #a0a0a0;
}
.btn.btn-primary.disabled, .btn.btn-primary[disabled] {
	background: #a0a0a0;
}
.btn.disabled:hover, .btn[disabled]:hover {
	cursor: not-allowed;
	border-color: #a0a0a0;
}
.btn.btn-primary.disabled:hover, .btn.btn-primary[disabled]:hover {
	background: #a0a0a0;
}
.btn-xs {
	padding: 1px 5px;
	font-size: 12px;
}

.info-card {
	width: 360px;
	background: #fff;
	border: 1px solid #5eade1;
	padding: 30px;
}
.info-card h2 {
	font-size: 1em;
	font-weight: 400;
	margin: 0 0 10px 0;
}
.info-card b {color:#5eade1;font-weight:400;}
.info-card a {font-weight:400;}
#login .info-card {
	width: 100%;
	border: 0;
	padding: 0;
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #a0a0a0;
}
#info .info-card {
	position: absolute;
	left: 660px;
	bottom: -135px;
}
#registration-form .seal_no {
	width: 60%;
	float: left;
}
#registration-form .eu-card {
	float: right;
	width: 35%;
	border: 1px solid #606060;
	border-radius: 3px;
}

@keyframes beatHeart {
  0% {transform: scale(.75);}
  20% {transform: scale(1);}
  40% {transform: scale(.75);}
  60% {transform: scale(1);}
  80% {transform: scale(.75);}
  100% {transform: scale(.75);}
}
.loading {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgba(255,255,255,.9);
}
.waiting {
  	display: inline-block;
  	width: 64px;
  	height: 64px;
  	position: absolute;
	top: 50%;
	left: 50%;
	margin: -32px 0 0 -32px;
}
.waiting:after {
  	content: " ";
  	display: block;
  	width: 46px;
  	height: 46px;
  	margin: 1px;
  	border-radius: 50%;
  	border: 5px solid #5eade1;
  	border-color: #5eade1 transparent #5eade1 transparent;
  	animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  	0% {
    	transform: rotate(0deg);
  	}
  	100% {
    	transform: rotate(360deg);
  	}
}

.container {display:block;position:relative;}
.wd-article {padding:0;margin:0 0 20px 0;}
.wd-article-title {margin:0 0 30px 0;text-align:center;font-weight:700;}
.wd-article-description {margin:0;}
.wd-article-description .form-inline span.checkbox {margin-right: 20px;}
.wd-article-description .row {margin:0;}

/* Phones */
@media only screen and (min-device-width : 320px) and (max-device-width : 640px) {
/*
	body {
		font-size: 16px;
	}
	.modal {
		position: relative;
	}
	.modal .modal-dialog {
		width: 100%;
		height: 100%;
		margin: 0;
		border-radius: 0;
	}
	.modal .modal-content {
		border-radius: 0;
	}
	.modal-body h1 {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		margin-bottom: -30px;
	}
	.f-lost-psw {
		display: block;
		float: none!important;
	}
*/
	body {background:none;}
	.modal-body {
		border: 0;
	}
	.btn {min-width:66%;}
	.text-error {display:block;}
	#login .wd-btns .pull-left,
	#login .wd-btns .pull-right {float:none!important;}
	#login .wd-btns .btn-default {margin-top:10px;}
	#registration-form {margin:-20px -20px 20px -20px;}
	.modal-header h1 .feh-logo {
		display: inline-block;
		width: 281px;
		height: 70px;
		background: url(/templates/feherben/img/feherben_logo_b.png) 50% 50% no-repeat;
		background-size: 100%;
		mask: none;
	}
}
/* Tablet */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.modal .modal-dialog {
		width: 400px;
	}
	.modal .modal-dialog.modal-lg {
		width: 600px;
	}
/*
	body {
		font-size: 32px;
	}
	.modal {
		background: #fff url(/templates/webdoki/img/Webdoki_login_background.jpg) 100% 0 no-repeat;
		background-size: auto 100%;
	}
	.modal .modal-dialog {
		width: calc(100% - 60px);
		margin: 30px;
	}
	.modal-body h1 {
		padding-bottom: 30px;
	}
	.modal-body h1 .f-logo {
		width: 283px;
		height: 72px;
	}
*/
}
/* Dekstop, Laptop */
@media only screen  and (min-width : 1025px) {
	/*body {}*/
	.modal .modal-dialog {
		width: 400px;
	}
	.modal .modal-dialog.modal-lg {
		width: 900px;
	}
/*
	.modal-body {
		padding: 0;
		overflow: hidden;
	}
	.modal-body h1 {
		padding-bottom: 30px;
	}
	.modal-body h1 .wd-logo {
	}
*/
}