
#page-cadaux-pro.active
.breadcrumb-global-climatiko,

#page-cadaux-pro.active
.breadcrumb-padrao-global{

  display:none !important;

}


/* breadcrumb */

.cap-breadcrumb{

  display:flex;

  justify-content:flex-end;

  align-items:center;

  gap:7px;

  margin-bottom:14px;

  font-size:11px;

  color:#667085;

}


.cap-breadcrumb button{

  border:0;

  background:transparent;

  padding:0;

  color:#667085;

  cursor:pointer;

}


.cap-breadcrumb strong{

  color:#101828;

}


/* toolbar */

.cap-toolbar{

  display:flex;

  justify-content:space-between;

  align-items:center;

  gap:15px;

  margin-bottom:16px;

}


.cap-search{

  display:flex;

  width:min(
    520px,
    55%
  );

}


.cap-search input{

  flex:1;

  min-width:0;

  height:37px;

  box-sizing:border-box;

  padding:0 11px;

  border:
    1px solid
    #cbd5df;

  border-right:0;

  border-radius:
    4px 0 0 4px;

}


.cap-search-btn{

  width:43px !important;

  min-width:43px !important;

  padding:0 !important;

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

}


/* tabela */

.cap-table-card{

  overflow:hidden;

  border:
    1px solid
    #d5dde5;

  border-radius:6px;

  background:#fff;

}


.cap-table{

  width:100%;

  border-collapse:collapse;

  font-size:11px;

}


.cap-table th,
.cap-table td{

  padding:
    12px 10px;

  border-bottom:
    1px solid
    #d8dee6;

  text-align:left;

}


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

  background:#f4f4f4;

}


.cap-actions-head{

  width:105px;

  text-align:center !important;

}


.cap-actions{

  width:105px;

  text-align:center !important;

  white-space:nowrap;

}


.cap-actions button{

  width:29px;

  height:29px;

  padding:0;

  margin:0 2px;

  border:
    1px solid
    #d7dee6;

  border-radius:4px;

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

  cursor:pointer;

}


.cap-empty{

  padding:45px !important;

  text-align:center !important;

  color:#667085;

}


.cap-count{

  display:inline-block;

  margin-top:10px;

  padding:
    7px 10px;

  border:
    1px solid
    #d5dde5;

  background:#fff;

  font-size:10px;

}


/* formulário */

.cap-form-card{

  overflow:hidden;

  border:
    1px solid
    #d5dde5;

  border-radius:6px;

  background:#fff;

}


.cap-form-header{

  padding:
    14px 18px;

  border-bottom:
    1px solid
    #d5dde5;

  background:#fafafa;

}


.cap-form-header h3{

  margin:
    0 0 7px;

  font-size:16px;

  font-weight:400;

}


.cap-form-header small{

  color:#667085;

  font-size:9px;

}


.cap-form-body{

  padding:
    20px 18px;

}


.cap-field label{

  display:block;

  margin-bottom:6px;

  font-size:11px;

}


.cap-field label b{

  color:#e11d48;

}


.cap-field input,
.cap-field select{

  width:100%;

  height:37px;

  box-sizing:border-box;

  padding:
    0 10px;

  border:
    1px solid
    #cbd5df;

  border-radius:3px;

}


.cap-field small{

  display:block;

  margin-top:6px;

  color:#667085;

  font-size:9px;

}


.cap-field-half{

  width:
    min(
      775px,
      50%
    );

}


.cap-form-grid-3{

  display:grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    );

  gap:28px;

}


.cap-form-footer{

  display:flex;

  justify-content:space-between;

  margin-top:16px;

}


.cap-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;

}


/* empty state campos extras */

.cap-extra-empty{

  min-height:340px;

  display:flex;

  flex-direction:column;

  align-items:center;

  justify-content:center;

  padding:30px;

  box-sizing:border-box;

  border:
    1px solid
    #d5dde5;

  border-radius:6px;

  background:#fff;

  text-align:center;

}


.cap-extra-icon{

  width:92px;

  height:92px;

  display:flex;

  align-items:center;

  justify-content:center;

  margin-bottom:18px;

  border:
    1px solid
    #d7dee6;

  border-radius:50%;

  background:#f7f8fa;

  font-size:40px;

}


.cap-extra-empty h2{

  margin:
    0 0 12px;

  font-size:22px;

}


.cap-extra-empty p{

  max-width:600px;

  margin:
    0 0 20px;

  color:#667085;

  line-height:1.5;

}


.cap-extra-empty-actions{

  display:flex;

  gap:8px;

}


@media(max-width:1000px){

  .cap-form-grid-3{

    grid-template-columns:1fr;

  }


  .cap-field-half{

    width:100%;

  }

}

