/* Custom Shop Styles*/

:root {
  --mi-color: #f7f7f8;
  --txtcolor:black;
  --backcolor:white;
  --acentcolor:gray;
}

.main-header {
    background-color: var(--mi-color);
}

.page-contents {
    background-color: var(--mi-color);
}

.featured-products .stats-container{
    background: transparent;
    width: 100%;
}

.featured-products .product img {
    width: 100%;
}

.product {
    border-radius:7px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    background-color: var(--backcolor);
    color:var(--txtcolor);
    border:none;
}

.product:hover {
    box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.7);
    transform: scale(1.02);
}

.btn {
    border-radius: 5px;
}


.image_overlay {
    border-radius:7px;
    align-items: center;
}

input:not([name="quantity"]) {
    border-radius: 5px !important;
}


button[name="login"]  {
    border-radius: 5px !important;
}

span:not([class="text"]), a[class="link"]{
    color:var(--txtcolor) !important;
}


span[class="input-group-addon pointer btn-plus"]{
    border-radius: 0 5px 5px 0;
    background-color: var(--mi-color);
    border-color:gray;
}

span[class="input-group-addon pointer btn-minus"]{
    border-radius: 5px 0 0 5px;
    background-color: var(--mi-color);
    border-color:gray;
}


span[class="cart-total-items"], span[class="hidden-xs"], .footer span{
    color:white !important;
}


table{
    border-collapse: collapse;
    border-radius:7px !important;
    background-color:var(--mi-color);
    overflow: hidden;
    border: 1px solid var(--txtcolor);
}

.table-reponsive{
    border-radius:8px;
}

div[class="well well-sm"]{
    background-color:var(--backcolor);
    border:none;
}


.carousel-indicators li{
    border-radius:3px;
    background-color:var(--backcolor);
}

.img-thumbnail{
    border-radius:15px;
    width:100%;
    
}

.panel-default {
    border: none;
    border-radius:8px;
    background-color: var(--backcolor);
    color:var(--txtcolor);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    
}

.panel-default:hover{
    box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.7);
    transform: scale(1.02);
}


.panel-body {
    border-radius: 0 0 8px 8px ;
}

.panel-default>.panel-heading  {
    border-radius: 8px 8px 0 0;
    color:var(--txtcolor);
    background-color: var(--backcolor);
}

.cookie-warning {
  bottom: 0;
  display: block;
  position: fixed;
  left: 0;
  max-width: 480px; }
.cookie-warning .alert {
    margin-bottom: 0; }


.carousel-inner{
    overflow: visible;
}

.navbar {
    background-color: var(--mi-color);
    border: 0;
    border-radius: 0;
    min-height: inherit;
}
.navbar .navbar-nav>li>a {
    color: #333;
    padding-bottom: 10px;
    padding-top: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}


.dropdown-menu>li>a{
    color: var(--txtcolor);
}

.dropdown-menu {
    border-radius: 7px;
    border: 0;
    margin: 0;
    padding: 0;
    background-color:var(--backcolor);
    color:var(--txtcolor);
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.7);
}


#grid-selector{
    color:var(--txtcolor);
}


.bootstrap-select .dropdown-toggle {
    border-radius: 3px;
    background-color: var(--backcolor);
}
.bootstrap-select .dropdown-toggle:hover {
    background-color: var(--micolor);
    color:var(--txtcolor);
}

.bootstrap-select.open .dropdown-toggle:hover {
    background-color: var(--backcolor);
}


.bootstrap-select.open .dropdown-toggle {
    background-color: var(--mi-color);
}

.list-group-item {
    border-radius: 5px !important;
}

.rrssb-buttons li a {
    border-radius:5px;
}

.rrssb-buttons li a .rrssb-text {
    color: #fff !important;
}

#grid-selector #grid-menu ul li.active, #grid-selector #grid-menu ul li:hover {
    color: var(--txtcolor);
}



/*============================================*/


@media (max-width:768px){
    .product{
        width:90%;
        margin: 10px auto;
    }
}

.col-sm-3.col-md-2{
    z-index:25;
}

.col-sm-9.col-md-10{
    z-index:50;
}


/* Agrega esquinas redondeadas al primer enlace del menú desplegable al pasar el mouse sobre él */

.dropdown ul li:first-child a:hover {
  border-radius: 7px 7px 0 0;
}

.dropdown ul li:last-child a:hover {
  border-radius: 0 0 7px 7px;
}


/*paginacion*/


.pagination>li>a{
    color:var(--txtcolor);
    background-color:var(--backcolor);
    border: 1px var(--mi-color);
}


/* Agrega esquinas redondeadas al primer enlace del menú desplegable al pasar el mouse sobre él */

.pagination li:first-child a, .pagination li:first-child a:hover {
  border-radius: 5px 0 0 5px;
}

.pagination li:last-child a, .pagination li:last-child a:hover {
  border-radius: 0 5px 5px 0;
}

/* END paginacion*/


li[data-target="#carousel-example-generic"]{
    border-radius:50%;
}

.carousel-indicators .active:not([data-target="#photo-carousel"]) {
    background-color: var(--txtcolor);
    
}

.continer{
    max-width:95%;
}
.btn-wsp{
    position:fixed;
    width:60px;
    height:60px;
    line-height: 63px;
    bottom:50px;
    right:25px;
    background:#fff;
    border-radius:50px;
    text-align:center;
    font-size:35px;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
    z-index:100;
    transition: all 300ms ease;
}

.btn-wsp:hover {
    text-decoration: none;
    background: currentcolor;
    box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.7);
    transform: scale(1.1);
}


@media only screen and (min-width:320px) and (max-width:768px){
    .btn-wsp{
        width:63px;
        height:63px;
        line-height: 66px;
	}
}


.themed{
    /*line-height: 63px;*/
    font-size:25px;
    text-align:center;
    transition: all 300ms ease;
    padding:0 7px;
}

#dmod:hover{
    cursor:pointer;
}


.corner_rounded{
    border: none;
    border-radius:8px;
}

.sombra{
    box-shadow: 2px 2px 3px 1px rgba(102,93,102,1);
}

.image-width{
    width:100%;
}

.widht-container{
    width:90%;
    padding:0;
}
.widht-row{
    padding:5px;
}

.xrow{
    margin-left:15px;
    margin-right:15px;
}

.margenp{
    margin:7px;
}

.paddleft{
    padding-left:10px;
    padding-right:10px;
}