﻿

/*MEDIA QUERIES PARA RESOLUÇÃO DO SISTEMA*/

/* LARGURA | ALTURA */

@media screen and (min-width:768px){

    /*                                                    MASTER HEADER E ASIDE                                             */

    .master-header-img-logotipo /*LOGO LUPEON HEADER*/{
        width:20px;
        height:100px;
    }

    .master-wapper /*LARGURA E ALTURA DO HEADER E ASIDE*/{
        grid-template-areas: "header header header header" "aside navigate content content" "aside footer footer footer";
        grid-template-columns: 85px auto 1fr 1fr;
        grid-auto-rows: 60px 1fr 38px;
    }

    .master-aside-menu-collapse /*MENU ASIDE*/{
        top: 60px;
        height: 83%;
        width: 160px;
        margin-left: 85px;
    }

    .master-header-div-avatar /*CIRCULO COM INICIAIS DO NOME*/{
        margin-top: 5px;
        width: 29px;
        height: 29px;
        text-align: center;
        padding: 1px 2px 3px 1px;
    }

    .master-aside-menu-link /*ESPAÇO E BORDA DOS LINKS DO MENU*/{
        line-height: 1.7;
        border-bottom: 1px solid #1C76F9;
    }

    .master-aside-card-icone /*PARA AJUSTAR O ESPAÇO DO MENU*/ {
        padding: 0px 5px 0px 5px;
    }

    /*                                                            FONTES                                                       */

    .font-tamanho-menu /*LINKS DO MENU*/ {
        font-size: 10px;
    }

    .font-tamanho-ic /*HOME*/ {
        font-size: 8px;
    }

    .font-tamanho-mn /*HEADER*/ {
        font-size: 11px;
    }

    .font-tamanho-iniciais /*HEADER*/ {
        font-size: 11px;
    }

    .font-tamanho-categoria /*HEADER*/ {
        font-size: 11px;
    }

    .font-tamanho-sm /*LISTAS E NOME DO HEADER*/ {
        font-size: 11px;
    }

    .font-tamanho-md /*INICIAIS DO NOME HEADER*/ {
        font-size: 10px;
    }

    .font-tamanho-lg {
        font-size: 10px;
    }

    .font-tamanho-lg_ {
        font-size: 10px;
    }

    .font-tamanho-ex {
        font-size: 14px; /*TITULO DO FORM*/
    }

    .font-tamanho-tt /*TITULOS DE TODAS AS TELAS*/{
        font-size: 18px;
    }

    /*                                                            BOTOES                                                      */

    .btn-resolution /*BOTOES DAS TELAS E DOS MODAIS*/{
        font-size: 10px;
    }

    .botao-consultar /*BOTAO CONSULTAR TODAS AS TELAS*/{
        padding: 6px 11px;
    }

    .botao-consultar-btn {
        width: 100%;
    }

    #button-criar-todastelas /*BOTAO CRIAR LARGURA PADRÃO TODAS AS TELAS*/{
        width: 160px;
    }

    #button-sair-header /*BOTAO DE SAIR HEADER*/ {
        font-size: 12px;
        text-align: center;
        padding: 5px;
    }

    .dropdown-menu /*DIV PAI BOTAO DE SAIR HEADER*/ {
        padding: 0px;
        margin-top: -5px;
        border-radius: 8px;
        margin-left: 30px;
        min-width: 40px;
    }

    #button-sair-header:hover {
        border-radius: 8px;
        background-color: #ff0000;
        color: white;
    }

    .dropdown-menu:hover {
        border: none;
    }

    /*                                                         DROPDOWNS                                                      */

    .form-resolution /*TAMANHO DA FONTE PADRÃO PRA TODOS DROPDOWNS*/{
        font-size: 10px;
    }

    .form-controlador /*LARGURA RESPONSIVA PADRÃO PARA TODOS 1° DROWPDOWN*/{
        width: 100%;
        max-width:85px;
        padding-left: 3px;
    }

    .form-do-formcontrolador-2 /*LIMITADOR DE LARGURA DO 2° DROPWDOWN*/{
        width: 75%;
    }

    .form-controlador2 /*DEFINIDOR DE LARGURA PARA TODOS 2° DROPDOWN*/{
        width: 100%;
        max-width: 700px;
    }

    .form-do-formcontrolador-3 /*LIMITADOR DE LARGURA DO 3° DROPWDOWN*/ {
        width: 60%;
    }

    .form-controlador3 /*DEFINIDOR DE LARGURA PARA TODOS 3° DROPWDOWN*/{
        width: 100%;
        max-width: 700px;
    }

    
    /*                                                          LISTAS                                                        */

    .objeto-grid-table-th /*TAMANHO DA FONTE DOS TITULOS DAS LISTAS*/{
        font-size: 9px;
    }
    
    .objeto-grid-table-td /*TAMANHO DA FONTE DAS DESCRIÇÕES DAS LISTAS*/{
        font-size: 10px;
    }

    .objeto-grid-table-icone /*ICONE DAS LISTAS*/{
        width: 18px;
        height: 15px;
    }

    .objeto-grid-table-nav-button /*NOME (LINK) DAS LISTAS*/{
        font-size: 10px;
    }
    .corpo-btn-voltar {
        height: 25px;
        width: 90px;
        padding: 3px 7px 3px 8px;
        border-radius: 18px;
        border: 1px solid #DCDCE0;
        background-color: transparent; /*#F5F5FA*/
        color: whitesmoke;
        display: flex;
        align-items: center;
        color: #525051;
        justify-content: flex-end;
    }

    .corpo_item_titulo_categoria_div {
        width: 25%;
    }
    
}


/*                                                      MEDIA QUERIES 1024x768PX                                                 */

@media screen and (min-width:1024px) {
    .master-wapper {
        grid-template-areas: "header header header header" "aside navigate content content" "aside footer footer footer";
        grid-template-columns: 85px auto 1fr 1fr;
        grid-auto-rows: 60px 1fr 38px;
    }
    .master-aside-menu-collapse {
        top: 60px;
        height: 83%;
        width: 160px;
        margin-left: 85px;
    }
    .master-header-div-avatar {
        width: 30px;
        height: 30px;
        padding: 3px 2px 3px 5px;
    }
    .master-header-div-avatar {
        margin-top: 5px;
        width: 29px;
        height: 29px;
        text-align: center;
        padding: 1px 2px 3px 1px;
    }
    .master-aside-menu-link {
        line-height: 1.7;
        border-bottom: 1px solid #1C76F9;
    }

    .font-tamanho-menu {
        font-size: 10px;
    }
    .font-tamanho-ic /*HOME*/ {
        font-size: 7px;
    }

    .font-tamanho-mn /*HEADER*/ {
        font-size: 8px;
    }

    .font-tamanho-iniciais /*HEADER*/ {
        font-size: 8px;
    }

    .font-tamanho-categoria /*HEADER*/ {
        font-size: 8px;
    }

    .font-tamanho-sm /*Listas e nome do header*/ {
        font-size: 10px;
    }

    .font-tamanho-md /*iniciais header*/ {
        font-size: 11px;
    }

    .font-tamanho-lg {
        font-size: 11px;
    }

    .font-tamanho-lg_ {
        font-size: 10px;
    }

    .font-tamanho-ex {
        font-size: 15px; /*TITULO DO FORM*/
    }

    .font-tamanho-tt {
        font-size: 17px;
    }

    /*BOTAO*/
    .btn-resolution {
        font-size: 10px;
    }

    /*DROPDOWNS*/
    /*DROPDOWNS*/
    .form-resolution {
        font-size: 10px;
    }

    .form-controlador {
        width: 100%;
        max-width: 85px;
        padding-left: 3px;
    }

    .form-do-formcontrolador-2 {
        width: 75%;
    }

    .form-do-formcontrolador-3 {
        width: 50%;
    }

    .form-controlador3 {
        width: 100%;
        max-width: 700px;
    }

    .form-controlador2 {
        width: 100%;
        max-width: 700px;
    }

    .botao-consultar {
        padding: 6px 11px;
    }

    .botao-consultar-btn {
        width: 100%;
    }

    /*LISTAS*/
    .objeto-grid-table-th {
        font-size: 9px;
    }

    .objeto-grid-table-td {
        font-size: 9px;
    }

    .objeto-grid-table-icone {
        width: 18px;
        height: 15px;
    }

    .objeto-grid-table-nav-button {
        font-size: 9px;
    }

    .master-aside-card-icone {
        padding: 0px 10px 0px 5px;
    }
    #button-sair-header /*BOTAO DE SAIR HEADER*/ {
        font-size: 12px;
        text-align: center;
        padding: 5px;
    }

    .dropdown-menu /*DIV PAI BOTAO DE SAIR HEADER*/ {
        padding: 0px;
        margin-top: -5px;
        border-radius: 8px;
        margin-left: 30px;
        min-width: 40px;
    }

    #button-sair-header:hover {
        border-radius: 8px;
        background-color: #ff0000;
        color: white;
    }

    .dropdown-menu:hover {
        border: none;
    }
    .corpo-btn-voltar {
        height: 25px;
        width: 90px;
        padding: 3px 7px 3px 8px;
        border-radius: 18px;
        border: 1px solid #DCDCE0;
        background-color: transparent; /*#F5F5FA*/
        color: whitesmoke;
        display: flex;
        align-items: center;
        color: #525051;
        justify-content: flex-end;
    }
    .corpo_item_titulo_categoria_div {
        width: 22%;
    }
}

/*                                                        MEDIA QUERIES 1366PX                                                  */

@media screen and (min-width:1366px) {

    /*                                                    MASTER HEADER E ASIDE                                             */

    .master-wapper /*LARGURA E ALTURA DO HEADER E ASIDE*/ {
        grid-template-areas: "header header header header" "aside navigate content content" "aside footer footer footer";
        grid-template-columns: 85px auto 1fr 1fr;
        grid-auto-rows: 60px 1fr 38px;
    }

    .master-aside-menu-collapse /*MENU ASIDE*/ {
        top: 60px;
        height: 85.3%;
        width: 160px;
        margin-left: 90px;
    }

    .master-header-div-avatar /*CIRCULO COM INICIAIS DO NOME*/ {
        margin-top: 5px;
        width: 29px;
        height: 29px;
        text-align: center;
        padding: 1px 2px 3px 1px;
    }

    .master-aside-menu-link /*ESPAÇO E BORDA DOS LINKS DO MENU*/ {
        line-height: 1.7;
        /*border-bottom: 1px solid #1C76F9;*/
    }

    .master-aside-card-icone /*PARA AJUSTAR O ESPAÇO DO MENU*/ {
        padding: 0px 5px 0px 5px;
    }

    #logo-lupeon-header /*LOGO LUPEON HEADER*/{
        width: 150px;
        height: 25px;
    }
    .lupa-pesquisa-avancada{
        width:13px;
        height:13px;
    }

    .corpo-lupa-filtrar-div {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-right: 10px;
    }

    .corpo-lupa-filtrar {
        margin-top: 2px;
        height: 30px;
        border-radius: 7px;
        padding-left: 9px;
        padding-right: 9px;
        background-color: #136CFB;
        cursor: pointer;
    }

    .corpo-lupa-filtrar:hover {
        background-color: #509BF2;
    }

    .corpo-lupa-filtrar:active {
        background-color: #0D45F6;
        outline: none;
    }

    .corpo-btn-voltar {
        height: 25px;
        width: 90px;
        padding: 3px 7px 3px 8px;
        border-radius: 18px;
        border: 1px solid #DCDCE0;
        background-color: transparent; /*#F5F5FA*/
        color: whitesmoke;
        display: flex;
        align-items: center;
        color: #525051;
        justify-content: flex-end;
    }
    /*                                                            FONTES                                                       */
    .font-tamanho-ic /*HOME*/ {
        font-size: 8px;
    }
    .font-tamanho-menu {
        font-size: 10px;
    }
    .font-tamanho-mn /*HEADER*/{
        font-size: 10px;
    }

    .font-tamanho-iniciais /*HEADER*/ {
        font-size: 0.5rem;
    }

    .font-tamanho-categoria /*HEADER*/ {
        font-size: 10px;
    }
    
    .font-tamanho-sm /*LISTAS E NOME DO HEADER*/{
        font-size: 11px;
    }

    .font-tamanho-md /*INICIAIS DO HEADER*/{
        font-size: 12px;
    }

    .font-tamanho-lg {
        font-size: 13px;
    }

    .font-tamanho-lg_ {
        font-size: 11px;
    }

    .font-tamanho-ex {
        font-size: 16px; /*TITULO DO FORM*/
    }

    .font-tamanho-tt /*TITULO DE TODAS AS TELAS*/{
        font-size: 18px;
    }

    /*                                                         BOTOES                                                          */


    .btn-resolution /*BOTOES DAS TELAS E DOS MODAIS*/{
        font-size: 11px;
    }

    .botao-consultar /*BOTÃO CONSULTAR TODAS AS TELAS*/{
        padding: 6px 11px;
    }
    

    .botao-consultar-btn /*RESPONSIVO DO BOTAO CONSULTAR*/ {
        width: 100%;
    }
    .btn-todos-chamados {
        height: 25px;
    }

    #button-criar-todastelas /*BOTÃO CRIAR DE TODAS AS TELAS*/{
        width:180px;
    }

    .close:focus /*BOTAO FECHAR DOS MODAIS*/{
        outline:none;
        color:gray;

    }
    #button-sair-header /*BOTAO DE SAIR HEADER*/{
        font-size:12px;
        text-align:center;
        padding:5px;
    }
    .dropdown-menu /*DIV PAI BOTAO DE SAIR HEADER*/ {
        padding: 0px;
        margin-top: -5px;
        border-radius: 8px;
        margin-left: 30px;
        min-width: 40px;
    }
    #button-sair-header:hover {
        border-radius: 8px;
        background-color: #ff0000;
        color: white;
    }
    .dropdown-menu:hover{
        border:none;
    }


    /*                                                       DROPDOWNS                                                         */
    .form-resolution /*TAMANHO DA FONTE PADRÃO PRA TODOS DROPDOWNS*/ {
        font-size: 10px;
    }

    .form-controlador /*LARGURA RESPONSIVA PADRÃO PARA TODOS 1° DROWPDOWN*/ {
        width: 100%;
        min-width: 90px;
        padding-left: 3px;
    }

    .form-do-formcontrolador-2 /*LIMITADOR DE LARGURA DO 2° DROPWDOWN*/ {
        width: 70%;
    }

    .form-controlador2 /*DEFINIDOR DE LARGURA PARA TODOS 2° DROPDOWN*/ {
        width: 100%;
        max-width: 700px;
    }

    .form-do-formcontrolador-3 /*LIMITADOR DE LARGURA DO 3° DROPWDOWN*/ {
        width: 60%;
    }

    .form-controlador3 /*DEFINIDOR DE LARGURA PARA TODOS 3° DROPWDOWN*/ {
        width: 100%;
        max-width: 700px;
    }

    
    

    /*                                                          LISTAS                                                         */

    .objeto-grid-table-th /*TAMANHO DA FONTE DOS TITULOS DAS LISTAS*/ {
        font-size: 11px;
    }
    .objeto-grid-table-td /*TAMANHO DA FONTE DAS DESCRIÇÕES DAS LISTAS*/ {
        font-size: 12px;
    }
    .objeto-grid-table-icone /*ICONE DAS LISTAS*/ {
        width: 20px;
        height: 17px;
    }
    .objeto-grid-table-nav-button /*NOME (LINK) DAS LISTAS*/ {
        font-size: 11px;
    }

    .corpo_item_titulo_categoria_div {
        width: 23%;
    }
}

/*                                                        MEDIA QUERIES 1500px                                                   */

@media screen and (min-width:1500px) {

    /*                                                    MASTER HEADER E ASIDE                                             */

    .master-wapper /*LARGURA E ALTURA DO HEADER E ASIDE*/ {
        grid-template-areas: "header header header header" "aside navigate content content" "aside footer footer footer";
        grid-template-columns: 110px auto 1fr 1fr;
        grid-auto-rows: 70px 1fr 40px;
    }

    .master-aside-menu-collapse /*MENU ASIDE*/ {
        top: 70px;
        height: 86.7%;
        width: 185px;
        margin-left: 104.5px;
    }

    .master-header-div-avatar /*CIRCULO COM INICIAIS DO NOME*/ {
        margin-top: 3px;
        width: 33px;
        height: 33px;
        text-align: center;
        padding: 3px 2px 3px 2px;
    }

    .master-aside-menu-link /*ESPAÇO E BORDA DOS LINKS DO MENU*/ {
        line-height: 2;
        border-bottom: 1px solid #1C76F9;
    }

    .master-aside-card-icone /*PARA AJUSTAR O ESPAÇO DO MENU*/ {
        padding: 0px 5px 5px 5px;
    }

    #logo-lupeon-header /*LARGURA E ALTURA DO LOGO LUPEON HEADER*/{
        width: 160px;
        height: 25px;
    }
    
    /*                                                          FONTES                                                          */

    .font-tamanho-ic /*FONTE DO HOME*/{
        font-size: 10px;
    }
    
    .font-tamanho-menu /*FONTE DOS LINKS DO MENU*/{
        font-size: 12px;
    }

    .font-tamanho-mn /*HEADER*/ {
        font-size: 13px;
    }

    .font-tamanho-iniciais /*HEADER*/ {
        font-size: 9px;
    }

    .font-tamanho-categoria /*HEADER*/ {
        font-size: 12px;
    }

    .font-tamanho-sm /*LISTAS E NOME DO HEADER*/ {
        font-size: 14px;
    }

    .font-tamanho-md /*INICIAIS DO HEADER*/ {
        font-size: 13px;
    }

    .font-tamanho-lg {
        font-size: 15px;
    }

    .font-tamanho-lg_ {
        font-size: 12px;
    }

    .font-tamanho-ex /*TITULO DOS MODAIS*/{
        font-size: 22px;
    }

    .font-tamanho-tt /*TITULOS DE TODAS AS TELAS*/{
        font-size: 24px;
    }
    
    
    /*                                                           BOTOES                                                        */

    .btn-resolution /*BOTOES DAS TELAS E DOS MODAIS*/ {
        font-size: 14px;
    }

    #button-criar-todastelas /*BOTÃO CRIAR DE TODAS AS TELAS*/ {
        width: 230px;
    }

    .botao-consultar /*BOTÃO CONSULTAR TODAS AS TELAS*/ {
        padding: 6px 11px;
    }

    .botao-consultar-btn /*RESPONSIVO DO BOTAO CONSULTAR*/ {
        width: 100%;
    }

    #button-sair-header /*BOTAO DE SAIR HEADER*/ {
        font-size: 13px;
        text-align: center;
        padding: 7px;
    }

    .dropdown-menu /*DIV PAI BOTAO DE SAIR HEADER*/ {
        padding: 0px;
        margin-top: -5px;
        border-radius: 8px;
        margin-left: 30px;
        min-width: 50px;
    }

    #button-sair-header:hover {
        border-radius: 8px;
        background-color: #ff0000;
        color: white;
    }

    .dropdown-menu:hover {
        border: none;
    }

    /*                                                         DROPDOWNS                                                       */

    .form-resolution /*TAMANHO DA FONTE PADRÃO PRA TODOS DROPDOWNS*/ {
        font-size: 14px;
    }

    .form-controlador /*LARGURA RESPONSIVA PADRÃO PARA TODOS 1° DROWPDOWN*/ {
        width: 100%;
        max-width: 85px;
        padding-left: 3px;
    }

    .form-do-formcontrolador-2 /*LIMITADOR DE LARGURA DO 2° DROPWDOWN*/ {
        width: 75%;
    }

    .form-controlador2 /*DEFINIDOR DE LARGURA PARA TODOS 2° DROPDOWN*/ {
        width: 100%;
        max-width: 700px;
    }

    .form-do-formcontrolador-3 /*LIMITADOR DE LARGURA DO 3° DROPWDOWN*/ {
        width: 60%;
    }

    .form-controlador3 /*DEFINIDOR DE LARGURA PARA TODOS 3° DROPWDOWN*/ {
        width: 100%;
        max-width: 700px;
    }

    /*                                                          LISTAS                                                         */

    .objeto-grid-table-td /*TAMANHO DA FONTE DAS DESCRIÇÕES DAS LISTAS*/ {
        font-size: 14px;
    }

    .objeto-grid-table-th /*TAMANHO DA FONTE DOS TITULOS DAS LISTAS*/{
        font-size:13px;
    }

    .objeto-grid-table-icone /*ICONE DAS LISTAS*/ {
        width: 28px;
        height: 23px;
    }

    .objeto-grid-table-nav-button /*NOME (LINK) DAS LISTAS*/ {
        font-size: 13px;
    }

    .corpo-btn-voltar {
        height: 25px;
        width: 90px!important;
        padding: 3px 7px 3px 8px;
        border-radius: 18px;
        border: 1px solid #DCDCE0;
        background-color: transparent; /*#F5F5FA*/
        color: whitesmoke;
        display: flex;
        align-items: center;
        color: #525051;
        justify-content: flex-end;
    }

    .corpo_item_titulo_categoria_div {
        width: 25%;
    }
    
}

/*                                                       MEDIA QUERIES 1920x1080                                                */

@media only screen and (min-width: 1920px) {

    /*                                                    MASTER HEADER E ASIDE                                             */

    .master-wapper /*LARGURA E ALTURA DO HEADER E ASIDE*/ {
        grid-template-areas: "header header header header" "aside navigate content content" "aside footer footer footer";
        grid-template-columns: 150px auto 1fr 1fr;
        grid-auto-rows: 90px 1fr 45px;
    }

    .master-aside-menu-collapse /*MENU ASIDE*/ {
        top: 90px;
        height: 86.5%;
        width: 250px;
        margin-left: 140px;
    }

    .master-header-div-avatar /*CIRCULO COM INICIAIS DO NOME*/ {
        margin-top: -2px;
        margin-right: 5px;
        width: 38px;
        height: 38px;
        text-align: center;
        padding: 5px 2px 5px 2px;
    }

    .master-aside-menu-link /*ESPAÇO E BORDA DOS LINKS DO MENU*/ {
        line-height: 2.5;
        border-bottom: 1px solid #1C76F9;
    }

    .master-aside-card-icone /*PARA AJUSTAR O ESPAÇO DO MENU*/ {
        padding: 0px 20px 20px 5px;
    }

    #logo-lupeon-header /*LARGURA E ALTURA DO LOGO LUPEON HEADER*/ {
        width: 200px;
        height: 35px;
    }
    
    .corpo-lupa-filtrar-div {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-right: 10px;
    }

    .corpo-lupa-filtrar {
        margin-top: 2px;
        height: 40px;
        border-radius: 7px;
        padding-left: 14px;
        padding-right: 14px;
        background-color: #136CFB;
        cursor: pointer;
    }

        .corpo-lupa-filtrar:hover {
            background-color: #509BF2;
        }

        .corpo-lupa-filtrar:active {
            background-color: #0D45F6;
            outline: none;
        }

    .corpo-btn-voltar {
        height: 25px;
        width: 100px !important;
        padding: 3px 7px 3px 8px;
        border-radius: 18px;
        border: 1px solid #DCDCE0;
        background-color: transparent; /*#F5F5FA*/
        color: whitesmoke;
        display: flex;
        align-items: center;
        color: #525051;
        justify-content: flex-end;
    }

    /*                                                            FONTES                                                       */

    .font-tamanho-ic /*FONTE DO HOME*/{
        font-size: 13px;
    }

    .font-tamanho-menu /*FONTE DOS LINK DO MENU*/{
        font-size:15px;
    }

    .font-tamanho-mn /*FONTE DO HEADER*/{
        font-size: 16px;
    }

    .font-tamanho-iniciais /*FONTE DO HEADER*/ {
        font-size: 10px;
    }

    .font-tamanho-categoria /*FONTE DO HEADER*/ {
        font-size: 13px;
    }

    .font-tamanho-sm /*LISTAS E NOME DO HEADER*/ {
        font-size: 18px;
    }

    .font-tamanho-md /*INICIAIS DO HEADER*/{
        font-size: 15px;
    }

    .font-tamanho-lg {
        font-size: 24px;
    }

    .font-tamanho-lg_ {
        font-size: 13px;
    }

    .font-tamanho-ex /*TITULOS DOS MODAIS*/{
        font-size: 22px;
    }

    .font-tamanho-tt /*TITULOS DE TODAS AS TELAS*/{
        font-size: 30px;
    }

    /*                                                          BOTOES                                                         */

    .btn-resolution /*BOTOES DAS TELAS E DOS MODAIS*/ {
        font-size: 18px;
    }

    .botao-consultar-btn /*RESPONSIVO DO BOTAO CONSULTAR*/ {
        width: 100%;
    }

    .lupa-pesquisa-avancada {
        width: 18px;
        height: 18px;
    }

    #button-criar-todastelas /*BOTÃO CRIAR DE TODAS AS TELAS*/ {
        width: 270px;
    }

    .botao-consultar /*BOTÃO CONSULTAR TODAS AS TELAS*/ {
        padding: 6px 11px;
    }
    #button-sair-header /*BOTAO DE SAIR HEADER*/ {
        font-size: 15px;
        text-align: center;
        padding: 10px;
    }

    .dropdown-menu /*DIV PAI BOTAO DE SAIR HEADER*/ {
        padding: 0px;
        margin-top: -5px;
        border-radius: 8px;
        margin-left: 30px;
        min-width: 60px;
    }

    #button-sair-header:hover {
        border-radius: 8px;
        background-color: #ff0000;
        color: white;
    }

    .dropdown-menu:hover {
        border: none;
    }

    .btn-todos-chamados{
        height:40px;
    }

    /*                                                        DROPDOWNS                                                        */

    .form-resolution /*TAMANHO DA FONTE PADRÃO PRA TODOS DROPDOWNS*/ {
        font-size: 18px;
    }

    .form-controlador /*LARGURA RESPONSIVA PADRÃO PARA TODOS 1° DROWPDOWN*/ {
        width: 100%;
        max-width: 100px;
        padding-left: 3px;
    }

    .form-do-formcontrolador-2 /*LIMITADOR DE LARGURA DO 2° DROPWDOWN*/ {
        width: 75%;
    }

    .form-controlador2 /*DEFINIDOR DE LARGURA PARA TODOS 2° DROPDOWN*/ {
        width: 100%;
        max-width: 700px;
    }

    .form-do-formcontrolador-3 /*LIMITADOR DE LARGURA DO 3° DROPWDOWN*/ {
        width: 60%;
    }

    .form-controlador3 /*DEFINIDOR DE LARGURA PARA TODOS 3° DROPWDOWN*/ {
        width: 100%;
        max-width: 700px;
    }

    /*                                                          LISTAS                                                          */

    .objeto-grid-table-td /*TAMANHO DA FONTE DAS DESCRIÇÕES DAS LISTAS*/ {
        font-size: 18px;
    }

    .objeto-grid-table-th /*TAMANHO DA FONTE DOS TITULOS DAS LISTAS*/ {
        font-size: 16px;
    }

    .objeto-grid-table-icone /*ICONE DAS LISTAS*/ {
        width: 28px;
        height: 30px;
    }

    .objeto-grid-table-nav-button /*NOME (LINK DAS LISTAS)*/{
        font-size: 17px;
    }

    .corpo_item_titulo_categoria_div {
        width:20%;
    }
}
