/* BASIC */

   body {
       background-color: #e9edf3;
       color: rgb(74, 74, 74);
       --bs-font-sans-serif: Poppins, Helvetica, "sans-serif";
       --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   }

   ::selection {
    background-color: #460897;
       color: #fff;
   }

   .textoDark {
       color: #dce3fa;
   }

   .textoJustificado {
       text-align: justify;
   }

   .fundoTopo {
       background-color: #460897;
       font-weight: bold;
   }

   .fundoRoxo {
       background-color: #460897;
   }

   .fundoAmareloMapa {
       background-color: #facd19;
       color: #101101;
   }

   .fundoBranco {
       background-color: rgb(255, 255, 255);
       color: #101101;
   }

   .botaoCinza {
       background-color: #ededed;
       color: #101101;
       padding: 3px;
       font-size: 10px;
       text-align: center;
       border-radius: 3px;
       border: #101101 1px solid;
   }

   .botaoCinza:hover {
       background-color: #460897;
       color: #fff;
       padding: 3px;
       text-align: center;
       border-radius: 3px;
       transition: all 0.3s ease-in;
       border: #101101 1px solid;
   }

   .botaoFormMapaSalvar {
       background-color: #98f075;
       color: #460897;
       border-radius: 5px;
       outline: none;
       min-width: 100%;
       padding: 15px 20px;
       font-size: 14px;
       font-weight: 500;
       transition: all .1s linear;
       -webkit-transition: all .1s linear;
       -moz-transition: all .1s linear;
       -webkit-appearance:none;
   }

   .botaoFormMapaSalvar:hover {
       background-color: #460897;
       transition: all 0.3s ease-in;
       color: #98f075;
   }

   .botaoFormMapaCancelar {
       background-color: #ff8f9e;
       color: #fff;
       border-radius: 5px;
       outline: none;
       min-width: 100%;
       padding: 15px 20px;
       font-size: 14px;
       font-weight: 500;
       transition: all .1s linear;
       -webkit-transition: all .1s linear;
       -moz-transition: all .1s linear;
       -webkit-appearance:none;
   }

   .botaoFormMapaCancelar:hover {
    background-color: #460897;
    transition: all 0.3s ease-in;
    color: #fff;
}

   .botaoFormMapaAndamento {
    background-color: #ffe788;
    color: #460897;
    border-radius: 5px;
    outline: none;
    min-width: 100%;
    padding: 15px 20px;
    font-size: 14px;
    font-weight: 500;
    transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-appearance:none;
}

.botaoFormMapaAndamento:hover {
    background-color: #460897;
    transition: all 0.3s ease-in;
    color: #ffe788;
}

   .fundoIndicadorD {
       background-color: #e12d45;
   }

   .fundoIndicadorI {
       background-color: #facd19;
   }

   .fundoIndicadorS {
       background-color: #52b618;
   }

   .fundoIndicadorC {
       background-color: #458CE6;
   }

   .fundoIndicadorPalavrasAfirmacao {
       background-color: #c8075f;
   }

   .fundoIndicadorTempoQualidade {
       background-color: #e1086b;
   }

   .fundoIndicadorReceberPresentes {
       background-color: #f60c77;
   }

   .fundoIndicadorAtosServicos {
       background-color: #f72585;
   }

   .fundoIndicadorToquesFisicos {
       background-color: #f83e93;
   }

   .fundoBranco {
       background-color: #fff;
   }

   .fundoBrancoPill {
       background-color: #fff;
   }

   .fundoBrancoPill:hover {
       background-color: #7209b7;
       color: #fff;
       padding: 3px;
       text-align: center;
       border-radius: 3px;
       cursor: pointer;
       transition: all 0.5s ease-in;
   }

   .fundoTitulo {
       background-color: #ededed;
       color: #364474;
   }



   .bordaGrafico {
       border: #ffffff solid 2px;
       width: 15px;
       font-size: 10px;
   }

   .bordaGraficoRoxo {
       border: #460897 solid 2px;
       width: 15px;
       font-size: 10px;
   }

   .legendaIndiceGraficoD {
       margin-left: 30px;
   }

   .legendaIndiceGraficoI {
       margin-left: 30px;
   }

   .legendaIndiceGraficoS {
       margin-left: 30px;
   }

   .legendaIndiceGraficoC {
       margin-left: 30px;
   }

   /* STRUCTURE */
   container .wrapper {
       display: flex;
       align-items: center;
       flex-direction: column;
       width: 100%;
       min-height: 100%;
       padding: 5px;
   }

   #formContent {
       -webkit-border-radius: 10px 10px 10px 10px;
       border-radius: 10px 10px 10px 10px;
       padding: 30px;
       width: 95%;
       position: relative;
       padding: 0px;
       text-align: center;
   }

   #formFooter {
       background-color: #f6f6f6;
       border-top: 1px solid #dce8f1;
       padding: 25px;
       text-align: center;
       -webkit-border-radius: 0 0 10px 10px;
       border-radius: 0 0 10px 10px;
   }


   input[type=text]:placeholder {
       color: #101101;
   }


   ul.ks-cboxtags {
       list-style: none;
       padding: 20px;
   }

   ul.ks-cboxtags li {
       display: inline;
   }

   ul.ks-cboxtags li label {
       display: inline-block;
       background-color: rgba(255, 255, 255, .9);
       border: 2px solid #c2c2c2;
       color: #a1a1a1;
       border-radius: 25px;
       white-space: nowrap;
       margin: 3px 0px;
       -webkit-touch-callout: none;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
       -webkit-tap-highlight-color: transparent;
       transition: all .2s;
   }

   ul.ks-cboxtags li label {
       padding: 8px 12px;
       cursor: pointer;
   }

   ul.ks-cboxtags li label::before {
       display: inline-block;
       font-style: normal;
       font-variant: normal;
       text-rendering: auto;
       -webkit-font-smoothing: antialiased;
       font-family: "Font Awesome 5 Free";
       font-weight: 900;
       font-size: 12px;
       padding: 2px 6px 2px 2px;
       transition: transform .3s ease-in-out;
   }


   ul.ks-cboxtags li input[type="checkbox"]:checked+label {
       border: 2px solid #460897;
       background: linear-gradient(to right, #460897, #be09ce);
       color: #fff;
       transition: all .2s;
   }

   ul.ks-cboxtags li input[type="checkbox"] {
       display: absolute;
   }

   ul.ks-cboxtags li input[type="checkbox"] {
       position: absolute;
       opacity: 0;
   }

   ul.ks-cboxtags li input[type="checkbox"]:focus+label {
       border: 2px solid #98f075;
   }
   ul.ks-cboxtags li input[type="checkbox"]:hover+label {
    background: linear-gradient(to right, #460897, #be09ce);
    color: #fff;
    border: 2px solid #98f075;
    transition: all .2s;
}