.modal-product{
	border: 5px solid rgb(0, 152, 219);
}

.product-header{
  min-height: 305px !important;
}

.product-title{
	text-transform: uppercase;
  padding-left: 10px;
  font-size: 1.3rem;
  font-weight: bold;
}

.table-of-contents{
  text-align: left;
}

.pinned .pushpin-content{
  position: absolute;
  top: 160px;
  
}

.pinned .pushpin-content .table-of-contents{
  width: 205px;
  text-align: left;
}

.table-of-contents a{
  font-weight: bold;
  color: black !important;
}

.table-of-contents a.active{
  border-left: 2px solid #0098db;
  color: #0098db !important;
  font-weight: bold !important;
}


.product-carac{
	line-height: 3;
}

.col-doc{
	line-height: 1;
	font-size: 11px;
}

.carac-title{
	width: 175px;
	text-align: right;
	font-weight: bold;
}

.card-panel-product{
	border-left: 4px solid #0098db;
}

.col-actions{
	padding: 15px;
	border-left: 4px solid #424242;
}

.row-actions button{

}

.row-actions .col{
	margin: 0;
	padding: 0;
}

.row-actions .col button{
	width: 100%;
}

.input-field-quant label {
 color: #acafb1;
}
/* label focus color */
.input-field-quant input[type=number]:focus + label {
 color: #0098db;
}
/* label underline focus color */
.input-field-quant input[type=number]:focus {
 border-bottom: 1px solid #0098db !important;
 box-shadow: 0 1px 0 0 #0098db;
}
/* valid color */
.input-field-quant input[type=number].valid {
 border-bottom: 1px solid #0098db !important;
 box-shadow: 0 1px 0 0 #0098db;
}
/* invalid color */
.input-field-quant input[type=number].invalid {
 border-bottom: 1px solid #0098db !important;
 box-shadow: 0 1px 0 0 #0098db;
}
/* icon prefix focus color */
.input-field-quant .prefix.active {
 color: #0098db;
}