body{
  font-family: Arial, Helvetica, sans-serif;
  font-size:0.8em;
  letter-spacing:0.5px;
  color:#272727;
  margin-bottom:1vh;
  overflow-x: hidden;
}
.home-page{
  width:99%;
  height:60vh;
  margin:0 auto;
  margin-top:15vh;
  background-image: url("../images/nh-bg.jpeg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border:5px solid #fff;

}
.loginPage{
  background-color:rgba(255,255,255,0.8);
  border-radius:10px;
  padding:5px 50px;
}
.page-backgound{
  background-color:rgba(28,36,52,0.8);
}
.card{
  padding:10px;
  border:none;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.form{
  margin-top:1vh;
  margin:0 auto;
  width:100%;
  padding:10px;
}
.form input{
  font-size:1.1em;
  margin:0 auto;
  margin-bottom: 12px;
  border-radius: 3px;
}
.form select{
  font-size:1.1em;
  margin:0 auto;
  margin-bottom: 12px;
  border-radius: 3px;
}
.buttons button{
  font-weight:bold;
  letter-spacing:0.5px;
}
.deleteBtn{
  padding:1px 5px !important;
  font-size:0.9em;
  color:#fff;
  letter-spacing:1px;
}
#errormsgreg{
  color:#fff;
  width:auto;
  font-size:0.9em;
  font-weight:bold;
  margin:0 auto;
  background-color:#DC3545;
  padding:5px 20px;
  border-radius:5px;
  transition:0.5s;
}
/* Side Bar */
.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #1C2434;
  border-left: 1px solid #fff;
  transition: 0.3s;
  overflow-x: hidden;
  padding-top: 50px;
}

.sidebar a {
  text-decoration: none;
  font-size:1.2em;
  color: #fff;
  display: block;
  transition: 0.3s;
}
.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.openbtn {
  font-size:1.5em;
  cursor: pointer;
  background-color: #111;
  color: white;
  border: none;
  margin:10px;
  border:2px solid #fff;
  border-radius:5%;
}

.openbtn:hover {
  background-color: #444;
}
.bg-menu{
  background-color:#5468ff;
  padding:10px !important;
  margin-top:5px;
  text-align:center;
}
.bg-submenu{
  margin-top:0px;
  background-color:#009999;
  margin-left:5px;
  border-bottom:1px solid #fff;
}
.bg-submenu:hover{
  background-color:#008080 !important;
}
nav {
  position: relative;
  margin: 5px; 
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav ul li {
  /* Sub Menu */
}

nav ul li a .fa {
  text-align: center;
  margin-right: 5px;
  margin-top:5px;
  float:right;
}
nav ul ul {
  background: rgba(0, 0, 0, 0.2);
}
nav ul li ul li a {
  
  border-left: 4px solid transparent;
  padding: 10px 20px;
}
nav ul li ul li a:hover {

  border-left: 4px solid #3498db;
}
.itemList{
    display: inline;
    position: absolute;
    background:#fff;
    margin-top:-12px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    width:30%;
  }
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
}
/* End */
.required-field{
  color:#ff0000;
  font-weight:bold;
}
.tbl-hover:hover{
  background-color:rgba(255,245,204,1);
  cursor:pointer;
}
.right-align{
  text-align:right;
}
.scroll_items{
  background-color:#FFF0E6;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  padding:5px;
}
.btnCancel{
  height:5vh;
  letter-spacing:1px;
  padding:2px !important;
  font-size:0.9em;
  width:auto !important;
}
.contact-info{
  font-size:1em;
}
.link-btn-view{
  text-decoration:none;
  background-color:rgba(0,0,255,0.8);
  color:#fff;
  padding:1px 3px;
  border-radius:2px;
}
.link-btn-danger{
  text-decoration:none;
  background-color:rgba(255,0,0,0.8);
  color:#fff;
  padding:1px 5px;
  border-radius:2px;
}
.link-btn-info{
  text-decoration:none;
  background-color:#0080C4;
  color:#fff;
  padding:1px 5px;
  border-radius:2px;
}
.link-btn-danger:hover,.link-btn-view:hover,.link-btn-info:hover{
  color:#fff;
  opacity:0.9;
}
/*input[type='select'] {
  font-size:2em;
}*/