@import "../../supreme_comparison/css/style.css";

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #fff;
/*  background-color: #e6e6e6;*/
  border-color: #8c8c8c;
  border-left: 3px solid #8c8c8c;
  border-right: 3px solid #8c8c8c;
}

.btn-default:hover {
  color: #333;
  background-color: #fff;
/*  background-color: #e6e6e6;*/
  border-color: #adadad;
/*  box-shadow: 0px 0px -2px -2px #adadad;*/
  border-left: 4px solid #adadad;
  border-right: 4px solid #adadad;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #fff;
/*  background-color: #e6e6e6;*/
  background-image: none;
  border-color: #adadad;
/*  box-shadow: 0px 0px -3px -3px #adadad;*/
  border-left: 6px solid #adadad;
  border-right: 6px solid #adadad;
}

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #fff;
/*  background-color: #d4d4d4;*/
  border-color: #8c8c8c;
}

div#order-supreme_comparison .price-table {
    margin: 0;
    padding: 0;
    max-width:180px;
    width:180px;
    position:relative;
}

div#order-supreme_comparison .product-body ul{
    box-shadow:none;
    width:100%;
}

div#order-supreme_comparison .product-body ul li.collapse:not(.show) {
    display:none;
}

div#order-supreme_comparison .includes-features{
    max-width:100%;
}

/*
div#order-supreme_comparison .product-title {
    margin: 0;
    padding: 10px;	
	background: #00355e;
	background: linear-gradient(to bottom, #000000 0%, #004477 100%);
	background: -moz-linear-gradient(top, #000, #047);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#047));
	border-color: #00355e;
	color: #00355e;
}
*/
/*
div#order-supreme_comparison .price-area {
    margin:0 auto;
    padding:0 0 16px 0;
    background-color:#6ceb89;
    text-align:center;
    width:100%;
    color:#000;
    max-width:137px;
    border-radius:0 0 10px 10px;
}
*/
/*
div#order-supreme_comparison .featured-product-background {
    background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #28a745 0%, #6ceb89 100%) repeat scroll 0 0;
    border-bottom: none;
}

.carousel-control-prev,
.carousel-control-next {
	position: relative;
	top: 0;
	bottom: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 15%;
	color: #fff;
	text-align: center;
	opacity: 0.5;
	transition: opacity 0.15s ease;
}

.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-item {
	float: none;
}

@media (min-width: 576px) and (max-width: 767px) {
    .carousel-inner .active,
    .carousel-inner .active + .carousel-item {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .carousel-inner .active,
    .carousel-inner .active + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .carousel-inner .active,
    .carousel-inner .active + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }	
}

@media (min-width: 1200px) {
    .carousel-inner .active,
    .carousel-inner .active + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item + .carousel-item, 	
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
   
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    

    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item, 	
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
	
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
	
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item,	
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
*/