@font-face {
  font-family:'SourceSansProRegular';
  src:url('../fonts/sourcesanspro-regular.eot');
  src:url('../fonts/sourcesanspro-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-regular.woff2') format('woff2'), url('../fonts/sourcesanspro-regular.woff') format('woff'), url('../fonts/sourcesanspro-regular.ttf') format('truetype'), url('../fonts/sourcesanspro-regular.svg#SourceSansProRegular') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'SourceSansProLight';
  src:url('../fonts/sourcesanspro-light.eot');
  src:url('../fonts/sourcesanspro-light.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-light.woff2') format('woff2'), url('../fonts/sourcesanspro-light.woff') format('woff'), url('../fonts/sourcesanspro-light.ttf') format('truetype'), url('../fonts/sourcesanspro-light.svg#SourceSansProLight') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'SourceSansProExtraLight';
  src:url('../fonts/sourcesanspro-extralight.eot');
  src:url('../fonts/sourcesanspro-extralight.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-extralight.woff2') format('woff2'), url('../fonts/sourcesanspro-extralight.woff') format('woff'), url('../fonts/sourcesanspro-extralight.ttf') format('truetype'), url('../fonts/sourcesanspro-extralight.svg#SourceSansProExtraLight') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'SourceSansProSemiBold';
  src:url('../fonts/sourcesanspro-semibold.eot');
  src:url('../fonts/sourcesanspro-semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-semibold.woff2') format('woff2'), url('../fonts/sourcesanspro-semibold.woff') format('woff'), url('../fonts/sourcesanspro-semibold.ttf') format('truetype'), url('../fonts/sourcesanspro-semibold.svg#SourceSansProSemiBold') format('svg');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'SourceSansProBold';
  src:url('../fonts/sourcesanspro-bold.eot');
  src:url('../fonts/sourcesanspro-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-bold.woff2') format('woff2'), url('../fonts/sourcesanspro-bold.woff') format('woff'), url('../fonts/sourcesanspro-bold.ttf') format('truetype'), url('../fonts/sourcesanspro-bold.svg#SourceSansProBold') format('svg');
  font-weight:normal;
  font-style:normal;
}

/* CLEARFIX */
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
li,
form,
fieldset,
legend,
label,
input,
select,
textarea,
button,
img,
div,
blockquote,
header,
footer,
section,
article,
figure,
address,
figcaption {
  background:none;
  display:block;
  border:none;
  margin:0;
  padding:0;
  color:#575756;
  font:15px 'SourceSansProRegular', Arial, Helvetica, sans-serif;
}

a {
  outline:none;
  cursor:pointer;
  text-decoration:none;
}
.center {
  width:100%;
  max-width:1280px;
  margin:0 auto;
}
.separator {
  display:block;
  width:100%;
  border-top:2px solid #ff6a13;
}

/* buttons */
.bt {
  background-color:#575756;
  cursor:pointer;
  display:inline-block;
  padding:0 20px;
  height:33px;
  color:#fff !important;
  line-height:35px;
  font-size:14px;
  font-family:'SourceSansProSemiBold';
  text-transform:uppercase;
  -webkit-border-radius:25px;
  -moz-border-radius:25px;
  border-radius:25px;
  -webkit-transition:all .2s;
  -moz-transition:all .2s;
  -o-transition:all .2s;
  transition:all .2s;
  text-decoration:none !important;
}
.bt:hover {
  background-color:#00b0c8;
}

.bt-cancel {
  background-color:#989898;
}

.bt-cancel:hover {
  background-color:#bababa;
}


/* CONTENT */
#content {
  box-sizing:border-box;
}

#content h1 {
  position:relative;
  padding-bottom:15px;
  margin:0;
  color:#575756;
  font-family:'SourceSansProBold';
  font-size:30px;
  text-transform:uppercase;
}
#content h1:after {
  background-color:#ff6a13;
  position:absolute;
  left:0;
  bottom:0;
  width:270px;
  height:3px;
  content:"";
}

/* HEADER */
#content .header {
  background:url(../img/logo_admin.png) no-repeat right 0;
  clear:both;
  float:left;
  width:100%;
  border-bottom:2px solid #ff6a13;
  margin-top:25px;
  padding-bottom:25px;
}
#content .header .nav {
  clear:both;
  float:left;
  display:flex;
  flex-wrap:wrap;
  width:85%;
  margin-top:25px;
}
#content .header .nav a {
  background-color:#00b0c8;
  cursor:pointer;
  display:inline-block;
  height:33px;
  line-height:35px;
  padding:0 20px;
  margin:2.5px;
  color:#fff;
  text-transform:uppercase;
  font-size:14px;
  font-family:'SourceSansProSemiBold';
  -webkit-transition:all .2s;
  -moz-transition:all .2s;
  -o-transition:all .2s;
  transition:all .2s;
}
#content .header .nav a:hover {
  background-color:#0e94a7;
}
#content .header .nav .active {
  background-color:#ff6a13;
  cursor:default;
}
#content .header .nav .active:hover {
  background-color:#ff6a13;
}

#content .header .intro {
  margin-top:25px;
  font-size:14px;
  text-align:right;
}
#content .header .intro a {color:#ff6a13;}
#content .header .intro a:hover {text-decoration:underline;}

/* FORMS */
.readonly,
.disabled {
  background-color:#ddd !important;
  cursor:no-drop;
}

.forms-search {
  padding-bottom:25px;
}
.forms-search .col {
  float:left;
  margin:25px 20px 0 0;
}

.forms-search legend {
  padding:0 0 3px;
  font-size:20px;
  line-height:20px;
}
.forms-search input {
  clear:both;
  float:left;
  width:180px;
  height:32px;
  padding:0 10px;
  border-radius:2px;
  border:1px solid gray;
}
.forms-search input.data {
  width:115px;
  text-align:center;
}
.forms-search .radio input {
  clear:none;
  width:auto;
  height:auto;
  border:0;
  padding:0;
  margin:3px 5px 0 0;
  cursor: pointer;
}
.forms-search select {width:250px;}
.forms-search .selects select {
  clear:both;
  float:left;
  width:180px;
  height:35px;
  padding:0 10px;
  border-radius:2px;
  border:1px solid gray;
}

.forms-search label {
  clear:both;
  float:left;
  padding-bottom:3px;
  line-height:20px;
}
.forms-search .col label:first-child {
  font-weight: bold;
}
.forms-search .radio {
  clear:none;
  margin-right:20px;
}

#content .forms-search .col-radio {
  border: 1px solid #ddd;
  padding: 0 10px 10px 10px;
}
#content .forms-search .col-radio .radio:last-child {
  margin-right:0;
}

.forms-search .bt {
  margin-top:25px;
}
.forms-search .btn {
  background-color:#00b0c8;
}
.forms-search .btn:hover {
  background-color:#0e94a7;
}
.forms-search .btn-right {
  float:right;
  margin-top:50px;
}

#content .cadastros {
  border-bottom:2px solid #ff6a13;
  clear:both;
  float:left;
  width:100%;
  padding:35px 0;
}
#content .cadastros:last-child { border-bottom:0; }

#content .load {
  display:none;
  background:rgba(250, 250, 250, 0.5) url(../img/load.gif) no-repeat center center;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1;
}

#content .cadastros .box {
  float:left;
  width:25%;
}
#content .cadastros .box h6 {
  font-size:16px;
  font-weight:bold;
  text-transform:uppercase;
}
#content .cadastros .box .msg_error {
  color:#aa1010;
  padding-left:10px;
}
#content .cadastros .box.status {
  width:42%;
  padding-left:2%;
}
#content .cadastros .box.box-endereco {
  margin-top:20px;
  width:56%;
}
#content .cadastros .address {
  background-color:#f5f5f5;
  float:left;
  width:96%;
  padding:10px 2%;
  margin-bottom:20px;
  border:1px solid #ccc;
  font-style:normal;
}
#content .cadastros .address address {
  float:left;
  width:48%;
  font-style:normal;
}
#content .cadastros .address address:first-child {
  margin-right:1%;
}
#content .cadastros .address address:last-child {
  margin-left:1%;
}
#content .cadastros .antifraude {
  font-style:normal;
  clear: both;
  float: left;
  width: 100%;
  min-width: 300px; 
  margin-bottom: 20px;
}

#content .cadastros .selects {
  margin:20px 0;
  height:35px;
}
#lb-form form .selects select,
#content .cadastros .selects select {
  background-color:#fff;
  clear:both;
  float:left;
  width:250px;
  height:35px;
  padding:0 5px;
  margin-right:20px;
  border:1px solid gray;
  border-radius:2px;
}

#lb-form form input,
#content .cadastros input {
  background-color:#fff;
  clear:both;
  float:left;
  width:205px;
  height:35px;
  padding:0 10px;
  margin-bottom:20px;
  border:1px solid gray;
  border-radius:2px;
}

#content select option[disabled] {
  background-color:#eee;
  cursor:no-drop;
}
#content .field_msg {
  display:none;
}
#content .field_msg textarea {
  background-color:#fff;
  border:1px solid #ccc;
  resize:none;
  width:300px;
  height:100px;
  padding:5px 10px;
  margin:20px 0;
}
#content .has_msg {
  padding:20px 0 0;
  color:#f00;
}
#content .cadastros a {
  color:#000;
  text-decoration:underline;
}
#content .cadastros a:hover {
  text-decoration:none;
}
#content .cadastros form a {
  text-decoration:none;
}

#lb-form {
  display:none;
}
#lb-form .bg {
  background-color:rgba(0, 0, 0, 0.8);
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1;
}
#lb-form .alert-error {
  position:absolute;
  top:0;
  left:0;
  width:98%;
  padding:1%;
  border:0;
  z-index:9;
}
#lb-form .bt-close {
  position:absolute;
  right:-20px;
  top:-20px;
  background-color:#ff6a13;
  font-weight:bold;
  width:40px;
  height:40px;
  padding:0;
  margin:0 !important;
  font-size:18px;
  line-height:42px;
  text-align:center;
}
#lb-form .title {
  position:relative;
  color:#575756;
  padding-bottom:5px;
  margin:0 0 10px;
  font:24px 'SourceSansProBold';
  text-align:center;
  text-transform:uppercase;
}
#lb-form .title:after {
  background-color:#ff6a13;
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:3px;
  content:"";
}
#lb-form form {
  position:absolute;
  left:50%;
  top:210px;
  background-color:#fff;
  width:320px;
  padding:20px;
  margin-left:-180px;
  border:1px solid #575756;
  z-index:8;
}
#lb-form form label {
  clear:both;
  float:left;
  width:80px;
  padding:0;
  margin:17px 10px 0 0;
  text-align:right;
  text-transform:uppercase;
}
#lb-form form label.line {
  margin-top:7px;
}
#lb-form form .selects select {
  width:230px !important;
  margin-right:0 !important;
}
#lb-form form .selects select,
#lb-form form input {
  clear:none !important;
  margin:10px 0 0 !important;
}
#lb-form .bt-save {
  background-color:#00b0c8;
  float:right;
  margin:15px 0 0 !important;
}
#lb-form .bt-save:hover {
  background-color:#0e94a7;
}

.alert {
  clear:both;
  padding:15px;
  border:1px solid transparent;
  border-radius:4px;
}
.alert-error {
  color:#a94442;
  background-color:#f2dede;
  border-color:#ebccd1;
}
.alert-success {
  color:#3c763d;
  background-color:#dff0d8;
  border-color:#d6e9c6;
}

/* --- TABELAS */
.table-grid {
  width:100%;
  border-collapse:collapse;
}
.table-grid th {
  background-color:#575756;
  color:#fff;
  padding:0 5px;
  text-align:left;
  line-height:40px;
  font-weight:normal;
  text-transform:uppercase;
  font-family:'SourceSansProSemiBold';
}
.table-grid td {
  border-top:1px solid white;
  background-color:#e9e9e9;
  color:#575756;
  padding:10px 5px;
  line-height:150%;
  vertical-align:top;
}
.table-grid td a {color:black; text-decoration:underline;}
.table-grid td a:hover {color:#ff6a13;}

.table-grid td .bt {color:white; text-decoration:none;margin:0;}
.table-grid td .bt:hover {color:white;}

.table-grid tr:nth-of-type(odd) td {
  background-color:#e1e1e1;
}

.table-grid tr th:first-child,
.table-grid tr td:first-child {
  padding-left:10px;
}

.table-grid tr th:last-child,
.table-grid tr td:last-child {
  padding-right:10px;
}

/* FORMULARIO */
.forms-search .select2-container--default .select2-selection--single .select2-selection__rendered {
  text-align:left;
}
.forms-search .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color:#fff transparent transparent;
}
.forms-search .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color:#fff transparent transparent;
}

/* RELATÓRIO DE VENDAS */
.relatorio-vendas .info-campanha {
  display:inline-block;
  margin:30px 0;
  position:relative;
  width:100%;
}
.relatorio-vendas .info-perfil:before {
  background-color:#e1e1e1;
  top:-30px;
  content:"";
  height:2px;
  left:0;
  position:absolute;
  width:270px;
}
.relatorio-vendas .info-campanha__titulo {
  font-size:20px;
  line-height:18px;
  margin-bottom:10px;
  text-transform:uppercase
}
.relatorio-vendas .info-campanha h2,
.relatorio-vendas .info-perfil h2 {
  font-weight:bold;
  line-height:18px;
  text-transform:uppercase;
}
.relatorio-vendas .info-campanha p ,
.relatorio-vendas .info-perfil p {
  line-height:18px;
}
.relatorio-vendas .info-perfil {
  display:inline-block;
  margin:30px 0;
  position:relative;
  width:100%;
}
.relatorio-vendas .info-perfil__bt-lista {
  position:absolute;
  right:0;
  bottom:0;
}
.relatorio-vendas .meta-atingida {
  font-size:18px;
  line-height:15px;
  color:#00b0ca;
}
.relatorio-vendas .meta-nao-atingida {
  font-size:18px;
  line-height:15px;
  color:#ff0000;
}
.relatorio-vendas .meta-objetivo {
  font-size:18px;
}

/* PAGINAÇÃO */
.paginacao {
  clear:both;
  float:left;
  width:100%;
  margin:25px 0;
}

.paginacao .paginas {
  float:left;
  width:100%;
  text-align:right;
}
.paginacao .paginas>span {
  display:inline-block;
}
.paginacao .paginas .pages a {
  display:inline-block;
  background-color:#575756;
  color:#fff;
  min-width:25px;
  padding:5px 2px;
  margin-left:5px;
  font-family:'SourceSansProSemiBold';
  text-align:center;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
.paginacao .paginas .pages a:hover {
  text-decoration:none;
}
.paginacao .paginas .pages .ativo {
  background-color:#00b0ca;
}
.paginacao .paginas .pages span {
  display:inline-block;
  width:25px;
  height:25px;
  text-align:center;
  font-family:'SourceSansProSemiBold';
}
.paginacao .paginas .prevs,
.paginacao .paginas .nexts {
  background:url(../img/nav-pag.png) no-repeat;
  display:inline-block;
  vertical-align:middle;
  width:8px;
  height:18px;
  font-size:0;
  text-indent:-9999px;
}
.paginacao .paginas .prevs {
  margin:0 7px 0 0;
}
.paginacao .paginas .nexts {
  background-position:right 0;
  margin:0 20px 0 10px;
}
.paginacao .paginas .prevs a,
.paginacao .paginas .nexts a {
  display:block;
  width:100%;
  height:100%;
}

/* FOOTER */
#footer {
  background-color:#00b0c8;
  clear:both;
  float:left;
  width:100%;
  padding:15px 0;
  border-top:2px solid #ff6a13;
}
#footer .copy {
  color:#fff;
}
#footer .t4 {
  background:url(../img/think4.png) no-repeat;
  width:39px;
  height:14px;
  float:right;
  font-size:0;
  text-indent:-99999px;
}

@media screen and (max-width:860px) {
  #content .cadastros .box {
  width:50%;
  }
  #content .cadastros .address address {
  width:100%;
  padding-left:0;
  padding-right:0;
  }
}
@media screen and (max-width:640px) {
  #content .header {
  background-position:center 0;
  }
  #content h1 {
  margin-top:80px;
  }
  #content .header .nav {
  width:100%;
  }
  #content .header .nav a {
  margin-bottom:5px;
  }
  #content .header .intro {
  clear:both;
  float:left;
  width:100%;
  margin-top:0;
  }
  #content .cadastros .box,
  #content .cadastros .box.box-endereco {
  width:98%;
  padding-left:0;
  padding-right:0;
  }
  #content .cadastros .box.status {
  width:98%;
  padding-left:0;
  padding-right:0;
  }

  .forms-search .col {
  clear:both;
  margin:10px 0 0;
  }
  .forms-search .col label {
  width:100px;
  margin-right:5px;
  text-align:right;
  }
  .forms-search .col input,
  .forms-search .col .selects,
  .forms-search .col .selects select {
  clear:none;
  float:left;
  }
  .forms-search .btn-right {
  margin-top: 34px;
  }
}