* {
	box-sizing: border-box;
}
.form-all {
	font-size:14px;
	color:#000;
	background-repeat: no-repeat;
}
.form-line {
	/* Don't conver these into shorthand */
	padding-top:12px;
	padding-bottom:12px;
	padding-left:36px;
	padding-right:36px;
	margin:6px 0;
	width:100%;
}
.form-label-top,
.form-label-left,
.form-label-right {
	font-weight: bold;
	margin-bottom: 9px;
}
.form-textbox,
.form-textarea,
.form-dropdown,
.form-captcha input {
	padding: 3px;
	margin-left: 0;
	border: 1px solid #ccc;
	font-size: 1em; /*14px*/
	line-height: 1.071em; /*15px*/
	-moz-box-shadow: 0 1px 2px #eee inset;
	-webkit-box-shadw: 0 1px 2px #eee inset;
	box-shadow: 0 1px 2px #eee inset;
}
.form-sub-label {
	font-size:0.786em; /*11px*/
	margin-top:3px;
}
.form-dropdown {
	padding: 2px;
	font-size:0.857em;/*12px*/

}
.jf-form-buttons,
.qq-upload-button {
	color:#666;
	border:1px solid #ccc;
	padding:6px 12px;
	text-shadow:0 1px #fff;
	cursor:pointer;
	border-radius: 3px;
	text-align: center;
	box-shadow: 0px 1px 1px 0px rgba(221,221,221,1);
	background-color: #f5f5f5;
}
.jf-form-buttons:hover,
.qq-upload-button:hover,
.jf-form-buttons:active,
.qq-upload-button:active {
	background-color: #ffffff;
}
.form-buttons-wrapper {
	margin-top:12px;
	margin-bottom:12px;
	display: flex;
}
.form-line-active {
	background: #FFFBEA;
}
.form-line-active input:focus,
.form-line-active textarea:focus {
	border:1px solid #FFD300;
	box-shadow: 0 0 3px #FFF0AA;
}
.form-line-error {
	background: #fff4f4;
}
.form-line-error .form-error-message {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background-color:#FF4E5D;
	color:#fff;
	padding: 5px;
}
li.form-line-error .form-error-message img {
	margin: 0 8px 0 3px;
	width: 20px;
	height: 20px;
}
.form-line-error div.form-error-message .form-error-arrow {
	border-bottom-color: #FF4E5D;
}
.form-error-arrow-inner {
	display: none;
}
.form-line-column {
    clear: none;
    float: left;
    width: auto;
    max-width: 100%; /*ie-11 fix*/
}
.form-all{
	margin:0 auto;font-size:12px
}
img{max-width:100%}
.isEmbeddedInPortal.supernova .form-all,.form-all{border:none}
.form-textbox,.form-textarea,.form-dropdown{color:#000;font-family:inherit}::placeholder{font-family:inherit}
.form-textarea{white-space:pre-wrap}
.form-buttons-center{justify-content:center}
.form-line-column .form-sub-label{white-space:normal}
li[data-type="control_datetime"] input.form-textbox{padding:3px 30px 4px 3px;margin:0;font-variant-ligatures:none}
@media screen and (max-width: 600px){
	li[data-type="control_datetime"] input.form-textbox{padding:3px 3px 4px 20px}
	.form-buttons-wrapper{flex-direction:column}
}
li[data-type="control_datetime"] .form-input-wide{position:relative}
li[data-type="control_datetime"] .icon-liteMode{margin-left:5px;vertical-align:middle}
.form-submit-button,.form-submit-reset,.form-submit-print,.form-screen-button{margin:0px;overflow:visible;padding:1px 6px;width:auto;font-family:inherit}
.form-label-top{margin-bottom:6px;display:block;white-space:normal}
.form-section,.form-section-closed{list-style:none;list-style-position:outside;margin:0px;padding:0px;position:relative;zoom:1;clear:both}
.form-line{clear:both;padding:10px;margin:0px;display:block;width:97%;width:-moz-available;position:relative}
.form-line-column{float:left;clear:none;width:auto}.form-line.form-line-column{display:inline-block}
.form-line-active{background-color:#FFFFE0;color:#333}
.form-required{margin-left:5px;color:red}
.form-button-error{color:#FF4E5D;display:inline;text-align:center}
.form-line-error{background:#FAA;color:#333}li.form-line-error input:not(#coupon-input),
li.form-line-error select,
li.form-line-error textarea,
li.form-line-error .form-validation-error{
	border:1px solid #FF4E5D;box-shadow:none
}
.form-line-active .form-error-message{display:none}
.form-error-message{
	z-index:900;position:absolute;max-width:130px;right:0px;top:0px;color:#333;padding:3px;font-size:10px;
	border:4px solid #d88;box-shadow:0px 2px 4px rgba(102, 102, 102, 0.5);border-radius:6px 6px;background:#FCC;display:flex;align-items:center
}
.form-error-message img{margin:0 8px 0 3px;width:20px;height:20px}
.form-error-arrow{position:absolute;top:-16px;left:10px;height:0px;width:0px;border:8px
	solid transparent;border-bottom-color:#666;border-bottom:8px solid rgba(102,102,102,0.3)
}
.form-error-arrow-inner{position:absolute;top:1px;height:0px;width:0px;border:10px
	solid transparent;border-bottom-color:#FCC;border-bottom-width:11px;left:-10px;top:-10px
}
.form-input .form-error-message, .form-input-wide .form-error-message{
	bottom:-5px;font-size:11px;position:relative;z-index:900;right:auto;top:auto;color:#333;padding:3px;max-width:100%;padding-bottom:3px;font-size:12px;border:none;box-shadow:0px 2px 4px rgba(102, 102, 102, 0.5);border-radius:6px 6px;background:#FCC
}
.form-sub-label-container{display:inline-block;margin-right:5px}
.form-sub-label{color:#999;display:block;font-size:9px;margin-bottom:3px;word-wrap:break-word}
.form-custom-hint{color:#aaa !important;overflow:hidden !important}
@media only screen and (max-width: 550px){
	body{font-size:18px}.form-all{width:auto !important}
	.form-buttons-wrapper{margin:5px !important;text-align:center}
	.form-textarea{width:94% !important;white-space:pre-wrap}.form-textbox,.form-textarea,.form-dropdown,
	.form-list{
		border:1px
		solid #555;padding:4px;-webkit-border-radius:5px 5px;-webkit-box-shadow:0 2px 4px rgba(0,0,0, 0.4) inset;-moz-border-radius:5px 5px;-moz-box-shadow:0 2px 4px rgba(0,0,0, 0.4) inset;border-radius:5px 5px;box-shadow:0 2px 4px rgba(0,0,0, 0.4) inset
	}
	.form-submit-button,.form-submit-reset{font-size:18px;line-height:30px}
}
@media screen and (max-width:40em){
	div.form-all:before{background-size:contain}
	.form-line,.form-line.form-line-column{padding:12px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	.form-dropdown,.form-textarea,.form-textbox{width:100%!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	.form-buttons-wrapper{margin-left:0!important}.form-all{width:95%}
	.form-submit-button,.form-submit-print,.form-submit-reset{width:100%;margin-left:0!important}
	.form-sub-label{white-space:normal}
	.form-sub-label-container{margin-right:0;float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
	.form-error-message{clear:both;bottom:-10px}
}

@media screen and (max-width: 770px){
	.form-line[data-type="control_dropdown"] .form-input-wide{width:100%}
}
div.calendar{color:#000;-moz-box-shadow:0px 0px 8px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0px 0px 8px rgba(0, 0, 0, 0.5);box-shadow:0px 0px 8px rgba(0,0,0,0.5)}div.calendar.popup{margin-left: -40px;margin-top: -100px;z-index:100000}div.calendar
td.weekend{background:#b5cfe9}div.calendar
.today{background:#D9360D !important}div.calendar .title, div.calendar
.button{color:#f9621a;border:0;background-color:transparent}div.calendar
table{
	background-color:#eee;border:1px
	solid #aaa;border-collapse:collapse
}
div.calendar
thead{background-color:white}div.calendar td,
div.calendar
th{font-size:11px;padding:3px;text-align:center}div.calendar
td.title{font-weight:bold}div.calendar
th{background:#ddd;border-bottom:1px solid #ccc;border-top:1px solid #ccc;font-weight:bold;color:#555}div.calendar tr.days
td{width:2em;color:#555;text-align:center;cursor:pointer}div.calendar tr.days td:hover:not(.unselectable),
div.calendar td.button:hover:not(.unselectable){background-color:#0178b8;color:#fff;cursor:pointer}
div.calendar tr.days
td.selected{font-weight:bold;background-color:#fff;color:#000}div.calendar tr.days
td.today{font-weight:bold;color:#fff}div.calendar tr.days
td.otherDay{color:#95959A}
.form-line-error {
  background-color: inherit;
}
div[data-wrapper-react="true"] {
  display: block;
}
@media screen and (max-width: 480px),
screen and (max-width: 768px) and (orientation: portrait),
screen and (max-width: 415px) and (orientation: landscape) {
.form-label-top,
    .form-label-top.search-enabled,
    .form-label-top.category-enabled,
    .form-label-top.search-enabled.category-enabled {
        padding-right: 4px !important;
    }
}
li.form-line-error input:not(#coupon-input), li.form-line-error select, li.form-line-error textarea, li.form-line-error .form-validation-error {
    border: 3px solid #FF4E5D !important;
    box-shadow: none;
}