form input[type=text], form input[type=password], form select {
  font-size: 18px;
  background-color: #f2f2f2;
  border-radius: 10px;
  border-top: none;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  padding: 5px 10px;
}
form input[type=text]:focus, form input[type=password]:focus {
  background-color: #ccffff;
}
form input[type=submit] {
  background-color: #3366ff;
  font-size: 18px;
  font-weight: bold;
  border: none;
  border-radius: 40px;
  padding: 8px 20px;
  color: #FFF;
  width: 140px;
  text-align: center;
}
form input[type=submit]:hover {
  opacity: 0.9;
}
form input[type=submit]:focus {
  background-color: #3366ff;
  color: #000;
}
form fieldset {
  border: none;
}
form fieldset legend {
  font-size: 32px;
  font-weight: bold;
}
form dt {

}
form dt label {
  font-style: italic;
}
form dd {
  margin-bottom: 10px;
}

#fieldset-fsubmit, #submit-element {
  clear: both;
  text-align: right;
}


form#usuarios #fieldset-dados {
  width: 50%;
  float: left;
  margin-right: 20px;
}
form#usuarios #nome {
  width: 400px;
}
form#usuarios #email {
  width: 300px;
}
form#usuarios #local {
  width: 400px;
}

form#usuarios #fieldset-permissoes {
  width: 20%;
  float: left;
  margin-right: 20px;
}
form#usuarios #fieldset-atribuicoes {
  width: 160px;
}

form#cliches #cor {
  display: none;
}
form#cliches #cliche {
  width: 100px;
}
form#cliches #fonte {
  width: 100px;
}

form#marcas #cor {
  display: none;
}
form#marcas #cliche {
  width: 100px;
}
form#marcas #fonte {
  width: 100px;
}

form#relatorios #ini,form#relatorios #fim{
  width: 100px;
}
form#relatorios #fieldset-relatoriof,
form#relatorios #fieldset-tipof,
form#relatorios #fieldset-faturadof,
form#relatorios #fieldset-situacaof{
  float: left;
  width: 25%;
}
form#relatorios #fieldset-periodof {
  clear: both;
}

form#relatorios #fieldset-periodof dt, form#relatorios #fieldset-periodof dd {
  float: left;
}
form#relatorios #fieldset-periodof dt {
  padding: 6px 6px 6px 0;
}
form#relatorios #fieldset-periodof dd {
  margin-right: 20px;
}
form#relatorios #fieldset-trabalhof,
form#relatorios #fieldset-trabalho1f,
form#relatorios #fieldset-usuariosf{
  float: left;
  margin-right: 20px;
}
form#relatorios #fieldset-trabalhof {
  width: 150px;
}
form#relatorios #fieldset-trabalho1f {
  width: 40%;
}
form#relatorios #fieldset-usuariosf {
  width: 40%;
}
form#relatorios #id_cliche,
form#relatorios #id_marca,
form#relatorios #id_usuario {
  height: 300px;
  width: 100%;
}
form#relatorios #id_marca,
form#relatorios #id_usuario {

}
form#relatorios #fieldset-submitf {
  clear: both;
}

form#clientes #fieldset-dados,
form#clientes #fieldset-contato {
  float: left;
  width: 50%;
  margin-right: 20px;
}
form#clientes #fieldset-enderecof {
  float: right;
  width: 40%;
  margin-right: 20px;
}
form#clientes #nome,
form#clientes #razao_social,
form#clientes #endereco,
form#clientes #complemento,
form#clientes #bairro,
form#clientes #cidade,
form#clientes #email {
  width: 100%;
}
#cboxWrapper form#clientes #fieldset-dados {
  width: 90%;
  float: none;
}
#cboxWrapper form#clientes #nome,
#cboxWrapper form#clientes #razao_social,
#cboxWrapper form#clientes #email {
  width: 100%;
}
form#clientes #responsavel {
  width: 50%;
}
form#clientes #cep {
  width: 100px;
}
form#clientes #numero {
  width: 50px;
}
form#clientes #fieldset-valorf {
  clear: both;
}
form#clientes #telefone, form#clientes #celular {
  width: 150px;
}
form#clientes #valor {
  width: 60px;
}

form#orcamentos #add_cliente {
  float:right;
  margin-top: 12px;
}
form#orcamentos #cliente {
  width: 400px;
}
form#orcamentos #fieldset-obsf {
  width: 30%;
  max-width: 30%;
  margin-top: 50px;
  float: right;
}
form#orcamentos #fieldset-trabalho {
  width: 65%;
  float: left;
}
form#orcamentos #descricao {
  width: 100%;
}
form#orcamentos #fieldset-entradaf legend,
form#orcamentos #fieldset-saidaf legend,
form#orcamentos #fieldset-clichef legend,
form#orcamentos #fieldset-marcaf legend{
  display: none;
}
form#orcamentos #fieldset-entradaf,
form#orcamentos #fieldset-saidaf,
form#orcamentos #fieldset-clichef {
  float: left;
  width: 20%;
}
form#orcamentos #fieldset-entradaf{
  margin-right: 21px;
  height: 120px;
}
form#orcamentos #fieldset-saidaf {
  margin-right: 50px;
  height: 120px;
}
form#orcamentos #entrada, form#orcamentos #saida{
  width: 100%;
}
form#orcamentos #id_cliche {
  height: 37px;
  width: 100%;
}
form#orcamentos #id_marca {
  height: 37px;
  width: 100%;
}
form#orcamentos #obs {
  height: 10px;
}
form#orcamentos #fieldset-obsf .jodit_container,
form#orcamentos #fieldset-obsf .jodit_workplace{
  height: 80px !important;
  min-height: 80px !important;
}
form#orcamentos #fieldset-corf {
  float: none;
  clear: both;
}
form#orcamentos #fieldset-corf legend {
  float: left;
}
#a-addcor,
#a-delcor {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: #000;
  border-radius: 40px;
  color: #FFF;
  text-decoration: none;

  text-align: center;
  line-height: 40px;
}
#a-addcor {
  margin: 5px 0 0 10px;
  background: #71c837;
}
#a-delcor {
  background: #d40000ff;
}
#a-addcor:hover, #a-delcor:hover {
  opacity: 0.9;
}
.cor-nro {
  font-size: 24px;
}
#cores table, #cores table tr th {
  border-bottom: 1px solid;
}
#cores table td {
  padding: 5px 0;
}
#cores table tr:hover td{
  background-color: #ccffff;
}
#cores input{
  width: 80%;
}
#cores input:focus{
  background-color: #ffeeaa;
}
#cores input[name="cor[]"]{
  width: 90%;
}
#cores input[name="jogos[]"]{
  width: 60%;
  text-align: center;
}
#cores input[name="largura[]"], #cores input[name="cm[]"]{
  width: 60%;
  text-align: right;
}
form#orcamentos #fieldset-situacaof {
  float: left;
  width: 15%;
}
form#orcamentos #fieldset-valor_arte_finalf {
  float: left;
  width: 25%;
}
form#orcamentos #fieldset-descontof {
  float: left;
  margin: 48px 40px 0 0;
  width: 35%;
}
form#orcamentos #tipo_desconto-element {
  float: left;
}
form#orcamentos #tipo_desconto-element br{
  display: none;
}
form#orcamentos #tipo_desconto-element label {
  margin-right: 10px;
}
form#orcamentos #fieldset-acrescimof {
  margin-top: 56px;
  width: 20%;
}
#desconto,#acrescimo{
  width: 100px;
  text-align: right;
}
#valor_arte_final{
  text-align: right;
}
form#orcamentos #fieldset-valor_por_cmf {
  clear: both;
}
form#orcamentos #fieldset-valor_por_cmf,
form#orcamentos #fieldset-total_cmf,
form#orcamentos #fieldset-sub_totalf,
form#orcamentos #fieldset-valor_totalf {
  float: left;
  width: 25%;
}
form#orcamentos #fieldset-total_cmf,
form#orcamentos #fieldset-sub_totalf,
form#orcamentos #fieldset-valor_totalf {
  margin-top: 48px;
}
form#orcamentos #fieldset-valor_por_cmf input,
form#orcamentos #fieldset-total_cmf input,
form#orcamentos #fieldset-sub_totalf input,
form#orcamentos #fieldset-valor_totalf  input{
  width: 80%;
  text-align: right;
}






form#ordens #faturadof-element {
  float: left;
  margin-right: 20px;
}
form#ordens #fieldset-obs_faturadof {
  margin-top: 55px;
}
#obs_faturado {
  width: 200px;
}
form#ordens #add_cliente {
  float:right;
  margin-top: 12px;
}
form#ordens #fieldset-clientef {
  clear: both;
}
form#ordens #id_cliente {
  width: 400px;
}
form#ordens #fieldset-obsf {
  width: 30%;
  max-width: 30%;
  margin-top: 50px;
  float: right;
}
form#ordens #fieldset-trabalho {
  width: 65%;
  float: left;
}
form#ordens #descricao {
  width: 100%;
}
form#ordens #fieldset-os_clientef {
  float: left;
  margin-right: 20px;
}
#os_cliente {
  width: 200px;
}
form#ordens #fieldset-entradaf legend,
form#ordens #fieldset-saidaf legend,
form#ordens #fieldset-clichef legend,
form#ordens #fieldset-marcaf legend{
  display: none;
}
form#ordens #fieldset-entradaf,
form#ordens #fieldset-saidaf,
form#ordens #fieldset-clichef {
  float: left;
  width: 20%;
}
form#ordens #fieldset-entradaf{
  margin-right: 21px;
}
form#ordens #fieldset-saidaf {
  margin-right: 50px;
}
form#ordens #entrada, form#ordens #saida{
  width: 100%;
}
form#ordens #id_cliche {
  height: 37px;
  width: 100%;
}
form#ordens #id_marca {
  height: 37px;
  width: 100%;
}
form#ordens #obs {
  height: 10px;
}
form#ordens #fieldset-obsf .jodit_container,
form#ordens #fieldset-obsf .jodit_workplace{
  height: 163px !important;
  min-height: 163px !important;
}
form#ordens #fieldset-corf {
  float: none;
}
form#ordens #fieldset-corf legend {
  float: left;
}
form#ordens #fieldset-situacaof {
  float: left;
  width: 15%;
}
form#ordens #fieldset-valor_arte_finalf {
  float: left;
  width: 25%;
}
form#ordens #fieldset-descontof {
  float: left;
  margin: 48px 40px 0 0;
  width: 35%;
}
form#ordens #tipo_desconto-element {
  float: left;
}
form#ordens #tipo_desconto-element br{
  display: none;
}
form#ordens #tipo_desconto-element label {
  margin-right: 10px;
}
form#ordens #fieldset-acrescimof {
  margin-top: 56px;
  width: 20%;
}
form#ordens #fieldset-valor_por_cmf {
  clear: both;
}
form#ordens #fieldset-valor_por_cmf,
form#ordens #fieldset-total_cmf,
form#ordens #fieldset-sub_totalf,
form#ordens #fieldset-valor_totalf {
  float: left;
  width: 25%;
}
form#ordens #fieldset-total_cmf,
form#ordens #fieldset-sub_totalf,
form#ordens #fieldset-valor_totalf {
  margin-top: 48px;
}
form#ordens #fieldset-valor_por_cmf input,
form#ordens #fieldset-total_cmf input,
form#ordens #fieldset-sub_totalf input,
form#ordens #fieldset-valor_totalf  input{
  width: 80%;
  text-align: right;
}

#fieldset-anexof {
  clear: both;
}
.form-anexo {
  background-color: #71c837;
  padding: 5px 20px 5px 5px;
  margin: 0 5px 5px 0;
  border-radius: 30px;
  display: inline-block;
}
.download-anexo {
  color: #FFF;
  text-decoration: none;
}
.delete-anexo {
 width: 25px;
 height: 25px;
 display: block;
 float: left;
 background: #d40000ff;
 border-radius: 40px;
 color: #FFF;
 text-decoration: none;
 text-align: center;
 line-height: 20px;
 font-size: 14px;
 font-weight: bold;
 margin-right: 10px;
}

#fieldset-usuarioauthf {
  background-color:  #ffeeaa;
  border: 1px solid red;
  border-radius: 10px;
  padding: 10px 20px 20px;
  overflow: auto;
}
#fieldset-usuarioauthf legend {
  color: red;
}
#fieldset-usuarioauthf label,
#fieldset-usuarioauthf #usuario_auth-element,
#fieldset-usuarioauthf #senha_auth-element {
  float: left;
}
#fieldset-usuarioauthf #usuario_auth,
#fieldset-usuarioauthf #senha_auth {
  width: 280px;
  margin-right: 40px;
}
#fieldset-usuarioauthf label[for=usuario_auth],
#fieldset-usuarioauthf label[for=senha_auth] {
  margin: 5px 10px 0 0;
}
#fieldset-usuarioauthf ul.errors {
  max-width:300px;
}

#dados-label, #id-label, #permissoes-label, #submit-label, #atribuicoes-label, #relatoriof-label,
#relatorio-label, #tipof-label, #tipo-label, #faturadof-label, #faturado-label, #situacaof-label,
#periodof-label, #clientef-label, #trabalhof-label, #usuariof-label, #submitf-label,
#situacao_n-label, #situacao_e-label, #situacao_c-label, #tipo_n-label, #tipo_a-label, #tipo_r-label,
#faturado_s-label, #faturado_n-label, #trabalhof-label, #trabalho1f-label, #usuariof-label,
form#relatorios #id_cliche-label, form#relatorios #id_marca-label, #id_usuario-label,
#enderecof-label, #valorf-label, #add_cliente-label,#trabalho-label, #obsf-label,
#saidaf-label, #entradaf-label,#clichef-label, #marcaf-label, form#orcamentos #usuario-element,
form#orcamentos #usuario-label, #corf-label, #outros-label, #total-label,
#valor_arte_finalf-label, #descontof-label, #desconto-label, #acrescimof-label,
#valor_por_cmf-label, #total_cmf-label,#sub_totalf-label,#valor_totalf-label,
#obs_faturadof-label, #anexof-label, #anexo-label, #delete_anexo-label,
#id_cliente-label, form#orcamentos #id_cliente-element, form#ordens #id_cliente-element, #usuarioauthf-label {
  display: none;
}
table.form-busca {
  border: 1px solid;
  border-radius: 10px;
  background-color: #ffeeaa;
}
table.form-busca tr td {
  padding: 0 10px 5px 10px;
}
table.form-busca tr.textos_buscas td {
  padding: 5px 10px 0 10px;
}
table.form-busca td input {
  width: 100%;
  display: block;
}
#form-busca #data {
  width: 100px;
}
#form-busca #id_cliente  {
  width: 200px;
}
#form-busca #id_cliente.clientes {
  width: 50px;
}
#form-busca #trabalho {
  width: 90%;
}
#form-busca #nome {
  width: 95%;
}
#form-busca #id,
#form-busca #codigo,
#form-busca #os_cliente {
  width: 30px;
}

form#ordens .trumbowyg-box,
form#ordens .trumbowyg-editor,
form#ordens .trumbowyg-editor {
	min-height: 150px !important;
  margin: 0;

}
.trumbowyg-editor {
  padding: 5px;
}
form#orcamentos .trumbowyg-box,
form#orcamentos .trumbowyg-editor,
form#orcamentos .trumbowyg-editor {
	min-height: 70px !important;
  margin: 0;
}