
/* ============================================================
   MENU CADASTROS
============================================================ */

.cadaux-menu{
  width:100%;
}


.cadaux-toggle{
  display:flex !important;

  align-items:center !important;

  width:100% !important;
}


.cadaux-icon{
  margin-right:8px;
}


.cadaux-arrow{
  margin-left:auto;
}


.cadaux-filhos.fechado{
  display:none !important;
}


.cadaux-filhos{
  margin:0 !important;

  padding:0 !important;

  border:0 !important;
}


.cadaux-filhos .nav-item{
  padding-left:54px !important;

  border:0 !important;

  color:#fff !important;
}


/* ============================================================
   BREADCRUMB
============================================================ */

#page-cadastros-aux.active
.breadcrumb-global-climatiko,
#page-cadastros-aux.active
.breadcrumb-padrao-global{
  display:none !important;
}


.cadaux-breadcrumb{
  display:flex;

  justify-content:flex-end;

  align-items:center;

  gap:8px;

  margin-bottom:14px;

  font-size:11px;

  color:#697586;
}


.cadaux-breadcrumb button{
  padding:0;

  border:0;

  background:transparent;

  color:#697586;

  font:inherit;

  cursor:pointer;
}


.cadaux-breadcrumb button:hover{
  text-decoration:underline;

  color:#102235;
}


.cadaux-breadcrumb strong{
  color:#344054;
}


/* ============================================================
   TOOLBAR
============================================================ */

.cadaux-toolbar{
  display:flex;

  justify-content:space-between;

  align-items:center;

  margin-bottom:13px;
}


.cadaux-search{
  display:flex;

  gap:6px;
}


.cadaux-search input{
  width:300px;

  height:37px;

  padding:0 10px;

  border:1px solid #ccd5df;

  border-radius:4px;
}


.cadaux-search button,
.cadaux-primary,
.cadaux-light{
  min-height:37px;

  padding:0 12px;

  border-radius:4px;

  font-family:inherit;

  font-weight:600;

  cursor:pointer;
}


.cadaux-primary{
  border:1px solid #071b2c;

  background:#071b2c;

  color:#fff;
}


.cadaux-light,
.cadaux-search button{
  border:1px solid #ccd5df;

  background:#fff;

  color:#475467;
}


/* ============================================================
   TABLE
============================================================ */

.cadaux-card{
  overflow:hidden;

  border:1px solid #d5dde5;

  border-radius:6px;

  background:#fff;
}


.cadaux-table{
  width:100%;

  border-collapse:collapse;

  font-size:11px;
}


.cadaux-table th{
  padding:12px;

  border-right:1px solid #d5dde5;

  border-bottom:1px solid #d5dde5;

  background:#fafafa;

  text-align:left;
}


.cadaux-table td{
  padding:12px;

  border-right:1px solid #d5dde5;

  border-bottom:1px solid #d5dde5;
}


.cadaux-table .acoes{
  width:100px;

  text-align:center;
}


.cadaux-table .acoes button{
  width:30px;

  height:30px;

  margin:0 2px;

  border:1px solid #d5dde5;

  border-radius:4px;

  background:#fff;

  cursor:pointer;
}


.cadaux-table .acoes .delete{
  color:#d92d20;
}


.cadaux-empty{
  padding:45px !important;

  text-align:center;

  color:#667085;
}


/* ============================================================
   EDITOR
============================================================ */

.cadaux-editor{
  margin-top:14px;

  border:1px solid #d5dde5;

  border-radius:6px;

  background:#fff;
}


.cadaux-editor-head{
  display:flex;

  justify-content:space-between;

  align-items:center;

  padding:14px 17px;

  border-bottom:1px solid #d5dde5;
}


.cadaux-editor-head button{
  border:0;

  background:transparent;

  font-size:20px;

  cursor:pointer;
}


.cadaux-form{
  display:grid;

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

  gap:14px 22px;

  padding:17px;
}


.cadaux-field label{
  display:block;

  margin-bottom:6px;

  font-size:11px;

  color:#475467;
}


.cadaux-field label b{
  color:#e5484d;
}


.cadaux-field input,
.cadaux-field select{
  width:100%;

  min-height:38px;

  padding:7px 10px;

  border:1px solid #cbd5df;

  border-radius:3px;

  box-sizing:border-box;
}


.cadaux-editor-footer{
  display:flex;

  justify-content:flex-end;

  gap:7px;

  padding:13px 17px;

  border-top:1px solid #d5dde5;
}


.hidden{
  display:none !important;
}

