@import url('variaveis.css');

.custom-card {
    padding: 25px 25px;
    background-color: #fff;
    border-radius: 20px;
}

.default-field {
    border-radius: 4px;
    border-color: var(--cor-borda-campo-blince) !important;
    background-color: #fff;
}
.default-field:focus {
    border-color: var(--cor-borda-campo-blince) !important;
    box-shadow: none !important;
    background-color: #fff !important;
}

.append-icon {
    border-right: none !important;
}

/* INPUT GROUPS E ÍCONES INÍCIO */
.custom-prepend-icon {
    color: var(--cor-borda-campo-blince);
    border-right: none !important;
    font-size: 16px;
}

.custom-prepend-campo, .custom-prepend-campo:focus, .custom-prepend-campo:focus-visible {
    border-left: none !important;
    box-shadow: none;
}

.custom-append-icon {
    color: var(--cor-borda-campo-blince);
    border: 1px var(--cor-borda-campo-blince) solid !important;
    border-left: none !important;
    font-size: 16px;
}

.custom-append-campo, .custom-append-campo:focus, .custom-append-campo:focus-visible {
    border: 1px var(--cor-borda-campo-blince) solid !important;
    border-right: none !important;
    box-shadow: none;
}

/* Há casos em que o campo recebe ícone na direita e na esquerda */
.custom-prepend-append-campo, .custom-prepend-append-campo:focus, .custom-prepend-append-campo:focus-visible {
    border: 1px var(--cor-borda-campo-blince) solid !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none;
}
/* INPUT GROUPS E ÍCONES FIM */

/* Texto meio apagado */
.custom-fade-text {
    color: var(--cor-borda-campo-blince) !important;
}

.btn {
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: 0.2s !important;
    height: 37px !important;
    line-height: 10px !important;
    white-space: nowrap !important;
}

a.btn {
    padding: 10px 17px !important;
    line-height: 15px !important;
}

.form-check-input:checked {
    background-color: var(--azul-escuro-blince);
    border-color: var(--azul-escuro-blince);
}

.default-btn {
    background-color: var(--azul-escuro-blince);
    color: #fff;
}

.default-btn:hover {
    background-color: var(--azul-escuro-blince-hover) !important;
    color: #fff;
}

.default-btn:disabled {
    background-color: var(--azul-escuro-blince);
    color: #fff;
}

.danger-btn {
    background-color: #fff;
    border: 2px solid var(--danger);
    color: var(--danger);
}

.danger-btn:hover, .danger-btn:active, .danger-btn:focus, .danger-btn:focus-visible  {
    background-color: var(--danger);
    border: 2px solid var(--danger);
    color: #fff;
}

.default-btn:hover, .default-btn:active, .default-btn:focus, .default-btn:focus-visible  {
    background-color: var(--azul-escuro-blince);
    color: #fff;
}

.active_status_pill {
    max-width: 80px !important;
    font-size: 14px;
}

.status_pill_spinner {
    width: 14px;
    height: 14px;
}

/* FILTRO DAS TELAS INDEX INÍCIO */
.filtro-index:active, .filtro-index:hover {
    border: 1px solid var(--cor-borda-campo-blince);;
}

.filtro-index::after {
    display: none;
}

.filtro-index {
    padding: 5px 5px;
}
/* FILTRO DAS TELAS INDEX FIM */

.cursor-pointer {
    cursor: pointer;
}

.refresh-button {
    border-radius: 100px;
    padding: 2px 2px;
    font-size: 24px;
    border: none;
    background-color: #6fbe5b;
    color: white;
}

.refresh-button:hover {
    background-color: #5c9d4c;
}

.active_filter_item {
    color: #3b3b3b;
}

.active_filter_item:hover {
    background-color: #e7e9ea;
}

.item-selecionar-modelo-referencia:hover {
    text-decoration: underline;
}

input::placeholder, textarea::placeholder {
    color: var(--cor-borda-campo-blince) !important;
}