/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* 20% */
/* 80% */
/* -40% */
/* 10% */
/* 20% */
/* 80% */
/* -40% */
/* 10% */
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* hany egysegre akarjuk bontani a 100%-eset */
/* a kombo lenyilo panel egyes elemeinek paddingja - nem csak kombonak lehet ilyen panelja, onalloan is letezhet */
/* a keresheto kombok nagyito ikonjanak merete */
/* multi kivalasztos kombo panel sorai elott megjeleno checkbox-ok merete */
/* a nyilacskas dropdown-ok nyilacska merete (a foundation $tooltip-pip-width valtozo az a tooltip nyil meretenek a fele, tehat a $tooltip-pip-width * 2 az pont a tooltip nyilacskaval megegyezo meret) */
/* az intervallum input mezok kozotti nyilacska merete (a foundation $tooltip-pip-width valtozo az a tooltip nyil meretenek a fele, tehat a $tooltip-pip-width * 2 az pont a tooltip nyilacskaval megegyezo meret) */
/* a kombo input lenyito gombjanak szelessege */
/* foundation javitas */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* feluldefinialjuk: */
/* kozponti valtozok */
/* should be even */
/* mixinek*/
@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
  }
}
@namespace zentk url(http://ns.cardinal.hu/zentk);
zentk\:resultcode {
  display: none;
}

zentk\:data {
  display: none;
}

zentk\:script {
  display: none;
}

/* login */
.top-bar {
  height: 4.5rem;
  /*box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14), 0 4px 5px 0 rgba(0,0,0,0.12), 0 1px 10px 0 rgba(0,0,0,0.2);*/
  /*border-bottom: 3px solid $primary-color;*/
}
.top-bar ul.menu > li > a:hover, .top-bar ul.menu > li > a:focus {
  color: #acbcc3 !important;
}
.top-bar ul.menu > li > a i.open-icon {
  margin-right: 0;
  font-size: inherit;
}

ul.menu i {
  font-size: 18px;
}

.footer {
  width: 100%;
  height: 35px;
  /*
  position: fixed;
  bottom: 0;
  */
  /*background-color: $light-gray;*/
  background: rgba(235, 235, 235, 0.85);
  /*z-index: 2;*/
}

.footer_text {
  color: #999;
  font-size: 10px;
  line-height: 35px;
}

.footer_text a, .footer_text a:link, .footer_text a:visited, .footer_text a:active {
  color: #999;
  text-decoration: none;
}

.footer_text a:hover {
  color: #999;
  text-decoration: underline;
}

.footer_separator {
  color: #999;
  font-size: 11px;
  margin-left: 5px;
  margin-right: 5px;
}

body {
  _background-image: url(/craft/pics/craft_login_bg.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  background-position-x: center;
  background-position-y: 0px;
  background-repeat: no-repeat;
  width: 100%;
  /*padding-bottom: 35px;*/
  /* a footer miatt */
}

.contentbox {
  margin-bottom: 0;
  background-color: transparent;
  border: 0px solid white;
}

/*
.banklogo-login
{
	width: 124px;
	height: 30px;
	background-size: contain;
	margin-left: $login-pmx-size;
}

.banklogo-mobile
{
	width: 26px;
	height: 27px;
	background-size: contain; 
}
*/
.float-right {
  position: absolute;
  top: 0rem;
  right: 1rem;
}

.float-right a.headerbutton {
  color: white !important;
}

.float-left {
  position: absolute;
  top: 0rem;
  left: 0rem;
}

.menu-login {
  margin-right: 80px;
}

/*.login-info-panel
{
	height: 600px;
	color: $white;
	padding-left: $login-pmx-size;

	h1 {
		margin-bottom: 1rem;
		font-weight: $global-weight-normal;
	}

	h1:first-of-type {
		margin-bottom: 0.5rem;
	}

}*/
.login-main-panel {
  padding-top: 46px;
}
.login-main-panel h4 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 0.5rem;
}

.login-control-group {
  display: flex;
  flex-direction: column;
  width: 264px;
}

.login-header {
  width: 90%;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.left-container {
  margin-right: auto;
  margin-left: auto;
}

.right-container {
  margin-right: auto;
  margin-left: auto;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #acbcc3;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #acbcc3;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #acbcc3;
}

@media screen and (max-width: 47.99875em) {
  /*
  .footer
  {
  	background: $medium-gray;
  }

  .login-container {
  	background: $medium-gray;
  }
  */
  /*
  .login-header
  {
  	width: 100%;
  	margin-top: 0px;
  	background: rgb(70,70,70);
  }
  */
  /*
  .float-right {
  	top: 0.4rem;
  }
  */
}
@media screen and (min-width: 48em) and (max-width: 61.74875em) {
  /*	.login-info-panel
  	{
  		height: $login-bg-height;
  		text-align: center;
  		padding-left: 0px;
  	}*/
}
@media screen and (min-width: 48em) {
  .login-bg {
    position: absolute;
    background: linear-gradient(rgba(0, 91, 171, 0.33), rgba(0, 91, 171, 0.33)), url("/eibpublic/LPExt/loginbkg_tab.png") 50% no-repeat;
    background-size: cover;
    height: 290px;
    width: 100%;
    z-index: -1;
  }
}
@media screen and (min-width: 61.75em) {
  .left-container {
    margin-right: 20px;
    margin-left: auto;
  }

  .right-container {
    margin-right: auto;
    margin-left: 20px;
  }

  .grid-margin-y > :last-of-type {
    margin-bottom: 0px;
  }

  .login-bg {
    position: absolute;
    top: 274px;
    background: linear-gradient(rgba(0, 91, 171, 0.33), rgba(0, 91, 171, 0.33)), url("/eibpublic/LPExt/loginbkg_hd.png") 50% no-repeat;
    background-size: cover;
    height: 474px;
    width: 100%;
    z-index: -1;
  }

  .login-city {
    background-position: bottom;
  }

  .footer {
    padding-left: 80px;
  }
}
/*i.username-icon
{
	background-image: url('/eibpublic/pics/username.svg');
	width: 70px;
	height: 56px;
}

i.password-icon
{
	background-image: url('/eibpublic/pics/password.svg');
	width: 70px;
	height: 56px;
}
*/
.login-control-group .input-group-label {
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: transparent;
  border: 0;
  _height: 34px;
  color: #acbcc3;
}

.grid-margin-y > .cell > :last-child {
  margin-bottom: 0;
}

li {
  font-size: 1.1rem;
}

.login-container {
  max-width: 360px;
  margin-bottom: 20px;
  min-height: 320px;
  background: rgba(235, 235, 235, 0.85);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  /*box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px 0 rgba(0,0,0,0.2);*/
  border-radius: 3px;
}

.modebutton {
  height: 62px;
}

.large-fa {
  font-size: 2rem !important;
}

.headercell {
  height: 50px;
}

.loginbanklogo {
  display: flex;
  align-items: center;
  margin-left: 1rem;
}

.login-icon {
  color: #abe2fd63;
  font-size: 14px;
  padding-right: 6px;
  vertical-align: middle;
}

.login-icon-text {
  font-size: 14px;
  vertical-align: middle;
  color: #f7f7f7;
}

/*.input-icon {
	font-size: 18px;
	color:$primary-color;
	display:flex;
	align-items: center;
	padding-left: 8px;
	padding-right: 8px;
	min-width: 36px;
}*/
/*Craft Custom*/
.input-group-label {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.input-icon {
  color: #abe2fd63;
}

.input-group {
  margin-bottom: 0rem;
}

.craft-input-group {
  border-bottom: 1px solid #abe2fd63;
  border-radius: 0px !important;
  margin-bottom: 1rem;
}

.craft-input-group-field {
  background-color: transparent !important;
  border: 0px solid #abe2fd63;
  border-radius: 0px;
  margin: 0;
  color: #acbcc3;
}

.pwd-hidden-icon {
  color: #acbcc3;
  padding-right: 0.5rem;
}

input:focus {
  background-color: transparent !important;
  -moz-transition: none !important;
  -webkit-transition: none !important;
  -o-transition: color 0 ease-in !important;
  transition: none !important;
}

a, button {
  outline: none !important;
}

.craft-regform:not(.inline) {
  background-image: url(../pics/lev.jpg);
  min-height: calc( 100vh );
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.craft-regform.inline {
  min-height: 28rem;
}
.craft-regform .craft-regform-container {
  width: 800px;
  background-color: white;
}
.craft-regform .craft-regform-container .left-side {
  background-image: url(../pics/craftdms_logo.png);
  min-height: 300px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  max-height: 300px;
  _cursor: pointer;
  font-size: 7rem;
  color: #2196f3;
  font-family: "BPreplayBold", "Noto Sans HK", "system-ui";
  cursor: pointer;
  text-align: center;
  margin: auto;
  padding-bottom: 1rem;
  _font-weight: 600;
  _letter-spacing: 1.5px;
}
.craft-regform .craft-regform-container .left-side .c-logo-panel.craft {
  display: none !important;
}
.craft-regform .craft-regform-container .right-side {
  padding: 1.5rem;
  background-color: #093D67;
}
.craft-regform .craft-regform-container .right-side .login-control-group {
  width: 100% !important;
}
.craft-regform .craft-regform-container .right-side .craft-regform-title {
  font-size: 1.5rem;
  padding: 1rem;
  color: white;
}
.craft-regform .craft-regform-container .right-side .craft-input-group-field {
  color: #093D67;
  font-size: 1.2rem !important;
  border: 0px !important;
}
.craft-regform .craft-regform-container .right-side .button {
  font-size: 1.2rem !important;
  background-color: #2196f3;
}
.craft-regform .craft-regform-container .right-side .button:hover, .craft-regform .craft-regform-container .right-side .button:focus {
  background-color: #1171BF;
}
.craft-regform .craft-regform-container .right-side .craft-input-group-field {
  color: #abe4ff;
  margin-bottom: 0 !important;
}
.craft-regform .craft-regform-container .right-side .input-group.zentk-groupfocus, .craft-regform .craft-regform-container .right-side .input-group.zentk-groupfocus:focus {
  _border: 0px !important;
  box-shadow: none !important;
}
.craft-regform .craft-regform-container .right-side .craft-input-group-field:focus {
  _color: #093D67;
  box-shadow: none;
}
.craft-regform .craft-regform-container .right-side .errorpanel {
  margin-top: -1rem !important;
}
.craft-regform .craft-regform-container .right-side .errorpanel .close-button {
  right: 0.25rem;
  top: 0.5rem;
  font-size: 1rem;
  line-height: 1rem;
}
.craft-regform .craft-regform-container .right-side label {
  font-size: 1.2rem;
}
.craft-regform .craft-regform-container .right-side label.small {
  font-size: 1rem;
}
.craft-regform .craft-regform-container .right-side .attachmentspanel {
  margin-top: -0.5rem;
  margin-bottom: 1rem;
}
.craft-regform .craft-regform-container .right-side .attachmentscontent {
  min-height: 4rem;
  background-color: #1171BF;
  border: 2px dashed #2196f3;
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.craft-regform .craft-regform-container .right-side .attachmentscontent .title {
  _color: #d28ede;
  cursor: pointer;
}
.craft-regform .craft-regform-container .right-side .attachmentscontent .craft-filecard {
  margin-bottom: 0.5rem;
  color: black;
}
.craft-regform .craft-regform-container .right-side .attachmentscontent .craft-filecard::before {
  display: none;
}
.craft-regform .craft-regform-container .right-side .privacynotes-content {
  background-color: #d9d9d9;
  border: 0px dashed #2196f3;
  padding: 0rem;
  border-radius: 0.5rem;
}
.craft-regform .craft-regform-container .right-side .privacynotes-content p {
  min-height: 1.6rem;
  margin-bottom: 0rem;
}
.craft-regform .craft-regform-container .right-side .resetpwd {
  color: #abe4ff;
}
.craft-regform .craft-regform-container .right-side .resetpwd:hover {
  color: #abe4ff;
}
.craft-regform .craft-regform-container .right-side .switchtext.rememberme {
  min-width: 10rem;
  font-size: 1.1rem;
  color: #abe4ff;
  margin-top: -0.05rem;
}
.craft-regform .craft-regform-container .right-side .switch.tiny .switch-paddle::after {
  top: 0.15rem;
}
.craft-regform .input-group-label {
  width: 3rem;
  padding: 0.5rem;
}
.craft-regform .input-group-label .input-icon {
  margin: auto;
}
.craft-regform .login-main-panel {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.craft-regform label {
  color: #d9d9d9;
}
.craft-regform .is-invalid-input {
  border: 0 !important;
}
.craft-regform .zentk-picker-view {
  border: 1px solid #abe2fd63;
  margin-bottom: 1rem;
  border-radius: 4px;
  background: transparent;
}
.craft-regform .zentk-picker-view input {
  font-size: 1.2rem;
  background-color: transparent;
  color: #abe4ff;
}
.craft-regform .zentk-picker-view input.is-invalid-input::placeholder {
  color: #ef5350 !important;
}
.craft-regform .zentk-picker-view.zentk-focus {
  border: 1px solid #abe4ff;
  background: transparent;
}
.craft-regform .zentk-picker-element {
  color: #abe4ff;
  background: #1171BF;
  font-size: 1.2rem;
}
.craft-regform span.switchtext {
  color: #abe2fd63;
  font-weight: 400;
  font-size: 1.2rem;
}
.craft-regform .switch-paddle {
  border: 1px solid #abe2fd63;
  background: transparent;
}
.craft-regform .switch-paddle::after {
  top: 0.15rem;
}
.craft-regform input:checked ~ .switch-paddle {
  _background: #abe4ff;
  background: #1171BF;
}
.craft-regform a {
  color: #abe2fd63;
}
.craft-regform #attachments {
  background-color: transparent;
}
.craft-regform #attachments.is-invalid-input .title {
  color: #ef5350 !important;
}
.craft-regform .form-error {
  margin-top: -0.75rem !important;
}

.zentk-groupfocus .input-group-label .input-icon {
  color: #abe4ff;
}
.zentk-groupfocus.craft-input-group {
  border-bottom-color: #abe4ff;
}

.sign-icon::after {
  display: none;
}

#pwdloginError .callout.info p {
  height: unset;
}

#pwdloginError .callout p {
  line-height: 1.25rem;
}

.form-error, .is-invalid-input, .is-invalid-input .title, .is-invalid-input::placeholder {
  color: #ef5350 !important;
}

.dropdown.menu a {
  color: #abe4ff !important;
}

/*# sourceMappingURL=login.css.map */