.switch-tab {
  background-color: #EEE;
  display: flex;
  border-radius: 3px;
}
.switch-tab .tab {
  width: 50%;
}
.switch-tab label {
  margin-bottom: 0 !important;
  font-weight: 600 !important;
}
.switch-tab input[type="radio"].toggle {
  display: none !important;
}
.switch-tab input[type="radio"].toggle + label {
  cursor: pointer !important;
  min-width: 60px !important;
}
.switch-tab input[type="radio"].toggle + label:hover {
  background: none !important;
  color: #1a1a1a !important;
}
.switch-tab input[type="radio"].toggle + label:after {
  content: "" !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  -webkit-transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1) !important;
  transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1) !important;
  width: 100% !important;
  z-index: -1 !important;
}
.switch-tab input[type="radio"].toggle.toggle-left + label {
  border-right: 0 !important;
}
.switch-tab input[type="radio"].toggle.toggle-left + label:after {
  left: 100% !important;
}
.switch-tab input[type="radio"].toggle.toggle-right + label {
  margin-left: -5px !important;
}
.switch-tab input[type="radio"].toggle.toggle-right + label:after {
  left: -100% !important;
}
.switch-tab input[type="radio"].toggle:checked + label {
  cursor: default !important;
  color: #C51A1B !important;
  -webkit-transition: color 200ms !important;
  transition: color 200ms !important;
  position: relative;
  border-bottom: 2px solid;
  border-radius: 0;
}
.switch-tab input[type="radio"].toggle:checked + label:after {
  left: 0 !important;
}