input[type=number] {
	resize:vertical;
}

.row {
	margin-bottom: 5px;
	min-height: 55px;
	position: relative;
}
.row > div {
	min-height: 55px;
}

.row input {
	width: 100%;
}
input[type=checkbox] {
	width: 25px;
	height: 25px;
	transform: translate(-2px,7px);
}
.row:after {
	content: "";
	display: table;
	clear: both;
}
.row label {
	padding: 12px 12px 12px 0;
	display: inline-block;
/*
	float: left;
*/
}
.col-10 {
	float:left;
	width: 10%;
	margin-top: 6px;
	text-align: left;
}
.col-20 {
	float:left;
	width: 20%;
	margin-top: 6px;
	padding-right: 50px;
	text-align: left;
}
.col-25 {
	float:left;
	width: 25%;
	margin-top: 6px;
	padding-right: 50px;
	text-align: left;
}
.col-30 {
	float:left;
	width: 30%;
	margin-top: 6px;
	padding-right: 50px;
	text-align: left;
}
.col-40 {
	float:left;
	width: 40%;
	margin-top: 6px;
	padding-right: 50px;
	text-align: left;
}
.col-50 {
	float: left;
	width: 50%;
	margin-top: 6px;
	padding-right: 50px;
	text-align: left;
}
.col-60 {
	float: left;
	width: 50%;
	margin-top: 6px;
	padding-right: 50px;
	text-align: left;
}
.col-70 {
	float:left;
	width: 70%;
	margin-top: 6px;
	text-align: left;
}
.col-75 {
	float:left;
	width: 75%;
	margin-top: 6px;
	text-align: left;
}
.col-80 {
	float:left;
	width: 80%;
	margin-top: 6px;
	text-align: left;
}
.col-90 {
	float:left;
	width: 90%;
	margin-top: 6px;
	text-align: left;
}
.col-100 {
	width: 100%;
	text-align: left;
	float: left;
}
input[type=date],input[type=datetime-local],input[type=number],input[type=text],input[type=password],input[type=email] {
	width: 200px;
}
input[type=number] {
	max-width: 70px;
}
@media screen and (max-width: 600px) {
  .col-10, .col-20, .col-25, .col-30, .col-40, .col-50, .col-60, .col70, .col-75, .col-80, .col-90, .col100, input[type=submit] {
    width: 100%;
    margin-top: 10px;
  }
  .col-checkbox {
  	width: auto;
  	position: absolute;
  	right: 15px;
  }
}

}