,html{background:#f1f1f1;font-size: 1rem;}

a {color: #444444;}

i, .btn {cursor:pointer;}

.modal > .content {width: 90%;min-height: 20%;}

.text-center {text-align:center;}

.ttip {z-index: 0;}

.picker select {width: 100%;z-index:999;}
.picker:first-child {width: 100%;}	

.fluxo.picker:first-child {width: auto;margin-bottom: -12px;}

.money {text-align:right;}

.back {text-align:center;}

table tr td, table tbody tr td {font-size: 13px;}
table thead tr th {font-size: 13px;}

/** Tipografia */
.w45p{width:45%; float:left;}
.w45pr{width:45%; float:right;}
.w100p{width:100%;}
.h250p{height: 250px;}
.w400p{width: 400px;}
.h400p{height: 400px;}
.lh50 {line-height: 50px;}
.borda {box-shadow: 0 1px 3px rgba(0,0,0,.13);background: rgba(255,255,255,.7);}
h2, h3 {font-size:26px;}

/** Fim Topografia */


/** fontes */
.fs13{font-size:13px;}
.fs14{font-size:14px;}
/** fim fontes */


/** Paddings */
.p10{padding: 10px;}
.p30{padding: 20px;}
/** Fim Paddings */


/** Botão */
.btn.default a{color: #6a6a6a;}
.btn.medium, .skiplink.medium {color:#FFFFFF;}
.btn, .skiplink {padding:0 20px !important;display: block;margin-top:20px;}
#voltar, #voltar2, #btexcluir, #list, #rack {float:right;padding:0 20px;margin-left:20px;}
.botaod, #novo, #enviar, #bt100 {float:right;padding:0 20px;margin-bottom:20px;clear:both;}
#relatorio {float:right;padding:0 20px;margin-bottom:20px;margin-right:20px;}
#default {float:right;padding:0 20px;margin-left:20px;}
.btn.pages {width: auto; margin-right: 10px; color: #fff;cursor: pointer; float:left; margin-bottom:20px;font-size:13px;}
.efet {margin-top: 0px;}
.prepend .adjoined, .append .adjoined, .prepend .btn, .append .btn {z-index: 0;}

.btn.info:hover, .skiplink.info:hover {background: #00A8F0;}
.btn.info, .skiplink.info {background: #009CDF;border: 0px solid #009CDF;}

.badge.info, .label.info {background: #8CC54E;border: 1px solid #8CC54E;}
/** Fim Botão */

/** Margens */
.m10t{margin-top: 10px;}
.m0b{margin-bottom: 0px;}
.m20t{margin-top:20px;}
.m5t{margin-top:5px;}
/** Fim Margens */

/** Cores */
.cinza{color:#009CDF;}
.branco{color:#fff;}
.amarelo{color: rgba(255,255,0,1.00);}
.vermelho {color:#FF0004;}
/** Fim Cores */

/** Login */
.logo {padding:0px;}
.vertical {width:550px;height:550px;position:absolute;top:50%;left:50%;margin-top:-275px;margin-left:-275px;}

@media only screen and (max-width: 767px){
	.vertical{width:90%;height:90%;position:absolute;top:0%;left:0%;margin-top:5%;margin-left:5%;}
}
/** Fim Login */


/** Navegação */
.nav {font-size: 1em;}
.row {max-width:100%;}
.navcontain {height: 50px;}
article {width:100%;padding-bottom: 50px;padding-top: 80px;}
.pretty.navbar {z-index: 99999;background-size: 100%;background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #fff));background-image: -moz-linear-gradient(#fff, #fff);background-image: -webkit-linear-gradient(#fff,#fff);background-image: linear-gradient(#fff, #fff);box-shadow: 0 1px 3px rgba(0,0,0,.13);height:0px;}
.row .push_ten {margin-left: 85.23404%;text-align: right;}
#header{font-size: 30px;text-align: right;margin-top: -75px;}
.logo img { max-height: 80%;}
.logo {margin-top: 5px;}
.navbar .logo {display: inline-block;font-size:30px;margin-top: 5px;}
.navbar ul li {height: 40px;line-height: 38px;}
.navbar li .dropdown ul > li a {height: 40px;line-height: 38px;}
.icon-menu {color: #009CDF;}

@media only screen and (max-width: 767px){
	article {padding-left:10px;}
	.navbar .logo {max-height: 70%;margin-left: 60px;}
	#header{margin-top: -3px;}
	.navbar ul {overflow: auto;}	
}

#menu {float: left;min-width: 767px;width: 15%;}
.nav-aberta {z-index: 99998;}
.nav {position: fixed;font-size: 1em;min-width: 150px;height: 100%;background: #fff;box-shadow: 0 1px 3px rgba(0,0,0,.13);}
.navbar ul {width: 100%;}
.nav ul {padding: 1em;}
.navbar ul li {display: block;text-align: left;}
.navbar li .dropdown {left: 100%;margin-top: -61px;margin-left: -16px;}

@media only screen and (max-width: 767px){
	.nav-toggle {position: absolute;z-index: 99999;top: 7px;left: 10px;color: #6a6a6a;cursor: pointer;display: block;margin: 10px;font-size: 40px;}
	.nav ul {padding: 0px;}
}

.navbar {background: #fff; min-height: 50px;}

input.normal:first-child, .input.normal:first-child {float: left;}


@media only screen and (max-width: 767px){
	.botaod, #novo, #enviar, #mailing, #voltar, #default, #bt100, #galeria, #voltar2, #relatorio, .btn {width:100%;float:none;margin-left:0px;}	
	#voltar, #default, #bt100, #voltar2 {margin-bottom:30px;}
	.navbar li .dropdown {left: 0;margin-top: 0;margin-left: 0;}
	#resultados, #chart_agenda {zoom:1;margin-left:-16%;}	
	#cal-ajuste {zoom:0.6;}		
}

@media only screen and (max-width: 767px){
	.nav {position:absolute;}
	.navbar ul {position: static;display: table;background: #fff;box-shadow: 0 1px 3px rgba(0,0,0,.13);}
	.navbar ul li {min-height:40px;}
	.gumby-no-touch .navbar ul li:hover .dropdown, .gumby-touch .navbar ul li.active .dropdown {min-height: 40px;}
	.navbar ul li.active .dropdown ul {min-height: 40px;}
	.navbar ul li.active .dropdown ul li {min-height: 40px;}
	.nav {}
}

.navbar ul li > a {display: block;padding: 0 16px;white-space: nowrap;color: #6a6a6a;text-shadow: none;height: 40px;line-height: 38px;font-size: 16px;font-size: 1rem;}
.row .pull_one.eleven.columns{margin-left: 0px;}
.row .eleven.columns {width: 99.48936%;}
.gumby-no-touch .navbar ul li:hover .dropdown { border-top: 1px solid #ccc;}
.navbar ul li .dropdown {width: auto;min-width: 250px;}
.icon-level-down{display:none;}    

@media only screen and (max-width: 767px){
	.icon-level-down{position:absolute;display:inline-block;}
}
 /** Fim Navegação */




/* TABELA */
table thead {background-color: #009CDF;color: #fff;}

/* table {max-width: 100%;}
.table {width: 100%;}
.table th, .table td {vertical-align: top;padding: 12px;}
.table td:last-child {}
.table thead th {background: #666666;}
.table tbody > tr:nth-child(odd) > td, .table tbody > tr:nth-child(odd) > th {}

@media only screen and (max-width: 767px) {
	.table-responsive {display: block;position: relative;width: 100%;}
	.table-responsive thead, .table-responsive tbody, .table-responsive th, .table-responsive td, .table-responsive tr {display: block;}
	.table-responsive td, .table-responsive th {height: 80px;}
	.table-responsive thead {float: left;}
	.table-responsive tbody {width: auto;position: relative;overflow-x: auto;-webkit-overflow-scrolling: touch;white-space: nowrap;}
	.table-responsive tbody tr {display: inline-block;}
	.table td:last-child {}
}
FIM TABELA */

/* NO MORE TABLES */
@media only screen and (max-width: 1025px) {

table thead th, table tbody td, table tr td {padding: 6px;}

	/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	#no-more-tables table thead {color: #555555;}

	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}





.busca {float:right;margin-right:20px;}

.step.medium.btn {float:left;height:10px;margin-top:5px;width:20px;}

.field .input, .picker select {font-size:.8rem;line-height: 150%;}

.field .radio span, .field .checkbox span {margin-top: 0;float: left;}

.atualiza {color:#f6b83f;font-size: 40px;margin-top: 5px;float: right;}

.progressbar {float:left;width:100%;height:40px;margin-bottom:20px;text-align:center;}
.progressbarlabel {position:absolute;font-size:14px;}

.stat {float:left;}
.box {float:left;height: 10px;width: 10px;margin:8px 5px;}

li {padding-bottom: 0em;}

.ui-accordion-content-active {background: transparent;}

.campo {font-size:11px;margin-left: 3px;float:left;width:100%;}

.columns {float:left;}

.picker {margin: 0 0 0 0;width:100%; z-index:1;}

input.xxwide:last-child, .input.xxwide:last-child {margin-left: 0px;}

form {margin-top:50px;}

#buscar {margin-top:0px;}

.xxwide.text.input.ativo, .wide.text.input.ativo {border-color: #999999;}

#accordion .ui-state-default {border: 1px solid #cccccc;background: #f6f6f6;color: #666666;}
#accordion .ui-state-hover {border: 1px solid #009CDF;background: #009CDF;color: #FFFFFF;}
#accordion .ui-state-active {border: 1px solid #009CDF;background: #009CDF;color: #FFFFFF;}

#accordion h3 {margin-top:10px;font-size:13px;}
#accordion .ui-widget-content {border: 0px solid #aaaaaa;}

@media only screen and (max-width: 767px) {
	.row .row .column, .row .row .columns, .column:first-child, .columns:first-child {
		float: left;min-width:100;
	}
}