:root {
  --primary: #004379;
  --secondary: #18a7b5;
}

body {
  font-family: 'Roboto', sans-serif !important;
}

.pace .pace-progress {
  background: var(--secondary) !important;
}

.pace .pace-progress-inner {
  box-shadow: 0 0 10px var(--secondary), 0 0 5px var(--secondary);
}

.pace .pace-activity {
  border-top-color: var(--primary);
  border-left-color: var(--primary);
}

#navigation #brand {
  background: url(../img/logo_spr_branco.png) no-repeat;
  line-height: 32px !important;
}

.theme-lightred #navigation {
  background: var(--primary) !important;
  border-radius: 0 0 8px 8px;
}

.classFlages {
  background: var(--primary) !important;
}

.classFlages:hover {
  background: var(--secondary) !important;
}

.theme-lightred #main .box.box-color .box-title {
  background: var(--primary) !important;
}

.theme-lightred #main .box.box-bordered.box-color .box-title {
  border-color: var(--secondary) !important;
}

.theme-lightred #main .box.box-bordered.box-color .box-content {
  border-color: var(--secondary) !important;
}

.theme-lightred .btn.btn-primary {
  background: var(--primary) !important;
  border-radius: 8px;
  border: 1px solid var(--primary) !important;
  color: #fff !important;
}

.box-title {
  border-radius: 20px 20px 0 0;
}
.box-content {
  border-radius: 0 0 20px 20px;
}

.theme-lightred a {
  color: var(--secondary);
}

.detail {
  color: var(--secondary);
}

.input-group-addon {
  border-radius: 8px 0 0 8px !important;
}

.input-group input,
.input-group select {
  border-radius: 0 8px 8px 0 !important;
}

.rc-anchor-light.rc-anchor-normal,
.rc-anchor-light.rc-anchor-compact {
  border-radius: 8px !important;
}

.label .labelButtonFile {
  border: 1px solid var(--primary) !important;
}

label.labelButtonFile:hover {
  color: var(--secondary) !important;
}

.nav .navbar-nav .navbar-right {
  background-color: var(--secondary) !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: var(--secondary) !important;
}

.theme-lightred #navigation .dropdown-menu > li > a:hover {
  background: var(--primary);
}

.theme-lightred #navigation .dropdown-menu {
  border-color: var(--primary);
  border-radius: 8px;
}

.btn.btn-success,
.btn.btn-warning,
.btn.btn-danger {
  border-radius: 8px !important;
}

.poster-callback-pag {
  display: flex;
}

@media (max-width: 767px) {
  .poster-callback-pag {
    display: block;
  }
}