.fi-simple-main {
    border-radius: 9px !important;
    background-color: rgba(255, 255, 255, 0.4) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255,255,255,0.6);
    box-shadow: 
      1px 0 0 0 var(--gray-200),
      3px 0 10px 5px rgba(0, 0, 0, 0.02);
}

@media only screen and (max-width: 560px) {
  .fi-simple-main {
      max-width: 100% !important;
      border-radius: 0 !important;
  }
}

.fi-simple-header-heading {
  color: var(--primary-800);
  font-weight: 500;
  font-size: 28px !important;
}


body {
    background: url("../img/main-bg.png?v=100") no-repeat center center fixed;
    background-size: cover;
}

.fi-topbar {
    background-color: rgba(255, 255, 255, 1) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-bottom: 3px solid var(--primary-600) !important;
    box-shadow: none !important;
    padding-right: 32px !important;
}

.fi-topbar-start .fi-logo {
  
}

.fi-sidebar-nav {
    background-color: rgba(255, 255, 255, 0.4) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-right: 1px solid rgba(255,255,255,0.3);
    padding-right: 18px !important;
    box-shadow: 
      1px 0 0 0 var(--gray-200),
      3px 0 10px 5px rgba(0, 0, 0, 0.02);
}

@media only screen and (max-width: 1024px) {
  .fi-sidebar-nav {
      box-shadow: none !important;
      border-right: none !important;
  }
}

.fi-sidebar-header-ctn {
  border-bottom: 3px solid var(--primary-600) !important;
  margin-top: -3px !important;
}

.fi-sidebar-group {
  border-top : 1px dashed var(--gray-500) !important;
  padding-top: 22px !important;
}

.fi-sidebar-item a {
  border-left: 4px solid transparent !important;
  margin-left: 8px !important;
  margin-right: 5px !important;
}

.fi-sidebar-item.fi-active a,
.fi-sidebar-item a:hover  {
  border: 0;
  font-size: 16px;
  transition: all 150ms ease-in-out;
  border-radius: 5px;
  background-color: #FFFFFF;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, #F9FAFB 100%);
  box-shadow: rgba(229, 231, 235, 0.9) 0 0 0 1px inset, rgba(209, 213, 219, 0.95) 0 -1px 2px 0 inset, rgba(17, 24, 39, 0.04) 0 1px 1px 0;
  border-left: 4px solid var(--primary-600) !important;
  overflow: hidden;
}

.fi-sidebar-item a:hover {
  border-left: 4px solid var(--gray-500) !important;
}

.fi-sidebar-item.fi-active a::after,
.fi-sidebar-item a:hover::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -4px;
  transform: translateX(-50%);
  width: 90%;
  height: 10px;
  border-radius: 50%;
  background: var(--primary-400);
  opacity: 0.2;
  filter: blur(8px);
  pointer-events: none;
}

.fi-sidebar-item a:hover::after {
  background: var(--gray-400) !important;
}

h1.fi-header-heading {
  color: var(--primary-800);
  letter-spacing: 3px !important;
  font-weight: 500;
  font-size: 28px !important;
  text-transform: uppercase !important;
}

.fi-ta-ctn,
.fi-input-wrp,
.fi-btn,
.fi-section:not(.fi-section-not-contained):not(.fi-aside) {
  border-radius: 8px !important;
}

.fi-input-wrp {
  box-shadow: 0 0 0 1px var(--gray-300);
}

.fi-ta-ctn {
  border : 1px solid var(--gray-200);
  box-shadow: 3px 0 10px 5px rgba(0, 0, 0, 0.02);
}

.fi-ta-header-cell, .fi-ta-actions-header-cell, th.fi-ta-cell {
    background-image: repeating-linear-gradient(-35deg, var(--gray-100), var(--gray-100) 2px, #ffffff 2px, #ffffff 6px) !important;
    background-size: 100% 100%;
}
.fi-ta-table tbody tr:hover {
  background-color: rgba(254, 254, 202, 0.4) !important;
}

hr {
  border-top: 1px solid var(--gray-300) !important;
}