.form-control {
    /* padding-left: 10px !important;*/
    /*margin-bottom: 10px !important;*/
}

div#OR {
    height: 30px;
    width: 30px;
    border: 1px solid #C2C2C2;
    border-radius: 50%;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    float: right;
    position: absolute;
    right: -16px;
    top: 40%;
    z-index: 1;
    background: #DFDFDF;
}

.modal-body {
    /*        position: absolute !important;*/
    /*        padding: 0 !important;*/
}

.register {
    background: linear-gradient(90deg, #000000 0%, #00000086 62%);
    /*margin-top: 3%;*/
    /*    padding: 3%;*/
}

.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 .logo {
    margin-top: 15%;
    margin-bottom: 5%;
    width: 85%;
    -webkit-animation: mover 2s infinite alternate;
    animation: mover 1s infinite alternate;
}

@-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%;*/
}

.btnRegister {
    float: right;
    margin-top: 10%;
    border: none;
    border-radius: 1.5rem;
    padding: 2%;
    background: #0062cc;
    color: #fff;
    font-weight: 600;
    width: 50%;
    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;
}

.google-icon-wrapper #Google .google-icon {
    width: 20% !important;
    margin-right: 5px;
}

#Google {
    background: linear-gradient(0.25turn, #1d1f1f, #41443e, #ebf8e1) !important;
    border: none;
    transition: all 300ms;
}

    #Google:hover {
        transform: scale(1.1) !important;
        color: white !important
    }

.pop-modal-header {
    background: linear-gradient(0.25turn, #1d1f1f, #41443e, #ebf8e1) !important;
    border-bottom: none !important;
}

#signUpForm .table > tbody > tr > td {
    width: 10%;
}

@media(max-width: 991px) {
    #div-signup {
        display: none;
    }
}