* {
            margin: 0px;
            padding: 0px;
        }

        .mannualinput{display:none;}
        .wtext{color:#fff;font-size:15px;text-align:left;}

        .leftme {float:left;}
        .mytxleft {
            text-align: left;
        }

        .mytxcenter {
            text-align: center;
        }

        .mytxright {
            text-align: right;
        }
       .whtext{font-size:16px;font-weight:500;color:#fff}
       .eyeforpass  i:first-child{display:none;}
      .hwbtn {
    margin: 8px 0;
    display: inline-block;
    line-height: 30px;
    height: 30px;
    cursor: pointer!important;
    text-decoration: none!important;
    background: #fcd024;
    padding: 2px 24px;
    color: #0036b6;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(245, 243, 243, 0.18), 0 1px 2px rgba(216, 212, 212, 0.28);
        }
      a.hwbtn:hover{text-decoration:none!important;color:#0036b6}
       a.hwbtn:focus{text-decoration:none!important;color:#0036b6}
          .textbtn {
            line-height: 50px;
            font-weight: 500;
            font-size: 14px;
            color: #fcd024;
            text-decoration: none;
        }
          .textbtn:hover{ color: #fcd024!important;}
            .blockbtn {
            display: block;
        }
               .adjustheight {
    min-height: 25vh!important;
    line-height: 25vh!important; }

        .mailaccounts{margin-bottom:20px;}
               /*..................................*/
        .loginform {
            font-family: roboto;
            display: flex; /*background:linear-gradient(194deg, rgba(153,218,255,1) 0%, rgba(0,54,182,1) 100%);*/
            background: #0036b6;
            height: 100vh;
            width: 100%;
            flex-direction: column;
            text-align: center;
            padding: 0 20px;
            box-sizing: border-box;
            position: relative;
        }

            .loginform:before {
                content: "";
                background: url(https://www.oxyzenhomes.com/Areas/RentalApp/images/cityScape_2.png);
               
                position: absolute;
                background-position: bottom;
                left: 0px;
                bottom: 0px;
                height: 200px;
                width: 100%;
                opacity: .2;
                background-size: cover;
            }

        .logfotophea {
            min-height: 5vh;
            line-height: 5vh;
        }

        .lgititle {
            min-height: 20vh;
            line-height: 35vh;
            font-size: 25px;
            color: #fff;
        }

        .iflogtophea {
            min-height: 15vh !important;
            line-height: 18vh !important;
        }

        .lhiinputs {
            min-height: 80vh;
            position:relative;
            z-index:2;
            text-align: left;
            width: 90%;
            margin: auto;
        }

        .inputsde {
               animation:actio .5s linear;
            position: relative;
            margin: 18px 0;
            border: 2px solid #fff;
            border-radius: 5px;
            box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 1px rgba(0,0,0,0.23);
        }

            .inputsde input {
                width: 100%;
                height: 30px;
                background: none;
                padding: 18px 5px 15px 5px;
                outline: none;
                border: 0px solid #0036b6;
                border-radius: 3px;
                color: #fff; /*box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 1px rgba(0,0,0,0.23);*/
                z-index: 1;
                position: relative;
                box-sizing: border-box;
            }

            .inputsde span {
                position: absolute;
                top: 25%;
                left: 5%;
                color: #fff;
                font-size: 13px;
                font-weight: 500;
                transition: all .3s linear;
            }

                .inputsde span i {
                    display: none;
                }

            .inputsde input:focus + span, .topinput {
                line-height: 15px;
                background: #0036b6;
                padding: 2px 2px;
                color: #fff !important;
                border-radius: 10px;
                top: -9px !important;
                left: 5px !important;
                white-space: nowrap;
            }

                .inputsde input:focus + span i, .topinput i {
                    display: inline-block !important;
                }

            .inputsde input:focus {
            }

     

        .lhlinksec {
            text-align: center;
            width: 100%;
        }

        .linkco {
            font-size: 13px;
            color: #fff;
        }
       .linkco:hover{
                color: #fff!important;
                text-decoration:none!important;
       }

    

        .smmarg {
            margin: -24px 0;
        }
          .smmargbt {
            margin: -12px 0 0 0;
        }

        .extralabel {
            position: absolute;
            right: 5px;
            top: 25%;
            color: #fff;
            z-index: 2;
        }
        .extralabel a{color:#fff;text-decoration:none;}
        .extralabel a:hover{color:#fff}

      
          input:placholder{color:#0036b6;}

        input:-webkit-autofill {
        background-color: none;
    -webkit-box-shadow: 0 0 0px 1000px #0036b6 inset;
    -webkit-text-fill-color: #fff;
}


        .logiaccount a {
    font-size: 17px;
    color: #0036b6;
    text-decoration: none;
    padding: 4px 15px;
    text-align: left;
    font-weight:500;
    display: block;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(123, 118, 118, 0.38), 0 1px 1px rgba(82, 80, 80, 0.49);
    animation:actio .5s linear;
}
        @keyframes actio{from{transform:translateX(-100px);opacity:0;}}
           .logiaccount a>i{float:right;line-height:35px;}
        .logiaccount a>img{height:35px;width:35px;vertical-align:middle;}

     .swicteslh{display:flex;width:100%;box-sizing:border-box;margin:25px 0;align-items:center;}
        .swcitmswct .switch label {
            color: #fff;
        }
        .swcitmname{min-width:80%;font-size:17px;color:#fff;}
        .swcitmnameonly{min-width:100%;font-size:17px;color:#fff;}

        .swcitmswct{min-width:20%;text-align:center}

    .swicteslh  .switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after { left: 18px;  background:#fcd024!important;
}
    .swicteslh .switch label input[type=checkbox]:checked + .lever {
    background-color: #f3eeda;
}   

    .swcitmnameonly label span{color:#fff!important;font-size:17px!important;}
     .swicteslh  [type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:before, [type="radio"].with-gap:checked + span:after {
    border: 2px solid #fcd024!important;
}
     .swicteslh [type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:before, [type="radio"].with-gap:checked + span:after {
    border: 2px solid #fcd024!important;
}

    .swicteslh  [type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:after {
    background-color: #fcd024!important;
}
  .swicteslh  [type="radio"]:not(:checked) + span:before, [type="radio"]:not(:checked) + span:after {
    border: 2px solid #ebeff9;
}
  .loginselect{position:relative;}
  .loginselect label{color:#fff!important; }
.loginselect input {
    height: 35px;
    width: 100%;
    border-radius: 4px;
    border: none;
    outline:none;
    color:#444;padding:0 4px;
    box-shadow: 0 1px 2px rgba(234, 234, 234, 0.16), 0 1px 2px rgba(243, 241, 241, 0.23);
}
 
 .loginselect datalist{position:absolute;top:0px;}

.loginselect select{    background: aliceblue;
    color: #444;
    outline: none;
    border-radius: 5px; box-shadow: 0 1px 2px rgba(234, 234, 234, 0.16), 0 1px 2px rgba(243, 241, 241, 0.23);}