/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {height: 450px}
hr {
 width: 50%;
} 


 body {font-family: Arial, Helvetica, sans-serif;}
 input[type=text], input[type=password] {
   width: 40%;
   padding: 12px 20px;
   margin: 8px 100px 20px 8px;
   border: 1px solid #ccc;
   box-sizing: border-box;
 }
 label[for=division], label[for=group] {
   margin: 8px 0px 2px 8px;
 }
 
 button {
   margin: 8px 0;
   cursor: pointer;

 }
 
 button:hover {
   opacity: 0.8;
 }
 
 .formlabel {
   margin: 8px 10px 20px 8px;
 }
 
 .cartorderhistory {
   display: inline-block;
   width: 46%;
   margin: 0px 10px 0px 10px !important;
   position: relative;
   bottom: 0;
   right: 0;
     text-align: right;
 }

 .history{
     margin-left: -20px;
 }

 .cart{
     margin-left: 20px;
 }
 
 .formstext {
     display: inline-block;
 }

 .formstext p{
     margin-bottom: 0px;
 }
 
 .crum {
   height: 50px !important;
   margin-left: 50px;
 }
 
 .formsmaterial {
   display: inline-block;
     padding: 0px;
 }
 
 .formsmaterialrow {
     margin-left: 15px;
     width: 75%;
     font-weight: bold;
 }
 
 .groupdivisionform {
   display: block;
   width: 100%;
   height: 300px;
   padding: 25px;
   margin: 0px;
   border-radius:5px;
 }
 
 .container {
   padding: 16px;
 }

 .order-history, .egap-cart{
  margin: -4px 5px;
 }
 .container.breadcrumb-header-container{
   padding-left: 15px;
   padding-right: 10px;
   margin-top:-15px;
 }

 .bold{
  font-weight: bold;
}

hr{
  width: 100%;
  background: #d4d4d4;
  margin-top: 40px;
  height: 2px;
  z-index: 1;
  position: relative;
}
.table-bordered{
  border-collapse: collapse;
  border-radius: 3px;
  border-style: hidden;
  box-shadow: 0 0 0 1px #dee2e6;
}
 /*.container-fluid {
   margin: 10px 150px 0px 150px;
 }*/
   /* On small screens, set height to 'auto' for sidenav and grid */
   @media screen and (max-width: 300px) {
    span.psw {
    display: block;
    float: none;
   }
 }