.no-register{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#ffffff;
    z-index:9999999
}
.no-register-msg{
    text-align:center;
    margin:200px auto
}
.Kindly-Reminder{
    font-size:30px;
    font-family:Arial;
    font-weight:400;
    color:#333;
    margin:10px 0 0
}
.no-register-msg p{
    text-align:center;
    color:#545454;
    font-size:18px;
    font-family:Arial;
    font-weight:400;
    margin:0
}
[class*=icheck-]>label{
    padding-left:29px!important;
    min-height:22px;
    line-height:22px;
    display:inline-block;
    position:relative;
    vertical-align:top;
    margin-bottom:0;
    font-weight:400;
    cursor:pointer
}
.icheck-orange>input:first-child:checked+label:before,.icheck-orange>input:first-child:checked+input[type=hidden]+label:before{
    background-color:#ff8d32;
    border-color:#ff8d32
}
[class*=icheck-]>input:first-child+label:before,[class*=icheck-]>input:first-child+input[type=hidden]+label:before{
    content:"";
    display:inline-block;
    position:absolute;
    width:22px;
    height:22px;
    border:1px solid #D3CFC8;
    border-radius:0;
    margin-left:-29px
}
[class*=icheck-]>input:first-child:checked+label:after,[class*=icheck-]>input:first-child:checked+input[type=hidden]+label:after{
    content:"";
    display:inline-block;
    position:absolute;
    top:0;
    left:0;
    width:7px;
    height:10px;
    border:solid 2px #fff;
    border-left:none;
    border-top:none;
    transform:translate(7.75px,4.5px) rotate(45deg);
    -ms-transform:translate(7.75px,4.5px) rotate(45deg)
}
.login-register-body{
    min-height:800px;
    border-top:1px solid transparent;
    padding-bottom:40px
}
.login-register-body-load{
    min-height:800px;
    border-top:1px solid transparent;
    background-image:url(/assets/png/logout-tem-e48bf9c8.png);
    background-position:10px;
    background-repeat:no-repeat;
    padding-bottom:40px
}
.login-register-form{
    min-height:320px;
    max-width:98%;
    margin:80px auto 0;
    padding:50px 60px;
    width:550px;
    background:#FFFFFF;
    box-shadow:0 1px 3px #e2d9d4;
    border-radius:10px
}
.login-register-form{
    margin-bottom:42px;
    font-size:32px;
    font-family:DFPYaSongW9-GB;
    font-weight:400;
}
.login-register-form h2{
    text-align: center;
    margin-bottom: 30px;
    font-size: 32px;
    font-family: DFPYaSongW9-GB;
    font-weight: 400;
    color: #596265;
}
.form-control{
    border:none;
    height:38px;
    margin:10px 0 20px;
    background:#FFFFFF;
    border:1px solid #DFDFDF;
    border-radius:4px
}
.form-group>label{
    display: block;
    margin: 0;
    font-size: 14px;
    font-family: Arial;
    font-weight: 400;
    color: #657175;
	text-align: left;
}
.login-register-info>span{
    margin-top:10px;
    display:block
}
.login-register-body>.alert-info{
    position:absolute;
    top:115px;
    transform:translate(-50%);
    left:50%
}
.login-register-info a{
    color:#999
}
.login-register-body a:hover{
    color:#666
}
.login-register-info a:not(:first-child){
    margin-left:20px
}
@media (max-width: 768px){
    .login-register-form{
        margin:40px auto 0
    }
    .login-register-body{
        height:auto;
        padding-bottom:40px
    }
    .login-register-body>.alert-info{
        top:60px;
        width:95%
    }
}
.email-alert{
    position:relative;
    width:320px;
    min-height:200px;
    padding:36px 16px 0;
    max-width:98%;
    line-height:24px;
    text-align:center
}
.email-alert>.close-btn{
    cursor:pointer;
    position:absolute;
    right:8px;
    top:8px
}
.fa-tc{
    width:540px;
    max-width:98%;
    min-height:250px;
    text-align:center
}
.fa-tc>h4{
    margin-top:30px
}
.fa-tc div{
    margin:10px auto
}
.please-info{
    width:450px;
    max-width:98%
}
.yes-no-div{
    width:350px;
    max-width:98%;
    border:1px solid #ccc;
    height:120px
}
.yes-no-div>span{
    display:block;
    margin:20px 0
}
.fa-tc .btn{
    width:100px;
    font-weight:700;
    font-size:16px
}
.form-div{
    width:450px;
    min-height:210px;
    border:1px solid #ccc;
    max-width:98%
}
.form-div-title{
    font-weight:700;
    margin:16px 0;
    display:block
}
.input-fa{
    margin-top:-13px!important
}
@media (max-width: 768px){
    .input-fa{
        margin-top:10px!important
    }
    .login-register-body{
        min-height:850px
    }
}
.control-label{
    font-weight:400
}
@media (max-width:767px){
    .login-register-body{
        min-height:600px
    }
    .login-margin{
        margin-top:100px
    }
}
@media (max-width:500px){
    .login-register-form{
        padding:50px 20px
    }
}
.form-group{
    position:relative;
    padding:0;
	margin: 0;
}
a{
    font-size:14px;
    color:#009edc
}
.username-confirm-btn button{
    width:100%;
    height:38px;
    background:#ff8d32;
    border-radius:19px;
    outline:0
}
.login-info-or{
    height:1px;
    text-align:center;
    margin-top:30px;
    background-color:#dfdfdf;
    position:relative
}
.login-info-or span{
    position:absolute;
    font-size:14px;
    font-family:Arial;
    font-weight:400;
    color:#aeb9be;
    width:50px;
    top:-10px;
    left:50%;
    transform:translate(-50%);
    background-color:#fff
}
.google-login-btn{
    height:38px;
    background:#FFFFFF;
    border:1px solid #DFDFDF;
    border-radius:19px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:28px;
    cursor:pointer
}
.google-login-btn img{
    width:38px;
    height:38px
}
.google-login-btn span{
    font-size:14px;
    font-family:Roboto;
    font-weight:500;
    color:#657175;
    margin-left:8px
}
.register-step{
    max-width:400px;
    margin:80px auto 0;
    display:flex;
    align-items:center;
    justify-content:center
}
.register-step span{
    width:26px;
    height:26px;
    background:#6CCDF3;
    border-radius:50%;
    text-align:center;
    line-height:26px;
    background:#F7F7F7;
    border:1px solid #D5DCDF;
    color:#d5dcdf
}
.register-step span.active{
    color:#fff;
    background:var(--main-color-1);
    border:1px solid var(--main-color-1)
}
.register-step i{
    max-width:176px;
    flex:1;
    height:2px;
    background:#D5DCDF
}
.register-step i.active{
    background:var(--main-color-1)
}
.login-register-body{
    padding:20px
}

input[type="checkbox"] {
position: absolute;
opacity: 0;
width: 20px;  /* give width and height */
height: 20px;
margin: 0;    /* remove default margin */
}

#custom-toast-container {
    position: relative;
    z-index: 9999;
}

.forgot-password-label {
    font-size: 14px; 
    cursor: pointer;
}