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

/* Survey Group Title */
.pkn_orlen_v2 .pkncomponents {
  display: flex;
  align-items: center;
  height: 54px;
  width: 100%;
}
.pkn_orlen_v2 .pkncomponents.small {
  height: 34px;
}
.pkn_orlen_v2 .pkncomponents .survey-group-title {
  display: flex;
  width: 100%;
  box-shadow: 0 -1px 2px 0px rgb(255, 255, 255);
  align-items: center;
}
.pkn_orlen_v2 .pkncomponents .survey-group-number {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 34px;
  height: 100%;
  padding: 0 16px;
  color: var(--orl-color-white);
  background-color: var(--orl-color-base);
  border-bottom: 1px solid var(--orl-color-base);
}
.pkn_orlen_v2 .pkncomponents.small .survey-group-number {
  min-width: 34px;
  padding: 0 6px;
}
.pkn_orlen_v2 .pkncomponents .survey-group-number,
.pkn_orlen_v2 .pkncomponents .survey-group-name {
  height: 54px;
}
.pkn_orlen_v2 .pkncomponents.small .survey-group-number,
.pkn_orlen_v2 .pkncomponents.small .survey-group-name {
  height: 34px;
}
.pkn_orlen_v2 .pkncomponents .survey-group-name {
  flex: 1;
  display: flex;
  align-items: center;
  color: var(--orl-color-grey-text);
  background-color: var(--orl-color-gray-100);
  border-bottom: 1px solid var(--orl-color-base);
  padding: 0 22px;
}
.pkn_orlen_v2 .pkncomponents.small .survey-group-name {
  padding: 0 16px;
}
.pkn_orlen_v2 .pkncomponents .survey-group-number h1,
.pkn_orlen_v2 .pkncomponents .survey-group-number h2,
.pkn_orlen_v2 .pkncomponents .survey-group-number h3,
.pkn_orlen_v2 .pkncomponents .survey-group-number h4,
.pkn_orlen_v2 .pkncomponents .survey-group-number h5,
.pkn_orlen_v2 .pkncomponents .survey-group-number h6 {
  text-align: center;
  margin: 0;
}
.pkn_orlen_v2 .pkncomponents .survey-group-name h1,
.pkn_orlen_v2 .pkncomponents .survey-group-name h2,
.pkn_orlen_v2 .pkncomponents .survey-group-name h3,
.pkn_orlen_v2 .pkncomponents .survey-group-name h4,
.pkn_orlen_v2 .pkncomponents .survey-group-name h5,
.pkn_orlen_v2 .pkncomponents .survey-group-name h6 {
  text-align: left;
  margin: 0;
}
.pkn_orlen_v2 .pkncomponents.vertical-align {
  display: flex;
  align-items: center;
}

/* List group horizontal */
.pkn_orlen_v2 [class*="group-h"] .other-text-item {
  width: inherit;
}
.pkn_orlen_v2 [class*="group-h"] .othertext-label-checkox-container {
  margin-top: -4px;
}
.pkn_orlen_v2 [class*="group-h-"] ul > li {
  padding-right: 5%;
}
.group-h ul > li {
  display: inline-block !important;
}
.group-h-first-2 ul > li:nth-child(-n+2) {
  display: inline-block !important;
}
.group-h-first-3 ul > li:nth-child(-n+3) {
  display: inline-block !important;
}
.group-h-first-4 ul > li:nth-child(-n+4) {
  display: inline-block !important;
}
.group-h-first-5 ul > li:nth-child(-n+5) {
  display: inline-block !important;
}
.group-h-first-6 ul > li:nth-child(-n+6) {
  display: inline-block !important;
}
.group-h-first-7 ul > li:nth-child(-n+7) {
  display: inline-block !important;
}
.group-h-first-8 ul > li:nth-child(-n+8) {
  display: inline-block !important;
}
.group-h-first-9 ul > li:nth-child(-n+9) {
  display: inline-block !important;
}
.group-h-first-10 ul > li:nth-child(-n+10) {
  display: inline-block !important;
}
.group-h-col-2 ul,
.group-h-col-3 ul,
.group-h-col-4 ul,
.group-h-col-5 ul {
  flex-wrap: wrap;
  display: flex;
}
.group-h-col-2 ul li {
  flex: 0 0 45%;
}
.group-h-col-3 ul li {
  flex: 0 0 30%;
}
.group-h-col-4 ul li {
  flex: 0 0 20%;
}
.group-h-col-5 ul li {
  flex: 0 0 20%;
}
/* Columns */
.col-sm-10.question-container:nth-child(even):not(:last-child),
.col-sm-8.question-container:nth-child(even):not(:last-child),
.col-sm-6.question-container:nth-child(even):not(:last-child),
.col-sm-4.question-container:nth-child(even):not(:last-child),
.col-sm-2.question-container:nth-child(even):not(:last-child) {
  width: calc(50% - 10px);
  margin-right: 10px;
}
/* Question type Date inline */
.date-inline div {
  width: auto;
}
.date-inline .question-title-container {
  /*margin-top: 1.5rem;*/
}
.date-inline .question-title-container .question-text {
  float: right; /* from asterix */
}
.date-inline .question-help-container
.date-inline  question-valid-container {
  width: 100%
}
.date-inline .date-item {
  padding-bottom: 0;
}
.ls-question-mandatory text-danger
.col-clear{clear:left}

.table-bordered > thead > tr > th {
  border: 1px solid #dadada;
}
.table-bordered > thead > tr > td {
  border: 1px solid #dadada;
}
/* ZMINAY */
.ls-label-question {
    font-size:18px;
}
.group-title.text-center.h3.space-col {
    text-align:left;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 2px #000000 solid;
    padding-bottom:10px;
    
}

#welcome-container {
    margin-bottom:100px;
}

#welcome-container h1{
    font-weight: bold;
}
/*
.text-danger {
    width:10px;
    height: 10px;
}
*/
/*#javatbd365961X1391X35548SQ002 > label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    right: 0;
    top: 0;
    margin-right: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}*/

.asterisk {
    visibility: hidden;
    width: 0px;
}

div.privacy.row.privacyinfo-off {
    visibility: hidden;    
}

.survey-description {
    margin-bottom: 120px;
}
#question35520 > div.answer-container.col-xs-12 > div > ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

* {
font-family: Arial, Helvetica, sans-serif;
}
.question-title-container, .answer-container, .question-valid-container, .question-valid-container{
    margin-left:-2rem;
}
.question-help-container.text-info.col-xs-12 > div.ls-questionhelp {
    margin-left:-0.5rem;
}
.group-title.text-center.h3.space-col {
    border-bottom: 1px #808080 solid;
}
#ls-question-text-365961X1393X35816 > ol > li {
    font-size:14px;
}