/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 *= require_tree .
 *= require_self
 */


/* customização das classes do template original */
.imgLogoCabecalho {
    height: 30px;
    padding: 0;
}

.acaoVisualizar {
    color: #204a87;
}

.acaoEditar {
    color: #4e9a06;
}

.acaoExcluir, label.error {
    color: #ef2929;
}

label.error {
    font-style: italic;
    font-weight: bold;
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

form input[type='number']::-webkit-outer-spin-button,
form input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

textarea {
    min-height: 150px!important;
}

.toggle-password {
    cursor: pointer;
}

/* Corrige alinhamento do label flutuante com select2 - início */
.select2-container--bootstrap-5.select2-container--focus .select2-selection {
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-floating > .select2-container {
  height: calc(3.5rem + 2px);
}

.form-floating > label {
  z-index: 1;
  padding: 0.75rem 0.75rem;
}

.select2-container--bootstrap-5 .select2-selection {
  height: 100%;
  padding: 1rem 0.75rem 0 0.75rem;
  font-size: 1rem;
}
/* Corrige alinhamento do label flutuante com select2 - fim */

.width-5 { width: 5%; }
.width-10 { width: 10%; }
.width-15 { width: 15%; }
.width-20 { width: 20%; }
.width-25 { width: 25%; }
.width-30 { width: 30%; }
.width-35 { width: 35%; }
.width-40 { width: 40%; }
.width-45 { width: 45%; }
.width-50 { width: 50%; }
.width-55 { width: 55%; }
.width-60 { width: 60%; }
.width-65 { width: 65%; }
.width-70 { width: 70%; }
.width-75 { width: 75%; }
.width-80 { width: 80%; }
.width-85 { width: 85%; }
.width-90 { width: 90%; }
.width-95 { width: 95%; }
.width-100 { width: 100%; }