@CHARSET "UTF-8";

/* #0072CE; */

html, body {
	height : 100%;
	/*background-color:#EFEFEF;*/
	background-color:#FFFFFF;
	border : 0px;
	margin : 0px;
	padding : 0px;
	font-family: 'Oxygen', sans-serif;
}

/****/
root {
    font-size: 9px;
    /*font-family: 'Segoe UI', Arial, sans-serif;*/
    font-family: 'Oxygen', sans-serif;
}
/* We can adjust the font-size value if we wish to make PrimeFaces components stand out by making them larger or smaller so that they don't take up as much space on the page */

.ui-widget {
    /*font-family: 'Segoe UI', Arial, sans-serif;*/
    font-family: 'Oxygen', sans-serif;
    font-size: 1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    /*font-family: 'Segoe UI', Arial, sans-serif;*/
    font-family: 'Oxygen', sans-serif;
    font-size: 0.9em;
}
/****/

/** IMPORTANT per mostrar p:layout en IExplorer */
.ui-layout-container {
    overflow-x:visible !important; overflow-y:visible !important;
}
/** Fi IMPORTANT */

#container {
	position : relative;
	bottom : 0px;
	width : 100%;
	height : 100%;
}

#header {
	position : relative;
	botoom : 0px;
	width : 100%;
	height : 54px;
	background-color : #0072CE;
	color : #FFFFFF;
	/*font-family : Verdana, Arial, Helvetica, sans-serif;*/
	font-family: 'Oxygen', sans-serif;
	font-size : 28px;
	vertical-align : middle;
	margin : 0px;
	border : 0px;
	padding : 3px 0px 3px 0px;
	display: block;	
}

#headerTitle {
	position : absolute;
	float : left;
	width : 75%;
	/*height : 78px;
	line-height : 78px;*/
	height : 70px;
	line-height : 50px;
	
}

#logo {
	position : absolute;
	float : left;
	left : 0px;
	top : 0px;
}

#texteTitol {
	position : absolute;
	float : left;
	padding-left: 200px;
}

#titol {
	/*position : relative;*/
	float : left;
	left : 255px;
}

#subtitol {
	/*position : relative;*/
	float : left;
	font-size: .8em;
	padding-left : 20px;
	line-height: 58px;
}

.menunav {
	/* float : left;
	left : 5px;
	bottom: 0; Position the navbar at the top of the page
	line-height : 18px;*/
    width: 100%;
    font-size: .6em; */
}
.ui-menubar,.ui-menu-child,.ui-menu {
	/* float : left;
	left :0px;
	bottom: 0; Position the navbar at the top of the page
	line-height : 8px;
	height : 18px;
    width: 100%;
    color: #FFFFFF;
    font-size: 8px;*/
    background: #0072CE !important;
}

.ui-menuitem {
	background: #FFFFFF !important;
}

.ui-menuitem-text{
	font-size: 0.9em;
	font-family: 'Segoe UI', Arial, sans-serif;
}
/* .ui-corner-all{color:#ffffff;font-size: 1.0em;background: #0072CE !important;} */
.ui-state-hover{color:#0000ff;} 
.ui-menuitem-link{color:#0066FF;}

.ui-selectonemenu-panel{color:#06F;}

/*
/* #conv { */
/* 	position : relative; */
/* 	float : left; */
/* 	height: 20px; */
/* 	line-height: 20px; */
/* 	left: 270px; */
/* 	top: 30px; */
/* 	padding: 0px 5px 0px 5px; */
/* 	font-size: .4em; */
/* 	border: 1px solid white; */
}*/

#headerDreta {
	position : relative;
	float : right;
	width : 25%;
	height : 78px;
	padding-right : 25px;
	vertical-align: bottom;
}

#contolsNom {

    float: right;
    padding-right: 100px;
    padding-top: 20px;

}



#nom {
	position: relative;
	float: right;
	right: 10;
	width: 100%;
	width: max-content;
	height: 50px;
	line-height: 20px;
	font-size: 14px;
	font-style: bold;
	text-align: right;
	vertical-align: middle;
	padding-right: 100px;
	color: #FFEEDD;
}

#controlsInfo {
	position : absolute;
	float : right;
	right : 0px;
	width : 100%;
	height : 35px;
	line-height : 35px;
	padding-right : 30px;
}

#controlsCap {
	position : relative;
	float : right;
	right : 0px;
	width : 100%;
	height : 28px;
	line-height : 28px;
	padding-right : 10px;
	font-size : 10px;
}

.canviIdioma {
	position : relative;
	float : right;
	right : 0px;
	width : auto;
	vertical-align:middle;
	padding: 1px 10px 1px 0px;
}

#botoCanviIdioma {
}

/* #login { */
/* 	position :relative; */
/* 	float : right; */
/* 	padding-right: 150px: */
/* } */

/* #login .ui-button { */
/* 	font-size: 0.7em; */
/* } */

.logout {
	position : relative;
	float : right;
	right : 0px;
	bottom : 1px;
	width : auto;
	min-width : 20px;
	background-color : #0072CE;
	padding: 0px 1px 0px 1px;
}

#botoLogout {
	/*padding : 8px;*/
}

/*
.logout .ui-state-default {
	border : 1px solid white;
	color : red;
}

.logout .ui-state-hover {
	border: 1px solid #FFEEDD;
	color : #FFEEDD;
}

.logout .ui-button-text {
	background-color : #ccc;
	border-radius: 15px;
	font-weight: bold;
    font-size: 1em;
}

.logout .ui-corner-all {
	-moz-border-radius : 15px;
	-webkit-border-radius : 15px;
	border-radius : 15px;	
}

.logout .ui-button {
	padding : 0px;	
}
*/

/*
.entorn {
	position: relative;
	float: right;
	top: 54px;
	width: 125px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #CCDDEE;
	border: 2px;
	border-color: red;
	color : red;
}
*/

/*
#mainTab {
    background : #0072CE;
} 
*/


.event2 a {
background-color: green;
}

.footer {
	position : fixed;
	bottom : 0px;
	width : 100%;
	height : 20px;
	background-color:#0072CE;
	color : #FFFFFF;
	/* font-family : Verdana, Arial, Helvetica, sans-serif; */
	font-family: 'Oxygen', sans-serif;
	font-size : 12px;
	margin : 0px;
	border : 0px;
	padding : 5px 0px 0px 5px;
}


.main {
	position : relative;
	width : 99%;
	align : center;
	color : #0072CE;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin : 0px;
	border : 0px;
}

#mainForm {
	border : 0px;
	margin : 0px;
	width : 100%;
}

.texteDestacat {
	color: #0072CE;
	font-weight: bold;
	font-size: 1.2em;
}
/*
.sideMenuSize {
	width:130px;
}
*/
.gridAlignTop tr, .gridAlignTop td {
	vertical-align : top;
}

.gridNoBorder tr, .gridNoBorder td {
	border : none;
}

.ui-panelgrid-cell  {
	border: 0px !important;	
}

.ui-tabs .ui-tabs-panel {
      padding: 0px 0px;
}

.ui-panel .ui-panel-content {
      padding: 0px 0px;
}

.borders tr, .borders td {
	border: 1px solid #ddd !important;
	padding: 0px!important;
	margin: 0px!important;
}

.list {
    text-align: center;
    vertical-align: middle;
}

.list button {
    width: 32px;
    height: 18px;
}

.list td {
    text-align: center;
    vertical-align: middle;
}

.listConv {
	width : 500px;
}

.listCadub {	
	width : 800px;
}

.noBorders tr, .noBorders td {
    background: none !important;
    border: none !important;
}

.ui-datatable-header {
	padding: 0px 0px !important;
	
}

.ui-datatable-footer {
	padding: 15px 10px !important;
}

.noScrolllayoutUnit .ui-layout-unit-content{
    overflow: hidden !important;
}

.noScrollSchedule .ui-schedule-scrollable-body{
    overflow: hidden !important";
}

#clearfilterProfButton {
	display: inline;
}

/* Modifico la selecció d'assignatura/oferta */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	color: #000f!important;
	background: #FAD7A0!important;
	/*background: #d28b06!important;*/
}


/* Modifico el color del SelectOneButton seleccionat */
.ui-button.ui-state-active, .ui-selectmanybutton .ui-button.ui-state-active{
	color: #fff!important;
	background: #5DADE2!important;
	/*background: #d28b06!important;*/
}

.ui-selectOneMenu {
	color: #ff0;
}

.ui-selectOneMenuH {
	color: #000;
}

.ui-state-focus {
	/*color: #ffffff!important;*/
	background-color: #f00;
}

.widthauto {
	width: auto !important;
}

/** Per a mostrar solapaments*/
.numsolapament {
	color: #f00;
	font-size: 1.6em;
	vertical-align: middle;
}

/** icono de solapament en sigles */
.iconoslpm {
	width: 15px;
    height: 15px;
    vertical-align: middle;
}

.columnaActivitatSolapa {
	width:90px;
	text-align: left;
	color: #f00;
	font-weight: bold;	
}

.columnaActivitat {
	width:90px;
	text-align: left;
	font-weight: bold;
}

.titolOfertaGroc {
	color: #ffff80;
	font-size: 1.2em;
}

.titolOfertaNegre {
	color: #006272;
	font-size: 1.2em;
	font-weight: bold;
}

.gridNoBorder.ui-panelgrid>*>tr,
.gridNoBorder.ui-panelgrid .ui-panelgrid-cell {
    border: none;
}

/** boto redondejat */
.ui-button {
   vertical-align: center;	
   height: 22px;
   border-radius: 0px;
   -webkit-border-radius: 3px;
   -moz-border-radius:5px;
   /** margin-right: 5px;*/
}
/** espai entre buttons */
.ui-buttonset .ui-button {
    margin-left: 0px;
    margin-right: 5px;
}

/** boto continuar */
#botoContinuar {
    text-align: center;
    top: 50%;
    left: 50%;
}

#botoContinuar2 {
    text-align: center;
    top: 50%;
    left: 50%;
}
/** Per mostrar files taula en diferent color */
.imparell {
    background: #fff  !important ;
}

.parell {
    background: #c2d9fe!important ;
}

/** Icona netejar selecció d'assignatures */
.netejar {
	background-image: url('img/clean.png') !important;
}

/** Intento mostrar línies més suaus */
/**
.clsActivitats {
	color: #ccc;
}


.columnaActivitat {
	color: #ccc;
}

.columnaActivitat span {
	color: #333;
	text-align: right;
}
*/

/** Llista de colors per al calendari **/
/** https://www.w3schools.com/colors/colors_picker.asp */
.event1.fc-event{
	color: #000;
	background-color: rgba(255, 64, 0,0.9)!important;   /** #ff4000 */
}

.event2.fc-event{
	color: #000; 
	background-color: rgba(255, 191, 0,0.9)!important;  /** #ffbf00 */
}

.event3.fc-event{
	color: #000;
	background-color: rgba(255, 255, 0,0.9)!important;  /** #ffff00 */
}

.event4.fc-event{
	color: #000;
	background-color: rgba(128, 255, 0,0.9)!important;  /** #80ff00 */
}

.event5.fc-event{
	color: #000;
	background-color: rgba(0, 255, 255,0.9)!important;  /** #00ffff */
}

.event6.fc-event{
	color: #000;
	background-color: rgba(35,98, 225,0.9)!important;  /** #0040ff */
}

.event7.fc-event{
	color: #000;
	background-color: rgba(191, 0, 255,0.9)!important;  /** #bf00ff */
}

.event8.fc-event{
	color: #000;
	background-color: rgba(255, 0, 59,0.9)!important;  /** #ff00bf */
}

.event9.fc-event{
	color: #000;
	background-color: rgba(191, 191, 63,0.9)!important;  /** #ff00bf */
}

.event10.fc-event{
	color: #000;
	background-color: rgba(191, 127, 63,0.9)!important;  /** #ff00bf */
}

/** Llista de colors per als headers **/
.header1 th {
    background: rgba(255, 64, 0,0.9)!important;
}

.header2 th {
	background: rgba(255, 191, 0,0.9)!important;
}

.header3 th {
	background: rgba(255, 255, 0,0.9)!important;
}

.header4 th {
	background: rgba(128, 255, 0,0.9)!important;
}

.header5 th {
	background: rgba(0, 255, 255,0.9)!important;
}

.header6 th {
	background: rgba(35,98, 225,0.9)!important;
}

.header7 th {
	background: rgba(191, 0, 255,0.9)!important;
}

.header8 th {
	background: rgba(255, 0, 59,0.9)!important;
}

.header9 th {
	background: rgba(191, 191, 63,0.9)!important;
}

.header10 th {
	background: rgba(191, 127, 63,0.9)!important;
}

/** Determino el color grups seleccionats */
[id^="mainForm:taulaOfertesSeleccionades"] .ui-button.ui-state-active, .ui-selectmanybutton .ui-button.ui-state-active{
	color: #000!important;
	font-weight: bold!important;
	background: #F7DC6F!important;
}

/** Icona burger del menu */
[id^="mainForm:menuButton_button"].ui-button {
	background: #fff!important;
}

[id^="mainForm:cbtnRefresca"].ui-button{
	height: 1.5em!important;
 	display: inline-block; 
 	vertical-align: top;
}

.titolBold{
	font-weight: bold;
	font-size: 1.2em;
	color: #F7DC6F;
}

[id^="headerForm:botoLogout"].ui-button {
	height: 28px!important;
	/*font-weight: bold;*/
}
	
[id^="mainForm:pgOcupacio"] .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell {
        text-align: center;
        width: 100px;
    }

[id^="mainForm:infoOcupacio"].ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive {
        text-align: left;
/*         width: 50%; */
        border: 0px;
    }




[id^="mainForm:llistaIncidenciesOcupacioNoMatricula"]  {
	font-size: 1em;
}

[id^="mainForm:llistaIncidenciesOcupacioNoMatricula"].ui-widget-header {
	background-color: #ccc!important;
}

[id^="mainForm:taulaOfertesEns"].ui-datatable tbody td {
	border-color: #bbb!important;
}

[id^="mainForm:llistaIncidencies"] .ui-panelgrid .ui-panelgrid-cell {
		font-size: 0.9em!important;
		text-align: left!important;
		padding: 0px!important;
		border: 0px!important;
}

[id^="mainForm:llistaIncidencies"] .ui-widget-content {
	border: 0px!important;
}

.liniaSeparator {
	color: #ccc !important;
}

[id^="mainForm:dlgDesaAgenda"] .ui-panel {
    border: none !important;
    padding-left: 10px;
}

[id^="mainForm:frmDlgAgenda"] .ui-panel {
    border: none !important;
}

[id^="mainForm:panelSetEntorn_content"] td.ui-panelgrid-cell {
	vertical-align: top;
}

.button-info {
/*   background-color: #4CAF50 !important; */
/*   border: none !important; */
  color: #06f !important;
/*   padding: 0px !important; */
/*   text-align: center !important; */
  text-decoration: none !important;
/*   display: inline-block !important; */
/*   font-size: 10px !important; */
/*   margin: 3px 0px 0px 0px !important; */
  border-radius: 25% !important;
  height:15px !important;
  
}