body *:not([class*="z-icon-"]) {
   
    font-size: 16px;
    font-family: Arial;
    
}

body *:not([class*="toolbarbutton"]) {
   
    
    border-color: #b5b5b0; /** canviem el color de tot el border */
}


body,
html {	
     background-color: white;
     color: #555;      
     text-rendering: optimizeLegibility;
     font-weight: 300;
     overflow-x: hidden; /** responsive si no hi cap s'amaga */
     padding: 0 0;
     overscroll-behavior: contain; /** disable pull to refresh chrome */
     
 }

input:focus {
	border: 1px solid #ffab00 !important;
}

.pavicBanner {
	background:#232321;
	color:white;
}
 
 .loginScreen {
    /** aplica una capa gradient de negre a negre amb transparencia a tota la imatge per poder fer mes llegible el text*/
    background-image:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url(../images/logoBackground.jpg);
    height: 100%; /** 100% del viewport height */
    background-size: cover; /** omple el viewport */
    background-position: center; /** al center */
    color: white; 
    padding: 0px;          
}

.labelData{
	height: 24px;	
	display: block;
	padding:4px;
	/* color: #ff8f00; */    
	font-weight:bold;
    /*margin:1px;
	border:1px solid #d3d3d3;*/		
}


.mytoolbar{
	background:#232321;
    color: white;
    height: 42px;   
}


.myTextPrimary {
	color: #ffab00;
}

/*** zk styling */


.z-window-header
{
	background:#ffffff !important;
	color:	#232321
}

.z-window-header > .z-window-icon
{
	color:	#232321
}
	


.z-button 
{
    
 	background:#232321 !important;
    color: white !important; 
}


.z-toolbarbutton-content:hover,
.z-button:hover 
{
    
 	background:#ffab00 !important;
    color: white !important; 
}

/** list */

.z-listhead
.z-listheader{
	background:#232321 !important;
    color: white !important;   
}


.z-listbox-header,
.z-listbox-header-border 
{
	background:#232321 !important;
	color: white !important;	
}


.z-listitem-selected .z-listcell 
{
	color: #ffab00 !important;
	background-color: #ffecb3 !important;
}

.z-listitem:hover > .z-listcell {
	background-color: #ffecb3 !important;
}

/** grid */

/** el header negre */
.z-columns,
.z-columns-bar,
.z-column{
	background:#232321 !important;
    color: white !important;   
}


/* pinta seleccio */
.z-row:hover > .z-row-inner {
	background-color: transparent !important;
}

/*.z-textbox{
	color: #ffab00 !important;
}*/

/** combo */

.z-comboitem-selected
.z-comboitem-text
{
	color: #ffab00 !important;
}


.z-comboitem:hover
{
	color: #ffab00 !important;
	background-color: #ffecb3 !important;
}


.z-combobox-button:hover
{
    background-color: #ffab00 !important;		
}

/** calendar */


.z-datebox-button:hover
{
    background-color: #ffab00 !important;		
}
.z-calendar-selected
{
	background-color: #ffab00 !important;
}

.z-calendar-cell:hover
{
	background-color: #ffecb3 !important;
}


/*.z-calendars-month-week,
.z-calendars-month-date.z-calendars-week-weekend {
            background-color: #ddd !important;
        }
        .z-calendars-month-week .z-calendars-week-weekend {
            background-color: #eee !important;
        }*/