﻿
@media (max-width: 768px) {
    .bodyform {
        padding: 15px;
        margin-left: 10px;
    }
}

@media(min-width:768px) {
    .bodyform {
        margin-left: 35px;
    }
}

body {
    font-size: 13px;
    min-height: 100%;
    position: relative;
}

.logo {
    border-bottom: 1px solid lightgray;
    height: 55px;
    background: #fff;
    padding: 0px 30px
}

    .logo img {
        max-width: 130px;
        float: left;
        margin: 10px 0px;
    }

h3 {
    font-size: 16px;
    margin-top: 20px;
    font-weight: 700;
    text-align: left;
}

.customcheck .checked {
    color: white;
    box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 15%);
}

.body-empresa .custom-control-pro.no-control .custom-control-input:checked ~ .custom-control-label {
    background-color: #FA4B1B;
    color: white;
}

.links {
    margin-top: 15px;
}

    .links a {
        text-decoration: none;
        color: #000;
    }

.inscrever {
    font-size: 10px;
    float: left;
}

.esqueceu {
    font-size: 10px;
    float: right;
}

.form {
    text-align: left;
}

    .form label {
        font-size: 11px;
        font-weight: lighter;
    }

.bodyform .col {
    text-align: center;
}

.error {
    border: 0px solid red;
}

.col-img {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
    margin-top: 8%;
}


.right {
    float: right;

}
.col-img.esqueci-senha-empresa {
    background-image: url("/img/login/empresa/esqueci-senha-empresa.jpg");
}


.col-img.esqueci-senha {
    background-image: url("/img/login/anunciante/esqueci-senha-influencer.jpg");
}
.col-img.cadastro {
    background-image: url("/img/login/anunciante/pubbli-cadastro-influencer.jpg");
}

.col-img.cadastro-empresa {
    background-image: url("/img/login/empresa/pubbli-cadastro-empresa.jpg");
}

.col-img.confirmar {
    background-image: url("/img/login/anunciante/pubbli-confirmar-email.jpg");
}

.col-img.confirmar-empresa {
    background-image: url("/img/login/empresa/confirmar-email-empresa.jpg");
}

.col-img.confirmar-influencer {
    background-image: url("/img/login/anunciante/pubbli-confirmar-email.jpg");
}

.col-img.confirmar-esqueci-influencer {
    background-image: url("/img/login/anunciante/confirmar-troca-senha.jpg");
}

.img-container.confirmar-esqueci {
    background-image: url("/img/login/empresa/confirmar-email-empresa.jpg");
}

.col-img.cadastrar-senha {
    background-image: url("/img/login/anunciante/pubbli-cadastrar-senha.jpg");
}

.col-img.cadastrar-senha-empresa {
    background-image: url("/img/login/empresa/cadastrar-senha-empresa.jpg");
}

/*.row {
    margin-bottom: 10px;
}*/

.botao {
    margin-top: 15px;
    text-align: center;
}

    .botao input {
        width: 100%;
    }

.btn-plugg {
    color: white;
    padding: 7px 30px;
}

.body-empresa .btn-plugg {
    color: #FFFFFF !important;
    background-color: #1A1A1A;
}
.body-anunciante .btn-plugg {
    color: #FFFFFF;
    border-color: #32A4F9;
    background-color: #32A4F9;
}

.body-empresa a {
    color: #1A1A1A;
}

button {
    margin-top: 8.5px;
    padding: 5px 15px !important;
}

.bodyform {
    min-height: 70vh;
}

    .bodyform .container {
        min-height: 63vh;
        overflow: hidden;
    }

.barra_lateral {
    height: 100vh;
    width: 10px;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 2;
}
a {
    color: #32A4F9;
}
.barra_lateral_anunciante {
    height: 100vh;
    width: 10px;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 2;
    background-color: #32A4F9;
}

.body-empresa .barra_lateral {
    background-color: #1A1A1A;
}

.body-anunciante .barra_lateral {
    background-color: blue;
}

@media (min-width: 768px) {
    .barra_lateral {
        width: 40px;
    }
}

@media (min-width: 768px) {
    .barra_lateral_anunciante {
        width: 40px;
    }
}

.form-check-input {
    padding: 7px;
}

.form-check-label {
    padding-left: 10px;
}

.margin-t-10 {
    margin-top: 10px;
}

.margin-t-20 {
    margin-top: 20px;
}

.margin-t-30 {
    margin-top: 30px !important;
}

.margin-t-50 {
    margin-top: 50px !important;
}
