﻿/*borda externa*/
#tabs {
    list-style: none;
    padding: 1px;
    margin: 0px;
    border: none;
}

hr {
    display: none;
}

/*#tabs ul *
	{
		border: solid 1px green;
	}*/
/*centralizar botoes do final*/

.divLarguraMaxima {
    padding: 10px 0px 0px 30px;
}

#tabs table.group {
    border: solid 0px transparent;
    background-color: transparent;
}

    #tabs table.group * {
        border: solid 0px transparent;
    }

/*.container-fluid {    
    background-color: transparent;
    margin: 0px;
    border-width: 0px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
    padding: 10px 0px 0px;
}*/

/*externo abas*/
#tabs ul, .dfe-tab ul, .container-fluid ul {
    width: 100%;
    padding: 0px;
    margin: 10px 0px 0px 0px;
    background: none;
    border: none;
    display: grid;
    grid-template-columns: repeat(7, max-content);
    grid-auto-rows: minmax(20px, auto);
}

.dfe-conteudo-aba { /*, .tab-content*/
    padding: 50px 2px 10px 2px;
    margin: -23px 0px 7px 0px;
    background-color: #fcfaf6;
    border: solid 1px #f7e2c2;
}

#tabs div, .dfe-tab div { /*, .tab-content*/
    padding: 15px 2px 10px 2px;
    margin: 0px 0px 7px 0px;
    background-color: #fcfaf6;
    border: solid 1px #f7e2c2;
}

    #tabs div.table-responsive {
        padding: 0px;
        margin: 0px;
        background-color: transparent;
        border: solid 0px transparent;
    }

    #tabs div.container-fluid {
        background-color: transparent;
        margin: 0px;
        border-width: 0px;
        border-style: solid;
        border-color: transparent;
        border-image: initial;
        padding: 10px 0px 0px;
    }

    #tabs div.Principal {
        padding: 15px 2px 10px 2px;
        margin: 0px 0px 7px 0px;
        background-color: #ffffff;
        border: none;
    }

    #tabs div.row {
        border: solid 0px transparent;
        padding: 0px;
        margin: 0px;
        background: transparent;
    }

.tab-pane { /**/
    padding: 50px 2px 10px 2px;
    margin: -22px 0px 7px 0px;
    background-color: #fcfaf6;
    border: solid 1px #f7e2c2;
}

.tab-content {
    margin: 1px 0px 7px 0px;
}

div.col-xs-2 {
    display: none;
}

div.col-xs-12 {
    padding: 0px;
    margin: 0px;
}

#tabs div.text-right, div[align=right] {
    border: solid 0px transparent;
    background-color: transparent;
    background: url(../imagens/ico_print.gif) no-repeat bottom right;
    width: 100%;
    position: relative;
    top: -45px;
    right: 5px;
    margin: 10px 0px 0px 0px;
}

    #tabs div.text-right img, div[align=right] img {
        display: none;
    }

div.col-xs-12 h4 {
    margin: 0px;
}
/*conteudo das abas (não consigo alterar o fundo nem a cor da fonte)*/
#tabs li, .dfe-tab li, .container-fluid li {
    display: inline;
    clear: none;
    min-width: 50px;
    text-align: -webkit-center;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #6d6e71; /* #939598;*/
    margin: 1px 1px 0px 0px;
    padding: 5px 2px 0px 2px;
    border-left: 1px solid #E5E3DA;
    border-right: 1px solid #E5E3DA;
    border-top: 1px solid #E5E3DA;
    border-bottom: 1px solid #f7e2c2;
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    background-color: #f8f8f8;
    cursor: pointer;
}

#tabs .odd td li, .dfe-tab .odd td li, .container-fluid .odd td li {
    color: #000000; /* #939598;*/
    border: 0px solid transparent;
    background-color: #fbfbf5;
    cursor: none;
    color: #000000;
}

#tabs li:hover, .dfe-tab li:hover, .container-fluid li:hover {
    background-color: #eeeeee;
}

    #tabs li:hover a, .dfe-tab li:hover a, .container-fluid li:hover a {
        color: #6d6e71;
        text-decoration: none;
    }

#tabs li a, .dfe-tab li a, .container-fluid li a {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #6d6e71;
    text-decoration: none;
}


    #tabs li a div, .dfe-tab li a div, .container-fluid li a div {
        position: relative;
        vertical-align: top;
        width: 100px;
        left: 0px;
        display: inline;
        background: none;
        border: none;
    }


#tabs li.ui-tabs-active, .dfe-tab li.dfe-selected, li.active, .aba-selecionada /*, li:has(> a.dfe-selected) */ {
    font-size: 11px;
    padding: 5px 4px 1px 4px;
    margin: 0px;
    background-color: #fcfaf6;
    border-left: 1px solid #f7e2c2;
    border-top: 3px solid #f7e2c2;
    border-right: 1px solid #f7e2c2;
    border-bottom: 1px solid #fcfaf6;
    color: #811c0d;
    font-weight: bold;
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
}


element.style {
}

#tabs li.ui-tabs-active a, .dfe-tab li.ul-tabs-active, .dfe-tab li a.dfe-selected {
    color: #811c0d;
    border: none;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus {
    color: #811c0d;
    border: none;
    background-color: #fcfaf6;
}

/*tabelas*/
#tabs table, #dadosRecebimento table, .textoVerdana7, .table, .dfe-tabela, .dfe-tab table, .container-fluid table, table.hide {
    width: 100%;
    border: 1px solid #c7a460;
    background-color: #f4edd5;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    font: 0.85em;
}

    #tabs tr, #dadosRecebimento tr, .textoVerdana7 tr, .table tr, .dfe-tabela tr, .dfe-tab tr {
        margin: 0px;
        padding: 0px;
    }

    /*resultados*/
    #tabs td, #dadosRecebimento td, .textoVerdana7 td span.linhaCinza, .table td span.linhaCinza, .table td, .dfe-tabela td span.linhaCinza, .dfe-tabela td, table.hide td {
        font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
        font-size: 11px;
        height: 15px;
        font-weight: lighter;
        color: #6d6e71;
        text-align: left;
        background-color: #fbfbf5;
        border: 1px solid #d6c39e;
        vertical-align: top;
        word-wrap: break-word;
    }

    .textoVerdana7 td, .table td, .dfe-tabela td {
        overflow: hidden;
        word-wrap: break-word;
    }

        .textoVerdana7 td span.linhaCinza, .table td span.linhaCinza, .dfe-tabela td span.linhaCinza {
            position: relative;
            display: block;
            overflow: visible;
            padding: 2px;
            word-wrap: break-word;
        }

        .textoVerdana7 td span.TextoFundoBrancoNegrito, #tabs .table th, .table th, #tabs .dfe-tabela th, .dfe-tabela th {
            font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
            font-size: 11px;
            height: 15px;
            font-weight: normal;
            color: #6f5e39;
            text-align: left;
            padding: 2px;
        }

/*titulos da caixas*/
#tabs th, #dadosRecebimento th, #tabs td.header, .dfe-tab th {
    font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    height: 15px;
    font-weight: normal;
    color: #6f5e39;
    text-align: left;
    border: 0px solid transparent;
    background-color: #f4edd5;
}

/*#cte div.header {*/ /* , #cte div.dfe*/

/*padding: 0px;
    margin: 0px 0px 7px 0px;
    font-size: larger;
}*/

div.header { /* , #cte div.dfe*/

    padding: 0px;
    margin: 0px 0px 7px 0px;
    font-size: larger;
    background: none;
    border: none; /*text-transform: capitalize;*/
    font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    color: #b27235;
    text-align: left;
}

#tabs div.header, .textoVerdana7 td.header, .table td.header, #tabs table.group td
.dfe-tab div.header, .dfe.ui-tabs-active div.dfe-cabecalho, .dfe-tab table.group td, table.dfe-cabecalho {
    background: none;
    border: none; /*text-transform: capitalize;*/
    font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    height: 15px;
    font-weight: bold;
    color: #b27235;
    text-align: left;
}

#tabs table.group td {
    background: none;
    border: none; /*text-transform: capitalize;*/
    font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    height: 15px;
    font-weight: bold;
    color: #b27235;
    text-align: left;
}

#tabs table.group {
    margin-bottom: 20px;
}

.col-xs-8 {
    text-align: center;
}

    .col-xs-8 > label {
        background: none;
        border: none; /*text-transform: capitalize;*/
        font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
        font-size: 14px;
        height: 15px;
        font-weight: bold;
        color: #b27235;
        /* padding: 15px 2px 10px 2px;
    margin: 0px 0px 7px 0px;*/
    }

h4 span {
    background: none;
    border: none;
    text-transform: uppercase;
    font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    height: 15px;
    font-weight: bold;
    color: #b27235;
    padding: 15px 2px 10px 2px;
    margin: 0px 0px 7px 0px;
}

div.dfe-titulo {
    background: none;
    border: none;
    font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    color: #b27235;
    margin: 0px;
    padding: 2px 5px 5px 0px;
    text-align: left;
    text-transform: uppercase;
}

#tbNFe td.dfe-titulo {
    background: none;
    border: none;
    font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
    color: #b27235;
    margin: 0px;
    padding: 7px 5px 2px 0px;
    text-align: left;
}

#tabs div.Principal div.header, .dfe-tab div.Principal div.header,
div.Principal div.header, div.Principal div.header, table.dfe-cabecalho {
    background: none;
    border: none;
    font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    height: 15px;
    font-weight: bold;
    color: #b27235;
    margin: 0px;
    padding: 13px 5px 10px 0px;
}

#tabs div.dfe table.dfe-cabecalho {
    background: none;
    border: none;
    margin: 0px;
    padding: 0px;
}

    #tabs div.dfe table.dfe-cabecalho tbody * {
        background: none;
        border: none;
        font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
        font-size: 14px;
        height: 15px;
        font-weight: bold;
        color: #b27235;
        margin: 0px;
        padding: 13px 5px 10px 0px;
    }

#dadosRecebimento div.header, table.dfe-cabecalho {
    background: none;
    border: none; /*text-transform: capitalize;*/
    font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    height: 30px;
    font-weight: bold;
    color: #b27235;
    text-align: left;
}

/*imagem de clicar ao lado de situação*/
/*.pointer
{
    width: 13px;
    height: 13px;
    padding: 2px;
    float: left;
    z-index: 10;
    background-image: url('../imagens/imgExpand.gif');
    background-repeat: no-repeat;
    background-position: left;
}

.pointerHidden
{
    width: 13px;
    height: 13px;
    padding: 2px;
    float: left;
    z-index: 10;
    background-image: url('../imagens/imgCollapse.gif');
    background-repeat: no-repeat;
    background-position: left;
}*/

#tabs div[align=right], .dfe-tab div[align=right] {
    border: 0px solid transparent;
    float: right;
    position: relative;
    top: -40px;
    margin: 2px;
    padding: 0px;
    height: 30px;
    background-color: transparent;
}

.showtable {
    display: run-in;
}

.Aviso {
    color: #6d6e71;
    font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
}

#tabs div.dfe, .dfe-tab div.dfe {
    border: solid 0px transparent;
    background-color: transparent;
    padding: 10px 0px 0px 0px;
}


.rowTP01 div {
    display: inline-block;
    vertical-align: top;
}


.rowTP01, table.table-condensed {
    width: 100%;
    border: 1px solid #c7a460;
    background-color: #f4edd5;
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 3px;
}

    .rowTP01 p {
        height: auto !important;
        height: 15px;
        min-height: 15px;
        display: block;
        background-position: center;
        border: solid 1px #d6c39e;
        background-color: #fbfbf5;
        padding: 2px 2px 2px 3px;
        margin: 3px 0px 4px 0px;
    }

    table.table-condensed td {
        height: auto !important;
        height: 15px;
        min-height: 15px;
        background-position: center;
        border: solid 1px #d6c39e;
        background-color: #fbfbf5;
        padding: 2px 2px 2px 3px;
        margin: 3px 0px 4px 0px;
    }

    .rowTP01 div {
        vertical-align: top;
    }

        .rowTP01 div label {
            display: block;
            /*min-height: 19px;
    height: auto;*/
            text-transform: none;
            vertical-align: middle;
            /*padding: 4px 0px 0px 6px;*/
            font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
            font-size: 11px;
            min-height: 15px;
            font-weight: normal;
            color: #6f5e39;
            text-align: left;
            padding: 2px;
        }

        .rowTP01 div.wID10 {
            width: 10%;
        }


        .rowTP01 div.wID15 {
            width: 15%;
        }

        .rowTP01 div.wID20 {
            width: 19%;
        }

        .rowTP01 div.wID25 {
            width: 24%;
        }

        .rowTP01 div.wID30 {
            width: 29%;
        }

        .rowTP01 div.wID50 {
            width: 50%;
        }

        .rowTP01 div.wID50 {
            width: 49%;
        }

        .rowTP01 div.wID60 {
            width: 59%;
        }

        .rowTP01 div.wID65 {
            width: 64%;
        }

        .rowTP01 div.wID70 {
            width: 69%;
        }


        .rowTP01 div.wID100 {
            width: 99%;
        }


.XSLTCTeResumido {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: transparent;
    padding: 15px 0px 0px 0px;
}

    .XSLTCTeResumido p.txAvisoRed {
        width: 100%;
        background-color: #f6cca3;
        color: darkred;
        text-align: center;
        padding: 4px;
        font-weight: bold;
        font-size: 13px;
    }

    .XSLTCTeResumido table {
        width: 100%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        /*padding-top: 5px;*/
    }

    .XSLTCTeResumido a:link {
        font-size: 11px;
        color: #d2965c;
        /*text-decoration: underline;*/
    }


    .XSLTCTeResumido fieldset {
        border: solid 0px transparent;
        margin-top: 0px;
        padding: 0px;
        /*clear: both;*/
        background-color: transparent;
    }

    .XSLTCTeResumido h5.toggle {
        padding-left: 20px;
        background-position: 0px 0px;
    }

    .XSLTCTeResumido h5.opened {
        padding-left: 20px;
        background-position: 0px 0px;
    }

    .XSLTCTeResumido h5 {
        padding: 0px;
        margin: 0px;
        font-size: 11px;
    }

    .XSLTCTeResumido .THead_CTe {
        text-align: left;
        border: none;
        font-size: 14px;
        height: 15px;
        font-weight: bold;
        width: 98%;
        display: block;
        /*padding: 0px 0px 8px 20px;
    margin: 5px 0px 0px 0px;*/
        vertical-align: middle;
        color: #b27235;
        background: none;
        border: none;
        /* text-transform: capitalize; */
        font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
    }


.tabCTe {
    width: 100%;
    border: 1px solid #c7a460;
    background-color: #f4edd5;
    margin: 10px 0px 10px 0px;
    padding: 3px;
}


    .tabCTe tr {
        padding: 3px;
    }

    .tabCTe td {
        height: auto !important;
        height: 15px;
        min-height: 15px;
        background-position: center;
        border: solid 1px #d6c39e;
        background-color: #fbfbf5;
        padding: 2px 2px 2px 3px;
        vertical-align: top;
    }
