@charset "UTF-8";

body {color: #777; background: #111111; font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif; font-size: 13px; font-weight: 400; line-height: 1.471; }

img {max-width: 100%; max-height: 100%; }

#divclean { display: none; }

pre {position: fixed; top: 20px; left: 20px; z-index: 99999; width: 960px; height: auto; white-space: pre-wrap; word-wrap: break-word; padding: 20px; overflow: scroll; border: 1px solid #CCC; }

/* FOOTER */
footer {background: #FFF; border-top: 1px solid #E6E9ED; }

/* LOGIN */
body.login {background: #E4E3E3; }
.logo-login {width: 200px; }
.login_content {background: #FFFFFF; padding: 20px; border-radius: 2px; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); }
.login_content form input[type="text"]:focus, .login_content form input[type="email"]:focus, .login_content form input[type="password"]:focus {border: 1px solid #ccc; outline: none; }
#alert-rec-1, #alert-rec-2, #alert-rec-3, #btn-rec-ok { display: none; }

/* TÍTULO PRINCIPAL */
.page-title .title_left {margin-top: 50px; width: 100%; color: #666; text-transform: none; }

/* TÍTULO PRINCIPAL DA BARRA LATERAL */
.nav_title {height: auto; }

.sidebar-footer > a { border-radius: 10px 10px 0px 0px; }

/* ÍCONE PRINCIPAL DA BARRA LATERAL */
.site_title i {border: none; }

/* PAINEL DE CONTEÚDO */
.x_panel {padding: 10px 0px; }

/* BARRA TOPO */
.nav_menu {background: #FFF; border: none; box-shadow: 0 2px 5px rgba(0,0,0,.26); }
.nav.navbar-nav > li > a:hover,
.nav.navbar-nav > li > a:active,
.nav.navbar-nav > li > a:focus {background: #FFF !important; }

/* BOTÕES */
.btn { border-radius: 4px; font-weight: normal; }
.btn > i.fa { margin-right: 5px; }
#bt1, #bt2 { text-transform: uppercase; }

/* EZDZ DROPZONE */
.ezdz-dropzone{width: 400px; height: 250px; line-height:250px; }

/* DROPDOWN */
.dropdown-menu > li > a {font-size: 14px; color: #777; }
.dropdown-menu > li:first-child > a {margin-top: 10px; }
.dropdown-menu > li:last-child > a {margin-bottom: 15px; }
.dropdown-menu > li > a.active { color: #FFF; background: #333; }
.dropdown-menu > li > a > i.fa { margin-right: 5px; }

/* BARRA SUPERIOR CONTEÚDOS */
#barra_header .btn { text-transform: uppercase; }
.header_row {float: left; width: 100%; margin-bottom: 20px; }
.header_row .btn { margin-top: 0px; margin-bottom: 0px; }
.header_row_left { float: left; }
.header_row_right { float: right; }
.header_row_item {display: inline-block; width: auto; vertical-align: bottom; }
.header_row_left .header_row_item { margin-right: 20px; }
.header_row_right .header_row_item { margin-left: 20px; }
.btn-header {text-align: center; margin: 0px !important; }

/* FILTROS */
#filtros { margin-bottom: 0px; }
.filtros-btn-container { margin: 0 auto; margin-top: -55px; width: 150px; text-align: center; }
.filtros-btn-container > .btn > .fa-filter {font-size: 12px; }
.filtros-btn-container > .btn > .fa-chevron-down {font-size: 12px; margin-right: 0px; margin-left: 5px; }
.filtros-container { display: none; float: left; width: 100%; margin-top: 20px; }
#filtros.open { margin-bottom: 20px; }
#filtros.open #exibe_filtros .fa-chevron-down { transform: rotate(-180deg); }
.campo-filtro {float: left; width: 25%; padding: 0px 10px; }
.filtros-actions { float: left; width: auto; text-align: left; margin-top: 25px; padding: 0px 10px; }
.filtros-actions.full { float: left; width: 100%; text-align: center; margin-top: 10px; }
.filtros-actions > .btn { margin-bottom: 0px; }

/* ALINHA CHECKBOX / RADIO */
.alinha_checkboxes {box-sizing: border-box; width: 100%; height: auto; float: left; padding: 5px; font-weight: normal; cursor: pointer; }
.alinha_checkboxes2 {box-sizing: border-box; width: 50%; height: 50px; float: left; padding: 5px; font-weight: normal; cursor: pointer; }
.segura_subs { box-sizing: border-box; width: 100%; height: auto; float: left; padding: 5px; font-weight: normal; cursor: pointer; padding-left: 20px; display: none; position: relative; }
.segura_subs::before { content: ''; display: block; position: absolute; top: 0; left: 13px; height: 100%; width: 2px; background: #DDD; }
.alinha_checkboxes .check, .alinha_checkboxes2 .check { margin-top: 3px; }

/* MENSAGEM E CAMPOS INVÁLIDOS */
label.error { color: #FA6C6C; margin-top: 5px; clear: both; float: left; font-weight: bold }
label.error-multiple-photos { width: 100%; text-align: center; }
p.error { color: #FA6C6C; margin-top: 5px; clear: both; float: left; font-weight: bold }
span.error { color: #FA6C6C; margin-top: 5px; clear: both; float: left; font-weight: bold }
input.error { border: 1px solid #FA6C6C;}
textarea.error { border: 1px solid #FA6C6C;}
select.error { border: 1px solid #FA6C6C;}

/* SELECT BOX DA ORDEM DE EXIBIÇÃO */
.select_ordem {font-weight: bold; border: 1px solid #DDD; text-transform: normal; border-radius: 3px; width: 90%; height: 30px; }

/* GALERIA DE FOTOS */
.thumbnail {height: auto; border: 1px solid #E6E9ED; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.16); }
.thumbnail > label {cursor: pointer; margin-bottom: 5px; }
.thumbnail > label .check { vertical-align: top; }
.thumbnail > span.destaque { float: right; }
.thumbnail > span.destaque > i { font-size: 20px; color: #E6DD00; text-shadow: 0px 1px 1px #777; }
.thumbnail > .image.view.view-first > img {display: block; width: 100%; }
.thumbnail .mask a {cursor: pointer; }
.thumbnail .image { height: auto; }
.view-first .mask { height: 100%; } 
.view-first .tools { position: absolute; bottom: 0px; left: 0px; width: 100%; }
.thumbnail > .caption {height: 60px; line-height: 16px; margin-bottom: 10px; overflow: hidden; color: #777; background: #FFF; } 
.selecctall_lbl { cursor: pointer; }
#modal-image {display: inline-block; width: 100%; text-align: center; margin: 10px 0px 20px 0px; }
#modal-image > img {border: 2px dashed #CCC; max-width: 100%; }

/* SEPARADOR DE ESPAÇO DO FORMULÁRIO */    
.separator-form {width: 100%; float: left; margin-bottom: 20px; text-align: center; }
.separator-form-titulo {border-bottom: 1px solid #DDD; width: 100%; max-width: 700px; font-family: "Helvetica Neue","Roboto",Arial,"Droid Sans",sans-serif; color: #666; font-weight: bold; font-size: 16px; display: inline-block; text-transform: none; margin-top: 20px; padding-bottom: 5px; }

/* DICA DE CAMPO */
.form-group .help { display: inline-block; font-size: 12px; font-style: italic; color: #999; }
.form-group .help i.fa { color: #777; }
.form-group .help b { color: #777; }

/* PAGINAÇÃO */
.pagination-nav {text-align: center; }
.pagination-nav .pagination>li>a,
.pagination-nav .pagination>li>span {color: #666; }
.pagination-nav .pagination>li.active>a {border: 1px solid #CCC; color: #FFF; }

/* TABELA */
.table_responsive th { text-transform: none; color: #666; }
.table_responsive td:last-child { text-align: right; }
.table_responsive td:last-child > a.btn { min-width: 80px; }
.table_responsive td > img { width: auto; max-width: 120px; height: auto; max-height: 80px; }
span.sem-registro-txt {display: block; float: left; width: 100%; margin: 50px 0px; text-align: center; font-size: 16px; color: #666; }

/* SWITCH STATUS */
.switchery { width: 50px; height: 25px; }
.switchery > small { width: 25px; height: 25px; }
.switch-label { font-size: 15px; vertical-align: middle; margin-left: 5px; cursor: pointer; }
.status { display: inline-block; }
.status > span { margin-left: 5px; }
.status.status0 > span,
.status.status0 > i { color: #FA6C6C; }
.status.status1 > span,
.status.status_1 > span,
.status.status1 > i,
.status.status_1 > i { color: #64BD63; }
.status.status2 > span,
.status.status_0 > span,
.status.status2 > i,
.status.status_0 > i { color: #E39300; }

/* CONTADOR DE CARACTERES */
.caracter_count { float: right; }

/* DASHBOARD ANALYTICS */

/* TAGS INPUT */
div.tagsinput { border:1px solid #CCC; background: #FFF; padding: 6px 12px; width:300px; height:100px; overflow-y: auto; }
div.tagsinput span.tag { border: none; -moz-border-radius: 2px; -webkit-border-radius:2px; display: block; float: left; padding: 5px; text-decoration: none; background: #333; color: #FFF; margin-right: 5px; margin-bottom:5px; font-size:13px;}
div.tagsinput span.tag a { font-weight: bold; color: #FFF; text-decoration: none; font-size: 11px;  } 
div.tagsinput input { width:80px; margin:0px; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #555; outline:0px;  margin-right:5px; margin-bottom:5px; }
div.tagsinput div { display:block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid { background: #FA6C6C !important; color: #FFF !important;}

.dashboard-content { float: left; width: 100%; text-align: center; margin-top: 100px; }
.dashboard-content figure { display: inline-block; width: 100%; max-width: 300px; margin-bottom: 20px; }
.dashboard-content figure img { display: block; max-width: 100%; }

/* Checkbox */
.check {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.check input {
  display: none;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.check span {
  position: relative;
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  border: 2px solid #DDD;
  border-radius: 5px;
  background: #DDD;
  margin-right: 5px;
  margin-top: -2px;
  text-align: center;
  transition: .2s;
}
.check:hover span {
  border-color: blue;
}
.check input:checked + span {
  background: blue;
  border-color: blue;
}
.check input:checked + span::before {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 5.5px;
  width: 5px;
  height: 10px;
  border-right: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
  transform: rotate(45deg);
}

/* Radio */
.check.radio span {
  border-radius: 50%;
}
.check.radio input:checked + span::before {
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: none;
  background: #FFF;
  transform: rotate(0deg);
}

img.circle {
  border-radius: 50%;
}

.top-image {
  display: block;
  float: left;
  margin-right: 10px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #f4a52b;
}

.top-image img {
  margin: 0px;
  display: block;
  width: auto;
  max-width: 100%;
}

/* DASHBOARD */
.top_tiles .count {color: #091b4c; }
.top_tiles h3 {color: #666; }
.top_tiles .icon i {color: #008dd1; }
.tile-stats:hover .icon i {color: #008dd1; }
.top_profiles .media-body .title {color: #091b4c; }

.mcount {
  position: absolute;
  top: 7px;
  right: 15px;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  background: #E39300;
  color: #FFF;
}

.mcountout {
  top: 15px;
  right: 50px;
}

/*****************************************************************/
/*                            MOBILE                             */
/*****************************************************************/
@media (max-width: 480px) {
  
  /* PAINEL DE CONTEÚDO */
  .x_panel {padding: 10px 0px; }
  
  /* LOGIN */
  body.login {background: #FFFFFF; }
  .login_content { box-shadow: none; }
  .reset_pass {clear: both; width: 80%; margin-right: -20px; }
  .login-btn-container {float: left; width: 100%; text-align: center; }
  .submit {width: 170px; margin: 0px !important; float: none !important; display: inline-block; }
  
  /* BARRA SUPERIOR CONTEÚDOS */
  .header_row { margin-bottom: 10px; }
  .header_row_left.header-full {text-align: center; width: 100%; float: left; }
  .header_row_right.header-full {text-align: center; width: 100%; float: left; }
  .header_row_right.header-full > .header_row_item,
  .header_row_left.header-full > .header_row_item {float: left; width: 100%; margin-bottom: 10px !important; text-align: center; } 
  .header_row_item { margin: 0px !important; }
  .header_row_item_hide { display: none; }
  
  /* BOTÕES FAB */
  #bt1,
  #bt2 { position: fixed; bottom: 20px; right: 20px; z-index: 99; width: 65px; height: 65px; border-radius: 50%; padding: 0px; box-shadow: 0px 2px 5px rgba(0,0,0,0.3); color: transparent; }
  #bt1:after,
  #bt2:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; content:"\f00c"; font-family:'FontAwesome'; font-size: 24px; color:#FFF; line-height: 65px; }
  #bt1 { z-index: 98; }
  #barra_header { margin: 0px; height: 0; }
  #barra_header .btn-header { position: fixed; z-index: 99; width: 65px; height: 65px; border-radius: 50%; padding: 0px; box-shadow: 0px 2px 5px rgba(0,0,0,0.3); }
  #barra_header .header_row_right .btn-header { bottom: 20px; right: 20px; }
  #barra_header .header_row_left .btn-header { bottom: 20px; left: 20px; }
  #barra_header .btn-header > i { margin: 0px; /*margin-left: 5px;*/ font-size: 24px; line-height: 65px; }
  #barra_header .btn-header > span { display: none; }
  
  /* FILTROS */
  #filtros { margin-bottom: 10px; }
  .filtros-btn-container { float: left; width: 100%; margin-top: 0px; }
  .campo-filtro { float: left; width: 100%; padding: 0px; margin-bottom: 15px; }
  .filtros-actions > .btn {margin-bottom: 10px; }
  
  /* ALINHA CHECKBOX / RADIO */
  .alinha_checkboxes2{width: 100%; height: auto; margin-bottom: 10px; }
  
  /* GALERIA DE FOTOS */
  .col-md-55 {width: 100%; }
  .view-first .tools { height: 50px; }
  .view-first .tools a { font-size: 28px; }

  /* PAGINAÇÃO */
  .pagination-nav .pagination>li.pagination-pags {display: none !important; }
  
  /* BOTÕES DE AÇÃO (CADASTRAR) */
  .form-group > .col-md-offset-3 {text-align: center; }
  
  /* TABELA */
  table.table_responsive {border: none !important; }
  table.table_responsive thead {display: none; }
  table.table_responsive tr {margin-bottom: 10px; display: block; border-radius: 2px; border: 1px solid #E6E9ED; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.16); }
  table.table_responsive td {display: block; text-align: right; font-size: 13px; border: none !important; }
  table.table_responsive td:before {content: attr(data-label); float: left; text-transform: normal; font-weight: bold; }  
  table.table_responsive td.tr-hide {display: none; }
  table.table_responsive td.tr-lg-txt,
  table.table_responsive td.tr-lg {position: relative; overflow: hidden; text-align: center; word-wrap: break-word; }
  table.table_responsive td.tr-lg-txt:before,
  table.table_responsive td.tr-lg:before {width: 100%; text-align: left; margin-bottom: 5px; }
  .tr-btn {position: absolute; cursor: pointer; bottom: 0px; right: 10px; }
  .tr-btn-show:before {font-family: FontAwesome; content: "\f067"; }
  .tr-btn-hide:before {font-family: FontAwesome; content: "\f068"; }
  table.table_responsive td .select_ordem {width: auto; padding: 0px 5px; margin: 0px; }
  table.table_responsive td:last-child { border-top: 1px solid #E6E9ED !important; text-align: right; height: 50px; }
  table.table_responsive td:last-child a { width: auto; display: inline-block; margin-left: 5px; margin-right: 0px; padding: 5px 10px; font-size: 12px; }
  table.table_responsive td:last-child a:first-child { margin-left: 0px; }
  table.table_respons\ive td img {display: block; margin: 0 auto; max-width: 200px; width: auto; height: inherit; max-height: inherit; }

}

/*****************************************************************/
/*                            TABLET                             */
/*****************************************************************/
@media (min-width: 481px) and (max-width: 990px) {
  
  /* FILTROS */
  #filtros { margin-bottom: 10px; }
  .filtros-btn-container { float: left; width: 100%; margin-top: 0px; }
  .campo-filtro { width: 50%; }

  /* PAGINAÇÃO */
  .pagination-nav .pagination>li.pagination-pags {display: none !important; }
  
}

.status_pag{display:inline-block;background:#007B75;font-size:10px;line-height:10px;text-transform:uppercase;color:#FFF;padding:5px 8px;border-radius:5px;text-align:center}
.status_pag.aprovado{background:#00C851}
.status_pag.pendente{background:#fb3}
.status_pag.cancelado{background:#f44}

.confirmadas { color: #64BD63; }
.pendentes { color: #E39300; }
.canceladas { color: #FA6C6C; }
.iniciadas { color: #607d8b; }

.green { color: #64BD63; }