/* horizontal panel*/

.ln-panel-container {
    display: flex;     height: calc(100%);

    flex-direction: row;
    overflow: hidden;
    
    /* avoid browser level touch actions */
    xtouch-action: none;
  }
  
  .ln-panel-left {
    flex: 0 0 auto;
    /* only manually resize */
   /* // padding: 10px; */
    width: 200px; 
    min-height: 200px;
    min-width:200px;
    white-space: nowrap;
    color: white; background: #F5F5F5;
  }
  
  .ln-splitter {
    flex: 0 0 auto;
    width:5px;      
    min-height: 200px; position: relative;
    cursor: col-resize;   background: #F5F5F5;
  }
  .ln-splitter a{ position: absolute; left: 0px; top:45%; background:#B0C0D1; border-radius: 2px 0px 0px 2px; padding: 20px 0px;}
  .ln-splitter i { color:#0277BD;}
  .ln-panel-right {
    flex: 1 1 auto;
    /* resizable */
    /* padding: 10px; */
    width: 100%;
    min-height: 200px;
    min-width: 200px;
  }