/* #schedule .fc-time{ */
/*     display:none; */
/* } */

/* #schedule span.fc-time{ */
/*     display:none; */
/* } */

/* .fc-time{ */
/*     display:none; */
/* } */
/* .fc-event-time{ */
/*     display:none; */
/* } */

/* .ui-column-filter{ */
/*  display:none; */
/* } */

.myclass .fc-event-inner{
   background-color: red;
   border-color: red;
   color: white;
}



/* --------------------------------------------------------- */
#left-panel {
  width: 400px;
  height: 200px;
  border: 1px solid #555;
  background-color: white;
  position: fixed;
  top: 150px;
  left: -380px;
  border-radius: 0 0.5em 0.5em 0;
  padding: 5px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

#left-panel:hover {
  left: -370px;
}

#left-panel.show {
  left: -5px;
}

#left-panel a.controller {
  position: absolute;
  right: 5px;
  top: 5px;
  text-decoration: none;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  color: black;
  font-weight: bold;
  text-align: right;
}

#left-panel.show a.controller {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
/* ------------------------------------------------------------ */


#right-panel {
/*   display: none;	 */
  width: 400px;
  height: 200px;
  border: 1px solid #555;
  background-color: white;
  position: fixed;
  top: 150px;
  right: -380px;
  border-radius: 0.5em 0 0 0.5em;
  padding: 5px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

#right-panel:hover {
  right: -370px;
}

#right-panel.show {
  right: -5px;
}

#right-panel a.controller {
  position: absolute;
  left: 5px;
  top: 5px;
  text-decoration: none;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  color: black;
  font-weight: bold;
  text-align: right;
}

#right-panel.show a.controller {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
/* ------------------------------------------------------------ */

.hideWhenSmall {
	
}

.divMainLayout {
	width: 100%;
	height: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
/* 	border: 1px solid lightgrey; */
	box-sizing: border-box;
	background: transparent;
	padding: 0em;
}

.divContentLayout {
	width: 100%;
	height: 100%;
	float: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	border: none solid orange;
	box-sizing: border-box;
	padding: 0.2em 0.2em 0.2em 0.2em;
}

.divContentPanelLayout {  
	width: 100%;
	height: 100%;
	float: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	border: none solid orange;
	box-sizing: border-box;
	padding: 0.2em 0.2em 0.2em 3em;
}

.divButtonsLayout {
	width: 100%;
	float: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	border: none solid orange;
	box-sizing: border-box;
	padding: 0.2em 0.2em 0.2em 0.2em;
/* 	background: blue; */
}

.filterPanelLayout {
	height: auto;
	margin-left: 0.2em;
	margin-top: 0.2em;
	background: #F5F5F5;
	padding: 0px;
	border: none;
}

.dataListPanelLayout {
	height: auto;
	margin-left: 0.2em; 
	margin-top : 0.2em;
	background: #F5F5F5;
	padding: 0px;
	border: none;
}

.viewPanelLayout {
	height: auto;   /* było auto; */
	width: auto;
	margin-left: 0.2em; 
	margin-top : 0.2em;
	background: #F5F5F5;
/*     border: none; */
}

.noPadding {
	padding: 0px !important;
}

.addPanelLayout {
/* 	height: 60%; */
	height: auto;
	margin-left: 0.2em; 
	margin-top : 0.2em;
	background: #F5F5F5;
}

.divWestLayout {
	height: 100%;
/* 	border: 1px solid lightgrey; */
	box-sizing: border-box;
	padding: 0.2em 0.2em 0.2em 0.2em;
}

.h1TopicLayout {
	font-family: inherit;
	font-size: 18px;
	color: inherit;
	margin-left: 1em;
}

.h2TopicLayout {
	font-family: inherit;
	font-size: 16px;
	color: inherit;
	margin-left: 0.5em;
}

.buttonClass {
	margin-top: 0.5em;
	margin-right: 0.5em;
}

.loginbodyblue {
	/* 	 font-family: inherit; */
	background-image: url('../img/background.jpg');
	background-size: cover;
	/* 	background-attachment: fixed; */
	/* 	background-position: center; */
	/* 	background-color: #0288D1; */
	/* 	background-repeat: no-repeat; */
	/*      height:auto;  */
	/* 	border-top: solid 10px #0288D1; */
}

.ui-panel .ui-panel-content {
    padding: 0 !important;
}


/* ------------------------------------------------------- */
/* Dashboard style										   */
/* ------------------------------------------------------- */
.dashboardPanel {
	padding: .2em;
	/* 	width: 40em; */
	/* 	height: 50%; */
	/* 	background-color: lightgreen; */
	margin-bottom: 1em;
	margin-top: 1em;
	margin-left: 1em;
	margin-right: 1em;
}

/* -------------------------------------------------------------------------  */
/* label column width    */
.gridDashboardCustomLabelColumn1 {
	border: none; ! important;
	width: 9em;
	background: #F5F5F5;
	/*     130px;	 */
}
/* inputtext column width */
.gridDashboardCustomInputColumn1 {
	width: 5em;
	/* 	150px;	 */
	/* 	padding: 4px 10px 4px 10px; */
}
/* img.resize{ */
/*     width: auto; you can use % */
/*     height: auto; */
/* } */
img {
	max-width: 100%;
	max-height: 100%;
}

/* ------------------------------------------------------- */
/* default styles and values for > 1024 resolution screens */
.ui-layout-west,.ui-layout-center,.ui-layout-east {
	/* space between header and body */
	top: 55px !important;
}

.ui-tabs,.ui-tabs .ui-tabs-panel {
	/* more space between border inside the tab and its content */
	padding: 5;
}

.ui-button { /* rio buttons look good */
	background: transparent;
}

.ui-layout-resizer {
	width: 2px !important;
	background: #F5F5F5;
}


/* default font-family */
body {
	font-family: 'Calibri', 'Ubuntu', Verdana, sans-serif;
	font-size: 14px;
}

/* ------------------------------------------------------------------------- */
/* dataTable columns width definition                                        */
.narrowRequiredColumn {
	width: 5.5em;
}

.narrowFacetFilter {
	width: 5em !important;
}

.narrowNotRequiredColumn {
	width: 5.5em;
}

.mediumRequiredColumn {
	width: 7.4em;
}

.mediumFacetFilter {
	width: 6.4em !important;
}

.mediumNotRequiredColumn {
	width: 7.4em;
}

.wideRequiredColumn {
	width: 10em;
}

.wideFacetFilter {
	width: 9em !important;
}

.wideNotRequiredColumn {
	width: 10em;
}

.dateRequiredColumn {
	width: 5.4em;
}

.dateFacetFilter {
	width: 4.5em;
}

.dateNotRequiredColumn {
	width: 5.4em;
}

.actionColumn {
	width: 6em;
}

.wideActionColumn {
	width: 18em;
}

/* ------------------------------------------------------------------------- */
.h1Topic {
	/* 	font-family: 'Calibri', 'Ubuntu', Verdana, sans-serif; */
	font-family: inherit;
	font-size: 18px; /* kiedys było !important  */
	color: inherit; /* #546e7a; */ /* #808080 */
}

.h2Topic {
	/* 	font-family: 'Calibri', 'Ubuntu', Verdana, sans-serif; */
	font-family: inherit;
	font-size: 16px; /* kiedys było !important  */
	color: inherit; /*#546e7a;*/ /* #808080 */
}

/* -------------------------------------------------------------------------- */
/* specific values for small ( <=1024 ) resolution screen                                */
@media only screen and (max-width: 1024px) {
	body {
		font-size: 10px;
	}
	.h1Topic {
		font-size: 14px;
	}
	.h2Topic {
		font-size: 12px;
	}
	.h1TopicLayout {
		font-size: 14px;
	}
	.h2TopicLayout {
		font-size: 12px;
	}
	.narrowNotRequiredColumn {
		display: none;
	}
	.mediumNotRequiredColumn {
		display: none;
	}
	.wideNotRequiredColumn {
		display: none;
	}
	.dateNotRequiredColumn {
		display: none;
	}
	#right-panel {
  		display: block;
	}
	.hideWhenSmall {
	    display: none;
	}	
}

/* ------------------------------------------------------- */
/* accordion menu                                          */
.submenuNoDisplay {
	display: none !important;
}

.ui-accordion .ui-accordion-content {
	border-top: 0 none;
	margin-bottom: 0;
	margin-top: 1;
	overflow: auto;
	padding: 0;
	position: relative;
	top: 0;
	background: #F5F5F5;
}

.ui-helper-clearfix::after {
	content: "";
}
/* ------------------------------------------------------- */

/* -------------------------------------------------------------------------  */
/* resolution independent values -------------------------------------------  */
/* -------------------------------------------------------------------------  */

/* -------------------------------------------------------------------------  */
/* display label attributes for View */
.labelView {
	color: darkgrey;
	background: #F5F5F5;
}
/* display value attributes for View */
.valueView {
	color: black;
	length: 18.75em;
	background: #F5F5F5;
}

.valueViewLong {
	color: black;
	length: 30em;
	background: #F5F5F5;
}

/* p:calendar style -------------------------------------------------------- */
.dateTimeField input {
	vertical-align: middle;
	margin-right: 0px;
	width: 5em;
}

/* -------------------------------------------------------------------------  */
/* different color for odd rows in dataTable  */
.ui-datatable-odd {
	background: none repeat scroll 0 0 #F2F5F9;
}

/* -------------------------------------------------------------------------  */
.ui-widget,.ui-widget .ui-widget {
	/* 	font-family: 'Calibri', 'Ubuntu', Verdana, sans-serif; */
	font-family: inherit;
	font-size: inherit; /* 14px; */
	/* elements with no rounded corners*/
	/*     -moz-border-radius: 0px !important; */
	/*     -webkit-border-radius: 0px !important; */
	/*     border-radius: 0px !important; */
	/*     padding: 0 !important; */
}

/* -------------------------------------------------------------------------  */
/* login form features 													      */
/* -------------------------------------------------------------------------  */
td .loginInput {
	-moz-border-radius: 0.35em !important;
	-webkit-border-radius: 0.35em !important;
	border-radius: 0.35em !important;
	font-size: 12px !important;
	width: 15.625em;
	height: 1.8em;
}

div .loginButton {
	background: green !important;
	margin-top: 1em;
	height: 2.5em;
	width: 10em;
	font-size: 12px !important;
	-moz-border-radius: 0.5em !important;
	-webkit-border-radius: 0.5em !important;
	border-radius: 0.5em !important;
}

div .errorButton {
	background: red !important;
	margin-top: 1em;
	height: 2.5em;
	width: 10em;
	font-size: 12px !important;
	-moz-border-radius: 0.5em !important;
	-webkit-border-radius: 0.5em !important;
	border-radius: 0.5em !important;
}

div .warningButton {
	background: orange !important;
	margin-top: 1em;
	height: 2.5em;
	width: 10em;
	font-size: 12px !important;
	-moz-border-radius: 0.5em !important;
	-webkit-border-radius: 0.5em !important;
	border-radius: 0.5em !important;
}

.loginFormDiv {
	height: 15em;
	width: 20em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-top: auto;
	padding: 1em;
	-moz-border-radius: 1em !important;
	-webkit-border-radius: 1em !important;
	border-radius: 1em !important;
}

/* -------------------------------------------------------------------------  */
/* elements have no rounded corners */
.ui-corner-all {
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
}

.ui-corner-top {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.ui-corner-bottom {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

/* selectOneMenu with no rounded corners*/
.ui-selectonemenu-panel .ui-selectonemenu-list {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

/* -------------------------------------------------------------------------  */
/* layouts with no borders*/
.ui-layout-unit .ui-layout-unit-content .ui-layout-container {
	border: 0 !important;
	/*  overflow: auto !important; */
	/*  --> height: auto ; */
}

.ui-layout-pane {
	border: 0 !important;
}

.ui-layout-bd {
	border: 0 !important;
}

/* panel with no borders */
.panelWithNoBorderAndWithBackground {
	border: none !important;
	background: #F5F5F5;
	margin-bottom: 0.5em;
}

/* panelGrid with no borders */
.companyHeaderGrid tr,.companyHeaderGrid td,.companyHeaderGrid tbody {
	border: none !important;
}

/* panelGrid with no borders and with background*/
/* div .companyHeaderGridWithBackground */
/* 	{ */
/* 	border: none !important; */
/* 	background: #F5F5F5; */
/* } */

/* panelGrid with no borders and with background*/
tbody .companyHeaderGridWithBackground,tr .companyHeaderGridWithBackground,td .companyHeaderGridWithBackground,.ui-panelgrid.companyHeaderGridWithBackground
	{
	border: none !important;
	background: #F5F5F5 !important;
}

/* panelGrid with no borders and with background*/
.companyHeaderGridWithBackground tbody,.companyHeaderGridWithBackground tr,.companyHeaderGridWithBackground td,.ui-panelgrid .companyHeaderGridWithBackground
	{
	border: none !important;
	background: #F5F5F5 !important;
}

/* dataTable with no borders */
.ui-datatable thead th,.ui-datatable tbody td,.ui-datatable tfoot td {
	border-width: 0;
}

/* -------------------------------------------------------------------------  */
/* label column width    */
.gridCustomLabelColumn1 {
	border: none; ! important;
	width: 10em;
	background: #F5F5F5;
	/*     130px;	 */
}

/* -------------------------------------------------------------------------  */
/* added for RIO 															  */
/* -------------------------------------------------------------------------  */
.ui-panelgrid tbody tr td {
	border: none !important;
	/* to do poprawy bo obecnie w gridach na obrzeżach nie ma ramek */
}

.ui-datatable-scrollable-header,.ui-datatable-scrollable-footer {
	border: 0 none;
	overflow: visible !important;
	/* było hidden - zmienione na potrzeby RIO ; */
}
/* -------------------------------------------------------------------------  */
.table td.gridCustomLabelColumn1 {
	width: 10em;
}
/* label column width, style with np left padding - important for labels in two level panelGrid    */
.gridCustomLabelColumnNoPaddingLeft1 {
	width: 10em;
	padding: 0.25em 0.625em 0.25em 0em;	
/* 	padding: 0.5625em 0.625em 0.5625em 0em; */
	background: #F5F5F5;
}

.ui-panelgrid .ui-panelgrid-cell td.gridCustomLabelColumnNoPaddingLeft1
	{
	border: none; /* dodane */
	width: 10em;
	padding: 0.25em 0.625em 0.25em 0em;
/*     padding: 0.5625em 0.625em 0.5625em 0em; */
	background: #F5F5F5;
}

/* inputtext column width */
.gridCustomInputColumn1 {
	width: 8em;
	/* 	150px;	 */
	/* 	padding: 4px 10px 4px 10px; */
}

.table td.gridCustomInputColumn1 {
	width: 8em;
	/* 	150px; */
	/* 	padding: 4px 10px 4px 10px; */
}

/* -------------------------------------------------------------------------  */
.companyCenterLayout {
	min-height: 56.25em; /*900px; */
	height: 93.75em; /* 1500; */
	/*  height: auto; */
	/* 	overflow-x:hidden !important; */
}

.layoutUnitCompany {
	height: 93.75em !important; /* 1500; */
}

/* -------------------------------------------------------------------------  */
/* style for jQuery functions - value is too long for inputText */
.ui-inputfield {
	
}

.tooLong {
	background: grey !important;
	color: red !important;
}

/* dataTableGrid with border (or no border) inside borderless layout */
.companyDataTableGrid tr,.companyDataTableGrid td {
	/*     border: 1px solid #a6c9e2 !important; */
	border: 0px;
}

.companyContextMenu {
	width: auto !important;
	/* 	padding: 0px !important; */
	/* 	-moz-border-radius: 0px !important; */
	/*     -webkit-border-radius: 0px !important; */
	/*     border-radius: 0px !important; */
}

/* Change frozen width */
.ui-datatable-frozenlayout-left {
	width: 31.25em; /* 500px; */
}

/* -------------------------------------------------------------------------  */
/* let content flow over layout - works*/
.ui-layout-north {
	z-index: 40 !important;
	overflow: visible !important;
}

.ui-layout-north .ui-layout-unit-content {
	z-index: 40 !important;
	overflow: visible !important;
	/*     margin: 100px !important; */
}

/* Added by Przemysław Skałecki to enable RIO theme to work properly */
.ui-datatable table {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/* .ui-button-icon-only { */
/* 	background-color: transparent; */
/* } */

/* Added by Przemek to simplify data table global filter and global options */
.dataTableHeaderOptionsPanel {
	display: inline-block;
	text-align: left;
	width: 60%;
}

.dataTableHeaderFilterPanel {
	display: inline-block;
	text-align: right;
	width: 40%;
}


.myclass .fc-event-inner{
   background-color: red;
   border-color: red;
   color: white;
}


/* table in panelGrid in panelGrid no left padding  WORKS*/
/* .ui-panelgrid .ui-panelgrid .ui-panelgrid-cell { */
/*     padding: 4px 10px 4px 0px; */
/* } */
/* table in panelGrid no left padding - overrides previous one WORKS */
/* .ui-panelgrid .ui-panelgrid-cell { */
/*     padding: 4px 10px 4px 10px; */
/* } */

/*  doesn't work */
/* .ui-frozen-column .ui-frozen-column-last { */
/*  	width: 120px;	 */
/* } */

/* .ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield { */
/*     background: #ffffff; */
/*     -moz-box-shadow: inset 0 2px 2px #8f8f8f; */
/*     -webkit-box-shadow: inset 0 2px 2px #8f8f8f; */
/*     box-shadow: inset 0 2px 2px #8f8f8f; */
/*     color: #4C3000; */
/* } */

/* .ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus, .ui-widget-header .ui-inputfield.ui-state-focus { */
/*     -moz-box-shadow: 0px 0px 5px #a45b13, inset 0 2px 2px #8f8f8f; */
/*     -webkit-box-shadow: 0px 0px 5px #a45b13, inset 0 2px 2px #8f8f8f; */
/*     box-shadow: 0px 0px 5px #a45b13, inset 0 2px 2px #8f8f8f; */
/* } */

/* .files{ */
/*     display:none; */
/* } */

/* .ui-calendar-inputStyle input { */
/* 	width:80px !important; */
/* 	} */

/* scrollbars hidden - it works but testing scroll bar - IE*/
/* .ui-layout-center {                     */
/*    overflow-x:hidden !important; */
/* } */

/* .ui-layout-center .ui-layout-unit-content { */
/*     overflow-x:hidden !important; */
/* }      */

/* value for button is invisible - works but is not implemented */
/* .buttonColumn { */
/* 	width: 2.4em; ! important; */
/* 	text-indent: -9999999px; */
/* } */