/*
* OBSERVATÓRIOS Sesi / Senai / Iel
* @pagina: externas.css
* @proposito: Estilos externos gerais do site
* @autor: Kleber Cioccari e Douglas Martinello Karling
* @data: 2013.09.11
*/





/* ESTILOS GLOBAIS */
/* ESTILOS GLOBAIS */
* {
    margin:0;
    padding:0;
}

html, body {
    /*height:100%;*/
    /*background: url(../images/layout/bkg_vetor_industria.png) #88D2CC right top repeat-x;*/
    background: #008089;
    padding:0px;
}





/* PARA O RODAPÉ FIXO */
/* PARA O RODAPÉ FIXO */
.geral {
    min-height:100%;
    /*position:relative;*/
    position: absolute;
    min-width: 100%;
}




/* CABEÇALHO */
/* CABEÇALHO */
header {
    background: rgba(0,0,0,0.55);
    border-bottom: 1px solid #222;
    color: #fff;
    padding: 5px 0;
    -webkit-box-shadow: 0 1px 15px rgba(0,0,0,1);
    -moz-box-shadow: 0 1px 15px rgba(0,0,0,1);
    box-shadow: 0 1px 15px rgba(0,0,0,1);
}

.no-rgba header{background:#15635F;}

header #topo { padding-top: 0.4em; }
header #logo-rotas-estrategicas {
    text-align: center;
}
header #logo-rotas-estrategicas h4 {
    font-size: 2em;
    color: #fff;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    margin:10px 0px;
}
/*div:not(#admin) header #logo-parceiros { height: 27px; margin: 5px 0px;}*/
header .error .help-block{
    padding: 0px 3px;
    color:#EEAAAA !important;
}
header form a:hover{ color:#88D2CC }
header form a{
    color:#FFF;
    text-decoration:underline;
    /*margin-top:-9px;*/
    display:block;
    font-size:12px;
}
#conteudo{
    margin-top: 45px;
}

.logoFiep2018 {
    height: 50px;
    width: 110px;
}



/* CAIXA DO CONTEUDO TODO */
/* CAIXA DO CONTEUDO TODO */
#box-plataforma {
    margin: 5em auto;
}

#LoginForm_username,
#CadastroForm_usu_email{
    text-transform: lowercase;
}

#login-form{
    margin:0px;
}

.alert h1{
    font-size: 35px;
    line-height: 15px;
    margin-bottom: 0px;
}



/* TEXTO LADO ESQUERDO */
/* TEXTO LADO ESQUERDO */
#box-plataforma-texto { font-family: 'Montserrat-SemiBold'; }
#box-plataforma-texto h2 {
    margin-top: 0px;
    color: #fff;
    font-family: 'Montserrat-Bold';
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    margin-bottom: 8px;
}
#box-plataforma-texto h4 {color: #fff;margin-top: 0.6em;font-size: 25px;font-style: italic;margin-top: 0px;}
#box-plataforma-texto p { color: #fff; margin-top: 2.1em; font-size: 1.2em; line-height: 28px; text-align: right;}
#box-plataforma-texto p a { color: #fff;}

#admin #box-plataforma-texto{
    text-align: right;
}

#usuarios-form .controls {
    margin-right: 51px;
}

button.btn.btn-primary.btn-large.btn-block {
    margin-top: 30px;
}



/* LOGIN LADO DIREITO */
/* LOGIN LADO DIREITO */
#box-plataforma-login {
    background-color: #FFF;
    padding: 20px;
    margin-bottom: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 10px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 1px 10px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 10px 3px rgba(0, 0, 0, 0.4);
}

#box-plataforma-login h2 {
    text-align: center;
    margin-bottom: 30px;
}

#box-plataforma-login i {
    color: #B0B0B0;
    text-align: right;
    display: block;
    font-size: 12px;
    margin-right: 51px;
    margin-top: -17px;
}

form#login-form {
    margin-top: 10px;
}

.divBotaoLogin > .control-group {
    margin-bottom: 0px;
}
.no-rgba #box-plataforma-login{background:#15635F;}

#box-plataforma-login input[type="text"],
#box-plataforma-login input[type="email"],
#box-plataforma-login input[type="password"]{
    min-height: 40px;
    width: 100%;
    box-sizing: border-box;
}

/* CONTEUDO LOGIN */
.form-signin {
    margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#myTabContent {
    padding-left: 10px;
    background-color: #fff;
    padding-top: 15px;
    padding-right: 10px;
}





/* RODAPÉ */
/* RODAPÉ */
footer {
    position:absolute;
    bottom:0;
    width: 100%;
    /*height: 50px;*/
    padding-bottom: 10px;
    color: #f3f3f3;
    font-size: 10px;
    border-top: 3px solid rgba(0,0,0, 0.5);
    background-color: #202020;
    vertical-align: baseline;
}
footer #rodape { padding-top: 1em; line-height: 15px; }
footer #rodape .sobre_plataforma { text-transform: uppercase; }


.desenvolvido-por a {
    font-size: 13px;
}


/* MEDIA-QUERIES */
/* MEDIA-QUERIES */
@media (min-width: 767px) {
    body{font-size: 12px;}
}
@media (max-width: 767px) {
    .nav-tabs > li > a, .nav-pills > li > a {
        padding-right: 5px;
        padding-left: 5px;
    }

    header #logo-rotas-estrategicas {
        width: 40%;
        float: left;
    }
    header #logo-parceiros {
        width: 40%;
        float: right;
        text-align: right;
        margin: 10px 0px;
    }
}
@media (max-width: 1023px) {
    #conteudo {
        margin-top: 25px !important;
    }

    #box-plataforma {
        margin-top: 0px;
    }

    #box-plataforma-texto,
    #box-plataforma-login{
        width: auto;
        float: none;
        margin: 0;
        margin-bottom: 20px;
    }
    /* #box-plataforma-texto .logo-programa{
        width: 20%;
    } */
    #box-plataforma-texto h2,
    #box-plataforma-texto h4{
        text-align: center;
    }
    #admin #box-plataforma-texto p{
        text-align: center;
    }

    #box-plataforma-login input,
    #box-plataforma-login label{
        font-size:18px;
    }
    #box-plataforma-login input[type="text"],
    #box-plataforma-login input[type="email"],
    #box-plataforma-login input[type="password"]{
        width: 100%;
        float: none;
        display: block;
        margin: 0;
        min-height: 40px;
        box-sizing: border-box;
    }

    #loginTopo h4 {
        border: 0;
        border-top: 2px solid #ffffff;
        padding-top: 20px;
    }

    header #logo-rotas-estrategicas h4{
        margin: 12px 0px;
        text-align: left;
    }
    header #loginTopo #login-form .labelLoginForm {
        display: block;
        width: 100%;
        text-align: left;
        font-size: 16px;
    }
    footer, header {
        padding: 0px 20px 10px 20px;
        /*margin: 0px -20px;*/
        box-sizing: border-box;
        width: 100%;
    }

    footer * {
        text-align: center !important;
        float: none !important;
    }
}

@media (max-width: 979px) {
    header #topo .span5:not(#logo-rotas-estrategicas){
        width: 100%;
    }
    header #topo [id*="logo"],
    header #topo  #logo-rotas-estrategicas h4 {
        text-align: left;
    }
    .logoFiep2018 {
        float: right;
    }
    #loginTopo{
        width: 100%;
        margin: 0px;
    }

    #loginTopo .span4 {
        width: 100%;
        margin: 0px;
    }

    #box-plataforma-texto *{
        text-align:center !important;
    }

    input:not([type="radio"]):not([type="checkbox"]),
    button{
        font-size: 25px !important;
        height: 50px !important;
        width: 100% !important;
    }
    .radio input[type="radio"],
    .checkbox input[type="checkbox"]{
        margin-left: 0;
        margin-right: 10px;
    }
    .controls{
        margin: 0 !important;
    }
    label.control-label{
        width: 100% !important;
        display: block !important;
        text-align: left !important;
        font-size: 22px !important;
    }
}

@media (max-width: 573px) {
    header #logo-parceiros {
        width: 60%;
    }

    #box-plataforma-texto *{
        text-align:center !important;
    }
}

@media (max-width: 480px) {
    body {
        padding-right: 0px;
        padding-left: 0px;
    }
    header, footer{
        margin: 0px;
        padding: 10px;
        box-sizing: border-box;
    }
    header #topo {
        padding-top: 0px;
    }
    header #logo-rotas-estrategicas {
        width: 40%;
        float: left;
    }
    header #logo-parceiros {
        width: 40%;
        float: right;
        text-align: center;
        margin: 0px;
    }
    header #logo-rotas-estrategicas h4{
        margin-top: 10px;
        font-size: 1.5em;
        text-align: left;
    }

    #box-plataforma-texto h2{
        margin: 0px;
        font-size: 2em;
    }
    #box-plataforma-login {
        padding:0px;
        margin-bottom: 0px;
    }
    #conteudo{
        margin-top: 10px !important;
    }
    #box-plataforma-texto p{
        margin-top: 1em;
    }
}
@media (min-width: 1024px) {
    body{font-size: 14px;}
}




/* HEATMAP */
/* HEATMAP */
#heatmapContainerWrapper { width:100%; height:100%; position:absolute; }
#heatmapContainer { width:100%; height:100%;}
.heatmap-canvas{z-index:-1;}




/* ÍCONE LOADING */
/* ÍCONE LOADING */
.dvLoading{
    position:fixed;
    color:#FFF;
    top:50%;
    font-size:18px;
    left:0;
    width:100%;
    text-align: center;
    padding:20px 0;
    background-color:rgba(0,0,0,0.6);
    text-shadow: 0px 0px 20px rgba(0,0,0,0.9);
    display: none;
}

.lista-pesquisas h4 {
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
}

.lista-pesquisas ul {
    list-style: none;
}

.lista-pesquisas li a {
    color: #FFF;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
}




#termo-consentimento h1 {
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
    margin-top: 0;
}

#termo-consentimento h2 {
    font-size: 16px
}



#box-plataforma-texto .hideLogin {
    display: none;
}