:root{
  --primary-color: #C9C9C9;
  --secondary-color: #D1D1D1;
  --third-color:  #E0E0E0;

  --fusion-color-th: #2e3336;
  --fusion-color: #2e3336;
  --fusion-font-color: #2e3336;

  --fusion-background-color-th:  #DDDDDD;
  --fusion-border-color:   #afabab;
  --fusion-border-color-th:  #A8A8A8;
  --fusion-background-color-td:  #DDDDDD;
  --fusion-border-color-td:  #F4F5F7;
}

body {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

img{border: 0px;}

A:link {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: red;
  text-decoration: none;
}

A:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: red;
  text-decoration: none;
}

A:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: red;
}

A:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none;
}

a.link_branco:link {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: white;
  text-decoration: none;
}

a.link_branco:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: white;
  text-decoration: none;
}

a.link_branco:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: white;
}

a.link_branco:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: white;
  text-decoration: none;
}

.link:link {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: black;
  text-decoration: none;
}

.link:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: black;
  text-decoration: none;
}

.link:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: black;
}

.link:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none;
}

.font_default {
  font-family: Verdana;
  font-size: 10px;
  color: #383434;
}

.font_palheta {
  font-family: Verdana;
  font-size: 10px;
  color: #FFFFFF;
}

select,input,textarea {
  font-family: Verdana;
  font-size: 10px;
  color: #474141;
  border: 1px #BFBFBF solid;
  font-weight: bold;
  background: #EFEFEF;
}

.tdbottom {
  border: 0px #A8A8A8 solid;
  border-bottom-width: 1px;
  border-right-width: 1px;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  height: 22px;
}

.pedido {
  font-family: courier-new;
  font-size: 14px;
  color: #000000;
}

.table_default {
  border: 0px;
  background-color: #F4F5F7;
}
.table_default tr{
    page-break-inside: avoid !important;
}

.form_title {
  font-family: Verdana;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  height: 20px;
  width: 300px;
  background-image: url('/images/fusion/form_title.png');
  background-repeat: no-repeat;
}

.form_line {
  background: #5e1d1b;
  height: 2px;
}

.form_default {
  font-family: Verdana;
  font-size: 10px;
  color: #545050;
  font-weight: bold;
  width: 400px
}

.pontilhado_novidades {
  border-color: #FFFFFF #FFFFFF #5e5e5e;
  border-style: dotted;
  border-bottom-width: thin
}

.tarjeta {
  font-family: Verdana;
  font-size: 10px;
  color: #545050;
  font-weight: bold;
  background: #B7B7B7;
}

.font_tarjeta {
  font-family: Verdana;
  font-size: 10px;
  color: #000000;
}

.cabecalho {
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 10px;
}

.diaDaSemana {
  border: 2px outset #000000;
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 10px;
  text-align: center;
  font-weight: bold;
}

.diaDoMes {
  background-color: #c0c0c0;
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 10px;
  text-align: center;
}

.hoje {
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 10px;
  color: #9b0404;
  font-weight: bold;
}

.domingo {
  background-color: #c0c0c0;
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 10px;
  color: #43049b;
  font-weight: bold;
}

.calendario {
  background-color: #c0c0c0;
  border: 2px outset white;
  position: absolute;
  top: 1px;
  left: 1px;
}

.calendario {
  background-color: #c0c0c0;
  border: 2px outset white;
  position: absolute;
  top: 1px;
  left: 1px;
}

.fundo {
  background-color: #FFFFFF;
  border: 1px outset white;
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 10px;
  text-align: center;
}

table td{
  font-family: Verdana;
  font-size: 10px;
}


input [type=text]:focus {
  border: 1px red solid;
}

table.fusion {
  border-width: 0;
  border-spacing: 1px;
  background-color: #F4F5F7;
}

table.fusion tr:hover {
  background: #e8e8e8;
  padding: 2px;
  cursor: pointer;
}


table.fusion th {
  border: 0px #A8A8A8 solid;
  border-bottom-width: 1px;
  border-right-width: 1px;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  height: 22px;
  background-color: #DDDDDD;
  text-align: left;
}

table.fusion td {
  border: 0px #A8A8A8 solid;
  border-bottom-width: 1px;
  border-right-width: 1px;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  height: 22px;
}

.progressBackgroundFilter {
  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  overflow:hidden;
  padding:0;
  margin:0;
  background-color:#000;
  z-index:1000;
}



.processMessage {
  position:absolute;
  top:30%;
  left:43%;
  padding:10px;
  width:14%;
  z-index:1001;
  background-color:#fff;
}

.modalTransaction
{
  position:absolute;
  width: 100%;
  height: 100%;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  overflow:hidden;
  padding:0;
  margin:0;
  background-image:url("/images/icons/transparente.gif");
  z-index:1000;
  overflow-y:hidden;
  overflow-x:hidden;
}

.modalBackground
{
  position: absolute;
  z-index: 200;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url("/images/icons/mask.png") !important;  /* Mozilla only */
  background-color: transparent !important;           /* Mozilla only */
  background-image: none;                             /* IE only */
  background-color: #333333;                          /* IE only */
  filter:alpha(opacity=40);
}

.modalIframe {
  position:absolute;
  top: 2.5%;
  bottom: 2.5%;
  left: 2.5%;
  right: 2.5%;
  width:95%;
  height:95%;
  padding:0px;
  background-color:#FFFFFF;
  border-style:solid;
  border-color:#ffffff;
  z-index:399;
  overflow-y:hidden;
  overflow-x:hidden;
}


.modalPopup {
  position:absolute;
  top: 2.5%;
  bottom: 2.5%;
  left: 2.5%;
  right: 2.5%;
  width:95%;
  height:95%;
  padding:0px;
  background-color:#FFFFFF;
  border-width:2px;
  border-style:solid;
  border-color:#ffffff;
  z-index:400;
  overflow-y:hidden;
  overflow-x:hidden;
}

.panel {
  position:absolute;
  top: 29px;
  bottom: 2px;
  left: 0%;
  right: 0%;
  width:100%;
  height:93%;
  padding:0px;
  z-index:500;
  border-collapse:collapse;
  overflow-y:hidden;
  overflow-x:hidden;
  border:none;
  margin: 0;
}


.failureRequest {
  position:absolute;
  top:30%;
  left:30%;
  padding:10px;
  width:400px;
  z-index:10;
  background-color:#fff;
}

ul, li {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background: #FFFFFF;
  color: #333333;
  text-align: left;
}

table.fusion_palheta {
  width: 95%;
}

table.fusion_palheta tr{
  height: 22px;
}

table.fusion_palheta td{
  font-family: Verdana;
  font-size: 10px;
  color: #FFFFFF;
}

table.fusion_detalhes {
  border: 1px;
  width: 95%;
  background-color: #F4F5F7;
}

table.fusion_detalhes tr {
  height: 22px;
  page-break-inside: avoid !important;
}

table.fusion_detalhes td {
  border: 0px #A8A8A8 solid;
  border-bottom-width: 1px;
  border-right-width: 1px;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
}

.space_form {
  width: 10px;
}

#informacoes_objectdata {
  border-collapse: collapse;
  padding: 0;
  background-color: #F7F7F7;
  width: 100%;
  height: 100%;
  border: #333333 solid 1px;
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
}

@page {
  margin: 0pt 0pt 0pt 0pt;
  padding: 5pt 5pt;
  size: A4;
}
/* jquery-ui */
body{ font: 62.5% "Trebuchet MS", sans-serif;}

input[type="file"] {
  width: 150px;
}

/* Web */

.title {
  font-size: 14px;
  font-family: Tahoma, Helvetica, sans-serif;
  font-weight: bold;
  text-align: left;
  color: #333333;
}

.subtitle {
  font-size: 12px;
  font-family: Tahoma, Helvetica, sans-serif;
  font-weight: bold;
  text-align: left;
  color: #333333;
}

.contorno_total {
  border-left: 1px solid rgb(230, 230, 230);
  border-bottom: 1px solid rgb(230, 230, 230);
  border-right: 1px solid rgb(230, 230, 230);
  border-top: 1px solid rgb(230, 230, 230);
}

.contorno_inferior {
  border-left: 1px solid rgb(230, 230, 230);
  border-bottom: 1px solid rgb(230, 230, 230);
  border-right: 1px solid rgb(230, 230, 230);
}

.contorno_bottom {
  border-bottom: 1px solid rgb(230, 230, 230);
}

.contorno_left {
  border-left: 1px solid rgb(230, 230, 230);
}

.contorno_right {
  border-right: 1px solid rgb(230, 230, 230);
}

.fundo_titulo {
  background-image: url(/images/fundo_titulos.gif);
  height: 26px;
  font-size: 12px;
  font-family: Tahoma, Helvetica, sans-serif;
  font-weight: bold;
  text-align: left;
  padding-left: 10px;
  color: #333333;
}

input[type="password"] {
  width: 100px;
}

/* Class de formulários */

table.fusion_form {
  padding: 1px;
  border-spacing: 2px;
  width: 400px;
  font-weight: bold;
  color: #383434;
}

table.fusion_form thead tr td{
  height: 22px;
  color: #FFFFFF;
  background-image:url('/images/fusion/form_title.png');
  background-repeat: no-repeat;
}

table.fusion_form tbody tr {
  height: 22px;
}

table.fusion_form tfoot tr {
  height: 30px;
}

table.fusion_form tfoot tr td {
  text-align: right;
  border-top: 2px solid #5e1d1b;
}

/* Class de página de detalhes */

table.fusion_abas {
  border-spacing: 1px;
  width: 95%;
}

table.fusion_abas tr td{
  color: #FFFFFF;
  height: 20px;
  font-weight: bold;
}

table.fusion_detalhes {
  border-spacing: 1px;
  width: 95%;
  background-color: #F4F5F7;
}

table.fusion_detalhes thead tr td{
  height: 22px;
  background-color: #DDDDDD;
}

table.fusion_detalhes tbody tr {
  height: 22px;
}
table.fusion_detalhes tbody tr:hover{
  background-color: #DDDDDD;
}

table.fusion_detalhes tbody tr td, table.fusion_detalhes tr td {
  border: 0px #A8A8A8 solid;
  border-bottom-width: 1px;
  border-right-width: 1px;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

table.itens_modelos_detalhes_pedido tbody tr {
  page-break-inside: avoid !important;
  height: 22px;
  page-break-inside: avoid !important;
}

/*PEDIDO-DETALHES - MODELO 2*/
table#principal{width: 95%; border: 1px #d0c4c4 solid;}
table#principal #topo{width: 100%; border: 1px #d0c4c4 solid;}
table#principal #topo #logotipo{width: 30%; text-align: center; vertical-align: middle;}
table#principal #topo #nome-fantasia{font-weight: bold; font-size: large}
table#principal #topo #pedido{width: 100%;}
table#principal #topo #pedido #tipo-pedido{font-weight: bold; font-size: x-large; text-align: center}
table#principal #topo #pedido #numero-pedido{font-weight: bold; font-size: large; text-align: center;}
table#principal #topo #cliente-distribuidor{width: 100%; border: 1px #d0c4c4 solid;}

table#principal #cliente{width: 100%;}
table#principal #cliente tbody{width: 100%;}
table#principal #cliente tr td{font-family: Verdana, Arial;}
table#principal #cliente #titulo{background-color: #ece9e9; height: 27px; font-weight: bold; color: #474747; font-size: 14px;}

table#principal #pedido{width: 100%; vertical-align: top;}
table#principal #pedido tr td{font-family: Verdana, Arial;}
table#principal #pedido #titulo{background-color: #ece9e9; height: 27px; font-weight: bold; color: #474747; font-size: 14px;}

table#principal #observacoes{width: 100%; margin: 0px auto;}
table#principal #titulo_tecnica{background-color: #ece9e9; border: solid 1px black; text-align: center}
table#principal #estados_tecnica{border: solid 1px black;}
table#principal #observacoes tr td{font-family: Verdana, Arial;}
table#principal #observacoes #titulo{font-size: 14px;background-color: #ece9e9; height: 25px; font-weight: bold; color: #474747}

table#principal #entrega{width: 100%;}
table#principal #entrega #titulo{background-color: #ece9e9; height: 27px; font-weight: bold; color: #474747; font-size: 14px;}

table#principal #expedicao{width: 100%;}
table#principal #expedicao #titulo{background-color: #ece9e9; height: 27px; font-weight: bold; color: #474747; font-size: 14px;}

table#principal .confirmacao-modelo-2{width: 100%;}
table#principal .confirmacao-modelo-2 #titulo{background-color: #ece9e9; height: 27px; font-weight: bold; color: #474747; font-size: 14px;}

table#principal #label-items{width: 100%; border-collapse: collapse}
table#principal #label-items thead tr td{border: 1px #474747 solid}

table#principal #totais{margin-left: auto; margin-right: 0px}

/*PEDIDO-DETALHES - MODELO 3 */
table#principal-modelo-3{width: 99%}
table#principal-modelo-3 #topo-modelo-3 #logotipo{width: 30%; text-align: center; vertical-align: middle;}
table#principal-modelo-3 #topo-modelo-3{width: 100%; border: 1px #474747 solid;}
table#principal-modelo-3 #topo-modelo-3 #nome-fantasia{font-weight: bold; font-size: large; color: #474747;}
table#principal-modelo-3 #topo-modelo-3 #pedido{width: 100%;}
table#principal-modelo-3 #topo-modelo-3 #pedido #tipo-pedido{font-weight: bold; font-size: x-large; text-align: center; color: #474747;}
table#principal-modelo-3 #topo-modelo-3 #pedido #numero-pedido{font-weight: bold; font-size: large; text-align: center; color: #474747;}

table#principal-modelo-3 #label-items{width: 100%; border-collapse: collapse}
table#principal-modelo-3 #label-items thead tr td{border: 1px #474747 solid; color: #474747}
table#principal-modelo-3 #label-items tbody tr td{border: 1px #474747 solid; color: #474747}

table#principal-modelo-3 #cliente-modelo-3{width: 100%; vertical-align: top;}
table#principal-modelo-3 #cliente-modelo-3 #titulo{border: 1px #000000 solid; height: 27px; font-weight: bold; color: #474747; font-size: 14px;}

table#principal-modelo-3 #pedido-modelo-3{width: 100%; vertical-align: top;}
table#principal-modelo-3 #pedido-modelo-3 #titulo{border: 1px #000000 solid; height: 27px; font-weight: bold; color: #474747; font-size: 14px;}

table#principal-modelo-3 #entrega-modelo-3{width: 100%; vertical-align: top;}
table#principal-modelo-3 #entrega-modelo-3 #titulo{border: 1px #000000 solid; height: 27px; font-weight: bold; color: #474747; font-size: 14px;}

table#principal-modelo-3 #expedicao-modelo-3{width: 100%; vertical-align: top;}
table#principal-modelo-3 #expedicao-modelo-3 #titulo{border: 1px #000000 solid; height: 27px; font-weight: bold; color: #474747; font-size: 14px;}

table#principal-modelo-3 #observacoes-modelo-3{width: 100%; vertical-align: top;}
table#principal-modelo-3 #observacoes-modelo-3 #titulo{border: 1px #000000 solid; height: 27px; font-weight: bold; color: #474747; font-size: 14px;}

table#principal-modelo-3 .confirmacao-modelo-3{width: 100%; vertical-align: top;}
table#principal-modelo-3 .confirmacao-modelo-3 #titulo{border: 1px #000000 solid; height: 27px; font-weight: bold; color: #474747; font-size: 14px;}

table#principal-modelo-3 #totais{margin-left: auto; margin-right: 0px; border-left: 1px #474747 solid; border-right: 1px #474747 solid; border-bottom: 1px #474747 solid; color: #474747}

/*PEDIDO-DETALHES - MODELO 5 */
table#principal-modelo-5{width: 95%;}
table#principal-modelo-5 #topo-modelo-5 #logotipo{width: 30%; text-align: center; vertical-align: middle;}
table#principal-modelo-5 #topo-modelo-5{width: 100%; border: 1px #474747 solid;}
table#principal-modelo-5 #topo-modelo-5 #nome-fantasia{font-weight: bold; font-size: large; color: #474747;}
table#principal-modelo-5 #topo-modelo-5 #pedido{width: 100%;}
table#principal-modelo-5 #topo-modelo-5 #pedido #tipo-pedido{font-weight: bold; font-size: x-large; text-align: center; color: #474747;}
table#principal-modelo-5 #topo-modelo-5 #pedido #numero-pedido{font-weight: bold; font-size: large; text-align: center; color: #474747;}

table#principal-modelo-5 #label-items{width: 100%; border-collapse: collapse}
table#principal-modelo-5 #label-items thead tr td{border: 1px #474747 solid; color: #474747}
table#principal-modelo-5 #label-items tbody tr td{border: 1px #474747 solid; color: #474747}

table#principal-modelo-5 #cliente-modelo-5{width: 100%; vertical-align: top;}
table#principal-modelo-5 #cliente-modelo-5 #titulo{background-color: #ece9e9; border: 1px #000000 solid; height: 27px; font-weight: bold; color: #474747; font-size: 14px;}

table#principal-modelo-5 #pedido-modelo-5{width: 100%; vertical-align: top;}
table#principal-modelo-5 #pedido-modelo-5 #titulo{background-color: #ece9e9; border: 1px #000000 solid; height: 27px; font-weight: bold; color: #474747; font-size: 14px;}

table#principal-modelo-5 #entrega-modelo-5{width: 100%; vertical-align: top;}
table#principal-modelo-5 #entrega-modelo-5 #titulo{background-color: #ece9e9; border: 1px #000000 solid; height: 27px; font-weight: bold; color: #474747; font-size: 14px;}

table#principal-modelo-5 #expedicao-modelo-5{width: 100%; vertical-align: top;}
table#principal-modelo-5 #expedicao-modelo-5 #titulo{background-color: #ece9e9; border: 1px #000000 solid; height: 27px; font-weight: bold; color: #474747; font-size: 14px;}

table#principal-modelo-5 #observacoes-modelo-5{width: 100%; vertical-align: top;}
table#principal-modelo-5 #observacoes-modelo-5 #titulo{background-color: #ece9e9; border: 1px #000000 solid; height: 27px; font-weight: bold; color: #474747; font-size: 14px;}

table#principal-modelo-5 .confirmacao-modelo-5{width: 100%; vertical-align: top;}
table#principal-modelo-5 .confirmacao-modelo-5 #titulo{background-color: #ece9e9; border: 1px #000000 solid; height: 27px; font-weight: bold; color: #474747; font-size: 14px;}

table#principal-modelo-5 #totais{margin-left: auto; margin-right: 0px; border-left: 1px #474747 solid; border-right: 1px #474747 solid; border-bottom: 1px #474747 solid; color: #474747}

/*PEDIDO-DETALHES - MODELO 4 */

table#principal-modelo-4{width: 95%; border: 1px #d0c4c4 solid;}
table#principal-modelo-4 tr td{font-family: "Courier New", Courier, monospace; font-size: 14px}
table#principal-modelo-4 #topo{width: 100%; border: 1px #d0c4c4 solid;}
table#principal-modelo-4 #topo #logotipo{width: 30%; text-align: center; vertical-align: middle;}
table#principal-modelo-4 #topo #nome-fantasia{font-weight: bold; font-size: large}
table#principal-modelo-4 #topo #pedido{width: 100%;}
table#principal-modelo-4 #topo #pedido #tipo-pedido{font-weight: bold; font-size: x-large; text-align: center}
table#principal-modelo-4 #topo #pedido #numero-pedido{font-weight: bold; font-size: large; text-align: center;}
table#principal-modelo-4 #topo #cliente-distribuidor{width: 100%; border: 1px #d0c4c4 solid;}

table#principal-modelo-4 #cliente{width: 100%;}
table#principal-modelo-4 #cliente tbody{width: 100%;}
table#principal-modelo-4 #cliente #titulo{border: 1px #474747 solid; height: 27px; font-weight: bold; color: #474747; font-size: 14px;}

table#principal-modelo-4 #pedido{width: 100%; vertical-align: top;}
table#principal-modelo-4 #pedido #titulo{border: 1px #474747 solid; height: 27px; font-weight: bold; color: #474747; font-size: 14px;}

table#principal-modelo-4 #observacoes{width: 100%; margin: 0px auto;}
table#principal-modelo-4 #observacoes #titulo{font-size: 14px; border: 1px #474747 solid; height: 25px; font-weight: bold; color: #474747}

table#principal-modelo-4 #entrega{width: 100%;}
table#principal-modelo-4 #entrega #titulo{border: 1px #474747 solid; height: 27px; font-weight: bold; color: #474747; font-size: 14px;}

table#principal-modelo-4 #expedicao{width: 100%;}
table#principal-modelo-4 #expedicao #titulo{border: 1px #474747 solid; height: 27px; font-weight: bold; color: #474747; font-size: 14px;}

table#principal-modelo-4 .confirmacao{width: 100%;}
table#principal-modelo-4 .confirmacao #titulo{border: 1px #474747 solid; height: 27px; font-weight: bold; color: #474747; font-size: 14px;}

table#principal-modelo-4 #label-items{width: 100%; border-collapse: collapse}
table#principal-modelo-4 #label-items thead tr td{border: 1px #474747 solid}
table#principal-modelo-4 #label-items tbody tr td{border: 1px #474747 solid; color: #474747}

table#principal-modelo-4 #totais{margin-left: auto; margin-right: 0px; border-left: 1px #474747 solid; border-right: 1px #474747 solid; border-bottom: 1px #474747 solid; color: #474747}

/*PEDIDO-DETALHES - MODELO 6 */

table#principal-modelo-6{width: 95%; border: 1px #d0c4c4 solid;}
table#principal-modelo-6 tr td{font-family: "Courier New", Courier, monospace; font-size: 14px}
table#principal-modelo-6 #topo{width: 100%; border: 1px #d0c4c4 solid;}
table#principal-modelo-6 #topo #logotipo{width: 30%; text-align: center; vertical-align: middle;}
table#principal-modelo-6 #topo #nome-fantasia{font-weight: bold; font-size: large}
table#principal-modelo-6 #topo #pedido{width: 100%;}
table#principal-modelo-6 #topo #pedido #tipo-pedido{font-weight: bold; font-size: x-large; text-align: center}
table#principal-modelo-6 #topo #pedido #numero-pedido{font-weight: bold; font-size: large; text-align: center;}
table#principal-modelo-6 #topo #cliente-distribuidor{width: 100%; border: 1px #d0c4c4 solid;}

table#principal-modelo-6 #cliente{width: 100%;}
table#principal-modelo-6 #cliente tbody{width: 100%;}
table#principal-modelo-6 #cliente #titulo{border: 1px #474747 solid; height: 27px; font-weight: bold; color: #474747; font-size: 14px;background-color: #ece9e9}

table#principal-modelo-6 #pedido{width: 100%; vertical-align: top;}
table#principal-modelo-6 #pedido #titulo{border: 1px #474747 solid; height: 27px; font-weight: bold; color: #474747; font-size: 14px;background-color: #ece9e9}

table#principal-modelo-6 #observacoes{width: 100%; margin: 0px auto;}
table#principal-modelo-6 #observacoes #titulo{font-size: 14px; border: 1px #474747 solid; height: 25px; font-weight: bold; color: #474747; background-color: #ece9e9}

table#principal-modelo-6 #entrega{width: 100%;}
table#principal-modelo-6 #entrega #titulo{border: 1px #474747 solid; height: 27px; font-weight: bold; color: #474747; font-size: 14px;background-color: #ece9e9}

table#principal-modelo-6 #expedicao{width: 100%;}
table#principal-modelo-6 #expedicao #titulo{border: 1px #474747 solid; height: 27px; font-weight: bold; color: #474747; font-size: 14px;background-color: #ece9e9}

table#principal-modelo-6 .confirmacao{width: 100%;}
table#principal-modelo-6 .confirmacao #titulo{border: 1px #474747 solid; height: 27px; font-weight: bold; color: #474747; font-size: 14px;}

table#principal-modelo-6 #label-items{width: 100%; border-collapse: collapse}
table#principal-modelo-6 #label-items thead tr td{border: 1px #474747 solid; font-size: 12px;}
table#principal-modelo-6 #label-items tbody tr td{border: 1px #474747 solid; color: #474747; font-size: 12px;}

table#principal-modelo-6 #totais{margin-left: auto; margin-right: 0px; border-left: 1px #474747 solid; border-right: 1px #474747 solid; border-bottom: 1px #474747 solid; color: #474747}

/* Modelo DANFE 1 */

table#principal-modelo-danfe-1{font-family:"Times New Roman", Times, serif; width: 95%; border-collapse: collapse; padding: 0; margin: 0 auto 0 auto;}
table#principal-modelo-danfe-1 #titulo{border: 2px #000000 solid; height: 27px; text-align: left; vertical-align: top; font-size: 7px; font-family:"Times New Roman", Times, serif; padding-left: 1px}
table#principal-modelo-danfe-1 #canhoto{border: 2px #000000 solid; height: 27px; text-align: left; vertical-align: top; font-size: 10px; font-family:"Times New Roman", Times, serif; padding-left: 2px}
table#principal-modelo-danfe-1 #empresa{border: 2px #000000 solid; height: 120px; text-align: center; font-size: 9px; font-family:"Times New Roman", Times, serif; padding-left: 1px}
table#principal-modelo-danfe-1 #conteudo{border: 2px #000000 solid; height: 27px; text-align: left; font-size: 11px; font-family: "Times New Roman", Times, serif}
table#principal-modelo-danfe-1 #descricao{text-align: left; vertical-align: top; font-size: 7px; font-family:"Times New Roman", Times, serif; padding-left: 1px}
table#principal-modelo-danfe-1 #cabecalho{border: 2px #000000 solid; height: 26px; text-align: center; vertical-align: middle; font-family:"Times New Roman", Times, serif; font-size: 7px}
table#principal-modelo-danfe-1 #produto{border: none; border-left: 2px solid #000000; border-right: 2px solid #000000; padding-bottom: 4px; padding-top: 4px; min-height: 26px; text-align: right; font-family:"Times New Roman", Times, serif; font-size: 8px}
table#principal-modelo-danfe-1 #rotulo{font-family:"Times New Roman", Times, serif; font-size: 9px}
/*table#principal-modelo-danfe-1{background: url('/assets-development/images/fundo_nota_cancelada.png')}*/
/* Cores das abas */

.fn-azul{
  width: 100px;
  background-color: #0d1893;
}

.borda-azul {
  border-bottom: 5px solid #888ec9;
}

.fn-azul-claro {
  width: 100px;
  background-color: #0a66b2;
}

.borda-azul-claro {
  border-bottom: 5px solid #69afe5;
}

.fn-cinza-claro {
  width: 100px;
  background-color: #9b9b9b;
}

.borda-cinza-claro {
  border-bottom: 5px solid #CFCFCF;
}

.fn-vermelha {
  width: 100px;
  background-color: #b20a0a;
}

.borda-vermelha {
  border-bottom: 5px solid #d16d6d;
}

.fn-laranja {
  width: 100px;
  background-color: #ffa305;
}

.borda-laranja {
  border-bottom: 5px solid #fccd83;
}

.fn-roxa {
  width: 100px;
  background-color: #722591;
}

.borda-roxa {
  border-bottom: 5px solid #bf90db;
}

.fn-verde-claro {
  width: 100px;
  background-color: #10b20a;
}

.borda-verde-claro {
  border-bottom: 5px solid #86ef7c;
}

.fn-marrom {
  width: 100px;
  background-color: #8e5500;
}

.borda-marrom {
  border-bottom: 5px solid #b79163;
}

.fn-verde-marinho {
  width: 100px;
  background-color: #006666;
}

.borda-verde-marinho {
  border-bottom: 5px solid #338585;
}

/* Formularios responsivo */
.fusion-form, .fusion-details{
  padding: 1px;
  border-spacing: 2px;
  width: 400px;
  color: #383434;
}

.fusion-form{
  font-weight: bold;
}

.fusion-form div{
  display: table-row;
  vertical-align: middle;
}

.fusion-details div{
  display: table;
  width: 100%;
}

.fusion-form div div, .fusion-details div div{
  display: table-cell;
  text-align: left;
  width: 50%;
}

.fusion-form div div{font-weight: bold;}

.fusion-form-title, .fusion-details-title{
  width: 100%;
  display: table !important;
  font-family: Verdana;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  height: 26px !important;
  background-image: url('/images/fusion/form_title.png');
  background-repeat: no-repeat;
  line-height: 22px;
  border-spacing: 0px;
}

.fusion-form-submit div, .fusion-details-line div{
  text-align: right !important;
}

.fusion-form-submit, .fusion-details-line{
  border-top: 2px solid #5e1d1b;
  width: 100%;
  float: right;
  display: table !important;
}

.fusion-form-submit input, .fusion-details-line input{
  float: right;
}

.tooltipe-title {
  display: none;
  background-color: #e3262d;
  border: none;
  color: white;
  bottom: 125%;
  padding: 5px;
  border-radius: 6px;
  min-width: 400px;
  /*-webkit-box-shadow: 7px 7px 7px #a71d1a;
  -moz-box-shadow: 7px 7px 7px #a71d1a;*/

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;

}

.tooltipe-title::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 10%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #e3262d transparent transparent transparent;
}

.body-express{
  padding: 15px;
}

.tooltipe-title-left {
  display: none;
  background-color: #6c757d;
  border: 3px solid #ffffffb0;
  right: 150%;
  color: white;
  top: -70%;
  padding: 5px;
  text-align: left;
  border-radius: 6px;
  min-width: 500px;
  position: absolute;
  z-index: 1;
}

.tooltipe-title-left::after {
  content: "";
  border-color:  transparent  transparent  transparent #6c757d;
  position: absolute;
  right: -3%;
  top: 0px;
  margin-left: -20px;
  border-width: 8px;
  border-style: solid;
}
/*------------------------------------------------------------------------------
 TOOLTIPE
--------------------------------------------------------------------------------*/
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #612220;
  color: #fff;
  text-align: center;
  font-weight: bold;
  border-radius: 6px;
  padding: 5px 1;
  margin-left: 30px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/*------------------------------------------------------------------------------
  -- table-scrollable
  ------------------------------------------------------------------------------
  Codigo para gerar um cabeçalho fixo no regitro, as colunas dentro do <thead>
  irão ficar fixas, para usar colocar uma div com uma altura maxima, exemplo:

  <div class='table-scrollable' style='max-height: 100px'>
    <table class="fusion_detalhes">
      <thead>
        <tr>
          <td>CÓDIGO</td>
          <td>DESCRICAO</td>
          <td>VALOR</td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>15</td>
          <td>Cascola</td>
          <td>39,90</td>
        </tr>
      </body>
    </table>
  </div>
*/

.table-scrollable {
  overflow-y: auto;
  width: 99%
}

.table-scrollable thead td {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}



.button {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 2px 10px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  cursor: pointer;
}

.button:hover {
  background-color: #eee;
  border-color: #aaa;
  color: #000;
}


.button_fusion {
  background-image: url('/images/icons/botao.png');
  background-repeat: no-repeat;
  background-size: 100% 20px;
  font-weight: bold;
  border: none;
  font-size: 10px;
  color: #666666;
  background-color: none;
  width: 74px;
  height: 20px;
  cursor: pointer;
}

.button_fusion:hover {
  color: #8F6261;
}


 .resultadoModalBackground{
    background-color: silver;
    position:absolute;
    top: 0;
    left: 0;
    z-index: 99;
    height: 100%;
    display:none;
    width: 100%;
    opacity: 30%;

  }
  .resultadoModal{
    background-color: white;
    position:absolute;
    padding: 15px;
    font-weight: bold;
    font-size: 15px;
    display:none;
    z-index: 100;
    border-radius: 5px;
    box-shadow: 7px 7px 7px #d3d3d3;
    -webkit-box-shadow: 7px 7px 7px #d3d3d3;
    -moz-box-shadow: 7px 7px 7px #d3d3d3;
    top: 33%;
    left: 33%;
    right: 33%;
    height: 30%;
    width: 33%;

  }