/*=================
 Nissei S/A Layout 
===================*/

/* IMPORTAÇÕES */

body {
    font-family: Montserrat;
    color: #555;
}

h1, h2, h3, h4, h5, h6 {
    letter-spacing: -1px;
    font-family: Montserrat;
}

.select2-container--bootstrap .select2-selection--single {
    height: calc(2.0625rem + 5px) !important;
}

/* Links padrões */
a {
    color: #025692;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.text-marine {
    color: #083050;
}

a.text-marine {
    color: #083050;
    text-decoration: none;
}

a.text-marine:hover {
    text-decoration: none;
}

/*===============
    HEADER 
================*/
header {
    background: url("../img/admissao/bg/bg-n-nissei.bb569f52b439.png") no-repeat top center #edeff0;
    background-size: 100%;
    min-height: 120px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #025692;
    background-color: #FFF;
}

.navbar {
    position: relative !important;
    padding: 1rem 0rem;
!important;
}

/* Menu Principal */
.navbar-nav li.nav-item {
    font-size: 14px;
    font-family: Montserrat;
    font-weight: 500;
}

.navbar-light .navbar-nav .nav-link {
    color: #025692;
    border-bottom: 3px solid transparent;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #025692;
    border-bottom: 3px solid #ffd200;
}

.navbar-light .navbar-nav .nav-link:active {
    color: #025692;
    background-color: #FFF;
    font-weight: 600;
}

.dropdown-item {
    font-size: 12px;
}

.home-nlabs {
    margin-top: -20px;
    margin-bottom: 20px;
}

/*===============
    CONTEÚDO HOME
================*/

/* Banner */
.banner-home {
    max-height: 480px;
    overflow: hidden;
}

.banner-home img {
    width: 100%;
}


/* Nossos Números */

#nossos-numeros {
    letter-spacing: -1px;
}

#nossos-numeros h1 {
    text-transform: uppercase;
    color: #025692;
    font-size: 30px;
}

#nossos-numeros h1 span {
    position: relative;
    font-size: 76px;
    padding-top: 30px;
}

h2.destaque-nossos-numeros {
    color: #ffd200;
    font-size: 48px;
    text-align: center;
    text-transform: uppercase;
}

#nossos-numeros .col-md-6, #nossos-numeros .col-xl-3, #nossos-numeros .col-lg-3 {
    border-right: 2px solid #c1c1c1;
    text-align: center;
}

.bloco-fim {
    border-right: none !important;
}

.btn-relatorio {
    color: #fff;
    background-color: transparent;
    border-radius: 8px;
    border: 2px solid #025692;
    color: #555;
}

.btn-relatorio:hover {
    color: #fff;
    background-color: #025692;
    border-color: #025692;
}

.btn-relatorio:focus, .btn-relatorio.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

/* Nossas Lojas */
#nossas-lojas-home {
    background: url("../img/loja-frente.png") no-repeat top center #025692;
    background-size: 100%;
    padding: 80px 0px 30px;
}

/* Nossa história */
#nossa-historia-home {
    background: url("../img/imagem-fundo-secao.png") no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    padding: 80px 0px 50px;
}

.chamada-meio {
    display: block;
    position: absolute;
    left: 0;
    top: 10;
    z-index: 100;
    min-width: 556px;
    min-height: 169px;
    padding: 75px;
    color: #555;
    background: url("../img/chamada-lorem.png") no-repeat;
}

.chamada-meio a {
    color: #555;
    font-size: 22px;
    letter-spacing: -1px;
}

.chamada-meio a:hover {
    text-decoration: none;
}

/* Ultimas Notícias */
#ultimas-noticias-home {
    padding: 80px 0px 50px;
}

#ultimas-noticias-home h3 {
    color: #025692;
}

.noticias {
    border-left: 10px solid #025692;
}

.titulo-noticias a {
    color: #555;
}

.titulo-noticias a:hover {
    text-decoration: none;
    color: #025692;
}

/* Trabalhe Conosco */
.trabalhe-conosco h3 {
    font-size: 32px;
    color: #555 !important;
}

.btn-yellow {
    color: #fff;
    background-color: transparent;
    border-radius: 8px;
    border: 2px solid #ffd200;
    color: #555;
}

.btn-yellow:hover {
    color: #fff;
    background-color: #025692;
    border-color: #ffd200;
}

.btn-yellow:focus, .btn-yellow.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-yellow-large {
    color: #fff;
    background-color: transparent;
    border-radius: 8px;
    /* border: 2px solid #ffd200; */
    color: #555;
    padding: 15px 25px;
}

.btn-yellow-large:hover {
    color: #fff;
    background-color: #025692;
}


/* Separador */
.separador {
    background-color: #083050;
}

/*===============
  NOSSOS NEGÓCIOS
================*/

.banner-internas {
    max-height: 200px;
    min-height: 150px;
    border-bottom: 3px solid #ffd200;
    overflow: hidden;
    text-align: center;
    background-size: cover;
    background-attachment: fixed;
}

.banner-internas img {
    width: 100%;
    margin: 0 auto;
}

.marcas-nissei img {
    width: 100%;
}

/*==================
  CONTATO
==================*/
ul.lista-contatos {
    margin: 0px;
    padding: 0px;
}

.lista-contatos li {
    list-style: none;
    border-left: 10px solid #025692;
    padding: 0px;
    padding-left: 20px;
    margin: 10px 0px;
}

.outros-contatos {
    border-top: 2px solid #d7e1e7;
}

/*===============
  FORMULÁRIO
================*/
input {
    padding: 10px;
    width: 100%;
    height: 50px;
    position: relative;
    border-radius: .5rem;
    font-size: 14px;
    color: #444;
    border: solid 2px #d7e1e7;
    background-color: #fff;
    padding-top: 18px;
}

textarea {
    padding: 10px;
    width: 100%;
    position: relative;
    border-radius: .5rem;
    font-size: 14px;
    color: #444;
    border: solid 2px #d7e1e7;
    background-color: #fff;
    padding-top: 18px;
}

.btn-contato {
    background-color: #3d85c6 !important;
    border-radius: 8px;
    border-color: #3d85c6;
}

/*===============
    VAGAS
================*/
span.texto-vaga {
    margin-bottom: -100px !important;
}

.bg-primary {
    background-color: #025692 !important;
}


/*===============
    FOOTER
================*/
.list-group {
    list-style: none;
}

.border-light {
    border-color: #e4e7ea !important;
}


/* Dispositivos small (telefones em modo paisagem, com 576px ou mais) */
@media (min-width: 576px) {
    #nossos-numeros .col-md-6:last-child, #nossos-numeros .col-xl-3:last-child, #nossos-numeros .col-lg-3:last-child {
        border-right: 0px;
    }

    .chamada-meio {

        position: absolute;
        left: 0;
        top: 10;
        z-index: 100;
        min-width: 556px;
        min-height: 169px;
        overflow: hidden;
        padding: 75px;
        color: #555;
        background: url("../img/chamada-lorem.png") no-repeat;
    }
}

@media (max-width: 576px) {
    .navbar-light .navbar-brand {
        margin: 0 auto;
    }

    #nossos-numeros .col-md-6:last-child, #nossos-numeros .col-xl-3:last-child, #nossos-numeros .col-lg-3:last-child {
        border-right: 0px;
    }

    .selo-imagem img {
        width: 100%;
    }

    .chamada-meio {
        display: none;
        position: absolute;
        left: 0;
        top: 10;
        z-index: 100;
        min-width: 556px;
        min-height: 169px;
        overflow: hidden;
        padding: 75px;
        color: #555;
        background: url("../img/chamada-lorem.png") no-repeat;
    }

    .trabalhe-conosco {
        text-align: center;
    }

    .trabalhe-conosco img {
        margin-left: -15px !important;
    }

    .trabalhe-conosco .btn-yellow {
        margin: 0 auto;
    }

}

.check-padrao input {
    display: none;
}

.check-padrao label {
    background: white;
    border: 1px solid gray;
    padding: 8px 22px;
    cursor: pointer;
}

.check-padrao label.check-esq {
    border-radius: 10px 0px 0px 10px;
}

.check-padrao label.check-dir {
    border-radius: 0px 10px 10px 0px;
}

.check-padrao input:checked + label {
    background: #083050;
    color: white;
}

.filepond--root {
    margin-bottom: 0em;
}

.filepond--panel-root {
    background-color: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    border-width: thin;
}

.filepond--drop-label {
    height: auto;
}

.filepond--drop-label p {
    color: #aaa;
}

form.was-validated .filepond--root input:required {
    border-color: #dc3545 !important;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

.font-xs {
    font-size: .75rem !important;
}

.font-sm {
    font-size: .85rem !important;
}

.font-lg {
    font-size: 1rem !important;
}

.font-xl {
    font-size: 1.25rem !important;
}

.font-2xl {
    font-size: 1.5rem !important;
}

.span_descricao_admissao {
    font-size: 1.25rem !important;
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
}

@media (max-width: 992px) {
    .span_descricao_admissao {
        font-size: .85rem !important;
        margin-left: 0.25rem !important;
        margin-right: 1.5rem !important;
    }
}

.radio-ecomm label {
    display: flex !important;
    color: #666;
    align-items: center !important;
    cursor: pointer;
}

.radio-ecomm input {
    display: none;
}

.radio-ecomm label:before {
    content: '';
    position: relative;
    min-width: 10px;
    min-height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    float: left;
    border: 2px solid #d7e1e7;
}

.radio-ecomm label:hover:before {
    border: 2px solid #bdc6cb;
}

.radio-ecomm input:checked + label:before {
    border: 1px solid #315c8e;
    background: #315c8e;
    background-clip: border-box;
    padding: 4px;
}

.radio-ecomm input:checked + label {
    font-weight: 500;
    color: #315c8e;
}

.was-validated .radio-ecomm input:not(:valid) + label,
.radio-ecomm.was-validated input:not(:valid) + label {
    color: #ee3a41 !important;
}

.was-validated .radio-ecomm input:not(:valid) + label *,
.radio-ecomm.was-validated input:not(:valid) + label * {
    color: #ee3a41 !important;
}

.was-validated .radio-ecomm input:not(:valid) + label:before,
.radio-ecomm.was-validated input:not(:valid) + label:before {
    border-color: #ee3a41 !important;
}

@media (min-width: 1200px) {
    .genero_candidato {
        display: flex;
        align-items: center;
        margin-top: 0.25rem;
    }
}

@media (max-width: 1199px) {
    .genero_candidato {
        margin-top: 1rem;
    }
}

.loaderBase {
    position: fixed;
    width: 100vw;
    height: 100vh;
    display: none;
    align-items: center;
    justify-content: center;
    opacity: 1 !important;
    left: 0;
    top: 0;
    z-index: 9999;
    text-indent: -9999em;
    background: #dddddd47;
}


.text-azul-escuro {
    color: #025692 !important
}

.vagas {
    width: 80%;
}

.vagas form div:not(:last-child) {
    flex-grow: 1;
}

.vagas form div {
    margin: 3px;
}

@media (max-width: 768px) {
    .vagas form > div {
        flex-direction: column;
        justify-content: center !important;
        align-items: normal !important;
    }
}

.vagas label {
    color: #025692;
    font-weight: 500;
}

.vagas input {
    color: #025692;
    font-weight: 500;
    border: 1px solid #ffdf00;
}

.vagas button {
    font-weight: 500;
}

.vagas-item {
    background: #c4dfff;
    border-radius: 5px;
    padding: 10px 15px;
    cursor: pointer;
}

.vagas-item p, .vagas-item li {
    color: #025692;
    font-weight: 600;
    font-size: 0.8rem;
}

.vagas-item span {
    color: #74797c;
    font-weight: 600;
    font-size: 0.7rem;
}

.vagas-detalhes {
    background: #c4dfff;
    border-radius: 5px;
    padding: 10px 15px;
}

.vagas-detalhes-header p {
    color: #025692;
    font-weight: 600;
    font-size: 1rem;
    margin: 0;
}

.vaga-detalhes-atividades ul {
    list-style: none;
    padding: 0 5px;
}

.styles-vaga, .styles-vaga *{
    color: #000 !important;
    font-weight: 600 !important;
    font-size: 0.8rem !important;
    background: transparent;
}

mark {
    background: #ffd600;
}