.loginpage{background: #000;font-family: 'Rubik', sans-serif;}
.twodiv{display: flex;padding: 93px 0 38px;/* background: #000; */}
.logimg{position: relative;width: 50%;background: #000;border-radius: 20px 0 0 20px;}
.overlay{position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;text-align: center;background: rgb(99 185 255 / 42%);height: 100%;padding-top: 47%;border-radius: 18px 0 0 18px;}
.logrigt{
    background: rgba(1, 2, 23, 0.93);
    border-radius: 18px 18px 18px 18px;
    max-width: 600px;
    min-width: 300px;
    padding: 40px 60px 30px 60px;
    margin: 0 auto;
    box-shadow: 0 0 2em #1635574f;
}

.toleft {
    position: relative;
    left: -35%;
    display: flex;
    flex-direction: column;
    flex: initial;
}

/*passwordreset*/
.twobtn input.reinitpass {
    width: 100% !important;
}

.twobtn a.reinit-co {
    color: white;
    text-align: center;
    margin: 20px;
    display: block;
}
.bg-pw-reset {
    background: rgba(1, 2, 23, 0.93); !important;
}
.noradiusborder {
    border-radius: 0 !important;
    border-top: solid 1px #0E70BB !important;
    border-bottom: none !important;
}
/* fin passwordreset*/

.footer-login {
    position: fixed;
    bottom: 0;
    width: 100%;
    color:#d5cece;
}
.logimg >img{width: 100%;/* background: #fff; */}
.logrigt h3{
    font-size: 30px;
    color: #0E70BB;
}
.logrigt h4{
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}
.loginputpage{
    padding: 30px 0 0;
}

.remfor{display: flex;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}
.remme{width: 60%;}
.remfor a{
    font-size: 15px;
    color: #0E70BB;
    text-decoration: underline;
}
.remme label{
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}
.twobtn{
    margin: 40px 0 0;
}
.twobtn .log{
    width: 47%;
    display: inline-block;
    text-align: center;
    margin-right: 22px;
    color: #fff;
    background: #0E70BB;
    font-size: 18px;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #0e70bb;
}
.log {
    cursor: pointer;
}
.twobtn .ca{
    border: 1px solid #0E70BB;
    font-size: 18px;
    padding: 12px;
    border-radius: 8px;
    width: 45%;
    display: inline-block;
    text-align: center;
    color: #0E70BB;
    background-color: white;
    cursor: pointer;
}
.twobtn .ca:hover{
     text-decoration: none;
     background-color: rgba(255, 255, 255, 0);
}
.loginputpage form .form-group{margin: 0;}
.loginputpage form .form-group .form-control.mailicon{
    border-bottom: 0;
    border-radius: 7px 7px 0 0;
    border-color: #0E70BB;
    height: 47px;
    padding-left: 50px;
    position: relative;
}
.mdp-center {
    margin: 0 auto;
    width: 200px;
    display: block;
    text-align: center;
    margin-top: 10px;
}
.input-transparent {
    opacity: 0.9;
    color: #090808;
    font-weight: 600;
}
.mailicon{position: relative;}
.mailicon:before{content: "";position: absolute;background: url(../images/menu_moncompte_keyzit.png) no-repeat 0 0;width: 30px;height: 30px;left: 8px;top: 14px;z-index: 9990;}
.passicon{position: relative;}
.loginputpage .passicon:before{content: "";position: absolute;background: url(../images1/keyzit-icon-key-login.png) no-repeat 0 0;width: 30px;height: 30px;left: 10px;top: 10px;z-index: 9990;}
.eye-password{position: relative;}
.loginputpage .eye-password .eye-img {position: absolute;width: 30px;height: 30px;right: 10px;bottom: 10px;z-index: 999; cursor:pointer;}
.loginputpage .eye-password #password { padding-right: 3em;}

.eye-repassword-register{position: relative;}
.registration-style .eye-repassword-register .eye-img2 {position: absolute;width: 30px;height: 30px;right: 10px;bottom: 1px;z-index: 999; cursor:pointer;}
.registration-style .eye-repassword-register #repassword { padding-right: 3em;}

.eye-password-register{position: relative;}
.registration-style .eye-password-register .eye-img {position: absolute;width: 30px;height: 30px;right: 10px;bottom: 1px;z-index: 999; cursor:pointer;}
.registration-style .eye-password-register #password { padding-right: 3em;}

.loginputpage form .form-group .form-control.pass{
    border-radius: 0px 0px 7px 7px;
    line-height: 40px;
    border: 1px solid #0E70BB;
    height: 47px;
    padding-left: 50px;
}

.loginputpage ::-webkit-input-placeholder { /* Edge */
  color: #777777;
}

.loginputpage :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #777777;
}

.loginputpage ::placeholder {
  color: #777777;
}
.form-control:focus {
    box-shadow: 0 0 0 0 rgb(0 123 255 / 25%) !important;
}
.creataccount{
    background: rgba(1, 2, 23, 0.93);
    border-radius: 18px 18px 18px 18px;
    width: 600px;
    padding: 37px 65px 51px 60px;
    margin: 0 auto;
}

.creataccount h3{
    font-size: 36px;
    color: #1489e3;
    margin: 0 0 21px 0;
}
.caccinput form .form-group{
    /*margin: 0 0 1px 0;*/
}
.caccinput .form-control{
    border: 0;
    border-bottom: 1px solid #bfbfbf;
    font-size: 14px;
}
.cabtn input{
    width: 46%;
    display: inline-block;
    text-align: center;
    margin-top: 23px;
    color: #fff;
    background: #0E70BB;
    font-size: 18px;
    padding: 11px;
    border-radius: 10px;
    border: 1px solid #0e70bb;
    margin-bottom: 14px;
    }

.accountdetails{
   background: rgb(0 0 0 / 40%);
   border-radius: 18px 18px 18px 18px;
   width: 64%;
   padding: 51px 65px 51px 56px;
   margin: 0 auto;
}

.accountdetails h3{
    font-size: 36px;
    color: #0E70BB;
    margin: 0 0 35px 0;
}
.top_logo{
    /*z-index: 990;*/
    position: relative;
    text-align: center;
    padding-bottom: 25px;
}
.bottom-center-resend {
    position: relative;
    text-align: center;
    top: 10px;
}
/* after send mail password forget*/
.bg-send-fpass {
    background: url(../images1/bg-send-password-keyzit.jpg) no-repeat 0 0 !important;
    background-size: cover !important;
}
.bg-register {
    padding:0;
    margin:0;
    background: url(../images1/bg-register-keyzit.jpg) no-repeat center fixed !important;
    background-size: cover !important;
}
#content {
    width: 100%;

    position: absolute;
    left: -105px;
    top: auto;
    padding: 90px;
    min-height: 100%;
}
#connect {
    width: 100%;
    margin-right: auto;
    max-width: 660px;
    text-align: center;
    margin-left: auto;
    margin-top: auto;
    padding: 20px;
    font-size: 20px;
    font-weight: bold !important;
    letter-spacing: 1px;
    background: rgba(1, 2, 23, 0.93);
    border-radius: 15px;
    color:white;
}
/* fin passwordforget*/

.top_logo img{
    width: 250px;
}
.logrigt{}
.logrigt:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 223px;
    top: 0;
    left: 0;
    background-image: linear-gradient(#26a1ff, #27a1ff, rgb(177 212 241 / 0%));
    z-index: 1;
    border-radius: 18px;
    display: none;
}

/**
    google signup button
 */
 .google-btn {
     display: inline-flex;
     align-items: center;
     background-color: white;
     color: #444;
     border: 1px solid #ddd;
     border-radius: 5px;
     padding: 10px 15px;
     font-size: 16px;
     cursor: pointer;
     transition: box-shadow 0.3s;
     width: 100%;
 }

.google-btn:hover {
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.google-logo {
    width: 20px;
    margin-right: 10px;
}
.google-group {
    margin-top: 10px;
    margin-bottom: 20px;
}