/******************
    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
*/
.yesno-button .form-group label{
    display: inline-flex;
}
.yesno-button .form-group .ls-icon {
  padding-right: 7px;
}
.yesno-button .active {
  color: #fff;
  background-color: green !important;
  border-color: green !important;
}
.yesno-button .btn-primary{
  background-color: #666;
  border-color: #666;
}
.yesno-button .btn-primary:hover{
  background-color: #E4002B;
  border-color: #E4002B;
}
.question-container {
  margin-bottom: 2em;
  background-color: #f8f8f8;
  border: 1px solid #dadce0;
  border-radius: 8px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.question-title-container {
    background: #ececec;
    border-bottom: 1px solid #d3d3d3;
}
.logo-container img {
  max-height: 106px;
  padding: 15px;
  width: auto;
}
.navbar-default {
  background-color: #ffffff;
  border-color: #e7e7e7;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19);
}
.asterisk {
  margin-right: 10px;
}

/* ESTILO TABELAS COM RADIO */
.table-bordered{
    border:none !important;
}
.table-bordered > thead > tr > td, .table-bordered > tbody > tr > th{
    border:none !important;
}
.table-bordered .answer-text {
  border-left: none;
border-bottom: 1px solid #ddd;
border-right: none;
}
.table-bordered .answer-item {
  border: none;
}
/* FIM ESTILO TABELAS COM RADIO */

.ls-question-help, .ls-questionhelp {
  margin-bottom: 5px;
  margin-top: 10px;
}
.text-info .ls-question-help {
  color: #000;
}
.btn-primary {
  color: #fff;
  background-color: #E4002B;
  border-color: #E4002B;
  box-shadow: 0 2px 1px -1px rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.141),0 1px 3px 0 rgba(0,0,0,0.122);
}
.navbar-toggle {
  margin-top: 25px;
  margin-right: 40px;
}
textarea.form-control {
  height: auto;
  margin: 10px 0px 10px 0px;
}
.progress-bar {
  background-color: #E4002B;
}
.radio-item label::after {
  background-color: #E4002B;
}
.group-title {
  color: #E4002B;
  font-family: Roboto !important;
  font-size: 25px;
  font-weight: 500;
}

.extends_vanilla_ers .navbar-default{
    box-shadow: inset -10px -4px 8px -4px #cacaca !important;
    border-radius: 0px 0px 300px 0px !important;
    margin-right: 5px;
}
.navbar-action-link {
  padding-right: 10em;
}
.nav-logo-ers{
    padding:10px;
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #ececec;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
body {
  background-image: url('https://eventos.ers.pt/upload/themes/survey/extends_vanilla_ers/files/bg_eventos.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.survey-welcome {
  color: #000;
}