/* MOBILE */
@media (max-width: 767px) {
    .apenasDesktop {
        display: none !important;
    }
    .fotoDoUsuario {
        display: none;
    }
    .divSaudacao {
        margin: 0px auto;
    }
    .divSaudacao .col-md {
        padding: 0px;
    }
    .telaInicial {
        width:100%;
        margin: 0px !important;
        padding: 0px 1rem !important;
    }
    .main.content {
        padding-top: 0px;
    }

    .botoesTelaInicial {
        margin: auto;
    }
    .botoesTelaInicial button {
        width: 100%;
    }
    
    .cardPadraoVazio {
    	width: 100%;
    }

    .cardPadrao.prosc-item {
        width: 100%;
        margin-bottom: 1rem;
        opacity: 0;
    }
    
    .cardPadrao:has(.botoesRascunho) {
	    margin-bottom: 2.8rem;
	}

    .cardPadrao > div {
        display: contents !important;
    }

    .cardIcone {
        margin-left: 0px;
        width: 20%;
    }
    .cardPadrao .row div {
        width: auto;
    }
    .divSaudacao {
        padding: 0px;
    }
    .inicioSecao {
        margin-top: .75rem !important;
    }
    .inicioSecao > div {
        margin: auto;
        padding: 0px;
    }

    .divNavMenu {
        position: absolute;
    }
    .divNavMenu .navMenu {
        position: fixed;
        z-index: 999;
        width: 95vw !important;
        left: 50%;
        transform: translatex(-50%);
        margin: 0px !important;
        top: 90%;
    }

    .divNavMenu .navMenu ul {
        display: flex !important;
    }
    .divNavMenu .z-nav {
        display: none !important;
    }

    .divNavMenu ul {
        display: flex !important;
        justify-content: space-around;
    }

    .divNavMenu .navMenu .z-navitem-content.menuSelecionado::before,
    .divNavMenu .navMenu .z-navitem-content.menuSelecionado span {
        color: var(--themeColor) !important;
    }
    .tempVertical .z-navbar-vertical li:has(.menuSelecionado)::after {
        background: var(--themeColor) !important;
        width: 80%;
        position: absolute;
        left: 50%;
        bottom: -8px;
        z-index: 9999;
        height: 6px;
        transform: translatex(-50%);
        border-radius: 5px 5px 0px 0px;
    }

    .barra-usuario .navbar-nav{
        margin: 0px;
    }
    .footer {
        padding-bottom: 5.5rem;
    }
	.cardPadrao div.botoesRascunho {
    	display: flex !important;
    }
    
    
    
    
	*[tela]:has(.formularioLowCode),
	*[tela]:has(.formularioLowCode) .cardCaixaDeTarefas {
	    padding: 0px !important;
	}
	
	*[tela]:has(.formularioLowCode) .z-tabs, *[tela]:has(.formularioLowCode) .z-tabbox-icon {
	    display: none;
	}
	
	.windowPdg:has(.mobile-header) .navbar {
	    display: none;
	}
	
	.mobile-header {
	    position: fixed;
	    z-index: 999;
	    top: 0px;
	    left: 0px;
	    width: 100%;
	    height: 51px;
	    background: white;
	    display: flex;
	    border: 1px solid #EBEBEB;
	}
	
	.mobile-header > * {
	    margin: auto 0px;
	}
	
	.mobile-header .text-header {
	    font-weight: 600;
    	color: black;
    }
	
	.mobile-botao-formulario {
	    display: block;
	    position: fixed;
	    z-index: 2;
	    width: 95vw !important;
    	height: 3.5rem;
	    left: 50%;
	    transform: translatex(-50%);
	    margin: 0px !important;
	    bottom: 11%;
	}
	
	.selecaoTabsMobile {
	    position: fixed;
	    bottom: 0px;
	    z-index: 9999;
	    display: none;
	}
	
	.selecaoTabsMobile .botoes {
	    width: 100vw;
	    display: grid;
	    padding: .5rem 1rem;
	    background:white;
	    border: 1px solid black;
	    border-radius: 20px 20px 0px 0px;
	}
	
	.selecaoTabsMobile button {
	    margin: 0.25rem 0px;
	    height: 3.5rem;
	}
	
	.selecaoTabsMobile .cover {
	    background: #dbdbdba6;
	    width: 100vw;
	    height: 100vh;
	    position: fixed;
	    top: 0px;
	    left: 0px;
	    z-index: -1;
	}
	
	.z-tabpanels {
	    border: none !important;
	}
	
	.z-tabpanel:has(.mobile-header) .card.z-groupbox {
	    margin-top: 0px;
	}
	
	.z-tabpanel:has(.mobile-header) .z-caption-content:first-child {
	    padding-top: 0px;
	}
	
	.z-caption-content {
	    display: flex;
	}
	
	.z-caption-content .card-icon {
	    height: min-content;
	    margin: auto 10px auto 0px;
	}
	.mobile-header .btn-header-voltar,
	.mobile-header .btn-header-voltar:hover,
	.mobile-header .btn-header-voltar:active,
	.mobile-header .btn-header-menu,
	.mobile-header .btn-header-menu:hover,
	.mobile-header .btn-header-menu:active {
	    padding: 8px 12px;
	    background: white !important;
	    color: black !important;
	    border: 1px solid #EBEBEB !important;
	    border-radius: 50%;
	    margin-left: 10px;
	    margin-right: 10px;
	}
	
	.z-window:has(.mobile-header) .z-window-header {
	    display: none;
	}
	
	.z-window-noheader:has(.mobile-header) .z-window-content {
	    margin-top: unset !important;
	}
	
	.z-window:has(.mobile-header) .z-window-content {
	    margin-top: 3rem;
	}
	
	.mobile-p-0 {
	    padding: 0px !important;
	}
	
	.mobile-px-0 {
	    padding-left: 0px !important;
	    padding-right: 0px !important;
	}
	
	.mobile-py-0 {
	    padding-top: 0px !important;
	    padding-bottom: 0px !important;
	}
	
	.mobile-d-grid {
		display: grid !important;
	}
	
	.mobile-d-flex {
		display: flex !important;
	}
	
	.mobile-d-contents {
		display: contents !important;
	}
	
	
	.windowProcessosDoModulo {
		top: 0px !important;
	}
	
	.windowProcessosDoModulo .form-group::before {
	    content: '';
	    position: absolute;
	    background: #F5F5F5;
	    width: 120%;
	    height: 100%;
	    left: -10%;
	    top: 10px;
	}
	
	
	
    .inputDocumento.orientacaoHorizontala {
        padding: 0px;
    }
    
    .cardCaixaDeTarefas .cabecalho .z-combobox {
        width: auto !important;
        padding-left: 0px !important;
        margin-left: 0px !important;
    }
    
    .cardCaixaDeTarefas .cabecalho:not(.mobile-p-0):not(.p-0) {
        padding: 1rem !important;
        padding-top: 0.5rem !important;
    }
    
    .cardCaixaDeTarefas .filtros.ativado {
        padding-top: 0px !important;
    }
    
    .cardCaixaDeTarefas .filtros .mainbar__button {
        margin-bottom: 0px !important;
    }
    
    .tabelaDeItens,
    .tabelaDeItens .z-listcell-content{
        padding: 0px !important;
    }
    
    .tabelaDeItens,
    .tabelaDeItens .z-listcell {
        background: transparent !important;
    }
    .tabelaDeItens .z-listbox-body > table,
    .tabelaDeItens .z-listcell {
        padding: 0px !important;
        overflow: visible;
        border-top: 0px !important;
        border-bottom: 0px !important;
    }
    
    .tabelaDeItens .cardPadraoTabela {
        width: 95vw;
        margin: .75rem 2.5vw 0px;
        border-radius: 1rem 1rem 0px 0px;
    }
    
    .tabelaDeItens .cardPadraoTabela .cardLinha span {
        color: black;
    }
    
    .tabelaDeItens .cardPadraoTabelaLabel {
        background: var(--themeColor);
        width: 95vw;        
        padding: .25rem;
        margin:  0px 2.5vw .75rem;
        border-radius: 0px 0px 1rem 1rem;
        text-align: center;
    }
    
    .tabelaDeItens .cardPadraoTabelaLabel * {
        font-weight: 500;
        color: white !important;
        font-size: .9rem !important;
    }
    
    .tabelaDeItens,
    .tabelaDeItens .z-listbox-body,
    .tabelaDeItens .z-listbox-footer {
        overflow: hidden;
        min-width:100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .tabelaDeItens .z-listbox-emptybody {
        display: none;
    }
	
	.processo-card {
    	margin: auto !important;
	}
	.processo-card .processo-imagem {
	    width: 100% !important;
	}
	.navbar .barra-usuario .dropdown-menu {
	    background-color: white;
	}
}

/* DESKTOP */
@media (min-width: 768px) {
    .apenasMobile {
        display: none !important;
    }
    .navMenu,
    .divNavMenu {
        width: 5rem !important;
        padding-left: 0px;
        padding-right: 0px;
    }
    .z-navitem-content {
        padding: 0px !important;
    }
    .z-navitem-content.menuSelecionado::after {
        background: var(--themeColor);
        border-radius: 0px 10px 10px 0px;
        position: absolute;
        top: 0px;
        width: 100%;
        height: 100%;
        content: '';
        z-index: -1;
    }

    .divNavMenu .navMenu .z-navitem-content.menuSelecionado::before,
    .divNavMenu .navMenu .z-navitem-content.menuSelecionado span {
        color: white !important;
    }
    

    .divNavMenu .navMenu .z-navitem-content.menuSelecionado::before {
        margin-top: 10px
    }
    
    .cardPadrao div.botoesRascunho {
    	display: none;
    }
    
    .cardPadrao:hover div.botoesRascunho {
    	display: flex !important;
    }

	.mobile-header,
	.mobile-botao-formulario {
	    display: none;
	}
	
	.main > .cardCaixaDeTarefas {
		max-width: calc(100% - 5rem);
	}
}

@media (max-width: 1150px) {
    .btnRemoverRascunho {
        display: none;
    }
}