.onlysignin{display: none;}

 /* ================================= ADMIN ================================= */
    
 .admin .whatsapp-floater {display: none;}
.admin-container{display: flex;flex-direction: column;margin-top: 100px; min-height: calc(100vh - 222px);}
.admin-container.fixed{margin-top: 172px;}

 /* ---------------- WHATSAPP SWITCH ---------------- */
 .swift2 { display:none}
 .admin .swift2 {  border-left: 1px solid var(--border-color); border-top: 1px solid var(--border-color); display: flex; flex-direction: row; padding:0 var(--spac2); gap: var(--spac1); align-self: start; min-height: 60.5px; align-items: center; background-color: var(--lightbg);}
 .admin .swift2 a { color: var(--text); display: flex; align-items: center; border-radius: var(--box-border-radius-small); transition: .2s; flex-direction: row;padding: var(--spac3) var(--spac3); height: 23px;}
 .admin .swift2 a p { max-width: 0; visibility: 0; overflow: hidden; font-size: 14px;font-weight: var(--font-regular); transition: max-width 0.2s ease-out;}
 .admin .swift2 a:hover p { max-width: 150px; visibility: 1;}
 .admin header .right .swift2 a {display: flex !important;}
 .admin .swift2 a img { width: 28px; height: 28px; border-radius: 50px }
 .admin .swift2 a i.whatsapp { background-color: var(--white); display: none; width: 17px; height: 17px; border-radius: 0; }
 .admin .swift2 a:hover { background: var(--darkgreenbg);gap: var(--spac2); }
 .admin .swift2 a.active { opacity: 1; font-weight: var(--font-semibold); background: var(--lightgreen); color: var(--white); gap: var(--spac1); }
 .admin .swift2 a.active:hover { gap: var(--spac2); }
 .admin .swift2 a.active p { color: var(--white); font-weight: var(--font-medium); }
 .admin .swift2 a.active img {  opacity: 1; }
 .admin .swift2 a.active i.whatsapp { display: block; }
 .admin .swift2 a i.random { background: var(--darkgreen);width: 24px;height: 24px;}
 


 /* ---------------- SUB MENU ADMIN ---------------- */
.admin .subheader { visibility: initial;  transition: top 0.5s ease-in-out; position: relative; width: -webkit-fill-available;z-index: 8; margin-bottom: var(--spac6);}
.admin .subheader.fixed { position:fixed; left: 0; top: 62px}
.admin .subheader.fixed { padding: 0 4%; border-radius: 0;}

.admin .subheader { align-items: center;background:var(--lightbg);border-bottom: 1px solid var(--border-color); border-radius: var(--box-border-radius-small); overflow: hidden;}
.admin .subheader nav { display: flex; height: 48px;}
.admin .subheader nav a { display: flex; height: -webkit-fill-available; font-size: 14px; align-items: center;border-bottom: 3px solid var(--gray100); color: var(--text); padding: 0 var(--spac6);}
.admin .subheader nav a:hover {background-color: var(--darkbg-light)}
.admin .subheader nav a.active { border-bottom: 3px solid var(--lightgreen); color: var(--darkgreen);font-weight: var(--font-semibold);}



 /* ---------------- HEADER PAGE ---------------- */
.admin .header-top {width: -webkit-fill-available;display: flex;flex-direction: column;align-items: baseline;margin: var(--spac8) 0;}
.admin .header-top.space-between {justify-content: space-between;flex-direction: row;}

.breadcamps {display: flex;align-items: center;font-size: 14px; gap: var(--spac4); padding: var(--spac3);  border-bottom: 1px solid var(--border-color); }
.breadcamps li {color:var(--text);display: flex; align-items: center;} 
.breadcamps li a {font-weight: var(--font-medium);color: var(--darkgreen);}
.breadcamps li i {background-color: var(--gray300); transform: rotate(-90deg); width: 11px;height: 11px;}
.breadcamps li i.back { transform: rotate(90deg); }
.breadcamps li a:hover {text-decoration: underline;}

section#funciona ul.breadcamps {flex-direction: row !important;}
.servico .breadcamps {margin-bottom: var(--spac8);}


 /* ---------------- TABLE ---------------- */
 #ancoratable { width: -webkit-fill-available; height: 1px; background: red; position: relative;  z-index: 999999;  }
 .admin form {width: -webkit-fill-available; display: flex;}
 .admin form img {width: -webkit-fill-available; }
 .admin form input,
 .admin form select,
 .admin form textarea {background: var(--lightbg); border: 1px solid var(--border-color); padding: 0 var(--spac3); width: -webkit-fill-available; border-radius: var(--box-border-radius-small); font-size: 14px; color: var(--darkgreen);min-height: 32px; min-height: 44px;}
.admin form textarea {min-height: 84px;padding-top: 13px;}
.admin form input::placeholder,
.admin form textarea {color: var(--darkgreen);}

.admin form input[type="file"]{padding: var(--spac4);box-sizing: border-box;background: var(--darkbg); width: 100%;}

.admin form input:focus, 
.admin form input:autofill, 
.admin form input:active, 
.admin form input.filled, 
.admin form textarea:focus, 
.admin form textarea:autofill, 
.admin form textarea:active, 
.admin form textarea.filled,
.admin form select:focus, 
.admin form select:autofill, 
.admin form select:active, 
.admin form select.filled {background-color: var(--darkgreenbg);}


 .admin .table {width: -webkit-fill-available;display: flex;flex-direction: column;background: var(--lightbg);border: 1px solid var(--border-color);overflow: hidden;border-radius: 10px;box-sizing: border-box; height: min-content;} 
 .admin .table .table-container {overflow-x: auto;} 
 .admin .table .table-top {display: flex;gap: var(--spac2);width: -webkit-fill-available;padding: var(--spac2);box-sizing: border-box;border-bottom: 1px solid var(--border-color); background-color: var(--white); } 
 .admin .table .table-top .btn {background-color: #00332a21; color: var(--darkgreen);} 
 .admin .table .table-top .btn:hover {background-color: #00332a1a; } 
 

 .admin table {width: -webkit-fill-available;font-size: 14px;position: relative;}
 .admin table th {position: sticky;top: 0; background: var(--lightbg);  z-index: +1; color: var(--text); }
 .admin table .actions { display: flex; gap: var(--spac2); }
 .admin table .actions a {width: 32px;height: 32px;display: flex;justify-content: center;align-items: center;border-radius: var(--box-border-radius-small);transition: .2s; }
 .admin table .actions a:hover {background: var(--darkgreenbg); }
 .admin table thead tr th, .admin table tbody tr td {padding:var(--spac2) var(--spac3);border-bottom: 1px solid var(--border-color);}
 .admin table thead tr th, .admin table tbody tr td label {max-width: 180px; overflow: hidden;}
 .admin table thead tr th a, .admin table tbody tr td a {color: var(--darkgreen); text-decoration: underline;}
 .admin table thead tr th a:hover, .admin table tbody tr td a:hover {color: var(--darkgreen-hover);}


 .admin table tbody tr td {background: var(--darkbg-light);font-weight: var(--font-regular);vertical-align: middle; color: var(--darkgreen);border-bottom: 1px solid var(--gray100);}
 .admin table tbody tr:last-child td {border-bottom: 0;}
 tr.new-prospeccao td {background: #fffbf3 !important }
 .admin table tbody tr td.no-results {padding: var(--spac10); text-align: center; color: var(--text); font-size: 16px;}

 .admin .table .table-bottom {display: flex;justify-content: space-between;align-items: center;width: -webkit-fill-available;    
  padding: var(--spac4) var(--spac8);
  border-top: 1px solid var(--border-color);
  font-size: 12px;
  color: var(--darkgreen);} 
 .admin .table .table-bottom p {font-size: 14px;font-weight: var(--font-regular);} 
 .admin .table .table-bottom nav a {font-size: 14px;font-weight: var(--font-medium);} 
 .admin .table .table-bottom nav{display: flex;gap: var(--spac2);}
 .admin .table .table-bottom a {color: var(--darkgreen);    font-size: 16px;font-weight: var(--font-medium);border-radius: var(--spac1);width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;transition: .2s;} 
 .admin .table .table-bottom a:hover {background: var(--darkgreenbg)}
 .admin .table .table-bottom a:last-child {padding: 0;}
 .admin .table .table-bottom a.inactive {color: var(--gray300);cursor: default;background: none;}



 /* ---------------- ADMIN INTERNAS ---------------- */
 .admin .cliente-interna {display: grid;grid-template-columns: 2.5fr 1fr;grid-gap: var(--spac5); } 
 .admin .cliente-interna .left {}
 .admin .cliente-interna .right { display: flex; flex-direction: column; gap: var(--spac5);}
 .admin .cliente-interna .container {background: var(--white); border: 1px solid var(--border-color); border-radius: 0;height: auto;margin: 0 0 -1px; overflow: hidden;}
 .admin .cliente-interna .container.done {background: var(--lightbg);}

 .admin .cliente-interna .container:first-child {border-radius: var(--box-border-radius-small) var(--box-border-radius-small) 0 0;}
 .admin .cliente-interna .container:last-child {border-radius: 0 0 var(--box-border-radius-small) var(--box-border-radius-small);}

 .admin .cliente-interna .infos {background: var(--lightbg);border: 1px solid var(--border-color); border-radius: var(--box-border-radius-small);overflow: hidden;}
 .admin .cliente-interna .history {background: var(--lightbg);border: 1px solid var(--border-color);border-radius: var(--box-border-radius-small);overflow: hidden;}
 .admin .cliente-interna .anotacoes {background: var(--lightbg);border: 1px solid var(--border-color);border-radius: var(--box-border-radius-small);overflow: hidden;}






 .admin .cliente-interna .content-bottom {width: -webkit-fill-available;padding: var(--spac4) var(--spac8); display: flex;flex-direction: column;gap: var(--spac4); background: var(--white); border: 1px solid var(--border-color); border-radius: var(--box-border-radius-small);margin-top: var(--spac6);  }
 .admin .cliente-interna .content-bottom div { align-items: center;    flex-wrap: wrap; gap: var(--spac2); }
 .admin .cliente-interna .content-bottom h5 {  margin: 0 !important; }


 .admin .cliente-interna .container.aguardando .content-bottom {width: fit-content;padding: var(--spac4) var(--spac4);margin-top: 0; background: transparent; border: 1px solid var(--darkgreen);}
 .admin .cliente-interna .container.aguardando .content-bottom.blog {width:220px; padding: 0; background-color: var(--white);border-color: var(--border-color);}
 .admin .cliente-interna .container.aguardando .content-bottom.blog h4 {padding: var(--spac5);padding-top: 0;}
 .admin .cliente-interna .container.aguardando .content-bottom img {border-radius: var(--box-border-radius-small); }
 .admin .cliente-interna .container.aguardando .content-bottom h4,
 .admin .cliente-interna .container.aguardando .content-bottom p {color: var(--darkgreen);}

 .admin .cliente-interna ul.content {width: -webkit-fill-available;padding: var(--spac6); display: flex;flex-direction: column;gap: var(--spac3);  }
 .admin .cliente-interna ul.content .content-in {width: -webkit-fill-available; display: flex; flex-direction: column; gap: var(--spac4); }
 .admin .cliente-interna ul.content li {}
 .admin .cliente-interna ul.content li label {}
 .admin .cliente-interna ul.content li label.special {background: #0a224a1f;border: 1px solid #0a224a1a;padding: 10px 0 0 2em ;border-radius: 9px;}
 .admin .cliente-interna ul.content h5 { font-size: 14px; font-weight:var(--font-medium);color: var(--text); margin: 0 0 var(--spac1);
  }
.admin .cliente-interna .left ul.content li p {}
.admin .cliente-interna .left ul.content li p.excepmin {font-size: 9px;line-height: 15px;margin: 9px 0;border-radius: 6px;padding: 11px 16px;background: #f4f5f7;color: #000;}

.admin .cliente-interna ul.content li p.excep {color: var(--preto);font-weight: 500;}


 .admin .cliente-interna .top {padding: var(--spac6) var(--spac6) 0; display: flex;align-items: center;border-radius: 10px 10px 0 0;justify-content: space-between; }
 .admin .cliente-interna .top label {font-weight: 500;}
 .admin .cliente-interna .top h4 {min-height: 25px;}
 .admin .cliente-interna .top h4 label{font-size: 0.75em;margin-left: 10px;}
 .admin .cliente-interna .top h4 .svg{margin-left: 7px;background: white;}
 .admin .cliente-interna .top label {display: none;}




  .admin .cliente-interna .done ul.content {display: none; }
  .admin .cliente-interna .done .top { padding: var(--spac6) var(--spac6);}
  .admin .cliente-interna .top i.arrow-down { transform: rotate(180deg);display: flex; background-color: var(--gray300);}
  .admin .cliente-interna .done .top i.arrow-down { transform: rotate(0deg);}
  .admin .cliente-interna .done .top {border-radius: 10px;border-bottom: 0;cursor: pointer;}
  .admin .cliente-interna .done .top:hover {background-color: var(--white);}
  .admin .cliente-interna .done .top label {display: flex;}
 
  .admin .cliente-interna .top i.register.final { width: 28px;height: 28px;     margin: 2px 5px -6px 0; background-color: var(--lightgreen);}

  label.verde.register{
    background-color: initial;
    width: fit-content;
    height: initial;
    display: initial;
    -webkit-mask: initial;
    mask: initial;
    display: flex;
    gap: 4px;
  }

  .admin .cliente-interna .container.aguardando {background: var(--lightgreenbg);border-color:var(--lightgreen)}
  .admin .cliente-interna .aguardando .top {}
  .admin .cliente-interna .aguardando .top label {display: flex;}
  .admin .cliente-interna .aguardando ul.content {}
  .admin .cliente-interna .aguardando .top h3 {color: var(--lightgreen);}
  .admin .cliente-interna .aguardando ul.content p {color: var(--darkgreen);}

  .admin .cliente-interna .container.aguardando.negativo {background: var(--redbg);border-color:var(--red)}
  .admin .cliente-interna .aguardando.negativo .top h3 {color: var(--red);}


 .admin .cliente-interna ul.content .baixar { background: var(--white); border: 1px solid var(--border-color); padding: var(--spac2) var(--spac4) var(--spac2) var(--spac2);border-radius: var(--box-border-radius-small); display: flex;box-sizing: border-box;align-items: center;gap: var(--spac2); width: -webkit-fill-available; justify-content: space-between;}
 
 .admin .cliente-interna ul.content .baixar i { width: 32px;height: 32px; background-color: var(--lightgreen);}
 .admin .cliente-interna ul.content .baixar p { display: flex;flex-direction: column;font-weight: 500;word-break: break-all;line-height: calc(var(--base-font-size) * 1.18); font-size: 14px;}
 .admin .cliente-interna ul.content .baixar p small { font-size: 12px;}
 .admin .cliente-interna ul.content .baixar a {}



 .admin .cliente-interna .infos ul.content {}
 .admin .cliente-interna .infos ul.content li {align-items: center;display: grid;grid-template-columns: 1fr 1fr;}
 .admin .cliente-interna .infos ul.content li p {font-size: 14px;font-weight: var(--font-medium); line-height: 1.4;display: flex; align-items: center; height: 33px;}
 .admin .cliente-interna .infos ul.content li:last-child {margin: 0;}

 .admin .cliente-interna .timeline {padding: var(--spac8) var(--spac8); padding-bottom: 0;}
 .admin .cliente-interna .timeline ul {display: flex;justify-content: space-between;width: -webkit-fill-available;box-sizing: border-box;color: var(--cinza);text-align: right; gap: var(--spac6);}
 .admin .cliente-interna .timeline ul li:first-child {width: 160px;}
 .admin .cliente-interna .timeline ul li:first-child p {font-size: 13px; line-height: 1.4;}

 .admin .cliente-interna .timeline ul li:last-child {font-weight: var(--font-medium);color: var(--darkgreen);text-align: left;width: -webkit-fill-available; padding-bottom: var(--spac4);}
 .admin .cliente-interna .timeline ul li:last-child p {font-size: 15px; font-weight: var(--font-medium); }
 .admin .cliente-interna .timeline ul li.lines {display: flex;align-items: center;justify-content: center;top: 9px;position: relative;}
 .admin .cliente-interna .timeline ul li span.line {background: var(--border-color);width: 1px;height: -webkit-fill-available;}
 .admin .cliente-interna .timeline ul li span.ball {background: var(--lightgreen);width: 8px;height: 8px;position: absolute;top: 0;border-radius: 50px;}
 .admin .cliente-interna .timeline ul li label {margin: var(--spac2) 0;}
 .admin .cliente-interna .timeline ul li a {color: var(--vermelho);font-size: 0.9em;margin: 0 0 0 0.5em;font-weight: 500;}
 .admin .cliente-interna .timeline ul li a:hover {text-decoration: underline;}
 
 .admin .cliente-interna ul.content li label .lembrar-senha p {font-size: 0.6em;font-weight: 600;color: var(--preto);}
 
 .admin .cliente-interna ul.content li label .lembrar-senha label {margin: 1em 0;}


 .admin .cliente-interna .actions {display: flex;justify-content:space-between; padding-top: var(--spac8); }



 .admin .cliente-interna .anotaBox {padding: var(--spac6); display: flex; gap: var(--spac3);flex-direction: column;}
 .admin .cliente-interna .anotaBox ul {    width: -webkit-fill-available; display: flex; flex-direction: row;background: var(--white); border: 1px solid var(--border-color); border-radius: var(--spac2);padding: var(--spac2); justify-content: space-between;}
 .admin .cliente-interna .anotaBox ul span { display: flex;}
 .admin .cliente-interna .anotaBox ul li {}
 .admin .cliente-interna .anotaBox ul li label{width: fit-content;padding: var(--spac2);}
 .admin .cliente-interna .anotaBox ul li a {  width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; border-radius: var(--box-border-radius-small); transition: .2s; 
}
.admin .cliente-interna .anotaBox ul li a:hover {background: var(--darkgreenbg); }

 
 #select-parcelas{   -webkit-appearance: none;-moz-appearance: none;appearance: none; height: 55px;background-color: white;background: url(../img/ico-seta.png) no-repeat;background-position: 95% center;border: 1px solid var(--bgleve);border-radius: 7px;line-height: 1.5em;display: inline-block;font: inherit;padding: 0.5em 3.5em 0.5em 1em;margin: 0 0 1em 0;font-size: 1.4em;font-weight: bold;}
  
  
  
/*  CHECKBOX and RADIO   */
 .checkbox { display: flex; position: relative; padding-left: 26px; cursor: pointer; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: var(--text); align-items: center; }
 .checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
 .checkmark { position: absolute; top: 3px; left: 0; height: 15px; width: 15px; border: 2px solid var(--text);  border-radius: 3px; transition: .3s; }
 .checkbox:hover input ~ .checkmark { background-color: var(--darkgreenbg); }
 .checkbox input:checked ~ .checkmark { background-color: var(--darkgreen); border: 2px solid var(--darkgreen); }
 .checkmark:after { content: ""; position: absolute; display: none; }
 .checkbox input:checked ~ .checkmark:after { display: block; }
 .checkbox .checkmark:after { left: 4px; top: 0px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
 .radio .checkmark { border-radius: 50px; }
 .radio .checkmark:after { left: 2px; top: 2px; width: 11px; height: 11px; border-radius: 50px; background-color: var(--darkgreen); border-width: 0 0 0 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
 .radio input:checked ~ .checkmark { background-color: #FFF; }
   
 




 /* ---------------- LABELS ADMIN ---------------- */
label.label {width: fit-content;padding: var(--spac2) var(--spac4); background: var(--bluedarkbg); color: var(--bluedark); display: flex;align-items: center;justify-content: center;border-radius: var(--box-border-radius-small); font-size: 14px;font-weight: var(--font-medium); gap: var(--spac2);}  
label.label i {background: var(--bluedark);}  

label.label.Personalizado {background: linear-gradient(45deg, #fbb0b0a1, #ffd1d16b);color: #a96262;}  
label.label.Ouro {background: linear-gradient(45deg, #f1c340a1, #fff18f6b);color: #0000009c;}  
label.label.Prata {background: linear-gradient(45deg, #d5d5d5, #fbfbfb);color: #0000009c;}  
label.label.Bronze {background: var(--bronzebg);color:var(--bronze);}  

label.label.amarelo {background: #ffff9e;color: #c2bd60;}  
label.label.branco {background: #FFF;color: var(--darkgreen);}  
label.label.lightgreen {background: var(--lightgreenbg);color: var(--lightgreen);}  
label.label.lightgreen i {background: var(--lightgreen);}  
label.label.verde {background: var(--lightgreenbg);color: var(--lightgreen);}  
label.label.verde i {background: var(--lightgreen);}  
label.label.verde.register {background: var(--lightgreen);color: var(--white);}  
label.label.verde.register i {background: var(--white);}  
label.label.azul {background:transparent; border: 1px solid var(--darkgreen); color: var(--darkgreen);}  
label.label.azul i {background: var(--darkgreen);}  
label.label.azul-suave {color: var(--azul);}  
label.label.azul-suave .svg{background: var(--azul);}

label.label.vermelho {background: var(--redbg);color: var(--red);}  
label.label.vermelho i {background: var(--red);}  
label.label.verde.register.final {background: var(--lightgreen);color: #FFF;} 

label.label.progress {width: 150px;padding: 0;justify-content: start;}
label.label.progress span {height: 10px;background: var(--lightgreen);border-radius: 4px;}







.image-file img {border-radius: var(--box-border-radius-small);border: 1px solid var(--border-color);}





@media (max-width: 1150px) {
  .admin .cliente-interna {grid-template-columns: 1fr;grid-gap: var(--spac6);}
  .admin .cliente-interna .right {gap:  var(--spac5);}


}
@media (max-width: 850px) {
  
  .admin .table .table-top {flex-direction: column;} 
  .admin .cliente-interna ul.content {padding: var(--spac6);}
  .admin .cliente-interna .actions {}
   

  .admin .clienteExcep table thead {display: none;} 
  .admin .clienteExcep table tbody tr td {float: left; width: 100%;position: relative;display: flex;justify-content: space-between;box-sizing: border-box;align-items: center; background: transparent;border: 0;gap: var(--spac2);flex-wrap: wrap;border-top: 1px solid var(--border-color);padding: var(--spac3) 0;}
  .admin .clienteExcep table tbody tr td:first-child {border: 0;}
  .admin .clienteExcep table tbody tr td::before { content: attr(data-content);color: var(--darkgreen); font-weight: var(--font-semibold); width: 100%; }
  .admin .clienteExcep table tbody tr {float: left;  width: 100%; padding:var(--spac4); box-sizing: border-box; border-bottom: 11px solid #f4f5f7;}
  .admin .clienteExcep table tbody tr:last-child {border-bottom: 0;}
  .admin .clienteExcep .table-bottom {display: none;}
  .admin .clienteExcep table tbody tr td.excep { border: 0;}

  
  .admin .subheader {display: none;}

  .admin h4 {
    line-height: 1.3;
  }

  .admin .cliente-interna .done .top .flex-row {
    gap: var(--spac4) !important;
  }
  .admin .cliente-interna .done .top label{
    text-indent: -1000010px;
    gap: 0;
    padding: 8px;
  }
  .admin .cliente-interna .timeline ul li:first-child{
    width: 110px;
  }
  .admin .cliente-interna .done .top {
    padding: var(--spac3) var(--spac6);
}
.admin .cliente-interna .top h4 {
  min-height: auto;
}