body {
    line-height: 26px !important;
}

.svg-icon path{
    fill: #007bff;
}
.navbar-light .navbar-toggler {
    border: none;
}

.layout-top-nav .wrapper .main-header .brand-image{
    height: 70px;
    padding-top: 10px;
    margin-right: 1rem;
}

.navbar-light .navbar-toggler-icon{
   background-image:  url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.nav-child-indent{
    padding-left: 12px;
}

.navbar-light .navbar-nav .nav-link:hover{
    color: rgb(72 193 240);
}
.navbar-light .navbar-nav .nav-link:focus{
    color: rgb(72 193 240);
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
        color: rgb(72 193 240);
}
.navbar-light .navbar-nav .nav-link{
    color: #fff;
}

.navbar-white {
    background-color: #041b38 ;
}

body > div.wrapper > aside.main-sidebar.sidebar-dark-primary.elevation-4{
        background-color: #041b38 ;

}



.main-footer{
    height: 60px !important;
}

nav.bottom {
    background-color: #fff;
    position: fixed;
    bottom: -1px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    box-shadow: 0 -1px 2px 0 #b3b6bf;
    z-index: 101;
    min-height: 60px;
    min-height: calc(60px + (env(safe-area-inset-bottom))*1.1);
}

nav.bottom a {
    /* flex: 0 0 20%; */
    flex: 1 1 auto;
    width: 20%;
    height: 66px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px 0 12px;
    text-decoration: none;
    color: #576071;
}
nav.bottom a span{
    font-size: 10px;
    font-weight: 500;
    opacity: 0.7;
    font-family: "Roboto", sans-serif !important;
}

nav.bottom a i{
    font-size: 18px;
}

nav.bottom a.active, nav.bottom a:active, nav.bottom a:focus, nav.bottom a:hover {
    color: #007bff;
}

@media (min-width: 992px) {
	nav.bottom {
		display: none;
	}
}

@media (max-width: 992px) {
    .main-footer{
		background-color: #f4f6f9 !important;
        border: none !important;
    }
    .main-footer div, .main-footer span{
		display: none !important;
    }
}

@media (min-width: 500px){
    nav.bottom {
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        overflow: hidden;
        left: calc(50% - 180px);
        right: calc(50% - 180px);
    }
}

.bottom a .badge{
    position: relative;
    top: 3px;
    left: 25px;
}

.menu-hider.menu-active {
    transition: all 350ms ease;
    opacity: 1;
    pointer-events: all;
}

.menu-active {
    opacity: 1 !important;
}

.menu-hider {
    position: fixed;
    top: -100px;
    bottom: -100px;
    left: 0px;
    right: 0px;
    background-color: rgba(0, 0, 0, 0.35);
    z-index: 1035;
    pointer-events: none;
    opacity: 0;
    transition: all 350ms ease;
}

.menu {
    display: none;
    position: fixed;
    background-color: #FFF;
    z-index: 1036;
    overflow: scroll;
    transition: all 350ms ease;
    -webkit-overflow-scrolling: touch;
}

.menu-box-bottom {
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 300px;
    transform: translate3d(0, 110%, 0);
}

.menu-active {
    opacity: 1 !important;
}

.menu-box-bottom.menu-box-detached {
    bottom: 20px;
    left: 10px;
    right: 10px;
}

.menu-box-bottom.menu-active {
    transform: translate3d(0%, 0, 0) !important;
}

.menu-active.menu {
    opacity: 1 !important;
    transition: all 350ms ease;
    pointer-events: all !important;
}

.select2-selection--single .select2-selection__clear {
    margin-top: -4.5px !important;
}

.e-grid .e-small-icon::before {
    font-family: 'e-grid-rowheight';
    content: '\e707';
  }

  .e-grid .e-medium-icon::before {
    font-family: 'e-grid-rowheight';
    content: '\e701';
  }

  .e-grid .e-big-icon::before {
    font-family: 'e-grid-rowheight';
    content: '\e702';
  }

  .e-multiselect .e-input-group-icon {
    margin-right: 0px !important;
  }

  /* Custom Code for view */

  /* Fix multi-select design (should log bug with Syncfusion) */
  .e-multiselect {
    width: 98% !important;
  }

  /* Removing default styling for Client Design */
  .e-grouping-bar .e-left-axis-fields {
    display: none !important;
  }

  .e-grouping-bar .e-axis-column {
    display: none !important;
  }

  .e-remove {
    display: none !important;
  }

  .e-group-pivot-rows {
    display: none !important;
  }
  .brand-link .brand-image {
      margin-left: .4rem !important;
  }

.login-page, .register-page {
    background-color: #f4f6f9 !important;
    height: 79vh !important;
}

.card-primary.card-outline{
    border-top: 3px solid #2C857A;
}

a{
    color: #2C857A;
}

.btn-primary {
    background-color: #2C857A;
    border-color: #2C857A;
}
.page-item.active .page-link {
    background-color: #2C857A;
    border-color: #2C857A;
}

.page-link{
    color:  #2C857A;
}

.btn-info{
    background-color: #2C857A;
    border-color: #2C857A;
}

.card-info.card-outline {
    border-top: 3px solid #2C857A;
}

.btn-primary:hover {
    opacity: 0.8;
    background-color: #2C857A;
    border-color: #2C857A;
}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active{
  background-color: #48c1f0;
}
.btn-outline-info{
    color: #48c1f0;
    border-color: #48c1f0;
}
.btn-outline-info:hover {
    color: #fff;
    background-color: #48c1f0;
    border-color: #48c1f0;
}

td {
    white-space: normal !important;
}

.invalid-feedback {
    font-size: inherit;
}

#search-results.htmx-added {
    opacity: 0;
}

#search-results {
    opacity: 1;
    transition: opacity .5s, color .5s ease-out;
}

#flash-messages {
    -moz-animation: cssAnimation 0s ease-in 6s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 6s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 6s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 6s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    background-color: #f4f6f9;
}

@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}