@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

body, .survey-welcome, .survey-welcome *, .question-text, .answer-item, label {
  font-family: 'Montserrat', sans-serif !important;
  color: #1F2A30 !important;
}
.text-success, .text-primary, .text-info { color: #1F2A30 !important; }
h1, h2, .survey-name, .group-title { color: #005D86 !important; }
.btn-primary, .btn-success, .btn-primary:hover, .btn-success:hover,
#ls-button-submit, #ls-button-previous, .ls-move-btn {
  background-color: #005D86 !important;
  border-color: #005D86 !important;
  color: #FFFFFF !important;
}
.progress-bar { background-color: #005D86 !important; }
a { color: #005D86 !important; }
/******************
    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
*/

  .table-bordered > thead > tr > th {
    border: 1px solid #dadada;

  }
  .table-bordered > thead > tr > td {
    border: 1px solid #dadada;
  }
  
  .answer-idade input {
      text-align: left !important;
  }
  
  .saude-mental .col-answers {
      display: none;
  }
  
   .saude-mental .ls-heading .ls-header td {
      display: none;
  }
  
  .saude-mental thead tr td {
      display: none;
  }
  
  
  .saude-mental tbody tr th {
      display: none;
  }
  
  
  .group-title {
    font-size: 1.6em !important;
    font-weight: 700 !important;
   }
  
  th {
      vertical-align: middle !important;
      
  }
  
  .ls-table-wrapper {
      padding-bottom: 20px;
  }
.form-control:focus {
        border-color: #28a745 !important;
        box-shadow: 0 0 0 .25rem rgba(49,200,100,.5) !important;
}
  
  .survey-description p {
      text-indent: 4ch !important;
      margin: 0px;
  }
  
  .asterisk { display: none; }
  
    .survey-description {
    color: #000000 !important;
    text-align: justify !important;
    text-align-last: left !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    float: none;
    margin: 0 auto !important;
}

.ls-heading {
     text-align: center;
}


  .ls-label-question { 
      font-size: 14px; 
      font-weight: 400;
  }
  
  .sociodemografica .ls-label-question { 
      font-size: 18px; 
      font-weight: 700;
  }
  
  .ls-question-message {
      font-size: 14px;
      font-style: italic;
      color: #505050;
  }
  
  .ls-question-mandatory {
      font-size: 14px;
      font-style: italic;
  }
 
.ls-questionhelp:before {
    display: none;
}

.radio-item label:before {
    border-color: #000000;
}

.radio-item label:after {
    color: #28a745;
    background: #28a745;
}

.teste .ls-answers {
   padding-right: max(15px, 5%);
}

.btn-primary {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    color: #fff
}


.btn-check:focus+.btn-primary,.btn-primary:focus,.btn-primary:hover {
    background-color: #165c26 !important;
    border-color: #165c26 !important;
    color: #fff
}

.btn-check:focus+.btn-primary,.btn-primary:focus {
    box-shadow: 0 0 0 .25rem rgba(49,200,100,.5) !important
}


.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle {
    background-color: #1c7530 !important;
    border-color: #1c7530 !important;
    color: #fff
}

.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(49,200,100,.5) !important
}

.btn-primary.disabled,.btn-primary:disabled {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    color: #fff
  
}

a {
    color: #28a745;
}

a:hover {
    color: #165c26;
}

:root {
    --bs-blue: #28a745 !important;
    --bs-primary-rgb: 40,167,69 !important;
}