@import url('theme.css');

@font-face {
  font-family: 'ubuntu-bold';
  src: url('../assets/fonts/Ubuntu-Bold.ttf') format('truetype');
  font-weight: 800;
  font-style: bold;
}

@font-face {
  font-family: 'ubuntu-regular';
  src: url('../assets/fonts/Ubuntu-Regular.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'ubuntu-light';
  src: url('../assets/fonts/Ubuntu-Light.ttf') format('truetype');
  font-weight: 400;
  font-style: light;
}

@font-face {
  font-family: 'ubuntu-medium';
  src: url('../assets/fonts/Ubuntu-Medium.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

body {
  font-family: 'ubuntu-regular';
  /* background-color: var(--bs-body-bg-rgb); */
}

.upcommingEvent_listGroup>li{
 background-color: var(--bs-bg-card)!important;
}

.submenu_background{
  background-color: rgba(var(--bs-body-color-rgb), 0.03);
}

h1, 
h2, 
h3 {
  font-family: 'ubuntu-medium'!important;
}

h4,
h5 {
  font-family: 'ubuntu-medium'!important;
  font-size: 18px;
}


p, 
input, 
button {
  font-family: 'ubuntu-regular'!important;
}

.header{
  background-color: var(--bs-bg-card)!important
}
/* [data-bs-theme="dark"]  .header{
  background-color: var(--bs-bg-card)!important

} */

.main_container{
  margin-top: 64px;
  /* height: 56px; */
}

.upcommingEvent_header{
   background: linear-gradient(180deg, var(--bs-warning), var(--bs-danger));
}
[data-bs-theme="dark"] .linkDynamic{
 color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important
}

[data-bs-theme="light"] .linkDynamic{
 color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important
}

[data-bs-theme="dark"] .linkDynamic:focus,
[data-bs-theme="dark"] .linkDynamic:hover {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important
}

[data-bs-theme="light"] .linkDynamic:focus,
[data-bs-theme="light"] .linkDynamic:hover {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important
}


  /* Menu styles */
    .offcanvas .nav-link {
      color: var(--bs-body-color);
      border-radius: 6px;
      padding: 10px 12px;
    }

    [data-bs-theme="dark"] .offcanvas .nav-link:hover {
      background-color: var(--bs-bg-card);
    }

     [data-bs-theme="light"] .offcanvas .nav-link:hover {
      background-color: rgba(var(--bs-body-color-rgb), 0.03);
    }

    .offcanvas button.nav-link {
      background: none;
      border: none;
      text-align: left;
      width: 100%;
    }

    .submenu .nav-link {
      font-size: 0.85rem;
      padding-left: 32px;
    }

    /* Chevron rotation */
    .rotate {
      transition: transform 0.25s ease;
    }

    .collapsed .rotate {
      transform: rotate(-90deg);
    }

    /* Active item */
    .nav-link.active {
      background: linear-gradient(90deg, var(--bs-primary),var(--bs-warning), var(--bs-danger));;
    }
    
    [data-bs-theme="dark"] .nav-link.active>span,
    [data-bs-theme="dark"] .nav-link.active>span>.fa-solid,
    [data-bs-theme="dark"] .nav-link.active{
       color: var(--bs-body-color)!important;
    }
    [data-bs-theme="light"] .nav-link.active>span,
    [data-bs-theme="light"] .nav-link.active>span>.fa-solid,
    [data-bs-theme="light"] .nav-link.active>span>.fas,
    [data-bs-theme="light"] .nav-link.active{
       color: var(--bs-white)!important;
    }


    /* Finance Dashboard */
    .separator-title {
      position: relative;
      text-align: left;
    }

    .separator-title::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      height: 1px;
      background: var(--bs-white);
      z-index: 0;
    }

    .separator-title span {
      position: relative;
      /* background: var(--bs-success); */
      padding-right: 10px;
      z-index: 1;
    }
    .income span {
      background: var(--bs-success);
      z-index: 1;

    }
    .expense span {
      background: var(--bs-danger);

    }
    .rest_card_body_content{
      background-color: var(--bs-bg-card);
    }
    .income_success_bck{
       background: linear-gradient(185deg, var(--bs-success), var(--bs-success-text-emphasis));
    }

    .expense_danger_bck{
       background: linear-gradient(185deg, var(--bs-danger), var(--bs-danger-text-emphasis));
    }
    /* End */