body{
  background-color: transparent;
}

.jf-form{
  margin-top: 28px;
}

.jf-form > form{
  margin-bottom: 32px;
}

.jf-option-box{
  display: none;
  margin-left: 8px;
}

.jf-hide{
  display: none;
}

.jf-disabled {
    background-color: #eeeeee;
    opacity: 0.6;
    pointer-events: none;
}

/* 
overwrite bootstrap default margin-left, because the <label> doesn't contain the <input> element.
*/
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: 0px;
}

div.form-group{
  padding: 8px 8px 4px 8px;
}

.mainDescription{
  margin-bottom: 10px;
}



p.description{
  margin:0px;
}

.responsive img{
  width: 100%;
}

p.error, p.validation-error{
  padding: 5px;
}

p.error{
  margin-top: 10px;
  color:#a94442;
}

p.server-error{
  font-weight: bold;
}

div.thumbnail{
  position: relative;
  text-align: center;
}

div.thumbnail.selected p{
  color: #ffffff;
}

div.thumbnail .glyphicon-ok-circle{
  position: absolute;
  top: 16px;
  left: 16px;
  color: #ffffff;
  font-size: 32px;
}

.jf-copyright{color: #888888; display: inline-block; margin: 16px;display:none;}

.form-group.required .control-label:after {
    color: #dd0000;
    content: "*";
    margin-left: 6px;
}

.submit .btn.disabled, .submit .btn[disabled]{
  background: transparent;
  opacity: 0.75;
}

/* for image option with span text */
.checkbox label > span, .radio label > span{
  display: block;
}

.form-group.inline .control-label,
.form-group.col-1 .control-label,
.form-group.col-2 .control-label,
.form-group.col-3 .control-label
{
  display: block;
}

.form-group.inline div.radio,
.form-group.inline div.checkbox{
  display: inline-block;
}

.form-group.col-1 div.radio,
.form-group.col-1 div.checkbox{
  display: block;
}

.form-group.col-2 div.radio,
.form-group.col-2 div.checkbox{
  display: inline-flex;
  width: 48%;
}

.form-group.col-3 div.radio,
.form-group.col-3 div.checkbox{
  display: inline-flex;
  width: 30%;
}

.clearfix:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.titleDescription {
    font-size: larger;
    color: #3e3d59;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;  /* Center-align the text */
}


.btn-lg {
  padding: 10px 18px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 25px;
}

.btn-lg:focus, .btn-lg:hover {
  /* Additional styles for focused and hovered state */
  /* For example: background-color, text color, etc. */
}

.btn-lg:active, .btn-lg.active {
  /* Additional styles for active state */
  /* For example: background-color, text color, etc. */
}

.btn-lg.disabled, .btn-lg:disabled, .btn-lg[disabled] {
  /* Styles for disabled state */
  /* For example: background-color, text color, etc. */
  opacity: 0.65; /* Adjust opacity for disabled state */
  cursor: not-allowed; /* Set cursor for disabled state */
}




.btn-primary,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary.active,
.btn-primary:active,
.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary[disabled] {
    background-image: -webkit-linear-gradient(top, #ee9d20 0, #d17d16 100%);
    background-image: -o-linear-gradient(top, #ee9d20 0, #d17d16 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ee9d20), to(#d17d16));
    background-image: linear-gradient(to bottom, #ee9d20 0, #d17d16 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee9d20', endColorstr='#ffd17d16', GradientType=0);
    background-repeat: repeat-x;
    border-color: #d17d16; /* Use a similar border color */
}

.btn-primary:focus,
.btn-primary:hover {
    background-color: #d17d16;
    background-position: 0 -15px;
}

.btn-primary.active,
.btn-primary:active {
    background-color: #d17d16;
    border-color: #d17d16;
}

.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary[disabled] {
    background-color: #d17d16;
    background-image: none;
    cursor: not-allowed; /* Optionally set cursor for disabled state */
}

div.label-background
{
  background:#EE9D20;
  color: white;
  font-size: 1.2em;
  letter-spacing: 0.1em;
  text-transform: uppercase;

}