/*** APARELHOS COM ALTURA ATÉ 414px ***/
/*-| ex: Samsung Galaxy Note 3, Samsung Galaxy S3 e S5, iPhones, Série Pixel (todos paisagem) |-*/
@media screen and (max-height: 414px) {
    .modal-mobile {
        margin-top: 130px !important;
    }

    #aluno-selecionado {
        font-size: 15px;
    }
}

/*** APARELHOS COM LARGURA ATÉ 600px ***/
/*-| ex: Todos os celulares em modo paisagem |-*/
@media screen and (max-width: 600px) {
    .clienteEstrutura {
        width: 350px;
    }
}

/*** APARELHOS COM LARGURA ATÉ 375px ***/
/*-| ex: Samsung Galaxy Note 3, Samsung Galaxy S3 e S5, iPhones (todos retrato) |-*/
@media screen and (max-width: 375px) {
    .item-atestado {
        font-size: 11px;
    }

    #compensacao-por-componente {
        font-size: 11px !important;
    }

    #ucMensagem .msg-mobile {
        width: 245px !important;
    }

    .clienteEstrutura {
        width: 190px;
    }

    .detalhes-diario-aluno {
        font-size: 12px !important;
    }

    .legenda-formulario, .informacao-formulario {
        font-size: 13px;
    }

    .mobile-dtl {
        font-size: 12px;
    }

    .detalhes-aluno {
        font-size: 11px;
        text-align: center;
    }

    .titulo-aluno {
        padding-top: 20px;
        font-size: 12px;
        text-align: center;
        font-weight: bold;
    }

    .grid-mobile-celula-label {
        font-size: 11px !important;
        height: 12px !important;
        padding: 4px;
    }

    .celula-faltas {
        width: 60px;
    }

    .celula-faltas-input {
        width: 40px;
        text-align: center;
    }

        .celula-faltas-input input {
            width: 25px;
            border: 1px solid #969696;
            padding: 3px;
            height: 20px;
            font-size: 11px;
            text-align: center;
        }

    .celula-faltas-pct {
        font-size: 11px !important;
        width: 60px;
        text-align: center;
    }

    .celula-textbox-avaliacao {
        width: 60% !important;
        max-width: 180px;
    }

    .celula-textbox {
        text-align: center;
    }

        .celula-textbox input {
            width: 30px;
            border: 1px solid #969696;
            padding: 3px;
            height: 20px;
            font-size: 11px;
            text-align: center;
        }

        .celula-textbox select {
            width: 100px;
        }

    .celula-media-sala {
        width: 30px;
        text-align: center;
    }

    .grid-clear {
        font-size: 11px !important;
    }

    .grid-fixa-mobile {
        height: 300px;
        overflow-y: scroll;
    }

    .legenda-principal {
        font-weight: bold;
        color: #727272;
        font-size: 12px;
        padding-top: 20px;
    }

    .legenda-titulo {
        font-size: 15px;
    }

    .caption-mobile {
        color: #000000;
        padding-top: 20px;
        font-size: 13px;
    }

    .radio-mobile {
        font-size: 11px;
    }

    .radio-mobile label {
        margin-right: 10px;
        margin-left: 5px;
    }

    input[type=radio] {
        border: 0px;
        height: 16px;
        padding-top: 10px;
        margin-top: -1px;
        vertical-align: middle;
        padding-left: 20px;
    }

    #box-mobile {
        padding: 0px 30px 20px 10px;
        float: left;
        margin-top: 110px;
        position: fixed;
        top: 35px;
        bottom: 0;
        overflow-y: scroll;
    }

    .btnAzul-mobile, .btnVerde-mobile {
        width: 100%;
        font-size: 13px;
        max-width: 120px;
        vertical-align: middle;
    }

    .btnBranco-mobile {
        width: 140px;
        font-size: 13px;
    }

    .wizard {
        margin-bottom: -10px;
        display: inline-block;        
    }

    .divOndeEstou-mobile {
        width: 100%;
        color: #3ec0e8;
        font-size: 13px;
        font-weight: bold;
        margin: -30px 0 0px 10px;
        position: fixed;
    }

        .divOndeEstou-mobile .atual {
            font-size: 12px;
            color: #cccccc;
        }

    #ucMensagem .msg-mobile {
        margin-top: 40px !important;
    }

    .imgUsuario {
        width: 30px;
        height: 30px;
    }
}

/*** APARELHOS COM LARGURA ENTRE 376px e 640px ***/
/*-| ex: Samsung Galaxy Note 3 (paisagem), Samsung Galaxy S3 e S5 (paisagem), iPhone 5/SE (paisagem) |-*/
@media screen and (min-width: 376px) and (max-width: 640px) {
    #compensacao-por-componente {
        font-size: 12px !important;
    }

    .caption-mobile {
        color: #000000;
        padding-top: 22px;
        font-size: 13px;
    }

    .radio-mobile {
        font-size: 13px;
    }

    .radio-mobile label {
        margin-right: 10px;
        margin-left: 5px;
    }

    .detalhes-aluno {
        font-size: 14px;
        text-align: center;
    }

    .titulo-aluno {
        padding-top: 20px;
        font-size: 16px;
        text-align: center;
        font-weight: bold;
    }

    .grid-mobile-celula-label {
        font-size: 12px !important;
        height: 12px !important;
        padding: 4px;
    }

    .celula-faltas {
        width: 45px;
    }

    .celula-faltas-input {
        width: 45px;
        text-align: center;
    }

        .celula-faltas-input input {
            width: 50px;
            border: 1px solid #969696;
            padding: 3px;
            font-size: 12px;
            height: 20px;
            text-align: center;
        }

    .celula-faltas-pct {
        font-size: 14px !important;
        width: 35px;
        text-align: center;
    }

    .celula-textbox {
        width: 40px;
        text-align: center;
    }

        .celula-textbox input {
            width: 50px;
            border: 1px solid #969696;
            padding: 3px;
            height: 20px;
            font-size: 12px;
            text-align: center;
        }

        .celula-textbox select {
            width: 100px;
        }

    .celula-media-sala {
        width: 30px;
        text-align: center;
    }

    .grid-clear {
        font-size: 12px !important;
    }

    .grid-fixa-mobile {
        height: 200px;
        overflow-y: scroll;
    }

    .divOndeEstou-mobile {
        width: 100%;
        color: #3ec0e8;
        font-size: 16px;
        font-weight: bold;
        margin: -35px 0 0px 15px;
        position: fixed;
    }

        .divOndeEstou-mobile .atual {
            font-size: 16px;
            color: #cccccc;
        }

    .legenda-principal {
        font-weight: bold;
        color: #727272;
        font-size: 13px;
        padding-top: 20px;
    }
}

/*** APARELHOS COM LARGURA MÍNIMA DE 376px ***/
/*-| ex: Todos os aparelhos celulares (exceto minis) em modo retrato |-*/
@media screen and (min-width: 376px) {

    .grid-fixa-mobile {
        height: 300px;
        overflow-y: scroll;
    }

    #box-mobile {
        padding: 0px 30px 20px 10px;
        float: left;
        margin-top: 110px;
        position: fixed;
        top: 35px;
        bottom: 0;
        overflow-y: scroll;
    }

    .btnAzul-mobile, .btnVerde-mobile {
        width: 100%;
        max-width: 160px;
    }

    .btnBranco-mobile {
        font-size: 14px;
    }

    .wizard {
        margin-right: 15px;
        margin-bottom: -10px;
        display: inline-block;
    }
}

/*** APARELHOS COM LARGURA ATÉ 641px ***/
/*-| ex: Todos os aparelhos celulares (ex: série Samsung Galaxy e Apple iPhone) + Tablets pequenos (ex: Multilaser M9) em modo retrato |-*/
@media screen and (max-width: 641px) {

    .grid-fixa-mobile {
        height: 300px;
        overflow-y: scroll;
    }

    .header-mobile ul li {
        float: left;
        margin-right: 5px;
    }

    .header-mobile {
        padding: 22px 8px 0px 0px;
    }

        .header-mobile ul li a .eixo {
            background: url("../images/icoMenu.png") 10px 10px no-repeat;
            background-size: 20px;
            width: 40px;
            height: 40px;
        }

        .header-mobile ul li a .eixoSel {
            background: url("../images/icoMenu.png") #048dc1 10px -25px no-repeat;
            background-size: 20px;
            width: 40px;
            height: 40px;
            border-radius: 25px;
        }

        .header-mobile ul li a .eixo:hover {
            background: url("../images/icoMenu.png") #048dc1 10px -25px no-repeat;
            background-size: 20px;
            border-radius: 25px;
        }

        .header-mobile ul li a .notificacao {
            background: url("../images/icoMenu.png") 8px -80px no-repeat;
            background-size: 25px;
            width: 40px;
            height: 40px;
        }

        .header-mobile ul li a .notificacaoSel {
            background: url("../images/icoMenu.png") #048dc1 8px -122px no-repeat;
            background-size: 25px;
            width: 40px;
            height: 40px;
            border-radius: 25px;
        }

        .header-mobile ul li a .notificacao:hover {
            background: url("../images/icoMenu.png") #048dc1 10px -122px no-repeat;
            background-size: 20px;
            border-radius: 25px;
        }

        .header-mobile ul li a .ajuda {
            background: url("../images/icoMenu.png") 6px -176px no-repeat;
            background-size: 20px;
            width: 40px;
            height: 40px;
        }

        .header-mobile ul li a .ajudaSel {
            background: url("../images/icoMenu.png") #048dc1 6px -223px no-repeat;
            background-size: 20px;
            width: 40px;
            height: 40px;
            border-radius: 25px;
        }

        .header-mobile ul li a .ajuda:hover {
            background: url("../images/icoMenu.png") #048dc1 6px -223px no-repeat;
            background-size: 20px;
            border-radius: 25px;
        }

        .header-mobile ul li a .usuario {
            background: url("../images/icoMenu.png") 6px 12px no-repeat;
            background-size: 20px;
            width: 40px;
            height: 40px;
        }

            .header-mobile ul li a .usuario:hover {
                background: url("../images/icoMenu.png") #048dc1 6px -35px no-repeat;
                background-size: 20px;
                border-radius: 25px;
            }

        .header-mobile ul li a .sistema {
            background: url("../images/icoMenu.png") 10px -206px no-repeat;
            background-size: 20px;
            width: 40px;
            height: 40px;
        }

        .header-mobile ul li a .sistemaSel {
            background: url("../images/icoMenu.png") #048dc1 10px -240px no-repeat;
            background-size: 20px;
            width: 40px;
            height: 40px;
            border-radius: 25px;
        }

        .header-mobile ul li a .sistema:hover {
            background: url("../images/icoMenu.png") #048dc1 10px -240px no-repeat;
            background-size: 20px;
            border-radius: 25px;
        }

    .qtdNotificacao-mobile {
        background: #e30713;
        width: 18px;
        height: 15px;
        border-radius: 25px;
        margin: 0px 0 0 -18px;
        color: #fff;
        text-align: center;
        font-size: 11px;
    }

        .qtdNotificacao-mobile:hover .notificacao {
            background: url("../images/icoMenu.png") #eee 13px -129px no-repeat;
            border-radius: 25px;
        }
}

/*** APARELHOS COM LARGURA MÍNIMA DE 642px ***/
/*-| ex: Todos os tablets de médio/grande porte em modo retrato (ex: Apple iPads, Samsung Galaxy Tabs) |-*/
@media screen and (min-width: 642px) {

    .botao-diario-aluno {
        color: #FFFFFF;
        width: 200px;
        font-weight: bold;
        font-size: 15px;
        border-radius: 5%;
        margin-bottom: 20px;
        text-align: center;
        vertical-align: middle;
        padding: 8px;
        height: 100px;
        display: table-cell;
    }

    #aluno-selecionado {
        font-size: 16px;
    }

    .grid-fixa-mobile {
        height: 500px;
        overflow-y: scroll;
    }

    .legenda-principal {
        font-weight: bold;
        color: #727272;
        font-size: 16px;
        padding-top: 20px;
    }

    .caption-mobile {
        color: #000000;
        padding-top: 36px;
        padding-bottom: 2px;
        font-size: 16px;
    }

    .radio-mobile {
        font-size: 16px;
    }
    .radio-mobile label {
        margin-right: 10px;
        margin-left: 5px;
    }

    .divOndeEstou-mobile {
        width: 100%;
        color: #3ec0e8;
        font-weight: bold;
        font-size: 20px;
        margin: -40px 0 0px 15px;
        position: fixed;
    }

        .divOndeEstou-mobile .atual {
            font-size: 20px;
            color: #cccccc;
        }

    .header-mobile ul li {
        float: left;
        margin-right: 10px;
    }

    .header-mobile {
        padding: 15px 8px 0px 0px;
    }

        .header-mobile ul li a .eixo {
            background: url("../images/icoMenu.png") 7px 8px no-repeat;
            width: 40px;
            height: 40px;
        }

        .header-mobile ul li a .eixoSel {
            background: url("../images/icoMenu.png") #048dc1 7px -41px no-repeat;
            width: 40px;
            height: 40px;
            border-radius: 25px;
        }

        .header-mobile ul li a .eixo:hover {
            background: url("../images/icoMenu.png") #048dc1 7px -35px no-repeat;
            border-radius: 25px;
        }

        .header-mobile ul li a .notificacao {
            background: url("../images/icoMenu.png") 7px -87px no-repeat;
            width: 40px;
            height: 40px;
        }

        .header-mobile ul li a .notificacaoSel {
            background: url("../images/icoMenu.png") #048dc1 7px -134px no-repeat;
            width: 40px;
            height: 40px;
            border-radius: 25px;
        }

        .header-mobile ul li a .notificacao:hover {
            background: url("../images/icoMenu.png") #048dc1 7px -134px no-repeat;
            border-radius: 25px;
        }

        .header-mobile ul li a .ajuda {
            background: url("../images/icoMenu.png") 7px -176px no-repeat;
            width: 40px;
            height: 40px;
        }

        .header-mobile ul li a .ajudaSel {
            background: url("../images/icoMenu.png") #048dc1 7px -223px no-repeat;
            width: 40px;
            height: 40px;
            border-radius: 25px;
        }

        .header-mobile ul li a .ajuda:hover {
            background: url("../images/icoMenu.png") #048dc1 7px -223px no-repeat;
            border-radius: 25px;
        }

        .header-mobile ul li a .usuario {
            background: url("../images/icoMenu.png") 7px 12px no-repeat;
            width: 40px;
            height: 40px;
        }

            .header-mobile ul li a .usuario:hover {
                background: url("../images/icoMenu.png") #048dc1 7px -35px no-repeat;
                border-radius: 25px;
            }

        .header-mobile ul li a .sistema {
            background: url("../images/icoMenu.png") 7px -284px no-repeat;
            width: 40px;
            height: 40px;
        }

        .header-mobile ul li a .sistemaSel {
            background: url("../images/icoMenu.png") #048dc1 7px -331px no-repeat;
            width: 40px;
            height: 40px;
            border-radius: 25px;
        }

        .header-mobile ul li a .sistema:hover {
            background: url("../images/icoMenu.png") #048dc1 7px -331px no-repeat;
            border-radius: 25px;
        }

    .qtdNotificacao-mobile {
        background: #e30713;
        width: 18px;
        height: 15px;
        border-radius: 25px;
        margin: 0px 0 0 -20px;
        color: #fff;
        text-align: center;
        font-size: 11px;
    }

        .qtdNotificacao-mobile:hover .notificacao {
            background: url("../images/icoMenu.png") #eee 13px -129px no-repeat;
            border-radius: 25px;
        }
}

/*** APARELHOS COM LARGURA MÍNIMA DE 1200px ***/
/*-| ex: Tablets grandes (ex: Galaxy Tab A7 em modo paisagem, iPad Pro em qualquer modo) |-*/
@media screen and (min-width: 1200px) {

    .btn-mobile-align {
        text-align: left;
        padding-left: 10px;
    }

    .left {
        z-index: 999;
    }

    .linha-wizard {
        width: 70px;
        border-bottom: 1px solid #d3d3d3;
        float: left;
        padding-top: 15px;
    }

    .legenda-questionario {
        margin: auto;
        width: 15px;
        height: 14px;
    }

    .detalhes-aluno {
        font-size: 18px;
        text-align: center;
    }

    .titulo-aluno {
        padding-top: 40px;
        font-size: 20px;
        text-align: center;
        font-weight: bold;
    }

    .grid-mobile-celula-label {
        font-size: 14px !important;
        height: 12px !important;
        padding: 8px;
    }

    .celula-faltas {
        width: 45px;
    }

    .celula-faltas-input {
        width: 45px;
        text-align: center;
    }

        .celula-faltas-input input {
            width: 80px;
            border: 1px solid #969696;
            padding: 3px;
            font-size: 14px;
            height: 20px;
            text-align: center;
        }

    .celula-faltas-pct {
        font-size: 14px !important;
        width: 35px;
        text-align: center;
    }

    .celula-textbox {
        width: 40px;
        text-align: center;
    }

        .celula-textbox input {
            width: 80px;
            border: 1px solid #969696;
            background-color: #ededed;
            padding: 3px;
            height: 20px;
            font-size: 14px;
            text-align: center;
        }

        .celula-textbox select {
            width: 100px;
        }

    .celula-media-sala {
        width: 30px;
        text-align: center;
    }

    .grid-clear {
        font-size: 13px !important;
    }

    .nome-aluno-grid {
        font-size: 15px;
    }
}

/*** APARELHOS COM LARGURA MÍNIMA DE 1280px ***/
/*-| ex: Tablets extra grandes (ex: Galaxy Tab A7 em paisagem para cima) |-*/
@media screen and (min-width: 1280px) {

    .col-xxl-10 {
        width: 87.88888888% !important;
    }

    .col-xxl-11 {
        width: 89% !important;
    }
}

/*** APARELHOS COM LARGURA ENTRE 361px e 414px ***/
/*-| ex: Especificamente para Pixel 2 (retrato) até iPhone 6/7/8 (retrato) |-*/
@media screen and (min-width: 361px) and (max-width: 414px) {
    .clienteEstrutura {
        width: 230px;
    }

    .detalhes-diario-aluno {
        font-size: 12px !important;
    }

    #ucMensagem .msg-mobile {
        max-width: 100% !important;
        padding: 0px 0px 0px 0px;
    }

    .wizard {
        padding-left: 70px;
    }

    .radio-mobile {
        font-size: 14px;
    }

    .radio-mobile label {
        margin-right: 15px;
        margin-left: 3px;
    }
}

/*** APARELHOS ATÉ 414px DE LARGURA ***/
/*-| ex: Todos celulares até Pixel 2 (retrato) |-*/
@media screen and (max-width: 411px) {

    .toggle-celular-paisagem img {
        width: 60px;
        padding: 30px 10px 0px 0px;
    }

    .toggle-celular-paisagem input[type=image] {
        width: 20px;
    }

    .toggle-celular-paisagem #lblEstruturaSM, .toggle-celular-paisagem #lblClienteSM {
        font-size: 10px !important;
    }
}
/*** APARELHOS COM LARGURA ENTRE 640px E 1023px ***/
/*-| ex: Tablets pequenos (ex: iPad Mini e Multilaser M9) em retrato e celulares em paisagem |-*/
@media screen and (min-width: 640px) and (max-width: 1023px) {
    .clienteEstrutura {
        width: 390px;
    }

    .linha-wizard {
        width: 70px;
        border-bottom: 1px solid #d3d3d3;
        float: left;
        padding-top: 15px;
    }

    .legenda-questionario {
        margin: auto;
        width: 15px;
        height: 14px;
    }

    .detalhes-aluno {
        font-size: 15px;
        text-align: center;
    }

    .titulo-aluno {
        padding-top: 30px;
        font-size: 17px;
        text-align: center;
        font-weight: bold;
    }

    .grid-mobile-celula-label {
        font-size: 13px !important;
        height: 12px !important;
        padding: 8px;
    }

    .celula-faltas {
        width: 45px;
    }

    .celula-faltas-input {
        width: 45px;
        text-align: center;
    }

        .celula-faltas-input input {
            width: 60px;
            border: 1px solid #969696;
            padding: 3px;
            height: 20px;
            font-size: 13px;
            text-align: center;
        }

    .celula-faltas-pct {
        font-size: 13px !important;
        width: 35px;
        text-align: center;
    }

    .celula-textbox {
        width: 40px;
        text-align: center;
    }

        .celula-textbox input {
            width: 60px;
            border: 1px solid #969696;
            padding: 3px;
            height: 20px;
            font-size: 13px;
            text-align: center;
        }

        .celula-textbox select {
            width: 100px;
        }

    .celula-media-sala {
        width: 30px;
        text-align: center;
    }

    .grid-clear {
        font-size: 13px !important;
    }

    /*** APARELHOS COM LARGURA NO MÍNIMO DE 800px ***/
    /*-| ex: Todos os celulares em modo paisagem |-*/
    @media screen and (min-width: 800px) {
        .clienteEstrutura {
            width: 410px;
        }
    }
}
/*** BREAKPOINT DE CORTE PARA EXIBIÇÃO DA IMAGEM DE FUNDO NO CABEÇALHO ***/
@media screen and (max-width: 760px) {
    .header-box-mobile {
        height: 70px;
        border-bottom: 1px solid #ccc;
        background-size: 300px 100%;
    }
}

@media screen and (min-width: 761px) {
    .header-box-mobile {
        height: 70px;
        border-bottom: 1px solid #ccc;
        background: url(../images/header-gier.svg) 70% 18px no-repeat;
        background-size: 300px 100%;
    }
}
/*** QUERIES PARA APARELHOS ESPECÍFICOS (ELEMENTOS NÃO-RESPONSIVOS) ***/
/*-| iPhone X (retrato) |-*/
@media screen and (width: 375px) and (height: 812px) {
    .clienteEstrutura {
        width: 200px;
    }
}
/*-| iPhone X (paisagem) |-*/
@media screen and (width: 812px) and (height: 375px) {
    .clienteEstrutura {
        width: 420px;
    }
}
/*-| Pixel 2 (paisagem) |-*/
@media screen and (width: 731px) and (height: 411px) {
    .clienteEstrutura {
        width: 470px;
    }
}
/*-| Pixel 2 XL (paisagem) |-*/
@media screen and (width: 823px) and (height: 411px) {
    .clienteEstrutura {
        width: 430px;
    }
}
/*-| iPhone 6/7/8 (retrato) |-*/
@media screen and (width: 375px) and (height: 667px) {

    .clienteEstrutura {
        width: 200px;
    }
}
/*-| iPhone 6/7/8 (paisagem) |-*/
@media screen and (width: 667px) and (height: 375px) {
    .clienteEstrutura {
        width: 410px;
    }
}
/*-| iPhone 6/7/8 Plus (retrato) |-*/
@media screen and (width: 414px) and (height: 736px) {
    .clienteEstrutura {
        width: 160px;
    }
}
/*-| iPhone 6/7/8 Plus (paisagem) |-*/
@media screen and (width: 736px) and (height: 414px) {
    .clienteEstrutura {
        width: 480px;
    }
}
/*-| iPhone 5/SE (paisagem) |-*/
@media screen and (width: 568px) and (height: 320px) {
    .clienteEstrutura {
        width: 320px;
    }
}
/*-| iPhone SE (retrato) |-*/
@media screen and (max-width: 320px) {

    .toggle-celular-mini {
        display: none;
    }

    .clienteEstrutura {
        width: 150px;
    }

    .caption-mobile {
        font-size: 11px;
    }

    .col-xs-4 .input-mobile {
        max-width: 106px;
    }

    .radio-mobile {
        font-size: 10px;
    }

    .radio-mobile label {
        margin-right: 10px;
        margin-left: 5px;
    }
}
/*-| iPhone 5, Galaxy Fold ou menores (retrato) |-*/
@media screen and (max-width: 280px) {

    .clienteEstrutura {
        width: 120px;
    }

        .clienteEstrutura div {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .toggle-celular-paisagem img {
        width: 55px;
        padding: 30px 10px 0px 0px;
    }

    .divOndeEstou-mobile {
        width: 100%;
        color: #3ec0e8;
        font-size: 11px;
        font-weight: bold;
        margin: -30px 0 0px 10px;
        position: fixed;
    }

        .divOndeEstou-mobile .atual {
            font-size: 10px;
            color: #cccccc;
        }
}
/*** BREAKPOINTS CUSTOMIZADOS QUE SIMULAM COMPORTAMENTO DO BOOTSTRAP ***/
/*** CONTROLES RENDERIZADOS PELO .NET (ie: FILE UPLOADER)           ****/
/*-| Entre extra small e small (boostrap 4) |-*/
@media screen and (min-width: 568px) and (max-width: 768px) {
    .visible-xsm {
        display: block !important;
    }

    .col-xsm-12 {
        width: 91.55555555% !important;
    }
}
/*-| Entre small e medium (boostrap 4) |-*/
@media screen and (min-width: 768px) and (max-width: 991px) {
    .col-xmd-10 {
        width: 82.33333333% !important;
    }

    .col-xmd-11 {
        width: 88% !important;
    }
}
/*-| Entre small e medium, especificamente para iPad (retrato) |-*/
@media screen and (width: 768px) and (height: 1024px) /* breakpoint específico para iPad (retrato) */
{
    .col-xmd-11 {
        width: 90.77777777% !important;
    }
}
/*-| Entre medium e large (bootstrap 4) |-*/
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .col-xlg-10 {
        width: 88.88888888% !important;
    }

    .col-xlg-10-5 {
        width: 90.88888888% !important;
    }
}
/*-| Estilos aplicados apenas quando o dispositivo for lg (grande), de acordo com o bootstrap 4 |-*/
@media screen and (max-width: 1199px) {
    .margin-top-10-lg {
        margin-top: 10px;
    }

    .txt-align-right-lg {
        text-align: right;
    }
}
/*** CUSTOMIZAÇÕES ESPECÍFICAS DA TELA DE SELEÇÃO DE ESTRUTURA ***/
/*-| Redimensionamento de logotipo de label para celulares |-*/
@media screen and (max-width: 823px) and (max-height: 812px) {
    .logotipo {
        height: 40px;
        width: 90px;
        margin-bottom: 10px;
        margin-top: 2px;
    }

    .labelTitulo {
        font-size: 13px;
    }
}
/*-| Definição de tamanho de grid gerada pelo plugin de datatable (datatables.js) |-*/
/* Celulares (retrato) */
@media screen and (max-width: 360px) and (max-height: 823px) {
    .dataTables_scrollBody {
        height: 60% !important;
    }
}
/* Celulares mini (retrato) */
@media screen and (max-width: 360px) and (max-height: 568px) {
    .dataTables_scrollBody {
        height: 55% !important;
    }
}
/* Celulares XL (retrato) */
@media screen and (min-width: 361px) and (max-width: 414px) and (max-height: 823px) {
    .dataTables_scrollBody {
        height: 65% !important;
    }
}
/* Tablets (retrato) */
@media screen and (min-width: 600px) and (max-height: 900px) {
    .dataTables_scroll {
        height: 250px;
    }

    .dataTables_scrollBody {
        height: 84% !important;
    }
}

@media screen and (min-width: 600px) and (min-height: 901px) and (max-height: 1024px) {
    .dataTables_scroll {
        height: 700px;
    }

    .dataTables_scrollBody {
        height: 100% !important;
    }
}
/* Tablets pequenos (paisagem) */
@media screen and (min-width: 1024px) and (min-height: 600px) {
    .dataTables_scroll {
        height: 350px;
    }

    .dataTables_scrollBody {
        height: 90% !important;
    }
}
/* Tablets XL (retrato) */
@media screen and (min-width: 800px) and (min-height: 800px) and (max-height: 1366px) {
    .dataTables_scroll {
        height: 1000px;
    }

    .dataTables_scrollBody {
        height: 95% !important;
    }
}
/* Tablets (paisagem) */
@media screen and (min-width: 1024px) and (min-height: 768px) and (max-height: 1365px) {
    .dataTables_scroll {
        height: 500px;
    }

    .dataTables_scrollBody {
        height: 90% !important;
    }
}

@media screen and (min-height: 600px) and (min-width: 1201px) {
    .dataTables_scroll {
        height: 330px !important;
    }

    .dataTables_scrollBody {
        height: 88% !important;
    }
}
/* Tablets XL (paisagem) */
@media screen and (min-height: 1001px) {
    .dataTables_scroll {
        height: 580px !important;
    }

    .dataTables_scrollBody {
        height: 92% !important;
    }
}

@media screen and (min-height: 1001px) and (max-width: 1200px) {
    .dataTables_scroll {
        height: 780px !important;
    }

    .dataTables_scrollBody {
        height: 94% !important;
    }
}

@media screen and (min-height: 1025px) {
    .dataTables_scroll {
        height: 780px !important;
    }

    .dataTables_scrollBody {
        height: 94% !important;
    }
}

@media screen and (min-height: 1201px) {
    .dataTables_scroll {
        height: 1000px !important;
    }

    .dataTables_scrollBody {
        height: 95% !important;
    }
}

@media screen and (min-height: 1281px) {
    .dataTables_scroll {
        height: 1090px !important;
    }

    .dataTables_scrollBody {
        height: 95% !important;
    }
}
/*** MEDIA QUERIES ESPECÍFICAS PARA FILEINPUT ***/
@media screen and (max-width: 319px) {
    .txtFile-mobile {
        width: 60px !important;
    }
}

@media screen and (min-width: 320px) {
    .txtFile-mobile {
        width: 140px !important;
    }
}

@media screen and (min-width: 360px) {
    .txtFile-mobile {
        width: 170px !important;
    }
}

@media screen and (min-width: 375px) {
    .txtFile-mobile {
        width: 185px !important;
    }
}

@media screen and (min-width: 400px) {
    .txtFile-mobile {
        width: 205px !important;
    }
}

@media screen and (min-width: 411px) {
    .txtFile-mobile {
        width: 210px !important;
    }
}

@media screen and (min-width: 414px) {
    .txtFile-mobile {
        width: 215px !important;
    }
}

@media screen and (min-width: 430px) {
    .txtFile-mobile {
        width: 230px !important;
    }
}

@media screen and (min-width: 480px) {
    .txtFile-mobile {
        width: 270px !important;
    }
}

@media screen and (min-width: 540px) {
    .txtFile-mobile {
        width: 315px !important;
    }
}

@media screen and (min-width: 568px) {
    .txtFile-mobile {
        width: 335px !important;
    }
}

@media screen and (min-width: 600px) {
    .txtFile-mobile {
        width: 365px !important;
    }
}

@media screen and (min-width: 640px) {
    .txtFile-mobile {
        width: 395px !important;
    }
}

@media screen and (min-width: 667px) {
    .txtFile-mobile {
        width: 415px !important;
    }
}

@media screen and (min-width: 680px) {
    .txtFile-mobile {
        width: 425px !important;
    }
}

@media screen and (min-width: 700px) {
    .txtFile-mobile {
        width: 460px !important;
    }
}

@media screen and (min-width: 720px) {
    .txtFile-mobile {
        width: 460px !important;
    }
}

@media screen and (min-width: 731px) {
    .txtFile-mobile {
        width: 470px !important;
    }
}

@media screen and (min-width: 750px) {
    .txtFile-mobile {
        width: 480px !important;
    }
}

@media screen and (min-width: 768px) {
    .txtFile-mobile {
        width: 495px !important;
    }
}

@media screen and (min-width: 800px) {
    .txtFile-mobile {
        width: 520px !important;
    }
}

@media screen and (min-width: 812px) {
    .txtFile-mobile {
        width: 535px !important;
    }
}

@media screen and (min-width: 828px) {
    .txtFile-mobile {
        width: 545px !important;
    }
}

@media screen and (min-width: 854px) {
    .txtFile-mobile {
        width: 565px !important;
    }
}

@media screen and (min-width: 900px) {
    .txtFile-mobile {
        width: 600px !important;
    }
}

@media screen and (min-width: 930px) {
    .txtFile-mobile {
        width: 625px !important;
    }
}

@media screen and (min-width: 960px) {
    .txtFile-mobile {
        width: 650px !important;
    }
}

@media screen and (min-width: 1000px) {
    .txtFile-mobile {
        width: 680px !important;
    }
}

@media screen and (min-width: 1024px) {
    .txtFile-mobile {
        width: 700px !important;
    }
}

@media screen and (min-width: 1080px) {
    .txtFile-mobile {
        width: 740px !important;
    }
}

@media screen and (min-width: 1125px) {
    .txtFile-mobile {
        width: 780px !important;
    }
}

@media screen and (min-width: 1200px) {
    .txtFile-mobile {
        width: 840px !important;
    }
}

@media screen and (min-width: 1242px) {
    .txtFile-mobile {
        width: 875px !important;
    }
}

@media screen and (min-width: 1280px) {
    .txtFile-mobile {
        width: 900px !important;
    }
}

@media screen and (min-width: 1366px) {
    .txtFile-mobile {
        width: 910px !important;
    }
}