:root {
  --color-bg: #fff6eb;
  --color-text: #422439;
  --color-gray: #9e9e9e;
  --color-blue-grey: #607d8b;
  --color-orange: #f3744b;
  --color-danger: #ff7575;
  --color-warning: #f9bd03;
  --color-success: #77ce1f;
}

.navbar.navbar-default.navbar-fixed-top {
  background: #ed1d25;
}
.navbar-brand {
    min-height: 54px;
}
.navbar-default .navbar-brand {
    color: #fff !important;
}

.navbar-default .navbar-nav>li>a {
    color: #fff !important;
}

h1.survey-name {
    text-align: left;
    margin-bottom: 40px;
    font-size: 32px;
}
.lang-ar h1.survey-name {
    text-align: right;
}

.form-control {
    text-align: left !important;
}

.group-description  table {
    text-align: center;
    margin: 0px auto;
}

.top-container .progress {
  height: 30px;
}
.progress .progress-bar {
    line-height: 30px;
    background-color: #9E9E9E;
}
.fruity .btn-primary.active {
  background-color: #9E9E9E;
  border: 1px solid #9E9E9E;
}

/* yes/no button */
.button-item {
    background-color: #9E9E9E !important;
    border: 1px solid #9E9E9E !important;
    margin-bottom: 15px;
}
.button-item.active {
    color: #fff;
    background-color: #ed1d25 !important;
    border: 1px solid #ed1d25 !important;
}

.dropdown-menu .bg-danger, .dropdown-menu .bg-warning {
  background-color: #ffffff;
}

.navbar-right .dropdown-menu {
  right: 0;
  left: 0;
}

.language_change_container {
  height: auto;
  overflow: hidden !important;
}
.ls-label-question {
    font-weight: bold;
    font-size: 18px;
}

.dropdown-menu {
    min-width: fit-content !important;
    min-width: -moz-fit-content !important;
}

.survey-head .col-md-6 {
  display: initial;
}
#bptw-company-logo {
  max-height: 90px;
}

.group-title {
    text-decoration: underline;
}

.question-number {
    font-weight: bold;
    font-size: 18px;
    color: #444444 !important;
}
.question-number:after {
    content: ") ";
    margin-left: -5px;
}

.completed-text {
    font-size: 19px;
}
.completed-text  a {
    color: #F44336;
}

.lang-ar .question-number {
    float: right !important;
}
.lang-ar .question-number:after {
    margin-left: 0px !important;
    margin-right: -5px !important;
}

.ls-answers tbody .answertext {
    text-align: left;
}
.dir-rtl .ls-answers tbody .answertext {
    text-align: right;
}

option[value="ar"] {
    text-align: right;
}

.question-container {
    display: flex;
    flex-direction: column;
}

#question224809 .question-number,
#question224809 .ls-label-question,
#question224810 .question-number,
#question224810 .ls-label-question,
#answertext219161X10487X224881SQ001,
#answertext219161X10487X224881SQ002 {
    color: #ed1d25 !important;
}

.sid-177979 .table-array-radio .answer-text:first-of-type:before,
.sid-177979 .table-array-radio .answer-text:last-of-type:before,
.sid-553667 .table-array-radio .answer-text:first-of-type:before,
.sid-553667 .table-array-radio .answer-text:last-of-type:before {
  content: "";
  height: 40px;
  width: 40px;
  display: block;
  margin: 0px auto 10px;
  background-size: contain;
  background-repeat: no-repeat;
}
.sid-177979 .table-array-radio .answer-text:first-of-type:before,
.sid-553667 .table-array-radio .answer-text:first-of-type:before {
  background-image: url(https://certification.bestplacestoworkfor.org/assets/img/reactions/1.png);
}
.sid-177979 .table-array-radio .answer-text:last-of-type:before,
.sid-553667 .table-array-radio .answer-text:last-of-type:before {
  background-image: url(https://certification.bestplacestoworkfor.org/assets/img/reactions/5.png);
}

.sid-662667 .navbar.navbar-default.navbar-fixed-top {
    background: #173C69;
}
.sid-662667 .progress .progress-bar {
    background-color: #C1D058;
}

#navigator-container {
    padding: 0;
    margin: 0;
}
#ls-button-submit {
    border-radius: 28px;
    padding: 10px 45px;
    background-color: #8BC34A;
    border-color: #8BC34A;
}
#ls-button-previous{
    border-radius: 28px;
    padding: 10px 30px;
}

.top-container {
    margin-bottom: 0px;
}

/* Opinion scale */
[class*="choice-5-pt-radio"] .question-title-container {
  padding-bottom: 20px;
}
[class*="choice-5-pt-radio"] .answer-container {
  padding: 0px;
  text-align: center;
  margin-bottom: 25px;
}
[class*="choice-5-pt-radio"] .ls-answers {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  justify-content: center;
}
[class*="choice-5-pt-radio"] li {
  margin: 0px;
  padding: 0px;
}
[class*="choice-5-pt-radio"] label {
  height: 50px;
  width: 55px;
  color: #fff;
  background: var(--color-gray);
  font-size: 22px;
  padding: 10px 0px;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}
[class*="choice-5-pt-radio"] label:before,
[class*="choice-5-pt-radio"] label:after {
  display: none !important;
}
[class*="choice-5-pt-radio"] li:nth-child(-n + 6) input + label {
  background: var(--color-danger);
  border-bottom: 2px solid var(--color-danger);
}
[class*="choice-5-pt-radio"] li:nth-child(n + 7) input + label {
  background: var(--color-warning);
  border-bottom: 2px solid var(--color-warning);
}
[class*="choice-5-pt-radio"] li:nth-child(n + 9) input + label {
  background: var(--color-success);
  border-bottom: 3px solid var(--color-success);
}
[class*="choice-5-pt-radio"] li input:checked + label {
  border-bottom: 3px solid #422439;
}

/* For phones */
@media (max-width: 767px) {
    .survey-head {
      margin: 20px 15px !important;
    }
    #bptw-company-logo {
      margin-right: 15px;
      max-width: 178px;
    }
    .top-container .progress {
      width: calc(100% - 2px);
      margin-left: 0px;
    }
}