.formulario {
  width: 100%;
  border-top: 1px solid #DDDDDD;
}

.formulario tr {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  height: 20px;
}

.formulario th {
  vertical-align:middle;
  border-left:1px solid #ddd;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 9px;
  padding-bottom: 9px;
  text-align: left;
}

.formulario tbody td {
  padding-top: 9px;
  padding-bottom: 9px;
}

.formulario tfoot td {
  padding-left:0;
}

.formulario label {
  float:none;
  text-align:left;
}

.formulario label span {
  color: #910F0F;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  top: 0;
}

.formulario input[text] {
  position: relative;
  width: 100%;
}

.dataTables_paginate .ui-button {
  margin-right:-0.1em !important;
}

.paging_full_numbers {
width:350px !important;
}

.dataTables_wrapper .ui-toolbar {
padding:5px;
}

.dataTables_wrapper .ui-widget-header {
color:#222;
font-weight:700;
border:1px solid #ddd !important;
background:#f0f0f0 url(images/ui-bg_highlight-hard_100_f0f0f0_1x100.png) 50% top repeat-x !important;
}

.dataTables_paginate {
width:auto;
float:right;
text-align:right;
}

.dataTables_info {
padding-top:3px;
width:50%;
float:left;
}

table.tabela thead th {
cursor:hand;
border-top:none;
padding:3px 0 3px 10px;
}

div.dataTables_wrapper .ui-widget-header {
font-weight:400;
}

table.tabela thead th div.DataTables_sort_wrapper {
cursor:pointer;
position:relative;
padding-right:20px;
}

table.tabela thead th div.DataTables_sort_wrapper span {
position:absolute;
top:50%;
margin-top:-8px;
right:0;
}

.dataTables_wrapper {
position:relative;
min-height:302px;
_height:302px;
clear:both;
}

.dataTables_processing {
position:absolute;
top:0;
left:50%;
width:250px;
margin-left:-125px;
border:1px solid #ddd;
text-align:center;
color:#999;
font-size:11px;
padding:2px 0;
}

.dataTables_length {
width:40%;
float:left;
}

.dataTables_filter {
width:50%;
float:right;
text-align:right;
}

.paginate_disabled_previous,.paginate_enabled_previous,.paginate_disabled_next,.paginate_enabled_next {
height:19px;
width:19px;
margin-left:3px;
float:left;
}

table.tabela {
width:100%;
clear:both;
border-collapse:collapse;
margin:0 auto;
}

table.tabela tfoot th {
font-weight:400;
padding:3px 0 3px 10px;
}

table.tabela tr.heading2 td {
border-bottom:1px solid #aaa;
}

table.tabela td {
padding:3px 10px;
}

table.tabela tbody tr {
border:1px solid #CCC;
}

table.tabela tbody td {
border-right:1px solid #CCC;
}

table.tabela tr:last-child {
border-bottom:none;
}

table.tabela tr.odd.gradeA {
background-color:#dfd;
}

table.tabela tr.even.gradeA {
background-color:#efe;
}

table.tabela tr.odd.gradeC {
background-color:#ddf;
}

table.tabela tr.even.gradeC {
background-color:#eef;
}

table.tabela tr.odd.gradeX {
background-color:#fdd;
}

table.tabela tr.even.gradeX {
background-color:#fee;
}

table.tabela tr.even.gradeU {
background-color:#eee;
}

tr.odd {
background-color:#F4F4F4;
}

tr.even {
background-color:#FFF;
}

.top,.bottom {
background-color:#F5F5F5;
border:1px solid #CCC;
padding:15px;
}

.top .dataTables_info {
float:none;
}

tfoot input {
color:#444;
margin:0.5em 0;
}

tfoot input.search_init {
color:#999;
}

td.group {
background-color:#d1cfd0;
border-bottom:2px solid #A19B9E;
border-top:2px solid #A19B9E;
}

td.details {
background-color:#d1cfd0;
border:2px solid #A19B9E;
}

.example_alt_pagination div.dataTables_info {
width:40%;
}

.paging_full_numbers span.paginate_button,.paging_full_numbers span.paginate_active {
border:1px solid #aaa;
-webkit-border-radius:5px;
-moz-border-radius:5px;
cursor:hand;
margin:0 3px;
padding:2px 5px;
}

.paging_full_numbers span.paginate_button:hover {
background-color:#ccc;
}

.paging_full_numbers span.paginate_active {
background-color:#99B3FF;
}

table.tabela tr.even.row_selected td {
background-color:#B0BED9;
}

table.tabela tr.odd.row_selected td {
background-color:#9FAFD1;
}

table.tabela td.center,.dataTables_empty {
text-align:center;
}

table.tabela tr.odd.gradeU,.paging_full_numbers span.paginate_button {
background-color:#ddd;
}

.dataTables_scroll,.clear {
clear:both;
}

tr.odd td.sorting_1,tr.odd td.sorting_2,tr.odd td.sorting_3 {
background-color:#e0eded;
}

tr.even td.sorting_1,tr.even td.sorting_2,tr.even td.sorting_3 {
background-color:#eaf7f7;
}

.btn.primary {
  color: #F1F1F1;
  background-color: #11A1A3;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#23C2C4), to(#11A1A3));
  background-image: -moz-linear-gradient(top, #23C2C4, #11A1A3);
  background-image: -ms-linear-gradient(top, #23C2C4, #11A1A3);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23C2C4), color-stop(100%, #11A1A3));
  background-image: -webkit-linear-gradient(top, #23C2C4, #11A1A3);
  background-image: -o-linear-gradient(top, #23C2C4, #11A1A3);
  background-image: linear-gradient(top, #23C2C4, #11A1A3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23c2c4', endColorstr='#11a1a3', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064CD #0064CD #003F81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}


.formulario_small label span {
  color: #910F0F;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  top: 0;
}

.formulario_small input[text] {
  position: relative;
  width: 100%;
}

.formulario_small {
  width: 100%;
  border-top: 1px solid #DDDDDD;
}

.formulario_small tr {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  height: 20px;
}

.formulario_small th {
  vertical-align:middle;
  border-left:1px solid #ddd;
  padding: 5px 10px 5px 5px;
  text-align: left;
}

.formulario_small tbody td,
.formulario_small tbody td{
  padding: 5px 5px 5px 0px;
}

.formulario_small tfoot td {
  padding-left:0;
}

.formulario_small label {
  float:none;
  text-align:left;
}

th.basico {
  background: #3A87AD;
  padding: 2px 5px;
  color: #f1f1f1;
  border-radius: 10px 0 0 0;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  width: 25% !important;
}

th.flex {
  background: #AA0000;
  padding: 2px 5px;
  color: #f1f1f1;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  width: 25% !important;
}

th.vip {
  background: #00AA00;
  padding: 2px 5px;
  color: #f1f1f1;
  border-radius: 0 10px 0 0;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  width: 25% !important;
}
th.promocional {
  background: #00AA00;
  padding: 2px 5px;
  color: #f1f1f1;
  border-radius: 0 10px 0 0;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  width: 25% !important;
}

th.basico-descricao {
  background: #C2E0ED;
  padding: 5px;
  text-align: justify;
  font-weight: normal;
  font-size: 12px;
  width: 25% !important;
}

th.flex-descricao {
  background: #F99F9F;
  padding: 5px;
  text-align: justify;
  font-weight: normal;
  font-size: 12px;
  width: 25% !important;
}

th.vip-descricao {
  background: #A7E2A7;
  padding: 5px;
  text-align: justify;
  font-weight: normal;
  font-size: 12px;
  width: 25% !important;
}
th.promocional-descricao {
  background: #A7E2A7;
  padding: 5px;
  text-align: justify;
  font-weight: normal;
  font-size: 12px;
  width: 25% !important;
}

th.beneficios {
  border: 1px solid #888888;
  border-radius: 10px 0 0 0;
  color: #888888;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}

td.beneficio {
  padding: 5px;
  text-align: left;
  font-weight: normal;
  margin-left: 0px !important;
  border-left: 1px solid #888888;
  font-size: 12px;
  width: 25% !important;
}


tr.beneficios-fim {
  border-bottom: 1px solid #888888;
}


td.basico-detalhe {
  background: #C2E0ED;
  padding: 5px;
  text-align: center;
  font-weight: normal;
  width: 25% !important;
}

td.flex-detalhe {
  background: #F99F9F;
  padding: 5px;
  text-align: center;
  font-weight: normal;
  width: 25% !important;
}

td.vip-detalhe {
  background: #A7E2A7;
  padding: 5px;
  text-align: center;
  font-weight: normal;
  width: 25% !important;
}

td.promocional-detalhe {
  background: #A7E2A7;
  padding: 5px;
  text-align: center;
  font-weight: normal;
  width: 25% !important;
}

.bt-font {
  font-size: 14px;
  font-weight: bold;
  height: 60px;
}

.table-itens {
  margin-bottom: 0px !important;
}

.well-avulso {
  background: #04B3B9;
  border-radius: 6px 6px 6px 6px;
  margin-bottom: 10px !important;
}

.well-formacao {
  background: #03ADAF;
  border-radius: 6px 6px 6px 6px;
  margin-bottom: 10px !important;
}

.well-passaporte {
  background: #03A0A0;
  border-radius: 6px 6px 6px 6px;
  margin-bottom: 10px !important;
}

.well-promocao {
  background: #018C8C;
  border-radius: 6px 6px 6px 6px;
  margin-bottom: 10px !important;
}

.well-formacao-item {
  margin-bottom: 6px !important;
}

.well-avulso-revisado {
  background: #60C46D;
  border-radius: 6px 6px 6px 6px;
  margin-bottom: 10px !important;
}

.well-formacao-revisado {
  background: #448C4C;
  border-radius: 6px 6px 6px 6px;
  margin-bottom: 10px !important;
}

.well-passaporte-revisado {
  background: #316436;
  border-radius: 6px 6px 6px 6px;
  margin-bottom: 10px !important;
}

.well-promocao-revisado {
  background: #1D3C20;
  border-radius: 6px 6px 6px 6px;
  margin-bottom: 10px !important;
}

.well h4 {
  color: #F1F1F1;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

.well table.table {
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}

.framed-proposta {
  margin: 20px !important;
  padding: 15px !important;
}



.nav-tabs-proposta > .active > a,
.nav-tabs-proposta > .active > a:hover {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #F1F1F1;
  border: 0px !important;
  border-radius: 10px 4px 4px 4px;
  color: #00A9AF;
  cursor: default;
  font-weight: bold;  
  text-shadow: none;
}

.nav-tabs-proposta > li > a {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #F1F1F1;
  border: 0px !important;
  border-radius: 4px 4px 4px 4px;
  color: #656565;
  cursor: default;
  font-weight: bold;  
  text-shadow: none;
}

.nav-tabs-proposta {
  border-bottom: 0px !important;
}

.nav-proposta {
  margin-bottom: 10px !important;
}

.modal .pix-qrcode {
  display: block;
  width: 320px;
  height: 320px;
  margin: 24px auto;
}

.loader {
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #11a1a3;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin: auto;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loader-small {
  width: 24px;
  height: 24px;
}
