.ssg-toggle-switch label {
  position: relative;
  display: block;
  height: 24px;
  width: 36px;
  background: #ddd;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 0;
  color: #ccc;
  text-transform: uppercase;
}
.ssg-toggle-switch label:after {
  position: absolute;
  right: 3px;
  top: 3px;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 100px;
  background: #fff;
  box-shadow: 0px 3px 3px rgba(0,0,0,0.07);
  content: '';
  transition: right 0.3s ease;
}
.ssg-toggle-switch label:active:after {
  transition: transform 0.1s ease;
  transform: scale(1.15, 0.85);
}
.ssg-toggle-switch input:checked ~ label {
  background: #B3CE90; 
}
.ssg-toggle-switch input:checked ~ label:after {
  right: 15px;
  background: #fff;
}
.ssg-toggle-switch input:checked + label {
   color: #B3CE90;
}
.ssg-toggle-switch input:disabled ~ label {
  background: #eee;
  pointer-events: none;
}
.ssg-toggle-switch input:disabled ~ label:after {
  background: #fff; box-shadow: none;
}
.ssg-toggle-switch input {
  display: none; margin: 0;
}
.ssg-toggle-switch label span {
   position: absolute;
   top: 1px;
   left: -38px;
   width: 30px;
   line-height: 11px;
   font-size: 11px;
   text-align: right;
   font-weight: 400;
}
.ssg-toggle-switch.con-non-con label {
    display: inline-block;
    vertical-align: middle;
}
.ssg-toggle-switch.con-non-con span {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 11px;
}
.ssg-toggle-switch.include-in-report label span {
    width: 80px;
    line-height: 120%;
    left: -90px;
}

/* MICRO SIZE */
.ssg-toggle-switch.micro label {
  height: 14px; width: 22px; text-indent: 26px; color: #ddd; white-space: nowrap;
}
.ssg-toggle-switch.micro label:after {
  width: 10px; height: 10px;
}
.ssg-toggle-switch.micro input:checked ~ label:after {
  left: 10px;
}

/* LOADING SPINNER */

    .spinner-wrapper {
        position: relative;
        border-radius: 100%;
        display: inline-block;
        background-color: transparent;
        padding: 0;
    }

    .spinner {
        box-sizing: border-box;
        padding: 1px;
        width: 52px;
        height: 52px;
        border: solid #35979A;
        border-right-color: transparent;
        border-width: 5px;
        border-radius: 100%;
        opacity: 0.6;
        -webkit-animation: busySpin 6s infinite cubic-bezier(0.4, 0.6, 0.6, 0.4);
        animation: busySpin 6s infinite cubic-bezier(0.4, 0.6, 0.6, 0.4);
    }

        .spinner > .spinner {
            width: 100% !important;
            height: 100% !important;
        }

    .spinner-wrapper.large .spinner {
        width: 100px;
        height: 100px;
        border-width: 10px;
        padding: 2px;
    }

    .spinner-wrapper.small .spinner {
        width: 24px;
        height: 24px;
        border-width: 3px;
        padding: 1px;
    }

    .scroll-list .spinner-wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -24px;
        margin-left: -24px;
    }
    .scroll-list .spinner-wrapper .spinner{
        border-color: #ccc;
        border-right-color: transparent;
    }

    @-webkit-keyframes busySpin {
        from {
            -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
        }

        to {
            -webkit-transform: rotate(1440deg) translate3d(0, 0, 0);
        }
    }
    @keyframes busySpin {
        from {
            transform: rotate(0deg) translate3d(0, 0, 0);
        }

        to {
            transform: rotate(1440deg) translate3d(0, 0, 0);
        }
    }