/*
tema
#09A603
#0DF205
#055902
#93F205
#0D0D0D

palheta de cores

#FF0000 vermelho
#F24537 vermelho "leve"
#FF7F00 laranja
#FFFF00 amarelo
#7FFF00 verde limão
#007FFF azul *
#00FFFF azul agua
#00FF7F verde azul
#00FF00 verde
#0000FF azul escuro
#7F00FF roxo
#FF00FF rosa
#FF007F rosa escuro
*/

/*
identidade visual

#4896FF iris - azul claro
#006AFA sistem - azul 
#004096 intelecto - azul escuro
#887DFD zelo - roxo
#67E9E9 bit - verde agua
#FFFFFF luz - branco
#212121 bios - preto


*/

*, *:before, *:after{
    margin: 0;
    padding: 0;
    outline: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
body{
    margin:0;
    padding:0;
    color: #444;
}
.pointer{
    cursor: pointer;
}
#janela_help_ver_conteudo span{
    margin: 1px 0 0 0;
    padding: 1px 0;
    display: block;
}
#janela_help_ver_conteudo hr{
    margin: 5px 0px;
}
.cadastroverde {
    background-color: #21DE35;
    color: #444;
    padding: 5px;
    text-align: center;
    font-weight: bolder;
}
.sub boxshadow {
    border-radius: 8px;
}
table#tab_inicial {
    background: #eee;
}
h2{
    font-size: 1.8em;
    font-weight: 400;
    padding: 5px;
}
h1{
    font-size: 1.5em;
    font-weight: 500;
    padding: 5px;
}
p{
    margin-bottom: 15px;
}
p:last-child{
    margin-bottom: 0;
}
b, strong{
    font-weight: normal;
}
mark{
    padding: 5px 10px;
    background-color: #eee;
}
ul{
    list-style: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
img{
    border: none;
    max-width: 100%;
    vertical-align: middle;
}
small{
    font-size: 12px;
    color: #555;
}
a{
    text-decoration: none;
    color: #444;
}
a:hover{
    text-decoration: underline;
}
a img{
    border: 0;
}
/*FORMS*/
.form-field{
    display: block;
    margin-bottom: 10px;
    font-size: 1.1em;
}
.form-legend{
    font-size: 1.6em;
    font-weight: normal;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px #555 dotted;
}
input[type="submit"],
input[type="reset"],
button{
    margin-top: 10px;
}
input[type="color"]{
    height: 40px;
    cursor: pointer;
}
input:focus,
textarea:focus,
tel:focus,
password:focus,
select:focus{
    border: 1px solid #09A603;
}
table td{
    padding: 2px;
}
.form-check .form-field{
    margin-bottom: 15px;
}
.form-check label{
    display: inline-block;
    margin-right: 30px;
    padding: 8px 15px 10px 15px;
    background: #fff;
    cursor: pointer;
}
.form-check label:hover{
    background: #fff;
}
.form-check input{
    float: left;
    width: auto;
    margin: 4px 10px 0 0;
    cursor: pointer;
}
/*:valid{background: #fff; border-color: #59aa66}*/
/*PALETA*/
/*BACKGROUND*/
.bg{
    padding: 15px;
}
.bg-body{
    background-color: #fbfbfb;
    color: #333;
}
.bg-gray{
    background-color: #444444;
    color: #fff;
}
.bg-graylight{
    background-color: #999;
    color: #333;
}
.bg-light{
    background-color: #E6E4D9;
    color: #444;
}
.bg-blue{
    background-color: #007FFF;
    color: #fff;
}
.bg-blue-forte{
    background-color: #004A95;
    color: #fbfbfb;
}
.bg-bluelight{
    background-color: #CCD8D1;
    color: #444;
}
.bg-orange{
    background-color: #E16F4D;
    color: #fff;
}
.bg-green{
    background-color: #1A8238;
    color: #fff;
}
.bg-marrom{
    background-color: #AC610D;
    color: #fff;
}
.bg-yellow{
    background-color: #faf7b7;
    color: #444;
    border-color: #FCEB77;
}
.bg-red-light{
    background-color: #ffafaf;
    color: #444;
    border-color: #F6ABAB;
}
.bg-red-strong{
    background-color: #A30C13;
    color: #fff;
}
.bg-gray small, .bg-blue small, .bg-orange small{
    color: #fff !important;
}

/*FONT WEIGHT*/
.font-thin{
    font-weight: 100 !important;
}
.font-light{
    font-weight: 300 !important;
}
.font-normal{
    font-weight: 400 !important;
}
.font-bold{
    font-weight: 700 !important;
}

/*FONT SIZE*/
.fontzero{
    font-size: 0em !important;
}
.fontsize1{
    font-size: 1em;
}
.fontsize1b{
    font-size: 1.5em;
}
.fontsize2{
    font-size: 2em;
}
.fontsize2b{
    font-size: 2.5em;
}
.fontsize3{
    font-size: 3em;
}
.fontsize3b{
    font-size: 3.5em;
}

/*MARGIN*/
.m-bottom{
    margin-bottom: 30px;
}

/*BOOT*/
/*CONTAINER*/
.container{
    float: left;
    width: 100%;
}
.content-page{
    padding: 60px 0;
}

.sectiontitle{
    float: left;
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
}
.sectiontitle h1{
    font-size: 2.4em;
    font-weight: 300;
    margin-bottom: 10px;
}
.sectiontitle .tagline{
    font-size: 1.4em;
    font-weight: 300;
}
.sectiontitle-nomargin, .articletitle-nomargin{
    margin: 0 !important;
}

.articletitle{
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.articletitle h1{
    font-size: 1.8em;
    margin-bottom: 2px;
}
.articletitle .tagline{
    font-size: 1.1em;
}

.paginatitle{
    font-family: "Helvetica";
    color: #666;
    text-shadow: 1px 1px #ccc;
    border-bottom: 1px dotted #CCC;
    font-size:1.5em;
    text-align: center;
    margin-bottom: 15px;
}

/*HELPERS*/
.textshadow{
    text-shadow: 1px 1px 0 #ccc;
}
.boxshadow{
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
}
.radius{
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}
.round{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.last{
    margin-right: 0 !important;
}
.clear{
    clear: both;
}

/*text align*/
.al-left{
    text-align: left;
}
.al-right{
    text-align: right;
    margin-top: 20px
}
.al-center{
    text-align: center;
    margin-top: 20px
}

/*float*/
.fl-left{
    float: left !important;
}
.fl-right{
    float: right !important;
    ;
}
.fl-none{
    float: none !important;
    ;
}

/*display*/
.ds-block{
    display: block;
}
.ds-inblock{
    display: inline-block;
}
.ds-inline{
    display: inline;
}
.ds-none{
    display: none;
}

/*BOX*/
.box{
    width: auto;
    float: left;
}
.box-line{
    float: left;
    width: 100%;
}
.box-microsmall{
    width: 19.2%;
    margin-right: 1%;
}
.box-small{
    width: 22.75%;
    margin-right: 3%;
}
.box-medium{
    width: 30%;
    margin-right: 5%;
}
.box-large{
    width: 46.5%;
    margin-right: 7%;
}
.box-full{
    width: 100%;
    margin: 0;
}
.box-4820{
    width: 75%;
}
.box-forthree{
    width: 64%;
}
.box-forthreesmall{
    width: 30%;
}

/*BOTÕES*/
.btn{
    margin-bottom: 5px;
    padding: 5px 10px;
    background: #333;
    border: 1px solid #222;
    cursor: pointer;
    font-size: 1em;
    font-weight: 400;
    color: #fff;
    margin-right: 2px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover{
    text-decoration: none !important;
}
.btn-big{
    font-size: 1.8em;
    padding: 20px 35px;
}
.btn-big:hover{
    background: #666;
}
.btn-big-blue{
    background-color: #2C99FE;
    border-color: #0171D6;
    font-size: 1.8em;
    padding: 20px 35px;
}
.btn-big-blue:hover{
    background-color: #5CAFFF;
    border-color: #2C99FE
}

.btn-blue{
    background-color: #59aed1;
    border-color: #4e99b7;
    border-radius: 6px;
    padding: 5px 10px;
    color: #ffffff;
    cursor: pointer;
    font-size: 1em;
    font-weight: 400;
}
.btn-blue:hover{
    background-color: #64c3ea;
    border-color: #59aed1
}
.btn-green{
    background-color: #59ab66;
    border-color: #4b9157;
    border-radius: 6px;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 1em;
    font-weight: 400;
}
.btn-green:hover{
    background-color: #66c475;
    border-color: #59aa66;
}
.btn-yelow{
    background-color: #d1be5a;
    border-color: #b7a64e;
    border-radius: 6px;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 1em;
    font-weight: 400;
    color: #444;
}
.btn-yelow:hover{
    background-color: #d1bd59;
    border-color: #d1be5a;
}
.btn-red{
    background-color: #f24537;
    border-color: #d02718;
    border-radius: 6px;
    padding: 5px 10px;
    color: #ffffff;
    cursor: pointer;
    font-size: 1em;
    font-weight: 400;
}
.btn-red:hover{
    background-color: #d02718;
    border-color: #f24537;
}
.btn-orange{
    background-color: #FF7F00;
    color: #fff;
    border: 1px solid #CC6600;
    border-radius: 6px;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 1em;
    font-weight: 400;
}
.btn-orange:hover{
    background-color: #CC6600;
}
.btn-gray{
    background-color: #f9f9f9;
    border-color: #dcdcdc;
    color: #444;
    border-radius: 6px;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 1em;
    font-weight: 400;
}
.btn-gray:hover{
    background-color: #dcdcdc;
    border-color: #f9f9f9;
}
.btn-purple{
    background-color:#c579ff;
    border-color: #a946f5;
    border-radius: 6px;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 1em;
    font-weight: 400;
}
.btn-purple:hover{
    background-color: #a341ee;
    border-color: #c579ff;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px     rgba(0,0,0,0.3);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px     rgba(0,0,0,0.3);
}
/*TRIGGER*/
.trigger{
    float: left;
    width: 100%;
    padding: 25px;
    font-size: 1.2em;
    margin-bottom: 30px;
}
.trigger-bottom{
    margin: 30px 0 0 0;
}

.trigger-accept{
    background-color: #accc9a;
    color: #6b7f60;
    border-radius:12px
}
.trigger-infor{
    background-color: #9ab7cc;
    color: #60727f;
    border-radius:12px
}
.trigger-alert{
    background-color: #c6b247;
    color: #776b2b;
    border-radius:12px
}
.trigger-error{
    background-color: #e69f9f;
    color: #996a6a;
    border-radius:12px
}
/*HTML CHARS*/
.htmlchars{
    background: #fff;
    padding: 20px;
}
.htmlchars h3{
    font-size: 1.6em;
    margin-bottom: 15px;
    color: #000;
}
.htmlchars p{
    font-size: 1.1em;
    margin-bottom: 25px;
}

.singleshare{
    background: #333;
}
.singleshare li{
    max-width: 28%;
    margin: 0 10px;
}
.singleshare span{
    display: none;
}

/*PAGINAÇÃO*/
.paginator{
    float: left;
    width: 100%;
    text-align: center;
}
.paginator li{
    display: inline-block;
    margin: 0 20px;
    font-size: 1.1em;
}
.paginator a{
    color: #fff;
}
.paginator a:hover{
    text-decoration: underline;
}

/*OUTRAS FUNÇÕES*/
.campo_necessario{
    background-color: #FFFFB7;
}
.texto_necessario{
    color: red;
}
.link:hover{
    text-decoration: underline;
}
.pesquisar{
    border-radius:4px;
    border: 1px solid #fff;
    cursor: pointer;
    padding: 2px;
    -webkit-transition: 0.4s ease-in;
    -moz-transition: 0.4s ease-in;
    -o-transition: 0.4s ease-in;
    transition: 0.4s ease-in;
}
.pesquisar:hover{
    -webkit-transition: 0.4s ease-in;
    -moz-transition: 0.4s ease-in;
    -o-transition: 0.4s ease-in;
    transition: 0.4s ease-in;
    border: 1px solid #444;
}
fieldset{
    border: none;
    margin: 0px;
    padding: 0px;
}
/*form responsivo*/
.group_half, .oneThird, .group_left, .group_right{
    margin: 0px auto;
    padding: 0px;
}
.group2{
    margin: 0px auto;
}
.group2 .subgroup,
.group2 fieldset.subgroup{
    clear: both;
    padding: 0px;
    width: 100%;
}
.group2 .subgroup legend{
    font-weight: bolder;
    margin: 0px;
}
.group2 .subgroup input{
    margin: 0px;
}
.group2 .button{
    margin-top: 10px;
    text-align: center;
}
.group2 .subgroup legend select{
    width: 100%;
}
.group2 .subgroup b{
    font-weight: bolder;
}
.ajuda_tela{
    cursor: pointer;
    max-width: 65px;
}
header section{
    padding: 10px 0;
    margin: 0px 20px;
}
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="url"], input[type="search"], textarea, select{
    border: 1px solid #999;
    border-radius: 6px;
    padding: 1px 5px;
}
#progressbar{
    margin-bottom: 15px;
}
/* formulario */
.group2 .subgroup a{
    margin-left: 5px;
}
select{
    background-color: #fff;
}
input[type="tel"]:disabled, 
input[type="text"]:disabled, 
input[type="search"]:disabled, 
select:disabled, 
textarea:disabled{
    background-color: #D6EBFF;
}
@media (min-width: 881px){
    .group2 .subgroup input[type="text"],
    .group2 .subgroup input[type="tel"],
    .group2 .subgroup input[type="email"],
    .group2 .subgroup input[type="password"],
    .group2 .subgroup input[type="search"],
    .group2 .subgroup select,
    .group2 .subgroup textarea
    {
        width: 72%;
        float: left;
        margin: 0px;
    }
    .group2 .subgroup input.half, .group2 .subgroup select.half, .group2 .subgroup textarea.half{
        width: 36%;
        float: left;
        margin: 0px;
    }
    .group2 .subgroup input.half-l, .group2 .subgroup select.half-l, .group2 .subgroup textarea.half-l{
        width: 18%;
        float: left;
        margin: 0px;
    }
    .group2 .subgroup input.half-r, .group2 .subgroup select.half-r, .group2 .subgroup textarea.half-r{
        width: 54%;
        float: left;
        margin: 0px;
    }
    .content{
        width: 94%;
        margin: 0 3%;
        padding: 20px 0;
    }
    .group_left{
        width: 75%;
        float: left;
        padding: 0px;
        border-radius: 6px;
    }
    .group_right{
        width: 25%;
        float: left;
        padding: 0px;
        border-radius: 6px;
    }
    
    .group_half{
        width: 50%;
        float: left;
        padding: 0px;
        border-radius: 6px;
    }
    .oneThird{
        width: 33%;
        float:left;
        padding: 0px;
    }
    .group2 .subgroup{
        padding: 15px;
    }
    .group2 .subgroup legend{
        width: 24%;
        text-align: right;
        float: left;
        padding: 3px 10px 0px 0px;
    }
    .group2 .subgroup legend select{
        padding-top: 0px;
    }
    .group2 fieldset.subgroup{
        margin: 5px 0px;
    }
    /* group_half */
    .group2 .group_half .subgroup legend{
        width: 48%;
    }
    .group2 .group_half .subgroup input[type="text"],
    .group2 .group_half .subgroup input[type="tel"],
    .group2 .group_half .subgroup input[type="email"],
    .group2 .group_half .subgroup input[type="password"],
    .group2 .group_half .subgroup input[type="search"],
    .group2 .group_half .subgroup select,
    .group2 .group_half .subgroup textarea
    {
        width: 52%;
    }
    .group2 .group_half .subgroup input[type="text"].half,
    .group2 .group_half .subgroup input[type="tel"].half,
    .group2 .group_half .subgroup input[type="email"].half,
    .group2 .group_half .subgroup input[type="password"].half,
    .group2 .group_half .subgroup input[type="search"].half,
    .group2 .group_half .subgroup select.half,
    .group2 .group_half .subgroup textarea.half
    {
        width: 26%;
    }
    .box-large:nth-of-type(2n + 0){
        margin-right: 0px;
    }
    .box-medium:nth-of-type(3n + 0){
        margin-right: 0px;
    }
}
@media (min-width: 1200px){
    .group2 .subgroup input[type="text"],
    .group2 .subgroup input[type="tel"],
    .group2 .subgroup input[type="email"],
    .group2 .subgroup input[type="password"],
    .group2 .subgroup input[type="search"],
    .group2 .subgroup select,
    .group2 .subgroup textarea
    {
        width: 56%;
        float: left;
        margin: 0px;
    }
    .group2 .subgroup input.half, .group2 .subgroup select.half, .group2 .subgroup textarea.half{
        width: 28%;
        float: left;
        margin: 0px;
    }
    .group2 .subgroup input.half-l, .group2 .subgroup select.half-l, .group2 .subgroup textarea.half-l{
        width: 15%;
        float: left;
        margin: 0px;
    }
    .group2 .subgroup input.half-r, .group2 .subgroup select.half-r, .group2 .subgroup textarea.half-r{
        width: 41%;
        float: left;
        margin: 0px;
    }
    .content{
        width: 90%;
        margin: 0 5%;
        padding: 20px 0;
    }
    .box.box-small:nth-of-type(4n + 0){
        margin-right: 0px;
    }
}
@media (min-width: 881px) and (max-width: 1199px){
    .box.box-small{
        width: 46.5%;
        margin-right: 7%;
    }
    .box.box-small:nth-of-type(2n + 0){
        margin-right: 0px;
    }
}
@media (max-width: 880px){
    .content{
        width: 96%;
        margin: 0 2%;
        padding: 20px 0;
    }
    .group2 .subgroup legend{
        display: block;
        margin-bottom: 5px;
    }
    .group2 .subgroup input[type="text"],
    .group2 .subgroup input[type="tel"],
    .group2 .subgroup input[type="password"],
    .group2 .subgroup input[type="search"],
    .group2 .subgroup input[type="email"],
    .group2 .subgroup select,
    .group2 .subgroup textarea
    {
        width: 96%;
    }
    .group2 fieldset.subgroup{
        margin: 3px 0px;
    }
    .box-large{
        margin-right: 0px;
        margin-bottom: 5px;
        width: 100%;
        float: none;
    }
    .box-medium{
        margin-right: 0px;
        margin-bottom: 5px;
        width: 100%;
        float: none;
    }
    .group2 .subgroup .half-l{
        margin-bottom: 5px;
    }
    .group2 .subgroup .half:nth-of-type(1n + 0){
        margin-bottom: 5px;
    }
    .box.box-small{
        width: 100%;
        margin-right: 0%;
    }
}
.font-red{
    color: red;
}
.font-blue{
    color: #007FFF;
}
.font-orange{
    color: #FF7F00;
}
.font-green{
    color: #006220;
}
.font-purple{
    color: #7F00FF;
}
.background-yellow{
    background-color: #F5ED85;
}