@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@400;700&display=swap');
.cookies {
        position: fixed;
        width: 100%;
        bottom: 0px;
        left: 0px;
        background-color: #F3F3F3;
        display: none;
        align-items: center;
        justify-content: center;
        margin-bottom: 0px;
        z-index: 999999;
    }
    .cookies.none{
        display: none;
    }
    .cookies.block{
        display: flex;
    }
    .container {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
        height: 100%;
        padding: 0.75rem;
        overflow-y: auto;
        position: static;
    }
    .content {
        width: 80%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 1rem;
        padding-bottom: 0px;
        margin-bottom: auto;
    }
    .cookies-header {
        display: block;
        align-items: center;
        justify-content: center;
        margin-top: auto;
        margin-bottom: 20px;
    }
    .cookies strong {
        font-family: 'Montserrat', 'Lato', 'Arial', sans-serif;
        text-transform: uppercase;
        font-size: 1.5rem;
        font-weight: 700;
        color: #015F9D;
        margin-top: 1rem;
    }
    .cookies .description {
        color: #353434;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        text-align: center;
    }
    a.linkPolitica {
        color: #015F9D;
        font-weight: 700;
        text-decoration: solid;
        text-decoration: underline;
    }
     .actions {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin-top: 1.5rem;
        margin-left: 5px;
     }
     .buttons {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-left: -0.25rem;
        text-transform: uppercase;
        margin-left: 25px;
     }
     .button {
        width: 45%;
        background-color: #015F9D;
        color: white;
        font-weight: 700;
        text-align: center;
        border-radius: 0.375rem;
        border-width: 1px;
        height: 2.5rem;
        font-size: .875rem;
        margin-right: 1.25rem;
        font-family: 'Montserrat', 'Lato', 'Arial', sans-serif;
     }
     #agree, #agreeChooses{
        background: #015F9D;
        border-radius: 4px;
        height: 38px;
        padding: 10px;
        color: white;
        font-weight: 700;
        margin-right: 20px;
        cursor: pointer !important;
        font-family: 'Montserrat', 'Lato', 'Arial', sans-serif;

    }
     #configurationCookies{
        color:#015F9D;
        border: 1px solid #015F9D;
        border-radius: 4px;
        background-color: #F3F3F3;
        width: 241px;
        height: 38px;
        cursor: pointer !important;
        font-weight: 700;
        font-family: 'Montserrat', 'Lato', 'Arial', sans-serif;
     }
     .fecharCokies{
        position: absolute;
        right: 10px;
        top: 20px;
        display: flex;
        justify-content: center;
        width: 1.25rem;
        height: 1.25rem;
        border-radius: 0.25rem;
        background-color: white;
        color: #015F9D;
        margin-top: 0px;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
        cursor: pointer;
        align-items: center;
        font-size: 12px;
        font-weight: 700;
     }
     button.definicaoCookiesButton {
        position: absolute;
        right: 10px !important;
        top: 135px !important;
     }
     

     .definicaoCookies {
        display: none;
        width: 560px;
        position: fixed;
        height: 100%;
        bottom: 0;
        top: 0;
        justify-content: center;
        align-items: baseline;
        overflow-y: scroll;
        scroll-behavior: smooth;  
        z-index: 9999;
        background-color: #F3F3F3;
        overflow-y: scroll;
        overflow-x: hidden;
        margin-bottom: 0;
     }
     .definicaoCookies.block {
        display: block;
     }
     .definicaoCookies.none {
        display: none;
     }
     .headerCookies{
        width: 100%;
        display:flex;
        margin-top: 27px;
        margin-bottom: 27px;
        margin-top: 140px;
        margin-left: 27px;
     }
     .imagemLogo{
        margin-right: 68%;
        height: 18px;
    }
      .divisor .hr_ {
          margin-bottom: 1.5rem;
      }
      .tituloPrivacidade{
          font-family: 'Montserrat', 'Lato', 'Arial', sans-serif;
          text-transform: uppercase;
          margin-bottom: 1.5rem;
          font-size: 1.5rem;
          font-weight: 700;
          margin-top: 1rem;
          margin-bottom: 25px;
      }
      .definicaoCookies .textoInformativo {
          margin-left: 1.25rem;
          margin-right: 1.25rem;
          font-family: Lato, Arial, sans-serif;
          font-size: 1rem;
          line-height: 1.5rem;
          margin-bottom: 2.5rem;
          color: #353434;
      }
      #disagree{
          color: #015F9D;
          border: 1px solid #015F9D;
          padding: 10px;
          border-radius: 4px;
          font-weight: 600;
          cursor: pointer;
      }
      /* p {
          color: #353434;
      } */

      .accordion {
          background: linear-gradient(to bottom right, #FFF, #f7f7f7);
          background: white;
          margin: 0 auto;
          border-radius: 3px;
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
          margin-left: 18px;
          margin-top: 20px;
          margin-right: 18px;
      }
      .heading {
          display: flex;
          flex-direction: column;
          color: #212121;
          border-bottom: 1px solid #e7e7e7 !important;
          padding: 15px;
          cursor: pointer;  
          position: relative;
          font-weight: 700;
          font-size: 18px;
          line-height: 24px;
          font-family: 'Montserrat', 'Lato', 'Arial', sans-serif;
          z-index: 1;
      }

      .heading:nth-last-child(2){
          border-bottom:0; 
      }
      .heading::before {
          content: '+';
          position: absolute;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-right: 17px;
          width: 1.25rem/* 20px */;
          height: 1.25rem/* 20px */;
          font-weight: 800;
          background: white;
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
          border-radius: 5px;
          color:#015F9D;
      }
      .contents {
        display: none;
        background: white;
        padding: 15px;
        color: #212121;
        font-size: 18px;
        line-height: 1.5;
        font-weight: 400;
        font-family: 'Lato', sans-serif;
      }

      .accordion input {
        position: absolute;
        bottom: 30%;
        right: 2.5rem;
        margin-right: 1.25rem;
        width: 1.25rem;
        height: 1.25rem;

      }

      .accordion input[type="checkbox"] {
        position: absolute;
        z-index: -1;
        opacity: 0;
      }

      .accordion input[type="checkbox"] + label {
        position: relative;
        cursor: pointer;
        padding-left: 30px;
        left: 90%;
      }
      .accordion input[type="checkbox"] + label::before {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        left: 40px;
        bottom: -25px;
        vertical-align: bottom;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
        z-index: 9999999;
      }
      .accordion input[type="checkbox"]:checked + label::after {
        content: "";
        position: absolute;
        left: 50px;
        bottom: -20px;
        width: 10px;
        height: 22px;
        border-right: solid 3px green;
        border-bottom: solid 3px green;
        transform: rotate(45deg);
        z-index: 9999999;
      }

      .inputCookiesObrigatorio {
        display: none !important;
      }

      .accordion [type='checkbox'] + label {
        margin-left: -30px;
        margin-right: 0;
        margin-bottom: 0;
      }
      .definicaoCookies .tituloPrivacidade  {
        margin-left: 18px;
      }
      
    .nomeCookies {
      padding-left: 35px;
    }
    .buttonsDefinicoes{
        justify-content: inherit;
        margin-bottom: 50px;
    }


      @media (max-width: 768px) {
          .cookies {
            margin-bottom: 60px;
        }
          .container {
          position: relative;
          }
          .content {
              width: 100%;
              padding-bottom: 1rem;
              margin-right: 0px !important;
          }
          .contents{
            font-size: 16px;
          }
          .cookies-header {
              width: 100%;
              height: 100%;
              margin-top: 0px;
              text-align: left;
              margin-bottom: 0px;
          }
          .cookies strong {
              font-size: 1.25rem;
              margin-top: 0px;
          }
          .buttons {
              flex-direction: column;
              margin-left: 0;
              cursor: pointer;
              
          }
          .button {
              width: 65%;
          }
          #agree{
            margin-right: 0;
            margin-bottom: 20px;
          }
          #agreeChooses {
           width: 50%;
           justify-content: inherit;
           margin-right: 0;
          }
          #disagree{
              margin-top: 0px;
              margin-left: 1.5rem;
              width: 30%;
              cursor: pointer;
          }
          .fecharCokies{
              position: absolute !important;
              top: 15px;
              font-family: 'Lato', sans-serif;
          }           
          button.definicaoCookiesButton.fecharCokies {
            position: absolute;
            top: 105px
          }
          .definicaoCookies {
            margin-bottom: 50px;
            width: 100%;
          }
          .headerCookies{
              margin-left: 17px;
              margin-right: 17px;
              margin-top: 110px;
          }
          .imagemLogo{
              height: 18px;
          }
          .tituloPrivacidade {
              margin-left: 18px;
              font-size: 19px;
          }
          .description {
            font-family: 'Lato', 'Arial', sans-serif;
            text-align: left;
            font-weight: 400;
            font-size: 14px;
            line-height: 22px;
            color: #000000;
            margin-top: 20px;
            margin-bottom: 0;
          }
          .textoInformativo {
            width: 328px;
          }
          .heading {
            font-size: 16px;
          }
          .accordion input[type="checkbox"] + label {
            left: 90%;
          }
          .accordion {
            margin-right: 20px;
          }
          .buttonsDefinicoes {
            flex-direction: row !important;
            margin: 0;
            display: flex;
            justify-content: start;
            margin-left: 29px;
            cursor: pointer;
            margin-bottom: 100px;
          }
          #configurationCookies{
            width: 265px;
          }
          button.definicaoCookiesButton {
            position: absolute;
            right: 10px !important;
            top: 100px !important;
         }
         .cookies .description {
          text-align: left;
      }
    
      }

body.canal-otempo .cookies strong,
body.canal-otempo .linkPolitica,
body.canal-otempo .fecharCokies {
  color: #005428
}
body.canal-otempo #agree,
body.canal-otempo #agreeChooses{
  background: #26C76F;
}
body.canal-otempo #configurationCookies,
body.canal-otempo #disagree{
  border: 1px solid #26C76F;
  color: #26C76F;
}
body.canal-otempo .heading::before {
  color: #26C76F;
}
body.canal-otempo .nomeCookies,
body.portal-super .nomeCookies,
body.novo-portal .nomeCookies,
body.novo-otempo-betim .nomeCookies
body.servicos-graficos .nomeCookies {
  font-family: 'Lato', sans-serif;
}

body.novo-portal .cookies strong,
body.novo-portal .linkPolitica,
body.novo-portal .fecharCokies {
  color: #005428;
}
body.novo-portal #agree,
body.novo-portal #agreeChooses{
  background: #26C76F;
}
body.novo-portal #configurationCookies,
body.novo-portal #disagree{
  border: 1px solid #26C76F;
  color: #26C76F;
}
body.novo-portal .heading::before {
  color: #26C76F;
}

body.servicos-graficos .cookies strong,
body.servicos-graficos .linkPolitica,
body.servicos-graficos .fecharCokies {
  color: #005428;
}
body.servicos-graficos #agree,
body.servicos-graficos #agreeChooses{
  background: #005428;
}
body.servicos-graficos #configurationCookies,
body.servicos-graficos #disagree{
  border: 1px solid #005428;
  color: #005428;
}
body.servicos-graficos .heading::before {
  color: #005428;
}

body.novo-otempo-betim input[type="checkbox"]:checked + label::after {
  border-right: solid 3px #015F9D;
  border-bottom: solid 3px #015F9D;
}

body.portal-super .cookies strong,
body.portal-super .linkPolitica,
body.portal-super .fecharCokies {
  color: #212121;
}
body.portal-super #agree,
body.portal-super #agreeChooses{
  background: #FFCC00;
}

body.portal-super #configurationCookies,
body.portal-super #disagree{
  border: 1px solid #FFCC00;
  color: #212121;
}
body.portal-super .heading::before {
  color: #FFCC00;
}
body.portal-super input[type="checkbox"]:checked + label::after {
  border-right: solid 3px #FFCC00;
  border-bottom: solid 3px #FFCC00;
}
body.portal-super #disagree {
  font-family: 'Lato', sans-serif;
}
body.portal-super .cookies strong {
  font-family: 'Montserrat', sans-serif;
}
body.portal-super .imagemLogo{
  height: 100%;
}

