:root {
    --primary-color: #01345F;
    --secondary-color: #f05c29;
    --primary-color-hover: #1E66ED;
    --secondary-color-hover: #ff6a37;
    --white: #FFF;
    --font-family: 'Poppins', sans-serif;
    --danger-color: #f50000;
    --dange-color-hover: #cc1f1f;
    --success-color: #ade4b5;
    --success-color-hover: #d0eaa3;
}

/* Estilo do select multiplo */
.bootstrap-select > .dropdown-toggle.bs-placeholder {
    background: #fff !important;
    color: #000;
    border-color: #e9ecef;
    padding: 7.5px 12px;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder:hover{
    color: #000;
}

.bootstrap-select .dropdown-toggle:focus {
    box-shadow: none !important;
    outline: none !important;
}

.bootstrap-select .dropdown-toggle.form-select {
    background-color: #fff;
    border-color: #ced4da;
    color: #212529;
}

/* SweetAlert - Custom */
.swal2-icon.swal2-warning {
    border-color: var( --secondary-color) !important;
    color: var( --secondary-color) !important;
}

.btn-sweet-confirm {
    background-color: var(--primary-color) !important;
    color: var(--white) !important;
    padding: 6px 20px !important;
    transition: all 0.3s ease-in-out !important;
}

    .btn-sweet-confirm:hover {
        background-color: var(--primary-color-hover) !important;
    }

.btn-sweet-confirm-warning {
    background-color: var(--secondary-color) !important;
    color: var(--white) !important;
    padding: 6px 20px !important;
    transition: all 0.3s ease-in-out !important;
}

.btn-sweet-confirm-warning:hover {
    background-color: var(--secondary-color-hover) !important;
}

.input-container {
    position: relative;
    margin: 15px 0;
    width: 100%;
}

.input-container label {
    position: absolute;
    top: -9px;
    left: 12px;
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-color);
    background: var(--white);
    padding: 0 5px;
    pointer-events: none;
    transition: 0.3s;
    white-space: nowrap;
    z-index: 9999;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #01345f 1px;
    outline: 0;
}

.input-container input,
.input-container select,
.input-container textarea,
.input-container .select2-selection--multiple {
    width: 100%;
    padding: 12px 12px 12px 15px;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    font-size: 13px;
    outline: none;
    transition: opacity 0.3s ease-in-out;
    color: var(--primary-color);
    background-color: var(--white);
}

.input-container input::placeholder,
.input-container .select2-selection--multiple::placeholder,
.input-container textarea::placeholder {
    font-size: .8rem;
    color: var(--primary-color);
    opacity: 0.5;
    transition: opacity 0.3s ease-in-out;
}

.input-container input:focus::placeholder,
.input-container .select2-selection--multiple:focus::placeholder,
.input-container textarea:focus::placeholder {
    opacity: 0;
}
.input-container .select2-selection__choice {
    background-color: var(--secondary-color) !important;
    border: 1px solid var(--secondary-color) !important;
}

.input-container .select2-selection__choice__remove{
    color: var(--white)!important;
}

#contador, #contadorResumo {
    color: var(--secondary-color);
    font-style: italic;
}

/**
 * Custom dxDataGrid    
 */

.dx-datagrid .dx-header-row .title-column {
    font-weight: bold!important;
}

/* Custom button */
.btn-background-secondary {
    background-color: var(--secondary-color) !important;
    color: var(--white) !important;
    padding: 6px 20px !important;
    transition: all 0.3s ease-in-out !important;
}

.btn-background-secondary:hover {
    background-color: var(--secondary-color-hover) !important;
}

.btn-outline-primary {
    color: #EA8521;
    border-color: #EA8521;
}

.btn-outline-primary:hover {
    color: #212529;
    background-color: #EA8521;
    border-color: #EA8521;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem #efac83;
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #EA8521;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #212529;
    background-color: #EA8521;
    border-color: #EA8521;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #efac83;
}

.btn-outline-secondary {
    color: #212529;
    border-color: #01345F;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #012f55;
    border-color: #01345F;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem #808798;
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #01345F;
    background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    color: #212529;
    background-color: #01345F;
    border-color: #01345F;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #808798;
}

.btn-outline-success {
    color: #57CC96;
    border-color: #57CC96;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #57CC96;
    border-color: #57CC96;
}

.btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem #94dab6;
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #57CC96;
    background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #57CC96;
    border-color: #57CC96;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #94dab6;
}

.btn-outline-info {
    color: #198EF7;
    border-color: #198EF7;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #198EF7;
    border-color: #198EF7;
}

.btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem #81b1f9;
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #198EF7;
    background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #198EF7;
    border-color: #198EF7;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #81b1f9;
}

.btn-outline-warning {
    color: #FEDB6A;
    border-color: #FEDB6A;
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #FEDB6A;
    border-color: #FEDB6A;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem #fee59d;
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #FEDB6A;
    background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #FEDB6A;
    border-color: #FEDB6A;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #fee59d;
}

.btn-outline-danger {
    color: #FF6C6A;
    border-color: #FF6C6A;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #FF6C6A;
    border-color: #FF6C6A;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem #ff9e9d;
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #FF6C6A;
    background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #FF6C6A;
    border-color: #FF6C6A;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #ff9e9d;
}

/**
 * Custom mensagens do chat.
 */

.editar-mensagem-custom {
    color: var(--secondary-color) !important;
    font-weight: 600;
    font-family: inherit;
    letter-spacing: 0.5px;
    display: inline-flex;
    align-items: center;
    gap: 0.3em;
}

.editar-mensagem-custom i.fa-edit {
    margin-right: 2px;
    font-size: 1.1em;
    text-underline: none!important;
    color: var(--secondary-color);
}

.editar-mensagem-custom,
.editar-mensagem-custom i,
.editar-mensagem-custom .texto-editar-mensagem {
    color: #F28B39 !important;
    transition: color 0.2s;
}

.editar-mensagem-custom:hover,
.editar-mensagem-custom:hover i,
.editar-mensagem-custom:hover .texto-editar-mensagem {
    color: var(--primary-color) !important;
}