#card-element {
  background: #FBFBFB;
  border: 1px solid #bbb;
  color: #333;
  padding: 6px !important;
  outline: none;
  vertical-align: middle;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
  min-height: 40px; /* Add some height so it's clearly visible */
}
.dock_plate_row td {
    padding-left: 40px !important;
	background:white !important;
}
.tree {
	border-collapse:collapse;
	margin:auto;
	font-family:Verdana, Geneva, sans-serif;
	display:table;
}
td.gridtable {
	vertical-align: top;
	padding:8px 10px;
}
td.gridtable label {
	display:block;
	color:#333;
	font-weight:normal;
	font-size: 0.80em;
	padding:2px;
	text-align:left;
}
.block-2 td.gridtable p{
	font-size:1.0em !important;
	margin-left:3px;
	margin-bottom:0;
}

.block-2 td.gridtable label {
	display:block;
	color:#60C7D7;
	font-weight:normal;
	font-size: 0.80em;
	padding:2px;
	text-align:left;
}

td.gridtable input[type=text], input[type=password], textarea, select {
	text-align:left;
	background: #FBFBFB;
	border: 1px solid #bbb;
	color: #333;
	padding: 6px !important;
	outline: none;
	vertical-align: middle;
	border-radius: 4px;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

td.thinner {
	vertical-align: top;
	padding:5px 5px 0 5px;
}

th.gridtable {
	vertical-align: top;
	padding:15px 10px;
	border-bottom:1px solid #e5e5e5;
	white-space: nowrap;
	font-size:85%;
}
th.sortable {
	cursor:pointer;
}
th.sortable:hover {
	text-decoration:underline;
}

td.gridtable ul {
	font-weight: normal;
	font-size:100%;
}
td.gridtable li {
}

td.gridtable img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
td.resizeImage {
	max-width: 300px;
	min-width: 300px;
}
td.thisLeft {
	text-align:left;
}
td.thisRight {
	text-align:right;
}
input.thisRight {
	text-align:right;
}

td.thisCenter {
	text-align:center;
}
label {
	vertical-align: baseline;
}
.treegrid-lt {
	background-color:#F2F2F2;
	border-bottom:1px solid #e5e5e5;
}
.treegrid-dk {
	background-color:#F8F8F8;
	border-bottom:1px solid #e5e5e5;
}
.treegrid-wt {
	background-color:#FFFFFF;
}
.treegrid-lt-no-border {
	background-color:#F2F2F2;
}

.treegrid-wt-border {
	background-color:#FFFFFF;
	border-bottom:1px solid #e5e5e5;
}
.this-bold {
	font-weight:bold;
}
.treegrid-header {
	background-color:#666666;
	border-top:1px solid #000000;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}
.no-wrap {
	white-space: nowrap;
}
.no-border {
	border:none !important;
}
.payment-table {
	width:100%;
}
@media screen and (max-width: 850px) {
/* Force table to not be like tables anymore */

#theform table, thead, tbody, th, td, tr {
	display:inline-block;
	width:100%;
}

td.gridtable {
	vertical-align: top;
	padding:8px 10px 5px 10px;
}
}
form#theform input.error {
	border:1px solid #CC0000;
	padding:5px;
}
form#theform textarea.error {
	border:1px solid #CC0000;
}
form#theform .error {
	color:#CC0000;
	margin: 0;
}
#stripe_payment_success {
	font-size:1em;
	color:#CC0000;
	margin: 0;
}
#stripe_payment_errors {
	font-size:1em;
	color:#CC0000;
	margin: 0;
	font-weight:bold;
}
.plainButton {
  box-shadow: inset 0 1px 0 0 #ffffff;
  background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
  background-color: #ededed;
  border-radius: 6px;
  display: inline-block;
  color: #003366;
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0 #ffffff;
  padding: 10px 20px;
  border: 1px solid #003366;
  cursor: pointer;
  transition: all 0.3s ease;
	margin-bottom:10px;
}

.plainButton:hover {
  background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
  background-color: #dfdfdf;
}

.plainButton:active {
  transform: translateY(1px);
}