/* HEADER SECTION */
#navbarNav{padding-left: 5%;}

.nav-link {
  font-size:larger;
  position: relative;
  padding: 0;
  margin: 0;
  color: white;
  text-decoration: none;
}

.nav-link::after {
  opacity: 0;
  transition: all 0.2s;
  content: "";
  height: 1px;
  width: 100%;
  background-color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  }
  .nav-linkStyle {
    text-decoration: none;
    font-size:larger;
    position: relative;
    padding: 0;
    margin: 0;
    color: white;
    text-decoration: none;
  }
.nav-link:hover {
  text-decoration: none !important;
}

.firstLandingPage{
 background-color: rgba(87,93,95,255);
}

.nav-link:active{opacity: 0.5;}
.navBarColor{background-color: #036384; padding-left: 10%;}
.submit-link{text-decoration: none; color: black;}
/* HEADER SECTION END */
.footerBgColor{background-color: #036384;}
.footerAllPage {
  align-items: last baseline;
  display: flex;
  height: 100vh;
  justify-content: center;
  margin: 0;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

 Blog Page Section starts here
*/
hr.hrLines {
  border: 5px solid green;
  border-radius: 5px;
}

/* Blog section styling ends here */


/* Sales management section here*/

/* sales management section ends here */


/*  Reposive table start here*/
.table-container{overflow-x:auto};

/*  Reposive table ends here */
/*  Footer mobile responsive section starts here */
@media (max-width: 400px) and (min-width: 300px) {  
  .footerNavMobileRes {
    flex-direction: row !important;
  }
}

@media (max-width: 797px) and (min-width: 300px) {
  .footerNavMobileRes {flex-wrap: wrap !important;
  }
}

@media (max-width: 800px) {
  .footercContainerMobileRes {
    flex-direction: column;
    text-align: center !important;
  }
}

/*  Footer mobile responsive section ends here */
/* ------Body Media query starts here---------*/
 @media (max-width: 400px) {
  .features-responses {
      flex-direction: column !important;
  }
}

@media (max-width: 500px) and (min-width: 401px) {
  .features-responses {
    flex-direction: column !important;
    
  }
}

@media (max-width: 768px) and (min-width: 501px) {
  .features-responses {
    flex-direction: row !important;
  }
}
/* ---------About Us Media query----------*/
@media (max-width: 750px) {
  .about-responses{ flex-direction: column !important
      /* flex-direction: column; justify-content: center !important; */
  }
}

/* main page body starts here*/

@media (max-width: 500px) and (min-width: 300px) {  
  .index-brochure{
    width: 100% !important;
  }
}

/* main page body ends here*/


/* registration form section */
/* body {
  font-family: Arial, sans-serif;
  padding: 20px;
}

h1 {
  font-size: 24px;
  margin-bottom: 20px;
} */

label {
  display: block;
  margin-bottom: 5px;
}

/* input[type="text"],
input[type="email"],
input[type="password"] {
  border: none;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
  font-size: 16px;
  padding: 10px;
  width: 100%;
} */

.error {
  color: red;
  font-size: 12px;
  margin-left: 5px;
}

button[type="submit"] {
  background-color: #343f3e;
  border: none;
  border-radius: 3px;
  color: white;
  cursor: pointer;
  font-size: 16px;
  margin-top: 10px;
  padding: 10px;
  width: 50%;
}
button[type="submit"] {
  color: #ebf1f3;
}


button[type="submit"]:hover {
  background-color: #4d7e92;
}

.success {
  background-color: #d4edda;
  border-radius: 5px;
  color: #155724;
  margin-top: 20px;
  padding: 10px;
}

.field-container {
  margin-bottom: 20px;
}

/*   registration form ends here */

/* inventory management area */

.tableToHide{display: none;}

.form-label{font-weight: 600;}

.form-color{background-color:#edf0ee;}

input[type="password"]:required,
input[type="email"]:required,
input[type="text"]:required,
input[type="number"]:required{
  border: none;
  border-radius: 3px;
  box-shadow: inset 0 4px 5px rgba(0,0,0,.1);
  font-size: 16px;
  padding: 2px;
  width: 100%;
}

.fontStyling{font-size: 16px; font-weight: bold;}