.btn-primary {
  color: #ffffff;
  background-color: #337ab7;
}
.btn-success {
  color: #0b6520 !important;
  background-color: #d9f2df !important;
}
.btn-confirm{
  border: 1px solid #23cf5c !important;
  color: #23cf5c !important;
  transition: all 0.2;
}
.btn-confirm:hover{
  color: #35aa5c !important;
  border: 1px solid #35aa5c !important;
  filter: brightness(0.9);
}
.btn-cancel{
  border: 1px solid #d12c38 !important;
  color: #d12c38 !important;
  transition: all 0.2;
}
.btn-cancel:hover{
  color: #a7101a !important;
  border: 1px solid #a7101a !important;
  filter: brightness(0.9);
}
.btn-error {
  color: #8a0f1a !important;
  background-color: #f6d5d8 !important;
}
.btn-warning {
  color: #8a6a0f !important;
  background-color: #fcf1d0 !important;
}
.btn-info {
  color: #0d5b73 !important;
  background-color: #d9edf2 !important;
}
.field-error-message {
  color: #d9534f;
}
.error-field-list-school{
  border: 1px solid #8a0f1a !important;
}
.field-entry[readonly],
.field-entry:disabled {
  background: #f2f2f2;
  border-color: #e6e6e6;
  color: #b3b3b3 !important;
}
.field-entry:focus {
  box-shadow: 0 0 0 1px #b2b2b2;
}
.field-error .field-entry,
.field-entry-error {
  border-color: #8a0f1a !important;
}
.field-valid .field-entry {
  border-color: #0b6520 !important;
}
.field-entry,
.field-entry option,
.field-label,
.checkbox-text,
.radio-text {
  color: #0d0d0d;
}
.btn-outline,
.btn-white,
.field-icon,
.field-description,
.checkbox-description,
.radio-description {
  color: #666666;
}
.field-description a {
  color: #337ab7
}
.field-entry,
.btn-outline,
.checkbox-text::before,
.radio-text::before {
  border-color: #cccccc;
  background-color: white;
}
.checkbox-entry:disabled:checked ~ .checkbox-text::before,
.radio-entry:disabled:checked ~ .radio-text::before,
.checkbox-entry[readonly]:checked ~ .checkbox-text::before,
.radio-entry[readonly]:checked ~ .radio-text::before {
  background-color: #cccccc;
}
.field-entry,
.btn-outline,
.btn-white {
  background-color: #ffffff;
}
.checkbox-entry:checked ~ .checkbox-text::before,
.radio-entry:checked ~ .radio-text::before {
  background-color: #337ab7;
  animation: animation-checked 0.3s linear forwards;
}

.header-address{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.btn-add{
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
}

.btn-add > i{
  font-size: 24px;
}
.btn-edit{
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
}
.btn-edit:hover{
  filter: brightness(0.9);
}
.btn-edit > i{
  font-size: 24px;
}
.btn-remove{
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
  background-color: var(--error-color);
}
.btn-remove:hover{
  filter: brightness(0.9);
}
.btn-remove > i{
  font-size: 21px;
  color: var(--on-error-color);
}
.btn-group-options{
  display: flex;
  align-items: center;
  gap: 1rem;
}
.address-title{
  padding-inline: 1rem;
  width: 100%;
  margin-top: 1rem;
}


/* Form color */
@keyframes animation-checked {
  0% {
    box-shadow: 0px 0px 0px 14px #FFFFFF inset;
  }
  50% {
    box-shadow: 0px 0px 0px 1px #FFFFFF inset;
  }
  100% {
    box-shadow: 0px 0px 0px 3px #FFFFFF inset;
  }
}

.range-slider {
  background: #CCCCCC;
}
input.range-slider::-webkit-slider-thumb {
  background: #337ab7;
}

/*======================== Validação de formulários ==========================*/
input.form-error,
select.form-error,
textarea.form-error {
  border-color: #d9534f !important;
}
input.form-success,
select.form-success,
textarea.form-success {
  border-color: #5cb85c !important;
}
span.form-error {
  color: #d9534f !important;
  font-size: 0.8em !important;
}