/* @override http://dom.servk.com/v2/css/style.css */

@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'enso';
	src: url('enso.ttf') format('truetype');
}
* {
	margin: 0;
}
html {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
body, td, th {
	color: #c3c0c5;
	font: 15px Arial, Helvetica, sans-serif;
}
h1, h2, h3 {
	margin-left: 10px;
	border-bottom: 3px solid #d5d5d5;
	color: #424242;
}
body {
	background-color: #3f3f40;
}
.container {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	width: 300px;
	height: 200px;
	margin: auto;
}
 @media all and (orientation:portrait) {
.container4 {
	width: 300px;
	height: 400px;
	zoom: 80%;
}
}
@media all and (orientation:landscape) {
.container4 {
	width: 600px;
	height: 200px;
	zoom: 80%;
}
}
.bt {
	float: left;
	position: relative;
	height: 180px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	width: 150px;
	padding-top: 10px;
	padding-bottom: 10px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-khtml-border-radius: 15px;
}
.bt_hover {
	background-color: #252525 !important;
}
.bt_hover_o {
	transition: background-color .3s linear;
	background-color: transparent !important;
}
#loader {
	position: absolute;
	top: 50px;
	right: 60px;
}
.leg {
	position: relative;
	text-align: center;
	bottom: -5px;
}
div.title {
	text-align: center;
	text-transform: uppercase;
	font: bold 30px "enso", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	position: absolute;
	right: 0;
	left: 0;
	top: 8%;
}
.bar {
	width: 100%;
	background-color: #353536;
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	height: 63px;
	text-align: center;
	margin: auto;
}
.icon {
	height: 60px;
	width: 80px;
	margin: auto;
	display: inline-block;
}
.icon:hover {
	background-color: #252525 !important;
}
#home {
	background: url('../img/icons/home.svg') no-repeat 20px;
	background-size: 40px 60px;
}
#cron {
	background: url('../img/icons/calendar.svg') no-repeat 20px;
	background-size: 40px 60px;
}
#settings {
	background: url('../img/icons/cog.svg') no-repeat 20px;
	background-size: 40px 60px;
}
#status {
	background-color: #941100;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 25px;
	padding-top: 3px;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
}
.status_offline {
	transition: bottom .5s linear;
	bottom: 60px !important;
}
.status_online {
	transition: bottom .5s linear;
	bottom: 0px !important;
}
div.login_container {
	right: 0;
	left: 0;
	position: absolute;
	margin: auto;
	width: 70%;
	top: 25%;
	padding-bottom: 30px;
}
div.or {
	text-align: center;
	color: #929292;
}
div.or span {
	border-top: 2px solid #929292;
	width: 45%;
	position: relative;
	bottom: -9px;
}
.hrl {
	float: left;
}
.hrr {
	float: right;
}
input, select {
	background-color: #eaeaea;
	height: 40px;
	font: 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #5e5e5e;
	width: 100%;
	margin: 10px 0;
	text-align: center;
	border-style: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	padding: 0;
}
input[type='button'], input[type='submit']{
	background-color: #009192;
	color: #eaeaea;
	-webkit-appearance: none;
}
#register {
	background-color: #0091a4;
	color: #eaeaea;
}
#del {
	background-color: #C33;
	color: #eaeaea;
}
div.desc {
	text-align: center;
	position: relative;
	top: -15px;
}
div.alert {
	color: red;
}
label {
	margin-top: 5px;
	float: left;
	color: #929292;
	font-size: 13px;
}
ul.list {
	border: 1px solid #a9a9a9;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-khtml-border-radius: 15px;
	font-size: 20px;
	padding: 0;
	list-style-type: none;
	margin-bottom: 30px;
}
.list li {
	border-top: 1px solid #a9a9a9;
	padding: 10px;
	text-indent: 10px;
}
.list li:first-child {
	border-top: 0;
}
.list li:hover {
	background-color: gray;
}
.list li:first-child {
	background-color: #333;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px 15px 0px 0px;
	border-radius: 15px 15px 0px 0px;
}
.list li:last-child {
	-moz-border-radius: 15px;
	-webkit-border-radius: 0px 0px 15px 15px;
	border-radius: 0px 0px 15px 15px;
}
.seta-direita:after {
	content: "";
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #c3c0c5;
	float: right;
	margin-top: 5px;
}
.espaco_fundo {
	height: 70px;
}