.container-principal{
    margin: auto;
    margin: 0px 100px;
    .container-titulo-cantidad{
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        .container-personas-atendidas{
            display: flex;
            flex-direction: column;
            align-items: center;
            border: 2px solid rgb(108, 191, 165);
            border-radius: 10px;
            margin-left: 40px;
            border-radius: 20px;
            .titulo-personas-atentidas{
                border-radius: 15px 15px 0px 0px;
                background-color:rgb(108, 191, 165);
                padding: 10px;
            }
            .numero-cantidades{
                text-transform: uppercase;
                font-weight: bold;
                font-size: 40px;
            }
        }
        .btn-salir-turnero{
            margin-left: auto;
            background-color: #E74133;
            align-self: flex-end;
        }
    }
    .tabla-turnos{
        border: 2px solid rgb(108, 191, 165);
        border-radius: 10px;
        text-align: center;
        .table-head{
            background-color:rgb(108, 191, 165);
            th{
                font-size: 25px;
                font-weight: 400;
            }
        }
        .btn-info:disabled {
            color: #212529;
            background-color: #E74133 !important;
            border-color: none;
        }
        .td-tabla-turnos{
            background-color: rgb(255, 240, 215);
            margin: 5px;
        }
        .btn-info{
            background-color: #ffcb00;
            border-color: #ffcb00;
        }
        .btn-primary{
            background-color: #9DC482;
            border-color: #9DC482;
        }
    }
}