body {
	background-color: #B2B2B3;
    color: #fff;
}
 
html{
    
}


a{
 
}
a.no_class{
    color: inherit;
    text-decoration: none;
}
a.no_class:hover{

}
a.disabled, a.btn.disabled{
    cursor: not-allowed; 
    pointer-events: inherit;
    
}

summary{
    cursor: pointer;
    font-style: italic;
}
/*
body, div, a, span, table, tr, td, ul, li{
    color: #fff;
    background-color:rgb(32, 35, 46);
}
*/
.center{
    text-align: center;
}

.hidden{
	display: none;
}

.no_bold{
	font-weight: inherit;
	margin-bottom: 0;
}

.no_margin{
	margin: 0 0 5px 0;
}

.top_content{
    background-color: #fff;
    border-radius: 5px;
}

.col-md-12{
    background-color: #2AA9E1;
}

.panel_product{
    background-color: #fff;
    box-shadow: 0px 5px 9px -4px #000;
    border-radius: 5px;
    padding: 23px 15px;
    align-content: center;
    text-align: center; 
    margin: 0 8%;
    position: relative;
    color: #000;
}
.panel_product:hover{
    box-shadow: 0px 15px 25px -5px rgba(darken(dodgerblue, 40%));
    transform: scale(1.03);
  }
.panel_product:active{
    box-shadow: 0px 4px 8px rgba(darken(dodgerblue, 30%));
    transform: scale(.98);
}

.panel_recap{
    position: fixed;
    top: 50px;
    right: 12px;
    padding: 25px;
    text-align: right;
    margin: 0;
    background-color: #fff;
    box-shadow: 0px 5px 9px -4px #000;
    border-radius: 5px;
    color: #000;
    cursor: default;
}

/*------------------ CARD --------------------*/
.card_img{
    /*width: 100%;*/
    max-height: 200px;
    max-width: 300px;
}



.qt_icone{
    text-align: center;
    position: absolute;
    top: -8px;
    right: -8px;
    font-size: 25px;
    background-color: #598cff;
    color: #fff;
}

.minus_icone{
    left: 30px;
    right: inherit;
    background-color: #ff6c6c;
    z-index: 999;
}