/* This stylesheet is handwritten by Levipro */

html, body { margin: 0; padding: 0; height: 100%; background-color: #ecf3ff; color: #606060; }
a { color: #3d8af7; }
a:hover, a:focus { color: #606060; }
.dropdown-header { font-weight: bold; }
.topord, .topcal, .topday { /*display: none !important;*/ }
	.navbar-brand, .topord a, .topcal a, .topday a { color: #3d8af7 !important; }
input[readonly] { border: 0; box-shadow: none; background-color: #fff !important; padding: 3px 10px 0; height: auto; }
	input[readonly]:focus { box-shadow: none; }

/* Frontpage image */
.col-md-12 img { display: block; margin: 50px auto; width: 90%; max-width: 700px; }

/* Orders, Calendar, Dayview */
.choosetime { list-style: none; margin: 0 0 5px 0; padding: 0; display: flex; }
	.choosetime li { -webkit-flex: 1; -ms-flex: 1; flex: 1; flex-grow: 1; display: inline-block; margin: 0; padding: 0; text-align: center; }
		.choosetime li a, .choosetime li div#datepick { display: block; height: 100%; padding: 5px; background-color: #d4e3fc; text-decoration: none; cursor: pointer; }
			.choosetime li a:hover, .choosetime li div#datepick:hover { background-color: #a8c6fa; }
		.choosetime li strong { display: block; }
		.choosetime li.today { flex-grow: 4; }
.backtolist { margin-top: -3px; float: right; }

/* Orders & Calendar */
ul.activitylist { list-style: none; margin: 0 0 10px; padding: 0; }
	ul.activitylist li { margin: 5px 0 0 30px; padding: 0; }
		ul.activitylist li div { margin-top: 5px; text-align: left; }
			ul.activitylist li div span { margin-left: 5px; padding: 5px; }
				ul.activitylist li div span.missing { background-color: #000; color: #fff; }
		ul.activitylist li:before { content: "\f1b0"; font-family: FontAwesome; display: inline-block; margin-left: -20px; width: 20px; }

/* Calendar */
.caltable { margin: 0; }
	.caltable tr { }
		.caltable th { text-align: center; }
		.caltable td { height: 100px; border: 1px solid #eee !important; }
			.caltable td.weeknr { width: 30px; text-align: center; }
			.caltable td.today { /*width: calc((100%-50px) / 7);*/width: 14%; background-color: #3d8af7; color: #fff; }
			.caltable td.workday { /*width: calc((100%-50px) / 7);*/width: 14%; }
			.caltable td.weekend { /*width: calc((100%-50px) / 7);*/width: 14%; background-color: rgba(238,238,238,1); }
			.caltable td.elseday { /*width: calc((100%-50px) / 7);*/width: 14%; background-color: rgba(238,238,238,.3); }
			.caltable td > span { display: block; margin: -8px -8px 0 -8px; padding: 5px; text-align: right; font-weight: bold; }
			.caltable td > .entries { margin: 0 0 1px 0; padding: 5px 10px; color: #606060; cursor: pointer; }
				.caltable td > .entries:hover { background-color: #fff !important; color: #3d8af7; }
		.caltable tr:hover td:not(.today) { background-color: #d4e3fc; }
			.caltable tr:hover td.weekend { background-color: #a8c6fa; }
		.caltable tr.calinfos { border: 0 !important; }
			.caltable tr.calinfos td { margin: 0; padding: 0; height: auto; border: 0 !important; }
				.caltable tr.calinfos td > ul { position: relative; list-style: none; margin: 0; padding: 0; }
					.caltable tr.calinfos td > ul > li { display: none; position: absolute; top: 0; left: 0; margin: 0; padding: 10px; width: 100%; background-color: #a8c6fa; }
						.caltable tr.calinfos td > ul > li > div { display: none; margin: -5px; padding: 10px; background-color: #eee; }
							.caltable tr.calinfos td > ul > li div.minientries { margin: 0 -5px 5px; cursor: pointer; }
							.caltable tr.calinfos td > ul > li div h3 { margin: 10px 0; }
							.caltable tr.calinfos td > ul > li div > strong { display: block; margin: 10px 0; }
								.caltable tr.calinfos td > ul > li div > strong a { margin: -10px 0 -10px -10px; padding: 10px; background-color: #d4e3fc; color: #3097D1; text-decoration: none; }
									.caltable tr.calinfos td > ul > li div > strong a:hover { background-color: #a8c6fa; color: #fff; }
								.caltable tr.calinfos td > ul > li div.minientries strong { margin-bottom: 0; }
							.caltable tr.calinfos td > ul > li div .status { margin: -8px -8px 0 -8px; height: 10px; line-height: 10px; }
							.caltable tr.calinfos td > ul > li > div .btn-default { background-color: #a8c6fa; color: #fff; }
								.caltable tr.calinfos td > ul > li > div .btn-default:hover { background-color: #ccc; }

/* Supply day view */
.ressupply { position: relative; overflow: auto; }
.day-content { overflow: auto; padding-left: 60px; }
	.day-content .caltable { width: calc(100% - 1px); }
		.day-content .caltable tr.calrowh th { background-color: #eee; color: #999; }
			.day-content .caltable th .resname { padding: 5px; }
			.day-content .caltable tr.calrowh th:first-child { position: absolute; margin-left: -60px; width: 60px; background-color: #999; color: #eee; z-index: 1; }
			.day-content .caltable th, .day-content .caltable td { padding: 0px; height: auto; border: 1px solid #ccc !important; font-size: 12px; text-align: center; }
		.day-content .caltable td { min-width: 145px; cursor: pointer; }
			.day-content .caltable td > div { padding: 5px; }
				.day-content .caltable tr:hover td > div:not(.inaction) { opacity: 0.5; }
			.day-content .caltable td .fullstock, .day-content .caltable tr:hover td .fullstock { background-color: #cbe8ba; }
			.day-content .caltable td .halfstock, .day-content .caltable tr:hover td .halfstock { background-color: #fefac0; }
			.day-content .caltable td .outostock, .day-content .caltable tr:hover td .outostock { background-color: #f2f2f2; }
				.day-content .caltable td .outostock > span, .day-content .caltable tr:hover td .outostock > span { color: #b3b3b3; }
			.day-content .caltable td .overstock, .day-content .caltable tr:hover td .overstock { background-color: #ff8080; color: #fff; }
			.day-content .caltable td:first-child { position: absolute; margin-left: -60px; width: 60px; min-width: 0; background-color: #999; color: #eee; z-index: 1; }
			.day-content .caltable td > span { margin: 0; padding: 0; text-align: center; }
			.day-content .caltable td > div.inaction { display: none; position: absolute; top: 0; left: 0; padding: 10px; width: 100%; border: 1px solid #ccc; background-color: #eee; z-index: 3; }
				.day-content .caltable td > div.inaction .time-shown { position: sticky; top: 0; left: 0; padding: 10px; width: 100%; }
				.day-content .caltable td > div.inaction .btn { margin-top: 10px; background-color: #d4e3fc; }
					.day-content .caltable td > div.inaction .btn:hover { background-color: #ccc; }
				.day-content .caltable td > div.inaction > div.notinsupply { margin: 0 auto 5px; }
					.day-content .caltable td > div.inaction > div.notinsupply ul { list-style: none; margin: 0; padding: 0; }
						.day-content .caltable td > div.inaction > div.notinsupply ul li { margin: 0; padding: 0; }
							.day-content .caltable td > div.inaction > div.notinsupply ul li a { display: block; padding: 10px; line-height: normal; font-weight: bold; color: #606060; text-decoration: none; text-align: right; }
								.day-content .caltable td > div.inaction > div.notinsupply ul li a span { display: block; padding-top: 5px; line-height: normal; font-size: 12px; font-weight: normal; color: #606060; }
								.day-content .caltable td > div.inaction > div.notinsupply ul li a strong { float: left; }
							.day-content .caltable td > div.inaction > div.notinsupply ul li.missing { background-color: #000 !important; }
								.day-content .caltable td > div.inaction > div.notinsupply ul li.missing a, .day-content .caltable td > div.inaction > div.notinsupply ul li.missing a span { color: #fff; }
		.day-content .caltable tr:hover td:first-child { background-color: #eee; color: #999; }

/* Orders, Resources & Assets */
.listname { margin-bottom: 5px; padding: 5px 30px; background-color: #d4e3fc; font-weight: bold; }
.hoverable { list-style: none; margin: 0; padding: 0; }
	.hoverable.resstatus > label, .hoverable.userlist > label { display: block !important; cursor: pointer; }
	.hoverable.resstatus > label span, .hoverable.userlist > label span { font-weight: normal; }
	.hoverable li { margin: 0 0 5px 0; padding: 5px; border-top: 1px solid #eee; }
		.hoverable.rolelist li { display: inline-block; border: 0; }
			.hoverable.rolelist li:not(:first-child) { border: 1px solid #eee; cursor: pointer; }
		.hoverable.userlist li { border-top: 0; border-bottom: 1px solid #eee; }
			.hoverable.userlist li ul { list-style: none; display: inline-block; float: right; margin: -5px 0; padding: 0; }
				.hoverable.userlist li ul li { display: inline-block; margin: 0; border: 0; background-color: #d4e3fc; font-weight: normal; }
					.hoverable.userlist li ul li span { padding: 5px; }
					.hoverable.userlist li ul li a { color: #606060; }
					.hoverable.userlist li ul li:hover { background-color: #a8c6fa !important; color: #fff; }
						.hoverable.userlist li ul li:hover a { color: #fff; }
		.hoverable.nohover li { border: 0; margin: 0; }
		.hoverable li span.colorish { display: inline-block; margin-right: 5px; width: 20px; }
		.hoverable li h3 { margin: -5px -5px 0; padding: 10px 5px; font-size: 18px; line-height: normal; cursor: pointer; }
			.hoverable li h3 span.period { float: left; display: inline-block; margin-top: -3px; margin-bottom: -5px; width: 50px; text-align: center; font-size: 12px; }
				.hoverable li h3 span.period font { display: block; line-height: 10px; }
			.hoverable li h3 i.fa { float: right; line-height: inherit; }
			/*.hoverable.nohover li h3:hover, .hoverable.nohover li:hover h3 { background-color: #d4e3fc !important; }*/
			.hoverable li h3:after { content: ""; clear: both; display: block; visibility: hidden; }
		.hoverable li .orderinfo { margin-left: 50px; padding-top: 5px; padding-bottom: 10px; }
			.hoverable li .orderinfo > strong { display: block; margin: 10px 0; }
				.hoverable li .orderinfo > strong a { margin: -5px 0 -5px; padding: 10px; background-color: #d4e3fc; color: #3097D1; text-decoration: none; }
					.hoverable li .orderinfo > strong a:hover { background-color: #a8c6fa; color: #fff; }
			.hoverable li .orderinfo ul.activitylist { margin-bottom: 20px; }
				.hoverable li .orderinfo ul.activitylist li { margin: 5px 0 0 30px; padding: 0; }
		.hoverable li a { margin: -5px 0; padding: 5px 10px; text-decoration: none; }
			.hoverable.rolelist li a { margin: 0 0 0 5px; padding: 5px; font-weight: normal; color: #000; }
			.hoverable.userlist li a { padding: 5px; }
			.hoverable.resstatus li a { margin: -5px 5px; font-weight: normal; }
			.hoverable li a.no-right-margin { margin-right: -5px; }
			.hoverable li a:hover { background-color: #a8c6fa; color: #fff; }
			.hoverable li a.btn { background-color: #ccc; color: #fff; }
			.hoverable li a.btn-default { margin-top: 10px; background-color: #a8c6fa; color: #fff; }
				.hoverable li a.btn-default:hover { background-color: #ccc; }
		.hoverable li .small { margin-top: 3px; margin-right: 5px; }
			.hoverable.nohover li .small { margin-top: -1px; line-height: 14px; font-size: 12px; }
		.hoverable li .modelcolor { margin: -5px 5px -5px -5px; padding: 5px; }
		.hoverable li:hover { background-color: #eee !important; }
			.hoverable li:hover .modelcolor { background-color: #a8c6fa !important; }
			.hoverable.nohover li:hover { background-color: transparent; }
		.hoverable li:after { content: ""; clear: both; display: block; visibility: hidden; }

/* Orders, Edit Order */
.filtrid { margin: -22px 0 10px; width: calc(100% - 2px); text-align: right; }
	.filtrid .collapse { padding: 15px; background-color: #d4e3fc; border-bottom-left-radius: 5px; text-align: left; }
	.filtrid > span { display: inline-block; padding: 10px; background-color: #d4e3fc; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; cursor: pointer; }
		.filtrid > span.active { background-color: #3d8af7; color: #fff; }
		.filtrid > span:hover { background-color: #a8c6fa; color: #fff; }
	.filtrid .show-period { display: block; float: left; padding: 10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
		.filtrid .show-period input { display: inline-block; margin: -5px 0; width: 45%; max-width: 120px; background-color: #eee; }
		.filtrid .show-period button { display: inline-block; margin: -5px 0; padding: 5px 10px; font-size: 12px; line-height: 1.5; background-color: #eee; }
		.filtrid .show-period strong, .filtrid .show-period span { font-size: 12px; line-height: 1.5; }
	.filtrid .checkbox { margin-bottom: 5px; }
.ordertime { margin-top: 15px; line-height: 32px; }
	.ordertime #htime {}
	.ordertime #utime { display: none; cursor: pointer; }
	.ordertime input { display: inline-block; width: 45%; max-width: 120px; }
	.ordertime > a { padding: 10px; background-color: #d4e3fc; text-decoration: none; }
		.ordertime > a:hover { background-color: #a8c6fa; }
			.ordertime > a:hover strong { color: #fff; }
.no-h3-margin { margin: 5px 0; font-size: 18px; line-height: normal; font-weight: bold; }
	.no-h3-margin input { display: none; float: left; margin-top: -2px; margin-right: 5px; width: auto; }
.country, .language { text-align: center; }
	.country select, .language select { display: inline-block; width: auto; }
		.country select { display: none; }
		.country span { display: inline-block; margin-left: 5px; min-width: 100px; text-align: left; }
.personscnt {}
	.personscnt strong { display: inline-block; margin: 4px 5px 4px 0; }
	.personscnt input { width: 60px; }
.actinfo {}
	.actinfo .addperson { display: none; font-weight: bold; }				/* if activity persons in use */
		.actinfo .addperson.showperson { display: inline-block; }
		.actinfo .addperson select { display: inline; width: auto; }
	.actinfo .actpersons { display: inline-block; }							/* if activity persons in use */
.subtitle { display: block; padding-top: 10px; padding-bottom: 10px; }
	.subtitle > strong { display: inline-block; float: left; margin-top: 5px; }
	.subtitle span { display: inline-block; margin-right: 5px; }
		.subtitle span select, .subtitle span input, .subtitle span button { background-color: #eee; }
	.subtitle.bg-info { margin-top: 20px; background-color: transparent; border-top: 1px solid #a8c6fa; border-bottom: 1px solid #eee; text-align: right; }
	.subtitle.active span select, .subtitle.active span input, .subtitle.active span button { background-color: #3d8af7; color: #fff; }
.ordactions { list-style: none; margin: 0; padding: 0; }
	.ordactions li { padding: 10px 0 10px 10px; }
		.ordactions > li { display: block; }
			.ordactions > li:hover { background-color: #d4e3fc; cursor: pointer; }
		.ordactions li .fa { float: right; margin: -10px 0 -10px 5px; padding: 10px; line-height: inherit; }
			.ordactions li .fa:hover { background-color: #3d8af7; color: #fff; cursor: pointer; }
	.ordactions > li > a { margin-top: -7px; padding: 8px; text-decoration: none; }
		.ordactions > li > a.cngaction { background-color: #a8c6fa; color: #fff; }
		.ordactions > li > a.delaction { display: none; }
		.ordactions > li > a:hover { background-color: #3d8af7; color: #fff; }
	.ordactions > li > span { margin-right: 10px; }
	.ordactions ul { list-style: none; margin: 0 0 0 70px; padding: 0; }
		.ordactions ul li { display: inline-block; margin: 10px 5px 0 0; }
			.ordactions ul li.missing { background-color: #000; color: #fff; }
		.ordactions ul:not(.restypes), .ordactions ul:not(.restypes) li { display: none; }
	.ordactions .review { margin: -5px -5px -5px -10px; padding: 5px 5px 5px 25px; background-color: #ff8080; color: #fff; }
	.ordactions .restypes { }
		.ordactions .restypes li:hover { background-color: #3d8af7 !important; color: #fff; cursor: pointer; }
		.ordactions .restypes li .fa:hover { background-color: transparent; }
.ordresources { list-style: none; margin: 0; padding: 0; }
	.ordresources > li { position: relative; display: block; margin-bottom: 5px; padding: 5px 75px 5px 5px; border-bottom: 1px solid #d4e3fc; }
		.ordresources > li > span { position: absolute; display: inline-block; padding: 10px; right: 5px; bottom: -1px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; }
		.ordresources > li > strong { display: inline-block; float: left; margin-right: 10px; min-width: 120px; text-align: right; cursor: pointer; }
			.ordresources > li:last-child > strong { float: none; margin: 0; }
		.ordresources > li:hover { background-color: #d4e3fc; }
	.ordresources ul:not(.allresources) { display: inline-block; list-style: none; margin: 0; padding: 0; width: calc(100% - 150px); }
		.ordresources ul > li { display: inline-block; padding: 5px; }
		.ordresources ul > li input { display: inline-block; width: auto; max-width: 60px; }
	.ordresources ul.allresources { display: none; list-style: none; margin: 10px 0 0 120px; padding: 0; }
		.ordresources ul.allresources > li { margin-bottom: 5px; }
			.ordresources ul.allresources > li.checkbox.inaction { opacity: 0.5; }
	.filtrid .ordresources > li { margin-bottom: 0; padding-bottom: 0; }
		.filtrid .ordresources > li .checkbox:hover { background-color: #a8c6fa !important; }
		.filtrid .ordresources > li:after { content: ""; clear: both; display: block; visibility: hidden; }
ul.status { list-style: none; margin: 0 -15px; padding: 0; text-align: center; }
	ul.status li { display: none; margin: 0; padding: 10px; text-align: left; }
		ul.status li.active { display: block; }
		ul.status li a { float: right; display: inline-block; margin: -5px 0; padding: 0; line-height: inherit; }

/* Resources & Assets */
.clickable { cursor: pointer; }
	.clickable i.fa { float: right; line-height: inherit; }

/* Edit Resource */
select#models { display: none; }
div#pickddown { position: absolute; top: -45px; padding: 10px; width: calc(100% - 30px); font-weight: bold; text-align: center; }
.blurry-opacity { opacity: 0.3; }
.nolive, .living { display: none; }
	.nolive.active, .living.active { display: block; }
#location .maplink { text-align: center; }
	#location .maplink a { display: inline-block; padding: 5px 10px; border-radius: 5px; color: #999; text-decoration: none; }
		#location .maplink a:hover { background-color: #a8c6fa; color: #fff; }
			#location .maplink a:hover i { color: #3d8af7; }

/* Edit History */
#historyfiles .row ul { display: -webkit-flex; -webkit-flex-direction: row; -webkit-flex-wrap: wrap; display: flex; flex-direction: row; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
	#historyfiles .row ul li { flex-grow: 1; margin: 5px; padding: 0; min-width: 30%; border: 1px solid #d4e3fc; }
		#historyfiles .row ul li span { display: inline-block; float: right; padding: 10px; }
			#historyfiles .row ul li span a { margin: -10px; padding: 10px; background-color: #d4e3fc; text-decoration: none; }
				#historyfiles .row ul li span a:hover { background-color: #3d8af7; color: #fff; }
		#historyfiles .row ul li > a { display: block; padding: 10px; text-decoration: none; }
			#historyfiles .row ul li > a > img { margin: 10px auto; padding: 0; width: auto; height: auto; max-width: 200px; }
		#historyfiles .row ul li:hover { background-color: #d4e3fc !important; }
.dropzone { min-height: 50px; padding: 0; border: 1px solid #a8c6fa; background-color: #d4e3fc; border-radius: 4px; }
	.dropzone.disabled { background-color: #eee; color: #ccc; }

/* Manage users */
#listusers {}
	#listusers .form-inline .form-group { display: block; margin-bottom: 5px; }
		#listusers .form-inline .form-group:after { content: ""; clear: both; display: block; visibility: hidden; }

/* jquery-ui-timepicker-addon
----------------------------------*/

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 100%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }

/* TOOLPLAN date-time-picker design */
#ui-datepicker-div { padding: 5px; border: 1px solid #3d8af7; border-radius: 0; }
	.ui-datepicker { width: auto; }
	.ui-datepicker .ui-widget-header.ui-corner-all { background-color: #3d8af7; border: 0; border-radius: 0; }
	.ui-datepicker .ui-widget-header.ui-corner-all .ui-datepicker-title select { padding: 10px 5px; }
	.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover { top: 12px; left: 7px; }
	.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover { top: 12px; right: 7px; }
	.ui-datepicker .ui-widget-header.ui-corner-all .ui-icon { background-image: url("../js/images/ui-icons_ffffff_256x240.png"); color: #3d8af7; }
		.ui-datepicker .ui-widget-header.ui-corner-all .ui-state-hover { border: 0; background-color: transparent; cursor: pointer; }
		.ui-datepicker .ui-widget-header.ui-corner-all .ui-state-hover .ui-icon { background-image: url("../js/images/ui-icons_555555_256x240.png"); }
	.ui-datepicker .ui-datepicker-calendar .ui-state-default { padding: 9px 12px; background-color: #a8c6fa; border: 0; text-align: center; }
		.ui-datepicker .ui-datepicker-calendar .ui-priority-secondary { background-color: #f2f2f2; }
		.ui-datepicker .ui-datepicker-calendar .ui-state-highlight { background-color: #3d8af7; color: #fff; }
		.ui-datepicker .ui-datepicker-calendar .ui-state-active { background-color: #ecf3ff; color: #3d8af7; }
		.ui-datepicker .ui-datepicker-calendar .ui-state-hover { background-color: #ecf3ff; color: #3d8af7; }
	.ui-datepicker .ui-timepicker-div dl { margin: 0; }
	.ui-datepicker .ui-timepicker-div dt, .ui-datepicker .ui-timepicker-div .ui_tpicker_time_label { padding: 10px 10px 10px 5px; }
	.ui-datepicker .ui-timepicker-div select { padding: 10px; }
	.ui-datepicker .ui-datepicker-buttonpane button { margin: 5px; padding: 10px; }

@media only screen and (max-width: 992px){

	/* Calendar */
	.caltable { }
		.caltable td { height: 50px; cursor: pointer; }
		.caltable td .entries strong { display: none; }
		.caltable tr.calinfos td > ul > li div h3 small { display: block; margin-top: 5px; }
		.caltable tr.calinfos td > ul > li div:not(.minientries) > strong { text-align: center; }
			.caltable tr.calinfos td > ul > li div:not(.minientries) > strong > span.pull-right { float: none !important; display: block; }
				.caltable tr.calinfos td > ul > li div:not(.minientries) > strong a { display: block; margin: -3px 0 3px; }
}

@media only screen and (max-width: 576px){

	.longnavbar { margin-bottom: 50px; }
	.filtrid { margin-top: -51px; padding: 0; }
		.filtrid .show-period { padding: 10px 5px; }
			.filtrid .show-period input { padding: 5px; width: 95px; height: auto; font-size: 10px; }
			.filtrid .show-period button { padding: 5px; font-size: 10px; }
			.filtrid .show-period strong, .filtrid .show-period span { font-size: 10px; }

	/* Supply day view */
	.ressupply { overflow: visible; }
	.day-content .caltable td { min-width: 0; }
		.day-content .caltable td > span { position: static; top: auto; text-align: center; }
		.day-content .caltable td > div.inaction { left: 0; width: 100%; }

	/* Edit Resource & Asset*/
	.minicenter { text-align: center; }

	.hoverable li h3 span.period { float: none; display: block; margin-top: 0; margin-bottom: 5px; width: 100%; text-align: left; }
		.hoverable li h3 span.period font { display: inline-block; margin-left: 5px; margin-right: 5px; line-height: inherit; }
	.hoverable li .orderinfo { margin-left: 10px; margin-right: 10px; }
		.hoverable li .orderinfo > strong span { float: none !important; display: block; }
		.hoverable li .orderinfo > strong a { display: block; margin: -5px 0 5px; text-align: center; }
	.hoverable.nohover li .small { float: none!important; display: block; margin-top: 5px; }
		.hoverable.nohover li .small font { display: none; }
	.hoverable.resource strong, .hoverable.resstatus span, .hoverable.assets span.title, .hoverable.settings > li > strong { margin-bottom: 5px; display: block; }
		.hoverable.resource span.small { margin: 10px 0 0 10px; display: block; }
		.hoverable.resource span.pull-right.small { margin-left: 0; display: inline-block; }
		.hoverable.assets span.pull-right { float: none !important; margin: 5px 0 0 25px; display: block; }
	.hoverable.userlist li ul { display: block; margin-top: 10px; width: 100%; }

	.country, .language, .activity { float: none !important; display: block; margin-bottom: 10px; width: 100%; }
		.language, .activity { margin-top: 10px; margin-bottom: 0; }
		.language:before { content: ""; clear: both; display: block; visibility: hidden; height: 10px; }

	.personscnt input { text-align: center; }
	.personscnt .text-right { text-align: center; }
	.personscnt .text-right .pull-right { display: inline-block; float: none !important; }

	.subtitle.bg-info { text-align: center; }
		.subtitle > strong { display: block; float: none; margin-bottom: 5px; text-align: left; }

	.ordactions ul { margin: 0; }
	.ordactions > li > span { float: none !important; display: block; margin: 15px 0 5px; text-align: center; }

	.ordresources > li { padding: 5px; }
		.ordresources > li > span { position: relative; display: block; padding: 10px; right: auto; bottom: -6px; background-color: #eee; color: inherit; text-align: center; }
		.ordresources > li > strong { display: block; text-align: left; }
	.ordresources ul.allresources { margin-left: 0; }

	#location .maplink { padding-top: 5px; }

	#historyfiles .row ul li { width: 100%; }

	#listusers .col-md-6.col-xs-12 { text-align: center; }
		#listusers .col-xs-12 input, #listusers .col-xs-12 select { display: inline-block; max-width: 150px; }
			#listusers .col-xs-12 input { margin-bottom: 5px; }
	#listusers .form-inline .form-group .col-xs-12.text-right { margin-top: 10px; }

}