/******************
    User custom CSS
    ---------------
*/
:root {
  /* Roxo Big Data */
  --color-roxo-big-data-200: #deb9d8;
  --color-roxo-big-data-300: #d177b0;
  --color-roxo-big-data-400: #c63d96;
  --color-roxo-big-data-500: #7b0a6b;

  /* Azul Hiperlink */
  --color-azul-hiperlink-200: #bbc9e7;
  --color-azul-hiperlink-300: #587abc;
  --color-azul-hiperlink-400: #244ea2;
  --color-azul-hiperlink-500: #25305e;

  /* Amarelo Bitcoin */
  --color-amarelo-bitcoin-200: #ffefc6;
  --color-amarelo-bitcoin-300: #ffe189;
  --color-amarelo-bitcoin-400: #ffd65c;
  --color-amarelo-bitcoin-500: #ffcc40;

  /* Cinza */
  --color-cinza-eee: #eeeeee;

  /* Cinza Hub */
  --color-cinza-hub-200: #ecebe3;
  --color-cinza-hub-300: #b2b3ad;
  --color-cinza-hub-400: #6d6e6b;
  --color-cinza-hub-500: #40403e;

  /* Laranja Bookmark */
  --color-laranja-bookmark-200: #fdd7c6;
  --color-laranja-bookmark-300: #fbbd97;
  --color-laranja-bookmark-400: #f89f65;
  --color-laranja-bookmark-500: #f4793b;

  /* Verde Blockchain */
  --color-verde-blockchain-200: #c2e1b7;
  --color-verde-blockchain-300: #aed477;
  --color-verde-blockchain-400: #7ec352;
  --color-verde-blockchain-500: #66ad53;

  /* Vermelho Backup */
  --color-vermelho-backup-200: #fabeaf;
  --color-vermelho-backup-300: #f48473;
  --color-vermelho-backup-400: #f15b5b;
  --color-vermelho-backup-500: #e23d46;
  
  /* 5 points + matriz */
  --color-vermelho-g1: #DD1C1B;
  --color-laranja-g1: #E68500;
  --color-amarelo-g1: #FFD900;
  --color-verde-g1: var(--color-verde-blockchain-500);
  --color-verde2-g1: var(--color-verde-blockchain-500);
  
  --color-vermelho-o1: #F3ADAD;
  --color-laranja-o1: #F6D3A3;
  --color-amarelo-o1: #FFF1A3;
  --color-verde-o1: #D1E9C1;
  --color-verde2-o1: #C8E1C1;
}

.group-title.space-col {margin-top:.5em; margin-bottom:0.5em; color: #820e64; padding-left: 10px; text-align:left; border-left: 5px solid #820e64;}
.fruity .btn-primary {background-color: #8e2a74; border-color:#8e2a74;}
.fruity .btn-primary:hover {background-color: #701f5b;}
.fruity .btn-lg {border-radius: 42px;}

.fruity .text-info, .ls-questionhelp  {color:#587ABC;}

.fruity .btn-check:active + .btn-primary, .fruity .btn-check:checked + .btn-primary, .fruity .btn-check:focus + .btn-primary,
.fruity .btn-primary.active, .fruity .btn-primary.active.active, .fruity .btn-primary.active:focus, .fruity .btn-primary:active, 
.fruity .btn-primary:focus, .fruity .btn-primary:hover, .fruity .open .dropdown-toggle.btn-primary {background-color:#66AD53;   border: 1px solid #7EC352;}

body .top-container {margin-top:24px !important;}
.fruity .well {background-color: #fbfbfb; padding: 12px;}
.top-container .top-content {padding-top: .5em; padding-bottom: .5em;}

/* limitação da largura do container */
#outerframeContainer {max-width: 960px;}

/* progress */
.top-container .progress {margin-left: 16px; margin-right: 16px; height: 24px;}
.fruity .progress-bar {background-color: var(--color-verde-blockchain-500);}

#navigator-container {padding-left: 16px; padding-right: 16px;}

/* geral */
.survey-name {margin-top: .5em; margin-bottom: 0.1em; color: #820e64; padding-left: 10px; border-left: 5px solid #820e64; background: #820e64; color: #FFF; border-radius: 42px; padding: 8px 4px; font-size: 2rem;}
.survey-description > h2:nth-child(1) {margin-top: 1rem;}
.fruity .text-danger {color:var(--color-vermelho-backup-400);}
.fruity .question-container.input-error {box-shadow:none; outline: 2px solid red;}
.celepar_2501_fruity .question-container {margin-bottom: 0em;}

/* question geral */
.question-container {margin-left:8px; margin-right:8px; border-radius: 0;}
.group-description {margin-bottom:1em;}
.question-title-container {padding-bottom: 0;}
.question-container {border:none !important; box-shadow:none !important; border-top: 2px solid #C1C1C145 !important; padding-top: 12px !important;}
.group-outer-container .question-container + .group-description {border:none !important;}
.question-container .ls-answers.table-array-radio thead {border-color:#E3E3E3; border:none;}
.question-container .ls-answers.table-array-radio tbody {border-color:#eeeeee;}
.question-text .ls-label-question p {margin-bottom: 0rem;}
.ls-label-question {font-size:120%;}
.asterisk sup {top: -8px; left: -5px;}
.question-number, .question-code {font-size: 180%; opacity: .5; transform: translate(-8px, -4px);}
.celepar_2501_fruity .question-container {background-color:transparent !important;}

/* 5 point */
.ls-answers.list-group-horizontal {justify-content: center;}
@media (max-width: 660px) {.ls-answers.list-group-horizontal {flex-direction: column;}}
.satisfacao .radio-list li {margin-right: 1.5rem; border: 1px solid #E3E3E3; border-radius: 48px; padding: 2px 6px 2px 2px;}
.satisfacao .radio-list li:has(input[type="radio"]:checked) {background-color: var(--color-verde-blockchain-500); color:#FFF; border-color: var(--color-verde-blockchain-500);}
.satisfacao .radio-list li:hover {background:var(--color-cinza-eee)}
.satisfacao .radio-item input[type="radio"] {top: 9px; height: 20px; width: 20px;}
.dir-ltr .satisfacao .radio-item input[type="radio"], .dir-ltr .checkbox-item input[type="checkbox"] {left: 6px; top: 7px;}
.satisfacao .radio-item label {padding: 6px 14px 6px 42px; font-weight:500; width: 100%;}
.satisfacao .radio-item label::before {top: 2px; left: 5px; width: 20px; height: 20px; margin-left:0; margin-top: 4px;}
.satisfacao .radio-item label::after {margin-left:0; width: 16px; height: 16px;   left: 7px; top: 8px;}
body .satisfacao .answer-item label::after {background-color: var(--color-verde-blockchain-500);}
/* 5 point - satisfacao */
.satisfacao .answers-list li:nth-child(1):has(input[type="radio"]:checked) {background:#DD1C1B; border-color:#DD1C1B;}
.satisfacao .answers-list li:nth-child(1):has(input[type="radio"]:checked) label::after {background:#DD1C1B;}
.satisfacao .answers-list li:nth-child(2):has(input[type="radio"]:checked) {background:#E68500; border-color:#E68500;}
.satisfacao .answers-list li:nth-child(2):has(input[type="radio"]:checked) label::after {background:#E68500;}
.satisfacao .answers-list li:nth-child(3):has(input[type="radio"]:checked) {color:#333; background:#FFD900; border-color:#FFD900;}
.satisfacao .answers-list li:nth-child(3):has(input[type="radio"]:checked) label::after {background:#FFD900;}
.satisfacao .answers-list.radio-list  li:nth-child(4):has(input[type="radio"]:checked) {background:var(--color-verde-blockchain-400); border-color:var(--color-verde-blockchain-400);}
.satisfacao .answers-list li:nth-child(4):has(input[type="radio"]:checked) label::after {background:var(--color-verde-blockchain-400);}
.satisfacao .answers-list li:nth-child(5):has(input[type="radio"]:checked) {background:var(--color-verde-blockchain-500); border-color:var(--color-verde-blockchain-500);}
.satisfacao .answers-list li:nth-child(5):has(input[type="radio"]:checked) label::after {background:var(--color-verde-blockchain-500);}
.satisfacao-info {list-style: none;display: flex;gap: 12px;justify-content: center; margin:8px;}
.satisfacao-info li {border-radius:48px;}
@media (max-width: 660px) {
    .satisfacao-info {justify-content: unset; flex-wrap: wrap;}
    .satisfacao .radio-list li {margin: 2px 6px;}
}

/* Matriz - satisfacao */
/*.satisfacao_matriz .table > thead {border-color:#E3E3E3; border:none;}
.satisfacao_matriz .table > tbody {border-color: #eeeeee;}*/
.satisfacao_matriz .ls-answers .ls-heading > th {vertical-align: middle;}
.satisfacao_matriz th.answer-text:nth-child(2) {background-color:var(--color-vermelho-o1);}
.satisfacao_matriz th.answer-text:nth-child(3) {background-color:var(--color-laranja-o1);}
.satisfacao_matriz th.answer-text:nth-child(4) {background-color:var(--color-amarelo-o1);}
.satisfacao_matriz th.answer-text:nth-child(5) {background-color:var(--color-verde-o1);}
.satisfacao_matriz th.answer-text:nth-child(6) {background-color:var(--color-verde2-o1);}
.satisfacao_matriz .answers-list td:nth-child(2):has(input[type="radio"]:checked) label::after {background:var(--color-vermelho-g1);}
.satisfacao_matriz .answers-list td:nth-child(3):has(input[type="radio"]:checked) label::after {background:var(--color-laranja-g1);}
.satisfacao_matriz .answers-list td:nth-child(4):has(input[type="radio"]:checked) label::after {background:var(--color-amarelo-g1);}
.satisfacao_matriz .answers-list td:nth-child(5):has(input[type="radio"]:checked) label::after {background:var(--color-verde-g1);}
.satisfacao_matriz .answers-list td:nth-child(6):has(input[type="radio"]:checked) label::after {background:var(--color-verde2-g1);}

/* YES-NO button */
.ls-answers.yesno-button {padding-top: 8px; padding-bottom: 8px;}
.yesno-button.btn-group .answer-item.ls-button-label {font-size: 120%; min-height: 56px;}
@media (min-width: 768px) {
    .yesno-button.btn-group .answer-item.ls-button-label {display: flex; align-items: center; justify-content: center;}
    .yesno-button.btn-group .ls-button-label .ls-icon{margin-right: 4px;}
}
@media (max-width: 768px) {.yesno-button, .gender-button {width: 100%;}}
.yesno-button.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {border-top-left-radius: 16px; border-bottom-left-radius: 16px; border-right: 1px solid transparent !important;}
.yesno-button.btn-group .btn {border-top-right-radius: 16px; border-bottom-right-radius: 16px;}
/*

/******************
    celepar colors
    ---------------

    {
  "roxo-big-data": {
    "200": "#deb9d8",
    "300": "#d177b0",
    "400": "#c63d96",
    "500": "#7b0a6b"
  },
  "azul-hiperlink": {
    "200": "#bbc9e7",
    "300": "#587abc",
    "400": "#244ea2",
    "500": "#25305e"
  },
  "amarelo-bitcoin": {
    "200": "#ffefc6",
    "300": "#ffe189",
    "400": "#ffd65c",
    "500": "#ffcc40"
  },
  "cinza": {
    "eee": "#eeeeee"
  },
  "cinza-hub": {
    "200": "#ecebe3",
    "300": "#b2b3ad",
    "400": "#6d6e6b",
    "500": "#40403e"
  },
  "laranja-bookmark": {
    "200": "#fdd7c6",
    "300": "#fbbd97",
    "400": "#f89f65",
    "500": "#f4793b"
  },
  "verde-blockchain": {
    "200": "#c2e1b7",
    "300": "#aed477",
    "400": "#7ec352",
    "500": "#66ad53"
  },
  "vermelho-backup": {
    "200": "#fabeaf",
    "300": "#f48473",
    "400": "#f15b5b",
    "500": "#e23d46"
  }
}
*/