.custom-control {
position: relative;
z-index: 1;
display: block;
min-height: 1.7rem;
padding-left: 3rem!important;
-webkit-print-color-adjust: exact;
color-adjust: exact
}
.custom-control-input {
position: absolute;
left: 0;
z-index: -1;
width: 1rem;
height: 1.35rem;
opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
color: #fff;
border-color: #009ecc;
background-color: #3696d2!important;
}
.custom-control-input:active~.custom-control-label::before{
color: #fff;
border-color: #009ecc;
background-color: #3696d2!important;
}
.custom-control-label {
position: relative;
margin-bottom: 0;
/*vertical-align: top*/
}
.custom-control-label::before {
position: absolute;
top: .35rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
background-color: #009ecc;
border: #abbcd5 solid 0;
box-shadow: none
}
.custom-control-label::after {
position: absolute;
top: .35rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background: 50%/50% 50% no-repeat
}
.custom-switch {
padding-left: 3rem
}
.custom-switch .custom-control-label::before {
left: -3rem;
width: 2.5rem;
pointer-events: all;
border-radius: .5rem
color: #fff;
border-color: #009ecc;
background-color: #3696d2!important;
}
.custom-switch .custom-control-label::after {
top: calc(.35rem + 0px);
left: calc(-3rem + 0px);
width: 1rem;
height: 1rem;
background-color: #abbcd5;
border-radius: .5rem;
transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.custom-control-label::before, .custom-file-label, .custom-select {
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.custom-switch {
min-height: 1.375rem
}
.custom-switch .custom-control-label::before {
top: 1.1625rem;
height: 1.375rem;
border-radius: .6875rem
}
.custom-switch .custom-control-label::after {
top: 1.35rem;
left: -2.8125rem;
background-color: #fff
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
background-color: #fff;
transform: translateX(1.125rem)
}