/*Ajuste na área superior no topo do personalizador*/
html.mobile .mostra-dados{margin-top:120px !important;}

html.mobile .quartinho .campo-de-busca {top: 80px !important;}

/*Alterações do CSS dos elementos para que o drag seja por scroll em dispositivos móveis(com touch habilitado: html.mobile)*/
@media screen and (orientation: landscape) {
    html.mobile body,
    html.mobile body.quartinhoBody,
    html.mobile body.atividadesBody,
    html.mobile body.ambienteBody,
    html.mobile body.galeriaBody
    {
	    overflow-x: hidden;
	    overflow-y: auto;
    }
    
    html.mobile body.calendarioBody, 
    html.mobile body.personalizadorBody,
    html.mobile body.atividadesNomeBody
    {
	    overflow-x: auto !important;
	    overflow-y: auto;
    }

    /*
    html.mobile body.calendarioBody, 
    html.mobile body.personalizadorBody,
    */
    html.mobile body.loadingBody, 
	html.mobile body.ambienteBody,
	html.mobile body.galeriaBody
	{
        height: 100% !important;
        overflow-x: hidden !important;
	    overflow-y: hidden !important;
    }

    html.mobile .quartinho, 
    html.mobile .atividade {
	    display: block;
    }

    html.mobile .quartinho .background {
	    top:0px;
    }
    
    html.mobile .seletor-perfis {
        position: fixed !important;
    }

    html.mobile body.quartinhoBody .campo-de-busca {
	    position:fixed !important;
    }  
}

@media screen and (max-width: 1920px) and (orientation: landscape) {
	html.mobile body.quartinhoBody  {height: 1500px;width:1920px;}
	html.mobile .atividades, 
	html.mobile .quartinho {height: 1500px;}
}

@media screen and (max-width: 1600px) and (orientation: landscape) {
	html.mobile body.quartinhoBody {height: 1250px;width:1600px;}
	html.mobile .atividades, 
	html.mobile .quartinho {height: 1250px;}
}

@media screen and (max-width: 1440px) and (orientation: landscape) {
	html.mobile body.quartinhoBody {height: 1125px;width:1440px;}
	html.mobile .atividades, 
	html.mobile .quartinho {height: 1125px;}
}
@media screen and (max-width: 1366px) and (orientation: landscape) {
	html.mobile body.quartinhoBody {height: 1067px;width:1366px;}
	html.mobile .atividades, 
	html.mobile .quartinho {height: 1067px;}
}
@media screen and (max-width: 1360px) and (orientation: landscape) {
	html.mobile body.quartinhoBody {height: 1000px;width:1360px;}
	html.mobile .atividades, 
	html.mobile .quartinho {height: 1000px;}
}
@media screen and (max-width: 1280px) and (orientation: landscape) {
	html.mobile body.quartinhoBody {height: 1000px;width:1280px;}
	html.mobile .atividades, 
	html.mobile .quartinho {height: 1000px;}
}
@media screen and (max-width: 1152px) and (orientation: landscape) {
	html.mobile body.quartinhoBody {height: 900px;width:1152px;}
	html.mobile .atividades, 
	html.mobile .quartinho {height: 900px;}
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
	html.mobile body.quartinhoBody {height: 800px;width:1024px;}
	html.mobile .atividades, 
	html.mobile .quartinho {height: 800px;}
}

@media screen and (max-width: 800px) and (orientation: landscape) {
	html.mobile body.quartinhoBody {height: 625px;width:800px;}
	html.mobile .atividades, 
	html.mobile .quartinho {height: 625px;}
}

@media screen and (max-width: 768px) and (orientation: landscape) {
	html.mobile body.quartinhoBody {height: 625px;width:768px;}
	html.mobile .atividades, 
	html.mobile .quartinho {height: 625px;}
}