body{
    /*background-image: url("bg2.jpg");*/
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
     margin-top: 10%;
}
.register{
    /*background-color: rgba(255, 153, 51, 0.8);
    background: -webkit-linear-gradient(left, #cc7a00, #ffd633);*/
    opacity: 0.9;  /*3931af, #00c6ff*/
    margin-top: 1%;
    padding: 2%;
    /*outline: 2px solid #cc7a00;*/
}

.layer {
    background-color: rgba(248, 247, 216, 0.4);
}
.register-left{
    
    text-align: center;
    color: #fff;
    margin-top: 2%;
}
.register-left input{
    border: none;
    border-radius: 1.5rem;
    padding: 2%;
    width: 60%;
    background: #f8f9fa;
    font-weight: bold;
    color: #383d41;
    margin-top: 10%;
    margin-bottom: 3%;
    cursor: pointer;
}
form label{
  font-weight:bold;
  text-align: right;
  text-shadow: 1px 1px #ffffff;
}
.register-right{
    /*background-image: url("bg2.jpg");*/
    background-color: #ffffff; /* Used if the image is unavailable */
    height: 580px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */

    /*border-top-left-radius: 10% 40%;
    border-bottom-left-radius: 10% 40%;*/
}
.register-left img{
    margin-top: 10%;
    margin-bottom: 5%;
    width: 60%;
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 1s infinite  alternate;
}

.tengah {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}

.pre-scrollable {
    max-width: 100%;
    max-height: 370px;
    overflow-y: scroll;
    margin-right: none;
}

label {
    font: normal 12px !important;
}

.register-left p{
    font-weight: lighter;
    padding: 6%;
    margin-top: -9%;
}
.register .register-form{
    padding: 5%;
    margin-top: 11%;
    background-color: white;
}
.btnRegister{
    float: right;
    margin-top: 1%;
    border: none;
    border-radius: 1.5rem;
    padding: 2%;
    background: #0062cc;
    color: #fff;
    font-weight: 600;
    width: 50%;
    cursor: pointer;
    opacity: none;
}
.btn{
    background: solid;
}
.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: 3%;
    margin-bottom: -15%;
    color: #495057;
}