/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 16, 2017, 8:28:31 PM
    Author     : it5
*/

.font14{
    font-size: 14px;
    font-weight: 900;
    margin: 10px 0;
}

.font12{

    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
}

.font16{

    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
}

.font20{

    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
}

.font22{

    font-size: 22px;
    font-weight: 600;
    line-height: 27.5px;
}

.font24{

    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
}

.login-wrapper .login-container{
    float: none;
    margin: 50px auto 0 auto;
}

.gambar {
    margin-right: 25%;
    margin-top: 15%;
    position: relative;
  }
.konten {
    width: 300px !important;
}

@media only screen and (max-width: 600px) {
    .gambar {
      display: none;
    }
    .login-wrapper .login-container{
        float: none;
        margin: 0 auto;
        padding: 40px 35px 50px;
    }
    .konten {
        margin-left: 0%;
    }
    input.form-control {
        width: 100%; /* Lebar penuh untuk layar kecil */
        max-width: none; /* Hilangkan batas maksimum lebar */
    }
  }

.inputan {
 border-radius: 3px;
 size: 15px;
 font-weight: 800;
 line-height: 10px;
 height: 50px;
}


.info-policy {
    width: 300px;
}



.error {
    width: 300px;
}

.card-login {
    box-shadow: 0 0 8px rgba(220, 220, 220, 0.75);
    width: 400px;
    border-radius: 5px;
    border: none;
    background-color: #fff;
}


.form-group label:not(.error){
    text-transform: capitalize;
    letter-spacing: 0.4px;
    font-weight: bold;
}
.btn-primary, .btn-primary:focus{
    /*border-radius: 50px 50px 50px 50px;*/
    border-radius: 2px;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 30px !important;
    text-transform: uppercase;  
    color: #f13c2c;
    border: solid 2px #f13c2c;
    background: #FFF;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.btn-primary.hover, .btn-primary:hover, .show .dropdown-toggle.btn-primary {
    color: #f13c2c;
    border: solid 2px #f13c2c;
    background: #FFF;
    transform: scale(1.1);
    transition-duration: .3s !important;
    transition-property: transform !important;
}
.btn-default{
    /*border-radius: 50px 50px 50px 50px;*/
    border-radius: 2px;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 30px !important;
    text-transform: uppercase;  
}
.btn-default, .btn-default:focus{
    background: #f13c2c;
    color: #FFF;
    border: solid 2px #f13c2c;
}
.btn-default.hover, .btn-default:hover, .show .dropdown-toggle.btn-default {
    color: #FFFFFF;
    border: solid 2px #f13c2c;
    background: #f13c2c;
    transform: scale(1.1);
    transition-duration: .3s !important;
    transition-property: transform !important;
}
.btn-primary.active, .btn-primary:active, .btn-primary.active:focus, .btn-primary:active:focus, .btn-primary:active:hover, .show .dropdown-toggle.btn-primary {
    background-color: #ffd700 !important;
    border-color: #ffd700 !important;
    color: #fff;
}