/* 
--------------------------------
GERAIS
--------------------------------
*/
body {
  color: var(--branco) !important;
}

@keyframes neon {
  0% {
    box-shadow: 0 0 20px var(--verdem);
  }
  25% {
    box-shadow: 0 0 40px var(--verdec);
  }
  50% {
    box-shadow: 0 0 20px var(--verdem);
  }
  75% {
    box-shadow: 0 0 40px var(--verdec);
  }
  100% {
    box-shadow: 0 0 20px var(--verdem);
  }
}
@keyframes neon-img {
  0% {
    filter: drop-shadow(0 0 0 var(--verdec));
  }
  25% {
    filter: drop-shadow(0 0 6px var(--verdec));
  }
  50% {
    filter: drop-shadow(0 0 0 var(--turq-200));
  }
  75% {
    filter: drop-shadow(0 0 6px var(--turq-200));
  }
  100% {
    filter: drop-shadow(0 0 0 var(--verdec));
  }
}
@keyframes pulse {
  100% {
    transform: scale(1.2, 1.5);
    opacity: 0;
  }
}
@keyframes win {
  0% {
    box-shadow: 0 0 10vw var(--verdem), inset 0 0 10vw var(--verdem);
  }
  25% {
    box-shadow: 0 0 50vw var(--verdec), inset 0 0 50vw var(--verdec);
  }
  50% {
    box-shadow: 0 0 10vw var(--verdem), inset 0 0 10vw var(--verdem);
  }
  75% {
    box-shadow: 0 0 50vw var(--verdec), inset 0 0 50vw var(--verdec);
  }
  100% {
    box-shadow: 0 0 10vw var(--verdem), inset 0 0 10vw var(--verdem);
  }
}
@keyframes win-painel {
  0% {
    box-shadow: 0 0 30px var(--verdem), inset 0 0 20px var(--verdem);
  }
  50% {
    box-shadow: 0 0 100px var(--verdec), inset 0 0 50px var(--verdec);
  }
  100% {
    box-shadow: 0 0 30px var(--verdem), inset 0 0 20px var(--verdem);
  }
}
button {
  cursor: pointer !important;
}

img {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}

.winner {
  position: relative;
}
.winner::after {
  content: "";
  position: absolute;
  inset: 0;
  animation: win 5s ease infinite !important;
  z-index: 99;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.winner #painel {
  animation: win-painel 1.25s ease infinite !important;
}
.winner #painel-rasp {
  animation: win-painel 1.5s ease infinite !important;
}
.winner .icon {
  animation: win-painel 1.75s ease infinite !important;
}

.nav-section {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  z-index: 999;
}
@media only screen and (min-width: 991px) {
  .nav-section .collapsing {
    height: 100% !important;
  }
}
.nav-section .navbar-dark .navbar-toggler {
  border: 0 !important;
  box-shadow: none !important;
}
.nav-section .navbar-dark .navbar-toggler:focus-visible {
  outline: 0 !important;
}
.nav-section .navbar-dark .collapsed .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2MCAzMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjAgMzA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTU2LjgsNS4ySDQuNWMtMS4xLDAtMi0wLjktMi0yczAuOS0yLDItMmg1Mi4zYzEuMSwwLDIsMC45LDIsMlM1Ny45LDUuMiw1Ni44LDUuMnoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTU2LjgsMTdINC41Yy0xLjEsMC0yLTAuOS0yLTJzMC45LTIsMi0yaDUyLjNjMS4xLDAsMiwwLjksMiwyUzU3LjksMTcsNTYuOCwxN3oiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTU2LjgsMjguOEg0LjVjLTEuMSwwLTItMC45LTItMnMwLjktMiwyLTJoNTIuM2MxLjEsMCwyLDAuOSwyLDJTNTcuOSwyOC44LDU2LjgsMjguOHoiLz4KPC9zdmc+Cg==") !important;
}
.nav-section .navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCAzMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMGFlOWQ7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTU2Ljc1LDUuMTlINC40OGEyLDIsMCwwLDEsMC00SDU2Ljc1YTIsMiwwLDAsMSwwLDRaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNTYuNzUsMTdINC40OGEyLDIsMCwwLDEsMC00SDU2Ljc1YTIsMiwwLDAsMSwwLDRaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNTYuNzUsMjguODFINC40OGEyLDIsMCwwLDEsMC00SDU2Ljc1YTIsMiwwLDAsMSwwLDRaIi8+PC9zdmc+");
  transition: all 0.3s ease-in-out;
}
.nav-section .navbar-nav .nav-item {
  text-align: end;
  margin: 0 1rem;
  cursor: pointer;
}
.nav-section .navbar-nav .nav-link {
  color: var(--branco) !important;
  line-height: 1rem;
  display: inline-flex;
  border-bottom: 2px solid var(--transparente);
  text-transform: uppercase;
  margin-top: 2px;
  font-size: 0.9rem;
  position: relative;
}
.nav-section .navbar-nav .nav-link:hover::after {
  width: 100%;
  inset: auto auto -4px 0;
}
.nav-section .navbar-nav .nav-link::after {
  width: 0;
  height: 1px;
  background: var(--verdec);
  position: absolute;
  content: "";
  inset: auto 0 -4px auto;
  transition: width cubic-bezier(0.8, 0, 0.2, 1) 400ms;
}
.nav-section .navbar-nav .nav-link span {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1rem;
  margin-right: 0.25rem;
}
.nav-section .navbar-nav span {
  color: var(--branco);
  font-size: 2rem;
}

#painel {
  z-index: 9;
  animation: neon 5s infinite;
  position: sticky;
  top: 64px;
}
#painel-space {
  position: relative;
}
#painel-rasp {
  border: 0px;
  border-radius: 1rem;
  position: relative;
  width: 280px;
  height: 180px;
  margin: 0 auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  overflow: hidden;
  color: var(--branco);
}
#painel-rasp .canvas {
  position: absolute;
  inset: 0;
}
#painel-rasp .form {
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#painel-input-cod {
  position: relative;
  display: none;
}
#painel-cod {
  background: var(--verdee-200);
  color: var(--branco);
  margin-bottom: 1rem;
  border: 0px;
  border-radius: 0.25rem;
  text-align: center;
  padding: 0.5rem;
  outline: 0 !important;
  font-size: 1.2rem;
  position: relative;
}
#painel-cod::-moz-placeholder {
  color: var(--branco);
  opacity: 0.5;
}
#painel-cod::placeholder {
  color: var(--branco);
  opacity: 0.5;
}
#painel-paste-cod {
  display: none;
  transition: all 0.3s ease-in-out;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjcuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzJfMDAwMDAwNTM1MDM1MjUxOTY4NTMwMzEyNTAwMDAwMDMxMjk3NjUyMjgzMDAxODQyMTJfIgoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiCgkgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEzLjcsMC40SDYuMUM1LDAuNCw0LjIsMS4zLDQuMiwyLjN2MS44SDIuM2MtMS4xLDAtMS45LDAuOS0xLjksMnY3LjZjMCwxLjEsMC45LDEuOSwxLjksMS45aDcuNgoJYzEuMSwwLDEuOS0wLjksMS45LTEuOXYtMS44aDEuOWMxLjEsMCwxLjktMC45LDEuOS0xLjlWMi4zQzE1LjYsMS4yLDE0LjgsMC40LDEzLjcsMC40eiBNMTQuMSw5LjljMCwwLjItMC4yLDAuNC0wLjQsMC40aC0xLjlWNi4xCgljMC0xLjEtMC45LTEuOS0xLjktMS45SDUuN1YyLjNjMC0wLjIsMC4yLTAuNCwwLjQtMC40aDcuNmMwLjIsMCwwLjQsMC4yLDAuNCwwLjRWOS45eiIvPgo8L3N2Zz4K");
  position: absolute;
  width: 20px;
  height: 20px;
  top: 12px;
  right: 10px;
  opacity: 0.5;
  cursor: pointer;
}
#painel-paste-cod:hover {
  opacity: 1;
}
#painel-paste-cod.success {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNjOWQyMDA7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTUuNTcsMTQuMjloMGMtLjI3LDAtLjUyLS4xMS0uNzEtLjNMLjM4LDkuNDNjLS4zOS0uMzktLjM4LTEuMDMuMDEtMS40MS4zOS0uMzksMS4wMy0uMzgsMS40MS4wMWwzLjc3LDMuODRMMTQuMTUsMy4xN2MuMzktLjM5LDEuMDItLjQsMS40MSwwLC4zOS4zOS40LDEuMDIsMCwxLjQxTDYuMjksMTMuOTljLS4xOS4xOS0uNDQuMy0uNzEuM1oiLz48L3N2Zz4=");
  opacity: 1;
}
#painel-btn {
  width: 100%;
  max-width: 230px;
  margin: auto;
}
#painel.painel-2 #painel-input-cod {
  display: block !important;
}
#painel.painel-3 #painel-rasp {
  display: inline-block !important;
}
#painel.painel-3 #anim-rasp {
  display: block;
  z-index: -1;
  opacity: 0;
}
#painel.painel-3 #anim-rasp.show {
  opacity: 1;
  z-index: 200;
}
#painel #anim-rasp {
  display: none;
  position: absolute;
  bottom: 160px;
  right: 50px;
  width: 100px;
  z-index: -1;
  opacity: 0;
  transition: all 1s;
}

#codigos .tooltip-disponibilizados {
  position: relative;
  top: -8px;
}
#codigos .input {
  padding: 1rem 1.25rem;
}
#codigos .input input {
  width: 100%;
  outline: 0 !important;
}
#codigos .input input::-moz-placeholder {
  font-style: italic;
}
#codigos .input input::placeholder {
  font-style: italic;
}
#codigos .input input:invalid + button.btn {
  pointer-events: none;
  opacity: 0.5;
}
#codigos .input .small {
  font-size: 0.9rem !important;
}

#consulta .ola {
  position: relative;
  z-index: 2;
}
#consulta .num-cods {
  position: relative;
  z-index: 1;
  font-size: 1.1rem;
}
#consulta .num-cods .codigos {
  background: var(--verdee);
  padding: 0.3rem 0.75rem;
  border-radius: 0.5rem;
  position: relative;
}
#consulta .num-cods .codigos:after, #consulta .num-cods .codigos:before {
  content: "";
  inset: 0;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: var(--verdee);
  border-radius: 0.5rem;
  opacity: 0.7;
}
#consulta .num-cods .codigos:after {
  animation: pulse 2s ease-out infinite;
}
#consulta .num-cods .codigos:before {
  animation: pulse 2s 1s ease-out infinite;
}
#consulta .table {
  border-collapse: separate;
  border-spacing: 0.5rem 1rem;
  table-layout: fixed;
  vertical-align: middle;
}
@media only screen and (max-width: 400px) {
  #consulta .table {
    font-size: 0.9rem !important;
  }
}
#consulta .table th, #consulta .table td {
  border-radius: 0.5rem;
}
#consulta .table th {
  background: var(--verdee);
  color: var(--branco);
}
#consulta .table tr td {
  font-style: italic;
  background: var(--turq-600);
  color: var(--verdee);
  opacity: 0.7;
}
#consulta .table tr.active td {
  opacity: 1;
}
#consulta .table tr.active td:nth-child(1) {
  position: relative;
  transition: all 0.3s ease-in-out;
  color: var(--branco);
  cursor: pointer;
}
#consulta .table tr.active td:nth-child(1).success::after {
  content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNjOWQyMDA7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTUuNTcsMTQuMjloMGMtLjI3LDAtLjUyLS4xMS0uNzEtLjNMLjM4LDkuNDNjLS4zOS0uMzktLjM4LTEuMDMuMDEtMS40MS4zOS0uMzksMS4wMy0uMzgsMS40MS4wMWwzLjc3LDMuODRMMTQuMTUsMy4xN2MuMzktLjM5LDEuMDItLjQsMS40MSwwLC4zOS4zOS40LDEuMDIsMCwxLjQxTDYuMjksMTMuOTljLS4xOS4xOS0uNDQuMy0uNzEuM1oiLz48L3N2Zz4=");
  opacity: 1;
}
#consulta .table tr.active td:nth-child(1)::after {
  transition: all 0.3s ease-in-out;
  content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMDM2NDE7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJMYXllcl8xLTIiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTEzLjcuNGgtNy42Yy0xLjEsMC0xLjkuOS0xLjksMS45djEuOGgtMS45Yy0xLjEsMC0xLjkuOS0xLjksMnY3LjZjMCwxLjEuOSwxLjksMS45LDEuOWg3LjZjMS4xLDAsMS45LS45LDEuOS0xLjl2LTEuOGgxLjljMS4xLDAsMS45LS45LDEuOS0xLjlWMi4zYzAtMS4xLS44LTEuOS0xLjktMS45Wm0tMy40LDEzLjNjMCwuMi0uMi40LS40LjRIMi4zYy0uMiwwLS40LS4yLS40LS40di03LjZjMC0uMi4yLS40LjQtLjRoNy42Yy4yLDAsLjQuMi40LjQsMCwwLDAsNy42LDAsNy42Wm0zLjgtMy44YzAsLjItLjIuNC0uNC40aC0xLjl2LTQuMmMwLTEuMS0uOS0xLjktMS45LTEuOWgtNC4ydi0xLjljMC0uMi4yLS40LjQtLjRoNy42Yy4yLDAsLjQuMi40LjR2Ny42aDBaIi8+PC9nPjwvc3ZnPg==");
  position: absolute;
  width: 16px;
  height: 16px;
  top: 10px;
  right: 10px;
  opacity: 0.5;
}
@media only screen and (max-width: 567px) {
  #consulta .table tr.active td:nth-child(1)::after {
    width: 12px;
    height: 12px;
    top: 8px;
  }
}
@media only screen and (max-width: 390px) {
  #consulta .table tr.active td:nth-child(1)::after {
    top: -7px;
    right: -1px;
  }
}
#consulta .table tr.active td:nth-child(1):hover {
  transition: all 0.2s ease-in-out;
}
#consulta .table tr.active td:nth-child(1):hover::after {
  opacity: 1;
}
#consulta .table tr.active td:nth-child(2) {
  background: var(--verdec);
}
#consulta .table tr.win td {
  opacity: 1;
  animation: neon 4s infinite ease-in-out;
  color: var(--verdec);
  border: 1px solid var(--verdec);
}
#consulta .table tr.win td:nth-child(2) {
  font-weight: bold;
  box-shadow: 0 0 6px var(--verdec);
}
#consulta .sem_registro {
  display: none;
}
#consulta .msg_retorno {
  color: var(--turq);
  margin-bottom: 10px;
  font-weight: 600;
  text-align: center;
}
#consulta #paginacao ul {
  padding: 0.5rem;
  background: #fff;
  border-radius: 0.5rem;
  display: flex;
  margin: 0px auto;
  list-style: none;
  width: 80%;
  text-align: center;
  align-items: center;
  justify-content: space-evenly;
}
#consulta #paginacao ul li {
  display: inline;
  padding: 0 5px;
}
#consulta #paginacao ul li a {
  padding: 0.3rem 1rem;
  display: inline-block;
  color: var(--verdee);
  text-decoration: none;
  font-weight: 700;
}
#consulta #paginacao ul li .anterior, #consulta #paginacao ul li .proximo {
  background: var(--verdee);
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
}

#footer-padrao {
  background: var(--verdee);
  fill: var(--branco);
  padding: 0px !important;
  margin: 0px !important;
}
#footer-padrao .smaller {
  font-size: 0.75rem !important;
}
#footer-padrao .social {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 3rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
  #footer-padrao .social {
    justify-content: center;
  }
}
#footer-padrao .social a {
  display: block;
}
#footer-padrao .c-rodape {
  color: var(--branco) !important;
}
#footer-padrao #sicoob-logo-box {
  display: none;
}
#footer-padrao.bg-branco {
  background: var(--branco);
  fill: var(--verdee);
}
#footer-padrao.bg-branco .c-rodape {
  color: var(--verdee) !important;
}
#footer-padrao.bg-branco .social {
  padding-bottom: 0rem;
  margin-bottom: 1.5rem;
}
#footer-padrao.bg-branco #sicoob-logo-box {
  display: inline;
}
#footer-padrao.bg-branco #sicoob-logo {
  display: none;
}
#footer-padrao.bg-turq {
  background: var(--turq);
  fill: var(--branco);
}
#footer-padrao.bg-turq .c-rodape {
  color: var(--branco) !important;
}
#footer-padrao.bg-turq .social {
  padding-bottom: 0rem;
  margin-bottom: 1.5rem;
}
#footer-padrao.bg-turq #sicoob-logo-box {
  display: inline;
}
#footer-padrao.bg-turq #sicoob-logo {
  display: none;
}

#staticBackdrop {
  z-index: 99999;
  margin-top: 5%;
}
#staticBackdrop .modal-content {
  background-color: var(--transparente) !important;
  border: none !important;
}
#staticBackdrop .modal-content #instrucao-video {
  border-radius: 15px;
}
#staticBackdrop .modal-footer {
  border: none !important;
}

video {
  width: 100%;
}/*# sourceMappingURL=styles-sorte.css.map */