html {


}


@media (max-width: 991px)
...
*::-webkit-scrollbar {
 width: 0px;
}



body {
	background-color: #ffffff;
	font-size: smaller;
	/*overflow: hidden;*/
}
	

.container-fluid {
  max-width: 99%;
  background-color: #ffffff; 
  overflow-y: scroll;
  /*width: 100vw;
  height: 100vh;
  -webkit-overflow-scrolling: touch;
*/
}

.card {
  
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.5s;
  border-radius: 10px;
  background-color: rgba(250, 250, 250, 1);
  min-height: 90px;
  width: 100%; 
}

/* On mouse-over, add a deeper shadow */
.card:hover {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
 

.card-header {
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  font-weight: 500;
}

.map-body{
  padding: 5px;
  padding-top: 0px;
  padding-bottom: -5px;
  padding-left: 0px;
  margin-left: 0x;
  margin-right: 0px;
  margin-bottom: 0px;
  
}

.card-body {
  padding: 5px;
  padding-top: 5px;
  padding-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
}

.info {
	padding: 0px;
	padding-left: 5pxs
}

.canton_logo {
	padding-bottom: 4px;
	/*height: 20px;*/
	width: 20px;
}



.canvasChart {
  margin-top: -20px;
  margin-left: -5px;
}




#log {
  min-height: 10px;
  padding: 0px;
}


.leaflet-popup-content-wrapper{
  background-color: white;
  background: rgba(255,255,255,0.8);

}
.leaflet-popup-close-button {
   display: none;
}

.leaflet-container{
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 100%;

}

.thumb {
opacity: 0.9;
}



/* Hide Sorting Arrows */

.dataTable > thead > tr > th[class*="sort"]:before,
.dataTable > thead > tr > th[class*="sort"]:after {
    content: "" !important;
}


#table_systems_info {
	display: none;
	}
	
#table_systems_filter {
	display: none;
	}


#table_systems tbody {
	cursor: pointer;
}

#table_systems_length {
	display: none;
}

#table_systems_paginate {
	display: none;
}


#table_logfile_info, #table_logfile_filter {
	display: none;
	}


#table_logfile_length {
	display: none;
}

#table_logfile_paginate {
	display: none;
}

.table_systems>tbody>tr>td, .table_systems>tbody>tr>th, .table_systems>tfoot>tr>td, .table_systems>tfoot>tr>th, .table_systems>thead>tr>td, .table_systems>thead>tr>th {
    padding-left: 0.4em;
    padding-right: 0.4em;

}

.cardcol {
	  padding: 10px;
	  padding-bottom: 10px;
}

.customer {
	padding: 10px;
}

.status-card {
	 margin: auto;
	 font-size: 3em;
}

.input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

#menu {
	display: none;

}
#dashboard {
	display: flex;
}

#map_systems { 
	height: 335px;
	z-index: 500;
}


	.leaflet-popup-content-wrapper{
    	background-color: white;
		background: rgba(255,255,255,0.8);
	}
	.leaflet-popup-close-button {
		/* display: none; */
	}
	.thumb {
		opacity: 0.8;
	}


td  {
	padding-left: 10px;
	
}
th  {
	padding-left: 10px;
}



.badge {
	min-width:53px;
	padding-bottom: 3px;
	margin-bottom: 0px;
	}

.modal {
	top: 200px;
}


#extra  {
	display: none;
	overflow: hidden;
}

#sysinfo {
	display: none;
	overflow: hidden;
}

#syslocation
 {
	display: none;
	overflow: hidden;
}

#timebuttons  {
	display: none;
	overflow: hidden;
}

#charts {
	display: none;
	overflow: hidden;
}

.translucent {
	opacity: 0.3;
}

.nontranslucent {
	opacity: 1.0;
}



.limheight {
	max-height: 200px;
}

.fullheight {
	min-height: 100%
}





 .easy-button-button {
	 padding: 0px;
	 padding-left: 2px;
 }
 
  

 .navbar-light {
  background-color: #f1f1f1;
  padding-left: 20px;
} 

.navbar-brand {
	vertical-align: top;
	width: 200;
}

.nav-item {
	margin-bottom: -2px;
	font-size: medium;
}

.info {
 padding-left: 10px;
}




#login {
	display: none;
}



#forgetpassword {
	display: none;
}


#profile {
	display: none;
}


.login {
	max-width: 400px;
    margin: 20px auto;
    margin-top: 200px;
    vertical-align: middle;
}

.login .card-body{
  margin: 30px;	
}




#logo {
	text-align: center;
	padding-bottom: 20px;
	vertical-align: top;
	width: 200;
}



html,body {
	height: 100%;
}

#invalid-login {
	display: none;
	color: red;
	padding-top: 15px;
}

#invalid-resetpassword {
	display: none;
	color: red;
	padding-top: 15px;
}


.align-right {
		padding-top: 15px;
		text-align: right;
}

*:hover,
*:focus,
*:active
 {
  outline: none;
  box-shadow: none !important;
  -webkit-appearance: none;
}