.btn-bold {
  font-weight: 600;
}

html, body {
  min-height: 100% !important;
  height: 100%;
}

body {
  background-color: #F2F6FC;
  font-family: 'Open Sans', sans-serif;
  overflow-x: hiddenimportant;
}

.w-90 {
  width: 90px;
}

.row-endereco-botoes {
  padding: 10px 0 10px 0;
}

.row-endereco-botoes .box-botoes {
  text-align: right;
}

.box-endereco {
  text-align: right;
}

.container {
  /* margin-top: 15px; */
  /* margin-bottom: 15px;
  padding-bottom: 15px; */
  background-color: #fff;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.row-filtros,
.row-filtros-usuarios {
  background: #ffffff;
  -webkit-box-shadow: inset 0px 0px 2px 0 #e1e1e1;
  -moz-box-shadow: inset 0px 0px 2px 0 #e1e1e1;
  box-shadow: inset 0px 0px 2px 0 #e1e1e1;
}

.row-filtros .box-filtros,
.row-filtros-usuarios .box-filtros-usuarios {
  padding: 10px 0;
}

.row-filtros input:focus, .row-filtros select:focus,
.row-filtros-usuarios input:focus, .row-filtros-usuarios select:focus {
  outline: none;
  border-color: #1f263e;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.row-filtros #filtro_botao,
.row-filtros-usuarios #filtroUsuarios_botao,
.row-filtros-prospect #filtroProspect_botao,
.row-filtros-sites #filtroSites_botao {
  /* border: none; */
  background: #4e72c2;
  color: #ffffff;
  /* outline: none; */
}

.row-filtros-usuarios #filtroUsuarios_botao,
.row-filtros-prospect #filtroProspect_botao,
.row-filtros-sites #filtroSites_botao {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.row-filtros #filtro_botao,
.row-filtros-prospect #filtroProspect_botao,
.row-filtros-sites #filtroSites_botao {
  border-radius: 10px;
}

.row-filtros #filtro_botao i,
.row-filtros-usuarios #filtroUsuarios_botao i,
.row-filtros-prospect #filtroProspect_botao i,
.row-filtros-sites #filtroSites_botao i {
  color: #ffffff;
}

.row-filtros #filtro_botao:hover,
.row-filtros-usuarios #filtroUsuarios_botao:hover,
.row-filtros-prospect #filtroProspect_botao:hover,
.row-filtros-sites #filtroSites_botao:hover {
  background: #4460B1;
  transition: all 0.3s ease;
  color: #ffffff;
  outline: none;
}

.row-filtros #filtro_botao:active,
.row-filtros-usuarios #filtroUsuarios_botao:active,
.row-filtros-prospect #filtroProspect_botao:active,
.row-filtros-sites #filtroSites_botao:active {
  -webkit-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
  outline: none;
  color: #ffffff;
}

.row-filtros #filtro_botao:focus,
.row-filtros-usuarios #filtroUsuarios_botao:focus,
.row-filtros-prospect #filtroProspect_botao:focus,
.row-filtros-sites #filtroSites_botao:focus {
  outline: none;
  color: #ffffff;
}

.row-filtros #filtro_botao:active:focus,
.row-filtros-usuarios #filtroUsuarios_botao:active:focus,
.row-filtros-prospect #filtroProspect_botao:active:focus,
.row-filtros-sites #filtroSites_botao:active:focus {
  outline: none;
  color: #ffffff;
}

.row-filtros .daterangepicker td.available:hover, .row-filtros .daterangepicker th.available:hover,
.row-filtros .daterangepicker td.active, .row-filtros .daterangepicker td.active:hover,
.row-filtros-usuarios .daterangepicker td.available:hover, .row-filtros-usuarios .daterangepicker th.available:hover,
.row-filtros-usuarios .daterangepicker td.active, .row-filtros-usuarios .daterangepicker td.active:hover,
.row-filtros-prospect .daterangepicker td.available:hover, .row-filtros-prospect .daterangepicker th.available:hover,
.row-filtros-prospect .daterangepicker td.active, .row-filtros-prospect .daterangepicker td.active:hover {
  background: #A5CB45;
  border-color: #A5CB45;
  color: #ffffff;
}

.inputClass {
  width: 100%;
  /* outline: auto; */
  outline-color: #E2EBF7;
}

#formFiltrosProspect,
#formFiltrosSites {
  margin-top: 30px;
}

#formFiltrosSites #filtroSites_situacao_rcpt > div > i {
  margin-top: 24px;
  margin-right: 7px;
}

#titleRelatorios h3,
#titleFaturas h3,
#titleMarketing h3,
#titleDashboard h3,
#titleProspect h3,
#titleSites h3 {
  color: #344574;
  font-weight: 700;
  margin-left: 30px;
  margin-top: 10px;
}

#titleUsuarios {
  font-weight: 700;
  color: #344574;
  margin-top: 10px;
  margin-left: 15px;
}

#titleUsuarios span {
  font-size: 14px;
  margin-left: 3px;
  cursor: help;
}

body > header > div > div.padding-zero.col-xs-12.col-md-2 {
  margin-top: 5px;
}

body > header > div > div.padding-zero.col-xs-12.col-md-6 > div#empresaAndUser {
  margin-top: 14px;
  border-left: 3px solid #D2E0F2;
  padding-left: 36px;
  height: 55px;
}

body > header > div > div.padding-zero.col-xs-12.col-md-6 > div > div,
#switchCadastroVendaRedFarmer,
#switchCadastroPassarValores {
  display: flex;
  align-items: center;
}

#switchCadastroVendaRedFarmer {
  margin: 15px 0px;
}

body > header > div > div.padding-zero.col-xs-12.col-md-6 > div > div > button {
  margin-top: -7px;
}

#dropdownMenu > ul {
  left: -100px;
}

#menuSistemaOpcoes > li.presentation > a > span#iconHome {
  margin-right: 12px;
  margin-left: 5px;
}

#menuSistemaOpcoes span#iconNfeMais {
  margin-left: 4px;
}

#menuSistemaOpcoes span#iconRelatorios,
#menuSistemaOpcoes span#iconMarketing,
#menuSistemaOpcoes span#iconUsuarios,
#menuSistemaOpcoes span#iconFaturas,
#menuSistemaOpcoes span#iconProspect {
  margin-right: 10px;
  margin-left: 2px;
}

#menuSistemaOpcoes span#iconSites {
  margin-right: 15px;
  margin-left: 2px;
}

#divGraficos, #logoDashboard {
  display: flex;
  justify-content: space-between;
}

#logoDashboard {
  padding-bottom: 40px;
}

#logoDashboard .logo-egestor1, #logoDashboard .logo-nfemais {
  display: flex;
  justify-content: center;
}

#divMarketing a#btnAcessarMarketing i, #divMarketing a#btnAcessarYoutube i, #divMarketing a#btnAcessarGrupoWpp i {
  margin-left: 10px;
}

div#dadosPlano #divPlano {
  margin-top: 10px;
}

div#boxBpo #boxConfiguracoesBpo_botoes .btnBpoEdit {
  margin-right: 10px;
}

#boxAnotacoes #listaAnotacoes input#inputAnotacao {
  width: 70%;
}

#boxAnotacoes #listaAnotacoes #enviarAnotacao {
  width: 30%;
}

#boxAnotacoes .flex {
  margin-top: 1rem;
}

#step1 #escolherSistema #cadastro_egestor .img-egestor {
  width: 120px;
  height: 24px;
}

#step1 #escolherSistema #cadastro_nfemais .img-nfemais {
  width: 60px;
  margin-left: 10px;
}

#formCadastro p#camposObrigatorios {
  font-size: 13px;
  font-weight: 500;
  margin-left: 15px;
}

#formCadastroUsuario #excluirUsuario label {
  display: block;
  color: #344574;
}

.btn-disabled {
    background-color: #E2EBF7 !important;
    color: #80A8DA !important;
    cursor: not-allowed;
    pointer-events: none;
    height: 36px;
    box-shadow: rgb(78 114 194) 0px 13px 21px -14px;
  }
  
  .btn-disabled:focus {
    color: #80A8DA !important;
}

.row-botoes button, .multiStep {
  transition: all 0.3s ease;
}

.row-botoes {
  background-color: #fff;
  padding: 20px;
  user-select: none;
}

.row-botoes button {
  background-color: #4E72C2;
  color: #E2EBF7;
  height: 36px;
  box-shadow: rgb(78 114 194) 0px 13px 10px -14px;
}

.row-botoes button i {
  margin-right: 5px;
}

.listaRelatorios ul li {
  cursor: pointer;
}

.listaRelatorios ul li:hover {
  font-weight: 600;
}

.btnConfirmRelatorio {
  background-color: #4e72c2;
  color: #fff;
  font-weight: 600;
  border-radius: 10px;
  float: right;
  margin-top: 5px;
}

.btnConfirmRelatorio:hover {
  color: #fff;
  background-color: #4460b1;
  font-weight: 600;
}

.btnConfirmRelatorio:focus {
  outline: none;
}

.btnConfirmRelatorio:active:focus {
  outline: none;
}

#divRelatorios > div#contentRelatorio {
  margin-top: 46px;
  margin-left: 170px;
  background-color: #F2F6FC;
  padding-right: 40px;
  padding-bottom: 20px;
  border-radius: 5px;
  padding-top: 10px;
}

#boxListaRelatorios .listaRelatorios {
  margin-top: 20px;
}

#boxListaRelatorios h3 {
  color: #344574;
  font-weight: 700;
}

#boxListaRelatorios h5 {
  color: #344574;
  font-weight: 600;
}

#boxListaRelatorios .listaRelatorios ul{
  padding: 0;
  color: #344574;
  font-weight: 600;
  border: 1px solid #344574;
  border-radius: 5px;
}

#boxListaRelatorios .listaRelatorios ul li {
  padding: 10px;
}

#boxListaRelatorios .listaRelatorios ul li:not(:last-child) {
  border-bottom: 1px solid #344574;
}

#boxListaRelatorios .listaRelatorios ul li:hover {
  background-color: #344574;
  color: #fff;
}

#contentRelatorio #divTextSelectOption > h4 {
  color: #344574;
  font-weight: 700;
  margin-left: 10px;
}

div#relatorio #titleReport h4 {
  font-weight: 700;
  color: #344574;
}

div#relatorio table tr:first-child td {
  font-weight: 600;
  color: #3C5091;
  font-size: 12px;
}

.width45 {
  width: 45%;
}

#anchorTop a {
  position: fixed;
  bottom: 30px;
  right: 30px;
  opacity: 0.3;
  z-index: 3;
}

#anchorTop > a > i.fa {
font-size: 36px;
color: black;
}

#anchorTop a:hover {
  opacity: 1;
  cursor: pointer;
}

#divFiltros {
  margin-top: 30px;
  margin-left: 10px;
}

div#divFaturas h3 b {
  color: #344574;
}

#btnNovoUsuario {
  background-color: #4E72C2;
  color: #fff;
  height: 36px;
  /* box-shadow: rgb(78 114 194) 0px 13px 10px -14px; */
  font-weight: 600;
  margin-top: 4px;
  margin-right: 15px;
  border-radius: 10px;
}

#btnNovoUsuario:hover {
  background-color: #4460b1;
  color: #fff;
}

#btnNovoUsuario:focus, #btnNovoUsuario:active:focus {
  outline: none !important;
  color: #fff !important;
}

.link-afl-nfemais, .link-afl-egestor {
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
}

div#divListaClientes .naoQuebraLinha {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 180px;
}

div#divListaUsuarios .table-striped>tbody>tr:nth-of-type(odd),
div#divListaFaturas .table-striped>tbody>tr:nth-of-type(odd),
div#divListaClientes .table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #F2F6FC !important;
}

div#divListaUsuarios table tbody tr:nth-child(odd):hover,
div#divListaFaturas table tbody tr:nth-child(odd):hover,
div#divListaClientes table tbody tr:nth-child(odd):hover {
  background-color: #E2EBF7 !important;
}

div#divListaUsuarios table tbody tr:nth-child(even):hover,
div#divListaFaturas table tbody tr:nth-child(even):hover,
div#divListaClientes table tbody tr:nth-child(even):hover {
  background-color: #D1DFF5 !important;
}

div#divListaClientes .table thead tr th {
  padding: 2px;
}

div#divMarketing {
  font-weight: 600;
  color: #1F263E;
}

div#divMarketing h4,
div#divDashboard h5 {
  font-weight: 700;
  color: #344574;
  margin-bottom: 20px;
}

#divDashboard #logoDashboard img.img-egestor {
  height: 21px;
}

#divDashboard #logoDashboard img.img-nfemais {
  height: 19px;
}

#divDashboard #logoDashboard img.img-egestor,
#divDashboard #logoDashboard img.img-nfemais {
  width: auto;
}

div#divMarketing p {
  margin-bottom: 20px;
}

div#divMarketing .row > div > div,
div#divDashboard .row > div > div {
  background-color: #f3f6fe;
}

#divDashboard #divVideoPanel .video-panel {
  margin-top: 34px;
  margin-left: 70px;
  border: 2px solid #189eff;
  border-radius: 5px;
  width: 80%;
  height: 200px;
}

.panel-heading {
  font-weight: 700;
  padding: 20px 25px !important;
  color: #344574;
  font-size: 16px;
}

.panel-body, .panel-body a {
  color: #1f263e;
}

.panel-body {
  padding: 5px 25px !important;
}

.panel-infos-farmer {
  height: 264px;
}

.panel-lg-4 {
  height: 220px;
}

div.panel.panel-new {
  height: 270px;
}

div#divBannerPainel .panel-new {
  background: #EDFBFF !important;
  border: 1px solid #109BFF !important;
  color: #11365A !important;
}

div#divBannerPainel .panel-new i {
  color: #109BFF;
}

#btnAcessarMarketing i.fa-arrow-right, #btnAcessarYoutube i.fa-arrow-right, #btnAcessarGrupoWpp i.fa-arrow-right {
  margin-left: 5px;
}

.dashboard-title {
  cursor: pointer;
  padding-left: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.botaoDuvidas {
	margin: 5px 60px 0 0;
	background: #fafafa;
	padding: 2px 5px;
	border-radius: 5px;
	border-top: 2px solid #ddd;
	border-left: 2px solid #ddd;
}

.botaoDuvidas a {
	color: #555;
	font-weight: bold;
}

.centralizar {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.topo, .head {
  width: 100%;
  background-color: #1f263e;
  -moz-box-shadow: -3px 0px 5px 0 #047d46;
/*  border-bottom: 3px solid #ea3338;*/
}

.bootstrap-dialog.type-success .modal-header,
.bootstrap-dialog.type-primary .modal-header {
  width: 100%;
  background-color: #fff !important;
}
.bootstrap-dialog-title {
  color: #1f263e !important;
}

.modal-dialog {
  float: right;
}

#multiStepForm {
  display: flex;
  margin: 1rem 0 3rem 0;;
}

.multiStep {
  padding: 10px;
  background-color: #4e72c25e;
  border-radius: 20px;
  color: #fff;
  font-weight: 600;
  width: 40px;
  text-align: center;
  cursor: pointer;
}

#multiStepForm .bar {
  width: 50px;
  height: 4px;
  background: #4e72c2;
  border-radius: 5px;
  margin-top: 19px;
}

#multiStepForm .active {
  background-color: #4460B1;
}

#step1 h4, #step2 h4, #step3 h4, #step4 h4 {
  font-weight: 700;
  color: #344574;
}

#step1 h4, #step4 h4 {
  margin-left: 0;
}

#step1 h4 {
  margin-bottom: 20px;
}

#step2 h4, #step3 h4, #step4 h4 {
  margin-top: 50px;
  margin-bottom: 20px;
}

#step2 h4, #step3 h4 {
  margin-left: 16px;
}

#step4 #logo_egestor {
  padding: 0;
}

button#cadastro_autopreencher {
  background-color: #4e72c2;
  color: #fff;
  font-weight: 600;
}

.form-control, #formDetalhes #inputAnotacao, #formLogin .box-login input {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.modal-body {
  background-color: #fff;
}

#step1, #step2, #step3, #step4 {
  background-color: #F2F6FC;
  border-radius: 4px;
  padding: 20px 30px 1px 30px;
}

#formCadastro #step2 .espacoLogoSistema img,
#formCadastro #step3 .espacoLogoSistema img {
  margin-bottom: 1rem;
}

#formCadastro .img-nfemais,
#formCadastro .img-egestor {
  height: 24px;
  margin-left: 5px;
}

#formCadastro .img-nfemais {
  vertical-align: bottom;
  width: 60px;
}

#formCadastro .img-egestor {
  width: 120px;
}

#step2 .img-egestor,
#step3 .img-egestor,
#step4 .img-egestor{
	margin-top: 5px;
}

.label-disabled {
  color: #1f263e78;
}

input {
  background-color: #ffffff;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type='date'], input[type='time'] {
  -webkit-appearance: none;
}

@media (max-width: 1200px) {
  #divListaClientes .hidden-xs {
    display: none !important;
  }

  #divListaClientes .visible-xs {
    display: block !important;
  }

  #divListaClientes .planoGratuito::before,
  #divListaClientes .planoIniciante::before,
  #divListaClientes .planoAvancado::before,
  #divListaClientes .planoBasico::before,
  #divListaClientes .planoUltra::before,
  #divListaClientes .planoIlimitado::before,
  #divListaClientes .planoPadrao::before,
  #divListaClientes .planoLight::before,
  #divListaClientes .planoGratuito::after,
  #divListaClientes .planoIniciante::after,
  #divListaClientes .planoAvancado::after,
  #divListaClientes .planoBasico::after,
  #divListaClientes .planoUltra::after,
  #divListaClientes .planoIlimitado::after,
  #divListaClientes .planoPadrao::after,
  #divListaClientes .planoLight::after {
      display: none !important;
  }

  .btn-toolbar > .btn-group,
  .btn-toolbar > .btn-group .ButtonNumRows {
    /* width: 100% !important; */
    margin-left: 0px !important;
  }
  /* #divListaFaturas .btn-toolbar > .btn-group .dropup .btn-default,
  #divListaUsuarios .btn-toolbar > .btn-group .dropup .btn-default,
  #divListaClientes .btn-toolbar > .btn-group .dropup .btn-default {
    margin: 5% 0% !important;
  } */

  #divListaFaturas .btn-toolbar > .btn-group .pagination,
  #divListaUsuarios .btn-toolbar > .btn-group .pagination,
  #divListaClientes .btn-toolbar > .btn-group .pagination,
  #divListaProspect .btn-toolbar > .btn-group .pagination,
  #divListaSites .btn-toolbar > .btn-group .pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  #divDashboard .row {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  #btnAcessarMarketing, #btnAcessarYoutube {
    margin: 59px 0px 20px 0px !important;
  }

  div.panel.panel-new {
    height: 510px;
  }
}

@media (max-width: 737px) {
  .btn-toolbar > .btn-group,
  .btn-toolbar > .btn-group .ButtonNumRows {
    width: 100% !important;
  }
}

.head {
  text-align: center;
  padding: 5px 0;
}

.head .logo {
	/*margin-left: 250px;*/
	text-align: center;
	display: inline-block;
}

.head h1 {
  font-size: 1em;
  display: inline-block;
  margin-top: 5px;
  color: #ffffff;
}

.head img {
  vertical-align: text-bottom;
  padding-bottom: 2px;
}

.menu {
  float: right;
  margin-right: 20px;
}

.menu button {
  width: 160px;
  border: none;
  background: #fafafa;
  color: #16425B;
  outline: none;
  -webkit-box-shadow: 1px 1px 1px 0 #f7f7f7;
  -moz-box-shadow: 1px 1px 1px 0 #f7f7f7;
  box-shadow: 1px 1px 1px 0 #f7f7f7;
}

.menu button i {
  color: #16425B;
}

.menu button:hover {
  background: whitesmoke;
  transition: all 0.3s ease;
  color: #16425B;
  outline: none;
}

.menu button:active {
  -webkit-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
  outline: none;
  color: #16425B;
}

.menu button:focus {
  outline: none;
  color: #16425B;
}

.menu button:active:focus {
  outline: none;
  color: #16425B;
}

.menu img {
  height: 20px;
}

.menu .dropdown-menu > li > a {
  color: #16425B;
  font-weight: 600;
}

.menu .dropdown-menu > li > a img {
  height: 20px;
}

.menu .dropdown-menu i {
  color: #16425B;
  font-size: 16px;
  font-weight: 400;
}

.menu .dropdown-menu a[value="nfemais"] img {
  height: 15px;
}

.menu .caret {
  border-top: 5px dashed;
  border-top: 5px solid\9;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  margin-left: 10px;
  color: #16425B;
}

@media (min-width: 1400px) {
  .container {
    margin-top: 0px;
  }
}

.logo-sistema code {
  color: #008190;
  background: none;
  display: flex;
  float: right;
}

.copiar-link {
  margin-right: 5px;
  color: #1f263e;
  margin-top: 3px;
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row-filtros #formFiltros #filtro_busca_rcpt {
    width: 50%;
  }

  .row-filtros #formFiltros #filtro_de_rcpt {
    width: 50%;
  }

  .row-filtros #formFiltros #filtro_ate_rcpt {
    width: 50%;
  }

  .row-filtros #formFiltros #filtro_plano_rcpt {
    width: 50%;
  }

  .row-filtros #formFiltros #filtro_uf_rcpt {
    width: 30%;
  }

  .row-filtros #formFiltros #filtro_afl_rcpt {
    width: 50%;
  }

  .row-filtros #formFiltros #filtro_botao_rcpt {
    width: 20%;
  }

  .row-filtros #formFiltros .filtro-uf-preencher {
    width: 50% !important;
  }

  .row-filtros #formFiltros .filtro-botao-preencher {
    width: 50% !important;
  }

  #formLogin .box-login label {
    float: left;
  }
  
  #formLogin .box-login .button-login {
    width: 100%;
    float: none;
  }

  .container {
    width: 96%;
  }

  #divDashboard .row {
    margin-left: 30px !important;
    margin-right: 15px !important;
  }

  #formCadastro #cadastro_autopreencher_rcpt button {
    width: 216px !important;
  }

  #divDashboard #divVideoPanel .video-panel {
    width: 70%;
    margin-left: 90px;
  }

  .panel.panel-new {
    height: 530px !important;
  }
}
@media (min-width: 992px) and (max-width: 1999px) {
  .row-filtros #formFiltros .filtro-busca-preencher {
    width: 33.33333% !important;
  }

  .modal-dialog {
    width: 800px;
  }

  .head .margin-head {
    width: 970px;
    margin: 0 auto;
  }

  .menu {
    margin-right: 0px;
  }

  #btnAcessarMarketing, #btnAcessarYoutube {
    margin: 34px 0px 20px 0px !important;
  }
}

@media (min-width: 1200px) {  
  .head .margin-head {
    width: 970px;
    margin: 0 auto;
  }

  .menu {
    margin-right: 0px;
  }

  .row-filtros #formFiltros .filtro-busca-preencher {
    width: 33.33333% !important;
  }

  #formLogin .box-login {
    width: 45%;
  }
  
  .head .margin-head {
    width: 1170px;
    margin: 0 auto;
  }

  .menu {
    margin-right: 0px;
  }
}

.row-filtros .form-control-feedback {
  display: none;
}

.row-filtros .has-error .form-control-feedback {
  display: block !important;
  right: 15px !important;
}

.row-filtros .has-feedback .form-control, .row-filtros .has-feedback #formDetalhes #inputAnotacao, #formDetalhes .row-filtros .has-feedback #inputAnotacao, .row-filtros .has-feedback #formLogin .box-login input, #formLogin .box-login .row-filtros .has-feedback input {
  padding-right: 10px !important;
}

.row-filtros .has-error .form-control, .row-filtros .has-error #formDetalhes #inputAnotacao, #formDetalhes .row-filtros .has-error #inputAnotacao, .row-filtros .has-error #formLogin .box-login input, #formLogin .box-login .row-filtros .has-error input {
  padding-right: 32.5px !important;
}

#divListaClientes thead th:hover {
  cursor: pointer;
}

#divListaClientes thead tr th {
  vertical-align: baseline;
}

#divListaClientes tbody > tr:hover {
  background: rgba(42, 126, 173, 0.3);
}

#divListaClientes .table > tbody > tr > td {
  padding: 12px 2px;
}

#divListaClientes .table > tbody > tr.active > td, #divListaClientes .table > tbody > tr.active > th, #divListaClientes .table > tbody > tr > td.active, #divListaClientes .table > tbody > tr > th.active, #divListaClientes .table > tfoot > tr.active > td, #divListaClientes .table > tfoot > tr.active > th, #divListaClientes .table > tfoot > tr > td.active, #divListaClientes .table > tfoot > tr > th.active, #divListaClientes .table > thead > tr.active > td, #divListaClientes .table > thead > tr.active > th, #divListaClientes .table > thead > tr > td.active, #divListaClientes .table > thead > tr > th.active {
  background: rgba(42, 126, 173, 0.3);
}

#divListaClientes .btn-toolbar {
  text-align: center;
}

#prospectPage #divListaClientes .btn-group.pull-right {
  float: right !important;
}

#divListaClientes .pagination > li > a, #divListaClientes .pagination > li > span {
  color: #008190;
  background-color: transparent;
  border: none;
}

#divListaClientes .pagination .disabled a, #divListaClientes .pagination .disabled span {
  color: #777;
}

#divListaSites .col-situacao {
  width: 180px;
}

#divListaSites table tbody tr td {
  cursor: default;
}

#divListaClientes .btn-toolbar .btn-default,
#divListaFaturas .btn-toolbar .btn-default,
#divListaUsuarios .btn-toolbar .btn-default,
#divListaProspect .btn-toolbar .btn-default,
#divListaSites .btn-toolbar .btn-default {
  border: none;
  background: #ffffff;
  color: #3C5091;
  border: 1px solid #3C5091;
  font-weight: 600;
  border-radius: 9px;
}

#divListaClientes .btn-toolbar .btn-default i,
#divListaFaturas .btn-toolbar .btn-default i,
#divListaUsuarios .btn-toolbar .btn-default i,
#divListaProspect .btn-toolbar .btn-default i,
#divListaSites .btn-toolbar .btn-default i {
  color: #3C5091;
}

#divListaClientes .btn-toolbar .btn-default:hover,
#divListaFaturas .btn-toolbar .btn-default:hover,
#divListaUsuarios .btn-toolbar .btn-default:hover,
#divListaProspect .btn-toolbar .btn-default:hover,
#divListaSites .btn-toolbar .btn-default:hover {
  background: #CCDCF1;
  transition: all 0.3s ease;
  /* color: #ffffff; */
  outline: none;
}

#divListaClientes .btn-toolbar .btn-default:active,
#divListaFaturas .btn-toolbar .btn-default:active,
#divListaUsuarios .btn-toolbar .btn-default:active,
#divListaProspect .btn-toolbar .btn-default:active,
#divListaSites .btn-toolbar .btn-default:active {
  color: #3C5091;
}

#divListaClientes .btn-toolbar .btn-default:focus,
#divListaFaturas .btn-toolbar .btn-default:focus,
#divListaUsuarios .btn-toolbar .btn-default:focus,
#divListaProspect .btn-toolbar .btn-default:focus,
#divListaSites .btn-toolbar .btn-default:focus {
  outline: none;
  color: #3C5091 !important;
}

#divListaClientes .btn-toolbar .btn-default:active:focus,
#divListaFaturas .btn-toolbar .btn-default:active:focus,
#divListaUsuarios .btn-toolbar .btn-default:active:focus,
#divListaProspect .btn-toolbar .btn-default:active:focus,
#divListaSites .btn-toolbar .btn-default:active:focus {
  outline: none;
  color: #3C5091;
}

#divListaClientes .btn-toolbar .btn-default .caret,
#divListaFaturas .btn-toolbar .btn-default .caret,
#divListaUsuarios .btn-toolbar .btn-default .caret,
#divListaProspect .btn-toolbar .btn-default .caret,
#divListaSites .btn-toolbar .btn-default .caret {
  color: #3C5091;
  margin-left: 5px;
}

#divListaClientes .dropdown-menu > li > a:hover,
#divListaFaturas .dropdown-menu > li > a:hover,
#divListaUsuarios .dropdown-menu > li > a:hover,
#divListaProspect .dropdown-menu > li > a:hover,
#divListaSites .dropdown-menu > li > a:hover {
  background-color: rgba(42, 126, 173, 0.3);
}

#divListaClientes .planoGratuito,
#divListaClientes .planoIniciante,
#divListaClientes .planoAvancado,
#divListaClientes .planoBasico,
#divListaClientes .planoLight,
#divListaClientes .planoUltra,
#divListaClientes .planoIlimitado,
#divListaClientes .planoPadrao,
#divListaSites .col-situacao:not(th) {
    color: #000000;
    padding-bottom: 10px;
    position: relative;
    text-transform: uppercase;
}

#divListaClientes .planoGratuito::before,
#divListaClientes .planoIniciante::before,
#divListaClientes .planoAvancado::before,
#divListaClientes .planoBasico::before,
#divListaClientes .planoUltra::before,
#divListaClientes .planoIlimitado::before,
#divListaClientes .planoPadrao::before,
#divListaClientes .planoLight::before,
#divListaSites .col-situacao:not(th)::before {
  content: '';
  display: block;
  width: 69px;
  height: 3px;
  background-color: #a5a5a530;
  position: absolute;
}

#divListaClientes .planoGratuito::before,
#divListaClientes .planoIniciante::before,
#divListaClientes .planoAvancado::before,
#divListaClientes .planoBasico::before,
#divListaClientes .planoUltra::before,
#divListaClientes .planoIlimitado::before,
#divListaClientes .planoPadrao::before,
#divListaClientes .planoLight::before {
  bottom: 0;
}
  
#divListaSites .col-situacao:not(th)::before {
  bottom: 5px;
}

#divListaClientes .planoUltra::before {
  left: -15px;
}

#divListaClientes .planoIlimitado::before {
  left: -3px;
}

#divListaClientes .planoGratuito::before,
#divListaClientes .planoIniciante::before {
  left: -3px;
}

#divListaClientes .planoPadrao::before {
  left: -6px;
}

#divListaClientes .planoAvancado::before {
  left: 1px;
}

#divListaClientes .planoGratuito::after,
#divListaClientes .planoIniciante::after,
#divListaClientes .planoLight::after {
    background-color: red;
    width: 25%;
}

#divListaClientes .planoAvancado::after,
#divListaClientes .planoBasico::after,
#divListaClientes .planoPadrao::after,
#divListaSites .em-andamento:not(th)::after {
    background-color: orange;
}

#divListaClientes .planoAvancado::after,
#divListaClientes .planoPadrao::after {
  width: 70%;
}

#divListaSites .em-andamento:not(th)::after{
  width: 18%;
}

#divListaClientes .planoBasico::after {
  width: 104%;
}

#divListaClientes .planoUltra::after,
#divListaClientes .planoIlimitado::after,
#divListaSites .finalizado:not(th)::after {
    background-color: green;
}

#divListaClientes .planoUltra::after {
  width: 165%;
}

#divListaSites .finalizado:not(th)::after {
  width: 38%;
}

#divListaClientes .planoIlimitado::after {
  width: 100%;
}

#divListaClientes .planoGratuito::after,
#divListaClientes .planoIniciante::after,
#divListaClientes .planoAvancado::after,
#divListaClientes .planoBasico::after,
#divListaClientes .planoUltra::after,
#divListaClientes .planoIlimitado::after,
#divListaClientes .planoPadrao::after,
#divListaClientes .planoLight::after,
#divListaSites .col-situacao:not(th)::after {
    content: '';
    display: block;
    height: 3px;
    position: absolute;
  }

#divListaClientes .planoGratuito::after,
#divListaClientes .planoIniciante::after,
#divListaClientes .planoAvancado::after,
#divListaClientes .planoBasico::after,
#divListaClientes .planoUltra::after,
#divListaClientes .planoIlimitado::after,
#divListaClientes .planoPadrao::after,
#divListaClientes .planoLight::after {
  bottom: 0;
}

#divListaSites .col-situacao:not(th)::after {
  bottom: 5px;
}

#divListaClientes .planoUltra::after {
  left: -15px;
}

#divListaClientes .planoIlimitado::after {
  left: -3px;
}

#divListaClientes .planoGratuito::after,
#divListaClientes .planoIniciante::after {
  left: -3px;
}

#divListaClientes .planoPadrao::after {
  left: -9px;
}

#divListaClientes .planoAvancado::after {
  left: 1px;
}

/* #divListaClientes .planoBasico::after {
  left: 11px;
} */

#divListaClientes .planoMicro {
  color: #F56C84;
  font-weight: 600;
}

#divListaClientes .planoBasic {
  color: #42BCC8;
  font-weight: 600;
}

#divListaClientes .planoPremium {
  color: #5C4316;
  font-weight: 600;
}

#divListaClientes .planoMax {
  color: #001470;
  font-weight: 600;
}

#divListaClientes .card {
  text-align: center;
}

#divListaClientes .card .listColorize {
  padding: 4px 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

/* #divListaClientes .card .listColorize.situAtivo {
  color: green;
  background-color: #ffffff;
  border: 1px solid green;
  border-radius: 10px;
  text-transform: uppercase;
  font-size: 12px;
}

#divListaClientes .card .listColorize.situBloqueado {
  color: red;
  background-color: #fff;
  border: 1px solid red;
  border-radius: 10px;
  text-transform: uppercase;
  font-size: 12px;
} */

#divListaClientes .quebraLinha {
  line-break: anywhere;
}

/* #divListaUsuarios table tbody tr td,
#divListaUsuarios table thead tr th {
	padding: 15px !important;
} */

#divFaturas table tbody tr td,
#divFaturas table thead tr th,
#divListaUsuarios table tbody tr td,
#divListaUsuarios table thead tr th,
#divListaClientes table tbody tr td,
#divListaClientes table thead tr th {
	padding: 10px !important;
}

#divFaturas table tbody tr td,
#divFaturas table thead tr th {
  cursor: auto;
}

/* #divListaClientes table tbody tr td
{
	padding: 10px !important;
}

#divListaClientes table thead tr th {
	padding: 0px 7px 8px 5px !important;
} */

#formCadastro #cadastro_subdominio_rcpt,
/* #formCadastro #cadastro_cnpj_rcpt, */
#formCadastro #cadastro_autopreencher_rcpt,
#formCadastro #cadastro_login_rcpt,
#formCadastro #cadastro_senha_rcpt,
#formCadastro #cadastro_senha2_rcpt {
  display: inline-block;
  padding: 0 !important;
}

/* #formCadastro #cadastro_autopreencher_rcpt {
  margin-top: 24px !important;
} */

#formCadastro #cadastro_autopreencher_rcpt button {
  /* border-top-left-radius: 0 !important;
  border-top-right-radius: 9px !important;
  border-bottom-right-radius: 9px !important;
  border-bottom-left-radius: 0px !important; */
  margin-bottom: 1px !important;
  border-radius: 4px !important;
  margin-left: 5px;
  width: 150px;
}

#formCadastro #cadastro_autopreencher_rcpt button:active:focus,
button#enviarAnotacao:active:focus,
#registroEventos_formFiltrosRelatorio > div.row > div.text-center > .btn-group > button.btnGerarRelatorio:active:focus {
	border: none;
	outline: none;
  box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
}

#formCadastro #cadastro_cnpj_rcpt > span,
#formCadastroUsuario #usuario_login_rcpt span,
#formCadastroUsuario #usuario_email_rcpt span,
#formCadastroUsuario #usuario_nome_rcpt span,
#formCadastroUsuario #usuario_fone_rcpt span,
#formCadastroUsuario #usuario_senha_rcpt span,
#formCadastroUsuario #usuario_senha2_rcpt span,
#formCadastro #cadastro_nome_rcpt span,
#formCadastro #cadastro_contato_rcpt span,
#formCadastro #cadastro_email_rcpt span,
#formCadastro #cadastro_fone1_rcpt span,
#formCadastro #cadastro_fone2_rcpt span,
#formCadastro #cadastro_subdominio_rcpt span,
#formCadastro #cadastro_uf_rcpt span,
#formCadastro #cadastro_login_rcpt span,
#formCadastro #cadastro_senha_rcpt span,
#formCadastro #cadastro_senha2_rcpt span {
	top:25px
}

#formDetalhes #config_bpoUsername_rcpt span {
  top: 0;
  right: 2px !important;
}

#formCadastro .link-egestor {
  display: inline-block;
  position: relative;
  top: 32px;
  right: 16px;
  float: right;
  font-weight: 600;
  text-transform: uppercase;
}

#formCadastro input:focus, #formCadastro select:focus {
  outline: none;
  border-color: #0f131f;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#formCadastro .ArrowSelect {
  position: absolute;
  top: 33px;
  z-index: 3;
  right: 2px;
}

div#avisoLgpdStep2,
div#avisoLgpdStep3 {
  margin-top: 10px;
  font-size: 12px;
}

div.modal:has(form#formCadastro),
div.modal:has(form#formCadastroUsuario),
div.modal:has(form#formConfig),
div.modal:has(form#formCadastroSite) {
  padding-right: 0 !important;
}

div.modal-dialog:has(form#formCadastro),
div.modal-dialog:has(form#formDetalhes),
div.modal-dialog:has(form#formCadastroUsuario),
div.modal-dialog:has(form#formConfig),
div.modal-dialog:has(form#formCadastroSite) {
  margin: 0;
}

div.modal-dialog:has(form#formDetalhes) {
  width: 60%;
}

div.modal-dialog:has(form#formCadastro),
div.modal-dialog:has(form#formCadastroUsuario),
div.modal-dialog:has(form#formConfig),
div.modal-dialog:has(form#formCadastroSite) {
  padding: 0 0 0 230px;
}

div.modal.msg-box-confirm .btn-danger:focus,
div.modal.confirm-plano .btn-danger:focus,
div.modal.confirm-plano .btn-danger:active,
div.modal.msg-box-confirm .btn-danger:active {
  outline: none;
  background-color: #4E72C2 !important;
  color: #fff !important;
  border: none !important;
}

div.modal.msg-box-confirm .modal-content,
div.modal.confirm-plano .modal-content {
  margin-top: -32px;
}

div.modal.msg-box-confirm .modal-content {
  margin-left: 215px;
}

div.modal.confirm-plano .modal-content {
  margin-left: -25px;
}

#formCadastroUsuario h4,
#formCadastroSite h4 {
  margin: 5px 0 20px 0;
  font-weight: 700;
}

#formCadastroUsuario .form-group.row,
#formConfig .form-group.row,
#formCadastroSite .form-group.row {
  background-color: #F2F6FC;
  padding: 5px 10px 15px 10px;
  margin: 0px 5px;
  border-radius: 5px;
}

#formCadastroSite #cadastro_site_cliente_rcpt {
  margin-top: 15px !important;
}

#contentRelatorio span[target="registroEventos_filtroSistema"],
#contentRelatorio span[target="registroEventos_filtroUsuario"],
#contentRelatorio span[target="registroEventos_filtroData"],
#formCadastro span[target="cadastro_cnpj"],
#formCadastro span[target="cadastro_email"],
#formCadastro span[target="cadastro_fone1"],
#formCadastro span[target="cadastro_fone2"],
#formCadastro span[target="cadastro_uf"],
#formFiltros span[target="filtro_de"],
#formFiltros span[target="filtro_ate"],
#formFiltros span[target="filtro_plano"],
#formFiltros span[target="filtro_uf"],
#formFiltros span[target="filtro_situacao"] {
  display: none;
}

#formFiltros input, #formFiltros select {
	border-radius: 4px;
}

#filtroProspect_uf_rcpt > div > i {
  margin-right: 10px;
  margin-top: 25px;
}

#boxListaAfiliados {
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  overflow: auto;
}

#boxListaAfiliados table {
  width: 100%;
}

#boxListaAfiliados thead tr th {
  padding: 8px;
  vertical-align: bottom;
  border-bottom: 2px solid #DDDDDD;
}

#boxListaAfiliados tbody tr td {
  border: 1px solid #DDDDDD;
  padding: 12px 8px;
  background-color: #ffffff;
}

#formConfig input:focus, #formConfig select:focus {
  outline: none;
  border-color: #1f263e;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#formConfig .label-success {
  background-color: #1f263e;
}

#formConfig .bootstrap-tagsinput {
  min-width: 100%;
  margin-bottom: 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  border-radius: 4px 4px 4px 4px !important;
}

#formConfig .bootstrap-tagsinput:focus {
  outline: none;
  border-color: #008190;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#formConfig .label-danger {
  background-color: #F75162;
}

#formDetalhes li a {
  background-color: #16425B;
  color: #ffffff;
}

#formDetalhes .nav-tabs > li.active > a, #formDetalhes .nav-tabs > li.active > a:focus, #formDetalhes .nav-tabs > li.active > a:hover {
  background-color: #26A302;
  color: #ffffff;
}

#formDetalhes .tab-content {
  padding: 15px;
  background-color: #ffffff;
}

#formDetalhes .tab-content td {
  border-bottom: 1px solid #DDDDDD;
  padding: 6px;
  /* text-align: center; */
/*  background-color: #ffffff;*/
}

#formDetalhes #listaAnotacoes {
  max-height: 290px;
  overflow-y: auto;
  border: 1px solid #DDDDDD;
  background-color: #fff;
  border-radius: 5px;
}

#formDetalhes #listaAnotacoes ul {
  padding-left: 0;
  margin: 15px;
  max-height: 183px;
}

#formDetalhes #listaAnotacoes ul li .anotacaoData {
  display: inline-block;
  color: #109BFF;
}

#formDetalhes #listaAnotacoes ul li .anotacaoUser {
  display: inline-block;
  color: #109BFF;
/*  font-weight: 600;*/
}

#formDetalhes #listaAnotacoes ul li .anotacaoData {
  float: right;
  font-size: .7em;
  font-weight: bold;
}

#formDetalhes #listaAnotacoes ul li div {
  padding: 10px;
}

#formDetalhes #listaAnotacoes li {
  list-style-type: none;
  border: 2px solid #109BFF;
  margin-bottom: 10px;
  margin-left: 0;
  background-color: #EDFBFF;
  border-radius: 3px;
}

#formDetalhes .anotacaoMsg {
/*  background-color: rgba(245, 247, 73, 0.1);*/
  padding: 8px;
}

.anotacaoMsg {
  color: #11365A;
}

/*#formDetalhes #inputAnotacao {
  margin-top: 25px;
}*/

#formDetalhes #inputAnotacao:focus {
  outline: none;
  border-color: #008190;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#formDetalhes #abaDadosGerais #dadosCliente,
#formDetalhes #abaDadosGerais #dadosPlano,
#formDetalhes #abaDadosGerais #dadosContratos,
#formDetalhes #abaDadosGerais #boxDetalhesAfiliado,
#formDetalhes #abaDadosGerais #boxAnotacoes,
#formDetalhes #abaDadosGerais #boxBpo,
#formDetalhes #abaDadosGerais #boxConfiguracoes {
  background-color: #F2F6FC;
  padding: 10px 20px;
}

#formDetalhes #abaDadosGerais #dadosPlano,
#formDetalhes #abaDadosGerais #dadosContratos,
#formDetalhes #abaDadosGerais #boxBpo,
#formDetalhes #abaDadosGerais #boxConfiguracoes {
  margin-top: 3rem;
}

#formDetalhes .rightColumn {
  word-break: break-all;
}

#formDetalhes #boxBpo #boxConfiguracoesBpo {
  display: flex;
  flex-direction: column;
}

#formDetalhes #boxBpo #boxConfiguracoesBpo #boxConfiguracoesBpo_login {
  display: flex;
  align-items: center;
}

#formDetalhes #boxBpo #boxConfiguracoesBpo #boxConfiguracoesBpo_login #config_bpoUsername_rcpt {
  display: flex;
  width: 100%;
}

#formDetalhes #boxBpo #boxConfiguracoesBpo #boxConfiguracoesBpo_login label {
  margin-right: 50px;
  margin-top: 5px;
}

#formDetalhes #boxBpo #boxConfiguracoesBpo #boxConfiguracoesBpo_login .inputClass {
  flex-grow: 1;
}

#formDetalhes #boxBpo #boxConfiguracoesBpo #boxConfiguracoesBpo_botoes {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

.flex {
  display: flex;
}

#formDetalhes table {
  width: 100%;
}

#formDetalhes h4 {
  font-weight: 700;
  color: #344574;
  padding-bottom: 10px;
}

#formDetalhes input#teste_vendaRedFarmer,
#formDetalhes input#teste_ignorarHs,
#formCadastro input#cadastro_vendaRedFarmer,
#formCadastro input#cadastro_passarValores {
	height: 0;
	width: 0;
	visibility: hidden;
}

#formDetalhes #boxConfiguracoes label,
#formCadastro #switchCadastroVendaRedFarmer label,
#formCadastro #switchCadastroPassarValores label {
  cursor: pointer;
  /* Remove text-indent to show label text */
  width: 40px; /* Width for the switch */
  height: 20px; /* Height for the switch */
  /* background: #4E72C2; */
  background: grey;
  display: inline-block; /* Change to inline-block */
  border-radius: 20px;
  position: relative;
  margin-right: 10px; /* Add space between switch and label text */
}

#formDetalhes #boxConfiguracoes label:after,
#formCadastro #switchCadastroVendaRedFarmer label:after,
#formCadastro #switchCadastroPassarValores label:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 18px;
  transition: 0.3s;
}

#formDetalhes #boxConfiguracoes input:checked + label,
#formCadastro #switchCadastroVendaRedFarmer input:checked + label,
#formCadastro #switchCadastroPassarValores input:checked + label {
  background: #49DA60;
}

#formDetalhes #boxConfiguracoes input:checked + label:after,
#formCadastro #switchCadastroVendaRedFarmer input:checked + label:after,
#formCadastro #switchCadastroPassarValores input:checked + label:after {
  left: calc(100% - 1px);
  transform: translateX(-100%);
}

#formDetalhes #boxConfiguracoes label:active:after,
#formCadastro #switchCadastroVendaRedFarmer label:active:after,
#formCadastro #switchCadastroPassarValores label:active:after {
  width: 24px;
}

#formDetalhes #boxConfiguracoes #switchConfig span,
#formCadastro #switchCadastroVendaRedFarmer span,
#formCadastro #switchCadastroPassarValores span {
  font-size: 12px;
  font-weight: 600;
  color: #1F263E;
}

#formDetalhes #boxConfiguracoes #switchConfig {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

#formDetalhes #switchConfig.switchVendaRedFarmer {
  margin-top: 20px;
}

.disabled-switch {
  opacity: 0.5;
  pointer-events: none;
}

.disabled-box {
  opacity: 0.5;
  cursor: not-allowed;
}

#formDetalhes #logo_egestor img {
  width: 150px;
}

#formDetalhes #logo_nfemais img {
  width: 80px;
}

#formDetalhes #logo_egestor, #formDetalhes #logo_nfemais {
  margin-bottom: 3rem;
}

#formDetalhes #dadosPlano #valorLicenca_rcpt,
#formDetalhes #dadosPlano #freqPgto,
#formDetalhes #dadosPlano #plano_rcpt {
  display: flex;
  align-items: center;
}

#formDetalhes #dadosPlano #plano_rcpt > label {
  font-size: 14px;
}

#formDetalhes #dadosPlano #valorLicenca_rcpt > label > h5,
#formDetalhes #dadosPlano #freqPgto > h5 {
  font-weight: 600;
}

#formDetalhes #dadosPlano #valorLicenca_rcpt > label,
#formDetalhes #dadosPlano #plano_rcpt > label {
  margin-right: 10px;
}

#formDetalhes #dadosPlano #valorLicenca_rcpt > div {
  flex-grow: 1;
  max-width: 200px;
}

#formDetalhes #dadosPlano #freqPgto h5 {
  margin-right: 40px;
  margin-bottom: 30px;
}

#formDetalhes #dadosPlano #freqPgto .row {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
}

#formDetalhes #dadosPlano #freqPgto #checkMensal_rcpt {
  margin-right: 10px;
}


#formDetalhes #dadosPlano #freqPgto  #checkAnual_rcpt > label,
#formDetalhes #dadosPlano #freqPgto  #checkMensal_rcpt > label {
  font-weight: 500;
}

#formDetalhes #dadosPlano #plano_rcpt > div {
  flex-grow: 1;
  display: flex;
  align-items: center;
  max-width: 200px;
  margin-left: 57px;
}

#formDetalhes #dadosPlano #plano_rcpt > div > span {
  display: none;
}

#formDetalhes #cliente_configDados table tbody tr td.leftColumn,
#formDetalhes #boxDetalhesAfiliado table tbody tr td.leftColumn {
  font-weight: 600;
  color: #1f263e;
}

#dadosContratos button {
  border-radius: 10px !important;
  font-weight: 600 !important;
  width: 100px;
  height: 38px;
  background-color: #4e72c2;
}

#dadosContratos button:hover {
  background-color: #4460b1;
}

#dadosContratos button a {
  color: #fff;
}

#dadosContratos button a:hover {
  text-decoration: none;
}

.radius {
  border-radius: 5px;
}

.botao-voltar, #filtroSites_limpar, #filtro_limpar, #filtroProspect_limpar{
  border: 1px solid #4E72C2;
  background: #F2F6FC;
  color: #4E72C2;
  font-weight: 600;
  border-radius: 8px;
}

.botao-voltar:hover, #filtroSites_limpar:hover, #filtro_limpar:hover, #filtroProspect_limpar:hover {
  background: #CCDCF1;
  transition: all 0.3s ease;
  color: #4E72C2;
  outline: none;
  border: 1px solid #4e72c2;
}

.botao-voltar:focus, #filtroSites_limpar:focus, #filtro_limpar:focus, #filtroProspect_limpar:focus {
  outline: none;
  color: #4E72C2 !important;
}

.botao-voltar:active:focus, #filtroSites_limpar:active:focus, #filtro_limpar:active:focus, #filtroProspect_limpar:active:focus {
  outline: none;
  color: #4e72c2 !important;
}

.botao-next, .botao-salvar, #btnOkPainel {
  border: none;
  background: #4e72c2;
  color: #ffffff;
  outline: none;
  font-weight: 600;
  border-radius: 8px;
}

.botao-next:hover, .botao-salvar:hover, #btnOkPainel:hover {
  background: #4460B1;
  color: #fff;
}

.botao-next:focus, .botao-salvar:focus, #btnOkPainel:focus,
.botao-next:active:focus, .botao-salvar:active:focus, #btnOkPainel:active:focus {
  outline: none !important;
  color: #fff !important;
}

.btnBpoListagem, button#enviarAnotacao {
    width: 80px;
    height: 32px;
    min-width: 70px;
}

button#enviarAnotacao {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  margin-top: 1px;
  margin-left: 6px;
}

#WarningMsgBox .alert-warning {
  background-color: #1f263e;
  border-bottom: 5px solid #4e72c2;
  border-top: 5px solid #4e72c2;
  text-align: center;
  width: 100%;
  z-index: 1051;
  position: static;
  margin-bottom: 25px;
}

#WarningMsgBox .alert-warning strong {
  color: #ffffff;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  #WarningMsgBox .alert-warning {
    width: 100%;
    height: auto;
    left: 0%;
  }
}

#WarningMsgBox .alert-danger {
  background-color: #16425B;
  border-bottom: 5px solid #4e72c2;
  border-top: 5px solid #4e72c2;
  text-align: center;
  width: 100%;
  z-index: 1051;
  color: #ffffff;
  -webkit-box-shadow: inset 0px 0px 10px 0 #020609;
  -moz-box-shadow: inset 0px 0px 10px 0 #020609;
  box-shadow: inset 0px 0px 10px 0 #020609;
  position: static;
  top: 0;
}

#WarningMsgBox .alert-danger strong {
  color: #ffffff;
}

#WarningMsgBox .alert-danger .alert {
  border: none;
}

#formLogin {
  width: 100%;
  height: 100%;
  /* background-image: url("img/bg.png"); */
  background-repeat: repeat;
}

#formLogin .head-login {
  display: flex;
  justify-content: center;
  background-color: #fff;
}

#formLogin .head-login h1 {
  font-size: 13px;
  display: inline-block;
  margin-top: 15px;
  color: #4E72C2;
}

#formLogin .head-login span {
  font-size: 20px;
  font-weight: 800;
  color: #1F263E;
}

#formLogin .logo {
  display: inline-block;
  padding-top: 10%;
}

#formLogin h1 {
  color: #008190;
  font-size: 1.2em;
  display: inline-block;
  padding-bottom: 10px;
}

#formLogin img {
  vertical-align: text-bottom;
  height: 25px;
}

#formLogin .box-login {
  background-color: #fff;
  padding: 30px 50px;
  border-radius: 10px;
  margin: 50px auto;
  width: 45%;
  /* -webkit-box-shadow: 0px 0px 2px 0 #e1e1e1;
  -moz-box-shadow: 0px 0px 2px 0 #e1e1e1;
  box-shadow: 0px 0px 2px 0 #e1e1e1; */
}

#formLogin .box-login h3 {
  font-weight: 700;
  color: #344574;
  margin-left: 15px;
  margin-bottom: 0;
}

#formLogin .box-login .form-group {
  margin-bottom: 15px;
}

#formLogin .box-login label {
	text-align: left;
	margin-bottom: 5px;
  margin-top: 15px;
  color: #1F263E;
  font-size: 13px;
  font-weight: 600;
}

#formLogin .box-login .form-control {
	width: 100%;
}

#formLogin .box-login input:focus {
  outline: none;
  border-color: #4E72C2;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#formLogin .box-login .button-login {
  float: right;
  margin-top: 20px;
  border: none;
  background: #4E72C2;
  color: #ffffff;
  outline: none;
  padding: 10px 14px;
  width: 100%;
  font-weight: 600;
  border-radius: 10px;
}

#formLogin .box-login .button-login i {
  color: #ffffff;
}

#formLogin .box-login .button-login:hover {
  background: #4460B1;
  transition: all 0.3s ease;
  color: #ffffff;
  outline: none;
}

#formLogin .box-login .button-login:active {
  -webkit-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
  outline: none;
  color: #ffffff;
}

#button-esqueci-senha {
  border: none;
  background: none;
}

#formLogin .box-login .button-login:focus {
  outline: none;
  color: #ffffff;
}

#formLogin .box-login .button-login:active:focus {
  outline: none;
  color: #ffffff;
}

.relatListOverlay {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 3px;
}

.relatListOverlay > .fa{
  position: absolute;
  top: 50%;
  left: 50%; /* 50% */
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 30px;
}

.relatListOverlay .fa-spin {
  -webkit-animation: fa-spin 0.3s infinite linear;
  animation: fa-spin 0.3s infinite linear;
}

@media only screen and (max-width: 479px) {
  #formLogin .box-login .button-login {
    width: 100%;
    float: none;
  }

  #formLogin .box-login label {
    float: left;
  }

  #formLogin .box-login {
    width: 96%;
    margin: 30px auto !important;
  }

  #formLogin .logo {
    padding-top: 5px-wh;
  }

  #divDashboard > div > div {
    margin-top: 5px;
  }

  .row-endereco-botoes .box-botoes {
    text-align: left;
  }

  .box-botoes button {
    margin-bottom: 10px;
  }

  #formCadastro #cadastro_autopreencher_rcpt button {
    width: 91%;
    margin-left: 14px;
    margin-top: -25px;
  }

  .panel-heading {
    font-size: 14px;
  }

  #divDashboard .row {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

  #empresaAndUser > div > button {
    font-size: 12px;
  }

  #btnAcessarMarketing, #btnAcessarYoutube {
    margin: 37px 0px 20px 0px !important;
  }

  .panel-infos-farmer {
    height: 276px !important;
  }

  div.panel.panel-new {
    height: 550px;
  }

  #formLogin .aviso-representante {
    background-color: #f0f0f0;
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
    margin-left: 15px;
    margin-right: 15px;
    display: inline-block;
  }

  #divListaProspect .table tbody tr td {
    padding: 18px 15px !important;
  }

  #divListaProspect .table tbody tr td span {
    padding: 2px !important;
  }

  #divDashboard #divVideoPanel .video-panel {
    margin-left: 30px;
    margin-top: 4px;
  }

  .toast-container .toast-content .options .whatsapp {
    margin-top: -105px !important;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  #formLogin .box-login .button-login {
    width: 100%;
    float: none;
  }

  #formLogin .box-login label {
    float: left;
  }

  #formLogin .box-login {
    width: 96%;
  }

  #empresaAndUser > div > button {
    font-size: 11px;
  }
}

@media screen and (min-width: 0\0) {
  .ArrowSelect {
    display: none;
  }
}

:root #WarningMsgBox .alert-warning {
  width: 100% \0/IE9;
  height: auto \0/IE9;
  left: 0% \0/IE9;
}

/*-----------------------------------------------------------*/
/* --------- DASHBOARD - view2.html e index2.php ---------- */
/*---------------------------------------------------------*/

.linhaMenu {
  background: #16425B;
}

.btnMenu {
  border: none;
  background: transparent;
  color: #ffffff;
  outline: none;
  border-radius: 0;
  /*box-shadow: 1px 1px 1px 0 #16425B;
  -webkit-box-shadow: 1px 1px 1px 0 #16425B;
  -moz-box-shadow: 1px 1px 1px 0 #16425B;
  */
}

.btnMenu i {
  color: #ffffff;
}

.btnMenu:hover {
  background: #a1c93d;
  transition: all 0.3s ease;
  color: #ffffff;
  outline: none;
}

.btnMenu:active {
  -webkit-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
  outline: none;
  /*background: #a1c93d;
  font-weight: 600;*/
}

.btnMenu:focus {
  outline: none !important;
  color: #ffffff;
}

.btnMenu:active:focus {
  outline: none;
  color: #ffffff;
}

.btnMenu.active{
  background: #a1c93d;
  font-weight: 600;
}

#btnAcessarMarketing, #btnAcessarYoutube, #btnAcessarGrupoWpp, #btnContatoWpp, #btnAbrirChamadoZipticket {
  background: #4E72C2;
  color: #fff;
  font-weight: 600;
  border-radius: 10px;
  padding: 10px 28px 10px 28px;
  margin: 16px 0px 20px 0px;
}

#btnAbrirChamadoZipticket {
  margin: 47px 0px 20px 0px !important;
  width: auto;
}

#btnAcessarMarketing:hover, #btnAcessarYoutube:hover, #btnAcessarGrupoWpp:hover, #btnContatoWpp:hover, #btnAbrirChamadoZipticket:hover {
  background: #4460B1;
  transition: all 0.3s ease;
  color: #ffffff;
  outline: none;
}

#btnAbrirChamadoZipticket:active, #btnAbrirChamadoZipticket:focus {
  outline: none;
}

#contentRelatorio .input-group .form-control:last-child {
  border-radius: 4px 4px 4px 4px !important;
}

#btnRelatorio{
  border: none;
  background: #2a7ead;
  color: #ffffff;
  outline: none;
  -webkit-box-shadow: 1px 1px 1px 0 #153f57;
  -moz-box-shadow: 1px 1px 1px 0 #153f57;
  box-shadow: 1px 1px 1px 0 #153f57;
}

#btnRelatorio i {
  color: #ffffff;
}

#btnRelatorio:hover {
  background: #143c53;
  transition: all 0.3s ease;
  color: #ffffff;
  outline: none;
}

#btnRelatorio:active {
  -webkit-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
  outline: none;
  color: #ffffff;
}

#btnRelatorio:focus {
  outline: none;
  color: #ffffff;
}

#btnRelatorio:active:focus {
  outline: none;
  color: #ffffff;
}

#btnRelat{
  border: none;
  background: #008190;
  color: #ffffff;
  outline: none;
  -webkit-box-shadow: 1px 1px 1px 0 #007c8b;
  -moz-box-shadow: 1px 1px 1px 0 #007c8b;
  box-shadow: 1px 1px 1px 0 #007c8b;
}

#btnRelat  i {
  color: #ffffff;
}

#btnRelat:hover {
  background: #007886;
  transition: all 0.3s ease;
  color: #ffffff;
  outline: none;
}

#btnRelat:active {
  -webkit-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
  outline: none;
  color: #ffffff;
}

#btnRelat:focus {
  outline: none;
  color: #ffffff;
}

#btnRelat:active:focus {
  outline: none;
  color: #ffffff;
}

#btnConfigDashboard {
  font-weight: 600;
  border: none;
  background: #A5CB45;
  color: #ffffff;
  outline: none;
  -webkit-box-shadow: 1px 1px 1px 0 #a3ca41;
  -moz-box-shadow: 1px 1px 1px 0 #a3ca41;
  box-shadow: 1px 1px 1px 0 #a3ca41;
}

#btnConfigDashboard i {
  color: #ffffff;
}

#btnConfigDashboard:hover {
  background: #a1c93d;
  transition: all 0.3s ease;
  color: #ffffff;
  outline: none;
}

#btnConfigDashboard:active {
  -webkit-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
  outline: none;
  color: #ffffff;
}

#btnConfigDashboard:focus {
  outline: none;
  color: #ffffff;
}

#btnConfigDashboard:active:focus {
  outline: none;
  color: #ffffff;
}

.rowDashboard {
  border-top: 1px solid #e5e5e5;
  padding: 15px;
}

.cardDashboard {
  padding: 20px;
  border: solid 1px;
  border-radius: 4px;
  border-color: #e5e5e5;
  border: 1px solid #65A6FF;
  border-radius: 4px;
  background: #eee;
  border-radius: 4px;
  border: solid 1px #e5e5e5;
  margin-bottom: 20px;
  -webkit-box-shadow: inset 0px 0px 4px -1px rgb(0 0 0 / 30%);
  -moz-box-shadow: inset 0px 0px 4px -1px rgba(0,0,0,0.3);
  box-shadow: inset 0px 0px 4px -1px rgb(0 0 0 / 30%);
}

.cardDashboard p {
  font-weight: 600;
}


.cardMenor {
  max-width: 97%;
}

.cardDashboard rect{
 /* fill:  #eee;*/

}

.chart_div {
 overflow-x: scroll;
 /*overflow-y: hidden;  */
 /*width: 500px;*/
 height: 200px;
 max-width: 100%;
}

.cardDashboard i {
  font-size: 2.5em;
  color:  #2a7ead;
}

.cardDashboard span {
  font-size: 2.5em;
  margin-bottom: 10px;
  font-weight: 600;
  /*color:  #2a7ead;*/
}

.float-right {
  float: right;
}

.cardDashboard .fa-exclamation-circle {
  color: #EF2D56
}

#btnConsultoria, #btnInadimplentes {
  font-weight: 600;
  float: right;
  border: none;
  background: #16425B;
  color: #ffffff;
  outline: none;
  -webkit-box-shadow: 1px 1px 1px 0 #153f57;
  -moz-box-shadow: 1px 1px 1px 0 #153f57;
  box-shadow: 1px 1px 1px 0 #153f57;
}


#btnConsultoria i, #btnInadimplentes i {
  color: #ffffff;
}

#btnConsultoria:hover, #btnInadimplentes:hover {
  background: #143c53;
  transition: all 0.3s ease;
  color: #ffffff;
  outline: none;
}

#btnConsultoria:active, #btnInadimplentes:active {
  -webkit-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
  outline: none;
  color: #ffffff;
}

#btnConsultoria:focus, #btnInadimplentes:focus {
  outline: none;
  color: #ffffff;
}

#btnConsultoria:active:focus, #btnInadimplentes:active:focus {
  outline: none;
  color: #ffffff;
}

.menu-tarefas-horizontal {
  display:table;
  width:100%;
  margin:0 auto;
  background-color:transparent;
}
.menu-tarefas-horizontal .menu-tarefas {
  display:table-cell;
  position:relative;
  padding:24px;
}
.menu-tarefas-horizontal .menu-tarefas:hover,
.menu-tarefas-horizontal .menu-tarefas:active {
  background-color:rgba(0,0,0,0.04);
}
.menu-tarefas-horizontal .menu-tarefas:active {
  border-radius: 15% / 75%;
}
.menu-tarefas-horizontal .menu-tarefas:first-child:active {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.menu-tarefas-horizontal .menu-tarefas:last-child:active {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.menu-tarefas-horizontal .menu-tarefas .menu-tarefas-circle {
  width:30px;
  height:30px;
  margin:0 auto;
  /*background-color:#70BD44;*/
  background-color:#757575;
  border-radius: 50%;
  text-align: center;
  line-height:30px;
  font-size: 7px;
  font-weight: 600;
  color:#FFFFFF;
}

.menu-tarefas-horizontal .menu-tarefas.active .menu-tarefas-circle {
  background-color:#a1c93d;
  color:rgba(0,0,0,.87);
}

/*.menu-tarefas-horizontal .menu-tarefas.done .menu-tarefas-circle:before {
  font-family:'FontAwesome';
  font-weight:100;
  content: "\f00c";
}*/
.menu-tarefas-horizontal .menu-tarefas.done .menu-tarefas-circle *,
.menu-tarefas-horizontal .menu-tarefas.editable .menu-tarefas-circle * {
  display:none;
}
.menu-tarefas-horizontal .menu-tarefas.editable .menu-tarefas-circle {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
/*.menu-tarefas-horizontal .menu-tarefas.editable .menu-tarefas-circle:before {
  font-family:'FontAwesome';
  font-weight:100;
  content: "\f040";
}*/
.menu-tarefas-horizontal .menu-tarefas .menu-tarefas-title {
  margin-top:20px;
  font-size:16px;
  font-weight:600;
}

.menu-tarefas-horizontal .menu-tarefas .menu-tarefas-title,
.menu-tarefas-horizontal .menu-tarefas .menu-tarefas-optional {
  text-align: center;
  color:rgba(0,0,0,.26);
}

.menu-tarefas-horizontal .menu-tarefas.active .menu-tarefas-title {
  font-weight: 600;
  color:rgba(0,0,0,.87);
}

.menu-tarefas-horizontal .menu-tarefas.active.done .menu-tarefas-title,
.menu-tarefas-horizontal .menu-tarefas.active.editable .menu-tarefas-title {
  font-weight:600;
}

.menu-tarefas-horizontal .menu-tarefas .menu-tarefas-optional {
  font-size:12px;
}

.menu-tarefas-horizontal .menu-tarefas.active .menu-tarefas-optional {
  color:rgba(0,0,0,.54);
}

.menu-tarefas-horizontal .menu-tarefas .menu-tarefas-bar-left,
.menu-tarefas-horizontal .menu-tarefas .menu-tarefas-bar-right {
  position:absolute;
  top:36px;
  height:1px;
  border-top:1px solid #DDDDDD;
}

.menu-tarefas-horizontal .menu-tarefas .menu-tarefas-bar-right {
  right:0;
  left:50%;
  margin-left:20px;
}

.menu-tarefas-horizontal .menu-tarefas .menu-tarefas-bar-left {
  left:0;
  right:50%;
  margin-right:20px;
}

.tabela {
  background-color: rgba(0,0,0,0.04);
  padding: 10px;
}

.tabela-tarefas {
  width: 100%;
}

.tabela-tarefas label{
  font-weight: 200;
}

.tabela tbody tr:hover {
  background: rgba(161, 201, 61, 0.3);
}

.menu-tarefas.active {
  background-color:rgba(0,0,0,0.04);
}

.menu-tarefas .num-etapa {
  color:  #ffffff;
}

#box-inadimplencia{
  margin-top: 28px;
}

.box-banner {
  display: inline-block;
}

.bannerParceiros {
  height: auto;
  max-width: 100%;
  /*border: 1.5px solid #a6ca4f;*/
}

.box-banner .btn-close {
  color: #000000;
  font-size: 18px;
  position: absolute;
  top: -3px;
  right: 17px;
}

.box{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  /* box-shadow: 0 20px 50px rgb(23, 32, 90);*/
  border: 2px solid #a6ca4f;
  color: white;
  padding: 20px;
}

.controle-banner span {
  color:  #FFFFFF;
  font-size: 1em;
  font-weight: 800;
  margin-bottom: 0;

}

.controle-banner {
  z-index: 1;
  position: relative;
}

.foto-deivison{
  position: absolute;
  bottom: 2px;
  right: 16px;
  z-index: 0;
  height: 180px;
  animation: fadein 2s;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media (min-width:1920px){
  div.modal:has(form#formCadastro),
  div.modal:has(form#formCadastroUsuario),
  div.modal:has(form#formConfig) {
    padding-right: 0 !important;
  }

  div.modal-dialog:has(form#formCadastro),
  div.modal-dialog:has(form#formDetalhes),
  div.modal-dialog:has(form#formCadastroUsuario),
  div.modal-dialog:has(form#formConfig) {
    margin: 0;
  }

  div.modal-dialog:has(form#formCadastro),
  div.modal-dialog:has(form#formCadastroUsuario),
  div.modal-dialog:has(form#formConfig) {
    padding: 0 0 0 230px;
  }

  div.modal.msg-box-confirm .modal-content {
    margin-left: 231px;
  }

  #formDetalhes #dadosPlano #plano_rcpt > div {
    max-width: 310px;
    margin-left: 120px;
  }

  #divRelatorios > div#contentRelatorio {
    margin-left: 250px;
  }

  #formLogin .box-login {
    margin: 140px auto;
  }

  #btnAcessarGrupoWpp{
    margin: 34px 0px 20px 0px !important;
  }

  #btnAcessarYoutube{
    margin: 52px 0px 20px 0px !important;
  }

  #btnAbrirChamadoZipticket {
    margin: 68px 0px 20px 0px !important;
  }

  #divDashboard #divVideoPanel .video-panel {
    margin-left: 200px;
    width: 70%;
    height: 210px;
    margin-top: 29px;
  }

  #divListaSites .finalizado:not(th)::after {
    width: 38%;
  }

  #divListaSites .em-andamento:not(th)::after {
    width: 16%;
  }
}

/*Tooltip
==========================================================================  */

/* Adicione este atributo ao elemento que receberá a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Oculta tooltip - default */
[data-tooltip]:before, [data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Posição - tooltip */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -50px;
  padding: 7px;
  width: 150px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 12px;
  line-height: 1.0;
}

/* Triangulo - tooltip */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Mostrar tooltip - hover */
[data-tooltip]:hover:before, [data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.toast-container .toast-content .options .whatsapp {
  margin-top: -23px;
  margin-right: 11px;
  padding: 8px;
  border: 0;
  outline: 0;
  cursor: pointer;
  background-color: transparent;
  display: flex;
  align-items: center;
}

@media (max-width: 480px)   {
  .toast-container .toast-content .options .whatsapp {
    margin-top: -106px;
  }
}
@media (max-width: 768px)   {
  .toast-container .toast-content .options .whatsapp {
    margin-top: -70px;
  }
}
@media (max-width: 1024px)  {
  .toast-container .toast-content .options .whatsapp {
    margin-top: -38px;
  }
}