@import url(vip.css);

@font-face {
	font-family:"Rotis Sans Serif Regular";
    src:url("../fonts/rotis/sans-serif-regular/09e5f453-7472-4822-9b50-1c629cf6a1e9.eot?#iefix");
	src:url("../fonts/rotis/sans-serif-regular/09e5f453-7472-4822-9b50-1c629cf6a1e9.eot?#iefix") format("eot"),
    url("../fonts/rotis/sans-serif-regular/f81707f0-ca56-477f-803e-938100a0c0e3.woff2") format("woff2"),
    url("../fonts/rotis/sans-serif-regular/e8ae3c10-651a-4d13-8b65-f50a62bc7450.woff") format("woff"),
    url("../fonts/rotis/sans-serif-regular/49d0db42-40b9-4b7b-a485-831c7ee4f8cf.ttf") format("truetype"),
    url("../fonts/rotis/sans-serif-regular/95c1040e-3ddf-44da-af44-ac6e45f017ba.svg#95c1040e-3ddf-44da-af44-ac6e45f017ba") format("svg")
}

body {
    font-family: "Rotis Sans Serif Regular", Arial, sans-serif;
}

nav.navbar {
    background: url('/assets/img/banner.jpg') repeat-x 0px -204px
}

.bg-login-image {
    background-image: url('/assets/img/logo.png');
    background-repeat: no-repeat;
    padding: 10%;
    background-origin: content-box, padding-box;
    background-size: 100%;
}

.row {
    margin: 0;
}

.dataTables_wrapper .row:first-child {
    display: none;
}

.table thead th {
    border-bottom: none !important;
}

.form-label {
    font-size: 1.2rem;
}

/* Infos dos inputs */

.input-com-info {
    width: calc(100% - 25px) !important;
}

.info-do-input {
    width: 25px !important;
}

.info-do-input .btn {
    width:20px !important;
    height:20px !important;
    font-size: 10px !important;
}

/* CSS genéricos */
.negrito {
    font-weight: bold;
}

.fundo-translucido {
    background-color: rgba(255, 255, 255, 0.87);
    padding: 4px 8px;
    border-radius: 4px;
    box-shadow: #888 0px 0px 8px;
}

/* Cores personalizadas */

p {
    color: #333;
}

.bg-gradient-primary {
    background-color: #00b482;
    background-image: linear-gradient(180deg, #00b482 10%, #00b482 100%);
}

.texto-bbraun {
    color: #00b482 !important;
}

.texto-bbraun p { /* Cor de texto padrão das modais de informação */
    color: #00b482;
}

.texto-bbraun-secundario {
    color: #711E82  !important;
}

.texto-cinza-escuro {
    color: #888 !important;
}

.texto-escuro {
    color: #333 !important;
}

.btn-bbraun {
    color: #fff;
    background-color: #00b482;
    border-color: #00b482;
}

.btn-bbraun:hover, .btn-bbraun:focus, .btn-bbraun:active {
    opacity: 0.92;
    color: #fff;
    background-color: #00b482 !important;
    border-color: #00b482 !important;
}

.btn-bbraun-secundario {
    color: #fff;
    background-color: #711E82;
    border-color: #711E82;
}

.btn-bbraun-secundario:hover, .btn-bbraun-secundario:focus, .btn-bbraun-secundario:active {
    opacity: 0.92;
    color: #fff;
    background-color: #711E82 !important;
    border-color: #711E82 !important;
}

.borda-bbraun {
    border-color: #00b482 !important;
}

.borda-bbraun-secundario {
    border-color: #711E82 !important;
}

.bg-bbraun {
    background-color: #00b482 !important;
}

.bg-bbraun-secundario {
    background-color: #711E82 !important;
}

.bg-bbraun-cinza {
    background-color: #e9e9e9 !important;
}

.bg-bbraun-cor0 {
    background-color: #c5004b !important;
}

.bg-bbraun-cor1 {
    background-color: #830725 !important;
}

.bg-bbraun-cor2 {
    background-color: #e57228 !important;
}

.bg-bbraun-cor3 {
    background-color: #fecc00 !important;
}

.bg-bbraun-cor4 {
    background-color: #afb635 !important;
}

.bg-bbraun-cor5 {
    background-color: #5186aa !important;
}

.bg-bbraun-cor6 {
    background-color: #00567c !important;
}

/* .table tr.atencao_especial {
    background-color: #f7c364;
} */

.table tr.destaque-linha {
    background-color: #ff9f9f;
}

.table tr.destaque-linha td {
    color: #333;
}



.page-item.active .page-link {
    background-color: #00b482;
    border-color: #00b482;
}

.img-logotipo {
    max-width: 100%;
}

/* Input com validador */
.input-carregando {
    background: url('../img/carregando.svg') no-repeat scroll;
    background-position: right center;
    background-size: 20px;
    padding-right:30px;
}

.input-sucesso {
    background: url('../img/sucesso.svg') no-repeat scroll;
    background-position: right center;
    background-size: 20px;
    padding-right:30px;
}

.input-erro {
    background: url('../img/erro.svg') no-repeat scroll;
    background-position: right center;
    background-size: 20px;
    padding-right:30px;
}

.input-duvida {
    background: url('../img/interrogacao.svg') no-repeat scroll;
    background-position: right center;
    background-size: 20px;
    padding-right:30px;
}

.rodape {
    height: 70px;
    font-size: 0.8rem;
}



/* Ajustes de layout */
@media (min-width: 576px) {
    .topbar .dropdown-list .dropdown-item .text-truncate { /* Largura do texto das notificações*/
        max-width: 15rem;
    }
}

.fs-h1 {
    font-size: 2.5rem;
}
.fs-h2 {
    font-size: 2rem;
}
.fs-h3 {
    font-size: 1.75rem;
}
.fs-h4 {
    font-size: 1.5rem;
}
.fs-h5 {
    font-size: 1.25rem;
}
.fs-h6 {
    font-size: 1rem;
}

/* sm */
@media (min-width: 576px) {
    .fs-sm-h1 {
        font-size: 2.5rem;
    }
    .fs-sm-h2 {
        font-size: 2rem;
    }
    .fs-sm-h3 {
        font-size: 1.75rem;
    }
    .fs-sm-h4 {
        font-size: 1.5rem;
    }
    .fs-sm-h5 {
        font-size: 1.25rem;
    }
    .fs-sm-h6 {
        font-size: 1rem;
    }
}

/* md */
@media (min-width: 768px) {
    .fs-md-h1 {
        font-size: 2.5rem;
    }
    .fs-md-h2 {
        font-size: 2rem;
    }
    .fs-md-h3 {
        font-size: 1.75rem;
    }
    .fs-md-h4 {
        font-size: 1.5rem;
    }
    .fs-md-h5 {
        font-size: 1.25rem;
    }
    .fs-md-h6 {
        font-size: 1rem;
    }
}

/* lg */
@media (min-width: 992px) {
    .fs-lg-h1 {
        font-size: 2.5rem;
    }
    .fs-lg-h2 {
        font-size: 2rem;
    }
    .fs-lg-h3 {
        font-size: 1.75rem;
    }
    .fs-lg-h4 {
        font-size: 1.5rem;
    }
    .fs-lg-h5 {
        font-size: 1.25rem;
    }
    .fs-lg-h6 {
        font-size: 1rem;
    }
}

/* Ajustando REM geral da página */
@media (min-width: 1400px) {
    :root {
        font-size: 18px;
    }
} 