.WhiteButton{
	font-size:15px;
	border: 1px solid #cccccc;
	border-radius: 7px;
	padding: 0px 5px px 5px;
	background-color:white;
}

.selectdiv {
  position: relative;
  /*Don't really need this just for demo styling*/
  
  float: left;
  min-width: 100px;
  width:100%;
}
 
/*To remove button from IE11, thank you Matt */
select::-ms-expand {
	display: none;
}

.rborder{
	border: 2px solid #cccccc;
	border-radius:7px;
}


.selectdiv:after {
  content: '>';
  font: 17px "Consolas", monospace;
  color: #333;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 8px;
  /*Adjust for position however you want*/
  
  top: 2px;
  border-bottom: 1px solid #999;
  /*left line */
  
  position: absolute;
  pointer-events: none;
}
 
.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
  height: 25px;
  float: right;
  font-size: 12px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 7px;
  -ms-word-break: normal;
  word-break: normal;
}


.upperText{
	padding:5px 5px 0px 8px;
}


.inputClass{
	border-radius: 7px;
	height:25px;
	border: 1px solid #cccccc;
	line-height: 1.75;
	padding:2px 2px 2px 0px;
}

#mainDiv tr:nth-child(even) {background-color: #f2f2f2;}

select{
	width:100%;
}

@media only screen and (max-width: 350px) {
hr{
	display:none;
}
h2{
	font-size:15px;
}
   #maindiv table,#mainDiv th,#mainDiv td {
    font-size: 12px;
	border: 1px solid black;
	text-align:center;
	}
	#mainDiv th{
		font-size:11px;
	}
	#mainDiv table{
	#mainDiv width:100%;
	}
	#mainDiv i{
		display:inline-block;
	}
}


@media only screen and (max-width: 550px) and (min-width: 350px){
hr{
	display:none;
}
h2{
	font-size:17px;
}
  #maindiv table,#mainDiv th,#mainDiv td {
    font-size: 15px;
	border: 1px solid black;
	text-align:center;
	}
	#mainDiv th{
		font-size:14px;
	}
	#mainDiv table{
	#mainDiv width:100%;
	}
	#mainDiv i{
		display:inline-block;
	}
}

@media only screen and (min-width: 550px) {
  #maindiv table,#mainDiv th,#mainDiv td {
	font-size: 17px;
	border: 1px solid black;
	text-align:center;
	}
	hr{
		width:80%;
		display:block;
	}
	#mainDiv table{
		width:80%;
		display:table;
	}
}
span{
	padding:3px;
}
.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}


td {
	padding:0px 5px 0px 5px;
	}