.hx-pic-size-10 {
  width:9%;  
  margin-bottom:1%;
}

.hx-pic-size-20 {
  width:19%;  
  margin-bottom:1%;
}

.hx-pic-size-25 {
  width:24%;  
  margin-bottom:1%;
}

.hx-pic-size-30 {
  width:34%;  
  margin-bottom:1%;
}

.hx-pic-size-40 {
  width:39%;  
  margin-bottom:1%;
}

.hx-pic-size-50 {
  width:49%;
  margin-bottom:1%;
}

.hx-pic-size-60 {
  width:59%;
  margin-bottom:1%;
}

.hx-pic-size-70 {
  width:69%;
  margin-bottom:1%;
}

.hx-pic-size-75 {
  width:74%;
  margin-bottom:1%;
}

.hx-pic-size-80 {
  width:79%;
  margin-bottom:1%;
}

.hx-pic-size-90 {
  width:89%;
  margin-bottom:1%;
}

.hx-pic-size-100 {
  display:block;
  width:100%;
  margin-left:0;
  margin-right:0;
}

.hx-pic-align-left {
  float:left;
  margin-right:2%;
}

.hx-pic-align-right {
  float:right; 
  margin-left:1%;
}

.hx-pic-align-centre {
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:1.4rem;
}

.hx-pic-align-inline {
  display:inline;
}

.hx-pic-style-border-none {
  border: none !important;
}

.hx-pic-style-border {
  border: 1px solid #dee2e6 !important;
}

.hx-pic-style-border-light {
  border-color: #f8f9fa !important;
}

.hx-pic-style-border-dark {
  border-color: #212529 !important;
}

.hx-pic-style-frame-none {
  background-color:inherit;
  padding:0 !important;
}

.hx-pic-style-frame {
  background-color:#fff;
  padding:1%;
}


.hx-pic-style-shadow-none {
  box-shadow: none !important;
}

.hx-pic-style-shadow-light {  
  box-shadow: 0 10px 10px -5px rgba(0,0,0,0.50) !important;  
}

.hx-pic-style-shadow {  
  box-shadow: 0 10px 10px -5px rgba(0,0,0,0.70) !important;  
}

.hx-pic-style-shadow-dark {  
  box-shadow: 0 10px 10px -5px rgba(0,0,0,0.90) !important;  
}



/* BACKWARDS COMPATIBILITY */
.pic-align-right { float:right; }
.pic-align-left { float:left; }