/* Sidepanel nav 1.0.0 */
/* Button launcher */
.lvd-cm-sidenav                                         {}
.lvd-side-panel-btn .lvd-label                          {order:2; width: calc(100% - 30px);}
.lvd-side-panel-btn .lvd-icon                           {width: 30px;}
.lvd-side-panel-btn.lvd-icon-left .lvd-icon             {order:1;}
.lvd-side-panel-btn.lvd-icon-right .lvd-icon            {order:3; text-align:right;}

/* Panel */
.lvd-side-panel                 {display: none; position: fixed; z-index: 9999;  left: 0; top: 0; width: 100%;  height: 100%;   background-color: rgba(0,0,0,0.4);}
.lvd-side-panel.current         {display:block;}
.lvd-side-panel-content         {position:absolute;right:0; top:0; bottom:0; background-color: var(--lvd-color-white); padding:50px 60px 40px 60px; width:100%; max-width: 600px; animation-name: animateright; animation-duration: 0.4s}
@keyframes animateright         {from {right: -300px; opacity: 0} to {right: 0; opacity: 1}}
.lvd-side-panel-close           {color: var(--lvd-color-black); position:absolute; top:16px; left:16px; font-size: 28px; font-weight: bold;}
.lvd-side-panel-close:hover, .lvd-side-panel-close:focus 
                                {color: var(--lvd-color-black); opacity:0.7; text-decoration: none; cursor: pointer;}
.lvd-side-panel-title           {color: var(--lvd-color-black); font-size:var(--lvd-text-h5); font-weight:700; padding:10px 0;}
.lvd-side-panel-scrollable      {overflow-y: auto; height:100%; padding-right:12px; padding-bottom:50px;}
.lvd-side-panel-scrollable-more {height: 80px; background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 100%) repeat scroll 0 0; position: absolute;bottom: 0; width:100%; left: 0;}

.lvd-side-panel-menu ul         {margin-bottom:20px;}
.lvd-side-panel-menu ul li      {margin-top:10px; font-weight:700;}
.lvd-side-panel-menu ul ul li   {font-weight:400;}

body.lvd-stop-scroll            {height:100vh; overflow:hidden;}

/* Bm */
@media (min-width:1px) and (max-width:767px)
{
.lvd-cm-sidenav .lvd-container  {padding-left:20px; padding-right:20px;}
.lvd-side-panel-content         {padding: 50px 20px 40px 20px ;}
.lvd-side-panel-menu ul         {margin-bottom:30px;}
.lvd-side-panel-menu ul li      {margin-top:16px;}
}

/* Bt */
@media (min-width:768px) and (max-width:1023px)
{
.lvd-cm-sidenav .lvd-container  {padding-left:40px; padding-right:40px;}
.lvd-side-panel-content         {max-width: 500px;}
}