:root {
  
  --main-color: #eeeeee;
  --background: #f5f5f5;
  --accordion-level-0: #23232c;
  --accordion-level-0-hover: #1a1a20;
  --accordion-level-1: #2b2b33;
  --accordion-level-1-hover: #272730;
  --accordion-level-2: #2e2e3a;
  --accordion-level-2-hover: #373746;
  
  --col-sp: #007feb;
  --img-src-checkbox0: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0OTAuMDM0IDQ5MC4wMzQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5MC4wMzQgNDkwLjAzNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00MzUuNjY3LDU0LjMxMWMtNy03LjEtMTguNC03LTI1LjUsMGwtNjQsNjRjLTc5LjMtMzYtMTYzLjktMjcuMi0yNDQuNiwyNS41Yy02MC4xLDM5LjItOTYuNiw4OC41LTk4LjEsOTAuNiAgICBjLTQuOCw2LjYtNC42LDE1LjYsMC41LDIyYzM0LjIsNDIsNzAsNzQuNywxMDYuNiw5Ny41bC01Ni4zLDU2LjNjLTcsNy03LDE4LjQsMCwyNS41YzMuNSwzLjUsOC4xLDUuMywxMi43LDUuM3M5LjItMS44LDEyLjctNS4zICAgIGwzNTYtMzU1LjlDNDQyLjY2Nyw3Mi44MTEsNDQyLjY2Nyw2MS40MTEsNDM1LjY2Nyw1NC4zMTF6IE0yMDAuNDY3LDI2NC4wMTFjLTIuNi01LjktMy45LTEyLjMtMy45LTE5YzAtMTIuOSw1LTI1LjEsMTQuMi0zNC4zICAgIGMxNC40LTE0LjQsMzUuNy0xNy44LDUzLjMtMTAuM0wyMDAuNDY3LDI2NC4wMTF6IE0yOTAuNjY3LDE3My45MTFjLTMyLjctMjEtNzYuOC0xNy4yLTEwNS4zLDExLjNjLTE2LDE2LTI0LjcsMzcuMi0yNC43LDU5LjcgICAgYzAsMTYuNCw0LjcsMzIuMSwxMy40LDQ1LjZsLTM3LjEsMzcuMWMtMzIuNS0xOC44LTY0LjUtNDYuNi05NS42LTgyLjljMTMuMy0xNS42LDQxLjQtNDUuNyw3OS45LTcwLjggICAgYzY2LjYtNDMuNCwxMzIuOS01Mi44LDE5Ny41LTI4LjFMMjkwLjY2NywxNzMuOTExeiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQ4Ni4wNjcsMjMzLjYxMWMtMjQuNy0zMC40LTUwLjMtNTYtNzYuMy03Ni4zYy03LjktNi4xLTE5LjItNC43LTI1LjQsMy4xYy02LjEsNy44LTQuNywxOS4xLDMuMSwyNS4zICAgIGMyMC42LDE2LjEsNDEuMiwzNi4xLDYxLjIsNTkuNWMtMTEuOCwxMy44LTM0LjgsMzguNi02Niw2MS4zYy02MC4xLDQzLjctMTIwLjgsNTkuNS0xODAuMyw0Ni45Yy05LjctMi4xLTE5LjMsNC4yLTIxLjMsMTMuOSAgICBjLTIuMSw5LjcsNC4yLDE5LjMsMTMuOSwyMS4zYzE1LjUsMy4zLDMxLjEsNC45LDQ2LjgsNC45YzIzLjYsMCw0Ny40LTMuNyw3MS4xLTExLjFjMzEuMS05LjcsNjItMjUuNyw5MS45LTQ3LjUgICAgYzUwLjQtMzYuOSw4MC41LTc3LjYsODEuOC03OS4zQzQ5MS4zNjcsMjQ5LjAxMSw0OTEuMTY3LDI0MC4wMTEsNDg2LjA2NywyMzMuNjExeiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
  
  --img-src-checkbox1: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0ODkuOTM0IDQ4OS45MzQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4OS45MzQgNDg5LjkzNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00ODUuOTY3LDIzMy42MTdjLTc0LTkxLTE1My45LTEzNy4yLTIzNy43LTEzNy4yYy0zMy4yLDAtNjYuOCw3LjQtMTAwLDIxLjljLTI2LjEsMTEuNS01MiwyNy40LTc2LjksNDcuMyAgICBjLTQyLjEsMzMuNy02Ni45LDY3LjMtNjcuOSw2OC43Yy00LjgsNi42LTQuNiwxNS42LDAuNSwyMmM3My45LDkxLjEsMTUzLjksMTM3LjIsMjM3LjcsMTM3LjJjMzMuMiwwLDY2LjgtNy40LDEwMC0yMS45ICAgIGMyNi4xLTExLjUsNTItMjcuNCw3Ni45LTQ3LjNjNDIuMS0zMy43LDY2LjktNjcuMyw2Ny45LTY4LjdDNDkxLjI2NywyNDkuMDE3LDQ5MS4wNjcsMjQwLjAxNyw0ODUuOTY3LDIzMy42MTd6IE0zOTUuMjY3LDI5Ni44MTcgICAgYy0zNC44LDI3LjctODkuNiw2MC43LTE1My42LDYwLjdjLTY5LjEsMC0xMzYuNS0zNy45LTIwMC41LTExMi43YzEwLjEtMTEuOSwyOC42LTMxLjgsNTMuNC01MS42YzM0LjgtMjcuNyw4OS42LTYwLjcsMTUzLjYtNjAuNyAgICBjNjkuMSwwLDEzNi41LDM3LjksMjAwLjUsMTEyLjdDNDM4LjU2NywyNTcuMTE3LDQyMC4wNjcsMjc3LjExNywzOTUuMjY3LDI5Ni44MTd6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzExLjI2NywyMjcuMDE3Yy05LjksMC0xOCw4LjEtMTgsMThjMCwyNi43LTIxLjcsNDguNC00OC40LDQ4LjRjLTI2LjcsMC00OC40LTIxLjctNDguNC00OC40ICAgIGMwLTI2LjcsMjEuNy00OC40LDQ4LjQtNDguNGM5LjksMCwxOC04LjEsMTgtMThjMC05LjktOC4xLTE4LTE4LTE4Yy00Ni42LDAtODQuNCwzNy45LTg0LjQsODQuNHMzNy44LDg0LjQsODQuNCw4NC40ICAgIGM0Ni42LDAsODQuNC0zNy45LDg0LjQtODQuNEMzMjkuMjY3LDIzNS4xMTcsMzIxLjE2NywyMjcuMDE3LDMxMS4yNjcsMjI3LjAxN3oiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
  
  --img-src-checkbox3: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDI5Ny4xNTggMjk3LjE1OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjk3LjE1OCAyOTcuMTU4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBkPSJNMjc1Ljc3OCwxMjcuMmMwLTcwLjI0OS01Ni45NTEtMTI3LjItMTI3LjItMTI3LjJDNzguMzMyLDAsMjEuMzgxLDU2Ljk1MSwyMS4zODEsMTI3LjINCgkJYzAsNDkuNzk0LDI4LjYyMSw5Mi45MDEsNzAuMzA1LDExMy43ODVjLTExLjY2MiwxMS43NzMtMTkuNzA3LDI3LjEzNS0yMi4yOTksNDQuMjkzYy0wLjQ1LDIuOTc5LDAuNDIyLDYuMDA2LDIuMzg4LDguMjg5DQoJCWMxLjk2NiwyLjI4Myw0LjgzLDMuNTkyLDcuODQzLDMuNTkyaDEzNy45MjNjMy4wMSwwLDUuODctMS4zMTQsNy44MzUtMy41OTVjMS45NjQtMi4yODEsMi44NDYtNS4zMDksMi4zOTctOC4yODYNCgkJYy0yLjU5My0xNy4xNTgtMTAuNjM3LTMyLjUyMS0yMi4yOTktNDQuMjkzQzI0Ny4xNTcsMjIwLjEwMSwyNzUuNzc4LDE3Ni45OTQsMjc1Ljc3OCwxMjcuMnogTTE0OC41NzgsMjEyLjM2Nw0KCQljLTQ2Ljk2MSwwLTg1LjE2Ny0zOC4yMDYtODUuMTY3LTg1LjE2N2MwLTQ2Ljk2MiwzOC4yMDYtODUuMTY5LDg1LjE2Ny04NS4xNjljNDYuOTYyLDAsODUuMTY5LDM4LjIwNyw4NS4xNjksODUuMTY5DQoJCUMyMzMuNzQ3LDE3NC4xNjEsMTk1LjU0LDIxMi4zNjcsMTQ4LjU3OCwyMTIuMzY3eiIvPg0KCTxwYXRoIGQ9Ik0xNDguNTc4LDgyLjAzMWMtMjQuOTA1LDAtNDUuMTY3LDIwLjI2My00NS4xNjcsNDUuMTY5YzAsMjQuOTA1LDIwLjI2Miw0NS4xNjcsNDUuMTY3LDQ1LjE2Nw0KCQljMjQuOTA2LDAsNDUuMTY5LTIwLjI2Miw0NS4xNjktNDUuMTY3QzE5My43NDcsMTAyLjI5NCwxNzMuNDg0LDgyLjAzMSwxNDguNTc4LDgyLjAzMXoiLz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K);

  
  --img-src-checkboxS: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAGdUAABnVAbVo64AAAAOOSURBVEhLpZZLKK1RFMeXN+VNhEQYyHMgxNArCpmZeUwolGJgJmTERMjIzES5kYEr8rhHHkWUR0n3FBN0T555P/937WWf657nvd37q6/22evba+2911r/77iAIStOT08pPDycXF1d9cy/YzeAPQ4PD2l5eZkuLi4oPj6ecnJyKCQkRFudoAI4w2QyoaOjA2FhYWoj8ri4uCAlJQUTExP6Lcc4DXB1dYW2tjbwVVk4N49jY2PxZewL3t/f9QpbHAZQi+bm5uDj4yPO8vPzMTk5iZ2dHQwMDCAyMlLmy8rKYDQa9SpbHAZ4fn5GbW2tOCkqKsL+/r62AG9vb5iZmUFoaKhc3fj4OF5fX7XVEodlwgtoZWWFAgMDqby8nBITE7WFpLrS09OptLSUOEe0ublJ9/f32mqJwwAPDw90eXlJwcHBFBUVpWc/8fX1pbi4OBmrynp5eZGxNQ4DuLu7k6enJz0+PtLd3Z2e/USd8Pb2VsZubm7EyZexNQ4DeHl5UUJCglzB1tbWL2dmTD9MZPhmEMfqJFwM2mKFzoUNKmmDg4OSZO5qDA0NgU8itrOzM9TU1IiNNwGDwSDz9rAb4ObmBiMjI9jb2wN3rDjy8PBAdnY2KioqEBMTI3N8NWhtbcXq6ioWFhakuqyxCHB0dISuri4kJyejoKAA5+fnGB0dBSdUHP7+qIbLzMzE+vo6FhcXkZGRgZKSEnBFaW8f/AowOzuLtLQ0caxq3MzJyQmqqqrEodqxelRnc3Whr69PvwVcX1+jvb1duru5uRnHx8cyLwE2NjZkB01NTaI91qgdpqamimNzANXBnHj9xifb29tylZWVleJLVQc6OztRXV0Nrmf9mi09PT0ICAiQk6jd7+7uaostXHXIy8vD2NgYXFlzpARVx/r7+/P12qe+vp5yc3OlLHt7e4nVVFts8fb2lrKV7laZn5qakisYHh4Gd7Dehy0sHWhoaNC/7KMqsLGxEYWFhTg4OPjIAUcShVTCVVxcjOnpaTw9PcmCv0Ultb+/X5KclJSEpaUlmbf4onE9U3d3N7FMy3VlZWXJo4SO5Zn8/PyI+0HkQ+kUlzVxr9Da2hqxjEv319XVUUtLC0VERIhPu59M43cjfZ3+SvPz8+JAyYVyqvKlcqBQ+qMELzo6mrgfiHuAWNZl7nf++E02F4HasRI9zpmIoDphUFCQJNQZf/3R/1f+/3+JU4h+ApkTJ9LR2hcHAAAAAElFTkSuQmCC);
  
  --img-src-checkboxM: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAGdUAABnVAbVo64AAAAT+SURBVEhLpVZbSJVZFP48ppaW90vaTdRRR0TTSjFTK4kSbMAUyihNlCBEJMgcg0jqYXKwIix7CYwipYdANDPoqbzghUjForxQdhPDvJQZlbpmrXX+c7J05mU+2Jy9/7X23uv67QMyMDg4SCdPnqSNGzfS6tWraf369XTs2DF68+aNobEQ3759o5qaGkpJSaF169ZRQEAApaWlUW1trcoEmJ2dpdbWVtqwYQMBWDC8vb2pvr5elefj1atXdOjQIXJ0dFywx8XFhYqKiujDhw9km52dXXrkyBF0dHTAwcEBfBG2bt0KJycnjIyM4NOnT5ibm8P27dvx7NkzsKd8BlS/qqpKdfx8/bD7j90ICQkBH6qjt7cXy5cvB8rLy62WlpWV0eTkpFoonlVUVNDp06fp3LlzFBwcTDY2NlYL9+3bR+fPn6fi4mIaGhqy7unp6aHk5GTVi4+PJyQkJNCSJUsoNzeXJiYmVHE+8vPzra7/OiIiIogtJfbQ0Dbj4cOHtHbtWnJ2dib4+fnRypUrqbKy0hD/gMU7k8lEYWFhdPavs3T16lU6ePAgubu7qywuLo5GR0eNHWYMDAxQenq62WMJzZo1a+jatWuG2AyOLfn7++shmzZt+qmavn//ThcuXNCwivzGjRuGxAwJ2YEDB8zGsSXg0ODFixe8/oHm5maMj4/rvLS0FKtWrdK5gEOKrKwsxMTEgL0DV5khMUOS3N/fDzs7O5g4EVopd+/eRVNTk6ECvH79WkoYK1asQGxsrPH1B8Sw0NBQLFu2DC9fvjS+Ah8/fsSdO3fw6NEjcGRg2r9/PzgZ6OzsREFBAbhy8PjxY3AYdINcImMxzMzMSKNqeXMIce/ePRw9ehRnzpxRWWJiIjA2NkbHjx/XeFmGr68vnTp1SstR1tXV1ebgzsPbt2+1HCWRUmkZGRk/nREeHk6NjY2kVNHV1UWbN2/WapEhChx3ioqK0jk3kOpYIL1S8meJGmBra0tXrlwhHx8f1ZX9Up6yn70wXyCTmzdvalWIglglF5b9XaabZC2yw4cPU0lJCSUlJdHSpUtVtmfPHmsELAbu2rWL3r17p8ZYye7z58+6mTNv7Vgp3b179+p8sSGhvHXrlvaRrGVfYGAgtbW1GacSmViAqakpPHjwAF5eXlox/B3cpdixYwcuXrwIDw8P8GZwOHSwlbINHHswkyIvL0/XTHzgXODp06dgytBvmJ6epsuXL2uzXbp0ia5fv65dKwmS0AmkkVhV3ZeYi6WpqanE5Kdy4SChdzaI+vr6aOfOnbRt2zbq7u4mYT1iq/VwwZcvX+j58+caMuEYGVzbxFbqwTKCgoKooaFB9S3gXlAKF3CTKVUIZZukMaTO+aFRjzh5YOZUdyUsMqTZmDURHR2tNJ6Tk6P0PR/84GhjCfjB0i6fnJiEiRMFT09PMIlpi/8bmJeUMphjkJmZqYYsBjG2paUFt2/fRujvofpB6VUaQ0hNmsryJvwKCZclL4tBclJYWKg9waygL5qNCORmjjv4wdGbhV+2bNkCrndERkYq0bm5uanVUkVfv34F5wjv379XUmtvb8f9+/fxpPcJgn4LwokTJ8APkpKd9QIL5Emsq6sDVxG4CsBcr3kQZXt7e51LGOQS+RVjJHxiUEZ6BhISE5SbLFhwwXzwPwMMDw+Du1KttbzP4ol4JPkT71xdXfXixfCfF/x/AP8Ar4cbsEEkUUYAAAAASUVORK5CYII=);
  

  
  --img-login-logo: '';

  --col-main-accent: #007feb;
  --col-main-accent-hover: #1678c2;
  
  --col-main-button: #0072bc;
  --col-main-button-hover: #0072bc;

  --col-import-button: #007feb;
  --col-export-button: #007feb;
  

  --col-spd-0: #5cb85c;
  --col-spd-1: #f0ad4e;
  --col-spd-2: #d9534f;
  --back-black-1: #23232c;
  --back-black-2: #455560;
  --back-black-3: #455560;
  --error-color: #a94442;
  --back-white-1: #f0f0f0;
  --back-white-2: #eeeeee;
  --back-black-selected: #191922;
  --light-background: #f5f5f5;

  --title-main-color: #23232c;
  --title-font-weight:400;
  --title-line-height: 36px;
  --menu-item-sidebar-color: #c2c2ca;
  --menu-panel-nav-padding:  6px 14px;
  --user-color: #ac9e9e;
  --icon-item-sidebar-color: #ffffff;
  --menu-item-selected-main: #000000f2;
  --menu-item-main: #000000de;

  --menu-compressed-height: 65px;

  --menu-top-selector-height: 50px;
  --menu-top-selector-bottom-margin: 12px;

  /* per uso su telefonini
     applico un min-width per il frame a lato del menu
     senza un min widh a men� aperto si vede un pasticcio
  */
  --min-width-frame-for-mobile-with-menu: 270;

  /* colori default per react table */

  
  --header-groups-table: #9a9a9a;
  --header-table: #9a9a9a;

  --border-right-header-separator-table: "2px solid #e9e9e9";
  --border-bottom-header-separator-table: "2px solid e9e9e9";

  --border-right-body-separator-table:  "1px solid e9e9e9";
  --border-bottom-body-separator-table: "1px solid e9e9e9";

  --table-word-whitespace: nowrap;
  --table-word-whitespace-wrap: wrap ;
  --table-word-whitespace-nowrap: nowrap ;


  --table-overflow-editor-x: hidden;

  --table-line-min-height-edit: 40px;
  --table-line-min-height-view: 28px;
  --table-line-min-height: 28px;

  /*
  --table-line-height-edit: 26px;
  --table-line-height-view: 26px;
  --table-line-height: 26px;
  */
  
  --odd-row-color-table: #72727d;
  --even-row-color-table: #72727d;
  --odd-row-background-table: #ffffff;
  --even-row-background-table: transparent;

  --hoven-row-background-table: "";
  --hoven-row-color-table: "";
  
  --background-card: #ffffff;
  --form-card: #ffffff;
  --color-card: #000000de;
  --icon-selected-sidebar-sx: #0091ea;
  --icon-sidebar-sx: #808080;
  --background-pannel: white;
  --color-pannel: #72727d;
  
  --background-modal: white;
  --backgorund-fluidcard: white;
  --color-title-modal: 000000de;
  --color-modal: #999999;
  --font-size: 14px;

  --setting-display:unset;
  
  --font-family-sans-Serif: sans-serif;
  --font-family-consolas: consolas;
  --font-family-roboto: "Roboto", "Open Sans", Arial, sans-serif; 

  --font-family-status-header: "Roboto"; 
  --font-size-status-header: "1.429rem"; 

  --font-family-sans-Serif: sans-serif;
  --font-family-helvetica: "Helvetica", "Open Sans", Arial, sans-serif; 
  --font-family-header: "Helvetica";

  --font-family-kfticons: kfticons;
  --font-family-noto-sans: "Noto sans";
  --font-family-open-sans: "Open Sans", Arial, sans-serif;
  --font-family-lato: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  --font-color: #72727d;
  --view-horizontal-ruler: none;
  --font-table-header: #141414;

  --nav-background-light: #242424;
  --nav-background-dark: #5e5e62;
  --nav-border-right: none;
  
  /*--nav-background-menu: transparent;*/

  --nav-background-menu-color-font: #c2c2ca;
  --nav-background-menu-color-font-selected: #c2c2ca; 
  --nav-background-menu-margin-bottom-child: 0px;
  --nav-background-menu-selected: #5e5e62;

  --nav-collapse-top: 10px;
  --nav-collapse-bottom: unset;
  --nav-collapse-left: 0px;
  --nav-collapse-width: unset;
  --nav-button: "block";
  --nav-collapse-font-size: 19.2px;
  --nav-overflow-y: auto;
  --nav-overflow-x: hidden;
  --nav-icon-collapsed-width: 28px;
  --nav-icon-collapsed-height: 28px;

  --header-background: #fffff5;
  --header-color-font: #959393;
  --header-color-separator: rgba(0, 0, 0, 0.1);

  --header-realtime-selector-left: 0px;
  --header-realtime-status-right: 0px;

  --realtime-header-background: #fffff5;
  --realtime-header-color-separator: rgba(0, 0, 0, 0.1);
  

  --header-height: 50px;
  --header-height-small-mobile:50px;

  /* specifico header per la page di realtime
     Posso lavorare a tutto schermo o inserire un header
  */     
  --realtime-header-height:50px;
  --realtime-header-height-small-mobile:50px;

  --main-menu-collapsed-width: 70px;

  --body-background: #f5f5f5;

  --sidebar-sx-width: 270px;
  
  --sidebar-sx-width-small-mobile: 240px;

  --sidebar-sx-heading-backgroud-light: #455560;
  --sidebar-sx-heading-backgroud-dark: #455560;
  --sidebar-sx-subheading-backgroud: #455560;
  --sidebar-sx-subheading-font-color-selected: #0091ea;
  --sidebar-sx-subheading-font-color: #808080;
  --sidebar-sx-body-backbground: #f5f5f5;
  --sidebar-sx-body-height: calc(100% - 90px);
  --sidebar-sx-body-collapse-width: "52px";

  --sidebar-sx-button-collapse-background: #455560;
  --sidebar-sx-button-font-color: #ffffff;
  --sidebar-sx-button-collapse-margin-left: "5pz";
  --sidebar-sx-button-collapse-background-before: "unset";
  --sidebar-sx-button-collapse-padding: "10px";
  --sidebar-sx-button-collapse-border-radius: "unset";
  --sidebar-sx-background-list-selected: "unset";

  --sidebar-map-button-margin-left: "unset";
  --sidebar-map-button-margin-top: "unset";

  /* --export-settings-width: 220px; */

  --sidebar-dx-width: 300px;
  /* --sidebar-dx-width-small-mobile: 270px;*/


  --sidebar-dx-heading-backgroud-light: #455560;
  --sidebar-dx-heading-backgroud-dark: #455560;
  --sidebar-dx-subheading-backgroud: #455560;
  --sidebar-dx-backgroud-active: #f5f5f5;
  --sidebar-dx-backgroud-body: #f5f5f5;
  --sidebar-dx-backgroud-body-height: calc(100% - 40px);
  --sidebar-dx-font-color-not-active: "white";
  --sidebar-dx-menu-padding-collapse: "0";
  --sidebar-dx-menu-width: "48px";
  --sidebar-dx-menu-margin-bottom: "5px";
  --sidebar-dx-menu-border-bottom-collapse: "unset";

  --sidebar-dx-button-collapse-padding: "10px";
  
  --welcome-font-color: #4e0f0f;
  --welcome-font-weight: "unset";

   
  --dashboard-dash-card-width:"400px"; 
  --dash-card-margin-right: "12px";
  --dash-card-margin-bottom: "12px"; 
  --dash-card-border-radius: "5px";
  --dash-card-box-shadow: "rgb(0 0 0 / 17%) 3px 3px 3px 0px ";

  --invert-backgroud-image-submenu: "invert(1)";
}
