body {
    font-family: 'Bitter', serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333
}

header, footer, nav, section {
    display: block;
}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}


.bs-docs-nav .navbar-brand
{
    font-weight: 500;
    color: #563d7c; 
}

.bs-docs-nav .navbar-nav>li>a
{
    color: #563d7c; 
}

.separador
{
    border-bottom: 2px solid #eee !important;
}


.navbar-default .navbar-nav > li > a:hover
{
    background-color:#efefef;
}

.image_link
{
    float:left;
    margin-right:10px;
    text-align:center;
}

.image_link .imgProd
{
    height: 173px;
    width: 138px;
    border: 1px dotted #999;
    margin-bottom: 5px;
    margin-top: 5px;
}


.uploadPreview
{
    margin-top:15px;   
}

.columnBtn
{
    width: 50px;
}

.p-10
{
    padding:10px;
}

/*---tabela----*/
tabela {
  background-color: transparent;
}
th {
  text-align: left;
}
.tabela {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.tabela > thead > tr > th,
.tabela > tbody > tr > th,
.tabela > tfoot > tr > th,
.tabela > thead > tr > td,
.tabela > tbody > tr > td,
.tabela > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.tabela > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.tabela > caption + thead > tr:first-child > th,
.tabela > colgroup + thead > tr:first-child > th,
.tabela > thead:first-child > tr:first-child > th,
.tabela > caption + thead > tr:first-child > td,
.tabela > colgroup + thead > tr:first-child > td,
.tabela > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.tabela > tbody + tbody {
  border-top: 2px solid #ddd;
}
.tabela .tabela {
  background-color: #fff;
}
.tabela-condensed > thead > tr > th,
.tabela-condensed > tbody > tr > th,
.tabela-condensed > tfoot > tr > th,
.tabela-condensed > thead > tr > td,
.tabela-condensed > tbody > tr > td,
.tabela-condensed > tfoot > tr > td {
  padding: 5px;
}
.tabela-bordered {
  border: 1px solid #ddd;
}
.tabela-bordered > thead > tr > th,
.tabela-bordered > tbody > tr > th,
.tabela-bordered > tfoot > tr > th,
.tabela-bordered > thead > tr > td,
.tabela-bordered > tbody > tr > td,
.tabela-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.tabela-bordered > thead > tr > th,
.tabela-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.tabela-striped > tbody > tr:nth-child(odd) > td,
.tabela-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.tabela-hover > tbody > tr:hover > td,
.tabela-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
tabela col[class*="col-"] {
  position: static;
  display: tabela-column;
  float: none;
}
tabela td[class*="col-"],
tabela th[class*="col-"] {
  position: static;
  display: tabela-cell;
  float: none;
}
.tabela > thead > tr > td.active,
.tabela > tbody > tr > td.active,
.tabela > tfoot > tr > td.active,
.tabela > thead > tr > th.active,
.tabela > tbody > tr > th.active,
.tabela > tfoot > tr > th.active,
.tabela > thead > tr.active > td,
.tabela > tbody > tr.active > td,
.tabela > tfoot > tr.active > td,
.tabela > thead > tr.active > th,
.tabela > tbody > tr.active > th,
.tabela > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.tabela-hover > tbody > tr > td.active:hover,
.tabela-hover > tbody > tr > th.active:hover,
.tabela-hover > tbody > tr.active:hover > td,
.tabela-hover > tbody > tr:hover > .active,
.tabela-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.tabela > thead > tr > td.success,
.tabela > tbody > tr > td.success,
.tabela > tfoot > tr > td.success,
.tabela > thead > tr > th.success,
.tabela > tbody > tr > th.success,
.tabela > tfoot > tr > th.success,
.tabela > thead > tr.success > td,
.tabela > tbody > tr.success > td,
.tabela > tfoot > tr.success > td,
.tabela > thead > tr.success > th,
.tabela > tbody > tr.success > th,
.tabela > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.tabela-hover > tbody > tr > td.success:hover,
.tabela-hover > tbody > tr > th.success:hover,
.tabela-hover > tbody > tr.success:hover > td,
.tabela-hover > tbody > tr:hover > .success,
.tabela-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.tabela > thead > tr > td.info,
.tabela > tbody > tr > td.info,
.tabela > tfoot > tr > td.info,
.tabela > thead > tr > th.info,
.tabela > tbody > tr > th.info,
.tabela > tfoot > tr > th.info,
.tabela > thead > tr.info > td,
.tabela > tbody > tr.info > td,
.tabela > tfoot > tr.info > td,
.tabela > thead > tr.info > th,
.tabela > tbody > tr.info > th,
.tabela > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.tabela-hover > tbody > tr > td.info:hover,
.tabela-hover > tbody > tr > th.info:hover,
.tabela-hover > tbody > tr.info:hover > td,
.tabela-hover > tbody > tr:hover > .info,
.tabela-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.tabela > thead > tr > td.warning,
.tabela > tbody > tr > td.warning,
.tabela > tfoot > tr > td.warning,
.tabela > thead > tr > th.warning,
.tabela > tbody > tr > th.warning,
.tabela > tfoot > tr > th.warning,
.tabela > thead > tr.warning > td,
.tabela > tbody > tr.warning > td,
.tabela > tfoot > tr.warning > td,
.tabela > thead > tr.warning > th,
.tabela > tbody > tr.warning > th,
.tabela > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.tabela-hover > tbody > tr > td.warning:hover,
.tabela-hover > tbody > tr > th.warning:hover,
.tabela-hover > tbody > tr.warning:hover > td,
.tabela-hover > tbody > tr:hover > .warning,
.tabela-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.tabela > thead > tr > td.danger,
.tabela > tbody > tr > td.danger,
.tabela > tfoot > tr > td.danger,
.tabela > thead > tr > th.danger,
.tabela > tbody > tr > th.danger,
.tabela > tfoot > tr > th.danger,
.tabela > thead > tr.danger > td,
.tabela > tbody > tr.danger > td,
.tabela > tfoot > tr.danger > td,
.tabela > thead > tr.danger > th,
.tabela > tbody > tr.danger > th,
.tabela > tfoot > tr.danger > th {
  background-color: #f2dede;
}