body{margin:0;padding:0;overflow:hidden}#app>div{margin:0 auto;max-width:1200px}#app>div>.top-menu{width:100%;height:30px;background-color:#848484;border-left:1px solid #000;border-right:1px solid #000}#app>div>.top-bar{height:80px;background-color:#efefef;border-bottom:1px solid #000;border-left:1px solid #000}#app>div>.main,#app>div>.top-bar{z-index:0;display:flex;width:100%;border-right:1px solid #000}#app>div>.main{position:absolute;max-width:1201px;height:calc(100% - 132px)}#app>div>.main>.sidebar{width:30%;background-color:#d6dee7;border-left:1px solid #000;border-right:1px solid #000}#app>div>.main>.content{position:relative;width:70%;background-color:#f0f8ff}#app>div>.bottom{z-index:0;position:absolute;max-width:1200px;width:100%;bottom:0;height:22px;background-color:#efefef;display:flex;border:1px solid #000}#app>div>.top-menu nav:after{content:"";display:table;clear:both}#app>div>.top-menu nav ul{z-index:1000;padding:0;margin:0;list-style:none;position:relative}#app>div>.top-menu nav ul li{margin:0;display:inline-block;background-color:#848484}#app>div>.top-menu nav ul li.menu-separator{height:12.5px;padding-top:1px}#app>div>.top-menu nav ul li.menu-separator hr{width:calc(100% - 10px)}#app>div>.top-menu nav a{display:block;padding:5px 10px 0;color:#000;font-size:17px;text-decoration:none}#app>div>.top-menu nav a:hover,#app>div>.top-menu nav ul li ul li:hover{color:#fff}#app>div>.top-menu nav ul ul{display:none;position:absolute}#app>div>.top-menu nav ul li:hover>ul{display:inherit}#app>div>.top-menu nav ul ul li{width:170px;float:none;display:list-item;position:relative}#app>div>.top-menu nav ul ul ul li{position:relative;top:-25px;left:170px}#app>div>.top-menu li>a:only-child:after{content:""}#top-bar{width:100%;text-align:center;display:flex;position:relative}#top-bar>div{width:10%;margin-top:20px}#top-bar>div.sep-v{width:1px;height:72px;margin-top:4px;background-color:#848484}.sidebar{position:relative}.sidebar .top{top:0;position:absolute;overflow:auto;border-bottom:1px solid #000;width:100%;height:70%}.sidebar .top>ul{list-style:none;padding-left:12px}.sidebar .top>ul>li{position:relative;padding-left:12px}.sidebar .top>ul>li:not(:last-child){margin-bottom:20px}.sidebar .top>ul>li:before{position:absolute;width:12px;height:12px;top:0;left:0}.sidebar .top>ul>li.closed:before{content:url(/img/lb_plus.png)}.sidebar .top>ul>li.opened:before{content:url(/img/lb_del.png)}.sidebar .top>ul>li>div{color:#525252;font-weight:700;cursor:pointer}.sidebar .top>ul>li.closed>ul{display:none}.sidebar .top>ul>li>ul{list-style:none;padding-left:12px}.sidebar .top>ul>li>ul>li{display:flex;align-items:center;cursor:pointer}.sidebar .top>ul>li>ul>li:not(:last-child){margin-bottom:5px}.sidebar .bottom{bottom:0;position:absolute;width:100%;height:auto;padding:10px}.sidebar .bottom table{width:calc(100% - 20px);font-size:20px}.sidebar .bottom table tr th{font-weight:400;text-align:left;width:60%}.sidebar .bottom table tr td{text-align:right;width:40%}.sidebar .bottom table tr:last-child td,.sidebar .bottom table tr:last-child th{font-weight:700}#app #bottom{display:flex;width:100%}#app #bottom div.left{display:flex;width:30%}#app #bottom div.main-bottom{display:flex;align-items:center;width:60%}#app #bottom div.right{float:right;width:10%}.login{height:100%}.login form{margin:25% auto 0;width:50%;background-color:#fff;border:1px solid #000;padding:12px}.login form>div{display:grid;margin-bottom:10px}#app div.filtri{padding:10px;display:flex;border-bottom:1px solid #000;background-color:#efefef}#app div.filtri div.vdp-datepicker{margin-left:5px}.tabella{width:100%;height:calc(100% - 34px);overflow:auto;position:absolute}.tabella table{width:100%;padding:0;border-spacing:0;color:#000}.tabella table thead tr th{cursor:pointer;position:relative;background-color:#d6d6ce;padding:2px}.tabella table thead tr th:not(:last-child){border-right:1px solid #000}.tabella table thead tr th.asc:after{position:absolute;right:5px;top:0;width:10px;height:10px;content:"V"}.tabella table thead tr th.desc:after{position:absolute;right:5px;top:5px;width:10px;height:10px;content:"V";transform:rotate(180deg)}.tabella table tbody tr:nth-child(2n) td{background-color:#fff}.tabella table tbody tr:nth-child(odd) td{background-color:#eff7ff}.tabella table tbody tr:last-child td{border-bottom:1px solid #000}.tabella table tbody tr td{padding:2px;border-top:1px solid #000}.tabella table tbody tr td.text-right>div{float:right}.tabella table tbody tr td:not(:last-child){border-right:1px solid #000}#app .text-right{text-align:right}