:root {
    --black: #000000;
    --white: #ffffff;
    --secondary: #ffaf59;
    --border-color: #e1e1e1;
    --gray: #9a9ab0;
    --base-blue: #193e7d;
    --background: #f7f7fc;

    --muted-bg: #e9ecef;
    --muted-color: #8a92a6;
    --primary: #193e7d;
    --primary-light: #6f91cc;
    --primary-light-hover: #5d7db3;
    --primary-hover: #1e4c9a;

    --text: #606266;
}

.tab-content {
    background-color: #ffffff;
    padding: 15px;
}

.back-white {
    background-color: #ffffff;
}

body {
    color: var(--text);
    background-color: var(--background) !important;
}

table tr {
    color: var(--primary);
}

.fundo-modal-cadastro {
    background-color: #f2f3f5;
}

.titulo-azul {
    color: var(--base-blue);
}

.select2-container {
    width: 100% !important;
}

.btn,
.card {
    border-radius: 8px !important;
}

.btn-primary {
    border-color: var(--primary);
    background-color: var(--primary);
}

.btn-primary:hover {
    color: #dedede;
    background-color: var(--primary-hover);
}

.btn-primary-light {
    color: #ffffff;
    border-color: var(--primary-light);
    background-color: var(--primary-light);
}

.btn-primary-light:hover {
    color: #ffffff;
    background-color: var(--primary-light-hover);
}

.btn-cancelar {
    min-width: 90px;
    background-color: transparent;
    border: 1px solid #6c757d;
    font-weight: 600;
    border-radius: 10px;
    transition-duration: 0.5s;
    color: #6c757d;
    border-color: #6c757d;
}

.btn-cancelar:hover {
    transition-duration: 0.5s;
}

.btn-confirmar {
    /* min-width: 142px; */
    font-weight: 600;
    border-radius: 10px;
    transition-duration: 0.5s;
}

.btn-confirmar:hover {
    transition-duration: 0.5s;
}

.btn-warning {
    color: white;
    border-color: #ffd558 !important;
    background-color: #ffd558 !important;
}

.btn-warning:focus {
    color: white;
    border: none !important;
    box-shadow: none !important;
    background-color: #ffc107 !important;
}

.btn-warning:hover {
    color: white;
    background-color: #ffc107 !important;
}

.btn-clear {
    border: none;
    background: transparent;
    cursor: pointer;
    margin-left: -24px;
}

.text-warning {
    color: #ffd558 !important;
}

.text-primary {
    color: var(--primary) !important;
}

.text-primary-light {
    color: var(--primary-light) !important;
}

.text-muted {
    color: var(--muted-color) !important;
}

.border-primary {
    border-color: var(--primary) !important;
    border-width: 1px;
    border-style: solid;
}

.border-secondary {
    border-color: var(--secondary) !important;
    border-width: 1px;
    border-style: solid;
}

.toggler-wrapper {
    display: block;
    width: 45px;
    height: 35px;
    cursor: pointer;
    position: relative;
}

.toggler-wrapper input[type="checkbox"] {
    display: none;
}

.toggler-wrapper input[type="checkbox"]:checked+.toggler-slider {
    background-color: var(--primary);
}

.toggler-wrapper .toggler-slider {
    background-color: #ccc;
    position: absolute;
    border-radius: 100px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.toggler-wrapper .toggler-knob {
    position: absolute;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

/*Style*/
.toggler-wrapper.style-2 {
    width: 87.5px;
}

.toggler-wrapper.style-2 input[type="checkbox"]:checked+.toggler-slider .toggler-knob:before {
    opacity: 0.4;
}

.toggler-wrapper.style-2 input[type="checkbox"]:checked+.toggler-slider .toggler-knob:after {
    opacity: 1;
}

.toggler-wrapper.style-2 .toggler-knob {
    position: relative;
    height: 100%;
}

.toggler-wrapper.style-2 .toggler-knob:before {
    content: "Off";
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 75%;
    text-transform: uppercase;
    font-weight: 500;
    color: white;
}

.toggler-wrapper.style-2 .toggler-knob:after {
    content: "On";
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 75%;
    text-transform: uppercase;
    font-weight: 500;
    color: white;
    opacity: 0.4;
}

.accordion-button {
    padding: 0.1rem 1.25rem !important;
}

.accordion-button:focus {
    box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
    background-color: var(--background);
    border-bottom: 0.4px solid rgba(0, 0, 0, 0.2);
    color: var(--text) !important;
}

.accordion-button:not(.collapsed)::after {
    filter: grayscale(1);
}

.title-container {
    margin-bottom: 30px;
}

.titulo-index {
    font-size: 1.5em;
    color: var(--primary);
}

.subtitulo-index {
    font-size: 18px;
    color: var(--primary);
}

.page-title button {
    width: max-content !important;
}

.btn-filtros {
    border: none !important;
    color: var(--text) !important;
    border-radius: 8px !important;
    transition-duration: 0.15s !important;
    background-color: var(--muted-bg) !important;
}

.btn-filtros:hover {
    color: var(--background) !important;
    background-color: #c5cee0 !important;
}

.btn-filtros:focus {
    box-shadow: none !important;
}

.avatar-table {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #ffaf59;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.nome-usuario {
    color: var(--primary);
    font-weight: bold;
}

.idade-usuario {
    color: #ffaf59;
    font-weight: bold;
}

.label-table {
    color: #bbc6d8;
    font-weight: 600;
}

.btn-acao-lista {
    transition-duration: 0.5s;
}

.btn-acao-lista:hover {
    background-color: #4755694a;
}

.patologia-label {
    position: relative;
    z-index: 0;
}

.badge-justificativa {
    position: relative;
    z-index: 1;
}

.mr-auto {
    margin-right: auto !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.h-fill-available {
    height: 100vh;
    height: -webkit-fill-available;
    height: fill-available;
}

.input-group {
    align-items: center !important;
}

.textarea {
    height: initial !important;
}

.form-control {
    height: 35px;
    font-size: 14px;
    border-radius: 5px !important;
}

.form-control:focus,
.input-group {
    box-shadow: none;
}

.select2-container--default .select2-selection--single {
    height: 35px;
    font-size: 14px;
    border-radius: 5px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 33px;
}

.form-select {
    padding-top: 4.5px;
    padding-bottom: 4.5px;
}

.form-label {
    margin-bottom: 3px;
    font-size: 14px;
}

.fa-stack {
    vertical-align: baseline;
}

.modal-header {
    padding-top: 15px !important;
    padding-bottom: 10px !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
}

.modal-footer {
    padding: 15px 25px !important;
}

.modal-body {
    padding: 0px 16px;
}

.swal2-container {
    z-index: 1080 !important;
}

#photo-preview {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 45px;
    min-height: 45px;

    border-radius: 100%;
    border: 2px solid #ffaf59;

    background-size: cover;
    background-repeat: no-repeat, repeat;
}

.photo-md {
    min-width: 85px !important;
    min-height: 85px !important;
}

.photo-lg {
    min-width: 125px !important;
    min-height: 125px !important;
}

#photo-upload {
    width: 206px;
    height: 206px;
}

#evolucaoModal,
#novoagendamento {
    z-index: 1061 !important;
}

@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width: 1200px;
    }

    .border-md-right {
        border-right: 1px solid #dee2e6;
    }
}

.user-row-bg {
    background-color: var(--background);
    margin: 10px -28px;
    padding: 10px 28px;
    border-radius: 5px;
}

.icon-modal {
    opacity: 0.8;
    font-size: calc(1rem + 4.5vw) !important;
}

.select2-selection__choice {
    border: none !important;
}

.select2-selection__choice__remove {
    border: none !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #ced4da !important;
}

/* Estilização do dropdown do usuário */
.user-dropdown {
    min-width: 200px;
    /* Largura mínima do dropdown */
    border-radius: 0.5rem;
    /* Cantos arredondados */
    border: none;
    /* Remover borda padrão */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    /* Sombra suave */
}

.user-dropdown .dropdown-item {
    padding: 0.75rem 1.5rem;
    /* Espaçamento interno mais generoso */
    color: var(--text);
    /* Cor do texto */
    font-size: 0.9rem;
    /* Tamanho do texto */
}

.user-dropdown .dropdown-item i {
    margin-right: 0.5rem;
    /* Espaçamento à direita do ícone */
}

.user-dropdown .dropdown-item:hover {
    color: var(--primary-light);
    background-color: var(--background);
    /* Cor de fundo ao passar o mouse */
}

.user-dropdown .dropdown-item:active {
    background-color: #e9ecef;
    /* Cor de fundo ao clicar */
    color: #212529;
    /* Cor do texto ao clicar */
}

/* Se você quiser adicionar uma borda superior para separar ações no dropdown */
.user-dropdown .dropdown-item:not(:first-child) {
    border-top: 1px solid #e9ecef;
}

/* Remover o estilo de foco padrão do Bootstrap e adicionar o seu, se necessário */
.user-dropdown .dropdown-item:focus {
    box-shadow: none;
    /* Remove o foco de sombra interna */
    /* Adicione sua própria estilização de foco, se necessário */
}

#detalhe-evolucao .modal-footer {
    display: flex;
    justify-content: end;
    flex-direction: row-reverse;
}

.container-imput-check {
    transition-duration: 0.3s;
    padding-left: 6px;
}

.accordion-header {
    display: flex;
    min-height: 75px;
}

.evolucao-checkbox {
    width: 15px;
    cursor: pointer;
}

.border-selecionada {
    border-left: 6px solid var(--primary);
    background-color: var(--background);
    border-bottom: 0.4px solid rgba(0, 0, 0, 0.2);
    color: var(--text) !important;
}

.badge-selected {
    font-size: 13px;
}

.bg-primary-light {
    color: #ffffff !important;
    border-color: var(--primary-light) !important;
    background-color: var(--primary-light) !important;
}

.bg-green-light {
    color: #ffffff;
    border-color: rgba(144, 0, 32, 0.5);
    background-color: rgba(144, 0, 32, 0.5);
}

.page-loader {
    margin-left: -150px;
}