* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

.glyphicon-ok:before {
    color: #2662de;
}

.carousel-indicators li {
	text-indent: 0px !important;
}
	


/* mobile */
@media screen and (max-width: 767px) {	
	.slideIcon {
    	width: 25px !important;
    	height: 25px !important;
		border-radius: 15px !important;
		border: 3px solid #DDDDDD !important;
		background-color: #DDDDDD !important;
	}
	
	.slide-done {
		vertical-align: middle;
    	margin-right: 2px;
    	height: 30px;
    	margin-top: 1px;
	}
}

/* tablet */
@media screen and (min-width:768px) and (max-width: 1023px) {
	.slideIcon {
    	width: 30px !important;
    	height: 30px !important;
		border-radius: 15px !important;
		border: 5px solid #DDDDDD !important;
		background-color: #DDDDDD !important;
	}
	
	.slide-done {
		vertical-align: middle;
    	margin-right: 2px;
    	height: 40px;
    	margin-top: 4px;
	}
}

/* laptop */
@media screen and (min-width:1024px) {
	.slideIcon {
    	width: 30px !important;
    	height: 30px !important;
		border-radius: 15px !important;
		border: 5px solid #DDDDDD !important;
		background-color: #DDDDDD !important;
	}
	
	.slide-done {
		vertical-align: middle;
    	margin-right: 2px;
    	height: 40px;
    	margin-top: 4px;
	}
}

.currentSlide {
	border: 5px solid #2662de !important;
	background-color: white !important;
}