/*-----------------------------------------------------------------------------------------------------
login.css
css for user management 
Author     : Szincsák András <andras@szincsak.hu>
------------------------------------------------------------------------------------------------------*/
.loginform ,
.loginform .fields ,
.loginform .profile_group{width: 95%;}
.loginform .control-group{margin:0px;padding: 0px 7px 10px 7px;}  
.loginform .control-label{padding:0;margin:0;color:#555;font-size: .85em;}
.loginform .control-label.required {color:#b38c8c;font-weight:600}
.loginform .control-label span.required {color:#666}
.loginform .control-label.error{color:#f00;}
.loginform .control-group.hidden label{color:#6aa5c6;}

.loginform .control-group.checkbox ,
.loginform .control-group.checkbox label{width:100%; padding: 0;   margin-bottom: 0px;}
.loginform .control-group.checkbox .controls{min-height:25px}
.loginform .control-group.checkbox input{ width: 16px;    margin: 10px 10px 0px 50px;}


.loginform .control-group.error .invalid-feedback{display:block}

.loginform .control-group.required input{border-color:#6aa5c6;background: #c4ddea;}
.loginform .control-group.required label{color: #6aa5c6;}
.loginform .control-group.required label:after{    content: " Kötelező megadni!";color: #6aa5c6;font-size:.8em;font-weight: 200;font-style: italic;}

.loginform .controls{min-height: 35px;}

.loginform .control-group input,
.loginform .control-group textarea,
.loginform .control-group select {padding:8px;box-shadow: none; border: 1px solid #ccc;color: #4e5d78;font-weight: bold;    background: #ececec;outline: none;}
.loginform .control-group input:read-only {background:transparent;color:#6aa5c6;border-color:#6aa5c6}
.loginform .control-group select {padding:7px 4px;}
.loginform .control-group input.required,
.loginform .control-group textarea.required{border:1px solid #fff;    background: #dedede;}
.loginform .control-group select.required.empty,
.loginform .control-group select option[value=''] { color: #c55656;
    background: #dedede;
    border-color: #c89f9f;}
.loginform .control-group.wide{padding: 0px 3px 10px 3px;}
.loginform .control-group.wide input{padding: 8px 2px  8px 8px!important;}

.loginform .control-group input.error,
.loginform .control-group textarea.error,
.loginform .control-group select.error,
.loginform .control-group.error input,
.loginform .control-group.error textarea,
.loginform .control-group.error select{border-color:#edc4c4;background:#fff6f6}
.loginform .control-group.success input,
.loginform .control-group.success textarea,
.loginform .control-group.success select{border-color:#4e9a5e;background: #fcfffd;}
.loginform .help-block.error{color:#ca2323}

.loginform .control-group input:focus,
.loginform .control-group textarea:focus,
.loginform .control-group select:focus{border-color:#6aa5c6;background-color: #fefefe;}

.loginform .infobox{padding:8px;    color: #6aa5c6;border:1px solid #6aa5c6;font-weight:bold;    min-height: 30px; min-width: 100%;}
.loginform .errorbox{padding:8px;    color: #d85757;border:1px solid #eee;font-weight:bold}


.loginform .nolabel .control-label.error + .controls .radio label,
.loginform .uselabel .control-label.error + .controls .radio label{border:1px solid #ca2323;background: #ffdddd;}

.loginform input.datemask{width: 100%;}

::placeholder { color: #aaa;font-weight:normal;}
::-webkit-input-placeholder{ color: #aaa;font-weight:normal;}
::-moz-placeholder { color: #aaa;font-weight:normal;}
:-ms-input-placeholder{ color: #aaa;font-weight:normal;}
:-moz-placeholder { color: #aaa;font-weight:normal;}


.loginform .help-inline,
.loginform .help-block{font-size:.8em}
.loginform .help-inline.error,
.loginform .help-block.error{color:#ca2323}
.loginform .help-inline.error.hide{display:none}

.loginform .help-block{font-size:.8em;font-style: italic;padding:0px;margin: -1px 0 5px 0;color: #699eb3;}

.loginform .text-before{padding:0px;    width: 100%;}
.loginform .text-after{font-size:.8em;font-style: italic;padding:0px;margin: -1px 0 5px 0;color: #699eb3;}
.loginform .text-after u{ font-size: 1.2em;    font-style: normal;    text-decoration: none;    margin-top: 20px;    color: #565656;    display: block;}

.loginform p{text-align:inherit;}

.loginform h2{display: block;color: #4e5d78;width: 100%;font-size: 1.2rem!Important;padding: 20px 0px 0px 0px;}
.loginform h3{display: block;color: #4e5d78;width: 100%;font-size: 1.2rem!Important;padding: 20px 0px 0px 0px;}
.loginform h2 small{display: block;color: #8c8a8a; font-size: 60%;    margin-bottom: 15px;}

.loginform h3 .btn-right{background: #6aa5c6;color: #fff;display:inline-block;    padding: 2px 15px;float: right;border: 1px solid #ccc;font-size: .7em;cursor: pointer;}
.loginform h3 .btn-right:hover{background: #4e5d78;}

/*IFRAME*/
.loginform.iframe{ padding:0px; margin: 0;font-family:'Biryani', sans-serif; width:100%!Important; display: block;text-align: center;} 
.loginform.iframe .ut-login,
.loginform.iframe .ut-recover{width:100%!Important; }
.loginform.iframe form {margin:0} 
.loginform.iframe .fields {padding: 10px 15px;}
.loginform.iframe h3 {text-align:center; font-size:1.6em;background: #4e5d78; color: #fff; padding:10px 20px;    width: calc(100% + 30px); margin: -10px -15px 17px -15px;}

.loginform.iframe label{display:none}

.loginform .iframe .inputfields {padding:10px 0px}
.loginform .iframe .form-actions {padding: 0px;margin: 0}

.loginform .iframe .reg_creditals{position:absolute;bottom:0;left:0;right:0;background:#eee; }
.loginform .iframe .reg_creditals .recoverBlock{color:#fff;padding: 10px 15px; }
.loginform .iframe .reg_creditals .recoverBlock a{background: #7a869d ;color:#fff;text-decoration: none}
.loginform .iframe .reg_creditals .registrationBlock{ padding: 0 15px;margin-bottom: 10px;}
.loginform .iframe .reg_creditals .recover{ margin-bottom: 0;}
.loginform .iframe .reg_creditals .btn{padding:5px 20px!Important}

.loginform .iframe .btn{width:96%;    margin: 10px 5px;border-radius:0;}

.loginform .iframe  .btn-primary {color: #fff; box-shadow: none!Important;     display: inline-block;outline:none!Important;   border-color: #e30613;}
.loginform .iframe  .btn-primary:hover,
.loginform .iframe  .btn-primary:focus,
.loginform .iframe  .btn-primary:active{ background-color: #902828; }

.loginform .iframe  .btn-normal {color: #fff; box-shadow: none!Important;     background-color: #b7b2b2;border-color: #ccc; font-weight: 300; outline:none!Important;   }
.loginform .iframe  .btn-normal:hover,
.loginform .iframe  .btn-normal:focus,
.loginform .iframe  .btn-normal:active{ background-color: #aaa; }

/*BIG TITLE*/
.bigtitle .control-label{color:#4e5d78;font-size: 1.1em;margin: 8px 0;    width: 30%; float: left;    text-align: right;}
.bigtitle .controls{width: 65%;margin-left: 35%;display: block;}

/*TAGSÁGI FORMA block*/
.membership{width: 100%; padding: 15px 0;}
.membership label.control-label{display:none}

 label.radio{display:inline-block;width:50%;height:60px;margin-top:5px;}
 label.radio label{float: left;width: 95%;border: 1px solid #a5adbd;color:#4e5d78;font-weight:500; text-align: center; padding: 20px 10px; background: #ececec;cursor:pointer}
label.radio:nth-of-type(2) label { float: right;}
 label.radio input:checked + label{ background: #4e5d78!Important;border: 1px solid #4e5d78!Important; color:#fff}
 label.radio input{display:none}



.uselabel{padding: 5px 0px;}
.uselabel label.control-label{display:block}
.uselabel label.radio{height:30px;margin-top:0}
.uselabel label.radio label{padding: 8px;}

.nolabel {opacity:1}
.nolabel.disabled  {opacity:.4}  
.nolabel .control-label{display:none}
.nolabel label.radio{height:30px;margin-top:0}
.nolabel label.radio label{padding:0px;    min-height: 35px;}
.nolabel .controls {   min-height: 35px;}

.dependonMembership{display:none}
input.datemask{font-weight:normal!Important}

@media (max-width:399px){
    
 label.radio{width:100%;height:40px;float:none!Important;}
 label.radio label{float: left;width:100%;    padding: 12px 5px;}
.loginform .text-after {    font-size: .7em;}
.nolabel label.radio label{padding:8px;    min-height: 35px;}

  .groupblock{margin:0 0 5px 0;    max-width: 100%;}
}


.profile-section h2{padding:10px 0} 
.fieldview .profile_field{border:1px solid #7a869d;margin:0px 5px 5px 5px;padding:0 5px 5px 5px;    background: #fff;}
.fieldview .profile_field label{font-size:.8em;color:#aaa}
.fieldview .profile_field .value{ min-height: 20px; font-size: 1.2em;color: #4e5d78; font-weight: bold;}
.fieldview .block{padding:0;    margin-bottom: 5px;}

/*GROUP*/
.groupParagraph{display: block; width: 100%;    margin:15px 0;}
.groupParagraph p{display:inline-block}
.groupblock{margin:-7px 5px 0 5px;    max-width: 100%;display:inline-block}
.groupblock select{padding:5px;color:#fff;font-size:1.2em;background:#6aa5c6;    max-width: 100%; }
.groupblock select.error {background: #fff6f6; color:#ca2323;   border-color: #db6262;}
@media (max-width:789px){
.nolabel label.radio label{padding:8px;    min-height: 35px;}
.bigtitle .control-label{font-size:1.2em;font-weight:bold;padding-top:10px;width: 100%; float: none;    text-align: left;}
.bigtitle .controls{width: 100%;margin-left: 0;display: block;}
}

.summary{width:100%;margin:10px 0}
.hiddenlabel label{display:none!Important}
.loginform .control-group.checkbox label {    max-height: 20px;}

/*CLEAr AJAX form */
body.noframe.clear{background:none}
.clear .row{margin:0}

.buttonlist{list-style:none}
.dialog-btn{display:block;float:none;position:relative;border:1px solid #ccc;padding:10px 15px;margin: 5px auto; text-decoration: none!Important;}

.control-group.switch{font-size:1rem;  position:relative;background:none;border:none;    margin: 10px -10px;}
.switch input{position:absolute;  height:1px;  width:1px;  background:none;  border:0;  clip:rect(0 0 0 0);  clip-path:inset(50%);  overflow:hidden;  padding:0;}
.switch input + label{position:relative; font-weight:normal!Important; 
                      padding-left: calc(calc(calc(2.375rem * .75) * 2) + .1rem); min-width:calc(calc(2.375rem * .8) * 2);  border-radius:calc(2.375rem * .8); 
                      height:auto;/* height:calc(2.375rem * .8);  
                      /*line-height:calc(2.375rem * .8); text-indent:calc(calc(calc(2.375rem * .8) * 2) + .5rem); */
                      display:inline-block;  cursor:pointer;  outline:none;  user-select:none;  vertical-align:middle;  }
.switch input + label::before, .switch input + label::after{content:'';  position:absolute;  top:0;  left:0;  width:calc(calc(2.375rem * .8) * 2);  bottom:0;  display:block;}
.switch input + label::before{right:0;     height: calc(1.9375rem * .8); background-color:#dee2e6;  border-radius:calc(2.375rem * .8);  transition:0.2s all;}
.switch input + label::after{top:2px;  left:2px;  width:calc(calc(2.375rem * .8) - calc(2px * 2));  height:calc(calc(2.375rem * .8) - calc(2px * 2));  border-radius:50%;  background-color:white;  transition:0.2s all;}
.switch input:checked + label::before{background-color:#63bee6;}
.switch input:checked + label::after{margin-left:calc(2.375rem * .8);}
.switch input:focus + label::before{outline:none;  box-shadow:0 0 0 0.11rem rgba(61, 179, 53, 0.54)}
.switch input:disabled + label{color:#868e96;  cursor:not-allowed;}
.switch input:disabled + label::before{background-color:#e9ecef;}
.switch.switch-sm{font-size:0.875rem;}
.switch.switch-sm input + label{min-width:calc(calc(1.9375rem * .8) * 2);  
                                height:auto;/* height:calc(1.9375rem * .8);  
                       /* line-height:calc(1.9375rem * .8);  text-indent:calc(calc(calc(1.9375rem * .8) * 2) + .5rem);*/
}
.switch.switch-sm input + label::before{width:calc(calc(1.9375rem * .8) * 2);}
.switch.switch-sm input + label::after{width:calc(calc(1.9375rem * .8) - calc(2px * 2));  height:calc(calc(1.9375rem * .8) - calc(2px * 2));}
.switch.switch-sm input:checked + label::after{margin-left:calc(1.9375rem * .8);}