/*------------------------------------*/
/*------------ SWITCHER --------------*/
/*------------------------------------*/
.switcher{
    margin-right: 0.4rem;
    h4{
	    letter-spacing: -0.55px;
	    color: #8BA2BE;
	    font-size: 0.9rem;
	    vertical-align: text-top;
    }
  	.switch{
  		display: inline-block;
		width: 52px;
    	height: 29px;
	  	position: relative;
	  	vertical-align: middle;
  	    margin-left: 0.8rem;
  		.title{

  		}
  		input{
	  		display:none;
	  	}
	  	.slider {
		  	position: absolute;
		  	cursor: pointer;
		  	top: 0;
		  	left: 0;
		  	right: 0;
	  		bottom: 0;
		  	background-color: #F5F9FF;
	  	    border: 1px solid rgba(54, 54, 54, 0.04);
		  	@include transition(0.4s);
		  	.circle{
	  		    position: relative;
			    height: 27px;
			    width: 26px;
			    right: -23px;
			    top: 0;
			    bottom: 0;
			  	background-color: $white;
			  	@include transition(0.4s);
			  	border: 1px solid rgba(54, 54, 54, 0.08);
	  	    	padding: 0.55rem;
	  	    	border-right: 0;
			  	&:before{
			  		content: '';
			  		background: #7ED321;
			  		width: 6px;
			  		height: 6px;
			  		position: absolute;
			  		@include border-radius(50%);
			  	}
		  	}
		  	&.round{
		  		@include border-radius(34px);
		  		&:before{
		  			@include border-radius(50%);
		  		}
		  	}
		}
		input:checked + .slider, 
		input:focus + .slider {
	      	background-color: rgba(26, 140, 255, 0.08);
		}
		input:checked + .slider .circle {
			@include transform(translateX(-24px));
		}
  	}
  	
}

/*------------------------------------*/
/*------------ /SWITCHER -------------*/
/*------------------------------------*/
/**/