body, html{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    max-width:100%;
    overflow-x: hidden;
}
.register{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    max-width:100%;
    height:100%;
    background: -webkit-linear-gradient(left, #3931af, #00c6ff);
}
.register-left{
    text-align: center;
    color: #fff;
    margin-top: 4%;
}
.register-left input{
    border: none;
    border-radius: 1.5rem;
    padding: 2%;
    width: 60%;
    background: #f8f9fa;
    font-weight: bold;
    color: #383d41;
    margin-top: 30%;
    margin-bottom: 3%;
    cursor: pointer;
}
.register-right{
    background: #f8f9fa;
    border-top-left-radius: 10% 50%;
    border-bottom-left-radius: 10% 50%;
}
.register-left img{
    margin-top: 15%;
    margin-bottom: 5%;
    width: 25%;
    -webkit-animation: mover 2s infinite alternate;
    animation: mover 1s infinite alternate;
}

.form-control {
    margin-bottom: 25px !important;
}
#password1 {
    margin-bottom: 5px !important;
}
.custom-checkbox{
    font-size: 14px;
    margin-bottom: 15px !important;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
.register-left p{
    font-weight: lighter;
    padding: 12%;
    margin-top: -9%;
}
.register .register-form{
    padding: 10%;
    margin-top: 10%;
}
.btnSubmit{
    float: right;
    margin-top: 50px;
    border: none;
    border-radius: 1.5rem;
    padding: 10px 35px;
    background: #0062cc;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    }
.register .nav-tabs{
    margin-top: 3%;
    border: none;
    background: #0062cc;
    border-radius: 1.5rem;
    width: 28%;
    float: right;
}
.register .nav-tabs .nav-link{
    padding: 2%;
    height: 34px;
    font-weight: 600;
    color: #fff;
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}
.register .nav-tabs .nav-link:hover{
    border: none;
}
.register .nav-tabs .nav-link.active{
    width: 100px;
    color: #0062cc;
    border: 2px solid #0062cc;
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}
.register-heading{
    text-align: center;
    margin-top: 8%;
    margin-bottom: -15%;
    color: #495057;
}
.page_links {
    display:block; 
    font-size:13px; 
    margin-top:10px;
    color:rgb(0, 140, 230);
    width:max-content;
    white-space: nowrap;
    text-decoration: none;
}
.page_links:hover{
    text-decoration: underline;
    color:rgb(0, 140, 230)
}
input[type = "email"], input[type = "text"], input[type = "password"]{
    width:95%;
    min-width: 275px;
    max-width:350px;
    padding:15px !important;
}

.register-heading {
    font-weight:bold;
}
.show_hide_pw_label,.go_to_dashboard_label {
    font-size:13px;
    cursor: pointer;
    position:relative;
    bottom:5px
}

label {
    cursor: pointer;
}
#company_logo_section {
    padding: 25px;
}
#company_logo_section img {
    width:125px
}
@media only screen and (max-width:802px){
    .register-left {
        display: none;
    }
    #company_logo_section {
        padding-bottom: 20px;
    }
    #company_logo_section img {
        width:100px
    }
    .register-heading {
        font-weight:bold;
        padding:10px
    }
}

@media only screen and (max-width:602px){
    #myTab {
        position: relative;
        bottom: 45px;
    }
    .register-heading {
        font-size:22px;
        font-weight:bold;
        padding:10px
    }
    input[type = "email"], input[type = "text"], input[type = "password"]{
        width:250px;
    }
}