/*
  You can add custom CSS rules or import files here.
*/


/* Import the Radzen CSS files */
@import './styles-generated.css';

.header {
    min-height: 4.125rem;    
    color: #4f4f50;
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 4%);
    background-image: linear-gradient(to right,#c5d1dd,#6486a6);
}

ul.rz-profile-menu {
    list-style: none;
    margin-bottom: 0;
    padding: 0.625rem 1rem;
    display: inline-block;
    background-color: transparent;
    border-left: 1px solid #e9eaed;
    position: relative;
    z-index: 3;
    color: #ffffff;
}

    ul.rz-profile-menu .rz-navigation-item-icon-children {
        color: #ffffff;
    }



.rz-data-grid {
  z-index: 0;
}

.header-nav {
    min-height: 50px;
    background-color: #375d81;
    padding-left: 16px;
}

.rz-menu:not(.rz-profile-menu) {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  background-color: transparent;
}

.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link {
  color: #fff;
  white-space: nowrap;
}


    .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover {
        background-color: #1f3448;
    }


.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link {
  color: #fff;
}

.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link {
  padding: 15px 40px;
}

    .rz-menu:not(.rz-profile-menu) .rz-navigation-menu {
        list-style: none;
        overflow: hidden;
        position: absolute;
        padding: 0;
        margin: 0;
        min-width: 100%;
        box-shadow: 0 4px 12px 0 rgb(0 0 0 / 4%);
        z-index: 3;
        border-radius: 0;
        background-color: #1f3448;
    }

.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link {
  color: #fff;
}

        .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover {
            background-color: #182939;
        }

.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-link {
  color: #fff;
  white-space: nowrap;
}

    .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active .rz-navigation-item-link {
        background-color: #2b4864;
        color: #fff;
    }

@media (max-width: 768px) {

  .rz-menu:not(.rz-profile-menu) .rz-menu-toggle-item {
    display: none !important;
  }

  .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper-active:before {
    display: none !important;
  }

  .header-nav{
    display: none;
  }



}

@media (min-width:364px) and (max-width:768px)
{
  .sidebar-toggle {
    -webkit-appearance: none;
    border: none;
    padding: 0.8125rem;
    margin: 0 1rem 0 0;
    border-right: 1px solid #e9eaed;
    background-color: transparent;
    color: #fff;
  }
  
  .sidebar-toggle:hover {
    color: #fff;
    background: transparent;
    border-radius: 0;
  }
}

@media (min-width: 769px){
  .sidebar-toggle {
      -webkit-appearance: none;
      display: none!important;
  }
}


@media (max-width: 363px){
  .sidebar-toggle {
    -webkit-appearance: none;
    border: none;
    padding: 24px 7px;
    margin: 0px;
    border-right: 1px solid #e9eaed;
    background-color: transparent;
    color: #fff;
}
.sidebar-toggle:hover {
  color: #fff;
  background: transparent;
  border-radius: 0;
}
ul.rz-profile-menu {
  list-style: none;
  margin-bottom: 0;
  padding: 20px 10px;
  display: inline-block;
  background-color: transparent;
  border-left: 1px solid #e9eaed;
  position: relative;
  z-index: 3;
  color: #fff;
}
}