.sso{display: flex; flex-direction: column; align-items: center; height: 100vh; min-height: 100vh; }
.l_form{ width:400px; margin-top: 50px; }
.toggle-password {font-size:18px; border: none;color:#000;position: absolute;height: 42px;background: inherit; margin-top: -32px;width: 30px;cursor: pointer;outline: none; margin-left: 368px;}
.l_footer{ margin-top: auto; padding-bottom: 20px; color:rgb(92, 94, 98); padding-top: 80px;}
.l_footer div{display: inline-block;}
.l_footer a{text-decoration: none; color: inherit; margin-left: 20px;}
.l_footer a:hover{text-decoration: underline; color:#000;}
#check01:checked~.signUpChooseMenu {display: inline-block; position: absolute; left: 0; margin-top:30px; width: 200px;}
.signUpChooseMenu{display: none;}
.r_form{ width:400px; margin-top: 80px; }
.r_form input[type=text],.r_form input[type=email], .r_form input[type=number], .r_form input[type=password]{height:40px; line-height: 20px; width: 100%; outline: none; padding: 10px; background: #f4f4f4; border: 1px solid #f4f4f4; border-radius: 5px;  }
.r_form input[type=text]:focus,.r_form input[type=email]:focus, .r_form input[type=number]:focus, .r_form input[type=password]:focus{border:1px solid #ccc; }
.l_form input[type=password]{padding-right: 40px;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input[type=number] {-moz-appearance: textfield;}
.country_phone{margin: 8px 0 24px 0; color:#333; padding: 10px 0; display: flex; justify-content: center; height: 42px; border-radius: 8px; padding: 10px 0; text-align:center;}
.country_phone img{margin-right: 5px;}
.inpt{ margin: 8px 0 24px 0;}
.inpt_bd {padding: 1px; height: 42px; position: relative; background: #f4f4f4; z-index: 1; border-radius: 6px; overflow: hidden;}
.inpt_bd .border {position: absolute; content: ''; top: 0; left: 0; width: 0%; height: 0%; background: #ddd; z-index: -1; transition: height 0.3s, width 0.3s 0.1s;}
.inpt_bd input:focus ~ .border {width: 100%; height: 100%;}
.loginBar{height: 70px; position: fixed; width:100%;background: #fff;}
.bar_logo{margin-top: 10px; margin-left: 10px;}
form input[type=button]:disabled {opacity: 0.3; cursor:not-allowed;}
.flags{position: absolute; width: 400px; z-index: 10; margin-top: 55px; background: #fff;}
.flags .search{border-bottom: 1px solid #ccc; padding: 10px; width: 100%;}
.flags .search input{border:none; outline: none; font-size: 16px; text-indent: 20px; width:90%; height: 30px;}
.flg{max-height:200px; overflow-y: auto; }
.flg div{padding:5px 10px; cursor: pointer;}

.inp_2fa{margin-top:20px; width: 100%;}
.inp_2fa fieldset{display: flex; border:none; justify-content: center;  width: 100%;}
.inp_2fa input[type='text']{border:1px solid #373737; outline: none; color:#000; margin:0 5px; font-size: 20px; text-align: center; background: inherit; width:50px; height: 50px}
.inp_2fa input[type='text']:focus{ border:1px solid #eb6535; color: #eb6535; }



@media(max-width:768px){
	.l_form, .r_form{width: 100%; padding:0 20px;}
	.l_form{margin-top: 20px;}
	.r_form{ margin-top: 80px; }
	.toggle-password {margin-left: calc(100% - 75px);}
	.l_footer{padding-left: 20px; padding-right: 20px;}
	.l_footer div{width:100%; text-align:center; margin-bottom: 10px;}
}