/**
 * TAGS BÁSICAS
 */
@font-face {
	font-family: FuturaLT;
	src: url(/css/font/futural.ttf);
	font-weight: 400;
}

@font-face {
	font-family: Bebas;
	src: url(/css/font/bebas.otf);
	font-weight: 400;
}

html {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	font-family: FuturaLT;
}

html,body {
	font-family: FuturaLT;
	margin: 0px;
	padding: 0px;
}

input {
	border: 1px solid #cacaca;
	border-top: 1px solid #abadb3;
	border-bottom: 1px solid #e3e9ef;
	height: 20px;
	font-size: 14px;
}

label {
	font-size: 14px !important;
}

::-webkit-scrollbar {
	width: 12px;
}

::-webkit-scrollbar-track {
	background: #F4F4F4;
}

::-webkit-scrollbar-thumb {
	background: #333;
}

.bold {
	font-weight: bold;
}

.red {
	color: #d13636 !important;
}

.blue {
	color: #247695 !important;
}

.green {
	color: #249534 !important;
}

.grey {
	color: #999 !important;
}

h4 {
	font-family: FuturaLT;
}

/**
 * DIV BASICO
 */
#divMain {
	width: 100%;
}

#divConteudo {
	display: table;
	width: 100% !important;
	margin-bottom:38px;
}

/**
 * DIV RODAPÉ
 */
#divRodape {
	background-color: #292929;
	color:#FFF;
	width:100%;
	height:38px;
	position:fixed;
	bottom:0;
}

#divRodape div {
	padding-top: 8px;
	padding-right: 5px;
	font-size: 12px;
	background-color: #292929;
}

#divRodape .left {
	float: left;
	padding-left: 10px;
}

#divRodape .right {
	float: right;
}

/**
 * CLASSES BASICAS
 */
.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearBoth {
	clear: both !important;
}

.bt {
	cursor: pointer;
}

.btLinha {
	margin-top: 18px !important;
	margin-left: 0px !important;
}

.imgDel {
	position: absolute;
	cursor: pointer;
	background-color: #fff;
	border-radius: 100%;
	padding: 2px;
	border: 1px solid #ccc;
	height: 20px;
	margin: 2px;
}

.imgGaleria {
	overflow: hidden;
	width: 212px;
	height: 135px;
	margin: 5px;
}

.refImagem {
	font-weight: bold;
	margin-top: 5px;
	font-size: 14px !important;
}

.galeriaPedido {
	width: 540px;
}

.galeriaPedido textarea {
	min-width: 280px;
	min-height: 70px;
	max-width: 280px;
	max-height: 70px;
}

.inputImg input {
	margin-right: 10px;
	width: 152px;
	margin-left: 5px;
}

.displayTable {
	display: table !important;
}

.divLabel {
	padding-top: 8px;
	padding-bottom: 8px;
}

.btTotal {
	background-color: #07244f;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	width: 100%;
	height: 32px;
	line-height: 32px;
	cursor: pointer;
}

#divTituloPagina {
	background-image: url('/images/bgTopo.gif');
	background-repeat: repeat-x;
	background-position: 0% 80%;
	margin-top:-10px;
}

.tituloPagina {
	color: #004d9b;
	font-size: 20px;
	margin-top: 20px;
	margin-left: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 18px;
	font-family: FuturaLT;
	background-color: #FFF;
	display: table;

}

.destaque {
	font-size: 16px;
	font-family: FuturaLT;
	color: #004d9b;
	padding: 5px !important;
}

.btComum {
	background-color: #494949;
	padding: 9px;
	color: #FFF;
	cursor: pointer;
	border-radius: 6px;
	white-space: nowrap;
}

.btComum:HOVER {
	background-color: #222;
}

.btComum img {
	margin-top: -4px;
	margin-right: 5px;
}

.btComumDisable {
	background-color: #999;
	font-size: 14px;
	padding: 9px;
	color: #FFF;
	cursor: pointer;
	border-radius: 6px;
	font-family: FuturaLT;
}

.voltar {
	font-size: 10px;
	top: 72px;
	right: 0px;
	position: absolute;
	margin-right: 10px;
	cursor: pointer;
}

.divFormExtra {
	margin: 10px;
	margin-left: 30px;
}

.btCadastro {
	float: left;
}

.btCadastro button {
	border: 0;
	background-color: rgba(0, 0, 0, 0);
	margin-left: 30px;
	margin-bottom: 20px;
	padding: 0;
}

.btCadastro .conteudoBt {
	background-color: #5591d6;
}

.btNovoRegistro .conteudoBt {
	background-color: #399e45;
}

.btCadastro .conteudoBt,.btNovoRegistro .conteudoBt {
	padding-left: 20px;
	padding-right: 25px;
	color: #FFF;
	cursor: pointer;
	border-radius: 6px;
	float: left;
	font-family: FuturaLT;
	font-size: 16px;
	height: 40px !important;
	line-height: 40px;
}

.btNovoRegistro .conteudoBt {
	margin-left: 30px;
	margin-bottom: 20px;
}

.divSucesso {
	margin-top: 36px;
	margin-bottom: 4px;
	background-color: #005072;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	display: none;
}

.divErro {
	margin-top: 4px;
	background-color: #720000;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	display: none;
}

.data {
	text-align: center !important;
	width: 140px !important;
}

.datatime{
	text-align: center !important;
	width: 180px !important;
}

.hora {
	text-align: center !important;
	width: 76px !important;
}

.valor {
	text-align: center !important;
	width: 120px !important;
}

.numero {
	text-align: center !important;
	width: 50px !important;
}

.center{
	text-align:center !important;	
}

.bgWhite{
	background-color:#FFF !important:
}
/**
 * FONTS
 */
.font10 {
	font-size: 10px;
}

.font11 {
	font-size: 11px;
}

.font12 {
	font-size: 12px;
}

.font14 {
	font-size: 14px;
}

.font15 {
	font-size: 15px;
}

.font16 {
	font-size: 16px;
}

.font18 {
	font-size: 18px;
}

.font22 {
	font-size: 22px;
}

.font28 {
	font-size: 28px;
}

.fontBold {
	font-weight: bold;
}

.fontWhite {
	color: white;
}

.fontRed {
	color: red;
}

.fontYellow {
	color: yellow;
}

.fontLeft {
	text-align: left;
}

.fontCenter {
	text-align: center !important;
}

.resumo {
	width: 400px;
	height: 100px;
}

.descricao {
	width: 90% !important;
	height: 200px;
}

/**
 * SELECT CAMPO
 */
.selectCidade,.selectCliente,.selectFuncionario,.selectProduto,.selectFornecedor,.selectCheque
	{
	background-color: #FFF;
	width: 387px;
	border: 1px solid #CCC;
	margin-top: -6px;
	position: absolute;
	opacity: 0.94;
	-moz-opacity: 0.94;
	filter: alpha(opacity =             94);
	font-size: 12px !important;
}

.selectCidade div,.selectCliente div,.selectFuncionario div,.selectProduto div,.selectFornecedor div,.selectCheque div
	{
	padding-left: 8px;
	color: #999;
	cursor: pointer;
}

.selectCidade .overSelect,.selectCliente .overSelect,.selectFuncionario .overSelect,.selectProduto .overSelect,.selectFornecedor .overSelect,.selectCheque .overSelect
	{
	color: #FFF !important;
	background-color: #333 !important;
}

/**
 * TABLE
 */
.table {
	font-size: 12px;
	border-spacing: 0px;
	border-collapse: collapse;
	border: 0px solid #000;
	line-height: 22px;
	margin-top: 6px;
	width: 700px;
	margin-left: 30px;
	border: 4px solid #F4F4F4;
	clear:both;
}

.table thead tr th {
	background-color: #5591d6;
	color: #FFF;
	text-align: left;
	padding-left: 8px;
	height: 20px !important;
}

.table tbody tr td {
	text-align: left;
	padding: 8px;
	font-size: 11px;
	height: 20px !important;
	vertical-align: middle;
}

.table input {
	font-size: 12px !important;
	font-weight: normal !important;
	height: 20px !important;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}

/**
 * RELATÓRIO
 */
.campoRelatorio {
	border: 4px solid #F4F4F4;
	padding: 10px;
	font-weight: bold;
	background-color: #004069;
	color: #FFF;
	font-size: 12px;
}

/**
 * PLANO DE CONTA
 */
#divPlanoConta {
	font-size: 10px !important;
	position: absolute;
	height: 400px;
	background-color: #FFF;
	overflow-y: scroll;
	padding: 20px;
	opacity: 0.94;
	-moz-opacity: 0.94;
	filter: alpha(opacity =  94);
	border: 10px solid #666;
}

.removeCad {
	background-color: #ffefef !important;
}

.tituloEmpresa {
	font-size: 30px;
	margin-top: 10px;
}

/**
 * INTERNAS
 */
.titleDados {
	margin-top: 10px;
	font-size: 17px !important;
	color: #333;
	border-bottom: 1px solid #CCC;
	width: auto;
}
.titleFormInside{
	font-weight:bold;
	border-bottom:1px solid #CCC;
	font-size:14px !important;
	margin-bottom:8px;
	color:#0b688a;
	clear:both;
}

/**
 * jAlert
 */
#divJAlert {
	background-color: #FFF;
	position: fixed;
	text-align: center;
	z-index: 3;
	min-width: 300px;
	top: 200px;
	left: 50%;
	border-top-left-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	box-shadow: 1px 1px 1px 1px #999;
	display: none;
	cursor: pointer;
}

#divJAlertBg {
	background-color: #6c7580;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 0.30;
	-moz-opacity: 0.30;
	filter: alpha(opacity =     30);
	display: none;
}

#divJAlert #btYes,#divJAlert #btOk {
	border-radius: 5px;
	color: #FFF;
	background-color: #999;
	cursor: pointer;
	width: 80px;
	padding: 4px;
	float: left;
	margin-left: 50px;
}

#divJAlert #btOk {
	position: relative;
	left: 50%;
	margin-left: -40px;
}

#divJAlert #btYes:hover,.btYesOver,#divJAlert #btOk:hover,.btOkOver {
	background-color: #333 !important;
}

#divJAlert #btNo {
	margin-left: 10px;
	color: #999;
	cursor: pointer;
	width: 80px;
	padding: 4px;
	float: left;
}

#divJAlert #btNo:hover,.btNoOver {
	color: #333 !important;
}

#divJAlertTXT {
	padding: 10px;
	border-bottom: 1px solid #e8e8e8;
}

#divJAlertConfirm {
	border-top: 1px solid #FFF;
	background-color: #e8e8e8;
	padding: 10px;
	height: 25px;
	border-bottom-right-radius: 10px 10px;
}

/**
 * TOTAL CONTAS
 */
#divLegenda {
	background-color: #f1f1f1;
	display: table;
	margin-left: 20px;
	padding: 2px;
	margin-bottom: 10px;
}

#divLegenda .bg {
	background-color: #f1f1f1;
	border: 1px solid #FFF;
	display: table;
	padding: 10px;
	padding-left: 0px;
}

#divLegenda .col1,#divLegenda .col2 {
	float: left;
	margin-left: 10px;
}

#divLegenda .col1 div,#divLegenda .col2 div {
	height: 25px;
	line-height: 25px;
}

#divLegenda img {
	margin-right: 5px;
}

#divLegenda .col2 {
	font-weight: bold;
	margin-right: 5px;
	padding-right: 10px;
	border-right: 1px solid #999;
}

input[type=radio] {
	display: none;
}

input[type=radio]+label {
	display: inline-block;
	margin: -2px;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff),
		to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);
	background-image: linear-gradient(to bottom, #fff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #ccc;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #b3b3b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',
		endColorstr='#ffe6e6e6', GradientType=0);
	filter: progid:       
	DXImageTransform.Microsoft.gradient(        enabled=        false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05);
}

input[type=radio]:checked+label {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px
		rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px
		rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px
		rgba(0, 0, 0, 0.05);
	background-color: #e0e0e0;
	color: #2e77a5;
}

/**
* INPUT FILES
*/
.realupload {
	position: relative;
	float: right;
	top: -21px;
	right: 20px;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity :       0);
}

.fakeupload {
	cursor: default;
	clear: both;
}

.fakeupload input {
	width: 500px;
	background: url("/images/icon/botao-selecione.png") no-repeat 99% 51%;
	background-color: #fff;
}

/**
 * CARREGANDO
 */
#divCarregando {
	padding: 20px;
	font-family: FuturaLT;
	font-size: 14px;
	width: 250px;
	margin: 0 auto;
}


/**
 * GERAL
 */
#divFormExtra{
	margin-left:32px;
	margin-bottom:30px;
}
#divFormExtra .clearBoth{
	margin-top:10px;
}

.divForm .clearBoth{
	font-size:18px !important;
}

.subTitle{
	font-size:20px !important;
}

/**
 * OS
 */
.osP{
	color:#8f0000
}
.osA{
	color:#624c00
}
.osC{
	color:#006209
}
.osE{
	color:#919191
}
.Atrazado td{
	color:red
}
.osAtrazo{
	background-color:#8f0000;
	border-radius: 4px;
	width:100px;
	height:30px;
	color:#FFF;
	text-align:center;
	margin-bottom:10px;	
}
#myChart{
	margin:20px;
}


/**
 * SITUACAO IMPOSTO
 */
#divSituacaoImposto .title{
	font-size:16px;
	color:#FFF;
	background-color:#175e95;
	padding:4px;
}

#divSituacaoImposto .coluna{
	width:300px;
	float:left;
	margin:10px;
	padding:4px;
	-webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.35);
}

#divSituacaoImposto .sortable { list-style-type: none; margin: 0; padding: 0; font-size:11px; }
#divSituacaoImposto .sortable li { padding: 0.4em; font-size: 1.4em; height: 18px; cursor:pointer; }
#divSituacaoImposto .sortable li span { position: absolute;  }

#divSituacaoImposto .add{
	background-color: #333;
	color:#FFF;
	margin-top:4px;
}

#divSituacaoImposto input{
	margin:8px;
	width:65%;
}

/**
 * REGISTRO DE PROJETO
 */
.turmaAluno{
	font-size:11px;
}
.turmaAluno div{
	line-height:40px;
	height:40px;
}
.turmaAluno input{
	margin:2px;
	margin-right:6px;
}

/**
 * REGISTRO DE MONTAGEM
 */
.atencao{
	color:red;
	padding:0px 20px;
	font-size:18px !important;
}
#divMontagem{
	padding:5px 30px;
}

#divMontagem .montagemItem{
	border-bottom:1px solid #CCC;
	font-size:16px !important;
}

#divMontagem .montagemAdd{
	background-color:#FFF;
	padding:10px 10px 6px 10px;
}
#divMontagem .montagemAdd .bt{
	background-color: #999;
	border-radius:6px;
	padding:8px;
	color:#FFF;
	display:table-inline;
	margin-left:4px;
}
#divMontagem .montagemAdd .bt:hover{
	background-color: #333;
}

.divMontagemItem{
	width:150px;
	height:180px;
	display:inline-block;
}

.divMontagemItem .imagem{
	background-color:#FFF;
	border:1px dashed #CCC;
	border-radius:4px;
	height:130px;
	width:130px;
	margin:10px 10px 6px 10px;
}

.divMontagemItem .imagem .content{
	height:120px;
	width:120px;
	background-image: url('/images/icon/mime_png.png');
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#F4F4F4;
	margin:5px;
	cursor:pointer;
}

.divMontagemItem .legenda{
	color:#333;
	text-align:center;
}

/*** LEGENDA DE TABELAS ***/
.legendaTable{
	padding:4px;
	margin:0px 0px 6px 30px;
	background-color:#FFF;
	border:1px dashed #CCC;
	display:table;
	border-radius:4px;
}

.legendaTable div{
	float:left;
	padding:4px;
}

/*** TOTAIS ***/
.rs{
	font-size:14px;
	margin:0 0 10px 30px;
}
.rs .valor{
	color:#007a20;
	font-size:24px;
}

/*** PRINCIPAL ***/
.divPadrao{
	max-width:400px;
	width:100%;
	margin:10px;
	padding:10px;
}

/*** POP ***/
.divPop{
	height:200px;
	width:300px;
	position:absolute;
	background-color:#FFF;
	z-index:3;
	border-radius:10px;
	display:none;
}
.divPop .divOverTable{
	overflow-y:scroll;
	overflow-x:hidden;
	height:150px;
	width:300px;
	background-color:#FFF;
}
.divPop .inputBusca {
    background-image: url('/images/icon/search.png'); /* Add a search icon to input */
    background-position: 10px 12px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    font-size: 14px; /* Increase font-size */
    padding: 10px 10px 6px 30px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
	margin-bottom:0px;
	width:260px;
}

.divPop table {
    border-collapse: collapse; /* Collapse borders */
    border: 1px solid #ddd; /* Add a grey border */
    font-size: 12px; /* Increase font-size */
	width:100%;
}

.divPop table th, .divPop table td {
    text-align: left; /* Left-align text */
    padding: 4px; /* Add padding */
	cursor:pointer;
}

.divPop table tr {
    border-bottom: 1px solid #ddd; 
}

.divPop table tr.header, .divPop table tr:hover {
    background-color: #f1f1f1;
}


/*** AGENDA ***/
#divAgenda{
	border-radius:10px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	font-family: Bebas;
	font-size: 20px;
	font-family:Bebas;
}
#divAgenda #pessoas {
	background-color:#efefef;	
}
#divAgenda #pessoas .item{
	background-color:#0db4bb;
	display:inline-block;
	vertical-align:top;
	height:64px;
	font-size:24px;
	color:#f6ff00;
	line-height:70px;
	border-radius:10px 10px 0px 0px;
	background-image:url('/images/icon/userW.png');
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding:0px 20px 0px 70px; 
	margin-left:-5px;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	
		-webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

#divAgenda #pessoas .off{
	background-color:#5b5b5b !important;
	color:#9d9d9d !important;
	background-image:url('/images/icon/userOff.png') !important;
	cursor:pointer;
}
#divAgenda #pessoas .item:first-child{
	margin-left:0px;
}
#divAgenda #data{
	margin:0 auto;
	width:959px;
}
#divAgenda #data .item{
	display:inline-block;
	padding:8px !important;
	width:110px !important;
	text-align:center;
	vertical-align:top;
}
#divAgenda #data .seta{
	display:inline-block;
	vertical-align:top;
	width:15px;
}

#divAgenda #data .dia{
	color:#9d9d9d;
	clear:both;
}

#divAgenda #data .data{
	font-family: Bebas;
	font-size: 20px;
	color:#921c4e;
	clear:both;
	width:auto !important;
}

#divAgenda #horas{
	width:959px;
}
#divAgenda #horas .item:first-child{
	margin-left:4px;
}
#divAgenda #horas .item{
	width:129px !important;
	display:inline-block;
	vertical-align:top;
	padding-bottom:10px;
}
#divAgenda #horas .hora{
	color:#0db2b9;
	width:129px !important;
	height:35px;
	line-height:35px;
	text-align:center;
	cursor:pointer;
	margin-left:15px;
}

#divAgenda #horas .horaOff{
	color:#CCC;
	width:129px;
	height:35px;
	line-height:35px;
	text-align:center;
	cursor:pointer;
	margin-left:15px;
}

#divAgenda #horas .horaOff:hover{
	color:#E3E3E3;
}
#divAgenda #horas .infoOff{
	color:#CCC;
	width:129px;
	height:35px;
	line-height:14px;
	text-align:center;
	cursor:pointer;
	margin-left:15px;
	font-family:FuturaLT;
	font-size:12px;
}

#divAgenda #horas .infoOff:hover{
	color:#333;

}

#divAgenda #horas .horaOff{
	color:#F4F4F4;
	width:129px;
	height:35px;
	line-height:35px;
	text-align:center;
	cursor:pointer;
	margin-left:15px;
}
#divAgenda #horas .horaErro{
	color:#333;
	width:129px;
	line-height:35px;
	text-align:center;
	cursor:pointer;
	margin-left:15px;
}
#divAgenda #horas .item .hora:nth-child(odd) {
    background: #F4F4F4;
}
#divAgenda #horas .item .hora:hover {
    border:1px solid #CCC;
}

#divAgenda .erro{
	padding:30px;
	text-align:center;
	width:100%;
	display:table;
	clear:both;
}

#descricaoProduto{
	padding:20px 20px;	
	width:100%;
	max-width:1000px;
	margin:0 auto;
	clear:both;
	font-size:18px;
	font-family:FuturaLt;
}

.boxCadastro{
	border: 1px dashed #CCC;
	padding: 10px;
	background-color: #FFF;
	display: table;
}

.boxCadastro .btComum{
	width: 150px;
}