/* 
////
//// Login 
////
--------------------------------------------------------------*/
/* Form
--------------------------------------------------------------*/
#loginWrp {  display: flex; justify-content: flex-start; align-content: stretch; }
#loginWrp input, #loginWrp textarea { width: 100%; }
#loginWrp textarea { min-height:  7.7em; max-width:100%; min-width: 100%;  }
#loginFormBg { flex-grow: 1 ; display: flex; justify-content:  center; align-items: stretch; padding: 6rem 2rem;  }
#loginForm {  padding: 3rem; width: 100%; max-width: 370px; background: #fff; color: #414141; border-radius: 5px;  }
#loginForm p { padding-bottom: 15px; margin: 0;  }
#loginForm .formTitle { font-size: 24px; line-height: 1.3em; font-weight: 500; padding-bottom: 0.15em;   } 
#loginForm .formSubtitle  { color: #6b6b6b; font-size: 12px; font-weight: 400; line-height: 1.43em; margin-bottom: 20px; }
#loginForm .inputIco { position: relative; display: block;  }
#loginForm .inputIco input { padding-right:40.63px;}
#loginForm .passwordToggle { position: absolute; right: 0; top: 24px; height: 40.63px; width: 40.63px; display: flex; justify-content:  center; align-items: center; }
#loginForm .passwordToggle svg { width: 44%; height: 100%; }
#loginForm .passwordToggle svg path { fill: #919191; }
#loginForm .passwordToggle svg .st1 { display: none; }
#loginForm input[type=text] + .passwordToggle svg .st0 { display: none; }
#loginForm input[type=text] + .passwordToggle svg .st1 { display: block; }
#loginForm .btnFull { width :100%; text-align: center; line-height: 36px;  }
#loginForm .tos { font-size: 12px; padding: 15px 0 0px 0; clear: both;   }
#loginForm .tos input[type="checkbox"] { position: relative;  display: inline-block; vertical-align:  top; width: 1.05em!important; height: 1.05em!important; font-size: 1.05em!important;  top: 0.225em    }
#loginForm .tos a {color: #275bd4; }
#loginForm .tos a:hover { text-decoration: underline; }
#loginForm .creat {  padding-top: 15px; text-align: center; font-size: 13px; padding-bottom: 0;  }
#loginForm .creat a { color: #275bd4; }
@media all and (max-width:980px){
#loginWrp { background: none; }
#loginFormBg { align-items: center; padding: 4rem 1.5rem; flex-direction: column; }
}
@media all and (max-width:576px){
#loginForm .formTitle { font-size: 20px; padding-bottom: 0.2em; }
#loginForm .buttonSoc { height: 36px; line-height: 36px;  }
#loginForm .buttonSoc span { display: none; }
#loginForm .buttonSoc svg { margin: 0 auto;  }
}
@media all and (max-width:472px){
#loginForm {  padding: 1.25rem; } 
}
@media all and (max-width:364px){
#loginForm .formSubtitle  {font-size: 13px; }
#loginForm .passwordStrength { font-size: 10.5px; }
#loginForm .tos { font-size: 11px;}
}