@charset "UTF-8";
@import 'https://fonts.googleapis.com/css?family=Roboto:400,400i,700,900';
::-webkit-input-placeholder {
  color: #000; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #000; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #000; }

:-ms-input-placeholder {
  color: #000; }

body {
  opacity: 0; }

body.active {
  opacity: 1; }

header {
  width: 100%;
  display: block;
  float: left;
  height: 90px;
  background: #e6e7e8; }

.logotipo {
  width: 268px;
  float: left; }

.logotipo__imagem {
  padding: 25px; }
  .logotipo__imagem--login {
    padding-left: 0; }

.header__titulo {
  margin-left: 12px;
  float: left; }
  .header__titulo--login {
    float: right; }

.header__texto {
  margin: 34px 0 0 0;
  font-family: 'roboto';
  font-weight: 700;
  font-size: 24px;
  color: #000; }

#filtrar-ano {
  float: left;
  width: 155px;
  margin: 4px 10px 0 0; }

.sidebar {
  float: left;
  background: #f7c200;
  float: left;
  height: 100vh;
  position: absolute;
  top: 90px;
  left: 0;
  z-index: 9; }
  .sidebar--enable {
    width: 268px; }
  .sidebar--disable {
    width: 90px; }
    .sidebar--disable .sidebar__user-dados {
      display: none !important; }
  .sidebar--fixed {
    position: fixed;
    top: 0; }

.sidebar__close {
  float: right;
  width: 100%;
  display: block;
  float: left;
  z-index: 99999; }
  .sidebar__close:hover {
    cursor: pointer; }

.sidebar__close-imagem {
  float: right;
  padding: 18px 12px 18px 12px; }

.sidebar__user {
  width: 100%;
  display: block;
  float: left; }
  .sidebar__user-image {
    margin: 0 auto;
    float: none;
    display: block;
    display: block;
    border-radius: 100px; }

.sidebar__config {
  width: 100%;
  display: block;
  float: left; }
  .sidebar__config-itens {
    padding: 10px 0 0 0;
    margin: 0 auto;
    float: none;
    display: block;
    display: block;
    display: table; }
  .sidebar__config-item {
    float: left;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .sidebar__config-item:last-child {
      margin-left: 15px; }
    .sidebar__config-item:hover {
      opacity: 0.4; }

.sidebar__itens {
  margin-top: 36px;
  padding: 0;
  width: 100%;
  display: block;
  float: left; }

.sidebar__item {
  border-top: 1px solid #fff;
  width: 100%;
  display: block;
  float: left;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .sidebar__item:last-child {
    border-bottom: 1px solid #fff; }
  .sidebar__item:hover {
    background: #deae00; }
  .sidebar__item--active {
    background: #deae00; }
  .sidebar__item-link {
    font-family: 'roboto';
    font-weight: 400;
    font-size: 13px;
    color: #000;
    padding: 18px 25px;
    width: 100%;
    display: block;
    float: left; }
    .sidebar__item-link:hover {
      text-decoration: none;
      color: #000; }
    .sidebar__item-link:focus {
      text-decoration: none;
      color: #000; }
    .sidebar__item-link--disable img {
      margin: 0 auto;
      float: none;
      display: block;
      display: block; }
    .sidebar__item-link--disable span {
      display: none; }
  .sidebar__item-texto {
    padding: 0 0 0 10px;
    float: left; }
  .sidebar__item-imagem {
    float: left; }

.sidebar__user-dados {
  width: 100%;
  display: block;
  float: left; }

.sidebar__user-nome {
  font-family: 'roboto';
  font-size: 14px;
  font-weight: 700;
  color: #000;
  margin: 18px 0 0 0; }

.sidebar__user-funcao {
  font-family: 'roboto';
  font-size: 10px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  margin: 0; }

footer {
  width: 100%;
  display: block;
  float: left;
  background: #e6e7e8;
  height: 54px;
  padding: 0 15px; }

.direitos {
  font-family: 'roboto';
  font-size: 14px;
  font-weight: 400;
  color: #000;
  padding-top: 18px;
  float: left; }

.visualcom {
  padding-top: 16px;
  float: right; }

.content {
  padding-left: 298px !important; }
  .content--disable {
    padding-left: 120px !important; }

footer {
  padding-left: 298px !important;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

.footer--login {
  padding-left: 0 !important; }

.footer--disable {
  padding-left: 120px !important; }

.visualcom--footer img {
  float: right; }

.formulario--login {
  padding-top: 90px; }

.form__esqueci {
  border-top: 1px solid #e6e7e8;
  padding-top: 18px;
  padding-bottom: 36px; }

.form__esqueci a {
  font-family: 'roboto';
  font-weight: 700;
  font-size: 14px;
  color: #cc3333;
  text-transform: uppercase; }

.titulo__conteudo--login {
  width: 100% !important;
  text-align: center; }
  .titulo__conteudo--login .titulo__texto {
    float: none; }

.content--login {
  min-height: 100vh;
  min-height: -webkit-calc(100vh - 54px);
  min-height: -moz-calc(100vh - 54px);
  min-height: calc(100vh - 54px); }

/**
 *
 * Max-width: 1199px;
 *
 **/
@media (max-width: 1199px) {
  .content {
    padding-left: 230px !important; }
  .sidebar--enable {
    width: 200px; }
  footer {
    padding-left: 230px !important; } }

/**
 *
 * Max-width: 850px;
 *
 **/
@media (max-width: 850px) {
  .sidebar__close {
    display: none; }
  .sidebar__user {
    margin-top: 18px; }
  footer {
    height: auto; }
  .direitos {
    width: 100%;
    text-align: center; }
  .visualcom {
    float: left;
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 10px; }
  .visualcom img {
    margin: 0 auto;
    float: none;
    display: block;
    display: block; } }

/**
 *
 * Max-width: 650px;
 *
 **/
@media (max-width: 670px) {
  header {
    height: auto; }
  .logotipo {
    width: 100%;
    display: block;
    float: left; }
  .logotipo__imagem {
    width: 200px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-top: 10px; }
  .header__titulo {
    margin-left: 0;
    padding-left: 12px;
    width: 100%;
    display: block;
    float: left; }
  .header__texto {
    font-size: 16px;
    margin: 18px 0; }
  .header__titulo--login {
    text-align: left; }
  .sidebar {
    overflow: scroll; } }

/**
 *
 * Max-width: 500px;
 *
 **/
@media (max-width: 500px) {
  .direitos {
    font-size: 10px; }
  #filtrar-ano {
    margin-bottom: 36px; } }

.content {
  width: 100%;
  display: block;
  float: left;
  display: block;
  padding: 36px 30px;
  float: left;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  min-height: 100vh;
  min-height: -webkit-calc(100vh - 54px);
  min-height: -moz-calc(100vh - 54px);
  min-height: calc(100vh - 54px); }

.content__menu {
  width: 100%;
  display: block;
  float: left;
  margin-bottom: 36px; }

.collapse__content {
  margin-top: 18px; }

.content__menu .btn {
  background: #e6e7e8; }

.content__menu .btn-success {
  background: #339966 !important; }

.content--disable {
  padding-left: 120px !important; }

.bloco__topo {
  width: 100%;
  display: block;
  float: left; }

.bloco__topo-feira {
  margin: 0 0 36px 0; }
  .bloco__topo-feira .conteudo__botao--ferramenta {
    padding: 4px 12px; }

.titulo {
  width: 100%;
  display: block;
  float: left;
  width: 50%;
  margin-bottom: 36px; }

.titulo__conteudo {
  width: 58%; }
  .titulo__conteudo--clientes {
    width: 70%; }
  .titulo__conteudo--edicao {
    width: 100%; }

.titulo__imagem {
  float: left;
  display: block; }

.titulo__texto {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 30px;
  color: #000;
  margin: 3px 0 0 20px;
  float: left; }

.subtitulo__texto {
  font-family: 'roboto';
  font-weight: 400;
  font-size: 16px;
  color: #000;
  margin: 18px 0 0 0;
  float: left;
  width: 100%;
  display: block; }

.conteudo {
  width: 100%;
  display: block;
  float: left; }

.conteudo__opcoes {
  width: 100%;
  display: block;
  float: left;
  background: #e6e7e8;
  border-radius: 3px;
  min-height: 72px;
  margin-bottom: 18px; }
  .conteudo__opcoes-imagem {
    float: left;
    padding: 18px 30px; }
    .conteudo__opcoes-imagem--amostra {
      padding: 18px 22px; }
  .conteudo__opcoes-descricao {
    float: left;
    margin-top: 20px; }
  .conteudo__opcoes-titulo {
    margin: 0;
    font-family: 'roboto';
    font-weight: 700;
    font-size: 18px;
    color: #000; }
  .conteudo__opcoes-subtitulo {
    margin: 0;
    font-family: 'roboto';
    font-weight: 400;
    font-size: 14px;
    font-style: italic;
    color: #000; }

.conteudo__botoes {
  float: right;
  width: 208px;
  display: block;
  margin: 26px 20px 0 0; }

.conteudo__botao {
  padding: 12px;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  background: #339966;
  border: 1px solid #339966;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .conteudo__botao:hover {
    text-decoration: none;
    color: #339966;
    background: none; }
  .conteudo__botao--ferramenta {
    padding: 7px 12px; }
  .conteudo__botao--grande {
    padding: 12px;
    font-size: 18px;
    margin: 0 auto;
    float: none;
    display: block;
    display: block;
    float: none !important; }
  .conteudo__botao--pequeno {
    width: 132x;
    padding: 5px;
    font-size: 14px; }
  .conteudo__botao--log {
    background: #e6e7e8;
    text-align: right;
    border-color: #e6e7e8;
    color: #666666;
    float: right; }
    .conteudo__botao--log:hover {
      color: #666666;
      background: #e6e7e8; }
  .conteudo__botao--voltar {
    padding: 10px;
    font-size: 18px;
    float: right;
    margin-bottom: 36px; }
  .conteudo__botao--deletar {
    background: #cc3333;
    border-color: #cc3333; }
    .conteudo__botao--deletar:hover {
      color: #cc3333; }

/**
 *
 * Max-width: 1199px;
 *
 **/
@media (max-width: 1199px) {
  .titulo__conteudo {
    width: 100%; }
  .ferramentas {
    width: 100% !important; } }

/**
 *
 * Max-width: 850px;
 *
 **/
@media (max-width: 850px) {
  .conteudo__opcoes {
    height: auto; }
  .conteudo__botoes {
    float: left;
    width: 100%;
    margin: 8px 0 26px 20px; }
  .titulo {
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 18px; }
  .titulo__imagem {
    display: none; }
  .titulo__texto {
    width: 100%;
    display: block;
    float: left;
    margin-left: 0; }
  .pesquisa {
    margin-left: 0px !important;
    margin-top: 10px; }
  .ferramentas {
    margin-bottom: 10px; } }

/**
 *
 * Max-width: 650px;
 *
 **/
@media (max-width: 650px) {
  .titulo__texto {
    font-size: 24px; }
  .conteudo__botao {
    float: none !important; }
    .conteudo__botao--inicial {
      float: left !important;
      width: 140px;
      text-align: center;
      margin-right: 10px; }
  .conteudo__botao--grande {
    font-size: 14px; }
  .conteudo__opcoes-imagem {
    display: none; }
  .conteudo__opcoes-descricao {
    margin: 0;
    padding: 22px 20px 15px 20px; } }

/**
 *
 * Max-width: 450px;
 *
 **/
@media (max-width: 450px) {
  .titulo__texto {
    font-size: 18px; } }

.ferramentas {
  width: 100%;
  display: block;
  float: left;
  float: right;
  width: auto; }

.ferramentas__filtrar {
  float: left;
  border-left: 1px solid #e6e7e8;
  padding-left: 20px;
  margin-left: 20px; }

.ferramentas__input {
  width: 170px;
  height: 36px;
  border: solid 1px #e6e7e8;
  color: #666666;
  padding: 0 10px;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  font-style: oblique;
  float: left;
  margin-right: 10px;
  border-left: 1px solid #e6e7e8;
  float: left; }
  .ferramentas__input-length {
    float: right;
    box-shadow: none;
    margin-left: 15px;
    color: #666666;
    padding: 0 10px;
    font-family: 'roboto';
    font-weight: 400;
    font-size: 14px;
    font-style: oblique; }

.conteudo__botao--ferramenta {
  float: left; }

.pesquisa {
  float: right;
  display: block;
  border: solid 1px #e6e7e8;
  border-radius: 3px;
  margin-left: 30px;
  border: solid 1px #e6e7e8;
  border-radius: 3px; }

.pesquisa__botao {
  background: none;
  border: none;
  float: left;
  padding-top: 6px; }

.pesquisa__input {
  width: 240px;
  height: 36px;
  color: #666666;
  padding: 0 10px;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  font-style: oblique;
  float: left;
  border: none;
  text-align: center; }

div.dataTables_wrapper div.dataTables_filter label {
  width: 300px;
  float: right; }

div.dataTables_wrapper div.dataTables_filter input {
  width: 300px;
  float: right;
  background: url("../img/default/pesquisa.png") left 8px no-repeat; }

.planilha {
  width: 100%;
  display: block;
  float: left; }

.planilha__header {
  background: #e6e7e8;
  border-radius: 3px; }

.planilha__footer {
  display: none; }

.planilha__header tr {
  height: 54px; }

.planilha__header th {
  font-size: 11px;
  line-height: 12px !important;
  font-family: 'roboto';
  font-weight: 900;
  color: #000;
  text-transform: uppercase;
  vertical-align: middle !important;
  border: 0 !important; }
  .planilha__header th:first-child {
    min-width: auto; }

.planilha__body tr {
  height: 54px;
  border-bottom: 1px solid #e6e7e8; }
  .planilha__body tr:hover {
    text-decoration: underline;
    background: #eee; }

.planilha__body td {
  font-size: 12px;
  font-family: 'roboto';
  font-weight: 400;
  color: #000;
  padding: 0 8px !important;
  text-transform: uppercase;
  vertical-align: middle !important; }
  .planilha__body td:first-child {
    min-width: auto; }

.planilha__body td a {
  font-size: 12px;
  font-family: 'roboto';
  font-weight: 400;
  color: #000;
  padding: 12px 0 !important;
  text-transform: uppercase;
  vertical-align: middle !important; }
  .planilha__body td a:hover {
    text-decoration: none !important; }

.planilha__body td img {
  margin: 0 auto;
  float: none;
  display: block;
  display: block; }

.planilha__selecionar {
  margin-top: 3px; }

.planilha__body tr[visible='false'],
.no-result {
  display: none; }

.planilha__body tr[visible='true'] {
  display: table-row; }

.table-responsive {
  border: none !important; }

.table.dataTable {
  width: 100% !important; }

.planilha__check {
  max-width: 30px !important; }

div.dataTables_length label {
  font-size: 14px;
  font-family: 'roboto';
  font-weight: 400;
  color: #000;
  line-height: 30px; }

div.dataTables_wrapper,
div.dataTables_length label {
  white-space: normal !important; }

div.dataTables_wrapper div.dataTables_info {
  display: none; }

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  bottom: 23px; }

table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-right: 0; }

table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc {
  background: #ccc; }

table.dataTable thead > tr > th.sorting_asc.planilha__check,
table.dataTable thead > tr > th.sorting_asc.planilha__primeiro,
table.dataTable thead > tr > th.sorting_desc.planilha__primeiro,
table.dataTable thead > tr > th.sorting_desc.planilha__check {
  background: none; }

table.dataTable thead .sorting:after {
  content: "";
  background: url("../img/default/ordenar.png") center 0 no-repeat;
  width: 8px;
  height: 10px;
  opacity: 1; }

table.dataTable thead .sorting_asc:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #666666; }

table.dataTable thead .sorting_desc:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  bottom: 30px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #666666; }

.planilha__primeiro {
  width: 0px !important;
  max-width: 0px !important;
  padding: 0 !important;
  margin: 0 !important; }

.planilha__primeiro:after,
.planilha__check:after {
  display: none !important;
  content: "" !important; }

.pagination {
  float: left;
  margin-top: 36px !important; }

.pagination li:last-child,
.pagination li:first-child {
  display: none !important; }

.pagination li a {
  font-family: "roboto";
  font-weight: 400;
  font-size: 14px;
  color: #000;
  border: 1px solid #e6e7e8; }

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background: #e6e7e8;
  border: 1px solid #e6e7e8;
  color: #000; }

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  right: none;
  left: -2px; }

/**
 *
 * Manipulação de tabela
 *
 **/
.tr--created {
  background: #DFF0D8; }

.tr--warning {
  background: #FCF8E3; }

.td__numero-pedido {
  max-width: 100px;
  word-wrap: break-word; }

.td--sim {
  color: #339966 !important; }

.td--nao {
  color: #cc3333 !important; }

.table__total-acumulado {
  margin-top: 36px; }

/**
 *
 * Max-width: 1199px;
 *
 **/
@media (max-width: 1199px) {
  .pesquisa__input {
    width: 200px; }
  .planilha__header th {
    font-size: 10px; }
  table.dataTable thead .sorting:after,
  table.dataTable thead .sorting_asc:after,
  table.dataTable thead .sorting_desc:after,
  table.dataTable thead .sorting_asc_disabled:after,
  table.dataTable thead .sorting_desc_disabled:after {
    display: none; }
  div.dataTables_length {
    margin-top: 18px; } }

/**
 *
 * Max-width: 850px;
 *
 **/
@media (max-width: 850px) {
  .pesquisa__input {
    width: 170px; } }

/**
 *
 * Max-width: 600px;
 *
 **/
@media (max-width: 650px) {
  .pesquisa__input {
    width: 170px; }
  .ferramentas__filtrar {
    float: left;
    width: 100%;
    display: block;
    float: left;
    padding-left: 0;
    margin-left: 0;
    border: none;
    margin-top: 18px;
    border-top: 1px solid #e6e7e8;
    padding-top: 18px; }
  .ferramentas__input {
    width: 100%;
    display: block;
    float: left; }
  .conteudo__botao {
    float: left;
    margin-top: 18px; }
  .pesquisa {
    width: 100%;
    display: block;
    float: left; }
  .pesquisa__input {
    width: 100%;
    display: block;
    float: left; }
  .pesquisa__botao {
    display: none; } }

@media (max-width: 450px) {
  .ferramentas__input-length {
    width: 100% !important; } }

.formulario {
  width: 100%;
  display: block;
  float: left; }

.form {
  width: 558px;
  float: left;
  display: block; }

.form__bloco {
  width: 100%;
  display: block;
  float: left; }

.form__nome {
  width: 100%;
  display: block;
  float: left;
  font-family: 'roboto';
  font-weight: 700;
  font-size: 14px;
  color: #000;
  text-transform: uppercase; }

.form__input {
  width: 100%;
  display: block;
  float: left;
  height: 36px;
  color: #666666;
  padding: 0 10px;
  font-family: 'roboto';
  font-weight: 400;
  font-size: 14px;
  font-style: oblique;
  border: solid 1px #e6e7e8;
  border-radius: 3px;
  margin-bottom: 18px; }
  .form__input--textarea {
    padding: 10px;
    height: 126px; }

.form__botao {
  width: 100%;
  display: block;
  float: left;
  margin: 36px 0 36px 0; }
  .form__botao--editar {
    width: 205px;
    margin: 0 auto;
    float: none;
    display: block;
    display: block; }
    .form__botao--editar button {
      float: left !important;
      margin-right: 13px; }
    .form__botao--editar a {
      float: left !important; }
      .form__botao--editar a:focus {
        text-decoration: none; }

.valid {
  border: solid 1px #339966; }

label.error {
  padding-left: 0; }

.historico-presenca {
  float: left;
  width: 100%;
  display: block;
  margin-top: 36px; }
  .historico-presenca a {
    margin-right: 20px; }

/**
 *
 * Max-width: 767px;
 *
 **/
@media (max-width: 767px) {
  .form {
    width: 100%; } }

/**
 *
 * Max-width: 500px;
 *
 **/
@media (max-width: 500px) {
  .form__nome {
    font-size: 12px; }
  .form__botao {
    margin-top: 0; }
  .form__botao--editar {
    width: 175px; } }