body,html {
	background-color : #f5f5f5;
}
.menubar {
	background-color : #44444A;
	height : 50px;
	align-items: center;
}
.menubutton {
	background-color : #44444A;
	color : white;
	font-family: var(--lumo-font-family);
	font-size: 14px !important;
}
.menubutton:hover {
	background-color : #04B8EB;
}
.menubuttonselected {
	background-color : #04B8EB;
}
.simplebox {
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.1), 0 5px 15px 0 rgba(0,0,0,.1);
	background-color : white;
}
.simplebox thead th {
	background-color :  #04B8EB  !important;
}
.generalbutton {
	background-color : #44444A;
	color : white;
	font-family: var(--lumo-font-family);
	font-size: 14px !important;
}
.submenubar {
	background-color : #04B8EB;
	align-items: center;
}
.submenubutton {
	background-color : #04B8EB !important;
	color : black !important;
	font-family: var(--lumo-font-family);
	font-size: 14px !important;
}
.submenubutton:hover {
	background-color : #8ed0f5 !important;
	color : black !important;
	font-family: var(--lumo-font-family);
	font-size: 14px !important;
}

.submenubuttonselected {
	background-color : #44444A !important;
	color:white !important;	
}
.simpleboxlight {
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.1), 0 5px 15px 0 rgba(0,0,0,.1);
	background-color : white;
}
.simpleboxgraph {
	background-color : #cfe8f7;
	border : 1px dotted #44444A;
}

html {
     --lumo-font-family: "Gotham Book", Arial !important;
    }


.loginlogobottom {
	background-image: url(../img/LightWeaver-logo.svg?v=1);
	background-repeat: no-repeat;
    background-size: 500px;
    background-position: center;
    margin-top : 50px;
}
.loginlogo {
	background-image: url(../img/locstat-logo.svg?v=1);
    background-repeat: no-repeat;
    background-size: 500px;
    background-position: center;
    margin-bottom: -50px;
}
.smalllogotop {
	background-image: url(../img/LightWeaver-logo-dark.svg?v=1);
    background-repeat: no-repeat;
    background-size: 216px;
    background-position: center;
    margin-left: 20px;
	margin-right: 50px;
	height: 60px;
    display: flex;
    flex-basis: 216px;
    flex-grow: 0;
    flex-shrink: 0;    
}

.smalllogotopclient {
	background-image: url(../img/locstat-logo-dark.svg?v=1);
    background-repeat: no-repeat;
    background-size: 150px;
    background-position-y: center;
    background-position: right;
    width : 100%;
    height:40px;
    margin-right: 50px;
    float:right;	
}

.closebutton {
	color: black !important;
}
 
.graphinfopanel {
	color : darkgreen;
	background-color: white;
}
.v-reconnect-dialog {
      visibility: visible;
      border: 1px solid rgb(24, 25, 26);
      background-color: slategray;
      color: lightgray;
      box-shadow: 0.2em 0.2em 0.2em rgba(0, 0, 0, .4);
      border-radius: 4px;
    }
.rnd { 
    padding: 0px 3px 0px 3px;
       width: 100%;
    border-radius: 5px;
    text-align : center;
}    
.smallgrid .v-grid-body .v-grid-cell {  
    line-height: 15px !important;      
    font-size: 10px !important;
    padding: 2px; 
  }



.cxgridactive{
    color : #44444A !important;      

}
.cxgridinactive{
		
}