BOTAO_ENVIAR.ui-autocomplete-loading {
    background: white url('/img/load.gif') right center no-repeat;
}

body {
    font-family: Calibri, Verdana, Arial;
    font-size: 16px;
    background-color: #DFDFDF;
    overflow-y: auto;
}

.tituloAzul {
    font-size: 21px;
    color: #06F;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
}

.tituloVerde {
    font-size: 21px;
    color: #093;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
}

.white-space-nowrap {
    white-space: nowrap;
}

.icone-preto-15 {
    cursor: pointer;
    font-size: 15px;
    color: #000;
}

.icone-cinza-15 {
    cursor: pointer;
    font-size: 15px;
    color: #C0C0C0;
}

.width-50px {
    width: 50px;
}

.width-60px {
    width: 60px;
}

a:link {
    color: #999;
    TEXT-DECORATION: underline
}

a:visited {
    color: #999;
    TEXT-DECORATION: underline
}

a:hover {
    color: #999;
    TEXT-DECORATION: none
}

a:active {
    color: #999;
}

/* .fa:active {
    margin-top: 1px;
} */

/* [class^="btn"]:active {
    margin-top: 1px;
} */

h1 {
    font-family: Calibri, Verdana, Arial;
    color: #069;
}

input {
    font-family: Calibri, Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    color: #666;
    PADDING-LEFT: 2px;
    BACKGROUND: #f3f3f3;
    border: solid 1px #CCCCCC;
    resize: none;
}

textarea {
    resize: none;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .confirmar {
    background-color: #FBDDBF;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .cancelar {
    background-color: #EE6363;
}

#conteudo {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 620px;
    height: 400px;
    z-index: 1;
    display: none;
    margin-left: -110px;
    margin-top: -40px;
}

BODY {
    FONT-SIZE: 10px;
    MARGIN: 0px 0px 0px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

SELECT {
    font-family: Calibri, Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    color: #666;
    border: solid 1px #333;
}

SELECT.formalt {
    font-family: Calibri, Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    color: #666;
    border: solid 1px #333;
}

.direita {
    FONT-SIZE: 10px;
    COLOR: #333333;
    BACKGROUND-COLOR: #f6f3f3;
    border: 1px solid #888888;
}

textarea {
    border: 1px solid #C3D1EC;
    background-color: #FFF;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #666;
}

.bordacentro {
    BORDER-RIGHT: #83a7d7 3px solid;
    BORDER-TOP: #83a7d7 3px solid;
    BORDER-LEFT: #83a7d7 3px solid;
    BORDER-BOTTOM: #83a7d7 3px solid
}

.bordacentrouser {
    border: 1px solid #DEDEDE;
}

.bordaesquerda {
    BORDER-LEFT: #5d5c5c 1px solid
}

A:link {
    COLOR: #000000;
    TEXT-DECORATION: none
}

A:visited {
    COLOR: #000000;
    TEXT-DECORATION: none
}

A:active {
    COLOR: #000000;
    TEXT-DECORATION: underline
}

.bordacentronon {
    border: 1px solid #009;
    margin-left: 5px;
    padding-left: 5px;
}

.linhahoriz {
    TEXT-ALIGN: center
}

IFRAME {
    BACKGROUND-COLOR: #ffffff
}

.bordaMENU {
    border-top: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    border-left: 1px none #DEDEDE;
    background-color: #FAFAFA;
}

.bordaMENU2 {
    border-top: 1px none #DEDEDE;
    border-right: 1px solid #DEDEDE;
    border-bottom: 1px none #DEDEDE;
    border-left: 1px none #DEDEDE;
}

.bordaMENU2inf {
    border-top: 1px none #DEDEDE;
    border-right: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    border-left: 1px none #DEDEDE;
}

.bordaMENUcoluna {
    border-top: 1px solid #DEDEDE;
    border-right: 1px none #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    border-left: 1px solid #DEDEDE;
}

.bordaMENU2Coluna {
    border-top: 1px solid #DEDEDE;
    border-right: 1px none #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    border-left: 1px solid #DEDEDE;
}

.bordaMENUcolunaBranca {
    border-top: 1px none #DEDEDE;
    border-right: 1px none #DEDEDE;
    border-bottom: 1px none #DEDEDE;
    border-left: 1px solid #DEDEDE;
}

.bordaMENUcolunaBrancaCopy {
    border-top: 1px none #DEDEDE;
    border-right: 1px none #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    border-left: 1px solid #DEDEDE;
}

.bordaMENUprevisao {
    border-top: 1px none #DEDEDE;
    border-right: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    border-left: 1px solid #DEDEDE;
}

.ladoDIREITO {
    border-top: 1px none #DEDEDE;
    border-right: 1px solid #DEDEDE;
    border-bottom: 1px none #DEDEDE;
    border-left: 1px none #DEDEDE;
}

.bordaMENUdestaque {
    border-top: 1px none #DEDEDE;
    border-right: 1px none #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    border-left: 1px solid #DEDEDE;
}

.bordaANUNCIOSlista {
    border-top: 1px none #FF9900;
    border-right: 1px none #FF9900;
    border-bottom: 1px none #FF9900;
    border-left: 1px solid #FF9900;
}

.bordaANUNCIOgrande {
    background-color: #FAFAFA;
    border: 1px solid #FF9900;
}

.bordaANUNCIOSIcosnes {
    border-top: 1px none #DEDEDE;
    border-right: 1px solid #DEDEDE;
    border-bottom: 1px none #DEDEDE;
    border-left: 1px none #DEDEDE;
}

.bordaANUNCIOgrandeCopy {
    border-top: 1px solid #FF9900;
    border-right: 1px solid #FF9900;
    border-bottom: 1px solid #FF9900;
    border-left: 1px none #FF9900;
    background-color: #FAFAFA;
}

.COLUNADmeio {
    border-top: 1px none #DEDEDE;
    border-right: 1px none #DEDEDE;
    border-bottom: 1px none #DEDEDE;
    border-left: 1px solid #DEDEDE;
}

.bordacentrononLARANJA {
    border: 1px solid #FF9900;
}

.linha {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: none;
    border-left-style: none;
    border-right-color: #FF9900;
    border-left-color: #FF9900;
}

.linhaINFERIOR {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FF9900;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #FF9900;
    border-left-color: #FF9900;
}

* {
    border: 0;
}

#imagens {
    margin: 10px;
    list-style: none;
}

#caixa {
    width: auto;
    height: auto;
    top: 50px;
    left: 250px;
    position: absolute;
    border: 15px solid #006699;
    border-top: 30px solid #006699;
    background: #FFF;
    cursor: move;
}

#fechar {
    width: 80px;
    height: 20px;
    font-family: Verdana;
    font-size: 14px;
    background: #006699;
}

#fechar a {
    color: #FFF;
}

.bordaANUNCIOgrandeCopys {
    border-top: 1px solid #FF9900;
    border-right: 1px none #FF9900;
    border-bottom: 1px solid #FF9900;
    border-left: 1px solid #FF9900;
    background-color: #FAFAFA;
}

.direitaCopy {
    BORDER-RIGHT: 1px solid #888888;
    PADDING-LEFT: 5px;
    FONT-SIZE: 10px;
    BORDER-LEFT: 1px solid #888888;
    COLOR: #333333;
    BACKGROUND-COLOR: #f6f3f3;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-color: #888888;
    border-bottom-color: #888888;
}

.rastreamento {
    BORDER-RIGHT: 1px solid #888888;
    FONT-SIZE: 10px;
    BORDER-LEFT: 1px solid #888888;
    COLOR: #333333;
    BACKGROUND-COLOR: #f6f3f3;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-color: #888888;
    border-bottom-color: #888888;
    border-top-style: solid;
}

.bordacentrononCopy {
    BORDER-RIGHT: 2px solid #999999;
    BORDER-TOP: 2px solid #999999;
    BORDER-LEFT: 2px none #999999;
    BORDER-BOTTOM: 2px solid #999999
}

.quadro {
    border: 1px solid #666666;
}

.linhaRelat {
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    border-right-width: thin;
    border-left-width: thin;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #999999;
    border-left-color: #999999;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 11px;
}

div#daniel {
    width: 354px;
    position: absolute;
    BACKGROUND-COLOR: #f6f3f3;
    BORDER: 1px solid #cccccc;
    display: none;
    left: 454px;
    top: 145px;
}

div#usersList1 {
    width: 354px;
    position: absolute;
    BACKGROUND-COLOR: #f6f3f3;
    BORDER: 1px solid #cccccc;
    display: none;
}

div#usersList a {
    float: left;
    width: 190px;
    clear: both;
    padding: 3px 5px;
    text-decoration: none;
}

div#usersList a:hover {
    background-color: #666666;
    color: #FFFFFF;
}

.banner {
    background-color: #009900;
    background-image: url('/img/banner.gif');
    background-position: center center;
    background-repeat: no-repeat;
    height: 120px;
    width: 100%;
}

banner {
    background-image: url('/img/fundo_banner.gif');
}

qadroazul {
    border: 1px solid #009;
}

quadroPRETO {
    background-color: #CCC;
    border: 1px solid #000;
}

VERTICALlinha {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #666;
    border-right-color: #666;
    border-bottom-color: #666;
    border-left-color: #666;
}

.COMENTARIOSOMBRA {
    background-image: url('/img/coment_sombra.png');
    background-repeat: no-repeat;
    background-position: left top;
}

.bolder{
    font-weight: 800 !important;
}

.TITULOpromo {
    font-family: Arial, Helvetica, sans-serif;
    color: #900;
    font-weight: bolder;
    font-size: 13px;
}

.PROMOinfo {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
    color: #666;
}

.PONTILHADO {
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: dotted;
    border-left-style: none;
    border-bottom-color: #CCC;
}

.BOTAOCOMENTARIO {
    background-image: url('/img/menu_comentario_1.gif');
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 24px;
    width: 96px;
    clear: none;
    float: none;
}

.pedido {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #333;
    font-style: normal;
    font-weight: bold;
}

.MENU {
    background-image: url('/img/fundo_bt.gif');
    background-repeat: repeat-x;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    clear: none;
    float: none;
}

.FERRAMENTAS {
    background-image: url('/img/fundo_bt_2.gif');
    background-repeat: repeat-x;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    clear: none;
    float: none;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #990000;
    border-right-color: #990000;
    border-bottom-color: #990000;
    border-left-color: #990000;
    margin: 8px;
    padding: 6px;
}

.LINHAinicio {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: dashed;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #999;
    border-right-color: #999;
    border-bottom-color: #999;
    border-left-color: #999;
}

.fundoINICIO {
    background-image: url('/img/fundo_quadros.gif');
    background-repeat: no-repeat;
    background-position: left bottom;
}

#DIVIconsultaminuta {
    float: left;
    height: 100%;
    width: 100%;
    position: fixed;
    background-image: url('/img/fundo_ajax.png');
    background-repeat: repeat;
}

#DIVnovaconta {
    background-color: #FBF5B7;
    height: 330px;
    width: 550px;
    border: 1px solid #DFE483;
    position: fixed;
    text-align: center;
    top: 20%;
    left: 30%;
}

#DIVcancelar {
    background-image: url('/img/tipo_cadastro.png');
    background-repeat: no-repeat;
    float: left;
    height: 20px;
    width: 108px;
    line-height: 18px;
    font-family: Verdana, Geneva, sans-serif;
    margin-left: 15px;
    color: #900;
}

#DIVgravar {
    background-image: url('/img/tipo_cadastro.png');
    background-repeat: no-repeat;
    height: 20px;
    width: 108px;
    float: right;
    line-height: 18px;
    color: #090;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 11px;
    margin-right: 20px;
}

#divTITULOconta {
    height: 20px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #333;
    font-weight: bold;
    line-height: 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DFE483;
    width: 548px;
    float: left;
    margin-bottom: 15px;
}

#titulos {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    height: 28px;
    width: 130px;
    text-align: right;
    float: left;
    line-height: 25px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #dfe483;
    margin-top: 2px;
    margin-right: 2px;
    margin-left: 2px;
}

#DIVimput {
    float: left;
    height: 30px;
    width: 330px;
    text-align: left;
    padding-left: 5px;
    margin: 2px;
}

.classIMPUT {
    border: 1px solid #C3D1EC;
    background-color: #FFF;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #666;
    height: 25px;
}

.classIMPUT2 {
    border: 1px solid #C3D1EC;
    background-color: #FFF;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #666;
    height: 25px;
}

.classIMPUT3 {
    border: 1px solid #C3D1EC;
    background-color: #FFF;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #666;
    height: 25px;
    width: 170px;
}

.classIMPUTimportante {
    border: 1px solid #933;
    background-color: #FFF;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #666;
    height: 25px;
}

.pontilhadoVERTICAL {
    border-left-width: 1px;
    border-left-style: dashed;
    border-left-color: #999;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
    color: #000;
    background-color: #D5ECE2;
    padding-left: 5px;
}

.ALERTAmanifesto {
    border: 1px solid #DFE483;
    background-color: #FBF5B7;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #333;
}

#load {
    display: none;
    position: absolute;
    right: 10px;
    top: 10px;
    background: url('/images/ajax-loader.gif');
    width: 43px;
    height: 11px;
    text-indent: -9999em;
}

#content img.right {
    float: right;
    margin: 0 0 8px 8px;
}

#foot {
    padding: 15px;
    color: white;
    text-align: center;
    margin: 30px 0 0 0;
    border-top: 1px solid #222222;
}

.quadroALERT {
    border: 1px solid #DFE483;
    background-color: #FBF5B7;
}

.BOTAO {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #666;
    height: 24px;
    min-width: 103px;
}

#ocorrenvia_status {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-variant: normal;
    position: fixed;
    float: left;
    height: 20px;
    width: 320px;
    text-align: left;
    padding-top: 10px;
}

.spamocorrencia {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    font-weight: bold;
    font-variant: normal;
    color: #F00;
}

.bannerTOPO {
    background-image: url('/img/header.png');
    height: 50px;
    background-color: #11679D;
    background-repeat: repeat-x;
    padding-top: 10px;
    padding-left: 10px;
    float: left;
    width: 100%;
}

.novo {
    background-color: #F3F1E5;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
}

.novo_status {
    background-color: #E8FFD7;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
}

#confirmaENTREGA {
    background-color: #fbf5b7;
    border: 1px dotted #999;
}

#divCalendario {
    height: 22px;
    width: 100px;
    float: left;
}

.menuAGENTE {
    background-image: url('/img/fundo_bt.jpg');
    background-repeat: repeat-x;
    height: 30px;
}

.CLASSsubMENU {
    height: 80px;
    background-color: #E3EEEB;
    width: 100%;
}

.quadroCORPO {
    background-image: url('/img/corpo-index-bg.gif');
    background-repeat: repeat-x;
    background-color: #EFEFEF;
    border: 1px dotted #666;
}

.incluirNF {
    background-color: #CCC;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #333;
}

VERTICAL {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-top-color: #CCC;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    border-left-color: #CCC;
}

#div_re {
    width: 340px;
    position: absolute;
    BACKGROUND-COLOR: #FFF;
    display: none;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #A2BFF0;
    border-right-color: #558BE3;
    border-bottom-color: #558BE3;
    border-left-color: #558BE3;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #666;
    padding-top: 5px;
    height: auto;
    overflow: auto;
    z-index: 1;
}

#div_dest {
    width: 340px;
    position: absolute;
    BACKGROUND-COLOR: #FFF;
    display: none;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #A2BFF0;
    border-right-color: #558BE3;
    border-bottom-color: #558BE3;
    border-left-color: #558BE3;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #666;
    padding-top: 5px;
    overflow: auto;
    z-index: 1;
}

#div_parceiro {
    width: 319px;
    position: absolute;
    BACKGROUND-COLOR: #f6f3f3;
    BORDER: 1px solid #cccccc;
    display: none;
}

#div_tabela {
    width: 219px;
    position: absolute;
    BACKGROUND-COLOR: #f6f3f3;
    BORDER: 1px solid #cccccc;
    display: none;
}

#div_seguro {
    width: 319px;
    position: absolute;
    BACKGROUND-COLOR: #f6f3f3;
    BORDER: 1px solid #cccccc;
    display: none;
}

#div_veiculo {
    width: 319px;
    position: absolute;
    BACKGROUND-COLOR: #f6f3f3;
    BORDER: 1px solid #cccccc;
    display: none;
}

#div_container {
    width: 150px;
    position: absolute;
    BACKGROUND-COLOR: #f6f3f3;
    BORDER: 1px solid #cccccc;
    display: none;
}

#div_especie {
    width: 319px;
    position: absolute;
    BACKGROUND-COLOR: #f6f3f3;
    BORDER: 1px solid #cccccc;
    display: none;
    z-index: 2;
}

#div_natureza {
    width: 319px;
    position: absolute;
    BACKGROUND-COLOR: #f6f3f3;
    BORDER: 1px solid #cccccc;
    display: none;
    z-index: 1;
}

#div_cliente {
    width: 350px;
    position: absolute;
    BACKGROUND-COLOR: #FFF;
    display: none;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #A2BFF0;
    border-right-color: #558BE3;
    border-bottom-color: #558BE3;
    border-left-color: #558BE3;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #666;
    padding-top: 5px;
}

#div_cidade {
    width: 290px;
    position: absolute;
    BACKGROUND-COLOR: #f6f3f3;
    BORDER: 1px solid #cccccc;
    display: none;
    height: 200px;
    overflow: auto;
    z-index: 1;
}

#div_cidade_incluir {
    width: 290px;
    position: absolute;
    BACKGROUND-COLOR: #f6f3f3;
    BORDER: 1px solid #cccccc;
    display: none;
    height: 200px;
    overflow: auto;
    z-index: 1;
}

#div_navio {
    width: 321px;
    position: absolute;
    BACKGROUND-COLOR: #f6f3f3;
    BORDER: 1px solid #cccccc;
    display: none;
    z-index: 4;
}

#div_transferencia {
    width: 321px;
    position: absolute;
    BACKGROUND-COLOR: #f6f3f3;
    BORDER: 1px solid #cccccc;
    display: none;
}

#div_fecha_re {
    position: absolute;
    display: none;
}

#div_fecha_dest {
    position: absolute;
    display: none;
}

#div_cidade_re {
    width: 290px;
    position: absolute;
    BACKGROUND-COLOR: #f6f3f3;
    BORDER: 1px solid #cccccc;
    display: none;
    height: 200px;
    overflow: auto;
    z-index: 1;
}

#alerta_soma {
    position: absolute;
    display: none;
}

#somando {
    right: 100%;
}

.salvarDESTINO {
    color: #900;
}

#consulta_cidade_parceiro {
    position: absolute;
    background-color: #FFFFFF;
    width: 90%;
    display: none;
}

#alerta {
    width: 300px;
    position: relative;
    color: #555;
    margin: 5px;
    border: 2px solid #DFE483;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #FBF5B7;
    padding: 2px;
}

.tudo {
    font-size: 9px;
}

.tudoAVISO {
    font-size: 9px;
    color: #666;
    font-weight: normal;
}

#div_cidade2 {
    width: 290px;
    position: absolute;
    BACKGROUND-COLOR: #f6f3f3;
    BORDER: 1px solid #cccccc;
    display: none;
}

#div_entrega {
    display: none;
    background-color: #FBF5B7;
    border: 2px solid #DFE483;
    float: left;
    height: 150px;
    width: 100%;
    position: static;
}

#somandos {
    BACKGROUND-COLOR: #ffffff;
}

#cadastroTIPO {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
    color: #900;
    height: 13px;
    width: 55px;
    font-weight: bold;
    clear: none;
    float: none;
    padding-top: 2px;
    margin-top: 0px;
    margin-right: 3px;
    margin-bottom: 3px;
    margin-left: 3px;
    border: 1px solid #CCC;
}

#cadastroTIPO:hover {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
    color: #900;
    height: 13px;
    width: 55px;
    font-weight: bold;
    clear: none;
    float: none;
    padding-top: 2px;
    margin-top: 0px;
    margin-right: 3px;
    margin-bottom: 3px;
    margin-left: 3px;
    border: 1px solid #CCC;
    background-color: #FC0;
}

#cadastroTIPO2 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
    color: #900;
    height: 13px;
    width: 55px;
    padding-top: 2px;
    margin-top: 0px;
    margin-right: 3px;
    margin-bottom: 3px;
    margin-left: 3px;
    border: 1px solid #CCC;
}

#cadastroTIPO2:hover {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
    color: #333;
    height: 13px;
    width: 55px;
    padding-top: 2px;
    margin-top: 0px;
    margin-right: 3px;
    margin-bottom: 3px;
    margin-left: 3px;
    background-color: #FC0;
    border: 1px solid #CCC;
}

#div_cnpj_re {
    display: block;
    cursor: pointer;
}

#div_cpf_re {
    display: none;
    cursor: pointer;
}

#consulta_nf {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #090;
    float: left;
    height: 18px;
    width: 20px;
}

#nota #nf {
    float: left;
    height: 18px;
    width: 100px;
}

#ocorrenvia_entregue {
    background-color: #DFE483;
    float: left;
    height: 150px;
    width: 99%;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    position: static;
    border: 1px dotted #798078;
    display: none;
}

#div_view_status {
    width: 410px;
    position: absolute;
    BACKGROUND-COLOR: #f6f3f3;
    BORDER: 1px solid #cccccc;
    display: none;
    height: 200px;
    overflow: auto;
    z-index: 1;
}

#div_motorista2 {
    width: 319px;
    position: absolute;
    BACKGROUND-COLOR: #f6f3f3;
    BORDER: 1px solid #cccccc;
    display: none;
}

.fundobannerLogo {
    background-image: url('/img/fundo_logo.png');
    background-repeat: no-repeat;
    vertical-align: top;
    height: 50px;
    width: 250px;
}

.fundobannerTopo {
    background-image: url('/img/header.png');
    background-repeat: repeat-x;
    height: 50px;
}

.fundobanner {
    height: 50px;
}

ul.sb_menu,
ul.ex_menu {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #959595;
}

ul.sb_menu li,
ul.ex_menu li {
    margin: 0;
}

ul.sb_menu li {
    padding: 4px 0;
    width: 220px;
}

ul.ex_menu li {
    padding: 4px 0;
}

ul.sb_menu li a,
ul.ex_menu li a {
    color: #959595;
    text-decoration: none;
    margin-left: -12px;
    padding-left: 12px;
}

ul.sb_menu li a:hover,
ul.ex_menu li a:hover {
    color: #ebc42b;
    font-weight: bold;
    background: no-repeat left center;
}

ul.sb_menu li a:hover {
    text-decoration: underline;
}

ul.ex_menu li a:hover {
    text-decoration: none;
}

/* li {
    font-size: 12px;
    color: #333;
    background-color: #FFF;
    height: 25px;
    width: 100px;
    clear: left;
    float: left;
} */
/* .ui-menu-item {
    text-align: left !important;
}

.ui-menu .ui-menu-item {
    margin: 0 !important;
    cursor: pointer !important;
    width: 100% !important;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) !important;
} */

/* .ui-state-active {
    border: 1px solid #999999 !important;
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x !important;
    font-weight: normal !important;
    color: #212121 !important;
} */

.ui-menu .ui-menu-item-wrapper {
    position: relative !important;
    padding: 5px 1em 5px 0.4em !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #999999 !important;
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x !important;
    font-weight: normal !important;
    color: #212121 !important;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #aaa !important;
    background-color: #212121 !important;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121 !important;
    text-decoration: none !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1 !important;
    background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x !important;
    color: #363636 !important;
}

.ui-state-checked {
    border: 1px solid #fcefa1 !important;
    background: #fbf9ee !important;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636 !important;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a !important;
    background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x !important;
    color: #cd0a0a !important;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a !important;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a !important;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold !important;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: 0.7;
    filter: Alpha(Opacity=70) !important;
    font-weight: normal !important;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 0.35 !important;
    filter: Alpha(Opacity=35) !important;
    background-image: none !important;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35) !important;
}

.ui-icon {
    width: 16px !important;
    height: 16px !important;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png") !important;
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png") !important;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_454545_256x240.png") !important;
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("images/ui-icons_454545_256x240.png") !important;
}





#menusMODULOS {
    float: right;
    width: auto;
    text-align: right;
    height: 50px;
    padding-right: 10px;
}

#modulos {
    padding-top: 15px;
    float: right;
    height: 25px;
    width: auto;
    margin-left: 5px;
    text-align: center;
    line-height: 20px;
    padding-right: 10px;
    padding-left: 10px;
}

#modulosATIVO {
    background-color: #F90;
    padding-top: 15px;
    float: right;
    height: 36px;
    width: auto;
    margin-left: 5px;
    text-align: center;
    line-height: 20px;
    padding-right: 10px;
    padding-left: 10px;
}

#modulos a:visited {
    color: #fff !important;
}

#modulos a:link {
    color: #fff !important;
}

#logo_cliente {
    float: left;
    height: 46px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
    font-weight: normal;
    font-variant: normal;
    color: #FFF;
    line-height: 30px;
    text-align: left;
    margin-left: 10px;
}

.quadroCONTEINER {
    background-repeat: no-repeat;
    background-position: center center;
    border-left-width: 1px;
    border-left-style: dotted;
    border-left-color: #999;
}

.referencia {
    background-color: #FBF5B7;
    border: 1px solid #DFE483;
}

.quadroPONTILHADO {
    border: 1px dotted #999;
    padding-left: 3px;
}

#entregue {
    float: left;
    height: 40px;
    width: 100%;
}

.entregaREALIZADA {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #666;
    padding-left: 6px;
}

#instrucao {
    border: 1px solid #BDC7D8;
    background-color: #EDEFF4;
    float: left;
    width: 98%;
    margin: 3px;
}

#infonavio {
    float: left;
    width: 98%;
    padding: 3px;
    border: 1px solid #8FC764;
    margin: 3px;
}

#transporte {
    background-color: #F0F0F0;
    width: 95%;
    margin: 3px;
    padding: 3px;
    border: 1px solid #D8D8D8;
    float: left;
}

.status_data {
    float: left;
    width: 135px;
    border: 1px dotted #999;
    margin-left: 8px;
    padding-left: 5px;
    margin-right: 4px;
    margin-bottom: 5px;
}

.status_txt {
    float: left;
    width: 350px;
    margin-right: 5px;
    margin-left: 5px;
    padding-right: 3px;
    padding-left: 5px;
    border: 1px dotted #999;
    margin-bottom: 5px;
}

.status_operador {
    float: left;
    width: 80px;
    margin-right: 5px;
    margin-left: 5px;
    padding-right: 3px;
    padding-left: 5px;
    border: 1px dotted #999;
    margin-bottom: 5px;
}

.status_hora {
    float: left;
    width: 40px;
    margin-right: 5px;
    margin-left: 5px;
    padding-right: 3px;
    padding-left: 5px;
    border: 1px dotted #999;
    margin-bottom: 5px;
}

#salvo_imagem {
    width: 400px;
    float: left;
}

#salvo_imagem2 {
    width: 400px;
    float: left;
}

#anexos {
    width: 400px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-variant: normal;
    color: #205140;
    background-color: #E6F2DA;
    float: left;
    border: 1px solid #20510F;
}

.img_anexa {
    float: left;
    margin-top: 2px;
    margin-right: 5px;
    margin-left: 8px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #999;
    font-size: 11px;
    font-weight: normal;
    font-variant: normal;
    color: #666;
    padding: 2px;
    width: 230px;
    text-align: left;
}

.img_data {
    float: left;
    width: 115px;
    margin-left: 8px;
    margin-top: 2px;
    padding: 2px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #999;
    font-size: 8px;
    height: 17px;
    text-align: left;
}

#img_titulo {
    float: left;
    height: 17px;
    width: 97%;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #20510F;
    text-align: left;
    padding-left: 10px;
}

.txtvermelho {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-variant: normal;
    color: #900;
}

.enviarimg {
    width: 220px;
}

.LISTA_linha {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #666;
    padding-left: 4px;
    line-height: 20px;
    padding-top: 4px;
    /*    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 80px;*/
}

.LISTA_linha_rast {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #666;
    padding-left: 4px;
    line-height: 20px;
    padding-top: 4px;
    border-left-width: 1px;
    border-left-style: dashed;
    border-left-color: #E4E8E9;
}

#lista_busca {
    background-color: #FFF;
    float: left;
    height: auto;
    width: auto;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #999;
    border-right-color: #999;
    border-left-color: #999;
    padding: 3px;
    border-radius: 0 15px;
    -moz-border-radius: 0 15px 0 0;
    /* Implementação Mozilla */
    -webkit-border-radius: 0 15px 0 0;
    /* Implementação para browsers que renderizam via webkit(Safári, Opera, Chrome) */
    clear: both;
    margin-top: 33px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

#amarra {
    height: 90px;
    width: 100%;
}

#img_container {
    float: right;
    height: 90px;
    width: 310px;
}

.quadroPAGINA {
    margin: 3px;
    padding: 3px;
    border: 1px solid #666;
}

.linhaVERTICALdireita {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #999;
}

#dv_motorista {
    width: 106px;
    float: left;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #999;
    padding-left: 5px;
}

#dv_veiculo {
    width: 108px;
    float: left;
    margin-left: 9px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #999;
}

#dv_tipo {
    float: left;
    margin-left: 7px;
    width: 56px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #999;
}

#dv_container {
    float: left;
    margin-left: 7px;
    width: 112px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #999;
}

#salva_motorista {
    float: left;
    width: 410px;
    height: auto;
}

#salva_motorista2 {
    float: left;
    width: 300px;
    height: auto;
    background: none;
}

#preto {
    background-image: url('/img/fundo_ajax.png');
    background-repeat: repeat;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

.transparencia {
    position: fixed !important;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    color: #000000;
    display: none;
    background-image: url('/img/fundo_ajax.png');
    background-repeat: repeat;
}

*.transparencia {
    filter: alpha(opacity=60);
}

.incluir_empresa {
    position: fixed !important;
    position: absolute;
    width: 400px;
    height: 260px;
    margin-top: 10%;
    margin-left: 40%;
    z-index: 15;
    background-color: #FFF;
    border: 1px solid #60C;
}

#somando {
    right: 100%;
}

.quadroMENU {
    height: 50px;
    width: auto;
    text-align: center;
    line-height: 43px;
    background-color: #FFF;
    float: right;
    margin-left: 5px;
    padding-right: 16px;
    padding-left: 16px;
    /* Implementação Mozilla */
    -moz-border-radius: 15px 15px 0px 0px;
    border-radius: 15px 15px 0px 0px;
    /* Implementação para browsers que renderizam via webkit(Safári, Opera, Chrome) */
    -webkit-border-radius: 15px 15px 0px 0px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #03C;
    border-right-color: #03C;
    border-left-color: #03C;
    margin-right: 2px;
}

.imput_true {
    background-color: #F1F5F5;
    border: 1px solid #599BFF;
    color: #999;
}

.imput_alteravel {
    border: 1px solid #81B7F3;
    background-color: #FFF;
    color: #060;
}

#div_equipamento {
    width: 219px;
    position: absolute;
    BACKGROUND-COLOR: #f6f3f3;
    BORDER: 1px solid #cccccc;
    display: none;
}

.textogrande {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-variant: normal;
    color: #666;
}

.header-box {
    width: 100%;
    background: url('/img/menu_borda_centro.png') repeat-x left top;
    position: relative;
    z-index: 0
}

.header-box .left {
    background: url('/img/menu_borda_esquerda.gif') no-repeat left top;
    z-index: 0
}

.header-box .right {
    background: url('/img/menu_borda_direita.gif') no-repeat right top;
    height: 181px;
    z-index: 0
}

#mostra_capcha {
    height: 120px;
    width: 300px;
    float: left;
    position: absolute;
    background-color: #FFF;
    margin-top: 300px;
    margin-right: auto;
    margin-left: auto;
    border: 2px solid #000;
    display: none;
}

.LINHA_PONT_VERTICAL {
    border-right-width: 1px;
    border-right-style: dotted;
    border-right-color: #333;
}

.quadro_informacoes {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: dotted;
    border-bottom-style: dotted;
    border-right-color: #333;
    border-bottom-color: #333;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 5px;
    border-right-width: 1px;
}

.BOTAO_EVNIAR {
    border: 2px solid #999;
    font-family: Verdana, Geneva, sans-serif;
    height: 30px;
    margin: 4px;
}

.BOTAO_ENVIAR {
    border: 2px solid #999;
    font-family: Verdana, Geneva, sans-serif;
    height: 30px;
    margin: 4px;
}

.printCTEmd {
    float: left;
    height: 15px;
    width: auto;
    background-color: #C7FACF;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 3px;
}

#carregando {
    background: #000 url('/img/fundoModal.png');
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    cursor: pointer;
    z-index: 99999;
    display: none;
}

#gerando {
    padding: 5px;
    float: left;
    width: 400px;
    height: auto;
    text-align: center;
    vertical-align: middle;
    background-color: rgb(240, 238, 223);
    position: fixed;
    margin-left: -210px;
    left: 50%;
    top: 350px;
    font-size: 18pt;
    box-shadow: 0 0 5px #555;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

#windows-popup {
    font-family: Arial, Verdana, Helvetica;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    float: left;
    z-index: 999999;
    display: none;
}

.Okentendi {
    border: 2px solid #D97C00;
    padding: 10px;
    background-color: #F58A00;
    color: #FFF;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    font-variant: normal;
    float: left;
    margin-bottom: 10px;
    margin-right: 20px;
}

#euEntendi {
    float: left;
    height: auto;
    width: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: 10px;
}

#calculandoFrete {
    border: 1px solid #F60;
    height: auto;
    width: 100%;
    padding: 5px;
    display: none;
}

.botaoNfe {
    border: 1px solid #999;
    padding: 5px;
    float: left;
    height: auto;
    width: auto;
    background-color: #FBDDBF;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    margin-right: 15px;
    text-align: center;
}

.botaoEminuta {  
    border: 1.5px solid #0b03a3;
    padding: 0 10px 0 15px;
    min-width: 110px;
    min-height: 40px;
    background-color: #ffffff;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    text-align: right;
}

.botaoAutRetirada {  
    border: 1.5px solid black;
    padding: 0 10px 0 15px;
    min-width: 110px;
    min-height: 41px;
    background-color: #ffffff;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    text-align: center;
    gap: 5px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.botaoWhatsPreAlerta {  
    border: 1.0px solid black;
    padding: 0 10px 0 15px;
    min-width: 110px;
    min-height: 39px;
    background-color: #ffffff;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    text-align: center;
    gap: 5px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.botaoEminuta i {
    float: left;
    margin-right: -10px;
}

.campo {
    margin: 1px;
    padding: 1px;
}

.botaoAdd {
    padding-right: 2px;
    padding-left: 2px;
    margin-right: 2px;
    margin-left: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
    height: 18px;
    width: 30px;
    font-weight: bold;
    color: #900;
    border: 1px solid #B5B5B5;
}

.obrigatorios {
    border: 1px solid #999;
    font-family: Calibri, Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    color: #666;
    PADDING-LEFT: 2px;
    BACKGROUND: #f3f3f3;
}

.ui-progressbar {
    position: relative;
}

.progress-label {
    position: absolute;
    left: 50%;
    top: 4px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
}

.txt_filtro {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #333;
}

.click:hover {
    cursor: pointer;
}

tr.click:hover {
    background: #D7D1F0 !important;
}

.erro {
    border-color: #f00;
    background-color: #FBDDBF;
}

.sucesso {
    background-color: #99ff99;
}

.BOTAOvermelho {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #F00;
    height: 24px;
    width: 103px;
    border: 1px solid #930;
    background-color: #FFDECE;
    transition: .05s;
}

.BOTAOvermelho:hover {
    cursor: pointer;
}

.BOTAOvermelho:active {
    background-color: #930;
    color: white;
}

.BOTAOverde {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #070;
    height: 24px;
    width: 103px;
    border: 1px solid #090;
    background-color: #ddffdd;
}

.BOTAOverde:hover {
    cursor: pointer;
}

.width-100px {
    width: 100px;
}

.width-150px {
    width: 150px;
}

.width-200px {
    width: 200px;
}

.width-250px {
    width: 250px;
}

.width-300px {
    width: 300px;
}


.height-16px {
    height: 16px;
}

.font-weight-normal {
    font-weight: normal;
}

.margin-top-5 {
    margin-top: 5px;
}

.color-black {
    color: #000;
}

.padding-left-5px {
    padding-left: 5px;
}

.padding-bottom-5px {
    padding-bottom: 5px;
}

.background-cinza {
    background: #F3F3F3;
}

.display-inline {
    display: inline;
}

.BOTAOverde:active {
    background-color: #090;
    color: white;
}

.required {
    border-color: #f55;
    border-width: 1px;
}

.fake_required {
    border-color: #f55;
    border-width: 1px;
}

span.required  {
	border: 1.6px solid #f55; 
	padding: 2px 6px;         
}

input.required:where([type="checkbox"], [type="radio"]) {
    filter: drop-shadow(0 0 1px #f55) !important;
}

.require_once {
    border-color: #C3AAFF;
    border-width: 1px;
}

.require_once:focus {
    border-color: #C3AAFF !important;
    border-width: 1px;
}

.titulo {
    font-size: 21px;
    color: #06C;
    font-weight: normal;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
}

.bold-click {
    font-weight: bold;
    cursor: pointer;
}

.brudam-confirma-main {
    font-size: 18px;
    font-weight: bold;
}

.transferencia {
    display: none;
}

.style_hide {
    display: none;
}

.btn-print {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #063568;
    font-family: Arial;
    color: #063568;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-print:hover {
    background: #e6faff;
    background: #e6ffff;
    color: #063568;
    text-decoration: none;
    cursor: pointer;
}

.btn-print:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f02f";
    display: inline-block;
}

.btn-import {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #4a545e;
    font-family: Arial;
    color: #4a545e;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-import:hover {
    background: #e6faff;
    background: #e6ffff;
    color: #4a545e;
    text-decoration: none;
    cursor: pointer;
}

.btn-import:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f093";
    display: inline-block;
}

.btn-copy {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #063568;
    font-family: Arial;
    color: #063568;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-copy:hover {
    background: #e6ffff;
    color: #063568;
    text-decoration: none;
    cursor: pointer;
}

.btn-copy:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f067";
    display: inline-block;
}

.btn-ocorre {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #776918;
    font-family: Arial;
    color: #776918;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-ocorre:hover {
    background: #ffffe6;
    color: #776918;
    text-decoration: none;
    cursor: pointer;
}

.btn-ocorre:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f041";
    display: inline-block;
}

.btn-acompanhante {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #86862d;
    font-family: Arial;
    color: #86862d;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-acompanhante:hover {
    background: #e6ffe6;
    color: #86862d;
    text-decoration: none;
    cursor: pointer;
}

.btn-acompanhante:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f234";
    display: inline-block;
}

.btn-acompanhante2 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #b21515;
    font-family: Arial;
    color: #b21515;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-acompanhante2:hover {
    background: #ffe6e6;
    color: #b21515;
    text-decoration: none;
    cursor: pointer;
}

.btn-acompanhante2:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f0c0";
    display: inline-block;
}

.btn-excel {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #0f7409;
    font-family: Arial;
    color: #0f7409;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-excel:hover {
    background: #e6ffe6;
    color: #0f7409;
    text-decoration: none;
    cursor: pointer;
}

.btn-excel:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f1c3";
    display: inline-block;
}

.btn-aprovar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #248f24;
    font-family: Arial;
    color: #248f24;
    font-size: 14px;
    background: #f3f3f3;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-aprovar:hover {
    background: #e6ffe6;
    color: #248f24;
    text-decoration: none;
    cursor: pointer;
}

.btn-aprovar:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f046";
    display: inline-block;
}

.btn-processar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #0066cc;
    font-family: Arial;
    color: #0066cc;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-processar:hover {
    background: #e6f2ff;
    text-decoration: none;
    cursor: pointer;
}

.btn-processar:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f085";
    display: inline-block;
}

.btn-lancamento {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #7e7e7e;
    font-family: Arial;
    color: #7e7e7e;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-lancamento:hover {
    background: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.btn-lancamento:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f016";
    display: inline-block;
}

.btn-magic {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #666666;
    font-family: Arial;
    color: #1e76af;
    font-size: 14px;
    background: #fff;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-magic:hover {
    background: #f3f3f3;
    color: #1e76af;
    text-decoration: none;
    cursor: pointer;
}

.btn-magic:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f0d0";
    display: inline-block;
}

.btn-salvar-cinza {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #00671e;
    font-family: Arial;
    color: #00671e;
    font-size: 14px;
    background: #cdf9da;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-salvar-cinza:hover {
    background: #b8ffcd;
    color: #00671e;
    text-decoration: none;
    cursor: pointer;
}

.btn-salvar-cinza:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f0c7";
    display: inline-block;
}


/* SALVAR */

.btn-salvar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #073C05;
    font-family: Arial;
    color: #073C05;
    border: 1px solid #145214;
    font-family: Arial;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    width: 110px;
}

.btn-salvar:hover {
    color: #145214;
    background: #e6ffe6;
    text-decoration: none;
    cursor: pointer;
}

.btn-salvar:before {
    font-family: FontAwesome;
    margin-right: 5px;
    font-size: 17px;
    content: "\f0c7";
    display: inline-block;
}

/* ATIVAR */

.btn-ativar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #090;
    font-family: Arial;
    color: #090;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-ativar:hover {
    color: #090;
    background: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.btn-ativar:before {
    font-family: FontAwesome;
    margin-right: 5px;
    font-size: 17px;
    content: "\f00c";
    display: inline-block;
}


/* CALCULAR */

.btn-calcular {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #063568;
    font-family: Arial;
    color: #063568;
    font-size: 14px;
    background: #fbfbff;
    padding: 4px 15px 5px 15px;
    text-decoration: none;
}

.btn-calcular:hover {
    background: #e6ffff;
    text-decoration: none;
    cursor: pointer;
}

.btn-calcular:before {
    font-family: FontAwesome;
    font-size: 13px;
    content: "\f1ec";
    display: inline-block;
}


/* ADICIONAR */

.btn-adicionar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #7e7e7e;
    font-family: Arial;
    color: #7e7e7e;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-adicionar:hover {
    color: #7e7e7e;
    background: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.btn-adicionar:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f067";
    display: inline-block;
}


/* PESQUISAR */

.btn-pesquisar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #e2e2e2;
    font-family: Arial;
    color: #ffffff;
    font-size: 17px;
    background: #b7b7b7;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-pesquisar:hover {
    background: #949494;
    text-decoration: none;
    cursor: pointer;
}

.btn-pesquisar:before {
    font-family: FontAwesome;
    font-size: 14px;
    content: "\f002";
    display: inline-block;
}

/* Novo estilo de botão de PESQUISAR */
.btn-search {
    border-radius: 0;

    color: #3b332f;

    border: 1px solid #5f5b58;

    font-family: arial;

    font-size: 14px;

    background-color: #f8f8f8;

    padding: 6px 17px 6px 17px;

    text-decoration: none;
    display: flex;
    flex-direction: row;

    gap: 0.2vw;
}

.btn-search:hover {
    background-color: #e0dcd8;
}

/* AUTORIZAR */

.btn-autorizar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #7e7e7e;
    font-family: Arial;
    color: #7e7e7e;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-autorizar:hover {
    background: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.btn-autorizar:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f164";
    display: inline-block;
}

/* botão de pesquisar com icon */
.btn-search-ico {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

    color: #3b332f;
    border: 1px solid #5f5b58;

    font-family: arial;

    font-size: 14px;

    background-color: #f8f8f8;

    padding: 6px 17px 6px 17px;

    text-decoration: none;

}

.btn-search-ico:hover {
    background-color: #e0dcd8;
}

.btn-search-ico:before {
    font-family: FontAwesome;
    margin-right: 5px;
    /* font-size: 17px; */
    content: "\f002";
    display: inline-block;
}

/* ATUALIZAR */

.btn-atualizar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #009933;
    font-family: Arial;
    color: #009933;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-atualizar:hover {
    background: #2e993324;
    text-decoration: none;
    cursor: pointer;
}

.btn-atualizar:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f021";
    display: inline-block;
}


/* CANCELAR */

.btn-cancelar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #a40210;
    font-family: Arial;
    color: #a40210;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    width:125px;
}

.btn-cancelar:hover {
    background: #ffe6e6;
    color: #a40210;
    text-decoration: none;
    cursor: pointer;
}

.btn-cancelar:before {
    font-family: FontAwesome;
    margin-right: 5px;
    font-size: 17px;
    content: "\f05e";
    display: inline-block;
}

/* CANCELAR 2 */

.btn-cancelar2 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #a40210;
    font-family: Arial;
    color: #a40210;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    width:165px;
}

.btn-cancelar2:hover {
    background: #ffe6e6;
    color: #a40210;
    text-decoration: none;
    cursor: pointer;
}

.btn-cancelar2:before {
    font-family: FontAwesome;
    margin-right: 5px;
    font-size: 17px;
    content: "\f05e";
    display: inline-block;
}

/* SOLICITAR TABELA */

.btn-importar2 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #4ED838;
    font-family: Arial;
    color: #4ED838;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    width: 165px;
}

.btn-importar2:hover {
    background: #e6ffe6;
    color: #4ED838;
    text-decoration: none;
    cursor: pointer;
}

.btn-importar2:before {
    font-family: FontAwesome;
    margin-right: 5px;
    font-size: 17px;
    content: "\f56f"; /* File Import Icon */
    display: inline-block;
}



/* EXPORTAR TABELA */
.btn-exportar2 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #063568;
    font-family: Arial;
    color:#063568;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    width: 170px;
}

.btn-exportar2:hover {
    background: #e6ffe6;
    color: #063568;
    text-decoration: none;
    cursor: pointer;
}

.btn-exportar2:before {
    font-family: FontAwesome;
    margin-right: 5px;
    font-size: 17px;
    content: "\f56e"; /* Export Icon */
    display: inline-block;
}


/* LISTAR */

.btn-listar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #776918;
    font-family: Arial;
    color: #776918;
    font-size: 14px;
    background: #f3f1e5;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-listar:hover {
    background: #fffbe1;
    color: #776918;
    text-decoration: none;
    cursor: pointer;
}

.btn-listar:before {
    font-family: FontAwesome;
    font-size: 14px;
    content: "\f022";
    display: inline-block;
}


/* INCLUIR */

.btn-incluir {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #776918;
    font-family: Arial;
    color: #776918;
    font-size: 14px;
    background: #f3f1e5;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-incluir:hover {
    background: #fffbe1;
    color: #776918;
    text-decoration: none;
    cursor: pointer;
}

.btn-incluir:before {
    font-family: FontAwesome;
    font-size: 17px;
    display: inline-block;
}


/* FINALIZAR */

.btn-finalizar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #537f33;
    font-family: Arial;
    color: #537f33;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-finalizar:hover {
    background: #ffffff;
    color: #537f33;
    text-decoration: none;
    cursor: pointer;
}

.btn-finalizar:before {
    font-family: FontAwesome;
    font-size: 17px;
    margin-right: 5px;
    content: "\f00c";
    display: inline-block;
}


/* SENHA */

.btn-senha {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #7e7e7e;
    font-family: Arial;
    color: #7e7e7e;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-senha:hover {
    color: #7e7e7e;
    background: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.btn-senha:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f084";
    display: inline-block;
}

.btn-small {
    font-size: 12px !important;
    padding: 5px 5px 5px 5px !important;
}

.btn-small:after {
    font-size: 12px !important;
}

.btn-salvar-novo {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #54b36f;
    font-family: Arial;
    color: #12981f;
    font-size: 14px;
    background: #fff;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-salvar-novo:hover {
    background: #f3f3f3;
    color: #12981f;
    text-decoration: none;
    cursor: pointer;
}

.btn-salvar-novo:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f0c7";
    display: inline-block;
}


/* VOLTAR */

.btn-voltar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #776918;
    font-family: Arial;
    color: #776918;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    float: right;
}

.btn-voltar:hover {
    text-decoration: none;
    cursor: pointer;
    background: #ffffe6;
}

.btn-voltar:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f112";
    display: inline-block;
}


/* EXCLUIR / REMOVER */

.btn-excluir {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #a40210;
    font-family: Arial;
    color: #a40210;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-excluir:hover {
    background: #ffe6e6;
    color: #a40210;
    text-decoration: none;
    cursor: pointer;
}

.btn-excluir:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f1f8";
    display: inline-block;
}

.btn-excluir-btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #a40210;
    font-family: Arial;
    color: #a40210;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-excluir-btn:hover {
    background: #f8f8f8;
    color: #a40210;
    text-decoration: none;
    cursor: pointer;
}

.btn-excluir-btn:before {
    font-family: FontAwesome;
    font-size: 17px;
    display: inline-block;
}

.btn-ativar-btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #537f33;
    font-family: Arial;
    color: #537f33;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-ativar-btn:hover {
    background: #e6ffe6;
    color: #537f33;
    text-decoration: none;
    cursor: pointer;
}

.btn-ativar-btn:before {
    font-family: FontAwesome;
    font-size: 17px;
    display: inline-block;
    content: "\f00c";
}


/* BOTAO BRANCO */

.btn-white {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #000000;
    font-family: Arial;
    color: #000000;
    font-size: 12px;
    background: #FFFFFF;
    text-decoration: none;
    float: right;
    width: 110px;
    height: 40px;
}

.btn-white:hover {
    text-decoration: none;
    cursor: pointer;
}

.btn-incluir-ico {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #776918;
    font-family: Arial;
    color: #776918;
    font-size: 14px;
    background: #f8f8f8;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-incluir-ico:hover {
    background: #ffffe6;
    color: #776918;
    text-decoration: none;
    cursor: pointer;
}

.btn-incluir-ico:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f067";
    display: inline-block;
}

/* Status */

.btn-status {
    border-radius: 0;
    border: 1px solid #ff0000;
    font-family: Arial;
    color: #ff0000;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-status:hover {
    background: #ffe6e6;
    color: #ff0000;
    text-decoration: none;
    cursor: pointer;
}

.btn-status::before {
    font-family: FontAwesome;
    font-size: 17px;
    display: inline-block;
    content: "\f021";
}

/* Conciliar */

.btn-conciliar {
    border: 1px solid #0066cc;
    font-family: Arial;
    color: #0066cc;
    font-size: 14px;
    background: #f8f8f8;
    padding: 5px 20px 5px 20px;
    text-decoration: none;

}

.btn-conciliar:hover {
    background-color: #e6ffff;
}

.btn-conciliar::before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f085";
    display: inline-block;
}

/* QR CODE */

.btn-qrcode {
    border-radius: 0;
    border: 1px solid #063568;
    font-family: Arial;
    color: #063568;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;

}

.btn-qrcode:hover {
    background-color: #e6ffff;
}

.btn-qrcode::before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f02f";
    display: inline-block;
}

/* Botão Copiar Zona */
.btn-copiarzona {
    border-radius: 0;
    border: 1px solid #063568;
    font-family: Arial;
    color: #063568;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-copiarzona:hover {
    background-color: #e6ffff;

}

.btn-copiarzona::before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f067";
    display: inline-block;
}

/* Botão Importar */
.btn-importar {

    border-radius: 0;
    border: 1px solid #063568;
    font-family: Arial;
    color: #063568;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;

}

.btn-importar:hover {
    background-color: #e6ffff;
}

.btn-importar::before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f093";
    display: inline-block;
}

/* ENVIAR */

.btn-enviar-ico {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #776918;
    font-family: Arial;
    color: #776918;
    font-size: 14px;
    background: #f8f8f8;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-enviar-ico:hover {
    background: #ffffe6;
    color: #776918;
    text-decoration: none;
    cursor: pointer;
}

.btn-enviar-ico:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f1d8";
    display: inline-block;
}


/* VISUALIZAR */

.btn-visualizar-ico {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #afafaf;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    background: #b7b7b7;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-visualizar-ico:hover {
    background: #949494;
    text-decoration: none;
    cursor: pointer;
}

.btn-visualizar-ico:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f06e";
    display: inline-block;
}

.btn-xml-ico {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #333;
    font-family: Arial;
    color: #333;
    font-size: 14px;
    background: #f8f8f8;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-xml-ico:hover {
    background: #f0f0f5;
    color: #333;
    text-decoration: none;
    cursor: pointer;
}

.btn-xml-ico:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f1c9";
    display: inline-block;
}

#modulosATIVO a:visited {
    color: #fff !important;
}

#modulosATIVO a:link {
    color: #fff !important;
}

.onlyExcel {
    display: none;
}

.btn-grafico:hover {
    color: #063568;
    background: #e6ffff;
    text-decoration: none;
    cursor: pointer;
}

.btn-grafico:hover {
    color: #063568;
    background: #e6ffff;
    text-decoration: none;
    cursor: pointer;
}

.btn-grafico {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #063568;
    font-family: Arial;
    color: #063568;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-grafico {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #063568;
    font-family: Arial;
    color: #063568;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-grafico:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f201";
    display: inline-block;
}

.btn-grafico:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f201";
    display: inline-block;
}

.btn-danfe {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    height: 27px;
    width: 105px;
    border: 1px solid #063568;
    font-family: Arial;
    color: #063568;
    font-size: 14px;
    background: #f8f8f8;
    /*padding: 10px 20px 10px 20px;*/
    text-decoration: none;
}

.btn-danfe:hover {
    background: #ffffff;
    color: #063568;
    text-decoration: none;
    cursor: pointer;
}

.btn-danfe:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f0c5";
    display: inline-block;
}

.btn-upload {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #063568;
    font-family: Arial;
    color: #063568;
    font-size: 14px;
    background: #f8f8f8;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-upload:hover {
    background: #e6ffff;
    color: #063568;
    text-decoration: none;
    cursor: pointer;
}

.btn-upload:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f093";
    display: inline-block;
}

.btn-cloud-upload {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #063568;
    font-family: Arial;
    color: #063568;
    font-size: 14px;
    background: #f8f8f8;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-cloud-upload:hover {
    background: #e6ffff;
    color: #063568;
    text-decoration: none;
    cursor: pointer;
}

.btn-cloud-upload:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f0ee";
    display: inline-block;
}

.btn-tag {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #b8860b;
    font-family: Arial;
    color: #b8860b;
}

.btn-minuta-valor {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #1f7a1f;
    font-family: Arial;
    color: #1f7a1f;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-minuta-valor:hover {
    color: #1f7a1f;
    background: #e6ffe6;
    text-decoration: none;
    cursor: pointer;
}

.btn-minuta-valor:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f155";
    display: inline-block;
}

.btn-tag {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #e68a00;
    font-family: Arial;
    color: #e68a00;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-tag:hover {
    background: #ffffff;
    color: #b8860b;
    text-decoration: none;
    cursor: pointer;
}

.btn-tag:hover {
    color: #e68a00;
    background: #ffffe6;
    text-decoration: none;
    cursor: pointer;
}

.btn-tag:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f02a";
    display: inline-block;
}

.btn-valor-minuta {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #194F9A;
    font-family: Arial;
    color: #194F9A;
}

.btn-envia-dacte {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #4c0080;
    font-family: Arial;
    color: #4c0080;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-envia-dacte:hover {
    color: #4c0080;
    background: #f5e6ff;
    text-decoration: none;
    cursor: pointer;
}

.btn-envia-dacte:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f1d8";
    display: inline-block;
}

.btn-pendente {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #776918;
    font-family: Arial;
    color: #776918;
    font-size: 14px;
    background: #f3f1e5;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-pendente:hover {
    background: #fffbe1;
    color: #776918;
    text-decoration: none;
    cursor: pointer;
}

.btn-pendente:before {
    font-family: FontAwesome;
    font-size: 17px;
    display: inline-block;
    content: "\f017";
}

.btn-alterar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #ff0000;
    font-family: Arial;
    background: #f8f8f8;
    color: #ff0000;
    font-size: 14px;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-alterar:hover {
    background: #ffe6e6;
    color: #ff0000;
    text-decoration: none;
    cursor: pointer;
}

.btn-alterar:before {
    font-family: FontAwesome;
    font-size: 17px;
    display: inline-block;
    content: "\f021";
}

.btn-consulta-valor {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #776918;
    font-family: Arial;
    background: #f8f8f8;
    color: #776918;
    font-size: 14px;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-consulta-valor:hover {
    background: #ffffe6;
    color: #776918;
    text-decoration: none;
    cursor: pointer;
}

.btn-consulta-valor:before {
    font-family: FontAwesome;
    font-size: 17px;
    display: inline-block;
    content: "\f002";
}

.btn-comissao {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #776918;
    font-family: Arial;
    background: #f8f8f8;
    color: #776918;
    font-size: 14px;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-comissao:hover {
    background: #ffffe6;
    color: #776918;
    text-decoration: none;
    cursor: pointer;
}

.btn-comissao:before {
    font-family: FontAwesome;
    font-size: 17px;
    display: inline-block;
    content: "\f0fe";
}

.btn-vincular {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #248f24;
    font-family: Arial;
    background: #f8f8f8;
    color: #248f24;
    font-size: 14px;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-vincular:hover {
    background: #e6ffe6;
    color: #248f24;
    text-decoration: none;
    cursor: pointer;
}

.btn-vincular:before {
    font-family: FontAwesome;
    font-size: 17px;
    display: inline-block;
    content: "\f0ce";
}

.btn-gerar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #248f24;
    font-family: Arial;
    background: #f8f8f8;
    color: #248f24;
    font-size: 14px;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-gerar:hover {
    background: #e6ffe6;
    color: #248f24;
    text-decoration: none;
    cursor: pointer;
}

.btn-gerar:before {
    font-family: FontAwesome;
    font-size: 17px;
    display: inline-block;
    content: "\f234";
}

.btn-liberar {
    width: 120px;
    height: 40px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #248f24;
    font-family: Arial;
    background: #f8f8f8;
    color: #248f24;
    font-size: 14px;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-liberar:hover {
    background: #e6ffe6;
    color: #248f24;
    text-decoration: none;
    cursor: pointer;
}

.btn-liberar:before {
    font-family: FontAwesome;
    font-size: 17px;
    display: inline-block;
    content: "\f09c";
}

.btn-arquivo {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #248f24;
    font-family: Arial;
    background: #f8f8f8;
    color: #248f24;
    font-size: 14px;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-arquivo:hover {
    background: #e6ffe6;
    color: #248f24;
    text-decoration: none;
    cursor: pointer;
}

.btn-arquivo:before {
    font-family: FontAwesome;
    font-size: 17px;
    display: inline-block;
    content: "\f0f6";
}

.btn-arquivo-xml {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #248f24;
    font-family: Arial;
    background: #f8f8f8;
    color: #248f24;
    font-size: 14px;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-arquivo-xml:hover {
    background: #e6ffe6;
    color: #248f24;
    text-decoration: none;
    cursor: pointer;
}

.btn-arquivo-xml:before {
    font-family: FontAwesome;
    font-size: 17px;
    display: inline-block;
    content: "\f016";
}

.btn-download {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #333;
    font-family: Arial;
    color: #333;
    font-size: 14px;
    background: #f8f8f8;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-download:hover {
    background: #e6eeff;
    color: #333;
    text-decoration: none;
    cursor: pointer;
}

.btn-download:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f019";
    display: inline-block;
}

.btn-calcular {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #333;
    font-family: Arial;
    color: #333;
    font-size: 14px;
    background: #f8f8f8;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-calcular:hover {
    background: #e6eeff;
    color: #333;
    text-decoration: none;
    cursor: pointer;
}

.btn-calcular:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f1ec";
    display: inline-block;
}


/*aperto de mão//aceite*/

.btn-handshake {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #248f24;
    font-family: Arial;
    color: #248f24;
    font-size: 14px;
    background: #f8f8f8;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-handshake:hover {
    background: #e6ffe6;
    color: #248f24;
    text-decoration: none;
    cursor: pointer;
}

.btn-handshake:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f2b5";
    display: inline-block;
}

.btn-desconto {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #248f24;
    font-family: Arial;
    color: #248f24;
    font-size: 14px;
    background: #f8f8f8;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-desconto:hover {
    background: #e6ffe6;
    color: #248f24;
    text-decoration: none;
    cursor: pointer;
}

.btn-desconto:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f146";
    display: inline-block;
}

.btn-money {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #248f24;
    font-family: Arial;
    color: #248f24;
    font-size: 14px;
    background: #f8f8f8;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-money:hover {
    background: #e6ffe6;
    color: #248f24;
    text-decoration: none;
    cursor: pointer;
}

.btn-money:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f0d6";
    display: inline-block;
}

.btn-calendar-plus {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #063568;
    font-family: Arial;
    color: #063568;
    font-size: 14px;
    background: #f8f8f8;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-calendar-plus:hover {
    background: #e6ffff;
    color: #063568;
    text-decoration: none;
    cursor: pointer;
}

.btn-calendar-plus:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f271";
    display: inline-block;
}

.btn-zip {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #063568;
    font-family: Arial;
    color: #063568;
    font-size: 14px;
    background: #f8f8f8;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-zip:hover {
    background: #e6ffff;
    color: #063568;
    text-decoration: none;
    cursor: pointer;
}

.btn-zip:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f1c6";
    display: inline-block;
}

.btn-text {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #063568;
    font-family: Arial;
    color: #063568;
    font-size: 14px;
    background: #f8f8f8;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-text:hover {
    background: #e6ffff;
    color: #063568;
    text-decoration: none;
    cursor: pointer;
}

.btn-text:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f0f6";
    display: inline-block;
}

.btn-clone {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #063568;
    font-family: Arial;
    color: #063568;
    font-size: 14px;
    background: #f8f8f8;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-clone:hover {
    background: #e6ffff;
    color: #063568;
    text-decoration: none;
    cursor: pointer;
}

.btn-clone:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f24d";
    display: inline-block;
}

.btn-protocolo {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #063568;
    font-family: Arial;
    color: #063568;
    font-size: 14px;
    background: #f8f8f8;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-protocolo:hover {
    background: #e6ffff;
    color: #063568;
    text-decoration: none;
    cursor: pointer;
}

.btn-protocolo:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f044";
    display: inline-block;
}

.btn-calendario {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #063568;
    font-family: Arial;
    color: #063568;
    font-size: 14px;
    background: #f8f8f8;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-calendario:hover {
    background: #e6ffff;
    color: #063568;
    text-decoration: none;
    cursor: pointer;
}

.btn-calendario:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f073";
    display: inline-block;
}

.btn-aceitar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #0f7409;
    font-family: Arial;
    color: #0f7409;
    font-size: 14px;
    background: #f8f8f8;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-aceitar:hover {
    background: #e6ffe6;
    color: #0f7409;
    text-decoration: none;
    cursor: pointer;
}

.btn-aceitar:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f087";
    display: inline-block;
}

.btn-reply {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #b8860b;
    font-family: Arial;
    color: #b8860b;
    font-size: 14px;
    background: #f8f8f8;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-reply:hover {
    background: #ffffe6;
    color: #b8860b;
    text-decoration: none;
    cursor: pointer;
}

.btn-reply:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f112";
    display: inline-block;
}

.btn-notas {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #776918;
    font-family: Arial;
    color: #776918;
    font-size: 14px;
    background: #f8f8f8;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-notas:hover {
    background: #ffffe6;
    color: #776918;
    text-decoration: none;
    cursor: pointer;
}

.btn-notas:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f016";
    display: inline-block;
}

.btn-montar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #248f24;
    font-family: Arial;
    color: #248f24;
    font-size: 14px;
    background: #f8f8f8;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-montar:hover {
    background: #e6ffe6;
    color: #248f24;
    text-decoration: none;
    cursor: pointer;
}

.btn-montar:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f12e";
    display: inline-block;
}

.btn-stop {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #0066cc;
    font-family: Arial;
    color: #0066cc;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-stop:hover {
    background: #e6f2ff;
    text-decoration: none;
    cursor: pointer;
}

.btn-stop:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f256";
    display: inline-block;
}

.btn-star {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #776918;
    font-family: Arial;
    color: #776918;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-star:hover {
    background: #ffffe6;
    color: #776918;
    text-decoration: none;
    cursor: pointer;
}

.btn-star:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f005";
    display: inline-block;
}

.btn-map {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #063568;
    font-family: Arial;
    color: #063568;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-map:hover {
    background: #e6faff;
    background: #e6ffff;
    color: #063568;
    text-decoration: none;
    cursor: pointer;
}

.btn-map:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f279";
    display: inline-block;
}

.btn-pdf {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #e60000;
    font-family: Arial;
    color: #e60000;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-pdf:hover {
    background: #ffe6e6;
    color: #e60000;
    text-decoration: none;
    cursor: pointer;
}

.btn-pdf:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f1c1";
    display: inline-block;
}

.btn-plane {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #0f7409;
    font-family: Arial;
    color: #0f7409;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-enviar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #776918;
    font-family: Arial;
    color: #776918;
    font-size: 14px;
    background: #ffffff;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
}

.btn-enviar:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f1d8";
    display: inline-block;
}

.active {
    color: #199e4e;
}

.btn-comprovante {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #063568;
    font-family: Arial;
    color: #063568;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-comprovante:hover {
    background: #e6faff;
    background: #e6ffff;
    color: #063568;
    text-decoration: none;
    cursor: pointer;
}

.btn-comprovante:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f1c5";
    display: inline-block;
}

#tooltip {
    display: none;
    position: absolute;
    overflow: hidden;
    visibility: visible;
    width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
}

.btn-rveiculos {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #063568;
    font-family: Arial;
    color: #063568;
    font-size: 14px;
    background: #f8f8f8;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}

.btn-rveiculos:hover {
    background: #e6faff;
    background: #e6ffff;
    color: #063568;
    text-decoration: none;
    cursor: pointer;
}

.btn-rveiculos:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f0d1 ";
    padding-right: 7px;
    display: inline-block;
}

.btn-copiar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #063568;
    font-family: Arial;
    color: #063568;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-copiar:hover {
    background: #e6faff;
    background: #e6ffff;
    color: #063568;
    text-decoration: none;
    cursor: pointer;
}

.btn-copiar:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f0c5";
    display: inline-block;
}

.btn-logs {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #063568;
    font-family: Arial;
    color: #063568;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn-logs:hover {
    background: #e6ffff;
    color: #063568;
    text-decoration: none;
    cursor: pointer;
}

.btn-logs:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f121";
    display: inline-block;
}


/* BEGIN DEFAULT BUTTONS */

.btn {
    /* width: fit-content; */
    height: min-content;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    color: rgba(0, 0, 0, 0.80);
    border: 1px solid;
    border-radius: 2.5px;
    padding: 5px 10px;
    outline: none;
    cursor: pointer;
    transition: background-color 100ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.btn-with-icon {
    width: -webkit-fill-available;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 5px;
}

.btn-with-icon i {
    margin-right: 5px;
}

.btn:active {
    box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
}

.btn-disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .65;
    box-shadow: none;
}

.btn-actions {
    background-color: #fff;
    border-color: #222;
}

.btn-actions:hover {
    background-color: #eeeeee;
    border-color: #222;
}

.btn-default {
    background-color: #eeeeee;
    border-color: #bcbcbc;
}

.btn-default:hover {
    background-color: #e0e0e0;
    border-color: #aeaeae;
}

.btn-small-add {
    font-size: 10px;
    padding: 2px 5px;
    background-color: #ffe0b2;
    border-color: #cbae82;
    border-radius: 2px;
}

.btn-small-add:hover {
    background-color: #ffcc80;
    border-color: #ca9b52;
}

.btn-submit {
    background-color: #c8e6c9;
    border-color: #97b498;
    color: #003300;
}

.btn-submit:hover {
    background-color: #a5d6a7;
    border-color: #75a478;
}

.def-btn-print {
    color: rgb(0, 30, 90);
    border: 1px solid rgba(20, 100, 190, 0.3);
}

.def-btn-print:hover {
    border: 1px solid rgba(20, 100, 190, 0.35);
    background-color: rgba(20, 100, 190, 0.1);
}

.def-btn-print:active {
    background-color: rgba(21, 101, 192, 0.2);
}

.btn-cancel {
    color: #e03131;
    background-color: #fff;
    border-color: #ffc9c9;
}

.btn-cancel:hover {
    background-color: #ffc9c9;
    border-color: #e03131;
}

.btn-functions {
    color: #183153;
    background-color: #fff;
    border-color: #c3c6d1;
}

.btn-functions:hover {
    background-color: #c3c6d1;
    border-color: #183153;
}

.excel-dropdown-button {
    border-radius: 3px 0 0 3px;
    margin: 0;
}

.excel-dropdown-arrow {
    width: min-content;
    border-left: none;
    border-radius: 0 3px 3px 0;
    padding: 5px 10px;
    margin: 0;
}

.excel-dropdown-menu {
    display: flex;
    position: absolute;
    flex-direction: column;
    width: fit-content;
    border: 1px solid #263238;
    border-radius: 2px;
    padding: 3px 0;
    background-color: #eceff1;
    box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.50);
    transform: translateX(125%);
    z-index: 99;
}

.excel-dropdown-menu span {
    font-size: 11px;
    font-weight: bolder;
    vertical-align: middle;
    padding: 5px 10px;
    margin-bottom: 3px;
    color: #263238;
    background-color: #ffffff;
}

.excel-dropdown-menu span:hover {
    cursor: pointer;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.dropdown-hidden {
    visibility: hidden;
}

.dropdown-visible {
    visibility: visible;
}

.excluir-ajudante-icon {
    margin-left: 10px;
    font-size: 14px;
    color: #000000;
    cursor: pointer;
}


/* END DEFAULT BUTTONS */

.info-box {
    display: block;
    min-height: 50px;
    background: #fff;
    width: 96%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    margin: 2%
}

.info-box small {
    font-size: 11px
}

.info-box .progress {
    background: rgba(0, 0, 0, 0.2);
    margin: 5px -10px 5px -10px;
    height: 2px
}

.info-box .progress,
.info-box .progress .progress-bar {
    border-radius: 0
}

.info-box .progress .progress-bar {
    background: #fff
}

.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 51px;
    width: 75px;
    text-align: center;
    font-size: 30px;
    line-height: 50px;
    background: rgba(0, 0, 0, 0.2)
}

.info-box-icon>img {
    max-width: 100%
}

.info-box-content {
    padding: 5px 10px;
    margin-left: 75px
}

.info-box-number {
    display: block;
    font-weight: bold;
    font-size: 18px
}

.progress-description,
.info-box-text {
    display: block;
    font-size: 11px;
    text-overflow: ellipsis
}

.info-box-text {
    text-transform: uppercase
}

.info-box-more {
    display: block
}

.progress-description {
    margin: 0
}

.bg-aqua,
.bg-aqua-active {
    color: #fff !important
}

.bg-aqua {
    background-color: #00c0ef !important
}

.bg-aqua-active {
    background-color: #00a7d0 !important
}

.bg-aqua-gradient {
    background: #00c0ef !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
    background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
    background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;
    background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
    color: #fff
}

/* ------ */

.brd_bg_prm,
.brd_bg_scn,
.brd_bt_prm,
.brd_bt_scn {
    color: #fff;
    padding: 5px 20px;
    border: 1px solid transparent
}

.brd_bg_stn,
.brd_bt_stn {
    color: #666
}

.brd_bg_prm,
.brd_bt_prm {
    background: #F90
}

.brd_bg_scn,
.brd_bt_scn {
    background: #005891
}

.brd_bg_stn,
.brd_bt_stn {
    background: #d8d8d8
}

.brd_bt_prm:hover {
    background: #c97c08
}

.brd_bt_scn:hover {
    background: #013a5e
}

.brd_bt_stn:hover {
    background: #cccccc
}

button,
input[type="submit"],
input[type="button"] {
    cursor: pointer
}

button#excel.btn-excel {
    /* Font & Text */
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    text-decoration: none solid rgb(15, 116, 9);
    text-align: center;
    text-indent: 0px;
    text-transform: none;
    vertical-align: baseline;
    white-space: normal;
    word-spacing: 0px;
    /* Color & Background */
    background-attachment: scroll;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    color: rgb(15, 116, 9);
    /* Box */
    height: 39.9884px;
    width: 119.988px;
    border: 0.99537px solid rgb(15, 116, 9);
    border-top: 0.99537px solid rgb(15, 116, 9);
    border-right: 0.99537px solid rgb(15, 116, 9);
    border-bottom: 0.99537px solid rgb(15, 116, 9);
    border-left: 0.99537px solid rgb(15, 116, 9);
    margin: 0px;
    padding: 10px 20px;
    max-height: none;
    min-height: 0px;
    max-width: none;
    min-width: 0px;
    /* Positioning */
    position: static;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    float: none;
    display: inline-block;
    clear: none;
    z-index: auto;
    /* List */
    list-style-image: none;
    list-style-type: disc;
    list-style-position: outside;
    /* Table */
    border-collapse: separate;
    border-spacing: 1.48148px 1.48148px;
    caption-side: top;
    empty-cells: show;
    table-layout: auto;
    /* Miscellaneous */
    overflow: visible;
    cursor: pointer;
    visibility: visible;
    /* Effects */
    transform: none;
    transition: all 0s ease 0s;
    outline-offset: 0px;
    box-sizing: border-box;
    resize: none;
    text-shadow: none;
    text-overflow: clip;
    word-wrap: normal;
    box-shadow: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

button#baixarXml.btn-xml-ico {
    /* Font & Text */
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    text-decoration: none solid rgb(51, 51, 51);
    text-align: center;
    text-indent: 0px;
    text-transform: none;
    vertical-align: baseline;
    white-space: normal;
    word-spacing: 0px;
    /* Color & Background */
    background-attachment: scroll;
    background-color: rgb(240, 240, 245);
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    color: rgb(51, 51, 51);
    /* Box */
    height: 39.9884px;
    width: 119.988px;
    border: 0.99537px solid rgb(51, 51, 51);
    border-top: 0.99537px solid rgb(51, 51, 51);
    border-right: 0.99537px solid rgb(51, 51, 51);
    border-bottom: 0.99537px solid rgb(51, 51, 51);
    border-left: 0.99537px solid rgb(51, 51, 51);
    margin: 0px;
    padding: 10px 20px;
    max-height: none;
    min-height: 0px;
    max-width: none;
    min-width: 0px;
    /* Positioning */
    position: static;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    float: none;
    display: inline-block;
    clear: none;
    z-index: auto;
    /* List */
    list-style-image: none;
    list-style-type: disc;
    list-style-position: outside;
    /* Table */
    border-collapse: separate;
    border-spacing: 1.48148px 1.48148px;
    caption-side: top;
    empty-cells: show;
    table-layout: auto;
    /* Miscellaneous */
    overflow: visible;
    cursor: pointer;
    visibility: visible;
    /* Effects */
    transform: none;
    transition: all 0s ease 0s;
    outline-offset: 0px;
    box-sizing: border-box;
    resize: none;
    text-shadow: none;
    text-overflow: clip;
    word-wrap: normal;
    box-shadow: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.boletoLinhaCardTop {
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #666;
    padding-left: 4px;
    line-height: 20px;
    padding-top: 4px;
}

.boletoLinhaCardTopRedu {
    padding-left: 4px;
    line-height: 20px;
    padding-top: 4px;
    position: relative;
}

.boletoLinhaCardTopRedu::before {
    content: '';
    position: absolute;
    height: 1px;
    top: 0;
    left: 30%;
    right: 30%;
    border-top: dotted;
    border-top-width: 1px;
}

.boletoTdCards {
    display: inline-flex;
    padding: 8px;
    margin-top: 14px;
    margin-bottom: auto;
    margin-left: 50px;
    margin-right: -45px;
}

.boletoLinhaCards {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
}

.boletoCardsBold {
    font-weight: bold;
}

.boletoTextUpper {
    text-transform: uppercase;
}

.boletoTextNumero {
    color: #00a7d0;
    font-weight: bold;
    font-size: 18px;
}

.boletoCellSpacing {
    border-spacing: 50px 0px;
}

.btnPesquisarFatura {
    height: 30px;
    width: 150px;
    padding: 0px 0px 0px 0px;
}

.coupontooltip {
    display: none;
    position: absolute;
    overflow: hidden;
    visibility: visible;
    max-width: 600px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 8px;
}

.tableTdManutencao {
    padding: 15px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #666;
}

.btn-incluir-ico {
    height: 40px;
    width: 120px;
    margin-left: 10px;
    margin-bottom: 2px
}

#go_back_forbidden_main {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
}

#go_back_forbidden_h1 {
    font-size: 26px;
    color: #000;
}

#go_back_forbidden_a {
    font-size: 16px;
}

.selectableElement {
    display: none;
    text-align: left;
    position: absolute;
    border: 1px solid #000000;
    background: #FFFFFF;
}

.selectableElement>div:nth-child(1) {
    max-height: 200px;
    overflow-y: scroll;
    padding: 10px;
    width: -webkit-fill-available;
    border-bottom: 1px solid #000000;
    background: #FFFFFF;
}

.selectableElement>div:nth-child(2) {
    text-align: right;
    padding: 5px;
    width: 200px;
    background: #FFFFFF;
}

.botaoElement {
    min-width: initial;
    padding-right: 5px;
    padding-left: 5px;
}

.selectableElements {
    display: none;
    position: absolute;
    border: 1px solid #000000;
    background: #FFFFFF;
}

.selectableElements>div {
    max-height: 200px;
    overflow-y: scroll;
    padding: 10px;
    width: -webkit-fill-available;
    background: #FFFFFF;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.cursor-auto {
    cursor: auto;
}

.paramsDivElement {
    margin: 5px;
    border-bottom: 1px dotted #DDD
}

.brudam-confirma {
    font-size: 18px;
    font-weight: bold;
}

.dialog-width-height-filtro-fornecedor {
    width: 100%;
    height: 24px;
}

.btn-mail {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #776918;
    font-family: Arial;
    color: #776918;
    font-size: 14px;
    background: #f8f8f8;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
    height: 40px;
    width: 147px;
    margin-bottom: 2px;
}

.btn-mail:hover {
    background: #ffffe6;
    color: #776918;
    text-decoration: none;
    cursor: pointer;
}

.btn-mail:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f1d8";
    display: inline-block;
}

.btn-exportar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-radius: 0;
    border: 1px solid #0066cc;
    font-family: Arial;
    color: #0066cc;
    font-size: 14px;
    background: #f8f8f8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    width: 121px;
}

.btn-exportar:hover {
    background: #e6f2ff;
    text-decoration: none;
    cursor: pointer;
}

.btn-exportar:before {
    font-family: FontAwesome;
    font-size: 17px;
    content: "\f085";
    display: inline-block;
}

.forbidden_font {
    font-size: 26px;
    color: #000;
}

.text-align-center {
    padding: 0% 10%;
    text-align: center;
}

.email-class {
    color: #003399 !important;
}

.d-none{
    display: none;
}

.d-flex{
    display: flex;
}

.justify-content-between{
    justify-content: space-between;
}

.flex-column{
    flex-direction: column;
}