.row{
  margin:auto;
}
.form-control, .form-check-input{
  border: 1px solid;
}
.form-check-input:checked{
  background-color: #50879A;
  border-color: #50879A;
}
.btn-primary, .btn:hover, .btn:first-child:active{
  color: #fff;
  background-color: #50879A;
  border-color: #50879A;
}
.btn-label-primary {
  color: #50879A !important;
  border-color: transparent !important;
  background: #bffff6 !important;
}
.btn-label-danger {
  color: #ea5455;
  border-color: transparent;
  background: #fce4e4;
}
.btn-label-danger:hover {
  border-color: transparent !important;
  background: #fad6d6 !important;
  color: #ea5455 !important;
}
.accordion-button:not(.collapsed){
  background-color: unset;
  box-shadow: unset;
}
.accordion-button:focus{
  box-shadow: unset;
}
.form-check, .form-check-input, .form-check-label{
  cursor: pointer;
}
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
form .error:not(li):not(input) {
  color: #ea5455;
  font-size: 85%;
  margin-top: 0.25rem;
}

@media only screen and (max-width: 576px){
  .header-logo{
    width: 200px;
    margin-left: 1.5rem;
  }
  .header-col{
    text-align: -webkit-center;
  }
  .header-text{
    text-align: -webkit-center;
  }
}


@media only screen and (min-width: 576px) {
  .header-logo{
    width: 230px;
    margin-left: 0rem;
  }
  .header-col{
    text-align: justify;
  }
  .header-text{
    text-align: end;
  }
}


@media only screen and (min-width: 768px) {
  .header-logo{
    width: 270px;
    margin-left: 0rem;
  }
  .header-col{
    text-align: justify;
  }
  .header-text{
    text-align: end;
  }
}


@media only screen and (min-width: 992px) {
  .header-logo{
    width: 350px;
    margin-left: 0rem;
  }
  .header-col{
    text-align: justify;
  }
  .header-text{
    text-align: end;
  }
}


@media only screen and (min-width: 1200px) {
  .header-logo{
    width: 350px;
    margin-left: 0rem;
  }
  .header-col{
    text-align: justify;
  }
  .header-text{
    text-align: end;
  }
}


@media only screen and (min-width: 1400px) {
  .header-logo{
    width: 350px;
    margin-left: 0rem;
  }
  .header-col{
    text-align: justify;
  }
  .header-text{
    text-align: end;
  }
}


@media only screen and (min-width: 2560px) {
  .header-logo{
    width: 350px;
    margin-left: 0rem;
  }
  .header-col{
    text-align: justify;
  }
  .header-text{
    text-align: end;
  }
}