.showroom-image {
  width: 100%;
}

.category-image {
    width: 122px;
    max-width: 122px;
}

.gallery-img-title {
    min-height: 50px;
    background-color: var(--color-darkgrey) !important;
    color: var(--color-white);
}

.title{
    padding: 15px 5px 15px 10px;
}

.btn-clear {
    background-color: var(--color-darkgrey);
    color: var(--color-white);
    border: none;
    width: 220px;
    text-align: left;
}

/* image box selection*/
/* .image-checkbox {
	cursor: pointer;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 4px solid transparent;
	margin-bottom: 0;
	outline: 0;
} */
.image-checkbox input[type="checkbox"] {
	display: none;
}

.image-showroom-checked {
    border: var(--color-theme) solid 2px;
    /*opacity: .8;
  box-shadow: 0px 12px 22px 1px #333;*/
}

.image-checkbox .fa-check {
    position: absolute;
    color: var(--color-theme);
    top: 3%;
    right: 2%;
    font-size: 2rem;
}
.image-showroom-checked .fa-check {
    display: block !important;
}

.img-thumbnail {
    border: none;
}

.img-showroom{
  cursor: pointer; 
}

/*.img-category {
    cursor: pointer;
    padding: 5px !important;
    text-align: center;
    min-width: 132px;
}*/

.img-category {
    cursor: pointer;
    min-width: 132px;
    max-width: 132px;
    padding: 5px !important;
    text-align: center;
}

.image-category-checkbox input[type="checkbox"] {
	display: none;
}

.image-category-checkbox .fa-check {
    color: var(--color-theme);
    font-size: 3.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.image-category-checked .fa-check {
    display: block !important;
}

.image-category-checked {
    border: var(--color-theme) solid 2px !important;
    opacity: .8;
    /* box-shadow: 0px 2px 4px 1px #333; */
}

/*Make checkbox styling*/
.make input{
  position: absolute;
  left: -9999px;
}

.make label {
    min-width: 130px;
    display: block;
    position: relative;
    /* margin-bottom: .75rem !important; */
    /* padding: 6px 6px 6px 30px; */
    padding: 6px 6px 6px 2px;
    /* border: 2px solid var(--color-theme); */
    /* border-radius: 12px; */
    color: var(--color-black);
    background-color: var(--color-white);
    /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); */
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    transition: background-color .2s, box-shadow .2s;
}
    /*.make label::before {
        content: '';
        display: block;
        position: absolute;
        top: 10px;
        bottom: 10px;
        left: 9px;
        width: 12px;
        background-color: var(--color-white);
        border: 2px solid var(--color-theme);
        border-radius: 100px;
        transition: background-color .2s;
        transition-property: background-color;
        transition-duration: 0.2s;
        transition-timing-function: ease;
        transition-delay: 0s;
    }*/

.make label:first-of-type {
  /* transform: translateX(-40px); */
}

.make label:last-of-type {
  /* transform: translateX(40px); */
}

.make label:hover, input:focus + label {
  /*box-shadow: 0 0 20px rgba(0, 0, 0, .6);*/
}

.make input:checked + img + label {
    background-color: var(--color-theme);
    color: var(--color-white);
    /*border: 2px solid var(--color-white);*/
}

    .make input:checked + img + label::before {
        background-color: var(--color-theme);
        color: var(--color-white);
        /*border: 4px solid var(--color-white);*/ /*radio button when selected*/
    }


  
  @media (max-width: 767px) {
    .bordered-right{
        border-right: none;
      }
  }

  /* divide row into 5 columns*/

  /* End - divide row into 5 columns */