@import url("https://fonts.googleapis.com/icon?family=Material+Icons");


.dr-row {
  float: left;
  /* margin-top: 10px; */
  margin-left: auto;
  margin-right: auto;
  width: 100%
}

.dr-col {
  float: left;
  margin-top: 10px;
}

.dr-col.center {
  text-align: center;
}

.dr-col.dr-s12 {
  width: 100%;
}

.dr-col input,
.dr-col select {
  width: 80% !important;
  /* background-color: #e5e5e5 !important; */
  color: black !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.dr-col input[type="button"] {
	border-color: #ff0505 !important;
	background-color: #ff0505 !important;
  margin-top: 25px;
  color: white !important;
}

.dr-col input[type="submit"]:hover {
	-webkit-transition: all 0.28s ease-in-out 0s !important;
	transition: all 0.28s ease-in-out 0s !important;
	border-color: #000 !important;
	background-color: #000 !important;
}

svg {
  width: 100px;
  height: 100px;
  margin: 20px;
  display:inline-block;
}

div #payment-failed {
	background-color: lightpink;
	border-color: green;
	padding: 10px 5px 20px 5px;
	margin-top: 20px;
	color: black;
  font-size: 130%
}

/* ************************************** */


@media screen and (min-width: 600px) {

  .dr-col.dr-m6 {
    width: 50%;
  }
}