/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/


/*
body {
  line-height: 24px;
}
.modal-body {
  line-height: 24px;
}
*/

.ls-questionhelp  {
	font-size: small;
}


/*shorten survey width to fit nicer in the embedded view in staori (desktop view))*/
#main-col{
    width:85%;
}

.question-container .ls-label-question {
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
}


.ls-answers .ls-heading th, .ls-answers th {
  font-weight: 600;
  font-size: 0.9rem;
}

.ls-answers label, .answer-item label, .control-label {
  font-weight: 600;
  font-size: 0.9rem;
}

/*multiple numerical input labels (row titles)
label.control-label.col-12.col-md-1 {
    text-align: right;
}*/

/*some array fields are shown centered, whereas others left-aligned (without this setting). why? */
th.answertext.control-label {
    text-align: left;
}

/*Removes asterisk from mandatory questions, as it falls on the question title (not well solved > requires manual entry of the asterik, if to be shown)*/
.ri-asterisk::before {
  content: "";
}

/*reduce question spacing vertically*/
.question-container .question-valid-container
{
  margin-top: 0px;
  margin-bottom: 0px;
}
.question-container
{
  margin-bottom: 2em;
}