﻿/* Used to show a spinning/wait cursor, usually during an AJAX operation */
body.wait, body.wait * {
    cursor: wait !important;   
}
#FMFormTag *, #FMFormTag *::before, #FMFormTag *::after
{
	box-sizing: border-box;
}
#FMErrorMessage 
{
	color: red;
	margin-bottom: 1em;
}
form p
{
	margin: 1em 0!important;
	padding: 0!important;
}
form div.FMField
{
	padding: 0 1em 1em 0!important;
	font-family: 'Raleway', sans-serif;
	clear: both;
}
form div.FMSection
{
	clear: both;
	padding-right: 1em;
}
form div.FMGroupedFields
{
	clear: both;
}
form div.FMGroupedFields .FMField
{
	float: left;
	clear: none;
}
form div.FMField .FieldLabel
{
	margin: 0!important;
	padding: 0!important;
}
form div.FMField strong .FieldLabel, .FMFieldLabel strong
{
	font-size: 1.1em;
	color: #444;
	font-weight: 600; 
	margin: 0;
}
form div.FMDescText
{
	font-size: .9em;
	color: #AAA;
	margin-top: 4px;
}
form div.FMSection div.FMDescText
{
	margin-bottom: .5em;
}
div.FMField input[type]:not([type=checkbox]):not([type=radio]), 
table.FieldTable input[type]:not([type=checkbox]):not([type=radio]),
div.FMField textarea 
{
	display: block;
	width: 100%;
	padding: .5em .5em;
	font-size: 1.1em;
	color: #555555;
	background-color: #ffffff;
	border: 2px solid #DDD;
	border-radius: 0 !important;
	-webkit-transition: border-color ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s;
	transition: border-color ease-in-out .15s;
}
div.FMField select, table.FieldTable select
{
	display: block;
	appearance: auto;
	width: 100%;
	padding: .5em .5em;
	font-size: 1.1em;
	color: #555555;
	background-color: #ffffff;
	border: 2px solid #DDD;
	border-radius: 0 !important;
	-webkit-transition: border-color ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s;
	transition: border-color ease-in-out .15s;
}
div.FMField select option:disabled, table.FieldTable select option:disabled
{
	color: #C0C0C0;
}
form div.FMMultInputDescText
{
	font-size: .85em;
	color: #AAA;
	margin-bottom: 5px;
}
@media only screen and (max-width: 736px) 
{
	div.FMField  
	{
		clear: both!important;
		width: 100%!important;
	}
}
div.FMField input[type=file]
{
	border:none;
}
div.FMField table
{
	margin-top: 0!important;
}
div.FMActionButtons
{
	clear: both;
}
input.MainButton, input.StandardButton
{
	cursor: pointer;
	background-color: var(--wp--preset--color--red);
	color: #fff;
	font-weight: 600;
	font-size: large;
	padding: 1rem 3rem;
	border-radius: 2rem;
	border-width: 0;
	margin: 1rem 0;
}

input.MainButton:hover, input.StandardButton:hover
{
	--border-color: var(--wp--custom--colors--button-bg-hover);
    --bg-color: var(--wp--custom--colors--button-bg-hover);
    --color: var(--wp--custom--colors--button);
    border-color: var(--wp--custom--colors--button-bg-hover);
    border-color: var(--border-color);
    background-color: var(--wp--custom--colors--button-bg-hover);
    background-color: var(--bg-color);
}

body:not(.device-touch) input.MainButton, body:not(.device-touch) input.StandardButton 
{
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

span.HorizontalOptions
{
	white-space: nowrap;
	font-weight: 400;
}
span.HorizontalOptions input[type=radio]
{
	margin-right:3px;
}
table.Progress
{
	padding:2px; 
	border: 1px solid #628297; 
	width: 96% !important;
	background-color:#ffffff; 
}
.Progress td
{
	border: none; 
	text-align:left;
	width: 100%;
	padding:2px; 
}
div.ProgressBar
{
	background-color:#395d75; 
}
div.ProgressButton
{
	float:left; 
	display:inline;
}
table.MatrixTable
{
	margin-bottom: 35px;
	border-collapse: collapse;
}
table.MatrixTable tr:first-child td 
{
	/*word-spacing: 50px;*/
}
label.FieldLabel
{
	
}
span.Super
{
	vertical-align: top;	
}
select 
{
	max-width: 100%;
}
.HelpTextHeader
{
	padding-top: 0px;
	margin-top: 0px;
}
p.HelpText
{
	padding-top: 0px;
}
.SliderTable, .MatrixTable
{
	outline: 2px;
	outline-color:#ededed;
	outline-style:solid;
	padding: 12px;
	margin: 4px 0px 0px 0px;
	background-color:#f2f2f2;
	border:1px solid #bbb0a6;
	background-image:none;
    -moz-box-shadow:    inset 0 0 16px #bbb0a6;
    -webkit-box-shadow: inset 0 0 16px #bbb0a6;
    box-shadow:         inset 0 0 16px #bbb0a6;
}
.SliderDiv
{
	margin-left: 1.2em;
	margin-right: 1.2em;
}
.SliderTD
{
	text-align: center;
	vertical-align: middle;
}
.custom-slider-handle
{
	min-width: 1em!important;
	width: auto!important;
	padding: 0 0.15em 0 0.15em;
	text-align: center;
	line-height: 1.1em;
}
.custom-slider-handle span
{
	font-size: 1em!important;
	font-weight: bold;
}
.ui-tooltip-helptext
{
	max-width: 500px!important;
}
.PaymentItemTable
{
	margin-left: -5px;
}
.PaymentItemTable td
{
	vertical-align: middle;
}
.PaymentItemTable th
{
	text-decoration: underline;
	font-weight: normal;
	font-style: italic;
}
.PaymentItemTable td.Amount
{
	padding-left: 10px;
	text-align: right;
}
.noscript
{
	font-size:18px;
	color:white;
	background-color:#9c0000;
	padding:3px;
}
div.mobileReturn
{
	line-height:120px;
}
div.mobileReturn a
{
	display:block;
	width:100%;
	text-align:center;
	font-size:60px;
	text-decoration:none;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color:#cccccc;
	color:#92020C;
}

.PaymentItemTable tr:not(:last-child):not(:nth-last-child(2))
{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

@media screen and (max-width:600px) {

}