.material-switch {
	.custom-control-label {
		// Thanh ngang
        &::before {
            top: 10px;
            border-radius: 10px;
			border: none;
            height: 5px;
            background-color: black;
            opacity: 0.38;
        }

		// Hình tròn
        &::after {
            background-color: white;
            transform: translateX(-0.15rem);
            box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 
                0 2px 2px 0 rgba(0,0,0,.14),
                0 1px 5px 0 rgba(0,0,0,.12);
        }
    }

    .custom-control-input {
		// Khi được chọn
        &:checked {
			& ~ .custom-control-label {
				// Thanh ngang
                &::before {
                    background-color: #2196f3;
                    opacity: 0.54;
                }

				// Hình tròn
                &::after {
                    background-color: #007bff;
                    transform: translateX(0.9rem);
                    box-shadow: none;
                }
            }
        }
    }
}