.app-header{
    background: linear-gradient(270deg, #1d213e, #4b5389);
}

.app-sidebar{
    background: linear-gradient(-30deg, #1d213e, #4b5389);
}

.app-aside{
    background: linear-gradient(165deg, #1d213e, #4b5389);
}

.app-footer{
    background: linear-gradient(150deg, #1d213e, #4b5389);
}

.tab-pane:not(.active){
    display: none;
}

#kt_app_header::before{
    content: "";
    position: absolute;
    top: 0;
    left: -150px;
    width: 100%;
    height: calc(100% - 10px);
    background-image: url('../../assets/media/patterns/abstract-1.svg');
    background-size: 80% auto;
    background-repeat: no-repeat;
    opacity: 0.1;
    background-position: 0;
}

#kt_app_sidebar::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../../assets/media/patterns/abstract-1.svg');
    background-size: cover;
    opacity: 0.1;
}

@media screen and (max-width:1330px){
    #kt_app_header::before{
        background-size: 1050px auto;
    }
}

@media screen and (max-width:991px){
    #kt_app_header::before{
        background-size: 100% auto;
        height: 100%;
    }

    .app-footer {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.content-menu{
    width: 220px;
    min-width: 220px;
    padding: 20px;
}

.content-menu .menu-item > .menu-link{
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.content-menu .menu-link:hover{
    background: #f0f0f0;
}

.content-menu .menu-link.active{
    background: #577dff;
    color: #FFF;
}

.content-menu .menu-link.active .menu-icon i{
    color: #FFF;
}

.content-menu + *{
    width: calc(100% - 200px);
}

.menu-sub-accordion .menu-item.menu-accordion.hover.show > .menu-link .menu-bullet span{
    background-color: #dcdcdc !important;
}

.menu-sub-accordion .menu-item.menu-accordion.hover.show > .menu-link .menu-title{
    color: #dcdcdc !important;
}

.app-sidebar .menu > .menu-item .menu-item .menu-link.active {
    background: rgba(27,105,231,0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    color: white;

    padding: 5px 12px;
    border-radius: 12px;

    position: relative;
    overflow: hidden;
    cursor: pointer;

    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    transition: all 0.25s ease;
}

.app-sidebar .menu > .menu-item .menu-item .menu-link.active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 50%;
  width: 100%;

  background: linear-gradient(
    rgba(108,177,238,0.6),
    rgba(255,255,255,0)
  );

  border-radius: 12px 12px 0 0;
}