/** @import url(http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css); default **/
	.ui-datepicker-trigger {
		float : left;
		margin: 3px 0 0 5px;
		width: auto !important;
	}

	.ui-datepicker-trigger:hover {
		cursor: pointer;
	}

	/*================ CALENDAR ===============*/

	.cms4u_calendar {
		width : 100%;
		border-radius : 4px;
		border : 1px solid #CDCDCD;
		background-color : #FDFDFD;
		float : left;
		margin : 10px 25px 5px 0;
	}
	.cms4u_calendar.wide {
		width : calc(100% - 2px);
	}

	.cms4u_calendar .col33 {
		width : 33%;
		width : calc(33.33% - 2px);
	}
	.cms4u_calendar .colspacer {
		width : 3px;
		height : 100%;
	}

	.cms4u_calendar .legend {
		padding: 0 0 5px 0;
	}
	.cms4u_calendar .legend hr {
		border : 0;
		border-top : 1px solid #CDCDCD;
		margin : 5px 0;

	}

	.cms4u_calendar button {
		display  : inline;
		margin : 0;
	}
	.cms4u_calendar .header {
		font-size : 16px;
		text-align : center;
		background-color : #EDEDED;
		border-bottom : 1px solid #CDCDCD;
		padding-top : 3px;
		padding-bottom : 5px;
	}
	.cms4u_calendar .header .month {
		display : inline;
	}
	.cms4u_calendar .header select, .cms4u_calendar .header label {
		height : 25px;
		padding : 0;
		display : inline-block;
		margin : 10px 0;
		text-align : center;
		width : 70%;
		float : none;
	}
	.cms4u_calendar .header select {
		background : #FCFCFC;
	}
	.cms4u_calendar .header button {
		color : #020202!important;
		padding : 1px 3px;
		margin : 0;
		background-color : #CDCDCD;
		border : 1px solid #CDCDCD;
		display : inline;
	}
	.cms4u_calendar .header button#btn_calendar_prev:hover {
		border-top : 1px solid #D2D2D2;
		border-left : 1px solid #D2D2D2;
	}
	.cms4u_calendar .header button#btn_calendar_next:hover {
		border-top : 1px solid #D2D2D2;
		border-right : 1px solid #D2D2D2;
	}
	.cms4u_calendar .grid {
		background-color : #FCFCFC;
	}
	.cms4u_calendar .grid button, .cms4u_calendar .grid a, .ui-datepicker td span, .ui-datepicker td a {
		background-color : #F0F0F0;
		color : #4a4949!important;
		border : 1px solid #F0F0F0;
		border-radius : 2px;
	}

	.ui-datepicker td.ui-state-disabled span {
		border : 1px solid #F5F5F5;
		background-color : #F5F5F5;
		color : #D2D2D2!important;
		cursor: default;
	}

	.cms4u_calendar .grid button:hover, .cms4u_calendar .grid a:hover, .ui-datepicker td span, .ui-datepicker td a:hover {
		border : 1px solid #D0D0D0;
	}
	.cms4u_calendar .header .days {
		cursor : default;
		zoom : 1;
	}
	.cms4u_calendar .header .days:before, .cms4u_calendar .header .days:after {
		content : ' ';
		display : table;
	}
	.cms4u_calendar .header .days:after {
		clear : both;
	}
	.cms4u_calendar .header .days span, .cms4u_calendar .grid button, .cms4u_calendar .grid span, .cms4u_calendar .grid a {
		display : block;
		float : left;
		width : 13%;
		width : calc(14% - 8px);
		margin: 3px 1px 3px 7px;
		padding : 3px 0;
	}

	.cms4u_calendar .header .days, .ui-datepicker table thead, .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-datepicker-title {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		cursor : default;
	}

	.cms4u_calendar .grid button.task{
		background-color : #AAFFAA;
		border-color : #AAFFAA;
	}
	.cms4u_calendar .grid button.task:hover {
		border-color : #22DD33;
	}
	 .custom_legend button.task  {
		background-color : #6FC155;
		border-color : #6FC155;
	}

	.cms4u_calendar .grid button.pending_task, .overview ol li div.pending_task, .custom_legend button.reservation_no_attendant ,.overview ol li div.reservation_no_attendant {
		background-color : #FFAA44;
		border-color : #FFAA44;
	}
	.overview ol li div.reservation_no_advance, .custom_legend button.reservation_no_advance {
		background-color : #FF372C;
		border-color : #FF372C;
	}
	.overview ol li div.reservation_canceled, .custom_legend button.reservation_canceled {
		background-color : #C2C2C2;
		border-color : #C2C2C2;
	}
	.cms4u_calendar .grid button.pending_task:hover {
		border-color : #22DD33;
	}
	.cms4u_calendar .grid button.vacation, .cms4u_calendar .grid button.expensive, .ui-datepicker-calendar td.expensive span, .ui-datepicker-calendar td.expensive a {
		background-color : #FFAAAA;
		border-color : #FFAAAA;
	}
	.cms4u_calendar .grid button.vacation:hover {
		border-color : #DD2233;
	}

	.cms4u_calendar .legend div {
		width : 100%;
		line-height : 30px;
		margin: 0 0 0 10px;
	}

	.cms4u_calendar .legend div button.available {
		border: 1px solid #D0D0D0
	}


	.cms4u_calendar .legend div button {
		margin: 0;
		width: 25px;
		margin: 2px 5px 0 0;
		cursor: default;
	}

	.cms4u_calendar .legend div:before, .cms4u_calendar .legend div:after {
		content : ' ';
		display : table;
	}
	.cms4u_calendar .legend div:after {
		clear : both;
	}

	.cms4u_calendar .grid button.selected, .ui-datepicker-calendar td.selected a {
		/**font-weight: bold;**/
		color : #F2F2F2!important;
		background: #489e1a;
	}

	.cms4u_calendar .grid button[disabled], .cms4u_calendar .grid a[disabled] {
		background : #FCFCFC;
		color : #CFCFCF!important;
	}


	.cms4u_calendar .grid button[disabled].closed, .cms4u_calendar .grid button.closed, .cms4u_calendar .grid a[disabled].closed, .cms4u_calendar .grid a.closed, .ui-datepicker-calendar td.closed span, .ui-datepicker-calendar td.closed a {
		background: #BA4444;
		color: #F2F2F2!important;
	}

	.cms4u_calendar .grid button[disabled].rented, .cms4u_calendar .grid button.rented, .cms4u_calendar .grid a[disabled].rented, .cms4u_calendar .grid a.rented, .ui-datepicker-calendar td.rented span {
		background: #E09845;
		color: #F2F2F2!important;
	}

	.cms4u_calendar .grid button[disabled].option, .cms4u_calendar .grid button.option, .grid a[disabled].option, .cms4u_calendar .grid a.option, .ui-datepicker-calendar td.option span {
		background: #28A1ED;
		color: #F2F2F2!important;
	}

	.cms4u_calendar .grid button[disabled], .cms4u_calendar .grid a[disabled] {
		cursor: default;
	}
	/** =========== JQUERY UI DATAPICKER =============== **/
	input.datepicker  {
		width : 90%;
		width : calc(100% - 50px);
		float : left;
	}
	img.ui-datepicker-trigger {
		width : 23px;
		height : 28px;
		float : left;
		margin : 5px 0 0 5px;
	}

	.ui-datepicker {
		background : #FFFFFF;
		border : 1px solid #A2A2A2;
		border-radius : 3px;
	}

	.ui-datepicker-calendar td span, .ui-datepicker-calendar td a {
		text-align : center;
	}
	/* workarounds */
	/* reset extra padding in Firefox, see h5bp.com/l */
	input.ui-button::-moz-focus-inner,
	button.ui-button::-moz-focus-inner {
		border: 0;
		padding: 0;
	}
	.ui-datepicker {
		width: 17em;
		display: none;
	}
	.ui-datepicker .ui-datepicker-header {
		position: relative;
		padding: .2em 0;
		background : #ededed;
	}

	.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
		border: 1px solid #cdcdcd;
		color: #020202;
		text-align: center;
		text-decoration : none;
		border-radius : 5px;
		position: absolute;
		top: 6px;
		height : 34px;
		width : 34px;
		background-color: #cdcdcd;
		cursor : pointer;
		text-align : center;
		line-height : 34px;
	}
	.ui-datepicker .ui-datepicker-prev {
		left : 2px;
	}
	.ui-datepicker .ui-datepicker-next {
		right : 2px;
	}
	.ui-datepicker .ui-datepicker-title {
		margin: 0 52px;
		line-height: 1.8em;
		text-align: center;
		overflow:hidden;
	}
	.ui-datepicker .ui-datepicker-title select {
		font-size: 1em;
		margin: 1px 0;
	}
	.ui-datepicker select.ui-datepicker-month,
	.ui-datepicker select.ui-datepicker-year {
		width:	75px;
		float : left;
	}
	.ui-datepicker table thead {
		background:  #ededed;
		border-bottom: 1px solid #cdcdcd;
	}
	.ui-datepicker table {
		width: 100%;
		font-size: .9em;
		border-collapse: collapse;
		margin: 0 0 .4em;
	}
	.ui-datepicker th {
		padding: .7em .3em;
		text-align: center;
		font-weight: bold;
		border: 0;
	}
	.ui-datepicker td {
		border: 0;
		padding: 1px;
	}
	.ui-datepicker td span,
	.ui-datepicker td a {
		display: block;
		padding: .2em;
		text-decoration: none;
	}
	.ui-datepicker .ui-datepicker-buttonpane {
		background-image: none;
		margin: .7em 0 0 0;
		padding: 0 .2em;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
	}
	.ui-datepicker .ui-datepicker-buttonpane button {
		float: right;
		margin: .5em .2em .4em;
		cursor: pointer;
		padding: .2em .6em .3em .6em;
		width: auto;
		overflow: visible;
	}
	.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
		float: left;
	}

	/* with multiple calendars */
	.ui-datepicker.ui-datepicker-multi {
		width: auto;
	}
	.ui-datepicker-multi .ui-datepicker-group {
		float: left;
	}
	.ui-datepicker-multi .ui-datepicker-group table {
		width: 95%;
		margin: 0 auto .4em;
	}
	.ui-datepicker-multi-2 .ui-datepicker-group {
		width: 50%;
	}
	.ui-datepicker-multi-3 .ui-datepicker-group {
		width: 33.3%;
	}
	.ui-datepicker-multi-4 .ui-datepicker-group {
		width: 25%;
	}
	.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
	.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
		border-left-width: 0;
	}
	.ui-datepicker-multi .ui-datepicker-buttonpane {
		clear: left;
	}
	.ui-datepicker-row-break {
		clear: both;
		width: 100%;
		font-size: 0;
	}

	/* RTL support */
	.ui-datepicker-rtl {
		direction: rtl;
	}
	.ui-datepicker-rtl .ui-datepicker-prev {
		right: 2px;
		left: auto;
	}
	.ui-datepicker-rtl .ui-datepicker-next {
		left: 2px;
		right: auto;
	}
	.ui-datepicker-rtl .ui-datepicker-prev:hover {
		right: 1px;
		left: auto;
	}
	.ui-datepicker-rtl .ui-datepicker-next:hover {
		left: 1px;
		right: auto;
	}
	.ui-datepicker-rtl .ui-datepicker-buttonpane {
		clear: right;
	}
	.ui-datepicker-rtl .ui-datepicker-buttonpane button {
		float: left;
	}
	.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
	.ui-datepicker-rtl .ui-datepicker-group {
		float: right;
	}
	.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
	.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
		border-right-width: 0;
		border-left-width: 1px;
	}


	.cms4u_calendar .grid a {
		font-size: 12px;
		text-align: center;
		margin: 3px 1px 3px 6px;
	}


@media only screen and (max-width: 1279px) {
	.cms4u_calendar .col33 {
		width : 100%;
	}
	.cms4u_calendar .colspacer {
		display : none;
	}

	.cms4u_calendar .header .days span, .cms4u_calendar .grid button, .cms4u_calendar .grid span {}
}