.form-control2
{
	padding: 15px;
	outline:none;
	border-radius: 5px;
	border: 1px solid grey;
	margin: 3px;
	height: 40px;
	width: 100%;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}\


select option { color: black; }
select option:first-child{
  color: grey;
}

button.submit  {
     background: pink;
     border-radius: 20px;
     height:  38px;
     line-height:  40px;
     border:  2px black;
     display:  inline-block;
     float:  right;
     text-align:  center;
     width:  8vw;
     height: 50px;
     padding:  0px!important;
     font-size:  15px;
     font-weight: bold;
     color:  white;
 }

.submit:hover  {
     color:  white;
     background:  #ec5b7a;
     cursor: pointer;
 }


input[type="button"].cancel  {
	cursor: pointer;
     background: #0;
     border-radius: 20px;
     height:  38px;
     line-height:  40px;
     border:  2px black;
     display:  inline-block;
     float:  right;
     text-align:  center;
     width:  8vw;
     height: 50px;
     margin: 0px 15px 50px 0px;
     padding:  0px!important;
     font-size:  15px;
     font-weight: bold;
     color:  grey;
 }

input[type="button"].cancel:hover  {
     color:  grey;
     background:  whitesmoke;
     cursor: pointer;
 }