/*******************************
         Site Overrides
*******************************/

.ui.toggle.checkbox input:checked~.box:before,
.ui.toggle.checkbox input:checked~label:before {
    background: linear-gradient(200.68deg, #FF3C81 0%, #E62267 57%, #AF0C4F 100%)!important;
}

.ui.toggle.checkbox input:focus:checked~.box:before,
.ui.toggle.checkbox input:focus:checked~label:before {
      background: linear-gradient(200.68deg, #FF3C81 0%, #E62267 57%, #AF0C4F 100%)!important;
}

.ui.toggle.checkbox input:focus:checked ~ .box:before,
.ui.toggle.checkbox input:focus:checked ~ .coloring.black:before,
.ui.toggle.checkbox input:checked ~ .box:before,
.ui.toggle.checkbox input:checked ~ .coloring.black:before {
    background: linear-gradient(200.68deg, #FF3C81 0%, #E62267 57%, #AF0C4F 100%)!important;
}

.ui.toggle.checkbox input:focus:checked ~ .coloring.white:before,
.ui.toggle.checkbox input:checked ~ .coloring.white:before {
    background: linear-gradient(200.68deg, #FF3C81 0%, #E62267 57%, #AF0C4F 100%)!important;
}

.ui.toggle.checkbox .box:after, .ui.toggle.checkbox label:after {
  height: 20px;
  width: 20px;
}


.ui.toggle.checkbox input~.box:before,
.ui.toggle.checkbox input~label:before {
    background: #B8BCD9!important;
}

.ui.toggle.checkbox input:focus~.box:before,
.ui.toggle.checkbox input:focus~label:before {
      background: #B8BCD9!important;
}

.ui.toggle.checkbox input:focus ~ .box:before,
.ui.toggle.checkbox input:focus ~ .coloring.black:before,
.ui.toggle.checkbox input:checked ~ .box:before,
.ui.toggle.checkbox input:checked ~ .coloring.black:before {
    background: #B8BCD9!important;
}

.ui.toggle.checkbox input:focus ~ .coloring.white:before,
.ui.toggle.checkbox input ~ .coloring.white:before {
    background: #B8BCD9!important;
}