/* 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;
}

/* 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;
  }
}

@media (max-width: 900px) and (min-width: 300px) {  
  .pos{
    flex-direction: column-reverse !important;               /* flex-direction:column ; 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="text"],
input[type="number"]{
  border: none;
  border-radius: 3px;
  box-shadow: inset 0 2px 5px rgba(0,0,0,.1);
  font-size: 20px;
  padding: 5px;
  width: 50%;
}

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

/*  POS TABLE STYLING STARTS HERE */
 .tableToHide{ display: none !important;}

 .pos-table
          {
            background-color: #edf0ee;
            border-radius: 1px;
            border-color: #036384;
            box-shadow:#343f3e;
          }