/******************
    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 {
  padding-bottom: 0;
}

#survey-nav.bg-light  {
  background-color: #004C97 !important;
}

.logo-container a img {
  max-height: 120px;
  height: 100%;
  padding: 15px;
  width: auto;
}
/* custom FEU CSS */
a {
  color: #004c97;
}

article {
 max-width: 1140px;
 margin: 0 auto;
}
footer .container {
    max-width: 1140px;
}
.subfooter .container {
  max-width: 1140px;
}
.container-fluid {
  
  margin-right: auto;
  margin-left: auto;
  padding-left: 5px;
  padding-right: 5px;
}

.btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active {
  background-color: #004c97;
}
 .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  color: #e0e0e0;
}
.ls-answers.answer-item.text-item.numeric-item input {
  max-width: 30%;
  min-width: 250px;
}
.ls-answers.subquestion-list.questions-list.text-list .control-label, .selector--inputondemand-list-item .control-label {
  line-height: 32px;
}
.answer-item.radio-item label.control-label {
  line-height: 14.5px;
}

#in_survey_common_action .card-header {
  background-color: #004c97;
}

#in_survey_common_action .card-title {
  color: #ffffff;
}
#in_survey_common_action .ls-panelboxes .card.card-primary .card-header {
  padding: 10px;
}

#in_survey_common_action .ls-panelboxes .card.card-primary .card-header + .card-body {
  margin-top: 0;
}

.btn-secondary, .progress-bar {
  background-color: #004c97;
}
.btn-warning {
  background-color: #a15426;
  color: #ffffff;
}
.btn-primary, .btn-info {
  background-color: #004c97;
  border-color: #fff;
}
.navbar-light .navbar-nav .nav-link {
  color: #ffffff;
}

.text-info {
  color: #2f6daa !important;
}

.bg-primary {
  background-color: #004c97 !important;
}
.btn {
  font-size: 1.3rem;
}
.btn-primary:hover {
  color: #fff;
  background-color: rgba(0, 71, 151, 0.8) !important;
  border-color: #fff;
}
.btn-primary:focus {
  color: #333 !important;
  background-color: #fff !important;
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-toggler {
  color: #fff;
  border-color: rgba(0,0,0,.1);
}
#survey-nav .d-none.d-md-block {
  display: block !important;
}
.navbar-toggler.collapsed {
  float: right;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #ccc;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}


#surveyListFooter { display: none; }
#surveys-list-container .row.justify-content-center {
  display: none;
}
footer {

  background-color: #ddd;
  /* margin-top: 1em;
  padding: 1.875em 0;*/
  display: block;
}

footer h2 {
    font-size: 19px;
    text-transform: uppercase;
}

footer ul {
  padding-left: 0;
}
footer ul li {
  list-style-type: none;
}
footer a {
  color: #000;
}
footer a:hover {
  color: #004c97;
}
.subfooter {
  background-color: #004c97;height: 55px;padding: 10px 0 10px;
}

.group-outer-container {
  font-size: 16px;

}
.question-title-container.bg-primary {
  background-color: unset !important;
  color: #333;
}
.question-valid-container.bg-primary {
  background-color: unset !important;
}
.question-valid-container {
  text-align: left;
}

.question-help-container {
  border: 0px;
}

.question-container {
  border: 1px solid #e7e7e7;
  background-color: #f8f8f8;
}

.answer-container {
  border-style: unset !important;
}

footer .h2 {
  font-size: 19px;
  text-transform: uppercase;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

