.ibd-static-pt-generic-html-productos-plano-compromisso .wcom-check ,
.ibd-static-pt-html-plano-negocios-noite .wcom-check {
  width: 55px;
  height: 28px;
  background: #e2e2e2;
  border-radius: 14px;
  position: relative; }

.ibd-static-pt-generic-html-productos-plano-compromisso .wcom-check.disabled ,
.ibd-static-pt-html-plano-negocios-noite .wcom-check.disabled {
  opacity: 0.5; }

.ibd-static-pt-generic-html-productos-plano-compromisso .wcom-check > .btn-group-toggle > .btn ,
.ibd-static-pt-html-plano-negocios-noite .wcom-check > .btn-group-toggle > .btn {
  display: block;
  position: relative;
  width: 100%;
  height: 28px;
  border-radius: 14px;
  padding: 0;
  border: none;
  animation-name: moveLeftBackground;
  animation-duration: 500ms;
  background: transparent; }

.ibd-static-pt-generic-html-productos-plano-compromisso .wcom-check > .btn-group-toggle > .btn.focus ,
.ibd-static-pt-html-plano-negocios-noite .wcom-check > .btn-group-toggle > .btn.focus {
  box-shadow: none; }

.ibd-static-pt-generic-html-productos-plano-compromisso .wcom-check > .btn-group-toggle > .btn.active ,
.ibd-static-pt-html-plano-negocios-noite .wcom-check > .btn-group-toggle > .btn.active {
  animation-name: moveRightBackground;
  animation-duration: 500ms;
  animation-fill-mode: forwards;
  background: #8abe37;
  width: 100%; }

.ibd-static-pt-generic-html-productos-plano-compromisso .wcom-check > .btn-group-toggle > .btn.active > span ,
.ibd-static-pt-html-plano-negocios-noite .wcom-check > .btn-group-toggle > .btn.active > span {
  animation-name: moveRight;
  animation-duration: 500ms; }

.ibd-static-pt-generic-html-productos-plano-compromisso .wcom-check > .btn-group-toggle > .btn > span ,
.ibd-static-pt-html-plano-negocios-noite .wcom-check > .btn-group-toggle > .btn > span {
  padding: 0;
  height: 28px;
  width: 28px;
  border-radius: 14px;
  box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.12);
  border: none;
  background: white;
  position: absolute;
  animation-name: moveLeft;
  animation-duration: 500ms;
  left: 0; }

.ibd-static-pt-generic-html-productos-plano-compromisso .wcom-check > .btn-group-toggle > .btn.active > span ,
.ibd-static-pt-html-plano-negocios-noite .wcom-check > .btn-group-toggle > .btn.active > span {
  animation-name: moveRight;
  animation-duration: 500ms;
  animation-fill-mode: forwards; }

@keyframes moveLeftBackground {
  from {
    background: #8abe37; }
  to {
    background: transparent; } }

@keyframes moveRightBackground {
  from {
    background: transparent; }
  to {
    background: #8abe37; } }

@keyframes moveLeft {
  from {
    left: calc(100% - 28px); }
  to {
    left: 0; } }

@keyframes moveRight {
  from {
    left: 0; }
  to {
    left: calc(100% - 28px); } }