*{
    font-family: FontAwesome, "Arial", Helvetica, sans-serif;
}
#gen-carrito{
	margin-top: 35px;
    margin-bottom:120px;
    margin-left: auto;
    margin-right: auto;
}

#datos-carrito{
	width: 90%;
	margin-left: auto;
    margin-right: auto;
}

#parrafo h4{
    color:#565C5C;
    height:30px;
    font-size:15px;
}

#parrafo p{
    color:#909092;
    height:30px;
    font-size:14px;
}

#tabla_carrito{
	width: 95%;
}

#tabla_carrito thead tr{
	background:#2A1F3E;
	height:30px;
    font-size: 14px;
	color:#eeeeee;
}

.btn_borrar{
	color:#F00 !important;
	transition: all 0.2s;
	}

.btn_borrar:hover{
	color:#A40004 !important;
}

#row-tabla{
	font-size:14px;
	color:#727777;
}

#txt_btn{
    text-decoration: none;
    color:#fff;
    font-size: 13.5px;
}

#pedir{
    width:120px;
	height:40px;
	border:none;
	background:#BE4800;
	color:#fff;
	cursor:pointer;
}

#pedir:hover{
	color:white;
	text-decoration:none;
	background:rgba(176, 67, 0, 0.8);
	transition:all 0.3s;
	cursor:pointer;
	}

#seguir{
        width:150px;
    	height:40px;
        font-size:13.5px;
    	border:none;
    	background:#BE4800;
    	color:#fff;
    	cursor:pointer;
    }


#seguir:hover{
    	color:white;
    	text-decoration:none;
    	background:rgba(176, 67, 0, 0.8);
    	transition:all 0.3s;
    	cursor:pointer;
    	}

/* Scroll Personalizado */
body::-webkit-scrollbar {
    width: 8px;
}

body::-webkit-scrollbar-thumb {
    background: -webkit-linear-gradient(to top, rgba(51,20,84, .9), rgba(156,108,192, .9));  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, rgba(51,20,84, .9), rgba(156,108,192, .9));
}


/*INICIO DE MEDIDAS PARA RESPONSIVE*/
/******************************************************************************************************************************************************************************************************/
@media screen and (max-width: 1096px) {
    #tabla_carrito{
        width: 97%;
    }
    #tabla_carrito thead tr{
        font-size: 13px;
    }

    #row-tabla{
    	font-size:13.5px;
    }

    #txt_btn{
        font-size: 13px;
    }

    #parrafo h4{
         font-size:14px;
    }

    #parrafo p{
        font-size:13.5px;
    }

    #pedir, #seguir{
    	height:35px;
    }

}
/******************************************************************************************************************************************************************************************************/
@media screen and (max-width: 1012px) {
    #tabla_carrito{
        width: 97%;
    }
}
/******************************************************************************************************************************************************************************************************/
@media screen and (max-width: 991px) {
    #datos-carrito{
    	width: 70%;
    	margin-left: auto;
        margin-right: auto;
    }

    #tabla_carrito{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: table;
    }

    #tabla_carrito thead tr{
        font-size: 12px;
    }

    #row-tabla{
        font-size:13px;
    }

}
/******************************************************************************************************************************************************************************************************/
@media screen and (max-width: 817px) {
    #datos-carrito{
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
}
/******************************************************************************************************************************************************************************************************/
@media screen and (max-width: 645px) {
    #datos-carrito{
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

    #tabla_carrito thead tr{
        font-size: 11px;
    }

    #row-tabla{
        font-size:12px;
    }

}
/******************************************************************************************************************************************************************************************************/
@media screen and (max-width: 500px) {

    #tabla_carrito {
        display: block;
    }



}

/******************************************************************************************************************************************************************************************************/
@media screen and (max-width: 470px) {
    #parrafo h4{
         font-size:13px;
    }

    #parrafo p{
        font-size:13px;
        margin-top: -10px;
    }

    #txt_btn{
        font-size: 12px;
    }

    #pedir, #seguir{
        height:30px;
    }

}