[class*="col-"] {

	border:none;
	background-color:#FFF;
}

button.pressed {


}


.not-pressed {
	
	background-color:#888;
	background-image:none;
	border-color:#444;

}

.not-pressed:hover {
	 background-color:#888;
        background-image:none;
        border-color:#444;
	background-repeat:none;

}

.not-pressed:focus {
         background-color:#888;
        background-image:none;
        border-color:#444;
	background-repeat:none;

}


.toggle-switch {

	position:relative;
	display:inline-block;
	width:132px;
	height:48px;

}

.toggle-switch input {

	display:none;
}

.slider {

	position:absolute;
	cursor:pointer;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#ccc;
	-webkit-transition: .4s;
	transition: .4;
}

.slider:before {

	position:absolute;
	content: "";
	height:40px;
	width:92px;
	left:4px;
	bottom:4px;
	background-color: white;
	-webkit-transition: .4s;
        transition: .4s;

	background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
    	background-repeat: repeat-x;
    	
	border-radius:6px;
	padding:8px 10px;

	font-size:18px;
	color:white;
	font-weight:400;
	
	text-align: center;
    	white-space: nowrap;
    	vertical-align: middle;

	

}

.slider-rna-seq:before {

	content: "RNA-seq";

}

.slider-atac-seq:before {

        content: "ATAC-seq";

}

.slider-dna-seq:before {

        content: "DNA-seq";

}

/*
input:checked + .slider {
	background-color: #44aa44;
}*/


input:focus + .slider {
	
	box-shadow: 0 0 1px #2196F3;

}


input:checked + .slider:before {

	-webkit-transition:translateX(32px);
	-ms-transform: translateX(32px);
	transform: translateX(32px);

}