
#page-tipos-contatos-final.active
.breadcrumb-global-climatiko,

#page-tipos-contatos-final.active
.breadcrumb-padrao-global{

  display:none !important;

}


/* BREADCRUMB */

.tc-final-breadcrumb{

  display:flex;

  justify-content:flex-end;

  align-items:center;

  gap:7px;

  margin-bottom:14px;

  font-size:11px;

  color:#667085;

}


.tc-final-breadcrumb button{

  border:0;

  background:transparent;

  padding:0;

  color:#667085;

  cursor:pointer;

}


.tc-final-breadcrumb strong{

  color:#101828;

}


/* TOOLBAR */

.tc-final-toolbar{

  display:flex;

  justify-content:space-between;

  align-items:center;

  gap:15px;

  margin-bottom:20px;

}


.tc-final-search{

  display:flex;

  width:min(
    540px,
    55%
  );

}


.tc-final-search input{

  flex:1;

  height:37px;

  min-width:0;

  box-sizing:border-box;

  padding:0 11px;

  border:
    1px solid
    #cbd5df;

  border-right:0;

  border-radius:
    4px 0 0 4px;

}


.tc-final-search-button{

  width:43px !important;

  min-width:43px !important;

  padding:0 !important;

  border-radius:
    0 5px 5px 0 !important;

}


/* INFO */

.tc-final-info{

  display:flex;

  align-items:center;

  gap:14px;

  padding:
    14px 25px;

  margin-bottom:14px;

  border:
    1px solid
    #d8dee6;

  border-radius:5px;

  background:#fbfcfd;

}


.tc-final-info-icon{

  width:30px;

  height:30px;

  flex:0 0 30px;

  display:flex;

  align-items:center;

  justify-content:center;

  border-radius:50%;

  background:#102638;

  color:#fff;

}


.tc-final-info-text{

  flex:1;

  display:flex;

  flex-direction:column;

  gap:4px;

  font-size:11px;

}


.tc-final-info-close{

  border:0;

  background:transparent;

  font-size:20px;

  color:#8a8f98;

  cursor:pointer;

}


/* TABELA */

.tc-final-table-card{

  overflow:hidden;

  border:
    1px solid
    #d5dde5;

  border-radius:6px;

  background:#fff;

}


.tc-final-table{

  width:100%;

  border-collapse:collapse;

  font-size:11px;

}


.tc-final-table th,
.tc-final-table td{

  padding:
    12px 10px;

  border-bottom:
    1px solid
    #d8dee6;

  text-align:left;

}


.tc-final-table tbody tr:nth-child(even){

  background:#f4f4f4;

}


.tc-final-actions-head{

  width:95px;

  text-align:center !important;

}


.tc-final-actions{

  width:95px;

  text-align:center !important;

  white-space:nowrap;

}


.tc-final-actions button{

  width:29px;

  height:29px;

  padding:0;

  margin:0 2px;

  border:
    1px solid
    #d7dee6;

  border-radius:4px;

  background:
    linear-gradient(
      #ffffff,
      #f6f8fa
    );

  cursor:pointer;

}


.tc-final-empty{

  padding:45px !important;

  text-align:center !important;

  color:#667085;

}


.tc-final-count{

  display:inline-block;

  margin-top:10px;

  padding:
    7px 10px;

  border:
    1px solid
    #d5dde5;

  background:#fff;

  font-size:10px;

}


/* FORM */

.tc-final-form-card{

  overflow:hidden;

  border:
    1px solid
    #d5dde5;

  border-radius:6px;

  background:#fff;

}


.tc-final-form-header{

  padding:
    14px 18px;

  border-bottom:
    1px solid
    #d5dde5;

  background:#fafafa;

}


.tc-final-form-header h3{

  margin:
    0 0 7px;

  font-size:16px;

  font-weight:400;

}


.tc-final-form-header small{

  color:#667085;

  font-size:9px;

}


.tc-final-form-body{

  padding:
    20px 18px;

}


.tc-final-field{

  width:min(
    800px,
    50%
  );

}


.tc-final-field label{

  display:block;

  margin-bottom:6px;

  font-size:11px;

}


.tc-final-field label b{

  color:#e11d48;

}


.tc-final-field input{

  width:100%;

  height:36px;

  box-sizing:border-box;

  padding:0 10px;

  border:
    1px solid
    #cbd5df;

  border-radius:3px;

}


.tc-final-form-footer{

  display:flex;

  justify-content:space-between;

  margin-top:16px;

}


.tc-final-secondary{

  min-height:37px;

  padding:0 13px;

  border:
    1px solid
    #cbd5df;

  border-radius:5px;

  background:
    linear-gradient(
      #fff,
      #f7f9fb
    );

  color:#475467;

  font-weight:600;

  cursor:pointer;

}


/* RESPONSIVO */

@media(max-width:800px){

  .tc-final-search{

    width:60%;

  }


  .tc-final-field{

    width:100%;

  }

}

