.logo {
    width: 100% !important;
    max-width: 200px !important;
}

.app-wrapper {
    margin-left: 0px !important;
}

.app-header {
    left: 0% !important;
}

.descricaocadastro {
    margin-left: 0px !important;
}

.colorred {
    color: red !important;
}

.colorblue {
    color: blue !important;
}

.colorgreen {
    color: green !important;
}

.menu-link {
    display: inline-block !important;
}

.menumode {
    max-width: 72px !important;
}

.botaoadicionar {
    justify-content: flex-end !important;
    padding-right: 65px !important;
}

.ajuste {
    position: fixed !important;
    top: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 80% !important;
    /* Defina a largura da janela modal conforme necessário */
    max-width: 500px !important;
    /* Defina o máximo de largura conforme necessário */
    background-color: #fff !important;
    /* Adicione a cor de fundo desejada */
    padding: 20px !important;
    /* Adicione preenchimento interno conforme necessário */
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1) !important;
    /* Adicione sombra conforme necessário */
    border-radius: 8px !important;
    /* Adicione borda arredondada conforme necessário */
}

.titulo-chperiodo {
    justify-content: center !important;
}

.close-chperiodo {
    position: fixed;
    right: 20px;
}

.permissions-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
    /* Espaçamento entre as linhas */
}

.permission-group {
    flex: 0 0 calc(33.33% - 10px);
    /* 10px de espaçamento entre as colunas */
}

.fv-row {
    margin-bottom: 7px;
    /* Espaçamento entre os itens */
}

.botao-agrupar {
    padding: 1px 6px !important;
}

.long-option {
    white-space: pre-wrap !important;
}

#loader1 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 9998;
    left: 0%;
    top: 0vh;
    width: 100%;
    height: 100vh;
    opacity: 1;
    background: rgba(255, 255, 255, 0.8);
    transition: opacity 3s ease-out, top 1s ease-out !important;

}

.swal2-over-loader {
    z-index: 9999 !important;
}

#loader1.hide {
    transition: opacity 3s ease-out, top 1s ease-out !important;
    opacity: 0;
    top: -100vh;
}


.loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    background: linear-gradient(0deg, rgb(0, 68, 255) 33%, #45b3e6 100%);
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

.loader::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .5);
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.custom-textarea {
    width: 210%;
    height: 80px;
    resize: none;
}

.table-row-hover:hover {
    background-color: #e9e9e9;
}

.table-row-hover:hover td {
    border-radius: 10px;
}

.mensagem-sem-compromissos {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.modal-dialog.modal-dialog-centered.mw-650px {
    max-width: 50% !important;
}

@media (max-width: 1350px) {
    .modal-dialog.modal-dialog-centered.mw-650px {
        max-width: 80% !important;
    }
}


.form-check-input:checked {
    background-color: #1ff8b3 !important;
}

.custom-checkbox:checked::before {
    content: '✓';
    /* Símbolo de marcação */
    display: block;
    color: #000 !important;
    /* Cor preta para o símbolo */
    font-size: 16px;
    text-align: center;
    position: relative;
    top: -1px;
    left: 0;
}

.form-check-input {
    background-color: #325968 !important;
}

.form-control {
    background-color: #325968 !important;

}

.btn,
.btn-sm,
.btn-light {
    background-color: #325968 !important;

}

.custom-btn {
    border-color: #325968;
    padding: 0.25rem 0.5rem;
    background-color: transparent;
}

.custom-btn .svg-icon {
    width: 24px;
    height: 24px;
    margin: 0;
}

.custom-btn:hover {
    background-color: transparent;
}


.custom-input {
    color: #ffffff;
    font-size: 14px;
    border: none;
}

.desc-custom {
    color: #325968 !important;
}

.app-toolbar {
    background-color: #325968 !important;
}

input::placeholder {
    color: #fff !important;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #fff !important;
}

input::-ms-input-placeholder {
    color: #fff !important;
}

select {
    color: #fff !important;
    background-color: #325968 !important;
}

input,
textarea,
select {
    color: #fff !important;
}

.dataTables_filter input {
    color: #325968 !important;
    border: 3px solid #325968 !important;
    padding: 5px;
    border-radius: 5px;
}

.menu-item.here .menu-title,
.menu-item:hover .menu-title,
.menu-link:hover .menu-title {
    color: #288fa5 !important;
}

.menu-link:hover {
    color: #288fa5 !important;
}

.menu-title {
    color: #325968 !important;
}

.nav-link.active {
    color: #288fa5 !important;
    border-color: #288fa5 !important;
}

.nav-link:hover {
    color: #288fa5 !important;
    border-color: #288fa5 !important;
}

.card .card-title h2,
.card .card-title h6 {
    color: #325968 !important;
}

.table-row-hover td a {
    color: #325968 !important;
}

.table-row-hover td a:hover {
    color: #325968 !important;
    /* ou qualquer outra cor para o hover */
}

.page-title .page-heading {
    color: #fff !important;
}


/* Estilo do botão personalizado */
.btn-custom {
    background-color: #325968 !important;
    /* Cor de fundo */
    color: #ffffff !important;
    /* Cor do texto */
    border-color: #288fa5 !important;
    /* Cor da borda */
    padding: calc(.55rem + 1px) calc(1.25rem + 1px) !important;
    /* Padding personalizado */
    font-size: 0.925rem !important;
    /* Tamanho da fonte */
    border-radius: 0.425rem !important;
    /* Raio da borda */
    box-shadow: none !important;
    /* Sem sombra */
    font-weight: 600;
    /* Peso da fonte */
}

/* Estilo do botão quando em hover */
.btn-custom:hover,
.btn-custom:focus {
    background-color: #1e7a8c !important;
    /* Cor de fundo no hover */
    border-color: #1e7a8c !important;
    /* Cor da borda no hover */
    color: #ffffff !important;
    /* Cor do texto no hover */
}

/* Estilo quando o botão está ativo (clicado) */
.btn-custom:active {
    background-color: #217ea3 !important;
    /* Cor de fundo no ativo */
    border-color: #217ea3 !important;
    /* Cor da borda no ativo */
    color: #ffffff !important;
    /* Cor do texto no ativo */
}

/* Estilo para botões em grupos e tamanhos específicos */
.btn-group-sm>.btn-custom,
.btn-custom-sm {
    padding: 0.55rem 1.25rem;
    font-size: 0.925rem;
    border-radius: 0.425rem;
}


.svg-icon svg path {
    fill: #fff !important;
}

.svg-icon.no-fill-color svg path {
    fill: currentColor !important;
}


a {
    text-decoration: none !important;
}

.btn-danger {
    background-color: #f0792a !important;
    /* Cor de fundo */
    color: #ffffff !important;
    /* Cor do texto */
    border-color: #f0792a !important;
    /* Cor da borda */
    padding: calc(.55rem + 1px) calc(1.25rem + 1px) !important;
    /* Padding personalizado */
    font-size: 0.925rem !important;
    /* Tamanho da fonte */
    border-radius: 0.425rem !important;
    /* Raio da borda */
    box-shadow: none !important;
    /* Sem sombra */
    font-weight: 600;
    /* Peso da fonte */
    font-size: 13px !important;
    text-wrap: nowrap !important;
}

.btn-danger:hover,
.btn-danger:focus {
    background-color: #db5800 !important;
    /* Cor de fundo no hover */
    border-color: #db5800 !important;
    /* Cor da borda no hover */
    color: #ffffff !important;
    /* Cor do texto no hover */
}

.img-responsiva {
    max-width: 100% !important;
    height: auto !important;
}


.btn-group .btn {
    margin-right: 5px;
}

.btn-group .btn-check:checked+.btn {
    background-color: #0d6efd;
    color: #fff;
    border-color: #0d6efd;
}

.text-black {
    color: #325968 !important;

}

td svg:hover rect {
    fill: #0c2935;
    /* Cor ligeiramente mais escura para o efeito */
    transition: fill 0.2s ease;
    /* Transição suave */
}