.color-azul-1 {
  color: #203d49;
}

.color-azul-2{
  color: #12a6bc;
}

.color-verde-4 {
    color: #63c29d;
}

.fw-300 {
  font-weight: 300 !important;
}

.breadcrumb {
  background-color: transparent !important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

.breadcrumb a,
.breadcrumb a:hover,
.breadcrumb-item.active {
  color: black!important;
}

.breadcrumb-item {
  margin-right: 0px !important;
}

.breadcrumb-item.active {
  margin-left: 0px !important;
}

.quadro-branco {
  background-color: white;
  border-radius: 15px;
  box-shadow: 5px 5px 15px 5px rgba(125, 125, 125, 0.5);
}

.quadro-cinza{
  background-color: #e6e6e7;
  border-radius: 15px;
}

.btn-verde-1{
  background-color: #203d49!important;
  border-radius: 15px!important;
}

.btn-verde-2{
  background-color: #6bc49b!important;
  border-radius: 15px!important;
  border: dashed 2px #366071!important;
}

.btn-verde-3{
  background-color: #00a5c9!important;
  border-radius: 15px!important;
}

@media (max-width: 767px) {
  .quadro-branco {
    padding: 30px 20px;
  }

  .outer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
}

@media (min-width: 768px) {
  .quadro-branco {
    padding: 30px 50px;
  }
}

@media (min-width: 1200px) {
  .container-fluid,
  #navbar-container {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

@media (min-width: 1400px) {
  .container-fluid,
  #navbar-container {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

@media (min-width: 1700px) {
  .container-fluid,
  #navbar-container {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}