/** -----------------------------------------------------------------------------------------------------
 * 
 * login.css file
 *
 * @author Szincsák András <andras@szincsak.hu>
 * @copyright Copyright (c) 2021, Szincsák András
 * ------------------------------------------------------------------------------------------------------ */
 #headerLogo{display:block;margin-bottom:10vh}
 .form-group{position: relative;margin-bottom: 1rem;}
 .form-group.has-float-label .form-control {padding:10px 15px ;height:auto; font-size: 1.2em;    font-weight: 300;}

.form-control:focus { box-shadow: none; border-color: #bccbd2;    background: #ebf0f3;}
input::-webkit-input-placeholder { font: 1.25rem/3 sans-serif;color: #17455b;}

 #sectionForm {padding: 0;margin: 3% 0 0 0;text-align: center;} 
 #sectionForm  form{background: #fff; opacity:.9; padding: 10%; border-radius: 10px;    width: 100%;}
 #sectionForm .list{text-align:left}
 #sectionForm #sigIn .link { text-align: right; margin: -15px 0 16px 0;font-size: .8em;}
 #sectionForm #sigIn .link:after{background:#13a89e;    border:1px solid #eeea;    color:#fff;    content:"?";    display:inline-block;    width:13px;    height:13px;    padding:1px;    border-radius:20px;    font-size:10px;    line-height:1em;    text-align:center;    margin-left:4px;}
 
 .copyright{display:none}

 pwswitch{color: #7dbacc;background: #e7e7e7;border-left: 1px #bbb solid; width: 36px;font-size:1.3em; max-height: 48px;cursor:pointer;   position: absolute;    top: 1px;    right: 1px;    bottom: 1px;border-radius: 0px 5px 5px 0px;  display: flex;justify-content: center;align-items: center;}
.pwblock.validated li{color:#f00}
.pwblock.validated li:after{content:"✘";font-weight:bold;color:#f00;margin-left:7px}

.pwblock ul{border:1px solid #ccc;padding:5px 0px 5px 50px}
.pwblock ul li{text-align:left}

.pwblock.validated li.valid:after{content:"✓";font-weight:bold;color:#bccbd2;margin-left:7px}
.pwblock.validated li.valid{color:#5bb755}

.pwswitched:valid,
.pwswitched:invalid {  background-position: right calc(.375em + .1875rem + 40px) center;}

.pwswitch{color: #7dbacc;background: #e7e7e7;border-left: 1px #bbb solid; width: 36px;font-size:1.3em; max-height: 48px;cursor:pointer;   position: absolute;    top: 1px;    right: 1px;    bottom: 1px;border-radius: 0px 5px 5px 0px;  display: flex;justify-content: center;align-items: center;}
.pwblock.validated li{color:#f00}
.pwblock.validated li:after{content:"✘";font-weight:bold;color:#f00;margin-left:7px}

.pwblock ul{border:1px solid #ccc;padding:5px 0px 5px 50px}
.pwblock ul li{text-align:left}

.pwblock.validated li.valid:after{content:"✓";font-weight:bold;color:#bccbd2;margin-left:7px}
.pwblock.validated li.valid{color:#5bb755}

.pwswitched:valid,
.pwswitched:invalid {  background-position: right calc(.375em + .1875rem + 40px) center;}


#sectionForm {padding: 0;margin: 3% 0 0 0;} 
#sectionPopup form{padding: 40px 0 70px 0;}

#user-form .link{padding:20px 0}
#user-form .boxInput{margin:20px 0}

.center-screen {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 100vh;
  }