#page-top {
}

#top-nav .option-medium,
#top-nav .option-small {
  display: none;
}
#page-top .option-normal {
  display: inline-block;
}

#page-top.responsive-medium .option-normal {
  display: none;
}
#page-top.responsive-medium .option-medium {
  display: inline-block;
}
#page-top.responsive-small .option-small {
  display: inline-block;
}

#page-top.responsive-small .hide-small {
  display: none;
}

.icone-sped {
  background-image: url('/img/sped.png');
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  line-height: 14px;
  display: inline-block;
}

.icone-sped-pequeno {
  background: url('/img/sped-pequeno.png');
  width: 15px;
  height: 16px;
  display: inline-block;
  filter: brightness(0.5);
}

.icone-sped-pequeno:hover {
  filter: invert(100%) brightness(1000%)
}

/*COLORS*/
.blue-notasegura {
  background-color: #135b88 !important;
}
.font-blue-notasegura {
  color: #135b88 !important;
}
.btn.blue-notasegura {
  background-color: #135b88 !important;
  color: #fff;
}
.nav-tabs li.green-seagreen.active {
  border-top: 3px solid #1ba39c;
}
.label-warning {
  background-color: #d69e00;
}
/*FIM COLORS*/

.login .logo {
  margin-top: 10px;
}
.login .logo img {
  max-width: 100%;
}

.login-dark {
  background-color: #3d3d3d !important;
}

.login-dark .copyright {
  color: #fff;
}

.menu-title i {
  display: none;
}
.page-sidebar-closed
  .page-sidebar
  .page-sidebar-menu.page-sidebar-menu-closed
  h3.title {
  display: none !important;
}
.page-sidebar .page-sidebar-menu > li.active.open > a > i,
.page-sidebar .page-sidebar-menu > li.active > a > i,
.page-sidebar-closed.page-sidebar-fixed
  .page-sidebar:hover
  .page-sidebar-menu
  > li.active.open
  > a
  > i,
.page-sidebar-closed.page-sidebar-fixed
  .page-sidebar:hover
  .page-sidebar-menu
  > li.active
  > a
  > i {
  color: #fff;
}

.page-header.navbar .page-logo {
  background: #12527f;
}

.page-toolbar-left {
  float: left !important;
  margin-left: 10px;
}

.page-header.navbar .page-logo .logo-default {
  margin: 20px 0 0;
}
.portlet.box.white > .portlet-title > .tools > a.expand {
  background-image: url(/assets/global/img/portlet-collapse-icon.png) !important;
}
.portlet.box.white > .portlet-title > .tools > a {
  display: inline;
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 20px;
  color: #808080;
}
.portlet.box.white > .portlet-title > .tools > a.collapse {
  background-image: url(/assets/global/img/portlet-expand-icon.png) !important;
}
.form-group.form-md-line-input {
  margin-top: 0 !important;
}
table th i {
  float: right;
  margin-top: 3px;
}

#documents-tabs > li > a {
  padding: 10px 30px;
}
.popover {
  max-width: none;
}

.section-title {
  width: 100%;
  margin: 15px 0 25px;
  font-size: 26px;
  color: #666;
}
.section-title i {
  margin-top: 5px;
}

.table-invoices .btn-icon-only {
  padding: 6px 0 !important;
  width: 30px;
  height: 30px;
}

.form-actions {
  display: block;
  overflow: hidden;
}
.login .select2-container--bootstrap .select2-selection {
  background-color: #dde3ec;
  border: 1px solid #dde3ec;
  color: #8290a3;
  padding: 10px;
  height: 43px;
}
.login
  .select2-container--bootstrap
  .select2-selection--single
  .select2-selection__rendered {
  color: #8290a3;
}
.login .form-group i {
  margin-top: 15px;
}

.has-error .form-control {
  border-color: #e73d4a !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}

ul.error-block,
ul.errors {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.error-block li,
ul.errors li {
  display: block;
  width: 100%;
  color: #e73d4a !important;
  margin: 0;
  padding: 0;
}

.form-group.form-md-line-input .help-block {
  position: relative;
  opacity: 1;
  display: block;
}

#cnpj_cpf_enables {
  display: none;
}
#new_cnpj_cpf_enables {
  width: 100%;
}
#box_cnpj_cpf_enables {
  padding: 0px;
  margin: 0px;
}
#box_cnpj_cpf_enables li {
  list-style-type: none;
  padding: 5px;
  width: 100%;
  background-color: #e1e1e1;
  margin-top: 5px;
  border-left: 5px solid #5694d7;
  border-radius: 5px;
}
#box_cnpj_cpf_enables i.icon {
  float: right;
  font-size: 14px;
  cursor: pointer;
  color: red;
}

.select2 + label {
  padding: 2px 10px;
}

.control-label .required,
.form-group .required {
  color: #333 !important;
  font-size: 14px !important;
}
.control-label .required:after,
.form-group .required:after {
  content: ' *';
  color: #e02222;
}

body.page-invoice {
  background-color: #26344b !important;
}

.invoice-container .table > thead > tr > th {
  border-bottom: 2px solid #bcc6d0;
}

.invoice-container .table > tbody > tr > td,
.invoice-container .table > tbody > tr > th,
.invoice-container .table > tfoot > tr > td,
.invoice-container .table > tfoot > tr > th,
.invoice-container .table > thead > tr > td,
.invoice-container .table > thead > tr > th {
  border-top: 1px solid #c5ced6;
}

.nav > li > a.btn-primary:focus,
.nav > li > a.btn-primary:hover {
  background-color: #286090;
  border-color: #204d74;
}
.menu-title h3 {
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
  background-color: #063d59;
  margin: 0;
  padding: 15px 0;
}

.sw-btn-inverse .sa-confirm-button-container {
  float: left;
}
.sw-btn-inverse .cancel {
  float: right;
}

.module-nav {
  width: 400px;
  margin: 0 auto;
}

.filter .select2-selection {
  border: none;
  border-bottom: 1px solid #c2cad8;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.filter
  .select2-container--bootstrap.select2-container--open.select2-container--below
  .select2-selection {
  border: 1px solid #c2cad8;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.softwarehouse-select {
  padding: 17px 0;
}
.softwarehouse-select .select2-container {
  width: 200px !important;
}
.softwarehouse-select label {
  margin-top: 5px;
}
.select2-container--bootstrap .select2-dropdown {
  z-index: 9999;
}

table .mt-checkbox {
  margin: 0;
}

.invoice-canceled {
  color: #ed6b75 !important;
}
.invoice-denegada {
  color: #f1c40f !important;
}
.invoice-contingencia {
  color: #659be0 !important;
}
.invoice-replaced {
  color: #659be0 !important;;
}

.invoice-error {
  color: #ffc107 !important;
}

@media only screen and (max-width: 690px) {
  /* Force table to not be like tables anymore */

  .select-top-cliente {
    width: calc(100% - 6px) !important;
  }

  #no-more-tables table {
    clear: both;
  }

  #no-more-tables .dropdown-menu {
    left: 0 !important;
    right: auto !important;
  }

  #no-more-tables table,
  #no-more-tables thead,
  #no-more-tables tbody,
  #no-more-tables th,
  #no-more-tables td,
  #no-more-tables tr {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  #no-more-tables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  #no-more-tables tr {
    border-bottom: 1px solid #bbb;
    margin-top: 3px;
    /*padding-bottom: 15px;*/
  }

  #no-more-tables td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    /*width: 60%;*/
    padding-left: 25%;
    white-space: normal;
    text-align: left;
    min-height: 17px;
    /* Cut text */
    /* Opera */
    -o-text-overflow: ellipsis;
    /* IE, Safari (WebKit) */
    text-overflow: ellipsis !important;
    min-height: 40px;
  }

  .table-border-bottom td {
    padding-left: 17% !important;
  }

  #no-more-tables td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 23%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
  }

  .table-border-bottom {
    border-bottom: 1px solid #999;
  }

  /*
    Label the data
    */
  #no-more-tables td:before {
    content: attr(data-title);
  }

  /* especifidades */
}

.jumbotron.vertical-center {
  margin-bottom: 0; /* Remove the default bottom margin of .jumbotron */
  background-color: #12527f !important;
}

.vertical-center {
  min-height: 100%; /* Fallback for vh unit */
  min-height: 100vh; /* You might also want to use
                          'height' property instead.

                          Note that for percentage values of
                          'height' or 'min-height' properties,
                          the 'height' of the parent element
                          should be specified explicitly.

                          In this case the parent of '.vertical-center'
                          is the <body> element */

  /* Make it a flex container */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  /* Align the bootstrap's container vertically */
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  /* In legacy web browsers such as Firefox 9
       we need to specify the width of the flex container */
  width: 100%;

  /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
       hence the bootstrap's container won't be aligned to the center anymore.

       Therefore, we should use the following declarations to get it centered again */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.button-full {
  width: 100% !important;
}
.button-hide {
  display: none !important;
}

.table-solid tbody tr {
  background: #fbfcfd !important;
}

.table-solid .invoice-manifested {
  background: #c2ecb7 !important;
}
.table-solid .invoice-manifested:hover > td,
.table-solid .invoice-manifested:hover {
  background: #c2ecb7 !important;
}

.table-solid tr td .btn-circle {
  background: #fbfcfd;
}

.table-solid .processing-manifest:hover td {
  background: #fff4bf !important;
}

.table-solid tbody > tr > td {
  position: relative;
}
.table-solid .blur {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
}
.table-solid .processing-manifest {
  background: #fff4bf !important;
}
.table-solid .processing-manifest > td .checkbox-manifesto {
  display: none;
}
.table-solid .error-manifest .blur,
.table-solid .invoice-manifested .blur,
.table-solid .processing-manifest .blur {
  display: block;
}

.table-solid .error-manifest td:first-child .blur {
  display: none;
}
.invoice-manifested span[mod='NFE'] {
  display: none !important;
}

.table-solid tbody .info,
.table-solid tbody .processing {
  display: none;
  font-weight: bold;
}
.table-solid .error-manifest .info,
.table-solid .invoice-manifested .info,
.table-solid .processing-manifest .processing {
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  z-index: 9;
  margin-top: -9px;
}

.table-solid tbody .info {
  left: 43px !important;
  width: 62px;
  height: 30px;
  padding-top: 5px;
  padding-left: 5px;
  margin-top: -15px !important;
  cursor: pointer;
}
.table-solid .invoice-manifested .info {
  width: 23px;
}
.table-solid tbody .info .icon {
  font-size: 1.3em;
  vertical-align: middle;
  margin-right: 3px;
}

.table-solid .row-invoice.selected,
.table-solid .row-invoice.selected:hover > td,
.table-solid .row-invoice.selected:hover {
  background: #a4d1ff !important;
}

#manifestos-modal .control-label {
  margin-top: 8px;
}

.table-solid .error-manifest:hover,
.table-solid .error-manifest:hover > td,
.table-solid .error-manifest {
  background: #ffc4c4 !important;
}

.page-manifest .tooltip {
  width: 200px;
}
.page-manifest .tooltip .tooltip-inner {
  padding: 10px;
  font-size: 1.1em;
}

.modal-envio-email .modal-dialog {
  width: 400px;
}

#modal-dialog-download-xml {
  color: #333 !important;
}

#modal-dialog-download-xml .modal-body {
  text-align: left !important;
}

#modal-dialog-download-xml .modal-body p {
  margin: 15px 0;
}

#modal-dialog-download-xml .modal-footer {
  border-top: 1px solid #e9ecef !important;
}