body {
  max-width: 100%;
  overflow-x: hidden;
  
}

.gbtn {
  border: 2px solid black;
  background-color: white;
  color: black;
  padding: 4px 4px;
  font-size: 12px;
  cursor: pointer;
  height:15px;
  border-radius: 5px;
}

/* Green */
.greenbtn {
  border-color: #4CAF50;
  color: green;
  
}

.greenbtn:hover {
  background-color: #4CAF50;
  color: white;
}


/* Blue */
.bluebtn {
  border-color: #2196F3;
  color: dodgerblue
}

.bluebtn:hover {
  background: #2196F3;
  color: white;
}

/* Orange */
.orangebtn {
  border-color: #ff9800;
  color: orange;
}

.orangebtn:hover {
  background: #ff9800;
  color: white;
}

/* Red */
.redbtn {
  border-color: #f44336;
  color: red
}

.redbtn:hover {
  background: #f44336;
  color: white;
}

/* Gray */
.graybtn {
  border-color: #e7e7e7;
  color: black;
}

.graybtn:hover {
  background: #e7e7e7;
}

#listscr {
  background-color: #ffffff;
  border:1px solid #b4b4b4;
  position: absolute;
  top:250px;
  left:475px;
  height:500px;
  width:600px;
  visibility:visible;
  z-index: 4999;
  padding:10px 10px 10px 10px;
}

#alertboxscr {
  background-color: #ffffff;
  border:1px solid #b4b4b4;
  position: absolute;
  top:250px;
  left:475px;
  height:225px;
  width:400px;
  visibility:visible;
  z-index: 4999;
  padding:10px 10px 10px 10px;
}
    

#uploadscr {
  background-color: #ffffff;
  border:1px solid #b4b4b4;
  position: absolute;
  top:250px;
  left:475px;
  height:225px;
  width:400px;
  visibility:visible;
  z-index: 4999;
  padding:10px 10px 10px 10px;
}

#plswaitscr {
  background-color: rgba(0,0,0,.1);
  border:1px solid #b4b4b4;
  position: absolute;
  top:0px;
  left:0px;
  height:200%;
  width:100%;
  visibility:visible;
  z-index: 4999;
  padding:10px 10px 10px 10px;
}

.centered {
  position: fixed;
  top: 10%; 
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -10%);
}

/^ upload */
.input-container {
  margin: 3em auto;
  max-width: 300px;
  background-color: #EDEDED;
  border: 1px solid #DFDFDF;
  border-radius: 5px;
}
input[type='file'] {
  display: none;
}
.file-info {
  font-size: 0.9em;
}
.browse-btn {
  background: #03A595;
  color: #fff;
  min-height: 35px;
  padding: 10px;
  border: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.browse-btn:hover {
  background: #4ec0b4;
}
@media (max-width: 300px) {
  button {
    width: 100%;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
  }
  
  .file-info {
    display: block;
    margin: 10px 5px;
  }
}


.cartcontainer {
    margin: 0 auto;
    background: #F5F5F5;
    margin-top:75px;
}


.cartdiv input[type=text], select, textarea {
  width: 150px; /* Full width */
  height: 20px;
  padding: 6px; /* Some padding */  
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 3px; /* Add a top margin */
  margin-bottom: 5px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

.cartdiv select {
  width: 75px; /* Full width */
  height: 28px;
  font-size:12px;
  padding: 2px; /* Some padding */  
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 3px; /* Add a top margin */
  margin-bottom: 5px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

.cartdiv label {
  display: inline-block;
  width: 85px;
  text-align: right;
  
}


.DivToScroll {
    background-color: #F5F5F5;
    border: 1px solid #DDDDDD;
    border-radius: 4px 0 4px 0;
    color: #3B3C3E;
    font-size: 12px;
    font-weight: bold;
    left: -1px;
    padding: 10px 7px 5px;
}
.DivWithScroll {
    height:100px;
    overflow:scroll;
    overflow-x:hidden;
}