/* Minification failed. Returning unminified contents.
(2,75): run-time error CSS1046: Expect comma, found '120'
(2,83): run-time error CSS1046: Expect comma, found '/'
(7,45): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7,78): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary-color'
(8,46): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(8,79): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary-color'
(19,49): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(19,106): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20,50): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20,83): run-time error CSS1039: Token not allowed after unary operator: '-bg-primary-color'
(20,126): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
 */
/* WHITE MENU - SIDE BAR BLOCK*/
nav { width: 280px; background: #fff; box-shadow: 0px 1px 3px 0px rgb(120 120 120 / 31%); border-radius: 5px; }
nav > h3 {font-size: 1.375rem; font-weight: 700; border-bottom: 1px solid #f3f3f3; padding: 10px 25px;}
nav > .menu-list {margin: 5px 0;}
nav > .menu-list li {line-height: 36px; margin: 2px 0; }
nav > .menu-list li > h3 {padding: 0 20px;border-radius: 5px;display: block;margin: 0 5px;font-size: 1.125rem;cursor:pointer}
nav > .menu-list li > h3:hover {color: var(--primary-color);background: var(--bg-primary-color);border-radius: 5px;}
nav > .menu-list li > h3.active {color: var(--primary-color);background: var(--bg-primary-color);border-radius: 5px;}



@media screen and (max-width: 1023px) {
    /* WHITE MENU - SIDE BAR BLOCK - RESPONSIVE */
    nav {width: 100%; background: #f5f5f5; box-shadow: none; border-radius: unset; /*height: 100%;*/ position: inherit;top: auto;padding: 0 15px;}
    nav > h3 {display: none;}
    nav > .menu-list {overflow-x: scroll;white-space: nowrap;padding-bottom: 5px;}
    nav > .menu-list li {display: inline-block;line-height: 30px;}
    nav > .menu-list li > h3 {display: inline-block;border: 1px solid #d5d7da; border-radius: 30px; margin: 0 2px; font-size: 0.875rem; cursor: pointer; background: #fff;}
    nav > .menu-list li > h3:hover {color: var(--primary-color);background: #fff; border: 1px solid var(--primary-color); border-radius: 30px;}
    nav > .menu-list li > h3.active {color: var(--primary-color);background: var(--bg-primary-color); border: 1px solid var(--primary-color); border-radius: 30px;}
   .menu-list-position { position: fixed; top: 0px;z-index : 10}
    .menu-list-position-disconnected {
        top: 40px !important;
    }
    .menu-list-position-user-connected {
        top: 88px !important;
    }

}