html {
  height: 100%;
  min-height: 100%;
  background: #eef3fa;
  overflow-y: scroll;
  scrollbar-width: thin;
  -ms-overflow-style: none;
}
html::-webkit-scrollbar-track {
  background-color: #f4f4f4;
}
html::-webkit-scrollbar {
  width: 6px;
  background: #f4f4f4;
}
html::-webkit-scrollbar-thumb {
  background: #dad7d7;
}
body {
  background: #eef3fa;
  font-family: "Montserrat", sans-serif;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.modal-header {
  background: var(--cor-secundaria);
  color: #ffffff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.close {
  color: #ffffff;
}

.oval {
  background: #ffffff;
  border-radius: 5px;
  padding: 4px;
  margin-right: 10px;
}
.container {
  background: #ffffff;
  border-radius: 0px;
}
.container-lm {
  background: #ffffff;
  border-radius: 5px;
  margin-top: 70px;
}

.container-titulo {
  background: #eef3fa;
  width: 100%;
  margin-top: 60px;
  padding: 25px;
  padding-top: 20px;
  font-size: 0.925em;
  max-height: 60px;
  color: var(--cor-secundaria);
  z-index: 1030;
  outline: 0px;
  font-family: "Raleway", sans-serif;
}

.navbar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  background: #31637d;
}

.dropdown-menu {
  background: #31637d;
  color: #ffffff;
}

.navbar-nav {
  border-radius: 6px;
  color: #000000;
  background: #31637d;
  padding-left: 20px;
  padding-right: 20px;
}

.nav-user {
  border-radius: 6px;
  color: #000000;
  background: #90cad6;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 5px;
  padding-top: 5px;
}

.nav-item {
  margin-right: 9px;
  margin-left: 9px;
}

.dropdown-menu {
  border-radius: 0px;
}
.nav-link {
  background-color: #31637d;
  -webkit-transition: background-color 500ms linear;
  -moz-transition: background-color 500ms linear;
  -o-transition: background-color 500ms linear;
  -ms-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
}
nav .navbar-nav li a {
  color: #ffffff !important;
}
.nav-link:hover {
  background: #90cad6;
}

.btnround {
  border-radius: 50px;
}
.navbar-toggler {
  background: #90cad6;
}

.navbar-toggler-icon {
  color: #ffffff;
}

#navbarNav {
  font-size: 1em;
}

.nav-link {
  color: #ffffff;
}

.login {
  background: var(--cor-secundaria);
}

.navBrand {
  font-family: "Indie Flower", cursive;
}

/*--------Botões--------*/
.btn-icon {
  color: var(--cor-secundaria);
}

.btn-icon:hover {
  color: var(--cor-primaria);
}

.btn-purple {
  border-radius: 2em;
  height: auto;
  width: auto !important;
  background-position: 1.25em center !important;
  background-repeat: no-repeat;
  border-bottom: none;
  background-color: var(--cor-secundaria);
  color: #fff;
  font-size: 0.8em;
  padding-left: 18px;
  padding-right: 18px;
}

.btn-purple:hover {
  background: var(--cor-secundaria-0);
  color: #ffffff;
}

.btn-primary {
  background: var(--cor-primaria);
  display: inline-block;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 0.75em;
  -webkit-border-radius: 2em;
  border: 0px;
  padding: 0.5em 1.5em;
}

.btn-primary:hover {
  background: var(--cor-primaria-0);
  cursor: pointer;
}

.btn-secondary {
  background: #a3a3a3;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 0.75em;
  -webkit-border-radius: 2em;
  border: 0px;
  padding: 0.5em 1.5em;
}

.btn-secondary:hover {
  background: #808080;
  cursor: pointer;
}

.btn-success {
  background: #00a62f;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 0.75em;
  -webkit-border-radius: 2em;
  border: 0px;
  padding: 0.5em 1.5em;
}

.btn-success:hover {
  background: #016b1f;
  cursor: pointer;
}

.btn-dark {
  background: #333333;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 0.75em;
  -webkit-border-radius: 2em;
  border: 0px;
  padding: 0.5em 1.5em;
}

.btn-dark:hover {
  background: #030303;
  cursor: pointer;
}

.btn-info {
  background: #398aa3;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 0.75em;
  -webkit-border-radius: 2em;
  border: 0px;
  padding: 0.5em 1.5em;
}

.btn-info:hover {
  background: #2e6373;
  cursor: pointer;
}

.btn-danger {
  background: #bd0808;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 0.75em;
  -webkit-border-radius: 2em;
  border: 0px;
  padding: 0.5em 1.5em;
}

.btn-danger:hover {
  background: #800000;
  cursor: pointer;
}

/*--------Botões--------*/

.btn-group-xs > .btn,
.btn-xs {
  padding: 0.25rem 0.4rem;
  font-size: 0.775rem;
  line-height: 0.5;
  border-radius: 0.2rem;
}

/* Inputs */

input[type="text"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="time"],
input[type="url"],
input[type="password"],
textarea,
select {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px solid #c2c2c2;
  box-shadow: 1px 1px 4px #ebebeb;
  -moz-box-shadow: 1px 1px 4px #ebebeb;
  -webkit-box-shadow: 1px 1px 4px #ebebeb;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 7px;
  outline: none;
}
input[type="date"] {
  background: #ffffff !important;
}
.wdt {
  color: #ffffff;
}
.wdt-1 {
  width: 80%;
}
.wdt-2 {
  width: 65%;
}
.wdt-3 {
  width: 50%;
}
.wdt-4 {
  width: 35%;
}
.wdt-5 {
  width: 20%;
}
.wdt-6 {
  width: 1%;
}

.funil {
  height: 30px;
  color: #ffffff;
}
.trapezoid {
  opacity: 0.5;
}
.funil_txt {
  font-weight: bold;
  vertical-align: middle;
  font-size: 0.8em;
}
.funil_txt_black {
  color: #000000;
  font-weight: bold;
  vertical-align: middle;
  font-size: 0.8em;
}
.trapezoid {
  height: 30px;
  background: #8cbccf;
  position: relative;
  -webkit-transition: width 1s, height 4s; /* For Safari 3.1 to 6.0 */
  transition: width 1s, height 4s;
}
.trapezoid:before {
  content: "";
  line-height: 0;
  font-size: 0;
  width: 0;
  height: 0;
  border-top: 30px solid #8cbccf;
  border-bottom: 0px solid transparent;
  border-left: 15px solid transparent;
  border-right: 30px solid #8cbccf;
  position: absolute;
  top: 0;
  left: -30px;
}

.trapezoid:after {
  content: "";
  line-height: 0;
  font-size: 0;
  width: 0;
  height: 0;
  border-top: 30px solid #8cbccf;
  border-bottom: 0px solid transparent;
  border-left: 30px solid #8cbccf;
  border-right: 15px solid transparent;
  position: absolute;
  top: 0;
  right: -30px;
}
.filter:hover {
  opacity: 1;
  transition: 0.5s;
}
.funil_selected {
  opacity: 1;
}
.trap1 {
  background: #f3ff00;
  color: #000000;
}
.trap1:before {
  border-top: 30px solid #f3ff00;
  border-right: 30px solid #f3ff00;
}
.trap1:after {
  border-top: 30px solid #f3ff00;
  border-left: 30px solid #f3ff00;
}
.trap2 {
  background: #6fa7bd;
}
.trap2:before {
  border-top: 30px solid #6fa7bd;
  border-right: 30px solid #6fa7bd;
}
.trap2:after {
  border-top: 30px solid #6fa7bd;
  border-left: 30px solid #6fa7bd;
}
.trap3 {
  background: #4f91ab;
}
.trap3:before {
  border-top: 30px solid #4f91ab;
  border-right: 30px solid #4f91ab;
}
.trap3:after {
  border-top: 30px solid #4f91ab;
  border-left: 30px solid #4f91ab;
}
.trap4 {
  background: #4b87b3;
}
.trap4:before {
  border-top: 30px solid #4b87b3;
  border-right: 30px solid #4b87b3;
}
.trap4:after {
  border-top: 30px solid #4b87b3;
  border-left: 30px solid #4b87b3;
}
.trap5 {
  background: #08a833;
}
.trap5:before {
  border-top: 30px solid #08a833;
  border-right: 30px solid #08a833;
}
.trap5:after {
  border-top: 30px solid #08a833;
  border-left: 30px solid #08a833;
}
.trap6 {
  background: #254980;
}
.trap6:before {
  border-top: 30px solid #254980;
  border-right: 30px solid #254980;
}
.trap6:after {
  border-top: 30px solid #254980;
  border-left: 30px solid #254980;
}
.required {
  color: #ff0000;
}
.modal-backdrop {
  z-index: 100000 !important;
}

.modal {
  z-index: 100001 !important;
}

.etapa {
  font-size: 1em;
}
.etapa1 {
  background: #cdf7cf;
}
.etapa2 {
  background: #b4f0b6;
}
.etapa3 {
  background: #99e89c;
}
.etapa4 {
  background: #7de381;
}
.etapa5 {
  background: #62d167;
}
.etapa6 {
  background: #47ba4c;
}

.info-dash-header {
  padding: 9px;
  color: #ffffff;
  background: var(--cor-secundaria);
  font-weight: bold;
}

.green-card {
  padding: 0px;
  padding-left: 10px;
  background: #008c17;
  border-radius: 6px;
  border: 0px solid #008c17;
}
.red-card {
  padding: 0px;
  padding-left: 10px;
  background: #c71010;
  border-radius: 6px;
  border: 0px solid #c71010;
}
.blue-card {
  padding: 0px;
  padding-left: 10px;
  background: #07078a;
  border-radius: 6px;
  border: 0px solid #07078a;
}

.linha1 {
  color: var(--cor-primaria);
  font-size: 2.75em;
  font-weight: 600;
  margin-bottom: 0.15em;
  font-family: "Raleway", sans-serif;
}

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}

.titulo {
  text-align: center;
}

.select-perfil {
  color: var(--cor-primaria);
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  background: rgb(255, 255, 255);
  padding: 4px;
  border: 1px solid #ffffff;
  height: 25px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 0.7em;
  border-radius: 10px;
  -webkit-appearance: none;
  background-color: white !important;
  background: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzA2cHgiIGhlaWdodD0iMzA2cHgiIHZpZXdCb3g9IjAgMCAzMDYgMzA2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDYgMzA2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBvbHlnb24gcG9pbnRzPSIyNzAuMyw1OC42NSAxNTMsMTc1Ljk1IDM1LjcsNTguNjUgMCw5NC4zNSAxNTMsMjQ3LjM1IDMwNiw5NC4zNSIvPjwvZz48L3N2Zz4=)
    no-repeat;
  background-position: right;
  background-size: 0.6em;
  background-position-x: 95%;
}

.select-perfil option {
  color: var(--cor-primaria);
}

.select-perfil-0 {
  border: 1px solid #ffffff;
  height: 28px;
  font-size: 0.7em;
  border-radius: 10px;
  -webkit-appearance: none;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzA2cHgiIGhlaWdodD0iMzA2cHgiIHZpZXdCb3g9IjAgMCAzMDYgMzA2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDYgMzA2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBvbHlnb24gcG9pbnRzPSIyNzAuMyw1OC42NSAxNTMsMTc1Ljk1IDM1LjcsNTguNjUgMCw5NC4zNSAxNTMsMjQ3LjM1IDMwNiw5NC4zNSIvPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position-x: 95%;
  margin-top: 5px;
}

.option-perfil {
  opacity: 0;
  color: #000000;
}

.erro_input {
  border: 2px solid #ff0000 !important;
}

.error_message {
  color: #ff0000;
  font-weight: bold;
}

.card-loja {
  background: #fcfcfc;
  border: 1px solid #99617eb4;
  border-radius: 6px;
}

.card-loja:hover {
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0px 15px 16px rgba(0, 0, 0, 0.4);
  transform: translateY(-7px);
  transition: 0.35s;
  border: 0px;
}

.texto-loja {
  margin-top: 20px;
  color: var(--cor-secundaria);
  height: 46px;
}

.texto-body-loja {
  padding: 20px;
  color: #666666;
  font-size: 0.85em;
  line-height: 1.6;
  font-family: "Courier New", Courier, monospace;
}

.titulo-loja {
  color: var(--cor-secundaria);
  font-family: cursive;
}

.btn-loja {
  background: var(--cor-primaria);
  border-radius: 0px !important;
  padding: 1em;
  color: var(--cor-secundaria);
  font-size: 0.9em;
  width: 100%;
  font-weight: bold;
  transition: all 0.3s ease 0s;
  height: 4em;
}

.btn-loja:hover {
  color: #ffffff;
  font-weight: bold;
}

.btn-loja-selected {
  margin-bottom: 18px;
  background: var(--cor-secundaria);
  border-radius: 0px;
  border-bottom: 4px solid #f5a741;
  color: #f5a741;
  font-size: 0.9em;
  font-weight: bold;
  box-shadow: 0px 15px 16px rgba(0, 0, 0, 0.4);
  transform: translateY(-7px);
}

.preco-loja {
  text-align: center;
  color: #737373;
  font-size: 1.6em;
  font-weight: bold;
}

.loader {
  border: 16px solid #f3f3f3;
  border-top: 16px solid var(--cor-primaria);
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.card-dashboard {
  text-align: center;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);
}

.contentSidebar {
  top: 0;

  left: 0;

  bottom: 0;

  height: 100%;
}

.paginacao {
  padding: 6px;
  min-width: 40px;
  padding-left: 12px;
  padding-right: 12px;
  margin: 3px;
  font-weight: bold;
  border: 0px solid #9c9c9c;
  background: #ffffff;
  box-shadow: -10001px 1px 50px 1px #aaa, 1px 1px 5px -100px #ddd, 1px 1px 14px 2px #eee;
}

.paginacao:hover {
  transition: 0.35s;
  color: #ffffff;
  background: var(--cor-secundaria);
}

.paginacao-atual {
  cursor: not-allowed;
  background-color: rgb(229, 229, 229) !important;
}

.paginacao-atual:hover {
  cursor: not-allowed;
  background-color: rgb(229, 229, 229) !important;
  color: #000000;
}

.nob {
  border: 0px;
}
.wbd {
  border: 1px solid #0275d8;
  border-radius: 50px;
  font-size: 1em;
  padding: 1px;
}
.funil_count {
  margin-top: 18px;
}

.filter:hover .trapezoid {
  height: 30px;
  cursor: pointer;
}

.selected-funil .trapezoid {
  width: 85%;
}

.btn-small {
  height: 20px;
  padding-left: 12px;
  padding-right: 12px;
  text-align: center;
  max-width: 50px;
  font-size: 0.5em;
}

.card-plano {
  background: #fafafa;
  padding: 12px;
  text-align: center;
  border-radius: 2px;
  border-bottom: 8px solid var(--cor-secundaria);
  font-weight: bold;
  transition: 0.1s ease;
}

.card-plano:hover {
  transform: translate(0%, -5%);
  transition: 1s ease;
}

.card-padrao {
  transition: 0.1s ease;
}

.card-padrao:hover {
  cursor: pointer;
  transform: translate(0%, -12%);
  background: #f9f9f9;
  transition: 1s ease;
}

.sector_checkbox {
  margin-top: 2px;
  padding: 6px;
  padding-left: 16px;
  margin-left: 16px;
  color: #000000;
  -webkit-transition: background-color 100ms linear;
  -moz-transition: background-color 100ms linear;
  -o-transition: background-color 100ms linear;
  -ms-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
  border: 1px solid #ffffff;
}

.sector_checkbox:hover {
  border: 1px solid #000000bb;
  cursor: pointer;
}

.sector_checkbox_selected {
  background: #e7e7e783;
  color: #000000;
  font-style: bold;
}

.sector_checkbox_selected_remove {
  background: #e7e7e783;
  color: #000000;
  font-style: bold;
}

.hiddenbox {
  display: none;
}
.container-wraper {
  margin-left: 55px;
  display: none;
}
.semMenu {
  margin-left: 55px;
  margin-right: 0%;
}
.contentSidebar {
  position: fixed;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.contentSidebar::-webkit-scrollbar {
  display: none;
}

.btn-altera-perfil-0 {
  font-size: 0.75em;
  color: #fff;
  border-radius: 20px;
  background: #000000;
  height: 25px;
  padding: 0px;
  margin-top: 10px;
  width: 100%;
}

.btn-altera-perfil-0:hover {
  font-size: 0.75em;
  color: #fff;
}

.toggleMenu {
  margin-left: 250px;
}

.recolheMenuPequeno {
  margin-left: 55px;
}

@media (max-width: 1240px) {
  .contentSidebar,
  .sidebar {
    display: block;
  }

  .toggleMenu {
    margin-left: 55px;
  }
}

@media only screen and (max-width: 1026px) {
  .funil_count {
    display: none;
  }
  .filtro-funil {
    width: 100% !important;
    margin-left: 0px !important;
  }

  .contentSidebar,
  .sidebar {
    display: block;
    z-index: 999;
  }

  .toggleMenu {
    margin-left: 55px;
  }

  .container-wraper {
    margin-left: 0px;
  }

  .direita {
    visibility: visible;
  }
  .altera-perfil {
    visibility: visible;
  }
  .contentTopo {
    max-height: 47px;
  }
  .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .info-dash-header {
    font-size: 0.8em;
  }
}

.card-select {
  border-bottom: 3px solid var(--cor-secundaria);
  border-radius: 0px;
}

.card-select:hover {
  transform: translate(0%, -5%);
  border: 3px solid var(--cor-secundaria);
  transition: 0.1s ease;
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.4);
  cursor: pointer;
}

.card-selected {
  transform: translate(0%, -5%);
  border: 3px solid var(--cor-secundaria);
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.4);
}

.card-select-level {
  color: var(--cor-secundaria);
  font-weight: bold;
}

.card-select-dados {
  font-weight: normal;
  color: var(--cor-secundaria);
  font-size: 0.85em;
}

.texto-menu {
  pointer-events: none;
  display: inline-block;
}

.menu_expansivo{
  color: var(--cor-fonte-menu);
}
.menu_expansivo:hover{
  color: var(--cor-fonte-menu) !important;
}

.texto-menu-hide {
  display: none;
}

.menu-icons {
  width: 55px;
  font-size: 1.35em;
  margin-top: -13px;
}

.menu-icons .menu li a {
  padding-left: 1em !important;
  max-height: 50px;
}

.menu-icons ul {
  margin: 0px !important;
}

.linha_tabela:hover {
  cursor: pointer;
  background: #d4d4d4;
}

.linha_tabela_selecionada {
  background: rgb(199, 199, 199);
}

.thumb-small {
  width: 90px;
  padding: 3px;
  border-radius: 3px;
  background: #d3d3d3;
  border-radius: 50%;
}

.filtro-funil {
  width: 100%;
  margin-left: 0px;
}

.texto-dashboard {
  font-size: 1.3em;
  font-weight: bold;
  color: var(--cor-secundaria);
  text-align: center;
}

.badge-filtro {
  background: #dddddd;
  border-radius: 200px;
  font-size: 0.7em;
  margin-left: 2px;
  margin-right: 2px;
  padding: 4px;
  padding-left: 12px;
  padding-right: 12px;
}
/* customização do switch bootstrap */
.custom-switch.custom-switch-md .custom-control-label {
  padding-left: 2rem;
  padding-bottom: 1.5rem;
  cursor: pointer;
}

.custom-switch.custom-switch-sm .custom-control-label {
  padding-left: 1rem;
  padding-bottom: 1rem;
  cursor: pointer;
}

.custom-switch.custom-switch-md .custom-control-label::before {
  height: 1.5rem;
  width: calc(2rem + 0.75rem);
  border-radius: 3rem;
}

.custom-switch.custom-switch-md .custom-control-label::after {
  width: calc(1.5rem - 4px);
  height: calc(1.5rem - 4px);
  border-radius: calc(2rem - (1.5rem / 2));
}

.custom-switch.custom-switch-md
  .custom-control-input:checked
  ~ .custom-control-label::after {
  transform: translateX(calc(1.5rem - 0.25rem));
}

.custom-switch.custom-switch-md
  .custom-control-input:checked
  ~ .custom-control-label::before {
  background-color: #00a62f !important;
  border-color: #00a62f;
}

.custom-switch.custom-switch-md
  .custom-control-input:checked:hover
  ~ .custom-control-label::before {
  background-color: #016b1f !important;
  border-color: #016b1f;
}

.custom-switch.custom-switch-sm
  .custom-control-input:checked
  ~ .custom-control-label::before {
  background-color: #00a62f !important;
  border-color: #00a62f;
}

.custom-switch.custom-switch-sm
  .custom-control-input:checked:hover
  ~ .custom-control-label::before {
  background-color: #016b1f !important;
  border-color: #016b1f;
}
/* end customização do switch bootstrap */

/* switch purple md */
.custom-switch-purple.custom-switch-md
  .custom-control-input
  ~ .custom-control-label::before {
  border: 3px solid var(--cor-secundaria);
  box-shadow: none;
}

.custom-switch-purple.custom-switch-md
  .custom-control-input:checked
  ~ .custom-control-label::before {
  background-color: var(--cor-secundaria-0) !important;
  border: 3px solid var(--cor-secundaria);
}

.custom-switch-purple.custom-switch-md
  .custom-control-input:checked:hover
  ~ .custom-control-label::before {
  background-color: #4b022b !important;
  border: 3px solid var(--cor-secundaria);
}
/* end switch purple md */

/* switch purple sm */
.custom-switch-purple.custom-switch-sm
  .custom-control-input:checked
  ~ .custom-control-label::before {
  background-color: var(--cor-secundaria) !important;
  border: 3px solid var(--cor-secundaria);
}

.custom-switch-purple.custom-switch-sm
  .custom-control-input:checked:hover
  ~ .custom-control-label::before {
  background-color: var(--cor-secundaria-0) !important;
  border: 3px solid var(--cor-secundaria-0);
}
/* end switch purple sm */

.excluir {
  color: red;
  cursor: pointer;
}

.box-arquivos {
  background: #f7f7f7;
  color: #858484;
  border-radius: 6px;
  border: 2px solid #858484;
  border-style: dashed;
  padding: 16px;
  padding-top: 28px;
  padding-bottom: 28px;
  width: 100%;
  position: relative;
}

.box-arquivos input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.progress-bar-custom {
  background-color: #007bff;
  text-align: center;
}

.legenda li {
  list-style-type: disc;
  list-style-position: inside;
}

.cell-vertical-align tr th {
  vertical-align: middle;
}
.tab {
  z-index: 1;
  color: #000000;
  padding-left: 40px;
  padding-right: 40px;
  text-decoration: none;
  border-radius: 0px;
  border-bottom: 1px solid #ffffff;
  background: #eeecec;
  margin-bottom: -2px;
}

.tab:hover {
  color: #000000;
}

.tab-selected {
  font-weight: bold;
  background: #ffffff;
}
.selected {
  background-color: rgba(0, 0, 0, 0.4);
}

.information {
  margin-left: 5px;
  cursor: pointer;
  color: var(--cor-primaria);
}

.dark_information {
  margin-left: 5px;
  cursor: pointer;
  color: rgb(107, 105, 103);
}

/* Personalizando selects */
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  color: #555;
  font-size: 0.95em !important;
  padding: 0.4em 1.3em 0.65em 0.3em !important;
  background: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzA2cHgiIGhlaWdodD0iMzA2cHgiIHZpZXdCb3g9IjAgMCAzMDYgMzA2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDYgMzA2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBvbHlnb24gcG9pbnRzPSIyNzAuMyw1OC42NSAxNTMsMTc1Ljk1IDM1LjcsNTguNjUgMCw5NC4zNSAxNTMsMjQ3LjM1IDMwNiw5NC4zNSIvPjwvZz48L3N2Zz4=)
    no-repeat;
  background-position: right;
  background-size: 0.6em;
  background-position-x: 97%;
}

.linha_focused {
  padding: 0.2em;
  margin: 0.05em;
  border: 1px solid #fff;
  cursor: pointer;
}

.linha_focused:hover {
  border: 1px solid #c4c4c4;
  background-color: #d4d4d4;
}

.linha_focused.checked {
  background-color: #d4d4d4;
}

thead th {
  vertical-align: middle !important;
}

thead td {
  vertical-align: middle !important;
}

input[type="date"] {
  position: relative;
}

.clear-data {
  position: absolute;
  top: 2.3em;
  right: 1.3em;
  width: 1em;
  height: 1em;
  opacity: 0.3;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAAADDpiTIAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAbrqAAG66gHB8Tn1AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAc5QTFRF////RERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERE5J3yWQAAAJl0Uk5TAAECAwQFBwgKCw4PEBESExQWFxgZGhwfICEiJCUmJykrLC0uLzEyMzQ1Njc6Ozw9QEFCQ0RFRk1OUFRVWltdXl9gY2ZnaWpucHZ6fH1/gIWIiYqLjY6PkJGUlZaYmqChpKepqqusra+wsbKztLe5ury+wMLDxcfJy83T1NXW19jZ2tvc3+Hj5OXn6Ons7e7v8fT1+fr7/P3+RsFkBQAAFlFJREFUeNrtnXlfFEcQhguygKIBbxGDGiFK1IhoDIoHHmC8AmJAYjyIMmoCBhC8NiIqAiorQUA3W982f8Qo6AJ7zHRXT73vB/BX9vOwM91T3U2kJvmrN++qrT/dcvVGZ3ff/eijoZGxial4fGpibGToUfR+X3fnjastp+trd21enU9IWJK7pupIY3tPdGSS08jkSLSnvfFI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);
  background-size: 90%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.clear-data:hover {
  opacity: 0.5;
}

.opcoes_cliente__parent {
  position: relative;
}

.opcoes_cliente {
  display: none;
  position: absolute;
  right: -0.5em;
  height: 100%;
  top: 25%;
  height: 98%;
  cursor: pointer;
}

.opcoes_cliente i {
  padding: 0em 0.5em;
}

.opcoes_cliente i:hover {
  color: rgba(0.1, 0.1, 0.1, 0.65);
}

.dropdown-menu {
  background: #fff;
  color: #bbb;
}

.dropdown-menu:hover {
  background: #fff;
  color: #333;
}

.button-arrow-control {
  cursor: pointer;
  padding: 0.4em 0.6em;
  border-radius: 50%;
}

.button-arrow-control:hover {
  background-color: rgba(77, 19, 62, 0.3);
}

.yellow_list li::before {
  content: "";
  margin-left: 1em;
  margin-right: 1em;
  width: 0.5em;
  height: 0.5em;
  border-radius: 100%;
  display: inline-block;
  position: relative;
  background-color: var(--cor-primaria);
}

.chamado {
  width: 100%;
  border: 1px solid #ccc;
  margin-bottom: 0.5em;
  border-radius: 5px;
  box-shadow: 2px 1px 4px #ccc;
}

.opcoes_chamado {
  padding: 1em;
  border: none;
  color: white;
  display: flex;
}

.opcoes_chamado:focus {
  outline: none;
}

.opcoes_chamado_success {
  color: #399439;
}

.opcoes_chamado_success:hover {
  color: #2a682a;
}

.opcoes_chamado_danger {
  color: #bd362f;
}
.opcoes_chamado_danger:hover {
  color: #922e29;
}

.chamado_detalhes {
  margin: 0.3em 1em;
  width: 100%;
}

.chamado_detalhes > p {
  font-size: 1.2em;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 73%;
  display: block;
  overflow: hidden;
  margin-bottom: 0.2em;
}

.nome_perfil_dialogo {
  font-weight: bold;
  font-size: 0.8em;
  position: relative;
  z-index: 9;
}

.nome_perfil_dialogo.perfil_atual {
  color: #8b0000;
}

.nome_perfil_dialogo.outros {
  color: #4d004d;
}

.balao > i {
  pointer-events: none;
}

.balao_dialogo_1 {
  font-size: 0.85em;
  text-align: left;
  padding: 0.5em 0.3em 0.2em 0.8em;
  border-radius: 0.4em;
  background-color: #fdf5c9;
  position: relative;
}

.balao_dialogo_2 {
  font-size: 0.85em;
  text-align: left;
  padding: 0.5em 0.3em 0.2em 0.8em;
  border-radius: 0.4em;
  background-color: #dcf8c6;
  position: relative;
  left: 1em;
}

.balao_dialogo_1:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #fdf5c9;
  top: 0px;
  right: -1em;
}

.balao_dialogo_2:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #dcf8c6;
  top: 0px;
  left: -1em;
  z-index: 8;
}

.scroll-chamado {
  margin-bottom: 2em;
  max-height: 60vh;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  padding: 0em 1em 0em 0em;
}

.scroll-chamado::-webkit-scrollbar {
  display: none;
}

.digitando::after {
  content: "";
  -moz-animation-name: digitando;
  -webkit-animation-name: digitando;
  animation-name: digitando;
  -moz-animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@keyframes digitando {
  30% {
    content: ".";
  }
  60% {
    content: "..";
  }
  90% {
    content: "...";
  }
}

a > i {
  pointer-events: none;
}

.notificacao_mensagem {
  font-size: 1.4em;
  margin-right: 0.7em;
  color: #fff;
  cursor: pointer;
  position: relative;
  --notification-padding: 0em;
}

.notificacao_mensagem::after {
  content: attr(data-content);
  position: absolute;
  left: 1em;
  top: 1em;
  font-size: 0.6em;
  font-weight: bold;
  font-family: "Courier New", Courier, monospace;
  padding: var(--notification-padding);
  background-color: #ff0000;
  border-radius: 30%;
}

.remove-outline:focus {
  outline: 0;
  box-shadow: none;
}

.notificacao_chamado_lista {
  text-align: left;
  margin: auto;
  width: 100%;
  margin: 0px;
  cursor: pointer;
  padding: 0.5em 1em;
}

.notificacao_chamado_lista:hover {
  background-color: #564e56;
}

.content_notificacoes {
  background-color: var(--cor-menu);
  color: #fff;
  z-index: 9;
  height: 100vh;
  width: 0em;
  right: 0px;
  top: 0px;
  padding: 0em;
  text-align: center;
  position: fixed;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.content_notificacoes::-webkit-scrollbar {
  display: none;
}

.content_notificacoes > .lista {
  margin-top: 60px;
}

.content_notificacoes > div {
  margin-left: auto;
  margin-right: auto;
  left: 0px;
  color: #fff;
  width: 100%;
}

.align_center {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.btn-notificacoes {
  width: 3em;
  padding: 0.5em;
  text-align: center;
}

.active {
  background-color: rgba(255, 255, 255, 0.432) !important;
}

.aba {
  padding: 8px;
  padding-left: 12px;
  padding-right: 12px;
  color: #00000073;
}
.aba:hover {
  border-top: 1px solid #d4d4d49f;
  border-left: 1px solid #d4d4d456;
  border-right: 1px solid #d4d4d456;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: -6px;
  border-bottom-left-radius: -6px;
  cursor: pointer;
}
.aba-selected {
  border-top: 1px solid #00000070;
  border-left: 1px solid #00000070;
  border-right: 1px solid #00000070;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: -6px;
  border-bottom-left-radius: -6px;
  color: #000000;
  transition: all 0.25s;
}

.vertical-timeline {
  width: 100%;
  position: relative;
  padding: 1.5rem 0 1rem;
}

.vertical-timeline::before {
  content: "";
  position: absolute;
  top: 0;
  left: 87px;
  height: 100%;
  width: 4px;
  background: #dbdbdb;
  border-radius: 0.25rem;
}

.vertical-timeline-element {
  position: relative;
  margin: 0 0 1rem;
}

.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in {
  visibility: visible;
  animation: cd-bounce-1 0.8s;
}

.vertical-timeline-element-icon {
  position: absolute;
  top: 0;
  left: 80px;
}

.vertical-timeline-element-icon .badge-dot-xl {
  box-shadow: 0 0 0 5px #fff;
}

.badge-dot-xl {
  width: 18px;
  height: 18px;
  position: relative;
}

.badge:empty {
  display: none;
}

.badge-dot-xl::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 0.25rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -5px 0 0 -5px;
  background: #fff;
}

.vertical-timeline-element-content {
  position: relative;
  margin-left: 90px;
  min-height: 120px;
  font-size: 0.8rem;
}

.vertical-timeline-element-content .timeline-title {
  font-size: 0.8rem;
  text-transform: uppercase;
  margin-left: 20px;
  padding: 2px 0 0;
  font-weight: bold;
}
.p-timeline {
  margin-left: 20px;
}
.vertical-timeline-element-content .vertical-timeline-element-date {
  display: block;
  top: 0;
  text-align: right;
  color: #a5a5a5;
  font-size: 0.7619rem;
  white-space: nowrap;
}

.vertical-timeline-element-date {
  position: absolute;
  color: #636363;
  left: -90px;
}

.vertical-timeline-element-content:after {
  content: "";
  display: table;
  clear: both;
}

.imagemJogoLoja {
  object-fit: contain;
  height: 18em;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.imagemJogoDetalhe {
  width: 100%;
}

.btnLogout {
  width: 100%;
  color: var(--cor-fonte-menu);
  background: transparent;
  border: none;
  border-radius: 0;
  font-size: 0.8em;
}

.btnLogout:hover {
  color: var(--cor-fonte-menu);
}

.badge-licencas {
  color: var(--cor-primaria);
  font-size: 2.5em !important;
  padding: 8px;
}
.logo {
  height: 47px;
}
.imgTopo {
  object-fit: contain;
  max-height: 47px;
}

.input-image-customizado{
  height: 20em;
  position: relative;
  border-radius: 4px;
	text-align: center;
	width: 100%;
	padding: 10px;
  background: #f9f9f9;
  border: 4px dashed #e9e9e9;
  transition: 0.35s;
  display: block;
}

.input-image-customizado:hover{
  background-color: #fefefe;
}

.input-image-customizado>figure{
  width: 100%;
  height: 100%;
  display: inline-flex;
}

.input-image-customizado>figure>img{
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

.input-image-customizado > legend{
  font-size: 1em;
  margin: auto;
  color: #aaa;
  height: 1em;
  top: 0px; left: 0px; bottom: 0px;
  position: absolute;
  z-index: 2;
}

.input-image-customizado > input[type="file"]{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 3;
  opacity: 0;
}


.input-image-customizado > .loader-image{
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0px;
 left: 0px;
 justify-content: center;
 z-index: 3;
 background-color: #fefefe;
 display: none;
}

.input-image-customizado > .loader-image > .loader{
  margin: auto;
}

.table-responsive{
  box-shadow: -10001px 1px 50px 1px #aaa, 1px 1px 5px -100px #ddd, 1px 1px 14px 2px #eee;
}

.table{
  margin-bottom: 0px;
}

.table:not(.table-responsive>.table){
  box-shadow: -10001px 1px 50px 1px #aaa, 1px 1px 5px -100px #ddd, 1px 1px 14px 2px #eee;
}

.table tbody tr {
  color: #606060;
}

.table thead tr th, .table thead tr td {
  font-weight: bold;
  padding: .65rem;
  font-size: 0.8em;
}

.table tbody tr td{
  vertical-align: middle;
  padding: .95rem;
  border-spacing: 0px 8px;
}

.table tbody tr:hover {
  border-top: 1.3px solid #ccc;
  box-shadow: 0px 2px 3px #aaa;
}