/* user css file */

input[type=radio] ~ label span.label-radio, input[type=checkbox] ~ label span.label-checkbox {
  padding:0.87rem;
}

p {
  margin-bottom:20px;
}

br {
  margin-bottom:20px;
}

.question.type-html-998 {
  margin-bottom:0rem;
  padding-bottom: 1.5rem;
}

#header {
    margin-bottom: 1em;
    margin-top: 1em;
  padding-top:1.5em;
}

.question {
    margin-bottom: 0em;
    margin-top: 0em;
    border-top: 1px solid #888;
    padding-top: 3.5em;
  padding-bottom: 3.5em;
}

.divider {
  background-color:#d6d8d9;
}

.buttonbar {
  padding-bottom: 2.5rem;
}

.buttonbar button:hover {
  background-color: #6E9AB7;
  color: #FFFFFF;
}

.q998 ul {
    margin: 0 0 2rem 2rem;
}

.qwrap ul li input {
  height: 1.6rem;
}

.answer-elements input {
    height: 1.6rem;
}

input {
   border: 1px solid #bdbebf;
 }  
.layout-select-wrapper span:empty:before {
    content: attr(data-placeholder);
    color: #EF7D00;
}
@font-face{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
html, body, .mce-content-body.q_text, .title,label,.btn, input[type="button"], input[type="submit"], input[type="reset"], .buttonbar input, .buttonbar button, .button,body.mce-content-body.q_instruct, .subtitle, .qwrap{
font-family: 'Open Sans', 'Segoe UI', Arial;
}


.type-matrix-accordion .answer-elements li.item {
    border: 1px solid lightgrey;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  background-color: #006382;
  line-height:1.5em;
  font-size: 10px;
  color: #fff;
  text-align: center;
  padding: 10px !important;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  pointer-events: none;
}

.tooltip:hover {
  /*cursor: help;*/
}

.tooltiptext {
  max-width: 50vw;
}

 .item-exclusive span:before{
  border-radius:5px;
 }
