html {

}

#login-form {
	position:absolute;
	top:50%;
	width:100%;
	transform: translateY(-50%);
}

#login-form-inner {
	padding:20px;
	border:1px solid lightgrey;
}

#page-content-body,
#user-page-content-body {
	padding:0px 15px;
	max-width:1200px;
	margin:0 auto;
	margin-bottom:100px;
}

#user-page-content-body button{
	margin:10px 0 !important;
}

.timetable td {
	padding:2px 4px !important;
}

.hide {
	display:none;
	width:0;
}

.show {
	display:inline-table;
	width:auto;
}

.checkin-btn,
.checkout-btn {
	margin:0 auto;
}

#checkin-table-container,
#scroll-table-container {
	position:absolute;
	left:0px;
	width:100%;
	max-height:80vh;
	overflow-y:scroll;
}

#refresh-button:hover {
	color:blue;
}

.opening-hours {
	float:left; 
	margin:0;
	display:inline-block;
	border:1px solid lightgrey; 
	height:1.5em;
	position:relative;
	/*background: linear-gradient(to bottom, #1e5799 0%,#1e5799 23%,#7db9e8 23%,#7db9e8 54%,#85ea7e 54%); */
}

.opening-hours span {
	position:absolute;
	left:0px;
	top:20px;
	background-color:white;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.39);
	-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.39);
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.39);
	padding:10px;
	display:none;
	z-index:100;
}

.opening-hours:hover span {
	display:block;
}

.opening-hours:last-child {
	border-right:1px solid lightgrey; 
}

.rota-session-by-people {
	display:block;
	margin:3px;
	background-color:#ededed;
	border-radius:5px;
	padding:5px;
	font-size:1rem;
	cursor:pointer;
	color:black;
}

.rota-session-by-people:hover {
	background-color:#337ab7;
	color:white;
}

.rota-session-by-people.selectedSession {
	background-color:#2e6da4;
	color:white;
}

.day-field {
	text-align:right;
	position:relative;
}

.day-field-occupied {
	background-color:red;
}

 
.day-field:hover,
.day-field.selected:hover{
/*	background-color:#337ab7;*/
	cursor:pointer;
}

.day-field:hover:before,
.day-field.selected:before {
	position:absolute;
	top:4px;
	left:4px;
	display:inline-block;
	font-family:'Glyphicons Halflings';
	font-style:normal;
	font-weight:400;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:"\002a";
	color:rgba(0,0,0,0.3);
}

.day-field.selected:before {
	color:black;
}

.day-field .year-entry-info {
	position:absolute;
	display:none;
	z-index:100;
	min-width:260px;
}

.day-field:hover .year-entry-info {
	display:block;
	background-color:white;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.39);
	-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.39);
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.39);	
	padding:3px;
}

.year-planner-month>table>tbody>tr>.day-field:nth-child(4)>.year-entry-info, 
.year-planner-month>table>tbody>tr>.day-field:nth-child(5)>.year-entry-info, 
.year-planner-month>table>tbody>tr>.day-field:nth-child(6)>.year-entry-info, 
.year-planner-month>table>tbody>tr>.day-field:nth-child(7)>.year-entry-info {
	left:-180px;
}

.year-planner-month>table>tbody>tr>.day-field>.year-entry-info table {
	border:2px solid #ebebeb;
}

.year-planner-month>table>tbody>tr>.day-field>.year-entry-info table:hover {
	border:2px solid #337ab7;
}

.year-entry-info-swatch {
	display:block;
	height:5px;
	min-width:50px;
}

#color-swatch {
	display:inline-block;
	width:25px;
	height:25px;
}

.global {
	border:2px solid #d9534f !important;
}

#shadow-box {
	position:fixed;
	width:100%;
	left:0px;
	top:0px;
	height:100vh;
	z-index:100;
	background-color:rgba(0,0,0,0.8);
	text-align:center;
}

#shadow-box-content {
	background-color:#fff;
	margin:5px;
	display:inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align:left;
	transform: translate(-50%, -50%);
	padding:15px;
	border:1px solid black;
}

#shadow-box-close-button:hover {
	color:red;
	cursor:pointer;
}

td.special {
	background-color:rgba(255,0,0,0.2);
	text-align:center;
}

td.special .popup {
	position:absolute;
	display:none;
	left:0px;
	bottom:-30px;
	background-color:white;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.39);
	-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.39);
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.39);		
	padding:5px 10px;
}

td.special .popup p {
	margin-bottom:0;
}

td.special:hover .popup {
	display:block;
	z-index:100;
}

#checkin-table-container tbody tr:hover,
#main-list-month-summary tbody tr:hover {
	background-color:#337ab7;
	color:white;
	cursor:pointer;
}

#checkin-table-container tbody tr.selected:hover,
#checkin-table-container tbody tr.selected,
#main-list-month-summary tbody tr.selected,
#main-list-month-summary tbody tr.selected:hover {
	background-color:#2e6da4;
	color:white;
}

#loggedin-box {
	padding:0px 5px;
	float:right;
}	

#loggedin-box a,
#loggedin-box a:visited,
#loggedin-box a:hover,
#loggedin-box a:active {
	color: #337ab7;
	text-decoration:none;
}

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

#checkin-table-container, #scroll-table-container {
	max-height:inherit;
	overflow:auto;
	position:inherit;
}

.rota-outer {
	overflow:auto;
	min-height:800px;
}

.navbar-left {
	display:block;
	width:100%;
	text-align:center;
	border-bottom:1px solid #626262;
}

}

/* Admin chat feed */

#admin-chat-feed {
	height:400px;
	overflow:auto;
	border:1px solid #ebebeb;
	background-color:#f8f7f7;
	position:relative;
}

#admin-chat-feed-inner {
	margin:5%;
	overflow:auto;
	bottom:0;
	left:0;
	display:block;
	width:90%;
}

#month-summary-session-list tbody.sessions {
	display:none;
}

#month-summary-session-list tbody.sessions.selected {
	display:table-row-group;
}

/*  */

tr.current-user {
	border:2px solid black;
}

/* Printable Rota */

#hide-layout, #save-state {
	position:fixed;
	right:25px;
	bottom:25px;
}

.rota-session-printable {
	color:black;
	background:transparent;
	padding:2px;
	text-align:center;
}

.department-separator {
	background-color:lightgrey;
	text-align:left;
	padding:3px;
}

.dimmed {
	color:grey;
	font-size:0.8em;
}

.delete-session {
	color:#dd5151;
	cursor:pointer;
}

.delete-session:hover {
	color:#c12f2f;
}

@media print {
	.department-separator {
		background-color:lightgrey !important;
		padding:0 5px;
		-webkit-print-color-adjust: exact;
	}
	
	.special {
		background-color:black !important;
		color:white !important;
		padding:0 5px;
		-webkit-print-color-adjust: exact;		
	}
	
	#hide-layout {
		display:none;
	}
	
	.toggle-layout-element {
		display:none;
	}
	
	/*.print-bar{background-color: #e31a1a !important;}
	.print-battle-hill{background-color: #61bcb5 !important;}
	.print-maintenance{background-color: #281ae3 !important;}
	.print-my-race{background-color: #61bcb5 !important;}
	.print-reception{background-color: #ce1ae3 !important;}
	.print-ski-hire{background-color: #61bcb5 !important;}
	.print-ski-school{background-color: #61bcb5 !important;}
	.print-dm{background-color: #61bcb5 !important;}*/
	
}

/* Extended rota planner view styles */

#extended-planner {
	text-align:center;
}

.selected-cell {
	background-color:#ea8787;
}

.to-be-saved {
	background-color:#95ea87;
}

.to-be-saved:hover {
	background-color:#6ab95e;
	cursor:pointer;
}

/* Shadow box */

#ext-shadow-box-background {
	position:fixed;
	width:100%;
	height:100vh;
	left:0;
	top:0;
	z-index:100;
	background-color:rgba(0,0,0,0.5);
}

#ext-shadow-box {
	width:400px;
	height:160px;
	display:block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);	
  background-color:white;
}

#ext-shadow-box-inner {
	position:relative;
	padding:15px;
}

#ext-shadow-box-inner label {
	float:left !important;
}

#ext-shadow-box-close {
	position:absolute;
	right:0;
	top:0;
	z-index:200;
}