body {
    font-size: 0.8rem;
    background-color: #f2f6fa;
}
.table {
    font-size:0.8rem;
}
.fs-7 {
    font-size: 0.8rem !important;
}
.fs-6 {
    font-size:0.933rem !important;
}
.fs-5 {
    font-size:1.1rem !important;
}

.m-theme .sidebar a , .m-theme label, .text-my {color:#5b768b;}
.m-theme .sidebar a:not(.btn) {color: #3d5c74;}

.h4 {font-size:1.1rem;}
h5 {font-size: 1.05rem;}
h6 {font-size: 0.85rem;}


.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 260px;
  z-index: 1031;
}

main {
  margin-left:20px;
  margin-top:20px;
  margin-right:20px;
}  

.text-transparent {
    color:transparent!important;
}

.badge-custom {
    background-color: var(--badge-color);
    color: #fff;
}


.custom-datepicker{
  background:#fff;
  border:1px solid #e5e5e5;
  border-radius:10px;
  padding:0px;
  box-shadow:0 10px 30px rgba(0,0,0,.12);
  min-width:280px;
}

.dp-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
  border-top-right-radius:10px;
  border-top-left-radius:10px;
}

.dp-header button{
  border:0;
  background:transparent;
  font-size:18px;
  cursor:pointer;
  padding:6px 10px;
}

.dp-weekdays, .dp-days{
  display:grid;
  grid-template-columns: repeat(7, 1fr);
  gap:6px;
  margin-left:10px;
  margin-right:10px;
}

.dp-days {
  margin-bottom:10px;
}

.dp-weekdays div{
  text-align:center;
  font-size:12px;
  opacity:.7;
  padding:4px 0;
}

.dp-day{
  text-align:center;
  padding:8px 0;
  border-radius:999px;
  cursor:pointer;
  user-select:none;
}

.dp-day:hover{ background:rgba(0,0,0,.06); }

.dp-today{
  outline:2px solid rgba(0,0,0,.25);
}

.dp-selected{
  background:#3f6fd1;
  color:#fff;
}

.dp-disabled{
  opacity:.35;
  cursor:not-allowed;
}

.brand {font-size:1.2rem;}