body {font-family: Arial, Helvetica, sans-serif;}
* {box-sizing: border-box;}
 
input[type=text], select, textarea {
  width: 100%;
  padding: 4px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 6px;
  resize: vertical;
}
 
input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
 
input[type=submit]:hover {
  background-color: #45a049;
}

textarea {
  height:50px
}
 
.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

#repyes {
  text-align: left;
  margin-left: 60px
}

#pdty {
  text-align: left;
  margin-left: 22px
}

/*---THE START OF REGION CHECKBOX CSS---*/
.regionmultiselect {
  width: 200px;
}

.regionselectBox {
  position: relative;
}

.regionselectBox select {
  width: 100%;
  font-weight: bold;
}

.regionoverSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#regioncheckboxes {
  display: none;
  border: 1px #dadada solid;
}

#regioncheckboxes label {
  display: block;
}

#regioncheckboxes label:hover {
  background-color: #1e90ff;
}
/*---THE END OF REGION CHECKBOX CSS---*/

/*---THE START OF BROWSER CHECBOX CSS---*/
.browsermultiselect {
  width: 200px;
}

.browserselectBox {
  position: relative;
}

.browserselectBox select {
  width: 100%;
  font-weight: bold;
}

.browseroverSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#browsercheckboxes {
  display: none;
  border: 1px #dadada solid;
}

#browsercheckboxes label {
  display: block;
}

#browsercheckboxes label:hover {
  background-color: #1e90ff;
}
/*---THE END OF BROWSER CHECBOX CSS---*/