.modal-header{
  border: none;
}

.producto-logo-modal{
  height: 60px;
  display: inline-block;
  margin-top: -18px;
}

.modal-body h1{
  font-size: 32px;
  font-weight: bold;
  display: inline-block;
  color: #006848;
  line-height: 61px;
  vertical-align: middle;
  margin: 0;
}

.modal-body h2{
  text-transform: uppercase;
  color: #006848;
  font-size: 14px;
  font-weight: bold;
}

.modal-body h3{
  color: #3D3D3D;
  font-size: 16px;
  font-weight: bold;
}

.modal-body p{
  font-size: 12px;
  color: #3D3D3D;
  font-weight: normal;
}

.modal-body .container{
  border: solid 1px #DBDBDB;
  border-radius: 8px;
}

.modal-body .col-row{
  border-bottom: solid 1px #DBDBDB;
  font-size: 13px;
  font-weight: normal;
}

.modal-body .col-row img{
  height: 25;
  display: inline-block;
  margin-right: 20px;
}

.modal-body .col-row strong{
  font-size: 13px;
}

.lista-tolerancias li{
  display: inline-block;
}

.lista-tolerancias li::before{
  content: '\f111';
  font-family: FontAwesome;
  height: 19.19px;
  width: 19.19px;
  font-size: 19px;
  border-radius: 50%;
  opacity: 0.5;
}

.lista-tolerancias li:nth-child(1)::before{
  background-color: #a40003;
  color: #a40003;
}

.lista-tolerancias li:nth-child(2)::before{
  background-color: #c17736;
  color: #c17736;
}

.lista-tolerancias li:nth-child(3)::before{
  background-color: #c88f37;
  color: #c88f37;
}

.lista-tolerancias li:nth-child(4)::before{ 
  background-color: #e1cd4e;
  color: #e1cd4e;
}

.lista-tolerancias li:nth-child(5)::before{ 
  background-color: #f5d86d;
  color: #f5d86d;
}

.lista-tolerancias li:nth-child(6)::before{ 
  background-color: #dbff72;
  color: #dbff72;
}

.lista-tolerancias li:nth-child(7)::before{ 
  background-color: #82c774;
  color: #82c774;
}

.lista-tolerancias li:nth-child(8)::before{ 
  background-color: #65a47a;
  color: #65a47a;
}

.lista-tolerancias li:nth-child(9)::before{ 
  background-color: #63856d;
  color: #63856d;
}

.lista-tolerancias li.active::before{
  color: #6B6B6B !important;
  opacity: 1;
  font-size: 30px;
}

.more{
 width: 28px;
 height: 26px; 
 border: none;
 border-radius: 50%;
 background: transparent;
 font-size: 16px;
 text-align: center;
}

.more:before{
  content: '\f055';
  font-family: FontAwesome;
  color: rgba(107, 107, 107, 0.55);
}

.more.active:before{
  content: '\f056';
}

.leyenda-perfil img{
  height: 15px;
  margin: 0px 10px;
}

.leyenda-perfil span{
  font-size: 11px;
}

.leyenda-perfil i{
  color: rgba(107, 107, 107, 0.55);
}

#disponibilidad img{
  height: 20px;
}

.col-vertical{
  min-height: 100px;
}

.col-vertical p{
  margin-top: 100px;
  transform: rotate(-90deg);
  font-size: 12px;
}

.btn-plus::after{
  content: '\f00c';
  font-family: FontAwesome;
  border-radius: 50%;
  padding: 1px 5px;
  height: 28px;
  background-color: #006848;
  position: absolute;
  right: 0;
}

/* Responsive */
@media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px)
  
 {
 
	
	.lista-tolerancias li::before{
 content: '\f111';
font-family: FontAwesome;
height: 16px;
width: 16px;
font-size: 14px;
border-radius: 50%;
opacity: 0.5;
}
	 
	 .lista-tolerancias li.active::before{
  color: rgba(107, 107, 107, 0) !important;
  opacity: 1;
  font-size: 18px;
}
	 .btn-plus::after {
    content: '\f00c';
    font-size: 10px;
    font-family: FontAwesome;
    border-radius: 50%;
    padding: 6px 6px;
    
    height: 24px;
    background-color: #006848;
    position: absolute;
    right: 0;
		 z-index: 100000;
    top: 30px;
	
}
	 }