/*
form .rendered-form .visibility {
  float: right;
  margin-left: -30px;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
*/
.rendered-form .form-group {
  margin-left: 0px;
  margin-bottom: 15px;
}

.rendered-form .form-control,
.rendered-form .form-inline .bootstrap-select,
.rendered-form .form-inline .bootstrap-select.form-control:not([class*=col-]) {
  display: block;
  width: 100%;
}

.rendered-form .form-inline .bootstrap-select.show {
  border-radius: 5px;
}

.rendered-form .form-group {
  margin-bottom: 1rem;
}

form .rendered-form .visibility {
  float: right;
  margin-left: -30px;
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* wrapper-visibility */
.wrapper-visibility.input-group:not(.has-validation) > .form-control:not(:last-child), .wrapper-visibility.input-group:not(.has-validation) > .custom-select:not(:last-child), .wrapper-visibility.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-radius: 5px;
}
.wrapper-visibility.input-group .input-group-append {
  position: relative;
  align-items: center;
  margin-top: 7.5px;
}
.wrapper-visibility.input-group .visibility {
  position: absolute;
  top: 0;
  right: 5px;
  top: calc(50% + 2px);
  transform: translate3d(0, -50%, 0);
  z-index: 4;
  float: none;
  margin-left: 0;
}
.form-inline .wrapper-visibility.input-group {
  width: 100%;
}

.rendered-form .kc-toggle span {
  position: relative;
  width: 48px;
  height: 24px;
  background: #e6e6e6;
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 2px;
  overflow: hidden;
  float: left;
  margin: 1px 5px 0 0;
  will-change: transform;
}

.container-login #remember-0 {
  position: absolute;
  z-index: -2;
}

.rendered-form .kc-toggle input {
  height: 0;
  overflow: hidden;
  width: 0;
  opacity: 0;
  pointer-events: none;
  margin: 0;
}

.rendered-form .kc-toggle {
  margin: 0;
  padding-left: 0 !important;
  padding: 2px 0;
}

.rendered-form .kc-toggle input:checked + span::before {
  background-color: #6fc665;
}

.rendered-form .kc-toggle span::before {
  border-radius: 4px;
  left: 2px;
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: transparent;
}

.rendered-form .kc-toggle input:checked + span::after {
  transform: translateX(100%);
}

.rendered-form .kc-toggle span::after {
  position: relative;
  content: "";
  width: calc(50% - 1px);
  height: calc(100% - 4px);
  left: 0;
  border-radius: 3px;
  background: linear-gradient(to bottom, #fff 0%, #ccc 100%);
  border: 1px solid #999;
  transition: transform 100ms;
  transform: translateX(0);
}

.rendered-form .kc-toggle span::after, .rendered-form .kc-toggle span::before {
  position: absolute;
  display: inline-block;
}