body {
  overflow-x: hidden;
}

/*background image style for header*/

/*global horizontal line style*/
hr {
  border-top: 2px solid black;
  margin-top: 40px;
  margin-bottom: 40px;
}

/*index page subcontents styles*/
.subcontent > h1 {
  margin-top: -5px;
  color: #2c3e50;
  letter-spacing: 1px;
}
.subcontent > p {
  color: #7f8c8d;
  line-height: 2;
}

/*Header styles*/
header .navbar {
  padding: 20px 0;
  font-family: Arial, Helvetica, sans-serif;
}

header .navbar-header a::first-letter {
  border-bottom: 2px solid #ecf0f1;
}

header .navbar-nav a {
  color: #ecf0f1;
  padding-bottom: 12px;
  position: relative;
}

header .btnlogout a {
  padding-top: 5px;
}

/*underline animation for nav menus*/
header .navbar-nav a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  background-color: #ecf0f1;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
  margin-top: 25px;
}

header .navbar-nav a:hover::before {
  visibility: visible;
  transform: scaleX(1);
  background-color: transparent;
  color: #bdc3c7;
  border-bottom: 3px solid #ecf0f1;
}

header .navbar-nav .btnlogout a:hover::before {
  visibility: hidden;
  transform: scaleX(0);
}

header .navbar-nav a:hover {
  background-color: transparent;
  color: #bdc3c7;
}

header .navbar-nav .active a,
header .navbar-nav a:active {
  font-weight: 700;
  background: transparent;
  border-bottom: 3px solid #ecf0f1;
}

header .navbar-header a {
  color: #ecf0f1;
}

header .navbar-nav .btn {
  color: black;
  padding-bottom: 5px;
  margin: 8px 0px;
}

header .navbar-nav .btn:hover,
header .navbar-nav .btn:active {
  background-color: #bdc3c7;
  color: black;
  border-bottom: none;
}

.jumbotron {
  background-color: transparent;
  color: #ecf0f1;
  text-align: center;
  margin-top: 50px;
  text-shadow: 2px 2px black;
}

/*horizontal line style for footer*/
.footerline {
  margin-top: 70px;
  margin-bottom: 10px;
}

/*body content style*/
.content {
  font-family: Arial, Helvetica, sans-serif;
  color: #2c3e50;
}

.container {
  margin-top: 3rem !important;
}

/*horizontal line for body contents*/
.customline {
  margin-top: 29%;
  margin-bottom: 24px;
}

.subcontent .location,
.subcontent .definition {
  color: black;
}

.subcontent .location {
  font-size: 15px;
}

.subcontent .definition {
  font-size: 13px;
}

.subcontent .customline2 {
  margin-top: 36px;
  margin-bottom: 15px;
}

.subcontent .customline3 {
  margin-top: 20px;
  margin-bottom: 15px;
}

.subcontent .title {
  letter-spacing: 1px;
}

/*footer styles*/
footer {
  font-family: Arial, Helvetica, sans-serif;
  color: #e0e0e0;
  line-height: 2;
  background-color: #001825;
  padding-top: 20px;
}

.footerContent .footerContent1 {
  font-size: 40px;
  line-height: 1.5;
}

.footerSubtext,
.footerContent .footerSubtext2 {
  color: #95a5a6;
}

.footerContent .footerSubtext2 {
  font-size: 14px;
}

.footcontent {
  color: #e0e0e0;
}

/*styles for all modal footer*/
.modal-footer {
  padding-top: 10px;
  padding-bottom: 5px;
  margin-top: 10px;
}

.icon {
  font-size: 36px;
}

/*location modal body content*/
.modaltext1 h5 {
  font-weight: bold;
  line-height: 1.5;
}

.modaltext1 p {
  color: #9e9e9e;
  line-height: 1.5;
}

.modaltext2 {
  margin-top: 20px;
  line-height: 1.5;
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #bdbdbd;
}

/*modal button styles*/
header .modal-footer .closebtn:hover,
.modal-footer .closebtn:hover {
  background: #ef5350;
  color: #ffebee;
}

header .modal-body .loginbtn:hover {
  background: #66bb6a;
  color: #e8f5e9;
}

header .modal-body .rgsterbtn:hover {
  background: #2196f3;
  color: #e3f2fd;
}

/*text color for error messages in forms*/
.error {
  color: #ef5350;
}

/*styles for contact us page*/
.contacts > h1,
.contacts > p {
  line-height: 2;
}

textarea {
  resize: none;
}

/*style for back button in usn*/
.container .btn {
  margin-top: 10px;
}
