html, body {
	width:100%;
	height:100%;
	overflow:hidden;
	margin:0;
	padding:0;
	font-size:12px;
}

.relative {
	position:relative;
}

.widget {
	position:relative;
	overflow:hidden;
}

.widget-clock {
	width:100%;
	text-align:center;
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.widget-tips, .widget-weather, .widget-signin, .widget-trackers {
	display: flex;
	align-items: center;
	justify-content: center;
	height:100%;
}

.widget-signin,
.widget-tips h3 {
	color:#fff;
}

.widget-signin {
	text-align:center;
}

.widget-signin h6 {
	margin:20px;
}

.widget-signin .btn-secondary {
	width:85%;
}

.widget-tips blockquote {
	color:#848484;
}

.widget-tips {
	display:flex;
}

#tips h3 {
	margin-top:0;
}

#tips blockquote {
	margin:0;
}

#tips {
	display: block;
	width: 80%;
	left: 10%;
	font-size: 2em;
}

#weather #location {
	font-size:0.4em;
}

@font-face {
	font-family: 'Electrolize';
	font-style: normal;
	font-weight: 400;
	src: local('Electrolize'), local('Electrolize-Regular'), url(//themes.googleusercontent.com/static/fonts/electrolize/v2/DDy9sgU2U7S4xAwH5thnJ4bN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

html, body, #main {
	height:100%;
	font-family: 'Electrolize';
}

body {
	overflow: hidden;
}

.clock {
	font-size: 10em;
	font-weight:bold;
}

.clock span p {
	display: inline;
}

.minutes {
	margin-left: 0px;
}

.col-sm-3 i.fa {
	margin-top: 120px;
	font-size: 6em !important;
}

h3 {
	font-size: 3em !important;
}

#date {
	font-size: 2.6em;
}

.tags {
	font-size:2em;
}
.tags span {
	float: right;
	margin-right: 40px;
	display: none;
}

.active .tags span {
	display: block;
	line-height: 20px;
	padding: 10px;
	margin-top: 11px;
	border-radius: 5px;
}

.tasks {
	position: absolute;
	width: 100%;
	right: 0;
	top: 0;
	margin:0;
	padding:0;
}

.widget-calendar {
	height:100%;
	overflow:hidden;
}

.active .tasks {
	width: 198%;
	bottom: 0;
	border: 1px solid #000
}

.active .tags {
	color: #000;
	background: #fff;
}

.tag_zendesk_all, .tag_zendesk_all span { background: #04363d; color:#fff; }
.tag_zendesk_me, .tag_zendesk_me span { background: #9e0b0f; color:#fff; }

ol {
	padding-top: 0;
	padding-left: 0 !important;
	margin-left: -15px;
}

ol li {
	text-align: left;
	margin-left: 0;
	font-size: 2em;
	list-style: none;
	line-height: 66px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

ol li:last-child {
	border-bottom: none !important;
}



#cal div {
	margin-top: 10px;
	font-size: 0.7em;
}

.special ol li { border-bottom: 1px solid #333; }

.dangered #cal div { color: #ccc !important; }
.dangered ol li { border-bottom: 1px solid #eee; }


.warned #cal div { color: #ccc !important; }
.warned ol li { border-bottom: 1px solid #eee; }

#cal div i {
	margin-right: 8px;
}

.quad-high {
	text-align: center;
	height:137px !important;
	position: relative;
}

.quad-high sup {
	position: absolute;
	top:28px;
	right:10%;
	height:30px;
	line-height: 28px;
	background:#E04C40;
	padding-left: 10px;
	padding-right: 10px;
	color:#fff;
	font-size: 1.2em;
	font-weight: bold;
	border:1px solid #fff;
	text-align: center;
	border-radius:15px;
}

.quad-high img {
	margin:28px auto;
	max-height: 60%;
	width: auto;
}

#date {
	margin-bottom:28px;
}

.event {
	height: 82px;
	line-height: 24px;
	text-align: left;
	margin-top:0 !important;
	white-space:normal;
	
}

.tags svg {
	font-size: 0.8em;
	margin-left: 16px;
	margin-right: 12px;
	cursor:pointer;
}


.event:last-child {
	border-bottom: none;
}

.event-day {
	height: 48px;
	line-height: 48px;
	font-size: 1.5em !important;
	text-align: center;
	font-weight:bold;
	width: 90px;
	margin-top:0 !important;
}
.event {
	display: table;
	width:100%;
}
.event div {
	display: table-cell;
	vertical-align: middle;
}
.event div p {
	position: relative; top: -50%
}

.event-datetime {
	height: 50px;
	line-height: 24px;
	text-align: left;
	width: 140px;
	margin-top:0 !important;
}

#fullscreen {
	position:absolute;
	top:0;
	left:0;
	width:30px;
	height:30px;
}

#reload {
	position:absolute;
	top:30px;
	left:0;
	width:30px;
	height:30px;
}

#icons {
	bottom:0;
}

.idle {
	cursor: url('../img/dot.gif'), auto;
}
#schedule {
	color: #fff;
	position: fixed;
	bottom: 0;
	font-size: 2.2em;
	padding: 15px;
	text-align: center;
	width: 100%;
	right: 0;
}
#schedule #schedule-remaining {
	font-size:2em;
}
.widget-tasks {
	height:100%;
}
.widget-tasks label {
	position:absolute;
	right:0;
	background:#16a085;
	color:#fff;
	padding:0 30px;
	font-weight:normal;
}

li.tags img {
	height: 66px;
	float: left;
	position: relative;
	left: -20px;
}

.container-fluid {
	height:100%;
}

.container-fluid {
	height:100%;
}

#main {
	height:100%;
}

#main .darker-bg {
	position: relative;
	height:100% !important;
}

#main .lighter-bg {
	height:100%;
}

#weather {
	text-align:center;
	color:#fff;
	font-size:4em;
}

.tracker:nth-child(odd) {
	background:#121212;
}
.tracker {
	color:#fff;
	font-size:1.4em;
	padding:5%;
}
.tracker h6 {
	color:#848484;
}










#tasks a {
	text-decoration:underline dotted;
}



.event.focus .event-name {
	/*
	-webkit-animation: pulsate 3s ease-out;
	-webkit-animation-iteration-count: infinite;
	opacity: 0.5;
	
	 */
	
	-webkit-animation: glow 1s ease-in-out infinite alternate;
	-moz-animation: glow 1s ease-in-out infinite alternate;
	animation: glow 1s ease-in-out infinite alternate;

	font-weight:bold;
}

@-webkit-keyframes glow {
	from {
		text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
	}
	to {
		text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
	}
}


@-webkit-keyframes pulsate {
	0% {
		opacity: 0.5;
	}
	50% {
		opacity: 1.0;
	}
	100% {
		opacity: 0.5;
	}
}


#tasks .task-time {
	float:right;
	background:rgba(0, 0, 0, 0.3);
	font-size:0.7em;
	padding:0px 15px;
	display:block;
	margin:0 0 0 10px;
	font-family: monospace;
	min-width:67px;
}
#tasks .task-tag {
	float:right;
	background:#fff;
	font-size:0.8em;
	padding:0px 15px;
	border-radius:3px;
	display:block;
}

.task.completed, .task.completed a {
	text-decoration:line-through !important;
}

.task .task-off {
	display:inline;
}
.task .task-on {
	display:none;
}
.task.completed .task-off {
	display:none;
}
.task.completed .task-on {
	display:inline;
}

#news {
	padding:30px;
}
#news p {
	font-size:1.3em;
}



html, body, #main, .darker-bg, .tags:nth-child(even), .event:nth-child(even), .widget  {
	background: var(--darker-bg);
	color: var(--lighter-fg);
}

.lighter-bg, #icons, .tags:nth-child(odd), .event:nth-child(odd) {
	background: var(--lighter-bg);
}

.darker-fg, #tasks a, #news a {
	color: var(--darker-fg);
}

.lighter-fg, .tags svg, #tasks .task-time {
	color: var(--lighter-fg);
}

/* UNKNOWN */
.colors:nth-child(odd) { background: #121212; color: #ffffff; }
.colors:nth-child(even) { background: #080808; color: #848484; }
.colors:nth-child(5), .colors:nth-child(7) { background: #080808 !important; color: #848484 !important; }
.colors:nth-child(6), .colors:nth-child(8) { background: #121212 !important; color: #ffffff !important; }

.special .lighter-bg { background: #121212; }
.special .darker-bg { background: #080808; }
.special .lighter-fg { color: #ffffff; }
.special .darker-fg { color: #848484; }

.dangered .lighter-bg { background: #e74c3c; }
.dangered .darker-bg { background: #c0392b; }
.dangered .lighter-fg { color: #ffffff; }
.dangered .darker-fg { color: #ffffff; }

.warned .lighter-bg { background: #e67e22; }
.warned .darker-bg { background: #d35400; }
.warned .lighter-fg { color: #ffffff; }
.warned .darker-fg { color: #ffffff; }

#trackers, #trackers .tracker {
	width:100%;
}

#fs {
	z-index:1000;
	width:30px;
	height:30px;
	font-size: 20px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	margin:10px;
	background:rgba(0,0,0,0.2);
	color:#fff;
	display:block;
	position:absolute;
}