body{margin:0; padding:0; font-size:20px; font-family: Arial, Helvetica, sans-serif; color: #252525; background-color: #f5f5f5;}

/* HIGHLIGHT */

::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: #25d366;
}

::selection {
  color: #fff;
  background: #25d366;
}

/* PADRÕES */

hr {
  border: none; /* Remove a borda padrão */
  height: 1px; /* Define a espessura */
  background-color: #cccccc; /* Cor da linha */
  margin: 80px 0 72px 0; /* Espaçamento acima e abaixo */
  width: 100%; /* Largura total */
}

.cor{color: #25d366;}

.link{color: #25d366; text-decoration: none;}
.link:hover{color: #25d366; text-decoration: underline;}

.linkb{color: #000000; text-decoration: none;}
.linkb:hover{color: #000000; text-decoration: underline;}

.linkc{color: #999999; text-decoration: none;}
.linkc:hover{color: #999999; text-decoration: underline;}

.cancel{color:#999999; border:1px solid #999999; padding:6px 10px; width:auto; border-radius: 8px; font-family: Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
.cancel:hover{color: #e80437; border:1px solid #e80437; text-decoration: none;}

/* Radiobutton style */    
    
/* Customize the label (the container) */
.container {
  display: inline-block;
  position: relative;
  padding-left: 24px; 
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 16px;
  line-height: 20px;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #e2e6e9;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #d1d6db;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #25d366;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: white;
}

#itnumber{background-color:#000; border:none; color:#fff; border-radius:25px; width:42px; height:32px; text-align:center; padding-top:10px;}

/***** DESKTOP *****/

@media (min-width:1200px) {

#logo{width:200px; height:auto; float:left;}

p{font-family: Arial, Helvetica, sans-serif; color: #252525; font-size:20px; line-height:32px;}

#header{width:1000px; height:29px; position:relative; margin-left:-500px; left:50%; margin-bottom:40px; margin-top:60px;}
#menu{width:auto; height:22px; float:right; margin-top:0px;}
#box{width:1200px; height:auto; padding: 60px 0 64px 0; position:relative; margin-left:-600px; left:50%; background-color:#ffffff; border-radius:20px; text-align:center; vertical-align: top;}

#boxc{width:1000px; position:relative; margin-left:-500px; left:50%; text-align: left; vertical-align: top;}
#boxlpainel{width:300px; margin-right: 78px; display: inline-block; text-align: left; vertical-align: top; text-align:center; border:1px solid #ccc; border-radius:10px; padding-top:36px; padding-bottom:42px;}
#boxlconta{width:300px; margin-right: 78px; display: inline-block; text-align: left; vertical-align: top; text-align:center; border:1px solid #ccc; border-radius:10px; padding-top:36px; padding-bottom:42px;}
#boxr{width:620px; display: inline-block; text-align: left; vertical-align: top;}

.menug{background-color:#25d366; color:#ffffff; border:1px solid #25d366; padding:8px 14px; width:auto; border-radius: 8px; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:28px; text-decoration:none;}
.menug:hover{background-color:#1db954; border:1px solid #1db954;}
.menub{background-color:#000000; color:#ffffff; border:1px solid #000000; padding:8px 14px; width:auto; border-radius: 8px; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:28px; text-decoration:none;}
.menuclose{background-color:#000000; color:#ffffff; border:1px solid #000000; padding:8px 14px; width:auto; border-radius: 8px; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:28px; text-decoration:none;}
.menuv{background-color:#f5f5f5; color:#000; border:1px solid #000; padding:8px 14px; width:auto; border-radius: 8px; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:28px; text-decoration:none;}
.menuv:hover{background-color:#f5f5f5; border:1px solid #000;}

.menuon{background-color:#1db954; color:#ffffff; border:1px solid #1db954; padding:8px 14px; width:auto; border-radius: 8px; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:28px; text-decoration:none;}
.menuinativo{background-color:#eeeeee; color:#ffffff; border:1px solid #eeeeee; padding:8px 14px; width:auto; border-radius: 8px; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:28px; text-decoration:none;}

.btn{background-color:#25d366; color:#ffffff; border:1px solid #25d366; padding:20px 30px; font-size:20px; border-radius: 8px; text-decoration: none;}
.btnp{background-color:#25d366; color:#ffffff; border:1px solid #25d366; padding:2px 14px; width:auto; border-radius: 8px; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:28px; color:#fff; text-decoration:none;}

.btn2{background-color:#ffffff; color:#999999; border:1px solid #999999; padding:8px 14px; width:auto; border-radius: 8px; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:28px; text-decoration:none;}
.btn2:hover{background-color:#ffffff; color:#25d366; border:1px solid #25d366; padding:8px 14px; width:auto; border-radius: 8px; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:28px; text-decoration:none;}

.input{background-color:#ffffff; border:1px solid #cccccc; width:578px; padding:20px; font-size:20px; margin-top:14px; border-radius: 8px;}
.inputpass{background-color:#ffffff; border:1px solid #cccccc; width:524px; padding:20px; font-size:20px; margin-top:14px; border-radius: 8px;}
.inputp{background-color:#ffffff; border:1px solid #cccccc; width:240px; padding:20px; font-size:20px; margin-top:14px; border-radius: 8px;}
.captcha{background-color:#ffffff; border:1px solid #cccccc; width:240px; padding:20px; font-size:20px; margin-top:14px; border-radius: 8px;}
#eye {right:99px; margin-top:-46px; z-index:99; position: absolute; cursor:pointer;}
#eye1 {height:30px;}
#eye2 {height:30px;}

.inputperfil{background-color:#ffffff; border:1px solid #cccccc; width:214px; padding:12px; font-size:16px; border-radius: 8px; text-align: center;}
.inputmsgperfil{background-color:#ffffff; border:1px solid #ccc; width:214px; height: 60px; padding:12px; font-size:16px; border-radius: 8px; text-align: center; font-family: Arial, Helvetica, sans-serif; margin-bottom: -5px;}

.inputmsg{background-color:#ffffff; border:1px solid #ccc; width:578px; height: 80px; padding:20px; font-size:20px; margin-top:14px; margin-bottom:8px; border-radius: 8px; font-family: Arial, Helvetica, sans-serif;}

#footer{width:1000px; height:100px; position:relative; margin-left:-500px; left:50%; margin-top:120px; margin-bottom:120px; vertical-align: top;}
#fleft{float: left; vertical-align: top;}
#fright{float: right; vertical-align: top; margin-top: 6px;}
#flogo{width:200px; height:auto; float:left;}
.ftext{color:#999999; font-size: 14px;}

#dchamado{
  width: 100%;
  background-color: #f5f5f5;
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 8px;
  text-align: left;
  display: inline-block;
  border-radius: 12px;
}   

#dchamadocont {position:relative; padding: 20px;}
  
#ativo {margin-top: 10px; display: inline-block; color: #5ebe38;}
#desativo {margin-top: 10px; display: inline-block; color: #db5050;}

#picperfil {
  width: 140px;
  height: 140px;
  background-color: #e2e6e9;
  border-radius: 50%;
  border: none;
  display:inline-block;
  margin-bottom: 6px;
}

.inputrs{background-color:#ffffff; border:1px solid #cccccc; width:560px; padding:12px 12px 12px 46px; font-size:16px; margin-top:8px; border-radius: 8px;}
.ig {background-image: url("../img/rs/ig.png");background-size:28px;background-position: 7px 7px;background-repeat: no-repeat;}
.tk {background-image: url("../img/rs/tk.png");background-size:28px;background-position: 7px 7px;background-repeat: no-repeat;}
.yt {background-image: url("../img/rs/yt.png");background-size:28px;background-position: 7px 7px;background-repeat: no-repeat;}
.tw {background-image: url("../img/rs/tw.png");background-size:28px;background-position: 7px 7px;background-repeat: no-repeat;}
.fb {background-image: url("../img/rs/fb.png");background-size:28px;background-position: 7px 7px;background-repeat: no-repeat;}
.lk {background-image: url("../img/rs/lk.png");background-size:28px;background-position: 7px 7px;background-repeat: no-repeat;}
.pt {background-image: url("../img/rs/pt.png");background-size:28px;background-position: 7px 7px;background-repeat: no-repeat;}
.sp {background-image: url("../img/rs/sp.png");background-size:28px;background-position: 7px 7px;background-repeat: no-repeat;}
.of {background-image: url("../img/rs/of.png");background-size:28px;background-position: 7px 7px;background-repeat: no-repeat;}
.pr {background-image: url("../img/rs/pr.png");background-size:28px;background-position: 7px 7px;background-repeat: no-repeat;}
.tv {background-image: url("../img/rs/tv.png");background-size:28px;background-position: 7px 7px;background-repeat: no-repeat;}
.ou {background-image: url("../img/rs/ou.png");background-size:28px;background-position: 7px 7px;background-repeat: no-repeat;}

input[type="color"] {
  width: 70px; /* Largura do seletor */
  height: 34px; /* Altura */
  border: 1px solid #999; /* Borda */
  border-radius: 8px; /* Arredondar */
  padding: 2px 4px 1px 4px; /* Espaçamento interno */
  cursor: pointer; /* Cursor quando passar o mouse */
  background-color: #ffffff;
}

    /* Container do Combobox */
    .combobox-container {
      position: relative;
      display: inline-block;
    }

    /* Estilo do <select> */
    .combobox {
      appearance: none; /* Remove o estilo padrão */
      -webkit-appearance: none; /* Para navegadores Webkit */
      -moz-appearance: none; /* Para navegadores Mozilla */
      border: 1px solid #ccc;
      border-radius: 15px;
      padding: 4px 20px 4px 10px;
      font-size: 14px;
      font-family: Arial, sans-serif;
      background-color: #fff;
      color: #000;
      cursor: pointer;
    }

    /* Ícone de seta personalizado */
    .combobox-container::after {
      content: "▼";
      font-size: 14px;
      position: absolute;
      top: 50%;
      right: 6px;
      transform: translateY(-50%);
      pointer-events: none; /* Ignora cliques */
      color: #ccc;
    }

    /* Container do Combobox */
    .combobox-containerg {
      position: relative;
      display: inline-block;
      margin-bottom: 16px;
    }

    /* Estilo do <select> */
    .comboboxg {
      appearance: none; /* Remove o estilo padrão */
      -webkit-appearance: none; /* Para navegadores Webkit */
      -moz-appearance: none; /* Para navegadores Mozilla */
      border: 1px solid #ccc;
      width:620px; padding:12px; font-size:16px; margin-top:8px; border-radius: 8px;
      /* width:620px; padding:20px; font-size:20px; margin-top:14px; border-radius: 8px;*/
      font-family: Arial, sans-serif;
      background-color: #fff;
      color: #000;
      cursor: pointer;
    }

    /* Ícone de seta personalizado */
    .combobox-containerg::after {
      content: "▼";
      font-size: 22px;
      /* font-size: 26px; */
      position: absolute;
      top: 60%;
      /* right: 20px; */
      right: 10px;
      transform: translateY(-50%);
      pointer-events: none; /* Ignora cliques */
      color: #ccc;
    }


#divtitlelinkadd {
  border-bottom:1px solid #cccccc; padding-bottom:8px; margin-bottom:8px; color:#25d366;
}

#divtitlelinkadd1 {width:66%; display:inline-block; font-size: 16px;}
#divtitlelinkadd2 {width:10%; display:inline-block; font-size: 16px;}
#divtitlelinkadd3 {width:10%; display:inline-block; font-size: 16px;}
#divtitlelinkadd4 {width:10%; display:inline-block; font-size: 16px;}

#divitemlinkadd {
  border-bottom:1px solid #cccccc; height:40px; padding-bottom:8px; margin-bottom:8px; vertical-align:top;
}

#divitemlinkadd1 {width:66%; display:inline-block; font-size: 16px; vertical-align:top; margin-top:12px;}
#divitemlinkadd2 {width:10%; display:inline-block; font-size: 16px; vertical-align:top; margin-top:7px;}
#divitemlinkadd3 {width:10%; display:inline-block; font-size: 16px; vertical-align:top; margin-top:8px;}
#divitemlinkadd4 {width:10%; display:inline-block; font-size: 16px; vertical-align:top; margin-top:7px;}

.inputlink{background-color:#ffffff; border:1px solid #cccccc; width:594px; padding:12px; font-size:16px; margin-bottom:8px; border-radius: 8px;}
.inputlinkcountry{background-color:#ffffff; border:1px solid #cccccc; width:54px; padding:12px 12px 12px 42px; font-size:16px; margin-bottom:8px; border-radius: 8px; background-size: 24px; background-position: 8px; background-repeat: no-repeat;}
.inputlinkphone{background-color:#ffffff; border:1px solid #cccccc; width:478px; padding:12px; font-size:16px; margin-bottom:8px; border-radius: 8px;}
.inputmsglink{background-color:#ffffff; border:1px solid #ccc; width:594px; height: 80px; padding:12px; font-size:16px; margin-bottom:8px; border-radius: 8px; font-family: Arial, Helvetica, sans-serif;}

/* QR CODE e PESQUISA */
#logocenter{width:200px; height:auto; position:relative; margin-left:-100px; left:50%; margin-bottom:40px; margin-top:60px;}
#boxqrcode{width:600px; height:auto; padding: 60px 0 64px 0; position:relative; margin-left:-300px; left:50%; background-color:#ffffff; border-radius:20px; text-align:center; margin-bottom: 80px; vertical-align: top;}
#qrcode {width: 500px; height: 500px; position:relative; margin-left:-250px; left:50%; margin-bottom:30px;}
#boxpesquisa{width:600px; height:auto; padding: 60px 0 64px 0; position:relative; margin-left:-300px; left:50%; background-color:#ffffff; border-radius:20px; text-align:center; margin-bottom: 80px; vertical-align: top;}

#relatorio {width: 60%; position:relative; left:50%; margin-left:-30%; border:1px solid #cccccc; padding:30px 0 30px 0; margin-bottom:10px; border-radius: 12px; background-color:#ffffff;}
#relat1 {width:70%; display:inline-block; text-align:left;}
#relat2 {width:20%; display:inline-block; text-align:center;}
#relatclique {width: 60%; position:relative; left:50%; margin-left:-30%; color:#25d366; margin-bottom:12px;}
#relatcli1 {width:70%; display:inline-block; text-align:left;}
#relatcli2 {width:20%; display:inline-block; text-align:center;}
#relatcliitem{width: 60%; position:relative; left:50%; margin-left:-30%; border:1px solid #f5f5f5; padding:20px 0 20px 0; margin-bottom:10px; border-radius: 12px; background-color:#f5f5f5;}

#smiles1{width:70px; height: auto; display:inline-block;}
#smilem{width:80px; height: auto; display:inline-block; margin-left:40px;}
.smile{width:50px; margin-bottom:6px;}

#p2media{width:180px; height: auto; display:inline-block; margin-left:40px; padding-top:28px; vertical-align:top; text-align:center;}

#hrpesq{width:60%; margin-left:-30%; left:50%; position:relative;}

#logout{display:none;}

.certo{width:80%; background-color:#25d366; height:auto; padding:30px 10%; text-align:center; position:fixed; bottom:0px; font-size:16px; color:#ffffff; z-index:999;}
.errado{width:80%; background-color:#e80437; height:auto; padding:30px 10%; text-align:center; position:fixed; bottom:0px; font-size:16px; color:#ffffff; z-index:999;}

#boxalert{width:calc(100%-40px); background-color:#f5f5f5; border:none; border-radius:8px; padding:20px; font-size: 16px; line-height:24px; color:#000;}
#boxalert01{display:inline-block; width:52px; vertical-align:top;}
#boxalert02{display:inline-block; width:calc(100%-52px); vertical-align:top;}

.btnpic{background-image: url("../img/pic.png"); background-repeat:no-repeat; background-position:10px center; background-size:24px; padding-left:44px;}

}

/***** MOBILE *****/

@media (max-width:1199px) {

  #logo{width:200px; height:auto; position:relative; margin-left:-100px; left:50%;}

  p{font-family: Arial, Helvetica, sans-serif; color: #252525; font-size:20px; line-height:32px;}
  
  #header{width:100%; height:auto; margin-bottom:40px; margin-top:60px;}
  #menu{width:100%; height:auto; padding-top:24px; position:relative; text-align:center;}
  #box{width:78%; height:auto; padding: 60px 6% 64px 6%; position:relative; margin-left:-45%; left:50%; background-color:#ffffff; border-radius:20px; text-align:center; vertical-align: top;}
  
  #boxc{width:94%; position:relative; margin-left:-47%; left:50%; text-align: left; vertical-align: top;}
  #boxlpainel{width:94%; position:relative; margin-left:-47%; left:50%; text-align: left; vertical-align: top; text-align:center; border-bottom:1px solid #ccc; padding-bottom:54px; margin-bottom:48px;}
  #boxlconta{width:94%; position:relative; margin-left:-47%; left:50%; text-align: left; vertical-align: top; text-align:center; border-bottom:1px solid #ccc; margin-bottom:48px;}
  #boxr{width:94%; position:relative; margin-left:-47%; left:50%; text-align: left; vertical-align: top;}
  
  .menug{background-color:#25d366; color:#ffffff; border:1px solid #25d366; padding:8px 14px; width:auto; border-radius: 8px; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:28px; text-decoration:none;}
  .menug:hover{background-color:#1db954; border:1px solid #1db954;}
  .menub{background-color:#000000; color:#ffffff; border:1px solid #000000; padding:8px 14px; width:auto; border-radius: 8px; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:28px; text-decoration:none;}
  .menuclose{display:none;}
  .menuv{background-color:#f5f5f5; color:#000; border:1px solid #000; padding:8px 14px; width:auto; border-radius: 8px; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:28px; text-decoration:none;}
  .menuv:hover{background-color:#f5f5f5; border:1px solid #000;}

  .menuon{background-color:#1db954; color:#ffffff; border:1px solid #1db954; padding:8px 14px; width:auto; border-radius: 8px; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:28px; text-decoration:none;}
  .menuinativo{background-color:#eeeeee; color:#ffffff; border:1px solid #eeeeee; padding:8px 14px; width:auto; border-radius: 8px; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:28px; text-decoration:none;}
  
  .btn{background-color:#25d366; color:#ffffff; border:1px solid #25d366; padding:20px 30px; font-size:20px; border-radius: 8px; text-decoration: none;}
  .btnp{background-color:#25d366; color:#ffffff; border:1px solid #25d366; padding:2px 14px; width:auto; border-radius: 8px; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:28px; color:#fff; text-decoration:none;}
  
  .btn2{background-color:#ffffff; color:#999999; border:1px solid #999999; padding:8px 14px; width:auto; border-radius: 8px; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:28px; text-decoration:none;}
  .btn2:hover{background-color:#ffffff; color:#25d366; border:1px solid #25d366; padding:8px 14px; width:auto; border-radius: 8px; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:28px; text-decoration:none;}
  
  .input{background-color:#ffffff; border:1px solid #cccccc; width:92%; padding:16px 4%; font-size:16px; margin-top:14px; border-radius: 8px;}
  .inputpass{background-color:#ffffff; border:1px solid #cccccc; width:92%; padding:16px 4%; font-size:16px; margin-top:14px; border-radius: 8px;}
  .inputp{background-color:#ffffff; border:1px solid #cccccc; width:240px; padding:16px; font-size:16px; margin-top:14px; border-radius: 8px;}
  .captcha{background-color:#ffffff; border:1px solid #cccccc; width:240px; padding:16px; font-size:16px; margin-top:14px; border-radius: 8px;}
  #eye {right:10px; margin-top:-39px; z-index:99; position: absolute; cursor:pointer;}
  #eye1 {height:24px;}
  #eye2 {height:24px;}
  
  .inputperfil{background-color:#ffffff; border:1px solid #cccccc; width:72%; padding:16px 4%; font-size:16px; border-radius: 8px; text-align: center;}
  .inputmsgperfil{background-color:#ffffff; border:1px solid #ccc; width:72%; height: 60px; padding:16px 4%; font-size:16px; border-radius: 8px; text-align: center; font-family: Arial, Helvetica, sans-serif; margin-bottom: -5px;}

  .inputmsg{background-color:#ffffff; border:1px solid #ccc; width:92%; height: 80px; padding:16px 4%; font-size:16px; margin-top:14px; margin-bottom:8px; border-radius: 8px; font-family: Arial, Helvetica, sans-serif;}
  
  #footer{width:90%; height:auto; position:relative; margin-left:-45%; left:50%; margin-top:120px; margin-bottom:160px; vertical-align: top;}
  #fleft{vertical-align: top; text-align: center;}
  #fright{vertical-align: top; margin-top: 34px; text-align: center;}
  #flogo{width:200px; height:auto; float:left;}
  .ftext{color:#999999; font-size: 14px;}
  
  #dchamado{
    width: 100%;
    background-color: #f5f5f5;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 8px;
    text-align: left;
    display: inline-block;
    border-radius: 12px;
  }   
  
  #dchamadocont {position:relative; padding: 20px;}
    
  #ativo {margin-top: 10px; display: inline-block; color: #5ebe38;}
  #desativo {margin-top: 10px; display: inline-block; color: #db5050;}
  
  #picperfil {
    width: 140px;
    height: 140px;
    background-color: #e2e6e9;
    border-radius: 50%;
    border: none;
    display:inline-block;
    margin-bottom: 6px;
  }
  
  .inputrs{background-color:#ffffff; border:1px solid #cccccc; width: calc(94% - 42px); padding:12px 4% 12px 42px; font-size:16px; margin-top:8px; border-radius: 8px;}
  .ig {background-image: url("../img/rs/ig.png");background-size:28px;background-position: 7px 7px;background-repeat: no-repeat;}
  .tk {background-image: url("../img/rs/tk.png");background-size:28px;background-position: 7px 7px;background-repeat: no-repeat;}
  .yt {background-image: url("../img/rs/yt.png");background-size:28px;background-position: 7px 7px;background-repeat: no-repeat;}
  .tw {background-image: url("../img/rs/tw.png");background-size:28px;background-position: 7px 7px;background-repeat: no-repeat;}
  .fb {background-image: url("../img/rs/fb.png");background-size:28px;background-position: 7px 7px;background-repeat: no-repeat;}
  .lk {background-image: url("../img/rs/lk.png");background-size:28px;background-position: 7px 7px;background-repeat: no-repeat;}
  .pt {background-image: url("../img/rs/pt.png");background-size:28px;background-position: 7px 7px;background-repeat: no-repeat;}
  .sp {background-image: url("../img/rs/sp.png");background-size:28px;background-position: 7px 7px;background-repeat: no-repeat;}
  .of {background-image: url("../img/rs/of.png");background-size:28px;background-position: 7px 7px;background-repeat: no-repeat;}
  .pr {background-image: url("../img/rs/pr.png");background-size:28px;background-position: 7px 7px;background-repeat: no-repeat;}
  .tv {background-image: url("../img/rs/tv.png");background-size:28px;background-position: 7px 7px;background-repeat: no-repeat;}
  .ou {background-image: url("../img/rs/ou.png");background-size:28px;background-position: 7px 7px;background-repeat: no-repeat;}
  
  input[type="color"] {
    width: 70px; /* Largura do seletor */
    height: 34px; /* Altura */
    border: 1px solid #999; /* Borda */
    border-radius: 8px; /* Arredondar */
    padding: 2px 4px 1px 4px; /* Espaçamento interno */
    cursor: pointer; /* Cursor quando passar o mouse */
    background-color: #ffffff;
  }
  
      /* Container do Combobox */
      .combobox-container {
        position: relative;
        display: inline-block;
      }
  
      /* Estilo do <select> */
      .combobox {
        appearance: none; /* Remove o estilo padrão */
        -webkit-appearance: none; /* Para navegadores Webkit */
        -moz-appearance: none; /* Para navegadores Mozilla */
        border: 1px solid #ccc;
        border-radius: 15px;
        padding: 4px 18px 4px 10px;
        font-size: 14px;
        font-family: Arial, sans-serif;
        background-color: #fff;
        color: #000;
        cursor: pointer;
      }
  
      /* Ícone de seta personalizado */
      .combobox-container::after {
        content: "▼";
        font-size: 14px;
        position: absolute;
        top: 46%;
        right: 8px;
        transform: translateY(-50%);
        pointer-events: none; /* Ignora cliques */
        color: #ccc;
      }
  
      /* Container do Combobox */
      .combobox-containerg {
        position: relative;
        display: block;
        margin-bottom: 16px;
      }
  
      /* Estilo do <select> */
      .comboboxg {
        appearance: none; /* Remove o estilo padrão */
        -webkit-appearance: none; /* Para navegadores Webkit */
        -moz-appearance: none; /* Para navegadores Mozilla */
        border: 1px solid #ccc;
        width:100%; padding:12px 16px; font-size:16px; margin-top:8px; border-radius: 8px;
        /* width:620px; padding:20px; font-size:20px; margin-top:14px; border-radius: 8px;*/
        font-family: Arial, sans-serif;
        background-color: #fff;
        color: #000;
        cursor: pointer;
      }
  
      /* Ícone de seta personalizado */
      .combobox-containerg::after {
        content: "▼";
        font-size: 22px;
        /* font-size: 26px; */
        position: absolute;
        top: 55%;
        /* right: 20px; */
        right: 12px;
        transform: translateY(-50%);
        pointer-events: none; /* Ignora cliques */
        color: #ccc;
      }
  
      #divtitlelinkadd {
        border-bottom:1px solid #cccccc; height:auto; padding-bottom:8px; margin-bottom:8px; color:#25d366; vertical-align:top;
      }
      
  #divtitlelinkadd1 {width:50%; display:inline-block; font-size: 12px; vertical-align:top;}
  #divtitlelinkadd2 {width:14%; display:inline-block; font-size: 12px; vertical-align:top; text-align: center;}
  #divtitlelinkadd3 {width:14%; display:inline-block; font-size: 12px; vertical-align:top; text-align: center;}
  #divtitlelinkadd4 {width:14%; display:inline-block; font-size: 12px; vertical-align:top; text-align: center;}
  
  #divitemlinkadd {
    border-bottom:1px solid #cccccc; height:auto; padding-bottom:12px; margin-bottom:8px; vertical-align:top;
  }
  
  #divitemlinkadd1 {width:50%; display:inline-block; font-size: 16px; vertical-align:top; margin-top:12px;}
  #divitemlinkadd2 {width:14%; display:inline-block; font-size: 16px; vertical-align:top; margin-top:7px; text-align: center;}
  #divitemlinkadd3 {width:14%; display:inline-block; font-size: 16px; vertical-align:top; margin-top:8px; text-align: center;}
  #divitemlinkadd4 {width:14%; display:inline-block; font-size: 16px; vertical-align:top; margin-top:7px; text-align: center;}

  .inputlink{background-color:#ffffff; border:1px solid #cccccc; width:92%; padding:12px 4%; font-size:16px; margin-bottom:8px; border-radius: 8px;}
  .inputlinkcountry{background-color:#ffffff; border:1px solid #cccccc; width:54px; padding:12px 12px 12px 46px; font-size:16px; margin-bottom:8px; border-radius: 8px; background-size: 24px; background-position: 8px; background-repeat: no-repeat;}
  .inputlinkphone{background-color:#ffffff; border:1px solid #cccccc; width:92%; padding:12px 4%; font-size:16px; margin-bottom:8px; border-radius: 8px;}
  .inputmsglink{background-color:#ffffff; border:1px solid #ccc; width:92%; height: 80px; padding:12px 4%; font-size:16px; margin-bottom:8px; border-radius: 8px; font-family: Arial, Helvetica, sans-serif;}
  
  /* QR CODE e PESQUISA */
  #logocenter{width:200px; height:auto; position:relative; margin-left:-100px; left:50%; margin-bottom:40px; margin-top:60px;}
  #boxqrcode{width:90%; height:auto; padding: 60px 0 64px 0; position:relative; margin-left:-45%; left:50%; background-color:#ffffff; border-radius:20px; text-align:center; margin-bottom: 80px; vertical-align: top;}
  #qrcode {width: 300px; height: 300px; position:relative; margin-left:-150px; left:50%; margin-bottom:30px;}
  #qrcode img {width: 300px; height: 300px;}
  #boxpesquisa{width:90%; height:auto; padding: 60px 0 64px 0; position:relative; margin-left:-45%; left:50%; background-color:#ffffff; border-radius:20px; text-align:center; margin-bottom: 80px; vertical-align: top;}
  
  #suportebtn{display:none;}

  #relatorio {width: 100%; border:1px solid #cccccc; padding:30px 0 30px 0; margin-bottom:10px; border-radius: 12px; background-color:#ffffff;}
  #relat1 {width:70%; display:inline-block; text-align:left;}
  #relat2 {width:20%; display:inline-block; text-align:center;}
  #relatclique {width: 100%; color:#25d366; margin-bottom:12px;}
  #relatcli1 {width:70%; display:inline-block; text-align:left; font-size: 14px;}
  #relatcli2 {width:20%; display:inline-block; text-align:center; font-size: 14px;}
  #relatcliitem{width: 100%; border:1px solid #f5f5f5; padding:20px 0 20px 0; margin-bottom:10px; border-radius: 12px; background-color:#f5f5f5;}

  #smiles1{width:40px; height: auto; display:inline-block;margin:0 1%; font-size: 12px;}
  #smilem{width:50px; height: auto; position: relative; display:block; left:50%; margin-left:-25px; margin-top: 20px; font-size: 12px;}
  .smile{width:40px; margin-bottom:6px;}

  #p2media{width:110px; height: auto; display:inline-block; margin-left:10px; padding-top:18px; vertical-align:top; text-align:center; font-size: 12px;}

  #hrpesq{width:100%;}

  #logout{width: 100%; display:inline-block; margin-top: 34px; text-align: center;}

  .certo{width:80%; background-color:#25d366; height:auto; padding:30px 10%; text-align:center; position:fixed; bottom:0px; font-size:14px; color:#ffffff; z-index:999;}
  .errado{width:80%; background-color:#e80437; height:auto; padding:30px 10%; text-align:center; position:fixed; bottom:0px; font-size:14px; color:#ffffff; z-index:999;}

  #boxalert{width:calc(100%-40px); background-color:#f5f5f5; border:none; border-radius:8px; padding:20px; font-size: 16px; line-height:24px; color:#000;}
  #boxalert01{display:inline-block; width:52px; vertical-align:top;}
  #boxalert02{display:inline-block; width:calc(100%-52px); vertical-align:top;}

  .btnpic{background-image: url("../img/pic.png"); background-repeat:no-repeat; background-position:10px center; background-size:24px; padding-left:44px;}

}