/* @override 
	https://laserstudyorg:8890/themes/contrib/zeela/css/zeela.css?* */

input[type="checkbox"],
input[type="radio"]{
  display:inline-block;
  width:24px;
  height:24px;
  vertical-align:text-bottom;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}
[dir] input[type="checkbox"], [dir] input[type="radio"]{
  border:2px solid #7e96a7;
  border-radius:2px;
  background-color:#f1f4f6;
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:16px 16px;
}

[dir] input[type="checkbox"]:hover, [dir] input[type="checkbox"]:focus, [dir] input[type="radio"]:hover, [dir] input[type="radio"]:focus{
    border-color:#53b0eb;
  }
  

 
input[type="checkbox"]:focus, input[type="radio"]:focus{
    outline:6px dashed transparent;
  }

[dir] input[type="checkbox"]:focus, [dir] input[type="radio"]:focus{
    box-shadow:0 0 0 2px #fff, 0 0 0 5px #53b0eb;
  }

@supports (outline-style: double){

input[type="checkbox"]:focus, input[type="radio"]:focus{
      outline-style:double;
  }
    }

input[type="checkbox"][disabled], input[type="radio"][disabled]{
    opacity:0.3;
  }

.form-type--boolean input[type="checkbox"], .form-type--boolean input[type="radio"]{
    position:relative;
    top:9px;
  }

[dir] .form-type--boolean input[type="checkbox"], [dir] .form-type--boolean input[type="radio"]{
    transform:translateY(-50%);
  }

[dir=ltr] .form-type--boolean input[type="checkbox"], [dir=ltr] .form-type--boolean input[type="radio"]{
  float:left;
  margin-left:-36px;
  }

[dir=rtl] .form-type--boolean input[type="checkbox"], [dir=rtl] .form-type--boolean input[type="radio"]{
    float:right;
    margin-right:-36px;
  }

.form-type--boolean.form-no-label input[type="checkbox"], .form-type--boolean.form-no-label input[type="radio"]{
    position:static;
  }

[dir] .form-type--boolean.form-no-label input[type="checkbox"], [dir] .form-type--boolean.form-no-label input[type="radio"]{
    float:none;
    transform:none;
  }

[dir=ltr] .form-type--boolean.form-no-label input[type="checkbox"], [dir=ltr] .form-type--boolean.form-no-label input[type="radio"]{
  margin-right:0;
  margin-left:0;
  }

[dir=rtl] .form-type--boolean.form-no-label input[type="checkbox"], [dir=rtl] .form-type--boolean.form-no-label input[type="radio"]{
    margin-left:0;
    margin-right:0;
  }

[dir] input[type="checkbox"].error, [dir] input[type="radio"].error{
    border-color:#e33f1e;
  }

[dir] input[type="checkbox"].error:hover, [dir] input[type="checkbox"].error:focus, [dir] input[type="radio"].error:hover, [dir] input[type="radio"].error:focus{
      border-color:#53b0eb;
    }

[dir] input[type="checkbox"]:checked{
    background-color: #7e96a7;
    background-image:url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='#FFFFFF' d='M 14.967 0.586 C 15.104 0.481 15.345 0.366 15.498 0.366 C 15.651 0.366 15.892 0.481 16.029 0.586 L 17.797 2.354 C 17.902 2.491 18.016 2.732 18.016 2.885 C 18.016 3.037 17.902 3.278 17.797 3.415 L 7.09 14.122 C 6.953 14.227 6.712 14.342 6.559 14.342 C 6.406 14.342 6.165 14.227 6.028 14.122 L 0.323 8.416 C 0.217 8.28 0.102 8.038 0.102 7.885 C 0.102 7.731 0.215 7.491 0.321 7.354 L 2.088 5.588 C 2.224 5.482 2.466 5.367 2.62 5.367 C 2.773 5.367 3.013 5.48 3.15 5.586 L 6.559 8.996 L 14.967 0.586 Z'/%3E%3C/svg%3E%0A");
	
  }

[dir] input[type="radio"]{
  border-radius:50%;
}


[dir] input[type="radio"]:checked{
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='#fff'/%3E%3C/svg%3E%0A");
	background-size: 17px 17px;
	background-color: #7e95a6;
	border-color: #7e96a7;
	border-width: 2px;
}
  

[dir=ltr] .form-type--boolean{
  margin-left:36px;
}

[dir=rtl] .form-type--boolean{
  margin-right:36px;
}

[dir=ltr] .form-type--boolean.form-no-label{
  margin-left:0;
  }

[dir=rtl] .form-type--boolean.form-no-label{
    margin-right:0;
  }

[dir] .form-boolean-group .form-type--boolean{
    margin-top:18px;
    margin-bottom:18px;
  }

[dir=ltr] .container-inline .form-boolean-group .form-type--boolean:not(:last-child){
  margin-right:18px;
      }

[dir=rtl] .container-inline .form-boolean-group .form-type--boolean:not(:last-child){
        margin-left:18px;
      }

[dir=ltr] .form-type--boolean .form-item__description, [dir=ltr] .form-type--boolean .form-item--error-message{
  margin-left:-36px;
  }

[dir=rtl] .form-type--boolean .form-item__description, [dir=rtl] .form-type--boolean .form-item--error-message{
    margin-right:-36px;
  }









/*——————————————————————————————————————————————————————*/





.webform-layoutcontainer--equal .webform-layoutcontainer--vert .form-item {
  float: none;
  clear: both;
  display: block;
  width: 100%;
  padding: 2px 2px 3px 35px;
}

div#edit-demography-layout1-row1-col1-row1.webform-flexbox.js-webform-flexbox.js-form-wrapper.form-wrapper div.webform-flex {
	margin-top: -20px;
}
fieldset#edit-form-version-selection {
	padding-top: 8px;
}

/*——————————————————————————————————————————————————————*/


.webform-element-help {
  box-sizing: content-box;
  width: 12px;
  height: 12px;
  margin: 0 0.3em;
  text-align: center;
  vertical-align: baseline;
  color: #fff;
  border: 2px solid #7e96a7;
  border-radius: 50%;
  background: #7e96a7;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
}

.webform-element-help:focus,
.webform-element-help:active,
.webform-element-help:hover {
  cursor: help;
  color: #fff;
  border: 2px solid #0074bd;
  background: #0074bd;
}

.webform-element-help--title {
  margin: 0 0 0.5em 0;
  font-size: 1em;
  font-weight: bold;
      background: #f1f4f6;
}

.ui-tooltip.webform-element-help--tooltip {
  max-width: 600px;
    padding: 10px;
}

@media only screen and (max-width: 400px) {
  .ui-tooltip.webform-element-help--tooltip {
    max-width: 300px;
	  padding: 5px;

  }
}

/*——————————————————————————————————————————————————————*/

.webform-custom-options-buttons {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}

.webform-custom-options-button {
  flex: 1;
  display: table-cell;
  margin: 0 5px 10px;
  border: 2px solid #f1f4f6;
  border-radius: 2px;
  background-color: #f1f4f6;
/*  vertical-align: middle;*/
/*  text-align: center;*/
/*  padding: 12px 5px;*/
  flex-basis: auto;
font-size: 16px;
}

.webform-custom-options-button .description {
  font-size: .8em;
}

.webform-custom-options-button[data-option-value]:hover {
border-color:#53b0eb;
background:linear-gradient(to right, #53b0eb 4px, transparent 4px, transparent 100%) #7e96a7;
cursor: pointer;
/*  color: #333;*/
  color: #fff;

}

.webform-custom-options-button[data-option-value]:focus {
 border-color:#53b0eb;
background:linear-gradient(to right, #53b0eb 4px, transparent 4px, transparent 100%) #e7edf1;
}

.webform-custom-options-button[data-option-value][aria-checked=true] {
  border-color: #7e96a7;
  color: #fff;
      background:linear-gradient(to right, #e7edf1 4px, transparent 4px, transparent 100%) #7e96a7;
	  cursor: pointer;
}

.webform-custom-options-button[data-option-value][aria-checked=true]:focus {
  border-color: #7e96a7;
  color: #fff;
      background:linear-gradient(to right, #e7edf1 4px, transparent 4px, transparent 100%) #7e96a7;
	  cursor: pointer;}
	  
	  
	  
.webform-custom-options-button[data-option-value][aria-checked=true]:hover {
border-color:#53b0eb;
background:linear-gradient(to right, #53b0eb 4px, transparent 4px, transparent 100%) #7e96a7;
 cursor: pointer;
	color: #fff;
}


.webform-custom-options-button[data-option-value][aria-checked=true]:active {
border-color:#53b0eb;
background: linear-gradient(to right, #53b0eb 4px, transparent 4px, transparent 100%) #7e96a7;
 cursor: pointer;
	color: #7e96a7;
}

.webform-custom-options-button[data-option-value][aria-disabled=true],
.webform-custom-options-button[data-option-value][aria-disabled=true]:hover,
.webform-custom-options-button[data-option-value][aria-disabled=true]:focus {
  cursor: not-allowed;
  border-color: #7e96a7;
  color: #999;
}

@media (max-width: 600px) {
  .webform-custom-options-buttons {
    display: block;
    margin: 0;
  }

  .webform-custom-options-button {
    display: block;
    margin: 5px 0;
  }
}

/*——————————————————————————————————————————————————————*/