/*!
 * Arquivo de customização
 * Copyright 2023
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-sb-admin-2/blob/master/LICENSE)
 */

/*CORES DO FRONT-END*/

.btn-ideal {
    color: #fff;
    background-color: #410a00d7;
    border-color: #00030a
}

.btn-ideal:hover {
    color: #fff;
    background-color: #010308;
    border-color: #f5f5f5
}

.modal-xxl {
    max-width: 90%;
    /* Ajuste conforme necessário */
}

/*MODAL PARA VIZUALIZAR VÍDEO*/
@media (min-width:576px) {
    .modal-dialog-video {
        max-width: 10000px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable-video {
        max-height: calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable-video .modal-content-video {
        max-height: calc(100vh - 3.5rem)
    }

    .modal-dialog-centered-video {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered-video::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content
    }

    .modal-sm-video {
        max-width: 300px
    }
}

/*Imagem da página de login*/
.bg-login-image-ideal {
    background-position: center;
    background-size: cover;
    background-color: #0a0a0a;
    width: auto;
    height: auto;
    max-width: 100%;
    /* Garante que a largura não ultrapasse a largura do contêiner pai */
    max-height: 100%;
    /* Garante que a altura não ultrapasse a altura do contêiner pai */

}

/*Imagem da página de login 256 x 256*/
.bg-login-image-ideal-login {
    background: url(http://localhost/treinamento/img/GTI.png);
    */ background-position: center;
    background-size: cover;
    background-color: #0a0a0a;
    width: auto;
    height: auto;
    max-width: 100%;
    /* Garante que a largura não ultrapasse a largura do contêiner pai */
    max-height: 100%;
    /* Garante que a altura não ultrapasse a altura do contêiner pai */

}

.btn-group-sm>.btn,
.btn-sm-persona {
    padding: .5rem .5rem;
    font-size: .65rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.custom-btn {
    width: 100%; /* Ocupa toda a largura do contêiner */
    display: block; /* Garante que ele se expanda corretamente */
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    background: white;
    border: 1px solid #c8d8eb;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    line-height: 1.5;
    z-index: 1;
}

.custom-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgb(219, 9, 9);
    transform: translateY(-50%);
    z-index: -1;
}

.custom-text {
    background: rgba(12, 5, 5, 0.767);
    padding: 0 5px;
    position: relative;
    z-index: 1;
}