body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

th {
	border-top: solid 1pt #6666FF;
	border-right: solid 1pt #6666FF;
	background-color:#CCCCFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.bodystyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.xbig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.expanded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 2px;
}

.justified {
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}

.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #999999;
}

.box1 {
	padding: 3px;
	border-width: medium;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border: 1px solid;
}

.style3 { 
	font-size: medium; font-weight: bold; 
}
.row { 
	display:block; 
	/* padding-left:16em;  */
	padding-bottom:5px; 
}

input, select {
	border:1px solid #CCCCCC;
	border-radius:5px;
}

input[type='text'], input[type='password'] { 
	width:100%; 
	height:30px; 
	padding:4px; 
}
.row-head { 
	font-size:1.2em; 
}
.row-gray { 
	background-color:#E9E9E9; 
	width:980px; 
	padding-top:10px; 
	padding-left:10px; 
	padding-bottom:8px;
	padding-right:10px;  
	/* margin-left:16em;  */
	color:#3F3F3F; 
	border-radius:5px;
}
select { 
	width:100%;
	height:35px; 
}

.red-plus {
	display:inline-block; 
	padding:0px 5px; 
	margin-top:2px; 
	vertical-align:bottom; 
	border-radius:5px; 
	background-color:#FFF;
}

.form-instruction {
	padding:10px; 
	background-color:#003062; 
	color:#FFF; 
	border-radius:5px;
}

.form-heading {
	background-color:#EFEFFF; 
	border-left: 3pt solid #EFEFFF; 
	padding: 10px; 
	font-size:1em; 
	font-weight:bold; 
	text-align:center; 
	border-radius:5px;
}

.form-category {
	width:1000px;
  /* height:200px; */
  /* border:1px solid black; */
  display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	/* margin-top:5px; */
	/* margin-bottom:5px; */
}

.form-subcategory {
	width:500px;
	flex: 50%;
  margin:10px;
	border:1px solid #000;
}

.form-category div {
	-ms-flex:1;  /* IE 10  */
  flex:1;
	display: flex;
  flex-direction: column;
	/* vertical-align:middle; */
	padding-top:15px;
	padding-bottom:15px;
	border-radius:5px;
	border:2px solid lightgray;
	/* background-color: #F8F8F8; */
	margin:3px;
	vertical-align:middle;
	cursor:pointer;
	flex: 50%;
	text-align:center;
}

.form-category div div {

	font-size:1.2em;
	/* border:1px solid blue; */
	border:0px;
	cursor:pointer;
	padding:10px;
	justify-content:space-evenly;
}

.category {
	border-radius:5px;
	/* border:2px solid lightgray !important; */
	background-color: #FFFFFF !important;
	display:inline-block;
}
.category div {
	background-color: #FFFFFF !important;
}

.category:hover {
	/* color:#555555; */
	/* color:pink; */
	filter: brightness(95%);
}

.flex-top {
	flex-basis:5rem !important;
}

.flex-bottom {
	flex-basis:5rem;
}

/* .form-category div:hover {
	background-color:#E9E9E9;
} */

footer a.link {
	color:#FFF;
}
footer a.link:hover {
	/* font-weight:bold; */
}

.price--line-through {
  /* font-size: 30px; */
  color: #333;
}

.price--line-through {
    background-color: transparent;
    background-image: gradient(linear, 19.1% -7.9%, 81% 107.9%, color-stop(0, transparent), color-stop(.48, transparent), color-stop(.5, #000), color-stop(.52, transparent), color-stop(1, transparent));
    background-image: repeating-linear-gradient(163deg, transparent 0%, transparent 40%, red 50%, transparent 52%, transparent 100%);
}

input[type=submit], input[type=button] {
	cursor:pointer;
	/* width:100px; */
	padding:15px 20px;
	margin:5px;
	border:0px;
}

input[type=submit] {
	background-color:#4285f4;
	color:#FFF;
}
input[type=submit][disabled=true] {
	background-color:#F0F0F0;
	color:#000;
	cursor:not-allowed;
}
input[type=submit]:hover, input[type=button]:hover {
	filter: brightness(95%);
}

table[name='fee_table'] tr td {
	background-color: #FFF;
	cursor:pointer;
}
table[name='fee_table'] tr td:hover, .ws_select:hover {
	filter: brightness(95%);
}

.ws_select {
	display:inline-block; 
	padding:5px 15px; 
	border-radius:5px; 
	margin-top:2px;
	background-color:lightgray;
}