.main-sidebar  .vue-Personnel {display:none;}
.content-wrapper.vue-Personnel {margin-left: 0px!important;}
.sidebar-collapse .content-wrapper.vue-Personnel {margin-left: 0px!important;}
                  
                  
         .sidebar.right {
            top: 0;
            right: 0;
            bottom: 0;
            width: 60%;
            background: #FFF;
            -webkit-box-shadow: 2px 0 123px 2px rgba(0,0,0,0.56);
            -moz-box-shadow: 2px 0 123px 2px rgba(0,0,0,0.56);
            box-shadow: 2px 0 123px 2px rgba(0,0,0,0.56);
            animation: slidein .5s linear 1s;
            
         }
         
          .sidebar.left {
            top: 0;
            left: 0;
            bottom: 0;
            width: 50%;
            background: #FFF;
            -webkit-box-shadow: 2px 0 123px 2px rgba(0,0,0,0.56);
            -moz-box-shadow: 2px 0 123px 2px rgba(0,0,0,0.56);
            box-shadow: 2px 0 123px 2px rgba(0,0,0,0.56);
            animation: slidein .5s linear 1s;
            
         }
         @media (max-width:720px){
              .sidebar.right { width:calc(100vw - 30px)!important;}
             .sidebar.right .sidebar-header {background-color: #000; color:#FFF;}
             .sidebar.right .sidebar-header a i { color:#FF0000;}
             .sidebar.right .sidebar-header a i:after {content: ""; font-size: 9px; margin-left: 5px; position: relative; top: -4px }
             .sidebar.right .sidebar-header h1 { font-size: 18px!important;}
         }
         @media (max-width:480px){
             .sidebars > .sidebar{padding: 0 15px 15px 15px !important;}
             .sidebar.right { width:calc(100vw - 30px)!important;}
             .sidebar.right .sidebar-header {background-color: #000; color:#FFF;}
             .sidebar.right .sidebar-header a i { color:#FF0000;}
             .sidebar.right .sidebar-header a i:after {content: ""; font-size: 9px; margin-left: 5px; position: relative; top: -4px }
             .sidebar.right .sidebar-header h1 { font-size: 18px!important;}
             
             .sidebar.left { width: 100%}
         }
       
         
         .sidebar.right-large{
             width: 80%;
         }

         .sidebars > .sidebar.close {
             box-shadow:none;
             animation: slidein .5s linear 1s;
              background: #FFF;
         }
         
        .sidebars > .sidebar {
            position: fixed;
            padding: 0px 15px;
            z-index: 10051;
        }
        
        .sidebar-header {
            min-height: 16.43px;
            padding: 1px;
            border-bottom: 1px solid #e5e5e5;
            background-color: #000;
            display: flex; 
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
        }
        
        .sidebar-header div:first-child {width: 2%;}
        .sidebar-header div:last-child {width: 98%;}
        
        .sidebar-header a.closeSideBar {
            content: "\f00d";
            font-size: 2.2rem;
        }
        
        .sidebar-header a.closeSideBar:hover {
            color:#FF0000;
            
        }
        
        .sidebar-header h1 {
            color: #AEAFB2;
            font-size: 1.9em;
            margin: 10px;
            padding: 0;
            text-transform: uppercase;
        }
        .sidebar-header .sidebar-body { clear:both; display: block; z-index: 9153;}