@font-face {
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
src: url("https://resources.egoffice4u.com/frontend/fonts/materialIcon/materialicons.woff2") format("woff2");
}
@font-face {
font-family: "Material Icons Outlined";
font-style: normal;
font-weight: 400;
src: url("https://resources.egoffice4u.com/frontend/fonts/materialIcon/materialiconsoutlined.woff2") format("woff2");
}
@font-face {
font-family: "Material Icons Round";
font-style: normal;
font-weight: 400;
src: url("https://resources.egoffice4u.com/frontend/fonts/materialIcon/materialiconsround.woff2") format("woff2");
}
@font-face {
font-family: "Material Icons Sharp";
font-style: normal;
font-weight: 400;
src: url("https://resources.egoffice4u.com/frontend/fonts/materialIcon/materialiconssharp.woff2") format("woff2");
}
@font-face {
font-family: "Material Icons Two Tone";
font-style: normal;
font-weight: 400;
src: url("https://resources.egoffice4u.com/frontend/fonts/materialIcon/materialiconstwotone.woff2") format("woff2");
}
/*------------------------Font Awesome Shortcut--------------------------*/
.section.section-login, .section.section-register {
position: relative;
z-index: 0;
}
.section.section-login .sectionWrap, .section.section-register .sectionWrap {
padding-top: 6rem;
padding-bottom: 4rem;
}
@media screen and (max-width: 768px) {
.section.section-login .sectionWrap, .section.section-register .sectionWrap {
padding: 1rem;
}
}
.section.section-login .sectionWrap .loginRegisterWrapper, .section.section-register .sectionWrap .loginRegisterWrapper {
font-family: "Nunito Sans";
border-radius: 5px;
background: #222222;
display: flex;
justify-content: flex-start;
align-items: stretch;
max-width: 991px;
margin: 0 auto;
box-shadow: 3px 3px 10px -5px #000;
}
@media screen and (max-width: 768px) {
.section.section-login .sectionWrap .loginRegisterWrapper, .section.section-register .sectionWrap .loginRegisterWrapper {
flex-wrap: wrap;
}
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left {
flex: 1 1 auto;
display: flex;
justify-content: center;
padding: 4rem 0;
}
@media screen and (max-width: 768px) {
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left {
flex: 1 1 100%;
padding-bottom: 0;
padding-top: 3rem;
}
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .loginRegister-limiter, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .loginRegister-limiter {
max-width: 414px;
min-width: calc(360px - 2.8rem);
padding: 1.4rem;
box-sizing: border-box;
}
@media screen and (max-width: 768px) {
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .loginRegister-limiter, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .loginRegister-limiter {
padding-bottom: 0;
}
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .loginRegisterTitle, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .loginRegisterTitle {
text-align: center;
margin-bottom: 2rem;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .loginRegisterTitle .lrTitle, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .loginRegisterTitle .lrTitle {
font-size: 2.6rem;
font-weight: bold;
color: #fff;
margin-bottom: 1.5rem;
}
@media screen and (max-width: 550px) {
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .loginRegisterTitle .lrTitle, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .loginRegisterTitle .lrTitle {
font-size: 2rem;
}
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .loginRegisterTitle .lrDesc, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .loginRegisterTitle .lrDesc {
font-size: 1.4rem;
line-height: 1.6em;
margin: 0 auto;
width: 80%;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .captcha div div, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .captcha div div {
margin: 0;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .inputFlex, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .inputFlex {
display: flex;
flex-wrap: wrap;
-moz-column-gap: 3rem;
column-gap: 3rem;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .inputFlex .form-group, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .inputFlex .form-group {
flex: 0 0 calc(50% - 1.5rem);
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .affInput, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .affInput {
display: flex;
flex-wrap: nowrap;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .affInput .affInput-title, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .affInput .affInput-title {
font-size: 1.4rem;
color: #000;
display: flex;
align-items: center;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group {
position: relative;
margin-bottom: 1.5rem;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group label, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group label {
display: none;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group .form-control, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group .form-control {
background: #222;
border-bottom: 1px solid #555555;
border-radius: 0;
color: #EEEEEE;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group .form-control:focus, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group .form-control:focus {
color: #ADADAD;
outline: none;
box-shadow: none;
color: #EEEEEE;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group .form-control.is-invalid, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group .form-control.is-invalid {
border: 0;
border-bottom: 1px solid #ff5858;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group .form-control::-moz-placeholder, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group .form-control::-moz-placeholder {
color: #ADADAD;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group .form-control::placeholder, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group .form-control::placeholder {
color: #ADADAD;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group .invalid-feedback, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group .invalid-feedback {
font-size: 1.1rem;
color: #ff5858;
margin-top: 0.4rem;
margin-bottom: -1.5rem;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-name, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-name {
margin-bottom: 0.5rem;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-name input, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-name input {
padding-left: 3.5rem;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-name::after, .section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-name::before, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-name::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-name::before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-name::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-name::after {
content: "\f007";
color: #ADADAD;
font-size: 2rem;
position: absolute;
top: 1.2rem;
}
@media screen and (max-width: 550px) {
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-name input, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-name input {
padding-left: 3rem;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-name::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-name::after {
font-size: 2rem;
top: 0.6rem;
}
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-username, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-username {
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-username input, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-username input {
padding-left: 3.5rem;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-username::after, .section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-username::before, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-username::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-username::before {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-username::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-username::after {
content: "\f007";
color: #ADADAD;
font-size: 2rem;
position: absolute;
top: 1rem;
}
@media screen and (max-width: 550px) {
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-username input, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-username input {
padding-left: 3rem;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-username::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-username::after {
font-size: 2rem;
top: 0.6rem;
}
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password {
margin-bottom: 1.5rem;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password input, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password input {
padding-left: 3.5rem;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password::after, .section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password::before, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password::before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password::after {
content: "\f023";
color: #ADADAD;
font-size: 2rem;
position: absolute;
top: 1.2rem;
}
@media screen and (max-width: 550px) {
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password input, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password input {
padding-left: 3rem;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password::after {
font-size: 2rem;
top: 0.6rem;
}
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password_confirmation, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password_confirmation {
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password_confirmation input, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password_confirmation input {
padding-left: 3.5rem;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password_confirmation::after, .section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password_confirmation::before, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password_confirmation::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password_confirmation::before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password_confirmation::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password_confirmation::after {
content: "\f132";
color: #ADADAD;
font-size: 2rem;
position: absolute;
top: 1.2rem;
}
@media screen and (max-width: 550px) {
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password_confirmation input, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password_confirmation input {
padding-left: 3rem;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password_confirmation::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-password_confirmation::after {
font-size: 2rem;
top: 0.6rem;
}
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bsb_code, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bsb_code {
margin-bottom: 1.5rem;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bsb_code input, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bsb_code input {
padding-left: 3.5rem;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bsb_code::after, .section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bsb_code::before, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bsb_code::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bsb_code::before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bsb_code::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bsb_code::after {
content: "\f872";
color: #ADADAD;
font-size: 2rem;
position: absolute;
top: 1.2rem;
}
@media screen and (max-width: 550px) {
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bsb_code input, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bsb_code input {
padding-left: 3rem;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bsb_code::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bsb_code::after {
font-size: 2rem;
top: 0.6rem;
}
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-account_no, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-account_no {
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-account_no input, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-account_no input {
padding-left: 3.5rem;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-account_no::after, .section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-account_no::before, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-account_no::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-account_no::before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-account_no::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-account_no::after {
content: "\f15c";
color: #ADADAD;
font-size: 2rem;
position: absolute;
top: 1.2rem;
}
@media screen and (max-width: 550px) {
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-account_no::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-account_no::after {
font-size: 2rem;
top: 0.6rem;
}
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank {
border-bottom: 1px solid #555555;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank .form-check, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank .form-check {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-left: 0;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank .form-check .select2, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank .form-check .select2 {
width: 100% !important;
height: 100%;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank .form-check .select2 .selection .select2-selection, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank .form-check .select2 .selection .select2-selection {
padding: 1rem 1rem 1rem 3.5rem;
height: 100% !important;
width: 100%;
border: 0 !important;
background-color: transparent !important;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank .form-check .select2 .selection .select2-selection .select2-selection__rendered, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank .form-check .select2 .selection .select2-selection .select2-selection__rendered {
padding-left: 0;
padding-right: 0;
color: #adadad;
margin-right: 2rem;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank .form-check .select2 .selection .select2-selection .select2-selection__arrow, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank .form-check .select2 .selection .select2-selection .select2-selection__arrow {
width: 0;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank .form-check .select2 .selection .select2-selection .select2-selection__arrow b, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank .form-check .select2 .selection .select2-selection .select2-selection__arrow b {
border-color: transparent;
border-width: 0;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank .form-check .select2 .selection .select2-selection .select2-selection__arrow b::after, .section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank .form-check .select2 .selection .select2-selection .select2-selection__arrow b::before, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank .form-check .select2 .selection .select2-selection .select2-selection__arrow b::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank .form-check .select2 .selection .select2-selection .select2-selection__arrow b::before {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank .form-check .select2 .selection .select2-selection .select2-selection__arrow b::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank .form-check .select2 .selection .select2-selection .select2-selection__arrow b::after {
content: "\f107";
color: #ADADAD;
font-size: 2rem;
position: absolute;
top: 0;
right: 0;
transition: all 0.4s ease;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank .form-check .select2.select2-container--open .select2-selection__arrow b::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank .form-check .select2.select2-container--open .select2-selection__arrow b::after {
transform: rotate(-180deg);
transition: all 0.4s ease;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank::after, .section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank::before, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank::before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank::after {
content: "\f66f";
color: #ADADAD;
font-size: 2rem;
position: absolute;
top: 1.2rem;
}
@media screen and (max-width: 550px) {
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank input, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank input {
padding-left: 3rem;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-bank::after {
font-size: 2rem;
top: 0.6rem;
}
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-affl_code, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-affl_code {
margin-bottom: 0;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-affl_code input, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-affl_code input {
color: #ADADAD;
cursor: context-menu;
padding-left: 1.5rem;
border-bottom: 0 !important;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-affl_code input:focus, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-affl_code input:focus {
color: #ADADAD;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-referral_code, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-referral_code {
margin-bottom: 0;
border-bottom: 1px solid #555555;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-referral_code::after, .section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-referral_code::before, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-referral_code::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-referral_code::before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-referral_code::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-referral_code::after {
content: "\f2b5";
color: #ADADAD;
font-size: 2rem;
position: absolute;
top: 1.2rem;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-referral_code input, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-referral_code input {
color: #ADADAD;
cursor: context-menu;
padding-left: 3.5rem;
border-bottom: 0 !important;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-referral_code input:focus, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .form-group.form-group-referral_code input:focus {
color: #ADADAD;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .ps, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .ps {
color: #FEA827;
font-size: 1.2rem;
line-height: 1.4;
margin-bottom: 1.5rem;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .remember-forgotPass, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .remember-forgotPass {
display: flex;
align-items: center;
margin-bottom: 1.5rem;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .remember-forgotPass label[for=remember_me], .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .remember-forgotPass label[for=remember_me] {
display: inline-block;
position: relative;
padding-left: 3.5rem;
cursor: pointer;
font-size: 1.2rem;
color: #FEA827;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .remember-forgotPass label[for=remember_me] input, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .remember-forgotPass label[for=remember_me] input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .remember-forgotPass label[for=remember_me] input:checked ~ .checkmark, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .remember-forgotPass label[for=remember_me] input:checked ~ .checkmark {
background-color: #FEA827;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .remember-forgotPass label[for=remember_me] input:checked ~ .checkmark:after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .remember-forgotPass label[for=remember_me] input:checked ~ .checkmark:after {
display: block;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .remember-forgotPass label[for=remember_me] .checkmark, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .remember-forgotPass label[for=remember_me] .checkmark {
position: absolute;
top: 50%;
left: 0.1rem;
transform: translateY(-50%);
height: 1.4rem;
width: 1.4rem;
background-color: #FEA827;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .remember-forgotPass label[for=remember_me] .checkmark:after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .remember-forgotPass label[for=remember_me] .checkmark:after {
left: 50%;
top: calc(50% - 1px);
transform: translate(-50%, -50%) rotate(45deg);
width: 3px;
height: 7px;
border: solid #000;
border-width: 0 2px 2px 0;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .remember-forgotPass .checkmark:after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .remember-forgotPass .checkmark:after {
content: "";
position: absolute;
display: none;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .remember-forgotPass .forgotPassword, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .remember-forgotPass .forgotPassword {
margin-left: auto;
color: #FEA827;
font-size: 1.2rem;
text-decoration: underline;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper {
border-bottom: 1px solid #555555;
display: flex;
margin-bottom: 1.5rem;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper {
display: flex;
justify-content: flex-start;
align-items: center;
position: relative;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper::after, .section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper::before, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper::before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper::after {
content: "\f095";
color: #ADADAD;
font-size: 2rem;
position: absolute;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper .dialCode, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper .dialCode {
color: #adadad;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper .flag, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper .flag {
margin: 0 0.5rem 0 3.5rem;
}
@media screen and (max-width: 550px) {
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper .flag, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper .flag {
width: 20px;
height: 20px;
}
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper .dialCodeDropdownWrapper, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper .dialCodeDropdownWrapper {
position: absolute;
left: 3.5rem;
top: 0;
right: 0;
bottom: 0;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper .dialCodeDropdownWrapper span.select2.select2-container.select2-container--default, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper .dialCodeDropdownWrapper span.select2.select2-container.select2-container--default {
width: 100% !important;
height: 100% !important;
z-index: 2;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper .dialCodeDropdownWrapper span.select2.select2-container.select2-container--default::after, .section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper .dialCodeDropdownWrapper span.select2.select2-container.select2-container--default::before, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper .dialCodeDropdownWrapper span.select2.select2-container.select2-container--default::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper .dialCodeDropdownWrapper span.select2.select2-container.select2-container--default::before {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper .dialCodeDropdownWrapper span.select2.select2-container.select2-container--default::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper .dialCodeDropdownWrapper span.select2.select2-container.select2-container--default::after {
content: "\f107";
color: #ADADAD;
font-size: 2rem;
position: absolute;
top: 50%;
right: 0;
transition: all 0.4s ease;
transform: translateY(-50%);
z-index: -1;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper .dialCodeDropdownWrapper span.select2.select2-container.select2-container--default.select2-container--open::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper .dialCodeDropdownWrapper span.select2.select2-container.select2-container--default.select2-container--open::after {
transform: translateY(-50%) rotate(-180deg);
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper .dialCodeDropdownWrapper span.select2.select2-container.select2-container--default .selectionContainer, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper .dialCodeDropdownWrapper span.select2.select2-container.select2-container--default .selectionContainer {
height: 100% !important;
opacity: 0;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper > span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.dropdownContainer, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper > span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.dropdownContainer {
width: initial !important;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper > span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.dropdownContainer input.select2-search__field, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .dialCodeWrapper > span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.dropdownContainer input.select2-search__field {
width: initial !important;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .form-group-phone_no, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .form-group-phone_no {
flex: 1;
margin: initial;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .form-group-phone_no > .form-control, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .registerPhoneWrapper .form-group-phone_no > .form-control {
border-bottom: initial;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-right, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-right {
background: linear-gradient(rgb(254, 168, 39), rgb(225, 111, 0)), url(//resources.egoffice4u.com/frontend/common/lr-background.svg);
background-blend-mode: multiply;
flex: 0 0 auto;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
padding: 4rem 0;
margin: 0 auto;
min-width: 360px;
}
@media screen and (max-width: 768px) {
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-right, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-right {
background: none !important;
padding: 0;
padding-bottom: 3rem;
width: 100%;
flex: 1 1 100%;
}
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent {
position: relative;
float: left;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: calc(360px - 2.8rem);
max-width: 414px;
padding: 1.4rem;
box-sizing: border-box;
}
@media screen and (max-width: 768px) {
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent {
padding-top: 0 !important;
width: 100%;
}
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .lrTitle, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .lrTitle {
font-size: 2.6rem;
font-weight: bold;
margin-bottom: 2rem;
text-align: center;
}
@media screen and (max-width: 768px) {
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .lrTitle, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .lrTitle {
display: none;
}
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .lrDesc, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .lrDesc {
font-size: 1.4rem;
margin: 0 auto;
text-align: center;
line-height: 1.8rem;
width: 80%;
}
@media screen and (max-width: 768px) {
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .lrDesc, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .lrDesc {
display: none;
}
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .btn-register, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .btn-register {
display: flex;
justify-content: center;
align-items: center;
margin-top: 2rem;
position: relative;
}
@media screen and (max-width: 768px) {
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .btn-register, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .btn-register {
width: 100%;
padding-top: 2rem;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .btn-register::before, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .btn-register::before {
content: "or";
color: #999;
font-size: 1.6rem;
position: absolute;
transform: translateX(-50%);
left: 50%;
top: -0.5em;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .btn-register a::before, .section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .btn-register a::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .btn-register a::before, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .btn-register a::after {
content: "";
width: calc(50% - 2.5rem);
height: 1px;
background: #ccc;
cursor: initial;
position: absolute;
top: 0;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .btn-register a::before, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .btn-register a::before {
left: 0;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .btn-register a::after, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .btn-register a::after {
right: 0;
}
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .btn-register a, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .btn-register a {
font-family: "Roboto";
border: 1px solid #fff;
border-radius: 27px;
padding: 1.2rem 4rem;
font-size: 1.6rem;
text-align: center;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .btn-register a:hover, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .btn-register a:hover {
color: #fff;
}
@media screen and (max-width: 768px) {
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .btn-register a, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .btn-register a {
width: 100%;
}
}
@media screen and (max-width: 550px) {
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .btn-register a, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-right .lrContent .btn-register a {
font-size: 1.4rem;
}
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .btn-login, .section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-right .btn-login, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .btn-login, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-right .btn-login {
font-family: "Roboto";
display: block;
margin: 0 auto;
color: #fff;
background: #FEA827;
border: 0;
margin-top: 2rem;
border-radius: 2.7rem;
padding: 1.2rem 4rem;
font-size: 1.6rem;
line-height: 1;
width: 100%;
box-shadow: 2px 2px 8px -6px #000;
}
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .btn-login:focus, .section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .btn-login:active, .section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-right .btn-login:focus, .section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-right .btn-login:active, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .btn-login:focus, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .btn-login:active, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-right .btn-login:focus, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-right .btn-login:active {
outline: none;
box-shadow: none;
}
@media screen and (max-width: 550px) {
.section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-left .btn-login, .section.section-login .sectionWrap .loginRegisterWrapper .lr-iso-right .btn-login, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-left .btn-login, .section.section-register .sectionWrap .loginRegisterWrapper .lr-iso-right .btn-login {
font-size: 1.4rem;
}
}
.section.section-login .sectionWrap .faq, .section.section-register .sectionWrap .faq {
margin-top: 2rem;
color: #777;
}
.section.section-login .sectionWrap .faq .lrTitle, .section.section-register .sectionWrap .faq .lrTitle {
font-size: 1.4rem;
margin-bottom: 1rem;
}
.section.section-login .sectionWrap .faq ul, .section.section-register .sectionWrap .faq ul {
list-style-type: disc;
}
.section.section-login .sectionWrap .faq ul li, .section.section-register .sectionWrap .faq ul li {
font-size: 1.2rem;
margin-left: 1.2em;
line-height: 1.6em;
}
input.form-control {
box-sizing: border-box;
width: 100%;
height: 4rem;
border: 0;
font-size: 1.4rem;
padding: 1rem 1rem;
}
@media screen and (max-width: 550px) {
input.form-control {
font-size: 1.4rem;
line-height: 2;
height: 3.6rem;
padding: 0.5rem 1rem;
border: 0;
color: #ADADAD;
}
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px #222 inset !important;
-webkit-text-fill-color: #EEEEEE !important;
}
input:-webkit-autofill:hover {
-webkit-box-shadow: 0 0 0 30px #222 inset !important;
}
input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 30px #222 inset !important;
}
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px #222 inset !important;
}
.select2-container .select2-dropdown {
background-color: #fff;
border: 0;
border-radius: 5px;
}
.select2-container .select2-dropdown .select2-search {
position: relative;
padding: 0;
}
.select2-container .select2-dropdown .select2-search::after {
content: "Type here...";
position: absolute;
z-index: 0;
left: 1rem;
top: 1rem;
color: #999;
font-size: 1.6rem;
font-style: italic;
opacity: 1;
transition: all 0.1s ease-in-out;
}
@media screen and (max-width: 550px) {
.select2-container .select2-dropdown .select2-search::after {
font-size: 1.2rem;
}
}
.select2-container .select2-dropdown .select2-search:focus-within::after {
position: absolute;
left: 1rem;
top: 1rem;
color: #eee;
font-size: 1.6rem;
opacity: 0;
}
.select2-container .select2-dropdown .select2-search .select2-search__field {
position: relative;
z-index: 1;
padding: 1rem;
border: 0;
background: transparent;
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option {
color: #000;
padding: 1rem;
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
background: #FEA827;
color: #000;
}