.content-panel .panel-heading {
        background-color: #ffc5e6;
    }
    .content-panel .panel-heading h4 {
        font-weight: bold;
    }
    .content-panel .panel-body {
        background-color: #f9e9f2;
        border-bottom: 1px solid #f1f1f1;
    }
    /* .content-panel .panel-body:hover {
        background-color: #fff;
    } */
    @media (max-width:1023px) {
        .device-none {
            display: none;
        }
        .content-panel .panel-heading {
            height: 72px;
        }
        body #page-wrapper {
            margin: 0 0 0 0;
            padding: 15px 30px;
        }
    }
    @media (min-width: 768px) {
        .navbar-side {
            position: absolute!important;
            width: 260px;
        }
    }
    .sidebar-collapse .nav {
        top: 0;
        overflow: auto;
        max-height: 860px;
        min-height: 260px;
     }
    .nav.nav-stacked.affix {
        width: 260px;
        top:0;
    }
    .sidebar-collapse .nav li a{ 
        padding-left:24px;
    }
    .sidebar-collapse .nav::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #F5F5F5;
    }
    .sidebar-collapse .nav::-webkit-scrollbar {
        width: 6px;
        background-color: #F5F5F5;
    }
    .sidebar-collapse .nav::-webkit-scrollbar-thumb {
        background-color: #000000;
    }
    .page-title h2 {
            /* background-color: #127ba3; */
    padding: 0px;
    color: #05a189;
    }
    .nav-pills>li>a {
        border-radius: 0px!important;
    }
    #page-inner {
         min-height: 700px;
    }
    @media only screen and (min-height: 1080px) {
        #page-inner {
            min-height: 1080px;
        }
    }