#navbarNav .nav .nav-item{
  display:inline-block;
  float:right;
}

#navbarNav .nav{
  display:inline-block;
}

footer .row.footer-navbar{
  display: none;
}

.col-lg-4.col-md-4 .form-group textarea{
  border: 2px solid #2626c0;
}

#footer{
  background: #f3f3f3c9;
  margin-top: -15px;
}


#container-fluid, #containers{
  background: #f9f6ec;
}


#footer p{
  color: white;
  font-family: Arial;
  font-size: 16px;
}

nav{
  background: #2eb15b;
  border-radius: 0px;

  border-bottom:none;
}


#container-fluid .card .card-body table tr td img{
  
  width: 30%;
}


#container-fluid .card .card-body table tr th{
  font-family: Arial;
  text-transform: capitalize;
}

#container-fluid .card .card-header{
  background: #aeaeae;
  color: white;
}


#body{
  background: #d8c7c76b;
}


.navbar-nav{
  font-size: 15px;
  margin-top: 2px;

  font-family: Arial;
  padding-bottom: 3px;
}



#userNav, #transNav{
  /*background: #f7f2f2; */
  margin-top: 20px;
}


#userNav a, #transNav a{
  font-size: 16px;
  font-family: Arial;
}


#userNav a:hover, #transNav a:hover{
  text-decoration: none;
  text-shadow: 1px 1px #00ffgg;
}


/* When the input field gets focus, change its width to 100% */
#search_usr:focus {
  font-family: Arial;
  font-size: 16px;
}



#container-fluid .card{
  border: 2px solid  #2eb15b;
  color: white;
  border-radius: 2px;

  background: #f9f6ec;

}


/* When the input field gets focus, change its width to 100% */
#container-fluid .card .card-header select {
  font-family: Arial;
  font-size: 16px;

  border-radius: 2px;
  margin-left: 12px;
}


#container-fluid .floating-box {
  float: left;
  width: auto;
   
  padding: 1%;

  height: 35px;
  margin: 0.5%;

  padding-top: 1px;

  color: #061e44;
  font-family: arial;

  font-weight: bold;

  float: left;
  width: auto;

  display:inline-block;
  box-shadow: 0px 0px;

  border: 2px solid #276AB2;

}


.after-box {
  clear: left;
  border: 3px solid red;
}


#currUser{
  font-size: 100%;
  font-family: Arial;

}

#currUser: hover{
  font-size: 20px;
  color:aliceblue;
  
}

#currUser i {
  font-size: 20px;
  
}

#currUser i:hover {
  font-size: 25px;
  
}

#modal-dialog1{
  background: #b9b5b2;
}

#modal-dialog1 .modal-header h4{
  border: 2px solid ;
  border-radius: 6px;

  border-top: none;
  border-left: none;
  border-right: none;
}


#allInfo span {
  color: #0b3890;
}


#allInfo tr td{
  font-size: 17px;
  font-family:Arial;

  text-transform: capitalize;
}


#container-fluid .card label {
  color: #040921;
  font-size: 16px;

  font-family: Arial;
}

#container-fluid .card input {
  color: #040921;
  font-size: 16px;

  font-family: Arial;
  border: 2px solid #0b0ba0;
}


#container-fluid .card select {
  color: #040921;
  font-size: 16px;

  font-family: Arial;
  border: 2px solid #0b0ba0;
}

#container-fluid .card .btn {
  font-size: 16px;

  font-family: Arial;
  border: 2px solid #0b0ba0;
}



/*  view message.php    *************************************** */

#msgContent{
  background:#040e35c9;
  padding-top: 2vh;
  padding-bottom: 2vh;

  border-radius: 3px;

}

#msgContent td span {
  color: #0b3890;
}


#msgContent table tr td{
  font-size: 17px;
  font-family:Arial;

  text-transform: capitalize;
}



#report{
  background:#d2cccc47;
  height: 100px;

  border: 2px solid #315d82c9;
  margin: 1%;

  border-radius: 5px;
}


.report-info{

    width: 13.5%;
    margin-left: 0.5%;
}


#report:hover{

  border: 2px solid #0c014a;
  margin: 1%;

  border-radius: 5px;

}

#report select{
  margin-top: 26px;
  border: 2px solid #040e35c9;

  font-size: 16px;
  font-family: Arial;
  
  border-radius:2px;
  text-align:center;

}


#report input{
  border: 2px solid #040e35c9;

  font-size: 16px;
  font-family: Arial;
  
  border-radius:2px;
  text-align:center;

}

.navbar-nav .nav-item a:hover{
  background:#020c4c;
}

.navbar-nav .nav-item{
  margin-left: 0.5%
}

.navbar-nav{
  width: 75%;
}


@media screen and (max-width: 767px) {

  .navbar-nav{
    width: 100%;
  }

  .navbar-toggler{
    margin-left: 3%;
  }

  #log{

    width: 100%;

  }


#container-fluid .floating-box {
 
  width:auto;
  padding:1% 3%; 
}

#container-fluid, #containers{
  width: 93.8%;
  background: #d2bcbc33;
  padding-left: 0% 2% ;

}

 /* progress bar   ***/

 .progress{ 

  margin: 0px;

 }


}



#progress {
  margin-bottom: 0px;
}


#progress .progress{
  margin-bottom: 15px;
  height: auto;

  background: #070628c9;
  margin-left: 3%;
  
  border: 2px solid;
  color:white;
}

#progress .progress:first-child{
  margin-bottom: 15px;
  height: auto;

  background: #070628c9;
  margin-left: 1%;
  
  border: 2px solid;
  color:white;
}

#progress .progress:hover{
  background: #0e3b7d;
  color:white;
}

.progress h5{

  font-size: 20px;
  margin-top: 10px;
  font-family: arial;

  text-transform: capitalize;
  text-decoration: underline;

  border-radius: 10px

}



.progress ul{

  font-size: 16px;
  font-family: arial;

  text-transform: capitalize;
  list-style:circle
}



#log{
  border: 2px solid #070628c9; 
  background: white;

  border-radius: 10px;

  
}


.progress ul li{

  margin-top: 10px;
}


/************************remove border for other user *****************************************/ 
#container-fluid #other{
  border: 0px;
}

#viewBuildingInfo img{
  height: 50px;
}

#viewBuildingInfo img:hover{

}


#connectionError h2{
  
  text-align:center;
  font-family: courier;

}


#connectionError {
  
  padding-top: 10%;
  padding-bottom: 10%;
  
}



#content-data img {
    background-color:red;

    height: 160px;
    width: 60%;
}


.overview{
  background: #ecf7ec;
  width: 20%;

  margin: 4%;
  border-radius: 2%;

  padding: 1%;

  border: 4px solid #276AB2;
  height: 240px;
  overflow-y:scroll;

}

.overview h4{

  font-size: 18px;
  font-weight: bold;

  padding: 1%;

}

.overview h5{

  font-size: 16px;
  font-weight: bold;

  padding: 1%;
  margin-top: 20px;

  color: #310422;
  font-family: arial;
  
}



#form-check input{

  border: 2px solid  #2e3944;
  
}


#form-check {

  padding-top: 30px;
  
}


.unique-notification{
  padding: 1%;
  background-color: #0d0c46;

  width: 3%;
  border-radius: 10px;

  margin-top: 1%;
}