.ui-sortable-helper {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

.panel {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

.panel-body {
    padding: 15px;
}


#the-list tr:hover {
	background-color:#EFEFEF;
}

#slides-panel {
	display: inline-block;	
}

.slides {
	margin: 0;
	list-style-type: none;
	display: block;
	clear: left;
}

.slides li {
	cursor: pointer;
	float: left;
	margin-right: 20px;
}

.delete-link {
  display: block;
  text-align: right;
  padding-bottom: 10px;
}

.alert {
	display: inline-block;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}


.overlayer {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
  height: 100%;
  position: absolute;
  top: 0;
  transition: all 0.3s ease-out 0s;
  width: 100%;
  opacity: 0;
}

.item .carousel-item {
	position: relative;
}

.item a:hover {
	opacity: 1;
}

.item a:hover .overlayer {
	opacity: 1;
	
}

.magnifier {
	color: #fff;
	position: absolute;
	width: 50px;
	height: 50px;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	margin-top: -25px;	
	text-align: center;
}

.carousel {
	padding: 30px 30px;	
}

.container-fluid > .carousel {
	padding-left: 100px;
	padding-right: 100px;
}

.carousel-indicators {
    bottom: -30px;
}

.carousel-indicators li {
	margin: 5px;
	border: none;
	background-color: #e6e6e6;
}

.carousel-indicators .active {
	background-color: #cdcdcd;
	margin: 5px;
	height: 10px;
	width: 10px;
}

.controls .left {
  height: 100%;
  left: -20px;
  position: absolute;
  top: 0;
  width: 60px;
}

.container-fluid > .carousel .controls .left {
	left: 60px;
}

#carousel-generic .arrow-left {
  left: 0;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  display: inline-block;
  height: 30px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  transform: rotate(-135deg);
  -ms-transform: rotate(-135deg); /* IE 9 */
  -webkit-transform: rotate(-135deg); /* Chrome, Safari, Opera */
  width: 30px;
}

.controls .right {
  height: 100%;
  right: -20px;
  position: absolute;
  top: 0;
  width: 60px;
}

.container-fluid > .carousel .controls .right {
	right: 60px;
}

#carousel-generic .arrow-right {
   right: 0;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  display: inline-block;
  height: 30px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  width: 30px;
}



/* Carousel Fade */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}


@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}



@media only screen and (max-width: 1199px) {
	
.controls .left {
	left: 10px;	
}

.controls .right {
	right: 10px;	
}

.magnifier {
  font-size: 32px;
  height: 32px;
  left: 50%;
  margin-left: -16px;
  margin-top: -16px;
  position: absolute;
  top: 50%;
  width: 32px;
}
	
	
}

@media only screen and (max-width: 999px) {
	


}

@media only screen and (max-width: 767px) {

.container-fluid > .carousel {
	padding: 0 50px;	
}


.container-fluid > .carousel .controls .left {
  left: 20px;
}

.container-fluid > .carousel .controls .right {
  right: 20px;
}

.carousel {
	padding: 30px 0 50px 0;	
}		

.controls .left {
	margin-top: -2px;
	width: 20px;
}

.controls .right {
	margin-top: -2px;
	width: 20px;
}	

.magnifier {
  font-size: 20px;
  height: 20px;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 20px;
}

.carousel-indicators {
  bottom: 0;
}	
	
}