/*
    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
    */
    @media (max-width: 576px) { 

        html, body{
            height: 100vh !important;
            /*background-color: #e4e1e1;  */
            /*
            min-height: 75rem;
            padding-top: 4.5rem;  
            */
        }

        .padrao-pg-adm{
            width: 100%!important;
            height: 76vh!important;
           
        }

        .navbar-toggler{
            border: 1px solid #fff !important;
            padding: 0.25rem 0.45rem !important;
            outline: none !important;
            border: none !important;  
        }
        
        .navbar-custon-icon{
            width: 30px;
            height: 2px;
            margin: 4px;
        }

        section p strong br{   
            display: none;
        }

        .jumb-text{
            margin-top: .5rem !important;
            font-size: 1.70rem !important; 
            font-weight: 600 !important; 
        }

        /*
        .text-title{
            margin-bottom: 0;
            line-height: 44px !important;  
            font-size: 1.25rem !important;
        } 
        */

        .btn-box{
            width: 130px !important;
        }

        .btn-box input[type="text"]{
            width: 55px;
        }
        
        .btn-box input[type="text"], .btn1,.btn2{
            height: 40px !important;
            font-size: 2rem !important;
        }

        .center{    
            height: 35vh !important;
        } 

        /*----------- Box inform nome ---------- */
        /*
        .info-name{
            padding-bottom: 0 !important;
        }
        */
        .box-name-assit{
            font-size: 1rem !important;
        }

        /*----------- Bottom Submit ---------- */
        .btn_submit{
            font-size: 1.2rem !important;  
        }

        .center-box{
            height: 75vh !important;  
        }

        /*-----Configuração da tabela-----*/
        
        thead, tr, th.header-table-date{
            width: 120px !important;
        }

        thead, tr, th.th-name{
            width:25px !important; 
        }

        thead, tr, th input[type="date"]{
            width:130px !important;
            margin-left:0px !important; 
        }
        
        tbody, tr, td.button-table{
            
            padding-left:1.1rem !important;
        }

    }

    /*  Dispositivos médios (tablets com 768px ou mais) */
    @media (max-width: 768px) { 
        /*
        .navbar-toggler{
            border: 1px solid #fff !important;
            padding: 0.25rem 0.45rem !important;
        }
        
        .navbar-custon-icon{
            background-color: #fff;
            width: 30px;
            height: 2px;
            margin: 4px;
        }
        */
    }

    /* Dispositivos large (desktops com 992px ou mais) */
    @media (max-width: 992px) { 



    }

    /* Dispositivos extra large (desktops grandes com 1200px ou mais) */
    @media (max-width: 1200px) { 

    }

    /********************************************************************************/

    * {
        border: 0;
        outline: 0;
        padding: 0;
        margin: 0;
        vertical-align: baseline;
        list-style: none;
        font-family: 'Poppins', sans-serif
    }

    :root{
        --white: #fff;
        --grey: #6c757d;
        --black: #333; 
    }

    html, body{
        width: 100%;
        height: 100vh;
        /*background-color: #e4e1e1;  */
        /*
        min-height: 75rem;
        padding-top: 4.5rem;  
        */
    }


    /*--- Zera o padding bottom---*/
    .pb-reset{
        padding-bottom: 0 !important;
    } 

    /*----------- Jumbotron ---------- */
    .jumb-text{
        font-size: 2.75rem;
        font-weight: 500;
    }

    /*----------- Box inform nome ---------- */
    .box-name-assit{
        font-size: 1.3rem;
    }

    /*----------- Configuração do botão increment decrement ---------- */
    .center{    
        height: 38vh; 
    } 

    .btn-box{
        width: 110px;
        transition: transform .2s;
    }

    .btn1{
        border-radius: 4px 0 0 4px;     
    }

    .btn2{
        border-radius: 0 4px 4px 0;
    }
    
    .btn-calc{
        width: 100%;
        cursor: pointer;
        transition: transform .4s; /* Tempo do efeito lupa*/
    }

    .btn-calc:hover { /* Efeito lupa ao clicar no botão */
        -ms-transform: scale(1.3); /* IE 9 */
        -webkit-transform: scale(1.3); /* Safari 3-8 */
        transform: scale(1.3); 
        border-radius: 4px 4px 4px 4px;
    }

    .btn-calc:focus { /* removerá a borda do botão e desativará o foco da borda do botão quando o botão for clicado */
        border: none; 
        outline: none; 
    }
    
    .btn-box input[type="text"]{
        width: 45px;
        height: 33px;
    }

    .btn-box input[type="text"], .btn1,.btn2{
        height: 33px;
    }

    /*------------ Fim configurações do botão increment decrement ---------*/

    /*----- Button submit index --------*/

    .btn_submit{
        transition: transform .3s;
    }

    .btn_submit:disabled {
        opacity: .75;
    }
    
    .btn_submit:hover {
        -ms-transform: scale(1.2); /* IE 9 */
        -webkit-transform: scale(1.2); /* Safari 3-8 */
        transform: scale(1.2);
    }

    /*----- Fim Button submit --------*/

    /*-----Div de avisos proxima ao footer --------*/

    .center-box{
        width: 100%;
        height: 85vh;
        margin-top: 80px;
    } 
        
    .notices-title{
        border-radius: 10px;
        width: 350px;
        font-size: 24px;
        font-weight: 550;
        line-height: 1.5 !important;
            
    }

    /*-----Fim da Div de avisos proxima ao footer --------*/

    /* ----Configurações paginas (dados_reunião, assistencia) ---*/

    .bnt-link{
        width: 200px;
        height: 42px;
        font-size: 1.2rem ; 
    }

    /* ----Fim configurações paginas (dados_reunião, assistencia) ---*/

    /*------  PAGINA ADMIN  --------*/

    .padrao-pg-adm{
        width: 100%;
        height: 87vh;  
    }


    /*------Pagina admin Menu nav lateral --------*/

    .manu_nav{
        
    }

    .list-group-item.active {
        z-index: 2 !important;
        color: var(--white) !important;
        background-color: var(--grey) !important;
        border-color: var(--grey) !important;
    }

    /*------FIM Menu nav lateral --------*/

    /*-- configuração conteudo tag main pg admin--*/
    .cont-main{
        width: 100%;
        height: 68vh ; 
       
    }


    
    /*----------- Fim tag main pg admin ---------*/
    /*------Config Table Scroll --------*/

    /*
    .table-overflow {
        width: 50%;
        max-height: 50vh;
        overflow-y: auto;  
    }
    */
    
    table{ 
        position: relative;
        border-collapse: collapse;
    }

    thead > tr > th{
        text-align: center;
        position: sticky;
        top: -1px;
        background-color: var(--grey) !important;
        
    }

    thead, tr, th.title-table{
        padding-bottom: 1.2rem;
    }

    thead, tr, th.header-table-date{
        width: 45%;
    }

    thead, tr, th input[type="date"]{
        width:60%; 
        margin-left:30px; 
    }

    tbody, tr, td.collum-table{
        padding-top:1.2rem;
    }

    tbody, tr, td.button-table{
        padding-left:2.1rem;
    }

    /*----------------------------------------------*/

    /* 
    
    #table{
    max-width: 100%;
    height: auto;
    overflow: scroll;
}

.tg  {border-collapse:collapse;border-spacing:0;}
.tg td, .tg th{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;font-weight:normal;padding:50px 50px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.
.tg .tg-yw4l{vertical-align:top}

    */

    /*
    .fixed {
        table-layout: fixed;

    }
    
    .fixed th,
    .fixed td {
        padding: 10px;
        min-width: 233px;
    }
    
    
    .fixed thead tr {
        display: block;
        position: relative;
    }


    .fixed tbody {
        overflow: auto;
        display: block;
        height: 200px;
    
    }

    table{
        
        position: relative;
        border-collapse: collapse;
    }

    thead > tr > th{
        position: static;
        top: 0;
        background-color: var(--grey) !important;
    
    }

    */

    /* Faz tabela ficar com o cabeçalho fixo e não junto com a barra de rolagem*/
    /*
    thead, tbody, tr, td, th { display: block; }

        tr:after {
            content: ' ';
            display: block;
            visibility: hidden;
            clear: both;
            width: 100% !important;
        }

        thead th {
            height: 50px !important;
        }

        tbody {
            height: 480px !important;
            overflow-y: auto !important;
        }
        
        tbody td, thead th {
            width: 19.2% !important;
            float: left !important;
        }
    */
    /*
    .navigation ul li a .icon{
        position: relative;
        display: block;
        min-width: 60px;
        height: 60px;
        line-height: 70px;
        text-align: center;
    }


    .list-group-ite {
        position: relative;
        display: block;
        margin-bottom: -1px;
        background-color: #fff;
        padding: 0.75rem 1.25rem !important;
        border: 1px solid rgba(0,0,0,.125);
    }

    */