*body {
		font-family: "Open Sans";
		overflow: hidden;
}
.body-home{
	background: -moz-linear-gradient(center top , #1ad6fd 0%, #1d62f0 100%) repeat scroll 0% 0% transparent;
	height: 100vh;
}
.bar {
		text-transform: uppercase;
}
.blue-bar {
		background-color: #00AACD;
		padding: 3%;
}
.bar-orange,
.bar-orange button,
.bar-orange h1 {
		background: #FF4E00;
		color: #fff;
}
.bar-green,
.bar-green button,
.bar-green h1,
.button-green {
		background: #609B0B;
		color: #fff;
}
.light-bar {
		background: #E5F2FA;
		padding-top: 3%;
		position: absolute;
		top: 40px;
}
.light-bar button {
		font-size: 2em;
		padding: 0 6%;
		color: #00AACD;
		border: none;
		background: transparent;
}
.light-bar button:focus {
		background: #00AACD;
		color: #fff;
}
.bar-positive,
.button-action,
.bar-positive button {
		background-color: #00AACD!important;
}
.next-event {
		color: #5F5F5F;
		font-size: 1.3em;
		margin: 10% 8%;
		text-transform: uppercase;
		text-align: center;
}
.hour,
.min {
		background: #00AACD;
		border-radius: 10px;
		padding-top: 15%;
		padding-bottom: 10%;
		padding-left: 4%;
		padding-right: 4%;
		color: #fff;
		font-size: 5em;
		box-shadow: 0px -3px 5px gray;
		text-shadow: 0 0 0.4px gray;
		border-top: outset 5px white;
		border-bottom: outset 5px #dedede;
}
.hour {
		float: left;
}
.min {
		float: right;
}
.hour small,
.min small {
		font-size: 0.2em;
}
.icons {
		clear: both;
		position: absolute;
		bottom: 15%;
		margin: 5%;
		width: 110%;
		left: 2%;
}
.reminder,
.note,
.todo {
		border-radius: 10%;
		color: #fff;
		border: none;
		float: left;
		margin-left: 3.5%;
		text-align: center;
		line-height: 1.5em;
}
.reminder {
		background-color: #609B0B;
		padding: 1%;
}
.note {
		background-color: #FF4E00;
		padding: 1% 5%;
}
.todo {
		background-color: #8E2A8C;
		padding: 1% 5%;
}
.reminder i,
.note i,
.todo i {
		font-size: 3.5em
}
.rotate {
		transform: rotate(-30deg);
}
.notebody {
		width: 97%;
		text-align: justify;
		padding: 3%;
		margin-left: 1%;
		margin-right: 1%;
		position: absolute;
		top: 150px;
		border: 1px solid #00AACD;
}
.notetitle {
		width: 97%;
		text-align: justify;
		padding-left: 2%;
		margin-left: 1%;
		margin-right: 1%;
		position: absolute;
		top: 105px;
		border: 1px solid #00AACD;
}
.notebody:focus {
		border: #00AACD solid 1px;
}
.note-list button {
		color: gray;
}
.inpupt-label small {
		color: #dedede!important;
}
.button-green small {
		font-size: 12px;
}
#note-add {
		display: none;
}
.notedekhanortitle {
		text-align: center;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 20px;
		line-height: 44px;
		color: rgb(255, 255, 255);
}
.notedekhanorbody {
		text-align: left;
		white-space: pre-wrap;
}
.notedekhanorfoot {
		text-align: center;
}
.note-list {
		height: 99vh;
}
.notechobi {
		width: 100%;
		height: auto;
}
.notegaan {
		width: 100%;
		height: auto;
}
#note-add {
		position: absolute;
}
.note-add-header {
		position: fixed;
}
.play-button {
		color: white;
}
.pause-button {
		color: white;
}
.stop-button {
		color: white;
}
.kiki-korbo-text {
		width: 102%;
		height: 50px;
		position: fixed;
		bottom: -50px;
		transition: 0.25s;
}
.kiki-korba-lekho {
		position: absolute;
		right: 12px;
		top: 8px;
		width: 79%;
		border-radius: 2px;
		background: none repeat scroll 0% 0% rgb(255, 255, 255);
		border: 0px none;
}
.event-dashboard {
		display: none;
}
.event-screen {
		display: none;
}
.eventListFucks {
		top: 44px;
		min-height: 99.9vh;
	  height: 99.9vh;
}
.eventfooter {
		position: fixed;
		bottom: 0px;
}
.ajaira-event {
	width: 75%;
border: 2px solid rgb(255, 255, 255);
border-radius: 2px;
margin: 5px;
}
.ajaira-todo {
	width: 75%;
border: 2px solid rgb(255, 255, 255);
border-radius: 2px;
margin: 5px;
}
.ajaira-note {
	width: 75%;
border: 2px solid rgb(255, 255, 255);
border-radius: 2px;
margin: 5px;
}
.ajaira {
	height: 86vh;
}
