/******************
    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
*/

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../files/fonts/TitilliumWeb-Regular.ttf');
}

@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: url('../files/fonts/TitilliumWeb-Italic.ttf');
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('../files/fonts/TitilliumWeb-Bold.ttf');
}

@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  src: url('../files/fonts/TitilliumWeb-BoldItalic.ttf');
}

body {
    font-family: 'Titillium Web', sans-serif;
    background-color: transparent;
}
#loadsecurity{
    height: 52px;
}
.modal.fade.in {
    background-color: #07599b4a;
}
.modal-dialog {
    vertical-align: top;
}
.navbar-default {
	background-color: white;
	border-color: transparent;
}
.btn-primary, .ls-move-btn, .btn-default {
	border: none;
	background-color: #07599b;
	border-radius: 4px;
}

.btn-primary, .btn-primary *, .ls-move-btn, .btn-default, .btn-default * {
	color: white;
}
.captcha-inner {
    display: flex;
    justify-content: space-between;
    margin: 5px 0;
    min-width: 160px;
    align-items: center;
}
.captcha-inner * {
    margin: 5px;
}
.captcha-inner img {
    border: 1px solid #07599b;
}
#reloadCaptcha {
    display: flex;
    align-items: center;
    width: 55px;
    justify-content: center;
}
#reloadCaptcha * {
    color: white;
}
#reloadCaptcha:hover i::before {
    color: #07599b;
}
#form-captcha .load-survey-submit .load-survey-input {
    display: flex;
    justify-content: center;
}
.question-container {
	background-color: transparent;
	padding-bottom: 10px;
	transition: all .2s ease;
	border: 2px dashed transparent;
}
.question-text {
   font-size: 18px;
   line-height: 25px;
}
.text-info {
    font-style: italic;
    color: #07599b;
}
.question-container.input-error {
	background-color: #f9dddd;
	border: 2px dashed #501818;
}
.yesno-button  label{
    transition: color ease-in-out .3s;

}
.yesno-button input[type="radio"][value="Y"]:checked + label, .yesno-button input[type="radio"][value="Y"]:checked + label * {
	color: green;
	transition: color ease-in-out .3s;
}


.yesno-button input[type="radio"][value="N"]:checked + label, .yesno-button input[type="radio"][value="N"]:checked + label * {
	color: red;
	transition: color ease-in-out .3s;
}

.question-item.checkbox-item {
	display: inline-block;
}
.checkbox-array td.question-item.checkbox-item {
    display: table-cell;
}

.fa.fa-asterisk.small {
    color: inherit;
    margin-right: 5px;
}

.group-description, .group-description * {
    background-color: #c8e5eb;
    margin: .5em 1em;
}
.wide .question-item.checkbox-item {
	width: 100%;
}
.ls-hidden.question-item.checkbox-item {
    display: none;
}
.narrowmargin {
	margin-bottom: 0;
}

.narrowmargin .question-title-container {
	padding: 0;
}

.narrowmargin .list-unstyled {
	margin-bottom: 0;
}

.narrowmargin .checkbox-item {
	margin-bottom: 0;
}
.quotamessage {
    font-size: 1.5em;
    text-align: center;
    color: #a51c1c;
}
.completed-text * {
/*    font-size: 1.5em;*/
    text-align: center;
}
.completed-text button {
    font-size: 18px;
}
.privacy .ls-question-mandatory.text-danger {
    display: none;
}
.well {
    border: none;
}
.callout {
  margin: 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}
.callout h4 {
  margin-top: 0;
}
.callout p:last-child {
  margin-bottom: 0;
}
.callout code,
.callout .highlight {
  background-color: #fff;
}
.input-error .callout {
	background-color: #fcecec;
	border-color: #dfb5b4;
}
.callout-danger,
.input-error .callout {
  background-color: #fcf2f2;
  border-color: #dFb5b4;
}
.callout-warning {
  background-color: #fefbed;
  border-color: #f1e7bc;
}
.callout-info {
  background-color: #f0f7fd;
  border-color: #d0e3f0;
}
.indented {
    padding-left: 20px;
}
#navigator-container {
    justify-content: space-around;
}
#navigator-container > * {
    width: auto;
}
.ranking-sorted-items{
    counter-reset: li;
}
.ranking-sorted-items li::before {
  content: counter(li, decimal) ". ";
  counter-increment: li;
}

.ranking-sorted-items li::before {
    background-color: rgb(119, 119, 119);
    border-radius: 20%;
    color: white;
    margin-right: 1em;
    padding: 0 0.5em;
}
.token-page > .h3,
.token-page .form-token label[for="token"],
.token-page .form-token #token {
    display: none;
}
[data-number='1'] {
    text-align: left;
}