/** CSS RESET **/
.highlight { background-color: #8888FF }
* {
    margin:0;
    padding: 0;
    text-decoration: none;
    outline: inherit;
}
body {
    background-image: url(../images/background.png);
    background-repeat: repeat-x;
    margin: 0;
    padding: 0;

}

.chosen-container-single .chosen-single {
    border-radius: 0;

}

.chosen-container {
   margin-bottom: 5px;
}

img {border:none;}
hr {display: none;}
p {padding-bottom: 8px;}
a {color: #605f5f;}
a:hover {text-decoration: underline;}
#structure {
    width: 983px;
    text-align: left;
    margin: 0 auto;

}
.dataTables_scroll
{
    width: 960px !important;;
    overflow:auto !important;;
}

#uppercase{
    text-transform:uppercase;
}

#txtNameCrud{
    text-transform:uppercase;
}

#txtEmailCrud{
    text-transform:uppercase;
}

#txtLoginCrud{
    text-transform:uppercase;
}

/* Topo do site */
#topo {
    height: 85px;
    padding: 11px 0 0 0;
}
#logo,#slogan{
    float: left;
}
#logoClient{
    float: right;
}
#logoClient img{
    position: relative;
    float: right;
}
#logo {
    padding: 0 15px 0 0;
}
#logo h1 {
    color: #797979;	
    font: bold 14px Verdana, Arial, sans-serif;
    line-height: 60px;  
    background: url(../images/logo.png) no-repeat;
    /*background-position: 200px 70px;*/
    text-indent: -999px;
    width: 220px;
    height: 71px;
}
#logoClient{
    color: #797979;	
    font: bold 14px Verdana, Arial, sans-serif;
    line-height: 60px;  
    text-indent: -999px;
    text-align: right;
    width: 220px;
    height: 71px;
}
#slogan {
    height: 60px;
    line-height: 98px;
    border-left: 1px solid #DFDFDF;
    padding: 0 0 0 16px;
}
#slogan h2 {
    font: normal 12px Verdana, Arial, sans-serif;
    color: #797979;
    line-height: 60px;
}

/* toolbar menu */
#toolbar {
    float: right;
    padding: 0px;
    font: bold 11px Arial, Verdana, sans-serif;
    height: 85px;
    width: 100px;
    border: 1px solid #DFDFDF;
    border-bottom: none;
}
#toolbar img{
    padding: 5px;
    width: 90px;
    height: 80px;
}
.imgLink {cursor: pointer;}
.imgLinkDuplo {cursor: pointer;}
.imgTooltip {cursor: pointer;}
.imgTooltipImatec {cursor: pointer;}

/* menu principal */
#menu {
    height: 33px;
    clear: both;
    background-color: #DFDFDF;
}
#titlePage {
    font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin-top: 10px;
    padding-left: 10px;
    text-align: left;
    height: 28px;
    background-color: #DFDFDF;
    color: #797979;
    line-height: 28px;
}
#fieldset-groupButton, #fieldset-groupButton2, #fieldset-groupButtonReport {border: none; padding-bottom: 5px;}
#chEnvio-element {
    border: medium none;
    display: table-header-group;
}
#chTipo-element{
    border: medium none;
    display: table-header-group;
}
#contentPage {
    font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 10px 5px 10px 10px;
    text-align: justify;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    height: auto;
    width: 960px;
    float: left;
}
#contentPage label{color: #797979;}
#contentPage dt{
    clear: both;
    margin: 5px 5px 0px 0px;
    width: 200px;
    text-align: right;
}
#returnFilter{
    font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 5px;
    text-align: justify;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    height: auto;
    width: 965px;
    float: left;
}
#footer {
    background: url(../images/footer.jpg)  no-repeat;
    height: 28px;
    width: 983px;
    clear: both;
    text-align: center;
    font: normal 12px Verdana, Arial, sans-serif;
    color: #797979;
    line-height: 28px;
}
input,select{ color: #373435; }
input:hover{ background: #F7F2F2; }
select:hover{ background: #F7F2F2; }
select {
    height: 22px;
    border: 1px solid #DFDFDF;
    margin-bottom: 3px;
}
input[type=text]{
    height: 20px;
    border: 1px solid #DFDFDF;
    margin-bottom: 3px;
}
input[type=file]{
    height: 20px;
    border: 1px solid #DFDFDF;
    margin-bottom: 3px;
}
textarea{
    border: 1px solid #DFDFDF;
    margin-bottom: 3px;
}
input[type=password]{
    height: 20px;
    border: 1px solid #DFDFDF;
    margin-bottom: 3px;
}
.myButton:hover{ background-color: #DFDFDF; }
.myButton:hover{ 
    background-color: #0073EA;
    color: white; 
}
.myButton{
    background-color: #F7F2F2;
    border: 1px solid #DCDCDC;
    border-radius: 2px 2px 2px 2px;
    color: #777777;
    color: #0073EA;
    display: inline-block;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    cursor: pointer;
}
#formLogin .errors{
    padding-left: 155px;
}
.errors{ 
    padding-left: 132px;
    color: red;
}
.errors li{ list-style-type: square;}
.errorsDepends{  
    color: red; 
    position:absolute; 
    left:560px;
    top: 10px;  
}

/** CSS da �rea de Autentica��o do sistema */
#structureLogin {
    width: 500px;
    text-align: left;
    margin: 0 auto;
}
#topoLogin {
    height: 85px;
    padding: 11px 0 0 0;
}
#logoLogin h1 {
    color: #797979;	
    font: bold 14px Verdana, Arial, sans-serif;
    line-height: 60px;  
    background: url(../images/logo.png) no-repeat;
    text-indent: -999px;
    width: 220px;
    height: 71px;
    margin-left: 150px;
}
#titlePageLogin {
    font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin-top: 10px;
    padding-left: 10px;
    text-align: center;
    height: 28px;
    background-color: #DFDFDF;
    color: #797979;
    line-height: 28px;
}
#contentLogin { clear: both; }
#contentPageLogin {
    font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 10px;
    text-align: justify;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    height: auto;
    width: 478px;
    float: left;
}
#contentPageLogin label{
    color: #797979;
    width: 130px;
}
#contentPageLogin dt{
    margin: 5px;
    width: 130px;
    text-align: right;
    clear: both;
}

#contentPage #contentPageLogin dd,dt{ clear: both;float: left; }
#divDialogImage #contentPageLogin dd,dt{ clear: both;float: left; }
#footerLogin {
    background: url(../images/footer.jpg)  no-repeat;
    height: 28px;
    width: 500px;
    clear: both;
    text-align: center;
    font: normal 12px Verdana, Arial, sans-serif;
    color: #797979;
    line-height: 28px;
}
#divButtonSubaba {
    /*    position: relative;*/
    /*position: absolute;*/
    /*top: -338px;*/
    /*    top: 43px;
        width: 50%;
        height: 190px;*/

    height: 10px;
    position: static;
    top: 43px;
    width: 50%;

}

#divButtonSubabaSetor {
    position: absolute;
    top: 43px;
    width: 50%;
    height: 50px;
}
#divButtonSubabaDocmto {
    position: relative;
    top: 80px; 
    width: 50%;
}
.colors{color: #797979;}
#txtNOs-element{
    position: relative; right:  0px;
    margin-bottom: 1px;
}
#txtNOs-label{
    position: absolute; left: 9px;
    margin-bottom: 1px;
}
#txtTipo-element{margin-bottom: 3px;}
#txtTipo-label{margin-top: 1px;}
#enviosistemasss{margin-bottom: 3px;}
#enviotipo{margin-bottom: 3px;}
#cbEndereco-element{margin-bottom: 3px;}
#txtVl-element{margin-bottom: 3px;}

/* Easy Tooltip */
#easyTooltip{
    margin:0 10px 1em 0;
    width:auto;
    padding:8px;
    background:#fcfcfc;
    border:1px solid #e1e1e1;
    line-height:130%;
}
#easyTooltip h3{
    margin:0 0 .5em 0;
    font-family: tahoma, arial, sans-serif;
    font-size: 10px;
    text-transform:uppercase;
}
#easyTooltip p{margin:0 0 .5em 0;}
#easyTooltip img{
    background:#fff;
    padding:1px;
    border:1px solid #e1e1e1;
    float:left;
    margin-right:10px;
}
.easyTooltipOver{
    margin:0px;
    width:200px;
    height: auto;
    padding:8px;
    background:#fcfcfc;
    border:1px solid #e1e1e1;
    line-height:130%;
    position: fixed;
    display:block;
}
#divTooltip{display:none;}
#divTooltipImatec{display:none;}
#divTooltipAba{display:none;}
#formPrtclo checkbox{
    display: block;
    padding-left: 15px;

}
#divTituloAnexo
{
    padding: 0;
    margin: 0;
    z-index: 10;
}
#divEmAnexo
{
    padding: 0;
    margin: 0;
    font-size: 10px;
    z-index: 10;
    color: #797979;
    font: 12px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
a.anexo 
{
    font-family: "Trebuchet MS"; FONT-SIZE: 14px
}
.spanAnexo
{
    font: 12px Verdana,Geneva,Arial,Helvetica,sans-serif;
    color: #797979;
    height: 20px;
}
.remover{background-image: url(../images/remove.png);}
#anexos li {padding-left: 5px;}
img.remover {
    cursor: pointer;
    vertical-align: bottom;
}
#divAnexos {
    background: #f6f7f9;
    border: 1px solid #e4e8f1;
    width: 450px;
    height: 100px;
    z-index: 10;
}

/*aumento de fonte*/
/* config plugin */
.tam1 p, .tam1 li{ font-size: 80%}
.tam2 p, .tam2 li{ font-size: 90%}
.tam3 p, .tam3 li{ font-size: 95%}
.tam4 p, .tam4 li{ font-size: 100%}
.tam5 p, .tam5 li{ font-size: 105%}
.tam6 p, .tam6 li{ font-size: 110%}
.tam7 p, .tam7 li{ font-size: 120%}
#font_size {
    height: 20px;
    margin-bottom: 15px
}
#font_size ul { float: right; }
#font_size ul li { 
    float: left;
    margin-right: 3px
}
#font_size a {
    width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block; 
    font-size: 12px; 
    line-height: 20px; 
    background: #ccc;
    color: #4F4F4F
}
ul {list-style: none;}
ul { margin-bottom: .7em}
ul li { line-height: 15px}
#divContentInfo {
    float: left;
    width: 100%;
    height: auto;
    margin-left: 8px;
}
#divInfo {
    width: 300px;
    height: 197px;
    margin-right: 18px;
    margin-bottom: 18px;
    border: 1px solid #d1d1d1;
    float: left;
}
#divInfo:hover {border: 1px solid #797979;}
#divInfo li{
    list-style-type: square;
    color: #797979;
    font: 12px/18px Verdana,Geneva,Arial,Helvetica,sans-serif;
}
#divInfo a{
    color: #797979;
    font-size: 11px;

}
#divInfo a:hover{
    text-decoration: underline;
}
#spanImageInfo {
    float: left;
    margin-top: 30px;
    margin-left: 20px;
}
#spanInfo {
    float: left;
    margin-left: 25px;
    margin-top: 3px;
    width: 186px
}
#spanInfoNews {
    margin-left: 15px;
    margin-top: 3px;
    width: 284px;
    height: 115px;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
*/
.jspContainer
{
    overflow: hidden;
    position: relative;
}
.jspPane{position: absolute;}
.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
    background: red;
}
.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red;
}
.jspVerticalBar *,
.jspHorizontalBar *
{
    margin: 0;
    padding: 0;
}
.jspCap{display: none;}
.jspHorizontalBar .jspCap{float: left;}
.jspTrack
{
    background: #DDDDDD;
    position: relative;
}
.jspDrag
{
    background: #CCCCCC;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;
    height: 100%;
}
.jspArrow
{
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}
.jspArrow.jspDisabled
{
    cursor: default;
    background: #80808d;
}
.jspVerticalBar .jspArrow{height: 16px;}
.jspHorizontalBar .jspArrow
{
    width: 16px;
    float: left;
    height: 100%;
}
.jspVerticalBar .jspArrow:focus{outline: none;}
.jspCorner
{
    background: #eeeef4;
    float: left;
    height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{ margin: 0 -3px 0 0;}

#iframeAnexo {
    border: 0;
    overflow: hidden;
    height: 60px;
    width: 450px;
    z-index: 10;
}
#divFrame
{
    border: 0;
    z-index: 10;
}
#anexos {
    padding-left: 30px;
    list-style-image: url(../images/attachment.png);
}

.DTTT_container{
    /*width: 200px;*/
}


#pdfRota{
    position: absolute;
    top: 88px;
    left: 274px;
    width: 16px;
}

#tabsPrtclo{
    height: 450px;
}

.desabilitado{
    display: none;
}

.content-form-fncnro{
    position: relative;
    min-height: 280px;
    height: auto !important;
}

.form-fncnro{
    position: relative;
    margin-left: -120px;
}

.form-fncnro-birth-mounth{
    position: relative;
    margin-top: -280px;
    margin-left: 520px;
}

.form-fncnro-birth-mounth h1{
    padding-bottom: 10px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #76838F;
}

.form-fncnro-birth-mounth table{
    padding: 10px;
    border-collapse: collapse;
}

.form-fncnro-birth-mounth td{
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    padding: 10px;
    color: #444;
    font-weight: 300;
    border: 1px solid;
    border-color: #E4EAEC;
}

.form-fncnro-birth-mounth th{
    font-family: 'Roboto', sans-serif;
    color: #76838F;
    font-size: 13px;
    padding: 10px;
    font-weight: 500;
    border: 1px solid;
    border-color: #E4EAEC;
}

.form-fncnro-birth-mounth-happy td{
   font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #8888FF;
    font-weight: 500;
}

.form-fncnro-notify{
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #F36C00;
    height: 20px;
    width: 20px;
    background-color: #ff0084;
    color: #fff;
    text-align: center;
    font-size: 10px;
    line-height: 190%;
}

.title-style h1{
    padding-bottom: 10px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #76838F;
    margin: 10px 0;
}

.table-style table{
    padding: 10px;
    border-collapse: collapse;
}

.table-style td{
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    padding: 10px;
    color: #444;
    font-weight: 300;
    border: 1px solid;
    border-color: #E4EAEC;
}

.table-style th{
    font-family: 'Roboto', sans-serif;
    color: #76838F;
    font-size: 13px;
    padding: 10px;
    font-weight: 500;
    border: 1px solid;
    border-color: #E4EAEC;
}

.table-style td{
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #333;
    font-weight: 500;
}


.insercao-docs-table table {
    width:100%;
    border-collapse: collapse;
}

.insercao-docs-td{
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    padding: 10px;
    color: #444;
    font-weight: 300;
    border: 1px solid;
    border-color: #E4EAEC;
}

.insercao-docs-th{
    font-family: 'Roboto', sans-serif;
    color: #76838F;
    font-size: 13px;
    padding: 10px;
    font-weight: 500;
    border: 1px solid;
    border-color: #E4EAEC;
}

ul#menu-recoverpass {
    width: 250px;
    margin: 20px auto 0;
}

ul#menu-recoverpass li{
    display: inline;
}

ul#menu-recoverpass li a{
    padding: 5px 15px;
    border-right: 1px solid #E4EAEC;
}


.dropbtn {
    background-color: inherit;
    border: none;
    padding-right: 8px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {}

#divButtonSubaba{
    height: auto;
}