/* The side navigation menu */
._1000eyesSideNav {
    height: 100%;
    width: 0;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    font-size: 1.0em;
    background-color: #000;
    overflow-x: hidden;
    transition: 0.4s;
    color: #f1f1f1;
    min-height:100px; /* only a fallback if container view is empty */
}

._1000eyesSideNavListHeader {
	list-style-type: none;
	margin: 0;
	padding: 0.2em;
	text-align: center;
	font-size: 1em;
}

._1000eyesSideNavListHeaderTitle {
}

._1000eyesSideNavListContent {
	list-style-type: none;
	font-size: 1em;
	padding: 1em;
	margin: 0;
}

._1000eyesSideNavListContent li {
	border-bottom: 1px solid #f1f1f1;
	padding: 0.3em;
}

._1000eyesSideNavListFooter {
	list-style-type: none;
	font-size: 0.7em;
	text-align: right;
	padding: 0 0.4em 0 0;
}

/* The navigation menu links */
._1000eyesSideNavLink {
    text-decoration: none;
    display: block;
    color: inherit;
    transition: 0.3s;
    outline: none;
}

._1000eyesSideNavLink:hover, ._1000eyesSideNavCloseButton:hover  {
    color: #818181;
}

._1000eyesSideNavCloseButton {
	text-decoration: none;
	font-size: 1em;
    color: inherit;
    display: block;
    transition: 0.3s;
    outline: none;
    padding: 0.3em;
}

._1000eyesSideNavOpenButton {
	position: absolute;
	padding: 0.3em 0.5em 0.3em 0.5em;
	top:0;
	right:0;
	background-color: white;
	font-size: 1em;
	cursor: pointer;
	z-index: 1;
	outline: none;
}

._1000eyesMainView {
	position: relative;
	font-family: font2014, Verdana, Helvetica, sans-serif;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

._1000eyesErrorContent {
	text-align: center;
	padding: 5em 0 5em 0;
}

._1000eyesCalendarIcon {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #ffffff;
	width: 0em;
	padding:0em;
	cursor: pointer;
	transition: 0.4s;
	overflow: hidden;
}

._1000eyesLivePlayButton {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer;
}

/* DatePicker */

._1000eyesDatePickerContainer {
	display: inline-block;
	border: 1px solid rgb(204, 204, 204);
	box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.5);
	padding: 0.4em;
	position: absolute;
	top: 0;
	left: 0;
	background: white;
	max-width: 300px;
	min-width: 300px;
	z-index: 2;
	transition: 0.4s
}

._1000eyesDatePickerHeaderTable {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	font-weight: bold;
}

._1000eyesDatePickerHeaderButtons {
	width: 10%;
}

._1000eyesDatePickerHeaderTitle {
	width: 80%;
	text-align: center;
}

._1000eyesDatePickerTimeSelector {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	opacity: 0;
	width:100%;
	overflow: hidden;
}

._1000eyesDatePickerMonthSelector {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	opacity: 0;
	width:100%;
	overflow: hidden;
}

._1000eyesDatePickerYearSelector {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	opacity: 0;
	width:100%;
	overflow: hidden;
}

._1000eyesDatePickerLeftButton {
	cursor: pointer;
	opacity: 1;
}

._1000eyesDatePickerRightButton {
	cursor: pointer;
	opacity: 1;
}

._1000eyesDatePickerTimeContainer {
	text-align: center;
	padding: 0.5em;
	font-weight: bold;
	font-size: 1em;
	font-family: Helvetica,Arial,sans-serif;
}

._1000eyesDatePickerFooterTable {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	font-weight: bold;
}

._1000eyesDatePickerFooterTableLeftSide {
	width: 13%;
	text-align: center;
}

._1000eyesDatePickerFooterTableRightSide {
	width: 13%;
	text-align: center;
	background: #33aaff;
	font-weight: normal;
	color: white;
	border-radius: 0.6em;
}

._1000eyesDatePickerFooterTitle {
	width: 74%;
	text-align: center;
}

._1000eyesDatePickerContentTable {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

._1000eyesDatePickerContentTable th, ._1000eyesDatePickerContentTable td {
	width: 14.2857%;
	font-family: Helvetica,Arial,sans-serif;
	text-align: center;
	font-size: 1em;
	padding: 0.4em;
}

._1000eyesDatePickerContentTable th {
	color: #999;
}

._1000eyesDatePickerContentTable td {

}

._1000eyesDatePickerDifferentMonthDate {
	opacity: 0.3;
}

._1000eyesDatePickerCurrentDate {
	cursor: pointer;
	background-color: #e0e0e0;
	color: #0015ff;
	box-shadow: none;
}

#_1000eyesDatePickerSelectedDate {
	cursor: pointer;
	background-color: #33aaff;
	color: #FFFFFF;
	box-shadow: none;
}

._1000eyesDatePickerDate {
	cursor: pointer;
	background-color: #e0e0e0;
	color: #555;
	box-shadow: none;
}

._1000eyesDatePickerCloseButton {
	text-decoration: none;
	font-size: inherit;
    color: inherit;
    display: block;
    outline: none;
}

._1000eyesDatePickerDateInactive {
	background-color: #fafafa;
	color: #bbb;
	box-shadow: none;
}

@media (hover: hover) {

	._1000eyesDatePickerLeftButton:hover, ._1000eyesDatePickerRightButton:hover {
		opacity: 0.4;
	}
	
	#_1000eyesDatePickerSelectedDate:hover, ._1000eyesDatePickerCurrentDate:hover, ._1000eyesDatePickerDate:hover {
		background-color: #000000;
		color: #FFFFFF;
		border-radius: 3px;
	}
	
}