.sidepanel{ /* Main Panel Container */
    position: fixed; /* keep this value as is */
    top: 0; /* keep this value as is */
    visibility: hidden; /* keep this value as is */
    /* background: lightyellow; */
    background: rgb(252, 250, 250);
    z-index: 1000;
    border-color: white;
    border-left: 10px solid #ec1c24;
    /* -moz-box-shadow: -10px 0 10px rgba(137,137,137, 0.8); CSS 3 box shadow */
    /* -webkit-box-shadow: -10px 0 10px rgba(137,137,137, 0.8); */
    /* box-shadow: -10px 0 10px rgba(137,137,137, 0.8); */
    
    /* -moz-box-shadow: -1px 0 10px rgba(137,137,137, 0.8);
    -webkit-box-shadow: -1px 0 10px rgba(137,137,137, 0.8);
    box-shadow: -1px 0 10px rgba(137,137,137, 0.8);
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
    box-sizing: border-box; */
    pointer-events:all;    
    width:80%;
    }
    
    .sidepanel .panelhandle,.sidepanel .panelhandle-close{ /* CSS for Panel Handle DIV */
        width: 24px;
        height: 100%;
        position: absolute;
        left: -10px;
        /* top: -380px; */
        cursor: pointer;
        background: transparent url(handle.svg) no-repeat; /* path to "handle" gif */
        background-size: 10px;
        background-position-y: 80px;
    }

    .sidepanel .panelhandle-close{
        /* background: transparent url(handle.svg) center left no-repeat; /* path to "handle" gif */
        background-size: 10px; */
    }
    
    .sidepanel .contentarea{ /* CSS for main content area DIV */
    height: 100%;
    padding: 10px;
    overflow: auto;
    }

    .unclickable{
        pointer-events: none;                 
    }