/**
 * theme-modern - Theme para o framework Serpro Design
 * @version v1.0.3
 * @license SERPRO
 * @link 
 */
.branco {
  background-color: #fff; }

.preto {
  background-color: #000; }

.amarelo1 {
  background: #ffd900; }

.amarelo2 {
  background: #e6c300; }

.amarelo3 {
  background: #fff3c4; }

.azul1 {
  background: #002c50; }

.azul2 {
  background: #037; }

.azul3 {
  background: #004597; }

.azul4 {
  background: #3455db; }

.azul5 {
  background: #2993e4; }

.azul6 {
  background: #9ecbef; }

.azul7 {
  background: #d5eaff; }

.cinza1 {
  background: #333; }

.cinza2 {
  background: #666; }

.cinza3 {
  background: #ccc; }

.cinza4 {
  background: #d9d7d7; }

.cinza5 {
  background: #e6e6e6; }

.cinza6 {
  background: #eee; }

.laranja1 {
  background: #e76100; }

.marrom1 {
  background: #836900; }

.marrom2 {
  background: #655100; }

.ocre1 {
  background: #d9a300; }

.ocre2 {
  background: #b90; }

.rosa1 {
  background: #ff9191; }

.rosa2 {
  background: #f9e8e8; }

.verde1 {
  background: #00b7b7; }

.verde2 {
  background: #00a3a3; }

.verde3 {
  background: #05867b; }

.verde4 {
  background: #036644; }

.verde5 {
  background: #024a32; }

.verde6 {
  background: #003636; }

.verde7 {
  background: #75c556; }

.verde8 {
  background: #d9efd1; }

.vermelho1 {
  background: #a30303; }

.vermelho2 {
  background: #870202; }

.col-center {
  float: none;
  margin: auto; }

.legenda {
  font-style: italic;
  font-size: 12px; }

small {
  font-size: 13px; }

a {
  color: #3455db; }
  a:hover {
    color: #037; }

h1,
h2,
h3,
h4,
h5 {
  color: #037; }

h2 {
  font-size: 24px; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 18px; }

h5 {
  font-size: 18px; }

hr {
  border-color: #ccc; }

.small {
  font-size: 13px; }

.container {
  padding-left: 12px;
  padding-right: 12px; }
  .container-fluid {
    max-width: 1416px;
    padding-left: 12px;
    padding-right: 12px; }

.row {
  margin-left: -12px;
  margin-right: -12px; }

[class*="col-"] {
  padding-left: 12px;
  padding-right: 12px; }

.navbar {
  background-color: #002c50;
  border-radius: 0; }
  .navbar-nav a {
    color: #fff; }
  .navbar.navbar-default .navbar-brand {
    color: #fff;
    float: none;
    font-size: 28px;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    top: 7px; }
  .navbar .container-fluid .navbar-brand {
    margin-left: 0; }

.control-label {
  font-weight: 700; }

.dropdown-menu > li > a {
  padding-left: 12px;
  padding-right: 12px; }

.list-group .list-group-item.active {
  background-color: #037;
  border-color: #037;
  color: #fff; }

.modal .modal-header {
  border-bottom: 0; }

.modal .modal-title {
  font-size: 20px;
  position: relative;
  text-transform: uppercase; }
  .modal .modal-title::after {
    background-color: #2993e4;
    bottom: -5px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 1.75em; }

@media (min-width: 1416px) {
  .modal-lg {
    width: 1300px; } }

.sd.bg.primary {
  background-color: #00b7b7; }

.sd.bg.success {
  background-color: #036644; }

.sd.bg.info {
  background-color: #004597; }

.sd.bg.warning {
  background-color: #ffd900; }

.sd.bg.danger {
  background-color: #a30303; }

.sd.text.default {
  color: #003636; }

.sd.text.primary {
  color: #003636; }
  .sd.text.primary.brand {
    color: #00b7b7; }

.sd.text.success {
  color: #036644; }
  .sd.text.success.brand {
    color: #036644; }

.sd.text.info {
  color: #004597; }
  .sd.text.info.brand {
    color: #004597; }

.sd.text.warning {
  color: #836900; }
  .sd.text.warning.brand {
    color: #ffd900; }

.sd.text.danger {
  color: #a30303; }
  .sd.text.danger.brand {
    color: #a30303; }

.sd.accordion a {
  color: #037; }
  .sd.accordion a.last-level {
    border-top: 1px solid #3455db; }
  .sd.accordion a .fa {
    color: #3455db; }

.sd.accordion .last-level {
  background-color: #d5eaff; }

.sd.accordion div.last-level.collapse, .sd.accordion div.last-level.collapsing {
  border-bottom: 1px solid #3455db; }

.sd.breadcrumb li,
.sd.breadcrumb a {
  font-size: 12px;
  font-style: italic; }

.sd.btn {
  border-radius: 25px;
  border-width: 2px;
  font-weight: 700;
  text-transform: uppercase; }

.sd.checkbox.inverted input:checked ~ label::before, .sd.checkbox-inline.inverted input:checked ~ label::before {
  background: #2993e4; }

.sd.checkbox input:checked ~ label::before, .sd.checkbox-inline input:checked ~ label::before {
  background: #2993e4;
  border-color: #2993e4; }

.sd.form :not(.has-error) label,
.sd.form :not(.has-error) .control-label {
  color: #004597;
  text-transform: uppercase; }

.sd.form :not(.has-error) .checkbox label,
.sd.form :not(.has-error) .radio label {
  color: inherit;
  text-transform: none; }

.sd.form :not(.checkbox) .control-label,
.sd.form :not(.radio) .control-label {
  font-size: 12px; }

.sd.form .checkbox input:checked ~ label::before,
.sd.form .checkbox-inline input:checked ~ label::before,
.sd.form .checkbox.inverted input:checked ~ label::before,
.sd.form .checkbox-inline.inverted input:checked ~ label::before {
  background-color: #2993e4;
  border-color: #2993e4; }

.sd.form .radio input:checked ~ label::after,
.sd.form .radio-inline input:checked ~ label::after {
  background-color: #2993e4; }

.sd.form .radio input:checked ~ label::before,
.sd.form .radio-inline input:checked ~ label::before {
  border-color: #2993e4; }

.sd.form .checkbox.inverted input:checked ~ label::before legend,
.sd.form .checkbox-inline.inverted input:checked ~ label::before legend,
.sd.form .radio.inverted input:checked ~ label::before legend,
.sd.form .radio-inline.inverted input:checked ~ label::before
fieldset legend {
  color: #037; }

.sd.form.panel .panel-heading {
  background-color: #eee;
  border-color: transparent; }
  .sd.form.panel .panel-heading [data-toggle="collapse"] .fa {
    margin-right: .5em;
    transition: transform 150ms ease; }
  .sd.form.panel .panel-heading [data-toggle="collapse"].collapsed .fa {
    transform: rotate(180deg); }
  .sd.form.panel .panel-heading [data-toggle="collapse"]:hover, .sd.form.panel .panel-heading [data-toggle="collapse"]:focus {
    text-decoration: none; }

.sd.form.panel .panel-body {
  background-color: #eee;
  padding-top: 0; }

.sd.jumbotron h1 {
  color: #037;
  font-size: 48px;
  margin-bottom: 24px;
  text-transform: none; }
  .sd.jumbotron h1::after {
    background-color: #2993e4;
    bottom: -5px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 1.75em; }

.sd.jumbotron p {
  font-size: 16px; }

.sd.jumbotron.center h1::after {
  left: 50%;
  margin-left: -0.875em; }

.sd.label {
  color: #004597;
  font-size: 12px;
  margin-bottom: 6px;
  padding: initial;
  text-transform: uppercase; }

.sd.menu [data-toggle="dropdown"] {
  background-color: #002c50 !important;
  border-color: #002c50 !important;}
.sd.menu [data-toggle="dropdown"]:hover, .sd.menu [data-toggle="dropdown"]:focus {
    background-color: #037 !important;
    border-color: #037 !important; }

.sd.menu.open > [data-toggle="dropdown"] {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #037 !important; }

.sd.menu .dropdown-menu li.active a:hover {
  background-color: #037 !important; }

.sd.menu .dropdown-menu a:hover {
  background-color: #037 !important; }

.sd.menu .dropdown-menu a[data-toggle="collapse"].open {
  color: #037 !important; }
  .sd.menu .dropdown-menu a[data-toggle="collapse"].open:hover {
    background-color: #037 !important; }

.sd.menu [data-toggle="collapse"] + .collapse a:hover, .sd.menu [data-toggle="collapse"] + .collapse a:focus,
.sd.menu [data-toggle="collapse"] + .collapsing a:hover,
.sd.menu [data-toggle="collapse"] + .collapsing a:focus {
  background-color: #037 !important; }

.sd.pagination > li.active a {
  box-shadow: inset 0 0 0 2px #2993e4 !important; }

.sd.pagination > li.pagination-first a, .sd.pagination > li.first a, .sd.pagination > li.pagination-last a, .sd.pagination > li.last a, .sd.pagination > li.pagination-previous a, .sd.pagination > li.previous a, .sd.pagination > li.pagination-next a, .sd.pagination > li.next a {
  color: #2993e4;
  font-size: 20px;
  padding-bottom: 0;
  padding-top: 0;
  vertical-align: baseline; }
  .sd.pagination > li.pagination-first a:hover, .sd.pagination > li.pagination-first a:focus, .sd.pagination > li.first a:hover, .sd.pagination > li.first a:focus, .sd.pagination > li.pagination-last a:hover, .sd.pagination > li.pagination-last a:focus, .sd.pagination > li.last a:hover, .sd.pagination > li.last a:focus, .sd.pagination > li.pagination-previous a:hover, .sd.pagination > li.pagination-previous a:focus, .sd.pagination > li.previous a:hover, .sd.pagination > li.previous a:focus, .sd.pagination > li.pagination-next a:hover, .sd.pagination > li.pagination-next a:focus, .sd.pagination > li.next a:hover, .sd.pagination > li.next a:focus {
    color: #004597; }

.sd[data-toggle="popover"] + .popover .popover-title {
  color: #fff; }

.sd.radio input:checked ~ label::before, .sd.radio-inline input:checked ~ label::before {
  border-color: #2993e4; }

.sd.radio input:checked ~ label::after, .sd.radio-inline input:checked ~ label::after {
  background-color: #2993e4; }

.sd.slider .slider-selection {
  background: #2993e4; }

.sd.slider .slider-handle {
  background: #2993e4; }

.sd.slider .tooltip .tooltip-inner {
  color: #004597; }

.sd.tabs .nav-tabs > li > a {
  text-transform: uppercase;
  color: #666; }

.sd.tabs .nav-tabs > li.active > a {
  box-shadow: 0 -3px 0 #037 inset;
  color: #037; }

.sd.tabs.numbers .nav-tabs > li > a::before {
  background-color: #666;
  color: #fff; }

.sd.tabs.numbers .nav-tabs > li.active > a::before {
  background-color: #037; }

.sd.tabs.numbers.top .nav-tabs > li > a:hover::after {
  background-color: #666; }

.sd.tabs.numbers.top .nav-tabs > li.active > a::after {
  background-color: #037; }

.sd.table > thead > tr > th {
  color: #037;
  text-transform: uppercase; }

.sd.table .form-group {
  margin-bottom: 0; }

.sd.table .form-control {
  background-color: #fff;
  display: inline-block;
  width: auto; }

.sd.table > thead > tr > td.active,
.sd.table > thead > tr > th.active,
.sd.table > thead > tr.active > td,
.sd.table > thead > tr.active > th,
.sd.table > tbody > tr > td.active,
.sd.table > tbody > tr > th.active,
.sd.table > tbody > tr.active > td,
.sd.table > tbody > tr.active > th,
.sd.table > tfoot > tr > td.active,
.sd.table > tfoot > tr > th.active,
.sd.table > tfoot > tr.active > td,
.sd.table > tfoot > tr.active > th {
  background-color: #d5eaff;
  border-bottom: 1px solid #56aaff;
  border-top: 1px solid #56aaff; }

.sd.table.table-hover > tbody > tr > td.active:hover,
.sd.table.table-hover > tbody > tr > th.active:hover,
.sd.table.table-hover > tbody > tr.active:hover > td,
.sd.table.table-hover > tbody > tr:hover > .active,
.sd.table.table-hover > tbody > tr.active:hover > th {
  background-color: #bcddff; }

.sd.title {
  color: #037; }
  .sd.title.h1, .sd.title.h2, .sd.title.h3, .sd.title.h4, .sd.title.h5, .sd.title.h6 {
    margin-bottom: 24px;
    margin-top: 0; }
  .sd.title.h3, .sd.title.h5, .sd.title.h6 {
    text-transform: none; }
  .sd.title.h6 {
    color: #666; }

.sd[data-toggle="tooltip"] + .tooltip .tooltip-inner {
  border-radius: 25px; }

body {
  background: #eee linear-gradient(to right bottom, #eee, #e6e6e6);
  display: flex;
  flex-direction: column;
  font-size: 16px;
  min-height: 100vh; }
  body > header > nav.navbar {
    margin-bottom: 0; }
    body > header > nav.navbar-default {
      background-color: #002c50;
      border: 0; }
      body > header > nav.navbar-default .navbar-nav {
        margin: 0; }
        @media (max-width: 768px) {
          body > header > nav.navbar-default .navbar-nav .open .dropdown-menu {
            background-color: #fff;
            position: absolute; }
            body > header > nav.navbar-default .navbar-nav .open .dropdown-menu > li > a {
              padding: 18px 24px; } }
        body > header > nav.navbar-default .navbar-nav > li {
          display: inline-block;
          vertical-align: top; }
      body > header > nav.navbar-default .navbar-header .navbar-nav > li:last-child a {
        color: #fff;
        font-size: 28px;
        font-weight: 700;
        margin-top: 12px;
        text-transform: uppercase; }
  body > section {
    padding-left: 24px;
    padding-right: 24px; }
    body > section .sd.breadcrumb {
      margin-bottom: 0; }
    body > section h1 {
      margin-bottom: 24px;
      margin-top: 0; }
      body > section h1::after {
        background-color: #2993e4; }
  body > article {
    color: #666;
    flex: 1 1 auto; }
    body > article > [class*="container"] > .panel {
      border: 0; }
      body > article > [class*="container"] > .panel > .panel-body {
        padding: 24px; }
    body > article p,
    body > article ul,
    body > article h1,
    body > article h2,
    body > article h3,
    body > article h4,
    body > article h5,
    body > article h6 {
      line-height: 1.75; }
    body > article h2,
    body > article h3,
    body > article h4,
    body > article h5,
    body > article h6 {
      margin-bottom: 24px;
      margin-top: 0; }
    body > article .error {
      margin-top: 48px; }
      body > article .error .number > span {
        vertical-align: middle; }
        body > article .error .number > span:nth-last-child(1) {
          font-size: 100px;
          font-weight: 700; }
      body > article .error h1 {
        font-size: 30px;
        font-weight: 700; }
      body > article .error hr {
        border-color: #ccc; }
  body > footer {
    background-color: #002c50;
    color: #fff;
    padding: 1em 0 .5em; }
  body.login article > .container-fluid {
    padding-bottom: 96px;
    padding-top: 96px; }
  body.login.color > article {
    color: #fff; }
  body.login.image {
    background: url("img/imagem_fundo_login.png") no-repeat;
    background-size: cover; }
    body.login.image > article {
      color: #fff; }
      body.login.image > article .panel {
        background-color: rgba(255, 255, 255, 0.7);
        border-color: transparent; }