body {padding:0 !important;}	

.colorpicker {z-index:100000;}

.input-group-addon {
	padding: 0 8px 5px 6px;
	font-size: 21px;
	font-weight: 400;
	line-height: 10px;
}

.colorpicker-element .input-group-addon i, .colorpicker-element .add-on i {
	display: inline-block;
	cursor: pointer;
	height: 29px !important;
	min-width: 30px !important;
	width: 30px !important;
}

	
.timer-settings { font-size:17px; line-height: 17px; cursor:pointer; color:rgba(100,100,100,0.5); transition:all 1s ease; margin-top:0; padding-top:0; text-shadow: 1px 0 #ffffff;  }
.timer-settings .settings-text { margin-top:4px; padding-top:10px; }
.timer-settings:hover { color:rgba(250,250,250,0.9); text-shadow: 1px 1px #555555; }

	
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color:#f1f1f1;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
	color:#333333;
}

.sidenav a {
	padding: 5px;
	text-decoration: none;
	color: #b50303;
	transition: 0.3s;
}

.sidenav a:hover {
	color: #820303;
}

.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
	color: lightgray;
}

@media screen and (max-height: 450px) {
	.sidenav {padding-top: 15px;}
	.sidenav a {font-size: 18px;}
}

.disabled-effect { opacity:0.3; }