.bg-default {
  background-color: var(--bg-default);
}

.bg-section {
  background-color: var(--bg-section);
}

.bg-dark {
  background-color: #3c3c3c !important;
}

html {
  height: 100%;
}

body {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.wrapper {
  height: 100%;
}

.content-wrapper {
  flex: 1 0 auto;
}

.footer {
  flex-shrink: 0;
}

.center-screen {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
}

.topbar {
  background-color: #3c3c3c;
}

.topbar .topbar-divider {
  border-right: 1px solid #868686;
}

.header-form-pesquisa {
  background-color: #efefef !important;
}

.btn-icon-split .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-padding {
  padding: 4rem 0;
}

#painel-login #wrapper #content-wrapper {
  background-color: transparent;
}

.bootstrap-select .dropdown-toggle .filter-option {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6e707e;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d1d3e2;
  border-radius: 0.35rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: 0.8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: 0.1rem;
  margin-right: 0.1rem;
}

.b-contain *,
.b-contain *::before,
.b-contain *::after {
  box-sizing: content-box !important;
}

.b-contain input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.b-contain span {
  line-height: 1.54;
  font-size: 1rem;
  font-family: inherit;
}

.b-contain {
  display: table;
  position: relative;
  padding-left: 1.8rem;
  cursor: pointer;
  margin-bottom: 0.5rem;
}

.b-contain input[type=checkbox] ~ .b-input {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.25rem;
  width: 1.25rem;
  background: rgb(241, 245, 248);
  transition: background 250ms;
  border: 1px solid rgb(184, 194, 204);
  border-radius: 0.125rem;
}

.b-contain input[type=radio] ~ .b-input {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.25rem;
  width: 1.25rem;
  background: rgb(241, 245, 248);
  transition: background 250ms;
  border: 1px solid rgb(184, 194, 204);
  border-radius: 2rem;
}

.b-contain input[type=checkbox] ~ .b-input::after {
  content: "";
  position: absolute;
  display: none;
  left: 0.45rem;
  top: 0.18rem;
  width: 0.25rem;
  height: 0.6rem;
  border: solid rgb(255, 255, 255);
  border-width: 0 2px 2px 0;
  transition: background 250ms;
  transform: rotate(45deg);
}

.b-contain input[type=radio] ~ .b-input::after {
  content: "";
  position: absolute;
  display: none;
  left: 0.25rem;
  top: 0.25rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 2rem;
  background: rgb(255, 255, 255);
  transition: background 250ms;
}

.b-contain input:disabled ~ .b-input::after {
  border-color: rgb(135, 149, 161);
}

.b-contain input:checked ~ .b-input::after {
  display: block;
}

.b-contain:hover input ~ .b-input,
.b-contain input:focus ~ .b-input {
  background: rgb(231, 238, 243);
}

.b-contain input:focus ~ .b-input {
  box-shadow: 0 0 0 2px rgba(52, 144, 220, 0.5);
}

.b-contain input:checked ~ .b-input {
  background: rgb(0, 130, 243);
  border-color: rgb(0, 130, 243);
}

.b-contain input[type=checkbox]:disabled ~ .b-input {
  background: rgb(241, 245, 248);
  border-color: rgb(184, 194, 204);
  opacity: 0.6;
  cursor: not-allowed;
}

.b-contain input[type=radio]:disabled ~ .b-input {
  background: rgb(241, 245, 248);
  border-color: rgb(184, 194, 204);
  opacity: 0.6;
  cursor: not-allowed;
}

.b-contain input[type=radio]:disabled ~ .b-input::after {
  background: rgb(135, 149, 161);
}

.b-contain input:checked:focus ~ .b-input,
.b-contain:hover input:not([disabled]):checked ~ .b-input {
  background: rgb(13, 143, 255);
  border-color: rgb(13, 143, 255);
}

.b-contain .b-input::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 3rem;
  height: 3rem;
  margin-left: -0.85rem;
  margin-top: -0.85rem;
  background: rgb(0, 130, 243);
  border-radius: 2rem;
  opacity: 0.6;
  z-index: 99999;
  transform: scale(0);
}

@keyframes b-ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.img-colorida {
  -webkit-filter: grayscale(0%) !important;
  -moz-filter: grayscale(0%) !important;
  filter: grayscale(0%) !important;
  transition: all 0.5s ease;
}

.img-pg {
  -webkit-filter: grayscale(100%) !important;
  -moz-filter: grayscale(100%) !important;
  filter: grayscale(100%) !important;
  transition: all 0.5s ease;
}

.tab-content {
  padding: 1rem;
  background: #fff;
  border: 1px solid #dddfeb;
  border-top: none;
  border-radius: 0 0 5px 5px;
}

.card-titulo {
  font-size: 1.2rem;
  margin: 0;
}

.card-header {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  flex-direction: row;
}

.custom-file-label::after {
  content: "Buscar" !important;
}

.fc-toolbar-title::first-letter {
  text-transform: uppercase;
}

.bootstrap-select .dropdown-menu.inner {
  display: flex;
  flex-direction: column;
}

.bootstrap-select > .dropdown-toggle {
  padding-left: 0;
  padding-right: 0;
}

.btn-light.disabled, .btn-light:disabled {
  background-color: #fff;
  border-color: #fff;
}

.bootstrap-select.disabled, .bootstrap-select > .disabled > .filter-option {
  background-color: #eaecf4;
  opacity: 1;
  color: #6e707e;
}

.btn-light {
  background-color: #fff;
  border-color: #fff;
}
.btn-light:hover {
  background-color: #fff;
  border-color: #fff;
}
.btn-light.disabled {
  background-color: #fff;
  border-color: #fff;
}

.btn.disabled, .btn:disabled {
  opacity: 1;
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle {
  color: #3a3b45;
  background-color: #fff;
  border-color: #fff;
}

.list-group-item {
  border: none;
}

.list-group-item {
  padding: 0.75rem;
}

.list-group {
  flex-direction: row;
}

.badge {
  font-size: 90%;
  border-radius: 0.25rem;
}

/* Dropdown */
.nav > li.dropdown.open {
  position: static;
}

.nav > li.dropdown.open .dropdown-menu {
  display: table;
  width: 100%;
  text-align: center;
  left: 0;
  right: 0;
}

.dropdown-menu > li {
  display: table-cell;
}

.dropdown-toggle,
.dropdown-menu {
  width: 100%;
}

#painel-login {
  background-size: cover;
  height: 100%;
  overflow: hidden;
}

#painel-login {
  background: url("./img/background/background-login-painel.jpg") no-repeat center center fixed;
}

.s-login-box {
  display: block;
  border-radius: 1rem;
  background-color: rgba(0, 0, 0, 0.6392156863);
  padding: 2rem;
  width: 22rem;
}
.s-login-box .s-login-box-header .s-login-box-header-img {
  margin-bottom: 3rem;
  height: 100px;
}
.s-login-box .s-login-box-content .s-login-box-content-link {
  margin-bottom: 0.4rem;
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.s-login-box .s-login-box-content .s-login-box-content-link .s-login-box-content-link-texto {
  width: 100%;
  text-align: center;
}