/** RESPONSIVE **/
@media only screen and (max-width: 1024px) {
  	
  	*{
		max-width: 100% !important;  	
	}
  	
  	
  	
  	#contenHomeWidgetsLeft,
  	#contenHomeWidgetsRight{
  		display: contents !important;
  	}
  	
  	.home-widget{
  		max-width: 80% !important;
  		margin-top:15px;
  	}
  	
  	#contenHomeWidgetsCenter {
    	display: inline-table;
  	}
  	
  	#superior-menu{
  		display: inline;
	    float: left;
	    position: absolute;
	    left: 112px;
	    top: 0px;
  	}
  	
  	[id='topMenuIdForm:topMenuSearch'] {
	    min-width: 100px;
	    margin-top: -20px;
	}
	div#homeForm\:panelGeneralHome{
		margin-top: 15px;
	}
  	
  	[id*="topMenuPanel"].topMenuPanel table tr td{
  		display: none;
  		width: auto !important;
  	}
  	[id*="topMenuPanel"].topMenuPanel table tr td:first-child,
  	[id*="topMenuPanel"].topMenuPanel table tr td:last-child{
  		display: block !important;
  	}
  	[id*="homeForm:newsPlankFormPanel"]{
  		display: inline-block;
  	}
  	
  	#contenHomeWidgetsCenter {
  		width: 100% !important;
  	}
  	
  	body.loca-home .ui-dialog,
  	body.loca-home .ui-dialog-content{
  		max-width: 57% !important;
  	}
  	body.loca-home .ui-dialog-title{
  		max-width: 50% !important;
  	}
	.ui-dialog,
  	.ui-dialog-content{
  		max-width: 100% !important;
  	}
  	.ui-dialog-title{
  		max-width: 70% !important;
  	}
  	.ui-dialog-titlebar-icon{
  		display: contents !important;
  	}
  	
  	body.closed #moduleMenuLateral{
  		background: none;
  	}
  	
  	body.closed #moduleMenuLateral_content,
	#homeForm\:widgetsPanelGroup {
	  display: none !important;
	}
	
  	body.closed #moduleMenuLateral{
  		height: 58px !important;
  	}
  	
  	body.closed #content, 
  	body.closed #superior-menu {
	    width: 99%;
	    margin-left: -1%;
	}
	
	body.closed #content{
		left: max(1vh, 5px);
		top: 55px;
	}
	
	.ui-button-text-only .ui-button-text {
	    padding: 0em 0em;
	}
	
	div[id*="calendarEmployeeForm"][id*="addNewAbsence"].ui-outputpanel button,
	.btn {
		padding:2px;
	}

	.panelTopAbsence{
		margin: 15px;
	}
	.panelTopAbsence .yearCalendarClass label{
		display:none;
	}
  	  
  	.absenceBox{
  		display: block;
  	}
  	.dataAbsenceBoxs{
  		overflow-y: hidden !important;
  		overflow-x: scroll !important;
  		margin: 0px !important;
  	}
  	[id='tabView:calendarEmployeeForm:panelYear']{
  		width: 100%;
  	}
  	.absenceBoxTitle{
  		margin-left: 50px;
  		width:50px;
  	}
  	.ui-outputpanel:has(.absenceBoxTitle) {
  		min-width:40px;
  	}
  	.calendar .months-container {
	    grid-template-columns: 100%;
	}
}