/******************
    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
*/

:root {
    --verd:#3d8e92;
    --verd-clar:#14AE5C;
    --negre:#083956;
    --groc:#FCC94E;
    --vermell:#cb4b53;
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: var(--vermell);
  --bs-orange: #FFBA68;
  --bs-yellow: #ffc107;
  --bs-green: var(--verd);
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: var(--verd);
  --bs-secondary: var(--groc);
  --bs-success: var(--verd);
  --bs-danger:  var(--vermell);
  --bs-warning: var(--groc);
  --bs-info: var(--negre);
  --bs-light: #EEEFF7;
  --bs-dark: var(--negre);
  --bs-black60: #666666;
  --bs-cancel: #9094A7;
  --bs-primary-rgb: 20, 174, 92;
  --bs-secondary-rgb: 144, 148, 167;
  --bs-success-rgb: 61, 142, 146;
  --bs-danger-rgb: 203, 75, 83;
  --bs-warning-rgb: 255, 224, 70;
  --bs-info-rgb: 129, 70, 246;
  --bs-light-rgb: 238, 239, 247;
  --bs-dark-rgb: 30, 30, 30;
  --bs-black60-rgb: 102, 102, 102;
  --bs-cancel-rgb: 144, 148, 167;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: var(--negre);
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: "Montserrat", sans-serif;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1.14rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
}
.asterisk{
    color:#CD5C56;
}
.text-info{
    margin-top: -10px;
}
body .top-container{
    margin-top: 0px !important;
    margin-bottom:0px;
}
#survey-nav .navbar-toggler .ri-more-fill {
    color: var(--negre);
    font-size: 3rem;
}
.group-container .group-title{
    font-weight:900;
    font-size:25px;
    letter-spacing: 0px;
    text-transform: uppercase;
}
.question-container .ls-label-question{
    letter-spacing: 0px;
    font-weight:900;
    font-size:18px;
}
.group-container .question-container{
    padding-left:20px;
    padding-right:20px;
}
.group-container .question-container input[type='text'],
.group-container .question-container select,{
    margin-left:-20px !important;
    margin-right:-20px !important;
}
.btn-primary {
  background-color: var(--groc);
  border-color: var(--groc);
  color: var(--negre);
}
body {
  color: var(--negre);
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
}
a{
  color:var(--verd);
}
a:hover{
    color:var(--verd-clar);
    
}
.progress {
    background-color: #F4F0EC;
}
.top-container .progress{
    height:3px;
}
.progress-bar {
     background-color: var(--verd);
}
.row.navigator.space-col .col-6.text-start{
    text-align:left;
}
.row.navigator.space-col .col-6.text-end{
    text-align:left;
}
.row.navigator.space-col .col-6{
    width: auto;
}
.dropdown-menu > li > a:hover {
  color: #ffffff;
  background-color: var(--groc) !important;
}

.radio-item input[type="radio"]:checked + label {
  color: var(--vermell);
}
.form-control,.form-select{
    color: #1E1E1E;
    border-color: #6E748C;
    font-size: 16px;
    border-width: 1px;
    padding: 10px 12px;
}
input[type='text'],
input[type='password']{
    border-radius: 10px !important;
    border: 1px solid #083956;
}
 input[type='radio']:checked:after{
     background-color: var(--vermell);
     color: var(--vermell);
 }
.btn{
    border-radius: 20px;
    text-transform:uppercase;
    letter-spacing: 1.4px;
    font-weight:500;
}
.btn-primary, .btn-primary, .btn-primary, .btn-primary.active, .btn-primary, .btn-primary.dropdown-toggle {
  background-color:  var(--groc);
  border-color: var(--groc);
  color:  var(--negre);
}  
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus, .btn-primary.dropdown-toggle.show, .btn-primary.dropdown-toggle.show:focus {
  color:  var(--blanc);
  background-color:  var(--verd);
  border-color: var(--verd);
} 
.btn-primary:hover {
  color: #ffffff;
  box-shadow: inherit;
}
*[class*=btn-outline-] {
    border: 2px solid var(--negre);
}    

.logo-container > img {
    max-height: 150px;
}

#footer-custom-1 .separador-vertical{
    display:block;
    height:37px;
    width:1px;
    background-color: var(--groc);
    margin-left:30px;
    margin-right:30px;
}
#footer-custom-1{font-size:12px; line-height:normal;}
#footer-custom-1 a{font-weight:normal; color:var(--negre);font-size:12px;}
#footer-custom-1-links .text-right{text-align:right;}
#navigator-container{
    border-top:3px solid #F4F0EC;
    padding-top: 30px;
    margin-top: 0px;
}

#ls-toggle-token-show{
    background: none;
    color: var(--negre);
    border: none;
    right: 0;
    position: absolute;
}
.datasecurity-checkbox-label, .datasecurity-checkbox-label a.show-policy {
    font-weight:normal;
    color: var(--negre);
}
.datasecurity-checkbox-label a.show-policy {text-decoration:underline;}
.checkbox-item input[type=checkbox]:checked + label {
    color: var(--negre);
}

#question117 .ls-label-question{
    font-weight:normal;
}
.question-container .question-title-container{display:flex;}
.radio-item label::before {
    border-color: var(--negre);
}
.radio-item input[type=radio]:checked + label::before{   
    border-color: var(--negre);
}
.radio-item input[type=radio]:checked + label::after {
    background-color: var(--negre);
}
.modal-body{
  align-items: center;
  justify-content: center;
  text-align:center;
  background-image: url("data:image/svg+xml,%3Csvg width='54.009106' height='53.809288' viewBox='0 0 54.009106 53.809288' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cpath style='stroke-width:5.80912;fill:none;stroke:%23083956;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers' d='m 132.93813,19.631246 -30.52343,-1e-6 -30.523425,0 15.261714,-26.4340631 15.261711,-26.4340639 15.26172,26.4340631 z' transform='matrix(0.80784776,0,0,0.91704288,-55.730935,33.142986)' /%3E%3Ccircle style='stroke-width:6.97675;fill:%23083956;fill-opacity:1;stroke:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers' cx='36.666668' cy='58.717194' r='4' transform='matrix(0.71805964,0,0,0.71527475,0.67569868,0.67786363)' /%3E%3Crect style='stroke-width:6.97677;fill:%23083956;fill-opacity:1;stroke:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers' width='8' height='23.249104' x='32.666668' y='27.069035' ry='4.3211799' rx='4.3044209' transform='matrix(0.71805964,0,0,0.71527475,0.67569868,0.67786363)' /%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 80px;
  font-weight:bold;
}

.modal-footer{
  align-items: center;
  justify-content: center;
}

.ls-even {
    background-color: #F4F0EC;
}
.ls-answers tbody td,
.ls-answers tbody th{
    border: 4px solid #FFFFFF;
}
.ls-answers label, .answer-item label, .control-label,
.ls-answers .ls-heading th, .ls-answers th {
    color: var(--negre);
}
.ls-answers .ls-heading th{font-size:12px; }
.has-error .control-label{
    color:var(--bs-danger);
}
.btn-lg, .btn-group-lg > .btn{
    padding: 0px 30px;
    font-size: 14px;
    line-height:normal;
}



.assessment-table .assessment-heading{display:none;}
.assessments.table th{
    text-transform: uppercase;
    font-weight:bold;
}
.defcon1, .defcon2, .defcon3{
    font-weight:bold;
    font-style: italic;
}
.defcon1{color: var(--vermell);}
.defcon2{color: var(--groc);}
.defcon3{color: var(--verd);}


/* 
  Silktide Consent Manager - https://silktide.com/consent-manager/  

  Styles are at risked of being overridden by styles coming from the site the consent manager is used on.
  To help prevent this, global wrapper elements are prefixed with "#silktide-"
*/

/* --------------------------------
  Global Styles - These elements exist in the main DOM and styling is limited to positioning and animation
-------------------------------- */
/* Wrapper (Global) */
#silktide-wrapper {
              --focus: 0 0 0 2px #ffffff, 0 0 0 4px #000000, 0 0 0 6px #ffffff;
              --boxShadow: -5px 5px 10px 0px #00000012, 0px 0px 50px 0px #0000001a;
              --fontFamily: Helvetica Neue, Segoe UI, Arial, sans-serif;
              --primaryColor: #3D8E92;
              --backgroundColor: #ffffff;
              --textColor: #173753;
              --backdropBackgroundColor: #17375333;
              --backdropBackgroundBlur: 0px;
              --cookieIconColor: #3D8E92;
              --cookieIconBackgroundColor: #FFFFFF;
              position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  pointer-events: none;
  border: 0px;
  display: flex;
  justify-content: center;
  align-items: center
            }

/* Backdrop (Global) */
#silktide-backdrop-global {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto;
  border: 0px;
  display: none;
}

/* --------------------------------
  Links
-------------------------------- */
#silktide-wrapper a {
  all: unset;
  display: inline-block;
  color: var(--primaryColor);
  text-decoration: underline;
}

#silktide-wrapper a:hover {
  cursor: pointer;
  color: var(--textColor);
}

/* --------------------------------
  Focus Styles
-------------------------------- */
#silktide-wrapper a:focus,
#silktide-wrapper #silktide-banner button:focus,
#silktide-wrapper #silktide-modal button:focus,
#silktide-wrapper #silktide-cookie-icon:focus {
  outline: none;
  box-shadow: var(--focus);
  border-radius: 5px;
}

#silktide-wrapper #silktide-cookie-icon:focus {
  border-radius: 50%;
}

/* --------------------------------
  General Styles
-------------------------------- */

#silktide-wrapper .st-button {
  color: var(--backgroundColor);
  background-color: var(--primaryColor);
  border: 2px solid var(--primaryColor);
  padding: 10px 20px;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  border-radius: 5px;
}

#silktide-wrapper .st-button--primary {
}

#silktide-wrapper .st-button--primary:hover {
  background-color: var(--backgroundColor);
  color: var(--primaryColor);
}

#silktide-wrapper .st-button--secondary {
  background-color: var(--backgroundColor);
  color: var(--primaryColor);
}

#silktide-wrapper .st-button--secondary:hover {
  background-color: var(--primaryColor);
  color: var(--backgroundColor);
}

/* --------------------------------
  Banner
-------------------------------- */
#silktide-banner {
  font-family: var(--fontFamily);
  color: var(--textColor);
  background-color: var(--backgroundColor);
  box-sizing: border-box;
  padding: 32px;
  border-radius: 5px;
  pointer-events: auto;
  border: 0px;
  position: fixed;
  bottom: 16px;
  right: 16px;
  width: 600px;
  max-width: calc(100% - 32px);
  transform: translate(0, -20px);
  opacity: 0;
  animation: silktide-slideInDown 350ms ease-out forwards;
  animation-delay: 0.3s;
  box-shadow: -5px 5px 10px 0px #00000012, 0px 0px 50px 0px #0000001a;
}

#silktide-banner:focus {
  border-radius: 50%;
}

#silktide-banner.center {
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  position: fixed;
  transform: translate(-50%, calc(-50% - 20px));
  animation: silktide-slideInDown-center 350ms ease-out forwards;
}

#silktide-banner.bottomLeft {
  bottom: 16px;
  left: 16px;
  position: fixed;
}

#silktide-banner.bottomCenter {
  bottom: 16px;
  left: 50%;
  position: fixed;
  transform: translate(-50%, -20px);
  animation: silktide-slideInDown-bottomCenter 350ms ease-out forwards;
}

#silktide-banner .preferences {
  display: flex;
  gap: 5px;
  border: none;
  padding: 0px;
  background-color: transparent;
  color: var(--primaryColor);
  cursor: pointer;
  font-size: 16px;
}

#silktide-banner .preferences span {
  display: block;
  white-space: nowrap;
  text-decoration: underline;
}

#silktide-banner .preferences span:hover {
  color: var(--textColor);
}

#silktide-banner .preferences:after {
  display: block;
  content: '>';
  text-decoration: none;
}

#silktide-banner p {
  font-size: 16px;
  line-height: 24px;
  margin: 0px 0px 15px;
}

#silktide-banner a {
  display: inline-block;
  color: var(--primaryColor);
  text-decoration: underline;
  background-color: var(--backgroundColor);
}

#silktide-banner a:hover {
  color: var(--textColor);
}

#silktide-banner a.silktide-logo {
  display: block;
  fill: var(--primaryColor); /* passed down to svg > path */
  margin-left: auto;
  width: 24px;
  height: 24px;
}


#silktide-banner .actions {
  display: flex;
  gap: 16px;
  flex-direction: column;
  margin-top: 24px;
}

@media (min-width: 600px) {
  #silktide-banner .actions {
    flex-direction: row;
    align-items: center;
  }
}

#silktide-banner .actions-row {
  display: flex;
  gap: 16px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
}

/* --------------------------------
  Modal
-------------------------------- */
#silktide-modal {
  display: none;
  pointer-events: auto;
  width: 800px;
  max-width: 100%;
  max-height: 100%;
  border: 0px;
  transform: translate(0px, -20px);
  opacity: 0;
  animation: silktide-slideInUp-center 350ms ease-out forwards;
  box-shadow: -5px 5px 10px 0px #00000012, 0px 0px 50px 0px #0000001a;
  font-family: var(--fontFamily);
  color: var(--textColor);
  flex-direction: column;
  padding: 30px;
  background-color: var(--backgroundColor);
  border-radius: 5px;
  box-sizing: border-box;
}

/* --------------------------------
  Modal - Header
-------------------------------- */
#silktide-modal header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  gap: 16px;
}

#silktide-modal h1 {
  font-family: var(--fontFamily);
  color: var(--textColor);
  font-size: 24px;
  font-weight: 500;
  margin: 0px;
}

#silktide-modal .modal-close {
  display: inline-flex;
  border: none;
  padding: 10px;
  border: 0px;
  cursor: pointer;
  background: var(--backgroundColor);
  color: var(--primaryColor);
}

#silktide-modal .modal-close svg {
  fill: var(--primaryColor);
}

/* --------------------------------
  Modal - Content
-------------------------------- */

#silktide-modal section {
  flex: 1;
  overflow-y: auto;
  margin-top: 32px;
  padding-right: 7px; /* Prevents scrollbar from appearing over the switches */
}

#silktide-modal section::-webkit-scrollbar {
  display: block; /* Force scrollbars to show */
  width: 5px; /* Width of the scrollbar */
}

#silktide-modal section::-webkit-scrollbar-thumb {
  background-color: var(--textColor); /* Color of the scrollbar thumb */
  border-radius: 10px; /* Rounded corners for the thumb */
}

#silktide-modal p {
  font-size: 16px;
  line-height: 24px;
  color: var(--textColor);
  margin: 0px 0px 15px;
}

#silktide-modal p:last-of-type {
  margin: 0px;
}

#silktide-modal fieldset {
  padding: 0px;
  border: none;
  margin: 0px 0px 32px;
}

#silktide-modal fieldset:last-of-type {
  margin: 0px;
}

#silktide-modal legend {
  padding: 0px;
  margin: 0px 0px 10px;
  font-weight: 700;
  color: var(--textColor);
  font-size: 16px;
}

#silktide-modal .cookie-type-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;  
}

/* --------------------------------
  Modal - Switches
-------------------------------- */
#silktide-modal .switch {
  flex-shrink: 0;
  position: relative;
  display: inline-block;
  height: 34px;
  width: 74px;
  cursor: pointer;
}

#silktide-modal .switch:focus-within {
  outline: none;
  box-shadow: var(--focus);
  border-radius: 25px;
}

#silktide-modal .switch input {
  opacity: 0;
  position: absolute;
}

/* Unchecked Switch Styles */
#silktide-modal .switch__pill {
  position: relative;
  display: block;
  height: 34px;
  width: 74px;
  background: var(--textColor);
  border-radius: 25px;
}

#silktide-modal .switch__dot {
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  height: 30px;
  width: 30px;
  background: var(--backgroundColor);
  border-radius: 50%;
  transition: left 150ms ease-out;
}

#silktide-modal .switch__off,
#silktide-modal .switch__on {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  color: var(--backgroundColor);
  position: absolute;
  top: 7px;
  right: 8px;
  transition: right 150ms ease-out, opacity 150ms ease-out;
}

#silktide-modal .switch__off {
  opacity: 1;
}

#silktide-modal .switch__on {
  opacity: 0;
}

/* Checked Switch Styles */
#silktide-modal .switch input:checked + .switch__pill {
  background: var(--primaryColor);
}

#silktide-modal .switch input:checked ~ .switch__dot {
  left: calc(100% - 32px);
}

#silktide-modal .switch input:checked ~ .switch__off {
  right: calc(100% - 32px);
  opacity: 0;
}

#silktide-modal .switch input:checked ~ .switch__on {
  right: calc(100% - 34px);
  opacity: 1;
}

/* Disabled Switch Styles */
#silktide-modal .switch input:disabled + .switch__pill {
  opacity: 0.65;
  cursor: not-allowed;
}

/* --------------------------------
  Modal - Footer
-------------------------------- */
#silktide-modal footer {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
}

@media (min-width: 600px) {
  #silktide-modal footer {
    flex-direction: row;
    align-items: center;
  }
}

#silktide-modal footer a {
  margin-left: auto;
}

/* Cookie Icon */
#silktide-cookie-icon {
  display: none;
  position: fixed;
  bottom: 10px;
  left: 10px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  padding: 0px;
  border: none;
  background-color: var(--cookieIconColor);
  cursor: pointer;
  box-shadow: 0px 0px 6px 0px #0000001a;
  pointer-events: auto;
  animation: silktide-fadeIn 0.3s ease-in-out forwards;
}

#silktide-cookie-icon.bottomRight {
  left: auto;
  right: 10px;
}

#silktide-cookie-icon svg {
  fill: var(--cookieIconBackgroundColor);
}

/* --------------------------------
  Backdrop
-------------------------------- */
#silktide-backdrop {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--backdropBackgroundColor);
  backdrop-filter: blur(var(--backdropBackgroundBlur));
  pointer-events: all;
}

/* --------------------------------
  Animations
-------------------------------- */
@keyframes silktide-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes silktide-slideInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes silktide-slideInDown-center {
  from {
    opacity: 0;
    transform: translate(-50%, calc(-50% - 20px));
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

@keyframes silktide-slideInDown-bottomCenter {
  from {
    opacity: 0;
    transform: translate(-50%, -20px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}

@keyframes silktide-slideInUp-center {
  from {
    opacity: 0;
    transform: translate(0px, 20px);
  }
  to {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}