/* ------------------GLOBAL -------------------*/
@font-face {
  font-family: 'OpenSans';
  src: url('../../OpenSans-Regular.ttf');
}

body {
 padding: 0;
 margin: 0;
 width: 100%;
 min-width: 350px;
 min-height: 100%;
 overflow-x: hidden;	
 font-family: sans-serif, 'OpenSans';
 letter-spacing:1px;
 font-size: 14px;
 background-color: #ececec;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23f6f6f6' fill-opacity='0.31'%3E%3Cpath fill-rule='evenodd' d='M41 37.59V25h-2v12.59l-8.9-8.9-1.41 1.41 8.9 8.9H25v2h12.59l-8.9 8.9 1.41 1.41 8.9-8.9V55h2V42.41l8.9 8.9 1.41-1.41-8.9-8.9H55v-2H42.41l8.9-8.9-1.41-1.41-8.9 8.9zM1 1h2v2H1V1zm0 4h2v2H1V5zm0 4h2v2H1V9zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm0 4h2v2H1v-2zm4 0h2v2H5v-2zm4 0h2v2H9v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zM5 1h2v2H5V1zm4 0h2v2H9V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zm0 4h2v2h-2V5zm0 4h2v2h-2V9zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2zM5 5h70v70H5V5zm2 68h66V7H7v66zM9 9h62v62H9V9zm2 60h58V11H11v58zm2-39.6V13h16.4A29.1 29.1 0 0 0 13 29.4zM15 15v6.67A31.17 31.17 0 0 1 21.67 15H15zm-2 52V50.6A29.1 29.1 0 0 0 29.4 67H13zm2-8.67V65h6.67A31.17 31.17 0 0 1 15 58.33zM67 67H50.6A29.1 29.1 0 0 0 67 50.6V67zm-8.67-2H65v-6.67A31.17 31.17 0 0 1 58.33 65zM67 13v16.4A29.1 29.1 0 0 0 50.6 13H67zm-2 8.67V15h-6.67A31.17 31.17 0 0 1 65 21.67zM39 13h2v2h-2v-2zm7.02.66l1.93.52-.51 1.93-1.94-.52.52-1.93zm6.61 2.46l1.74 1-1 1.73-1.74-1 1-1.73zm5.75 4.08l1.42 1.42-1.42 1.4-1.4-1.4 1.4-1.42zm4.5 5.43l1 1.74-1.73 1-1-1.74 1.73-1zm2.94 6.42l.52 1.93-1.93.52-.52-1.94 1.93-.51zM67 39v2h-2v-2h2zm-.66 7.02l-.52 1.93-1.93-.51.52-1.94 1.93.52zm-2.46 6.61l-1 1.74-1.73-1 1-1.74 1.73 1zm-4.08 5.75l-1.42 1.42-1.4-1.42 1.4-1.4 1.42 1.4zm-5.43 4.5l-1.74 1-1-1.73 1.74-1 1 1.73zM41 67h-2v-2h2v2zm6.95-1.18l-1.93.52-.52-1.93 1.94-.52.51 1.93zm-13.97.52l-1.93-.52.51-1.93 1.94.52-.52 1.93zm-6.61-2.46l-1.74-1 1-1.73 1.74 1-1 1.73zm-5.75-4.08l-1.42-1.42 1.42-1.4 1.4 1.4-1.4 1.42zm-4.5-5.43l-1-1.74 1.73-1 1 1.74-1.73 1zm-2.94-6.42l-.52-1.93 1.93-.52.52 1.94-1.93.51zM13 41v-2h2v2h-2zm.66-7.02l.52-1.93 1.93.51-.52 1.94-1.93-.52zm2.46-6.61l1-1.74 1.73 1-1 1.74-1.73-1zm4.08-5.75l1.42-1.42 1.4 1.42-1.4 1.4-1.42-1.4zm5.43-4.5l1.74-1 1 1.73-1.74 1-1-1.73zm6.42-2.94l1.93-.52.52 1.93-1.94.52-.51-1.93zM40 63a23 23 0 1 1 0-46 23 23 0 0 1 0 46zm0-2a21 21 0 1 0 0-42 21 21 0 0 0 0 42zm0-2a19 19 0 1 1 0-38 19 19 0 0 1 0 38zm0-2a17 17 0 1 0 0-34 17 17 0 0 0 0 34z'/%3E%3C/g%3E%3C/svg%3E");
}

input[type="text"], input[type="password"], input[type="textarea"] {
 border-style:solid;
 border-width: 1px;
 padding: 7px;
 font-size:13px;
 text-align:center;
 margin-top:10px;
 margin-bottom:20px;
 border-color: #E6E6E6;
 font-family: sans-serif, 'OpenSans';
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}

.gomb {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:12px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	letter-spacing:0px;
}
.gomb:hover {
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	background-color:#dfdfdf;
}
.gomb:active {
	position:relative;
	top:1px;
}

#elfelejtettJelszo {
 margin-top:10px;
 display:block;
 color:#c0c0c0;
 text-decoration:none;
 font-size:11px; 
}


.main {
 width:100%;
}

.main_content {
 max-width:1100px;
 margin-left:auto;
 margin-right:auto;
}

.login_box {
 max-width: 400px;
 margin-left: auto;
 margin-right: auto;
 background-color: #fff;
 text-align: center;
 font-size: 13px;
 margin-top: 5%;
 padding: 10px;
 border-style: none;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px; 
}

#jelszo {
 text-align:center;
}

#login_error {
 margin:10px;
 display:none;
 color:red;
}

#belepes {
 margin-top:10px;
}

#logo {
 width:200px;
 margin-bottom:10px;
}


.cleared {
 font: 0/0 serif;
 clear: both;
}



.sima_checkbox {
 display: none;
}

.sima_checkbox + label {
 margin-top:3px;
 background-color: #fafafa;
 border: 1px solid #cacece;
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
 padding: 13px;
 border-radius: 3px;
 display: inline-block;
 position: relative;
}

.sima_checkbox + label:active, .sima_checkbox:checked + label:active {
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.sima_checkbox:checked + label {
 background-color: #b32c29;
 border: 1px solid #adb8c0;
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
 color: #fff;
}

.sima_checkbox:checked + label:after {
    content: '\2714';
    font-size: 22px;
    position: absolute;
    top: 0px;
    left: 4px;
    color: #fff;
}

.sima_radio {
 display: none;
}

.sima_radio + label {
 -webkit-appearance: none;
 background-color: #fafafa;
 border: 1px solid #cacece;
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
 padding: 9px;
 border-radius: 50px;
 display: inline-block;
 position: relative;
}

.sima_radio:checked + label:after {
 content: ' ';
 width: 12px;
 height: 12px;
 border-radius: 50px;
 position: absolute;
 top: 3px;
 background: #99a1a7;
 box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
 text-shadow: 0px;
 left: 3px;
 font-size: 32px;
}

.sima_radio:checked + label {
 background-color: #e9ecee;
 color: #99a1a7;
 border: 1px solid #adb8c0;
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.sima_radio + label:active, sima_radio:checked + label:active {
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.vez_felirat {
 position:absolute;
 line-height:21px;
 font-size:13px;
 margin-top:-10px;
 margin-left:15px;
 color:#b32c29;
}

.checkbox_divs, .radio_divs {
 float:left;
 margin-right:10px;
 cursor:pointer;
}

.checkbox_divs label, .checkbox_divs input {
 cursor:pointer;
}

.form_textarea {
 width:90%;
 max-width:90%;
 height:100px;
 max-height:100px;
}

.input_group {
 display:block;
 float:left;
 min-width:164px;
 margin-bottom:10px;
 margin-top:10px;
 background-color: #fbfbfb;
 padding: 10px;
 border-style: solid;
 border-width: 1px;
 border-color: #e6e6e6;
}

.input_group_content {
 display:none;
 margin-top:10px;
}

.input_group_control {
 cursor:pointer;
}

.input_group_control_img {
 width:20px;
 height:20px;

 -ms-transform: rotate(-90deg); 
 -webkit-transform: rotate(-90deg); 
 -o-transform: rotate(-90deg); 
 -moz-transform: rotate(-90deg);
 transform: rotate(-90deg);

 -moz-transition: all .3s; 
 -webkit-transition: all .3s; 
 -o-transition: all .3s; 
 transition: all .3s; 
}

.input_group_control_label {
 position: absolute;
 font-size: 14px;
 margin-top: 3px;
 margin-left: 5px;
}

.forgas90 { 
 -ms-transform: rotate(0deg); 
 -webkit-transform: rotate(0deg); 
 -o-transform: rotate(0deg); 
 -moz-transform: rotate(0deg); 
 transform: rotate(0deg);
}

.hiba {
 display:none;
 color:#ff0000;
 font-weight:bold;
}