/**************************
START
**************************/

.jewel-list img {
  max-height:100px;

}

.jewel-display img {
    msax-height:320px;
    width:auto;
}

.jewel-thumb-image{
  height:100px;
  width:auto;
}

.checkbox-container {

}

.checkbox-container .checkbox-inline {
  padding-left:0px;
}

.checkbox-div {
  display: inline;
} 

.checkbox-div label{
  position:relative;
  padding:0;
  text-align: center;
}

.checkbox-label {
  padding:0;
  height: 100px;
  width: 100px;
  border: solid 5px  #ccc;
  background-color: rgb(239, 236, 236);
  vertical-align: top;
}



.checkbox-div input{
  position:absolute;
  opacity: 0;
  height:0;
}

/* .checkbox-label:checked {
  border: solid thin  #999;
  opacity: 1.75;
} */

.checkbox-div input:checked+label {
  border: solid 5px  #000;
}
.checkbox-label:hover {
  border: solid 5px  #333;
  opacity: 0.75;
}

/* Colour for the check boxes */

.jewel-color-9 {
  fill: #0000FF;
}
.jewel-color-10 {
  fill: #fff;
}
.jewel-color-11 {
  fill: #FF0000;
}
.jewel-color-12 {
  /* fill: rgb(47, 0, 255); */
}
.jewel-color-13 {
  fill: #00008B;
}
.jewel-color-14 {
  /* fill: rgb(47, 0, 255); */
}
.jewel-color-15 {
  fill: #87CEFA;
}
.jewel-color-16 {
  /* fill: rgb(47, 0, 255); */
}
.jewel-color-17 {
  /* fill: rgb(47, 0, 255); */
}