:root {
    --wl-primary-color: #f07e19;
    --wl-secundary-color: #1A2A44;
}

.login-wrapper {
    width: 100%;
    min-height: auto;
    height: 100%;
    background: var(--wl-secundary-color);
    background: linear-gradient(90deg, var(--wl-secundary-color) 30%, var(--wl-primary-color) 100%);
}

.cadastroWL-wrapper {
    width: 100%;
    min-height: auto;
    background-color: var(--wl-secundary-color);
    /* background: url('../img/bg-login.png') no-repeat left bottom 100%, -webkit-gradient(linear, left top, left bottom, color-stop(50, #000), color-stop(100, #FFFFFF)); */
}

label.error {
    font-size: small;
    color: red;
}

li.nenhuma_tarefa {
    padding: 0.5em;
}

.mdb-skin .top-nav-collapse,
.mdb-skin-custom .navbar {
    background: var(--wl-primary-color);
}

.content_atendi span i {
    color: var(--wl-primary-color);
}

.login-actions img {
    width: 15em;
    padding: 32px;
}

.side-nav .collapsible a i {
    line-height: 1.2em;
    margin-right: 0.5em;
    vertical-align: middle;
    color: var(--wl-primary-color);
}

#numeros li.num_item i {
    color: var(--wl-primary-color);
}

#desempenho th i {
    color: var(--wl-primary-color);
}

.light-blue.accent-4 {
    background-color: var(--wl-primary-color) !important;
}

.blue {
    background-color: var(--wl-primary-color) !important;
}

.btn-primary {
    background-color: var(--wl-primary-color);
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #8f8d8d;
    border-color: #8f8d8d;
}

.configs div.col i {
    color: var(--wl-primary-color);
}

.primary-color,
.stepper li.active a .circle,
.stepper li.completed a .circle {
    background-color: var(--wl-primary-color) !important;
}

.contato_cliente span i {
    color: #8f8d8d;
}

#btn-chat-online {
    /* background-color: #FFFFFF !important; */
    color: var(--wl-primary-color) !important;
}

.list_agenda i.clock {
    color: var(--wl-primary-color) !important;
}

a {
    color: var(--wl-primary-color) !important;
}

.topo_menu {
    background: #f5f6fa;
    padding: .6em .7em .65em .7em;
}

.fechar-menu {
    color: #FFFFFF !important;
}

#topo_menu_logo {
    height: 30px !important;
}

.configs div.col i,
.contato_cliente span i,
.list_agenda i.clock,
.side-nav .collapsible a i,
#box-peq .card-body div i,
#numeros li.num_item i,
#desempenho th i,
.breadcrumb a,
a.dropdown-toggle,
.filtro.btn,
.busca-contatos-filtro i,
.double-nav,
.double-nav a,
.nav-pills a.nav-link.active,
.opcoes a i,
.side-nav .collapsible a,
nav.primary ul li a.selected,
.cbp_tmtimeline>li .cbp_tmtime span:first-child,
button.fechar_acao,
.uil-comment-lines,
.uil-search,
.termo_politica a {
    color: var(--wl-primary-color) !important;
}

.primary-color,
.stepper li.active a .circle,
.stepper li.completed a .circle,
.btn-lefil,
.dropdown-menu a:hover,
#exportar_excel,
#btn_config_colunas,
#integracoes li a.btn,
.card-body h3,
#form_login #entrar {
    background-color: var(--wl-primary-color) !important;
    color: #fff;
}

.nao_sou_cliente {
    background: #f5f1f1;
    padding: 0;
}

#form_login {
    width: 35em;
}

#view_funil a.active {
    background: var(--wl-primary-color) !important;
    color: #fff !important;
}

#view_funil a.active::after {
    border-left-color: var(--wl-primary-color) !important;
}

#view_funil a.active::before {
    border-left-color: var(--wl-primary-color) !important;
}


.conectar-celular {
    background: #f07e19!important;
    color: #ffffff!important;
  }
  
  .conectar-celular h5 {
    color: #ffffff!important;
  }
  
  .dropdown-menu svg {
    color: #f07e19!important;
  }
  
  .btn_opcoes svg {
    color: #f07e19!important;
  }
  
  .btn-link {
    --bs-btn-font-weight: 400;
    color: #f07e19;
    --bs-btn-hover-color: #f07e19;
    --bs-btn-active-color: #f07e19;
  }
  
  .btn-teal {
    background-color: #f07e19;
    color: #fff!important;
  }
  
  .btn.active {
    color: #f07e19;
  }
  
  .abas a {
    color: #f07e19 !important;
  }
  
  .abas a:hover {
    color: #f07e19 !important;
  }
  
  .nav-item a {
   color: #f07e19 !important;
  }
  
  .vertical-menu .nav-item .nav-link.active {
    color: #f07e19;
    background-color: #fff;
    border-right: 5px solid #f07e19;
  }
  
  .nav-tabs-custom .nav-item .nav-link.active {
      color: #f07e19;
  }
  
  .modals-dafault-bot .modal-content .modal-footer .btn-success {
    background-color: #f07e19 !important;
    color: #FFFFFF !important;
  }
  
  .actions-dialogFlow {
    border-radius: 20px;
    border: 1px solid #f07e19;
    color: #f07e19;
    width: 7rem;
    margin-left: auto !important;
    background-color: transparent;
    transition: 0.5s background-color, 0.5s color;
  }
  
  .actions-dialogFlow:hover {
    background-color: #f07e19;
    color: #fff;
  }