/*Style view Login*/
html {
    height: 100%;
    padding: 0;
}

body {
    min-height: 100%;
    padding: 0;
}

.login {
    position: absolute;
    /*z-index: 99999999;*/
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
}

.form-login .i-form {
    margin-left: 5px;
    padding-top: 4px;
    position: absolute;
}

.cad-user {
    margin-top: 20px;
}

.cad-user i {
    vertical-align: bottom;
}

.logo-sgbapp {
    margin-top: 0% !important;
    margin-bottom: 10% !important;
}

.logo-sgbapp img {
    filter: contrast(2%) brightness(200%);
    width: 50%;
}

.row-btn-login {
    margin-top: 10px;
}


fieldset {
    border:none;
    border-radius: 6px;
    padding: 0px 42px 10px 42px;
}


.colab .input-field>label:not(.label-icon).active {
    transform: translateY(0px) scale(0.8);
    -webkit-transform: translateY(0px) scale(0.8);
}

.form-inline [type="radio"]:not(:checked)+span, [type="radio"]:checked+span {
    font-size: 0.9rem;
}

.lbl1-prod {
    display: block;
}

.lbl2-prod {
    display: block;
}

.row-tipo {
    margin-bottom: 10px !important;
}

.div-btn-cad {
    margin-top: 10px;
    padding: 0px 0px 0px 10px !important;
}

.btn-blue {
    font-size: 1.2rem;
    height: 45px;
}

.row-add-cot fieldset {
    border: none;
    border-radius: 6px;
    padding: 45px 15px 10px 15px;
}

label.error, .help-inline {
    font-size: 0.9em !important;
    position: relative;
    top: 15px;
}

.row .col-login {
    padding: 0 0.95rem;
}

label.error{
    color: #ffbf2b !important;
    font-size: 0.8em !important;
}

input.error{
    border-color: #ffbf2b;
}

input.valid{
    border-color: #5bb75b;
}

.help-inline {
    color: #ffbf2b;
    font-size: 0.8em;
}

.colab .input-field input[type="text"], 
.colab input[type="email"], 
.colab input[type="tel"],
.colab input[type="password"]  {
    font-size: 1.1rem !important;
    margin-top: 10px !important;
    color: #fff
}

.colab .input-field input:not([type]):focus:not([readonly]), 
.colab input[type=text]:not(.browser-default):focus:not([readonly]), 
.colab input[type=password]:not(.browser-default):focus:not([readonly]), 
.colab input[type=email]:not(.browser-default):focus:not([readonly]), 
.colab input[type=url]:not(.browser-default):focus:not([readonly]), 
.colab input[type=time]:not(.browser-default):focus:not([readonly]), 
.colab input[type=date]:not(.browser-default):focus:not([readonly]), 
.colab input[type=datetime]:not(.browser-default):focus:not([readonly]), 
.colab input[type=datetime-local]:not(.browser-default):focus:not([readonly]), 
.colab input[type=tel]:not(.browser-default):focus:not([readonly]), 
.colab input[type=number]:not(.browser-default):focus:not([readonly]), 
.colab input[type=search]:not(.browser-default):focus:not([readonly]), 
.colab textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 0 1px 0 0 #fff;
    box-shadow: 0 1px 0 0 #fff;
}

.colab .input-field input.valid:not([type]), 
.colab input.valid:not([type]):focus, 
.colab input.valid[type=text]:not(.browser-default), 
.colab input.valid[type=text]:not(.browser-default):focus, 
.colab input.valid[type=password]:not(.browser-default), 
.colab input.valid[type=password]:not(.browser-default):focus, 
.colab input.valid[type=email]:not(.browser-default), 
.colab input.valid[type=email]:not(.browser-default):focus, 
.colab input.valid[type=url]:not(.browser-default), 
.colab input.valid[type=url]:not(.browser-default):focus, 
.colab input.valid[type=time]:not(.browser-default), 
.colab input.valid[type=time]:not(.browser-default):focus, 
.colab input.valid[type=date]:not(.browser-default), 
.colab input.valid[type=date]:not(.browser-default):focus, 
.colab input.valid[type=datetime]:not(.browser-default), 
.colab input.valid[type=datetime]:not(.browser-default):focus, 
.colab input.valid[type=datetime-local]:not(.browser-default), 
.colab input.valid[type=datetime-local]:not(.browser-default):focus, 
.colab input.valid[type=tel]:not(.browser-default), 
.colab input.valid[type=tel]:not(.browser-default):focus, 
.colab input.valid[type=number]:not(.browser-default), 
.colab input.valid[type=number]:not(.browser-default):focus, 
.colab input.valid[type=search]:not(.browser-default), 
.colab input.valid[type=search]:not(.browser-default):focus, 
.colab textarea.materialize-textarea.valid, 
.colab textarea.materialize-textarea.valid:focus, 
.colab .select-wrapper.valid>input.select-dropdown {
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 0 1px 0 0 #fff;
    box-shadow: 0 1px 0 0 #fff;
}

.colab .input-field input:not([type]):focus:not([readonly]), 
.colab input[type=text]:not(.browser-default):focus:not([readonly]), 
.colab input[type=email]:not(.browser-default):focus:not([readonly]), 
.colab input[type=password]:not(.browser-default):focus:not([readonly]), 
.colab input[type=email]:not(.browser-default):focus:not([readonly]), 
.colab input[type=url]:not(.browser-default):focus:not([readonly]), 
.colab input[type=time]:not(.browser-default):focus:not([readonly]), 
.colab input[type=date]:not(.browser-default):focus:not([readonly]), 
.colab input[type=datetime]:not(.browser-default):focus:not([readonly]), 
.colab input[type=datetime-local]:not(.browser-default):focus:not([readonly]), 
.colab input[type=tel]:not(.browser-default):focus:not([readonly]), 
.colab input[type=number]:not(.browser-default):focus:not([readonly]), 
.colab input[type=search]:not(.browser-default):focus:not([readonly]), 
.colab textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #fafafa;
    -webkit-box-shadow: 0 1px 0 0 #fafafa;
    box-shadow: 0 1px 0 0 #fafafa;
}

/* label color */
.colab .input-field label {
    color: #fff;
    font-size: 0.98rem;
}

.colab input:not([type]):focus:not([readonly])+label, 
.colab input[type=text]:not(.browser-default):focus:not([readonly])+label, 
.colab input[type=password]:not(.browser-default):focus:not([readonly])+label, 
.colab input[type=email]:not(.browser-default):focus:not([readonly])+label, 
.colab input[type=url]:not(.browser-default):focus:not([readonly])+label, 
.colab input[type=time]:not(.browser-default):focus:not([readonly])+label, 
.colab input[type=date]:not(.browser-default):focus:not([readonly])+label, 
.colab input[type=datetime]:not(.browser-default):focus:not([readonly])+label, 
.colab input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, 
.colab input[type=tel]:not(.browser-default):focus:not([readonly])+label, 
.colab input[type=number]:not(.browser-default):focus:not([readonly])+label, 
.colab input[type=search]:not(.browser-default):focus:not([readonly])+label, 
.colab textarea.materialize-textarea:focus:not([readonly])+label {
    color: #fff56b;
}

/* icon prefix color */
.colab .input-field .prefix {
    font-size: 1.3rem;
    color: #fff;
    padding-top: 18px;
}

.colab .input-field .prefix.active {
    color: #fff56b;
}

.colab .input-field .prefix-inative {
    color: #8d8d8d;
}

.colab .btn-prim {
    background-color: transparent;
    color: #fff;
    font-size: 0.9rem;
    font-weight: bold;
    height: 45px;
    border-radius: 6px;
    min-width: 160px;
    box-shadow: 2px 2px 4px #fff;
}

.colab .btn-prim:hover, .colab .btn-prim:focus  {
    background-color: #ffffff45;
}

/*Responsive Style*/
@media only screen and (max-width: 461px) {
    .login {
        width: 92.68%;
    }

    .row .col-login {
        padding: 0 1.95rem;
    }

    .row .col-rec-pass {
        padding: 0 1.25rem;
    }
    
    /*
    .login {
        width: 92.68%;
    }

    .row .col-login {
        padding: 0 1.50rem;
    }
    */
}

@media only screen and (min-width: 461px) {

    .login {
        width: 75%;
    }

    ._::-webkit-full-page-media, _:future, :root #content-add-cot {
        top: 5px !important;
    }
    
    ._::-webkit-full-page-media, _:future, :root .div-placa-veic {
        margin-top: 28px !important;
    }
    
    ._::-webkit-full-page-media, _:future, :root .div-btn-cad {
        margin-top: 0px !important;
    }

}

@media only screen and (min-width: 680px) {

    .login {
        width: 60%;
    }

}

@media only screen and (min-width: 765px) {

    [type="checkbox"]+span:not(.lever) {
        font-size: 2.1rem;
    }

    [type="checkbox"]+span:not(.lever):before {
        width: 18px;
        height: 18px;
        border: 2px solid #fff;
    }

    .login {
        width: 68%;
    }

    .row .col-login {
        padding: 0 4.95rem;
    }
}


@media only screen and (min-width: 992px) {
    
    .brand-logo {
      margin-left: 10px;
    }

    .container {
        width: 95%;
    }

    .app-card-content {
        text-align: center;
    }
    
    .sgblogin {
        width: 32%;
        max-width: 420px
    }

    .login {
        width: 45.62%;
    }

}

@media only screen and (min-width: 1200px) {

    [type="checkbox"]+span:not(.lever) {
        font-size: 0.9rem;
    }

    [type="checkbox"]+span:not(.lever):before {
        top: 2px;
        width: 13px;
        height: 13px;
    }

    [type="checkbox"]:checked+span:not(.lever):before {
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
    }

    .login {
        width: 48.61%;
    }

    .row .col-login {
        padding: 0 8.95rem;
    }

}

@media only screen and (min-width: 1400px) {

    .login {
        width: 54.25229%;
    }

    .row .col-login {
        padding: 0 14.95rem;
    }

}

@media only screen and (min-width: 1800px) {

    .login {
        width: 44.89%;
    }

    .row .col-login {
        padding: 0 14.95rem;
    }

    .logo-sgbapp img {
        filter: contrast(2%) brightness(200%);
        width: 35%;
    }

}