:root{
  --primary:#ff2d00;
  --secondary:#c0ac93;
}

.navbar-toggler .icon-menu{
  font-size: 28px;
  line-height: 20px;
}

.navbar .navbar-brand-wrapper .navbar-brand,
.navbar .navbar-brand-wrapper .navbar-brand img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.navbar .navbar-menu-wrapper{
  padding-inline: 15px;
}

.sidebar-icon-only .icon-menu:before{
  content: "\e117";
}

.sidebar .nav .nav-item.active > .nav-link,
.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link,
.sidebar .nav:not(.sub-menu) > .nav-item:hover[aria-expanded="true"],
.sidebar .nav:not(.sub-menu) > .nav-item.active
{
  background: var(--primary);
}

.text-primary, .list-wrapper .completed .remove{
  color: var(--primary) !important;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown{border-radius: 10px;top: 60px;}
.navbar .navbar-brand-wrapper{display: flex;align-items: center;justify-content: center;}

.form-control {
  padding: .375rem .75rem !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #212529 !important;
  border: 1px solid #ced4da !important;
  outline: 0 !important;
  border-radius: 8px !important;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
}
.btn-primary, .wizard > .actions a{
  background-color: var(--primary);
  border-color: var(--primary);
  transition: 0.3s ease;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay,
.flatpickr-months .flatpickr-month,.flatpickr-current-month .flatpickr-monthDropdown-months,span.flatpickr-weekday{
  background: var(--primary) !important;
  border-color: var(--primary) !important;
}
.flatpickr-weekdays{
  background: var(--primary) !important;
}
span.flatpickr-weekday{
  color: #fff !important;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: var(--primary) !important;
}

.badge1 {font-size: 14px;color: #006064; background-color: transparent; border: 1px solid #006064;cursor: pointer;}
.badge2 {font-size: 14px;color: #1B5E20; background-color: transparent; border: 1px solid #1B5E20;cursor: pointer;}
.badge3 {font-size: 14px;color: #BF360C; background-color: transparent; border: 1px solid #BF360C;cursor: pointer;}
.badge4 {font-size: 14px;color: #4A148C; background-color: transparent; border: 1px solid #4A148C;cursor: pointer;}
.badge5 {font-size: 14px;color: #01579B; background-color: transparent; border: 1px solid #01579B;cursor: pointer;}
.badge6 {font-size: 14px;color: #880E4F; background-color: transparent; border: 1px solid #880E4F;cursor: pointer;}
.badge7 {font-size: 14px;color: #3E2723; background-color: transparent; border: 1px solid #3E2723;cursor: pointer;}
.badge8 {font-size: 14px;color: #827717; background-color: transparent; border: 1px solid #827717;cursor: pointer;}

.card-main-title{
  font-size: 28px;
  margin-bottom: 20px;
}

.card-main-title2{
  font-size: 26px;
  margin-bottom: 20px;
  text-align: center;
}

.custom-table{
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
.custom-table th, .custom-table td {
  padding: 12px;
  text-align: left;
  border: 1px solid #ddd;
}

#dateTablegridfor .custom-table td {
  text-align: center !important;
}
.custom-table th {
  background-color: var(--primary);
  color: white;
  font-weight: bold;
}
.custom-table tr:hover {
  background-color: #f1f1f1;
}
.row-gap20 {
  row-gap: 20px;
}

.natal-item-row{margin-bottom: 10px; gap: 20px; justify-content: center;}
.natal-item{padding: 15px; border: 2px solid #ff2d008a; border-radius: 8px; display: flex ; align-items: center; justify-content: center; min-width: 80px; height: 80px; font-size: 20px;}


.custom-shape-divider-bottom-mdiv::before{position: absolute;bottom: 0; ;left: 0;width: 100%; height: calc(40% - 0px);content: '';background: var(--primary);}

.custom-shape-divider-bottom {
  position: absolute;
  bottom: 40%;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}

.custom-shape-divider-bottom svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 220px;
}

.custom-shape-divider-bottom .shape-fill {
  fill: var(--primary);
}
.nav-user-name{line-height: 16px;text-transform: capitalize;}
.all-tab{gap: 10px;display: flex;align-items: center; flex-wrap: wrap;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown{position: relative !important;}

.custom-shape-divider-bottom-mdiv{
  padding-block:0 !important;
}
.custom-shape-divider-bottom-mdiv > .row{
  padding-block: 2.375rem !important;
}

.text-primary-color{color: var(--primary);}



@media (max-width: 991px) {
  .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown{left: 0 !important;}
}
@media (max-width: 767px) {
  
  .custom-shape-divider-bottom {
    bottom: 10%;
  }
  .custom-shape-divider-bottom-mdiv::before {
    height: calc(10% - 0px);
  }
  .custom-shape-divider-bottom svg {
    height: 60px;
  }
  .natal-item{
    min-width: 60px;
    height: 60px;
    font-size: 16px;
  }
  .card-main-title {
    font-size: 22px;
  }
  .custom-shape-divider-bottom-mdiv > .row{
    padding-block: 1.5rem !important;
  }
}