/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 25, 2017, 10:53:49 AM
    Author     : seema.mourya
*/


.product-information-container{
    padding: 5px 0px;
    position: relative;
    margin-bottom: 15px;
    border-radius: 10px;
    border-left: 5px solid #01bdd6;
    border: -5px solid red;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14), 0 5px 10px rgba(0, 0, 0, 0.07);
    display: flex;
    align-items: center;
}
.product-name{
    font-size: 16px;
    color: #012a57;
    font-weight: bold;
}
.product-name a{
        color: #012a57;
}
.product-description{
    color: #012a57;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.product-information-container a:focus,
.product-information-container a:hover {
    text-decoration: none;
}
.product-information-container h4{
    display: inline-block;
    margin-right: 15px;
    color: #01bdd6;
    font-size: 14px;
    margin-top: 0px; 
}

.product-information-container .fa {
     display: block;
    width: 30px;
    border-radius: 19px;
    font-size: 12px;
    color: #ffffff;
    padding: 9px;
    margin-bottom: 1px;
    box-shadow: border;
    background: #01bdd6;
}
.product-information-container .attr-ico{
    background: #ccc;
    color: rgba(0, 0, 0, 0.48);
}