html, body {
	margin: 0;
	border: 0;
	padding: 0;
	background-color: #fff;
	color:#444;
	font-family: 'Lato', sans-serif;
	overflow-x: hidden;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}

form {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}

.form-horizontal{ margin: 10px 0; }

a { color: #333333; background-color: transparent;  }

a img { border: 0; }

input[type='image'] {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
}

samp {
	display: block;
	background-color:#eeeeee;
	color: #0f0f33;
	padding: 4px 8px;
	font-size: 14px;
}

blockquote {
	background-color:#eeeeee;
	color: inherit;
	padding: 4px 8px;
	margin: 1em 0;
}

code {
	font-family: Consolas, monospace;
	font-size: 14px;
	color: #55F;
	background: #eee;
}

fieldset {
	border-style: solid;
	border-width: 1px 0px;
	border-color: #a5acb0;
	padding: 6px 6px 12px 6px;
	margin-bottom: 1em;
}

legend {
	font-weight: 300;
	font-size: 11pt;
	color: #a5acb0;
	margin-left: -10px;
	padding-right: 6px;
}

hr {
	color: #424242;
}

.f_left{ float: left; text-align: left; }
.f_right{ float: right; text-align:right; }

.preloader_container{
	float: left;
}

.btn{
	/*border-radius: 0;*/
}

.btn.btn-codigo{
	border-radius: 5px;
	width: 40px;
	height: 40px;
	text-align: center;
	padding: 5px;
	margin: 0 0 3px 0;
	background-color: #333;
	color: #fff;
}

.btn.btn-codigo-disabled{
	border-radius: 5px;
	width: 40px;
	height: 40px;
	text-align: center;
	padding: 5px;
	margin: 0 0 3px 0;
	background-color: #666;
	color: #fff;
}
/* HEADER */

#header {font-weight: 300; position: relative; overflow:hidden;}
#logo {float:left; color:#FFF; font-size:34px; padding:20px 10px;}
#server_info{float: left;color: #fff;margin-top: 38px;margin-left: 20px;}
#server_info a{color: #fff;}
#maq_info{ position:absolute; top: 62px; left: 10px; color: #CCC;}
#slogan {float:right; text-align: right; font-size:22px; color:#FFF; padding:20px 10px; line-height: 18px;}
#slogan .login_details{ font-size: 12px; color: #eee;}
#slogan a{ color: #eee;}
#slogan a_hover{ color: #eee;}
#breadcrumb{ position: absolute; bottom: 0px; font-size: 13px; color: #CCC; width: 100%;}
#breadcrumb .path{ padding: 5px;}
#breadcrumb a{ color: #FFF; text-decoration: none;}
#breadcrumb a:hover{ color: #FFF; text-decoration: underline;}

#menu { }
#menu .navbar{ margin: 0; border-radius: 0; }
#menu .navbar-default{ border: none; background-color: #fff; }
#menu .navbar-default .navbar-brand{ font-weight: 300; color: #333; }
#menu .navbar-default .navbar-brand:focus,
#menu .navbar-default .navbar-brand:hover{ color: #333; }
#menu li a { color:#444; font-size:13px; font-weight:400; border-left: 1px solid #eee; }
#menu .navbar-right li a { border: none; }
#menu li a:hover, #menu .active a { background: #444; color: #fff; }

#menu .timer{
	float: right;
	font-size: 13px;
	line-height: 30px;
	margin-right: 15px;
}

.page-filter{
	padding: 10px 0;
}

label{ font-weight: 400; color: #444; }

.card-box{
	padding: 20px;
	border: 2px solid #f3f3f3;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	background-clip: padding-box;
	margin-bottom: 20px;
	background-color: #ffffff;
}
/**/

/* NOTIFICACOES */

span.bubble{
	font-family: 'Lato', sans-serif;
	display: block;
	position: absolute;
	right: 0;
	top: -5px;
	font-size: 10px;
	line-height: 10px;
	font-weight: 700;
	padding: 2px 2px 3px;
	text-align: center;
	min-width: 17px;
	z-index: 100;
	border: 1px solid;
	cursor: pointer;
	-webkit-border-radius: 36px;
	-moz-border-radius: 36px;
	border-radius: 36px;
	
	background-color: #ee0000;
	color: #ffffff;
	border-color: #bbb;
}

span.bubble2{
	font-family: 'Lato', sans-serif;
	display: block;
	position: absolute;
	right: 0;
	top: -5px;
	font-size: 10px;
	line-height: 10px;
	font-weight: 700;
	padding: 2px 2px 3px;
	text-align: center;
	min-width: 17px;
	z-index: 100;
	border: 1px solid;
	-webkit-border-radius: 36px;
	-moz-border-radius: 36px;
	border-radius: 36px;
	
	background-color: #00aa00;
	color: #ffffff;
	border-color: #bbb;
	opacity: 0.75;
}

span.bubble3{
	font-family: 'Lato', sans-serif;
	display: block;
	position: absolute;
	right: 0;
	top: -1px;
	font-size: 7px;
	line-height: 7px;
	font-weight: 700;
	padding: 2px 2px 3px;
	text-align: center;
	min-width: 14px;
	z-index: 100;
	border: 1px solid;
	-webkit-border-radius: 36px;
	-moz-border-radius: 36px;
	border-radius: 36px;
	
	background-color: #11dd11;
	color: #111;
	border-color: #111;
}

span.bubble4{
	font-family: 'Lato', sans-serif;
	display: block;
	position: absolute;
	right: 0;
	top: -1px;
	font-size: 7px;
	line-height: 7px;
	font-weight: 700;
	padding: 2px 2px 3px;
	text-align: center;
	min-width: 14px;
	z-index: 100;
	border: 1px solid;
	cursor: pointer;
	-webkit-border-radius: 36px;
	-moz-border-radius: 36px;
	border-radius: 36px;
	
	background-color: #ee0000;
	color: #ffffff;
	border-color: #bbb;
}

span.bubble5{
	font-family: 'Lato', sans-serif;
	display: block;
	position: absolute;
	right: 0;
	top: -5px;
	font-size: 10px;
	line-height: 10px;
	font-weight: 700;
	padding: 2px 2px 3px;
	text-align: center;
	min-width: 17px;
	z-index: 100;
	border: 1px solid;
	cursor: pointer;
	-webkit-border-radius: 36px;
	-moz-border-radius: 36px;
	border-radius: 36px;
	
	background-color: #0000ee;
	color: #ffffff;
	border-color: #bbb;
}

span.bubble6{
	font-family: 'Lato', sans-serif;
	display: block;
	position: absolute;
	right: 0;
	top: -5px;
	font-size: 8px;
	line-height: 10px;
	font-weight: 700;
	padding: 2px 2px 3px;
	text-align: center;
	min-width: 17px;
	z-index: 100;
	border: 1px solid;
	cursor: pointer;
	-webkit-border-radius: 36px;
	-moz-border-radius: 36px;
	border-radius: 36px;
	
	background-color: #0000ee;
	color: #ffffff;
	border-color: #bbb;
}

/**/

/* CONTEUDO */

h1, h2, h3, h4, h5{
	color: #fff;
	font-weight: 400;
	margin: 2px 0;
	padding: 5px 10px;
}

h1{	font-size: 24px; color: #fff; font-weight: 300; margin: 0; padding: 10px 15px; border-bottom: 1px solid #fff; background: #444; }
h2{ font-size: 20px; background: #00cb95; text-align: center; font-weight: 700; color: #fff; }
h3{	font-size: 16px; background: #888; }
h4{ font-size: 14px; background: #999; }
h5{	font-size: 12px; background: #AAA; }

.title {
	color: #eee;
	font-weight: 300;
	font-size: 20px;
	margin: 10px 0;
	text-shadow: 0px 0px 2px #000;
	padding: 5px;
	background: #666;
}

#container {padding: 0; max-width: 1200px; min-width: 970px; margin: 0 auto 20px;}
#main { padding: 0 10px; background:#e5e5e5; color:#111111; font-size:15px; min-height: 300px; }
#main br {line-height:8px;}

.contact{ padding: 10px; overflow:hidden; }
.contact-item{ float: left; font-size: 14px; margin-right:1em; }
.contact-avatar{ width:2.5em; line-height:2.5em; height:2.5em; text-align:center; border-radius:50%; vertical-align:middle; color: #FFF; border: 1px solid #CCC; text-transform: uppercase; display: inline-block; }

.calendar{ overflow: hidden; padding: 0 0 20px 0;}

/* TABELAS */

@media (max-width:768px) {
	.gen_table {
		display: block;
	}
}

.gen_table {
	overflow-x: auto;
    white-space: nowrap;
	background-color: #eee;
	font-size: 10px;
	width: 100%;
	border-spacing: 0;
	border-collapse:collapse;
	padding: 0;
	margin: 0 auto 10px;
	color: #333;
	border: 1px solid #ccccd6;
}

.gen_table th {
	padding-top: 0;
	padding-bottom: 0;
	font-weight: 400;
	font-size: 12px;
	color: #FFF;
	vertical-align:middle;
	height: 30px;
	text-align: center;
	background: #7b8191;
}

.gen_table td {
	font-size: 11px !important;
	border-top: 1px solid #ccccd6;
	border-right: 1px solid #ccccd6;
	vertical-align:middle;
	height: 34px;
	padding: 0 5px;
}

.gen_table tr:nth-child(even) {
    background-color: #fff
}

.gen_table tr:nth-child(odd) {
    background-color: #f9f9fa
}

.gen_table tr:hover {
    transition: all .3s;
    background-color: #d6d6df
}

.gen_table tr td:last-child {
	border-right: none;
}

.gen_table .no_bg {
	background: #fff;
}

td.red{ background-color: #f0a8a8; }
td.green{ background-color: #a2e8a2; }
td.yellow{ background-color: #e8e8a2; }

.gen_table thead th.sorteable{
	cursor: pointer;
}

.gen_table thead th.sorteable:after {
    display: inline-block;
    width: 1em;
    opacity: 0.5;
    margin: 0;
    font-family: 'FontAwesome';
    content: "\f0dc";
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
}

.gen_table thead th.sorteable.sorting-asc:after {
    content: "\f0de";
}

.gen_table thead th.sorteable.sorting-desc:after {
    content: "\f0dd";
}

/**/

/* LOGIN */

#login_table{
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	
	font-size: 12px;
	color: #111;
	background: #fff;
	margin-top: 150px;
	padding: 20px 0 0;
}

/**/

/* ALERT BOXES */

#alert_msg{ padding: 10px;}

div.alert {
	border: none;
	border-radius: 0;
	padding: 10px 10px 10px 20px;
	margin: 0;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 7px 8px;
	background-color: #e6e6e6;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
}

div.alert.red, div.alert.warning { background-color: #f0a8a8; }
/*div.alert.warning {	background-image: url(imgs/attention_icon&16.png); }*/
div.alert.red:hover, div.alert.warning:hover { background-color: #f0cccc; }

div.alert.green, div.alert.success { background-color: #a2e8a2; }
/*div.alert.success { background-image: url(imgs/checkmark_icon&16.png); }*/
div.alert.green:hover, div.alert.success:hover { background-color: #c5e8c5; }

div.alert.yellow, div.alert.note { background-color: #e8e8a2; }
/*div.alert.note { background-image: url(imgs/message_attention_icon&16.png); }*/
div.alert.yellow:hover, div.alert.note:hover { background-color: #e8e8c5; }

div.alert.blue, div.alert.info { background-color: #a8f0f0; }
/*div.alert.info { background-image: url(imgs/info_icon&16.png); }*/
div.alert.blue:hover, div.alert.info:hover { background-color: #ccf0f0; }

/**/

/* FOOTER */

#footer { color: #888; font-size: 11px; clear:both; overflow:hidden; }
#footer a {text-decoration:none; color:#111;}
#footer a:hover {color:#0094FF;}
#footer_left {float:left; }
#footer_right {float:right; text-align: right;}

#android_tabs { background:#666; overflow: hidden; margin-bottom: 10px;}
#android_tabs ul {margin:0; padding:0; overflow: hidden; float: left;}
#android_tabs li {list-style:none; float:left; border-right: 1px solid #CCC; }
#android_tabs li a {text-decoration:none; display:block; padding:12px 15px; color:#fff; font-size:14px !important; font-weight:400;}
#android_tabs li a:hover, #android_tabs .active a {font-weight:400; text-decoration:none; color:#333; background: #fff;}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

.badge-primary[href]:focus, .badge-primary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0062cc
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

.badge-secondary[href]:focus, .badge-secondary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #545b62
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

.badge-success[href]:focus, .badge-success[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1e7e34
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

.badge-info[href]:focus, .badge-info[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #117a8b
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

.badge-warning[href]:focus, .badge-warning[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #d39e00
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

.badge-danger[href]:focus, .badge-danger[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #bd2130
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

.badge-light[href]:focus, .badge-light[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #dae0e5
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

.badge-dark[href]:focus, .badge-dark[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1d2124
}

@media (max-width: 1200px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}