/*  MEDIA QUERIES       MEDIA QUERIES       MEDIA QUERIES       MEDIA QUERIES       */
/*  MEDIA QUERIES       MEDIA QUERIES       MEDIA QUERIES       MEDIA QUERIES       */
/*  MEDIA QUERIES       MEDIA QUERIES       MEDIA QUERIES       MEDIA QUERIES       */
/*  MEDIA QUERIES       MEDIA QUERIES       MEDIA QUERIES       MEDIA QUERIES       */
/*  MEDIA QUERIES       MEDIA QUERIES       MEDIA QUERIES       MEDIA QUERIES       */
/*  MEDIA QUERIES       MEDIA QUERIES       MEDIA QUERIES       MEDIA QUERIES       */

@media (max-width: 1920px) {
    #cxLogin{
        width:25%;
    }
    #cxsite{
        width: var(--largura2);
        padding:var(--padding3);
    }
    .soPaCentrar{
        width: var(--largura2);
    }
    nav {
        padding:var(--padding2);
        padding-top:20px;
        padding-bottom:0;
    }
    nav a{
        margin-right:25px;
    }
}
@media (max-width: 1440px) {
    /* caixa das mensagens de alerta */
    .bdAlerta{
        width:40%;
    }
    #cxLogin{
        width:30%;
    }
    #cxsite{
        width: var(--largura3);
        padding:var(--padding3);
    }
    .soPaCentrar{
        width: var(--largura3);
    }
    nav {
        padding:var(--padding3);
        padding-bottom:0;
        padding-top:20px;
    }
    nav a{
        margin-right:15px;
    }
}
@media (max-width: 1180px) {
    #cxLogin{
        width:42%;
    }
    #cxsite{
        width: var(--largura4);
        padding:var(--padding4);
    }

    .soPaCentrar{
        width: var(--largura4);
    }
    nav {
        padding:var(--padding4);
        padding-bottom:0;
        padding-top:20px;
    }
    nav a{
        margin-right:13px;
    }
} 
@media (max-width: 800px) {
    /* caixa das mensagens de alerta */
    .bdAlerta{
        width:50%;
    }
    #cxLogin{
        width:42%;
    }
    #cxsite{
        width: 100%;
        padding:var(--padding4);
    }
    header{
        padding-left:5px;
    }
    #cxTxtHeader{
        /* padding-left:10px; */
        width:auto;
    }
    #cxUser{
        min-width:140px;
        margin:0;
        margin-right:6px;
        margin-bottom:10px;
        float:right;
        font-family:var(--txt1);
        color:var(--branco2);
    }
    .soPaCentrar{
        width: var(--largura4);
    }
    span.empresaTitleSpan{
        padding-left:50px;
    }
    nav {
        padding:var(--padding4);
        padding-bottom:0;
        padding-top:20px;
    }
    nav a{
        margin-right:12px;
    }
    nav #cxPesquisa form {
        flex-wrap: wrap;
        justify-content:flex-end;
    }
    #inputPesquisaLupa[type='submit']{
        margin:0;
        margin-top:4px;
    }
    #inputPesquisaLupa{
        display:none;
    }
    /* .tabTudo, #divTabFiltros{
        width:100%;
    } */
    #crudArea, #divAsync{
        width: 99%;
    }
    .crudAreas{
        width: 100%;
    }
    /* DASHBOARD */
    .tabResumo{
        width: 100%;
    }
    /* .tabTudo, #divTabFiltros{
        width:100%;
    }*/
    /* BARRA LATERAL */
    /*  .setaMenu{
        display:none;
    } */
    #barraLateral_ID {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        /* background-color: rgba(0,0,0,0.95); */
        background-color: rgba(255,255,255,0.85);
        z-index: 1000;
        overflow-y: auto;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.5s ease;
    }
    #agregaBarraLateralMobile{
        background-color: #ffffff;;
        width: 80vw;
        margin-left: auto;
        padding:1px 0 20px 10px;
    }
    
    .crudLi{
        padding-right:20px;
    }
    #fecharBarraLateral {
        display:block;
    }
    /* Três quadrados */
    #tresQuadrados {
        display: flex;
        flex-direction: column;
        cursor: pointer;
    }

    /* Quando ativa */
    #barraLateral_ID.mostrar {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}


@media (max-width: 500px) { 
    body{
        overflow: hidden;
    }
    #noResolution {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100vh;
        display:flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        user-select: none;
    }
}
/*
:: :: ::    Video ratios for iframes   :: :: ::    Video ratios for iframes   :: :: ::
:: :: ::    Video ratios for iframes   :: :: ::    Video ratios for iframes   :: :: ::
padding-top: 56.25%;      16:9 Aspect Ratio (divide 9 by 16 = 0.5625) 
padding-top: 75%;         4:3 Aspect Ratio (divide 3 by 4 = 0.75) 
padding-top: 66.66%;      3:2 Aspect Ratio (divide 2 by 3 = 0.6666)  
padding-top: 62.5%;       8:5 Aspect Ratio (divide 5 by 8 = 0.625) 
*/