/******************
    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
    !!!! NOTA EMI  LOS 3 PRIMERAS LINEAS PONEN UN FONT DEFAULT
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Inter:wght@400;500;600&display=swap');
body {
    font-family: 'Poppins', sans-serif !important;
}
.navbar, .navbar-default, .bg-primary {
    background-color: #E3D9FF !important;
}

/* Force the Vanilla navbar elements onto a single row and vertically center them */
.vanilla .navbar .container-fluid, 
.navbar {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between;
    align-items: center;
    min-height: 50px; /* Adjust height preference here */
}

/* Prevent a long survey title or logo from consuming all the row space */
.navbar-brand {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 45%; /* Caps the width so it doesn't push buttons down */
    display: flex;
    align-items: center;
}

/* Ensure the action buttons align cleanly next to it */
.navbar-nav {
    flex-direction: row !important;
    align-items: center;
    margin: 0 !important;
}

.navbar-nav > li {
    padding-left: 10px;
    padding-right: 10px;
}

  .table-bordered > thead > tr > th {
    border: 1px solid #dadada;
  }
  .table-bordered > thead > tr > td {
    border: 1px solid #dadada;
  }
body,
.form-control {
    font-size: 19px;
}
.display-horizontal .radio-item {
        padding-top: 20px;
        padding-left: 0;
    }
    .display-horizontal .radio-item label::after {
        left: 8px;
        top: 3px;
        margin-top: -20px;
        margin-left: 0;
    }
    .display-horizontal .radio-item label::before {
        left: 5px;
        top: 0;
        margin-top: -20px;
        margin-left: 0;
    }  
    .survey-description.text-info {
     color: #337ab7 
} 
    .questionhelp.text-info {
  color: #31708f
}
    .ls-question-message  {
  color: #31708f
}
    .ls-em-tipe  {
  color: #31708f
}
    .ls-em-successe  {
  color: #31708f
}
    .survey-description   {
  color: #31708f  !Important;
}
    .text-info {
     color: #31708f  !Important;
}     
    .survey-description  text-info text-center   {
  color: #31708f !Important;
}
    .hidden {
    display: none;
}
    .hide-browser-detect {
  display: none !important;
}