ul img{
	 max-width:50px;
	 max-height:50px;
  }
  
   span >img{
	 max-width:15px;
	 max-height:15px;
  }
  
  .staff-login__item  img {
	height: 200px;
	object-fit: cover;
  }
  
  .icon_text{
	background-color:#135384;
	color:white !important;
  }
  
  #accordionSidebar{
  background:#135384;
  
  }
  
  nav a{
  color:#135384 !important;
  }
  
  #staff_login_bg_img{
	background-color:brown;
	background-image:url(../images/staff_login_bg.png); 
	height:100px;
	background-size:cover;
  }
  
  input[type=submit]{
	background:#135384; 
	color:white;
  }
  
  input[name=checkresult]{
	background:green; 
	color:white;
  }
  
  div h1{
	width:auto;
	background:#135384; 
	color:white;
  }

  .viewResult h1{
    width:auto;
   background:white;
    color:black;
    }

    .viewResult img{
      max-width:50px;
      max-height:50px;

    }
  
  .result{
	background-color:#135384;
	color:white !important;
  }
  
  .result a{
	color:white !important;
  }
  
  .result img{
	 max-width:50px;
	 max-height:50px;
	 position:absolute;
  }
  
  nav img{
	max-width:50px;
	max-height:50px;
  }
  
  *{
  box-sizing : border-box;
  margin: 0;
  padding:0;
  border:0;
  font-family: Arial, Helvetica, sans-serif;
}

.hero-image {
  background-image: url(../images/home.png);
  background-color: brown;
  height: calc(100vh - 0px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

nav{
	min-height:40px;
}
  

table, td, th, tbody {
  border: 2px solid #d1cecd;
  padding: 2px;
  text-align:left;
  font-size:12px;
}

thead{
  font-weight:bold;
  text-align:center;
}

table {
  border-collapse:collapse;
}

table img{
  max-width: 100px;
  max-height: 100px;
}

table {
  width: 100%;
}

table.image{
  width: 50%;
}

#accordionSidebar{
  max-width:100px !important;
}