.navbar{
    padding: 0.0rem 1rem;
}

#wrapper{
    padding:90px 15px;
    transition: .25s ease all;
}

 .navbar-expand-lg .navbar-nav.side-nav{
    flex-direction: column;
}
 .card{
     margin-bottom: 15px;
     border-radius:0;
     box-shadow: 0 3px 5px rgba(0,0,0,.1);
}
 .header-top{
    box-shadow: 0 3px 5px rgba(0,0,0,.1)
}
 .leftmenutrigger, .navbar-nav li a .shortmenu{
    display: none
}
 .card-title{
     font-size: 28px;
}

@media(max-width: 992px){
    .padding-top{
        padding-top: 0;
    }
}

 @media(min-width: 992px) {
     .leftmenutrigger{
        display: block;
        display: block;
        margin: 7px 20px 4px 0;
        cursor: pointer;
    }
     #wrapper{
        padding: 40px 15px 15px 50px;
    }
     #wrapper.open{
        padding: 40px 15px 15px 210px;
    }
     .navbar-nav.side-nav.open {
        left:0;
    }
     .side-nav li a {
        padding: 10px;
    }
     .navbar-nav li a .shortmenu {
        float: right;
        display: block;
        opacity: 1
    }
     .navbar-nav.side-nav.open.navbar-nav li a .shortmenu {
        opacity: 0
    }
     .navbar-nav.side-nav{
        background: #dc3545;
        box-shadow: 2px 1px 2px rgba(0,0,0,.1);
        position:fixed;
        top: 41px; 
        flex-direction: column!important;
        left:-160px;
        width:200px;
        bottom:0;
        padding-bottom:40px
    }

    .side-nav .dropdown {
        position:initial;
    }
     .side-nav .dropdown-menu {
        position: relative;
        opacity: 0;
        left:120%;
        top:0;
        border:0;
        padding:0;
        margin:0;
        border-radius:0;
        box-shadow:5px 0 5px rgba(0,0,0,.1);
        background: #ffffff;
        visibility: hidden;
        display:block;
        transition: .4s ease all;
    
    }
     .side-nav .dropdown-menu.show {
        left:100%;
        opacity:1;
        visibility: visible;
        display: block;
        transition: .4s ease all;
        z-index: 0;
    }


    /* Nav top */
    .navbar-nav.side-nav-top.open {
        left: 0;
    }
     .navbar-nav li a .shortmenu {
        float: right;
        display: block;
        opacity: 1
    }
     .navbar-nav.side-nav-top.open.navbar-nav li a .shortmenu {
        opacity: 0
    }
     .navbar-nav.side-nav-top{
        position: relative;
        right: -16px;
    }

    .side-nav-top .dropdown {
        position: initial;
    }
     .side-nav-top .dropdown-menu {
        position: relative;
        opacity: 0;
        left: 22%;
        top: 100%;
        border:0;
        padding:0;
        margin:0;
        border-radius:0;
        border-top: 1px solid #e9ecef; 
        border-bottom: 1px solid #e9ecef;
        background: #ffffff;
        visibility: hidden;
        display:block;
        transition: .4s ease all;
    
    }
     .side-nav-top .dropdown-menu.show {
        left:22%;
        opacity:1;
        visibility: visible;
        display: block;
        transition: .4s ease all;
        z-index: 0;
    }

    .side-nav-top li{
        transition:all .15s ease-in-out;
    }
    .side-nav-top .nav-link{
        color: #fff!important;
    }
    
    .side-nav-top .nav-link:hover{
        background: #dc3545;  
        color: #fff!important;
        transition: all .2s ease-in-out;
    }
    
     
}

 .animate{
    -webkit-transition:all .15s ease-in-out;
    -moz-transition:all .15s ease-in-out;
    -o-transition:all .15s ease-in-out;
    -ms-transition:all .15s ease-in-out;
    transition:all .15s ease-in-out
}
 .navbar-nav li a svg{
    font-size: 60px;
    float: left;
    margin: 0 10px 0 5px;
}
.side-nav li{
    transition:all .15s ease-in-out;
}
.side-nav .nav-link{
    color: #fff!important;
    /* border-bottom: 1px solid#c9303f; */
}

.side-nav .nav-link:hover{
    background: #fff;  
    color: #dc3545!important;
    transition: all .2s ease-in-out;
}

.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link {
    background: #fff;  
    color: #dc3545!important;
    margin: 0;
}

.dropdown-item.active, .dropdown-item:active{
    background: #dc3545!important;  
    color: #fff!important;
}


.disabled{
    cursor: default;
    pointer-events: none;
    background: #cacaca!important;
}

.notify{
    background: #dc3545!important;  
    color: #fff!important; 
}

.min-menu{
    min-width: 200px!important;
}