.bb [type=radio] {
  position: absolute !important;
  opacity: 0;
  width: 9.375rem !important;
  height: 9.375rem !important;
  border-radius: 0 !important;
}

/* IMAGE STYLES */
.bb [type=radio]+img {
  cursor: pointer;
}

/* CHECKED STYLES */
.bb [type=radio]:checked+img {
  outline: 2px solid #f00;
}

.rowbb {
  display: flex;
  flex-wrap: nowrap;
}

.colbb {
  flex: 1;
  width: 20% !important;
}

.white-green .jconfirm-buttons button {
  background-color: green !important;
  color: white !important;
}

.jconfirm-title-c {
  text-align: center !important;
}

.jconfirm-title {
  margin-top: 1em !important;
}

.icon_check_bb {
  font-size: 64px !important;
}

.jconfirm-content {
  display: none !important;
}

.jconfirm-buttons {
  text-align: center !important;
  float: unset !important;
}

.jconfirm-buttons button {
  padding: 10px 20px !important;
}


/* Choice white-green */

.icon_white-green {
  color: rgb(0, 102, 0) !important;
  -webkit-text-stroke: 3px white !important;
}

.jconfirm-type-white-green {
  background-color: white !important;
  border: 3px solid rgb(0, 102, 0) !important;
}

.btn-white-green {
  background-color: rgb(0, 102, 0) !important;
  color: white !important;
}

/* Choice brown-brown */

.icon_brown-brown {
  color: rgb(42, 26, 14) !important;
  -webkit-text-stroke: 3px rgb(217, 203, 175) !important;

}

.jconfirm-type-brown-brown {
  background-color: rgb(217, 203, 175) !important;
  border: 3px solid rgb(42, 26, 14) !important;
}

.btn-brown-brown {
  background-color: rgb(42, 26, 14) !important;
  color: white !important;
}

/* Choice black-white */

.icon_black-white {
  color: rgb(255, 255, 255) !important;
  -webkit-text-stroke: 3px rgb(0, 0, 0) !important;

}

.jconfirm-type-black-white {
  background-color: rgb(0, 0, 0) !important;
  border: 3px solid rgb(0, 0, 0) !important;
  color: white !important;
}

.btn-black-white {
  background-color: rgb(255, 255, 255) !important;
  color: rgb(0, 0, 0) !important;
}

/* Choice gray-green */

.icon_gray-green {
  color: rgb(39, 174, 96) !important;
  ;
  -webkit-text-stroke: 3px rgb(52, 73, 94) !important;

}

.jconfirm-type-gray-green {
  background-color: rgb(52, 73, 94) !important;
  border: 3px solid rgb(52, 73, 94) !important;
  color: white !important;
}

.btn-gray-green {
  background-color: rgb(39, 174, 96) !important;
  color: rgb(255, 255, 255) !important;
}

/* Choice blue-orange */

.icon_blue-orange {
  color: rgb(242, 156, 19) !important;
  ;
  -webkit-text-stroke: 3px rgb(52, 152, 219) !important;

}

.jconfirm-type-blue-orange {
  background-color: rgb(52, 152, 219) !important;
  border: 3px solid rgb(52, 152, 219) !important;
  color: white !important;
}

.btn-blue-orange {
  background-color: rgb(242, 156, 19) !important;
  color: rgb(255, 255, 255) !important;
}

/* Choice g-green-yellow */

.icon_g-green-yellow {
  color: rgb(255, 255, 255) !important;
  ;
  -webkit-text-stroke: 3px linear-gradient(to top right, rgb(249, 253, 0), rgb(54, 197, 15)) !important;

}

.jconfirm-type-g-green-yellow {
  color: white !important;
  background: linear-gradient(to top right, rgb(249, 253, 0), rgb(54, 197, 15)) !important;
}

.btn-g-green-yellow {
  background-color: rgb(255, 255, 255) !important;
  color: rgb(0, 0, 0) !important;
}

/* Choice g-pink-violet */

.icon_g-pink-violet {
  color: rgb(255, 255, 255) !important;
  ;
  -webkit-text-stroke: 3px linear-gradient(to top right, rgb(252, 57, 149), rgb(192, 1, 253)) !important;

}

.jconfirm-type-g-pink-violet {
  color: white !important;
  background: linear-gradient(to top right, rgb(252, 57, 149), rgb(192, 1, 253)) !important;
}

.btn-g-pink-violet {
  background-color: rgb(255, 255, 255) !important;
  color: rgb(0, 0, 0) !important;
}

/* Choice g-pink-white */

.icon_g-pink-white {
  color: rgb(255, 255, 255) !important;
  ;
  -webkit-text-stroke: 3px linear-gradient(to top right, rgb(255, 197, 205), rgb(255, 5, 252)) !important;

}

.jconfirm-type-g-pink-white {
  color: white !important;
  background: linear-gradient(to top right, rgb(255, 197, 205), rgb(255, 5, 252)) !important;
}

.btn-g-pink-white {
  background-color: rgb(255, 255, 255) !important;
  color: rgb(0, 0, 0) !important;
}

/* Choice red-white */

.icon_red-white {
  color: rgb(255, 255, 255) !important;
  ;
  -webkit-text-stroke: 3px rgb(231, 76, 60) !important;

}

.jconfirm-type-red-white {
  color: white !important;
  background: rgb(231, 76, 60) !important;
}

.btn-red-white {
  background-color: rgb(255, 255, 255) !important;
  color: rgb(0, 0, 0) !important;
}

/* Choice violet-white */

.icon_violet-white {
  color: rgb(255, 255, 255) !important;
  ;
  -webkit-text-stroke: 3px rgb(142, 68, 173) !important;

}

.jconfirm-type-violet-white {
  color: white !important;
  background: rgb(142, 68, 173) !important;
}

.btn-violet-white {
  background-color: rgb(255, 255, 255) !important;
  color: rgb(0, 0, 0) !important;
}

/* Choice yellow-black */

.icon_yellow-black {
  color: rgb(0, 0, 0) !important;
  ;
  -webkit-text-stroke: 3px rgb(255, 193, 40) !important;

}

.jconfirm-type-yellow-black {
  color: rgb(0, 0, 0) !important;
  background: rgb(255, 193, 40) !important;
}

.btn-yellow-black {
  background-color: rgb(0, 0, 0) !important;
  color: rgb(252, 252, 252) !important;
}

.jconfirm-bg {
  background-color: #a2a2a2 !important;
  opacity: .9 !important;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{
  display: block !important;
}

.jconfirm-title{
  display: block !important;
  line-height: 1.5 !important;
}

.jconfirm-title p{
  line-height: 1.5 !important;
  margin-bottom: 0.1em !important;
}
.bb_form_setting_input {
  width: 50% !important;
}

.jconfirm{
  display: none;
}

@media (min-width: 1400px){
  .jconfirm-scrollpane .container, .jconfirm-scrollpane .container-lg, .jconfirm-scrollpane .container-md, .jconfirm-scrollpane .container-sm, .jconfirm-scrollpane .container-xl, .jconfirm-scrollpane .container-xxl {
      max-width: 1320px !important;
  }

}