body>.fd-container{ background: #ffffff; width: 100%; min-height: 100%;padding: 15px; }
body>.fd-container .clear{ clear:both; }
body>.fd-container>.container{ background: #fff; border-radius: 4px; /* overflow: hidden;*/  padding: 32px 48px; }
body>.fd-container>.container div.logo { border-bottom: 1px solid #c1272d; margin-bottom: 48px; padding-bottom:8px; position:relative; }
body>.fd-container>.container div.logo img{ /* width: 162px; */ }
body>.fd-container>.container div.logo .slogan{ position:absolute; right: 0; bottom:0; font-size: 1.2em; }
body>.fd-container>.container .refid{ text-align:right; font-size: 0.82em; }

body>.fd-container>.container .section.questions.child .question{ border-bottom: none;  }
body>.fd-container>.container .section.questions.child .question{ border-bottom: none;  }
body>.fd-container>.container .section.questions.big .question{ background-color: #fbfbfb;margin: 0 0 60px 0;padding: 32px;border: 1px solid#e4e4e4;}
body>.fd-container>.container .section.questions .question{ border-bottom: 1px dashed#e4e4e4;margin-bottom: 8px;padding-bottom: 8px; }
body>.fd-container>.container .section.questions .question{ position:relative; transition: all 0.2s linear;  padding: 6px; padding: 6px 32px; }
body>.fd-container>.container .section.questions .question:hover{ /* padding-left: 8px; padding-right: 8px; */ background-color: #fff8f8; }
body>.fd-container>.container .section.questions .question h1{ margin: 0px;display: block; font-size: 20px;color: #7d7d7d; margin-bottom: 6px; }
body>.fd-container>.container .section.questions .question h1 p{ line-height: initial; display:inline-block; }
body>.fd-container>.container .section.questions .question h1 p.cn{font-size: 1.4em; }
/* body>.fd-container>.container .section.questions .question h1 p.en:before{ content: '|'; margin: 0 4px; } */
body>.fd-container>.container .section.questions .question h1 p.en{font-size: 0.6em; color: #b1b1b1; margin-left: 4px; }
body>.fd-container>.container .section.questions .question>.left{  width: 50%; margin:0; padding:0; float:left; }
body>.fd-container>.container .section.questions .question>.right{ width: 50%; margin:0; padding:0; float:right; }

body>.fd-container div.rate-component{ text-align:right; }
body>.fd-container div.rate-component:hover img,
body>.fd-container div.rate-component.selected img{ opacity: 0.17; }
body>.fd-container>.container .section.questions.big div.rate-component img{ margin: 0 7px; transition: all 0.3s linear; cursor: pointer; width:48px; }
body>.fd-container div.rate-component img{ margin: 0 7px; transition: all 0.3s linear; cursor: pointer; width:32px; user-drag: none; user-select: none; }
body>.fd-container div.rate-component img.selected{ opacity: 1; position:relative; }
body>.fd-container div.rate-component img:hover{  filter: initial;opacity: 1;        }
body>.fd-container div.rate-component img.selected{   border: 2px solid #d0d0d0;border-radius: 5px;zoom: 1.2; padding: 2px;  }
body>.fd-container div.rate-component img:last-child{ margin-right:0;  }
body>.fd-container div.rate-component img:first-child{ margin-left:0;  }
body>.fd-container div.rate-component span.legend{ font-size: 0.6em;display: inline-block;margin: 0 4px;color: #a0a0a0; }
body>.fd-container div.rate-component span.legend.left{  }
body>.fd-container div.rate-component span.legend.right{ max-width: 32px; }
body>.fd-container div.rate-component .clicked-notification{ opacity:0.9; pointer-events:none; position:absolute; background-color: #ffffff;padding: 3px 10px; box-shadow: 1px 1px 4px #c3c3c3;border-radius: 4px;color: gray;font-weight: bold; margin-top: -16px; font-size: 0.8em; }
body>.fd-container #mainDropZone,
body>.fd-container .dropzone{ border: 2px dashed #e1e1e1;color: #9a9a9a;font-size: 1.4em; }


body>.fd-container .page-section .step-section{ padding: 55px 80px; padding-bottom:0; color:rgb(47, 49, 69); }
body>.fd-container .page-section .step-section h2{ font-family: "Jost", sans-serif; font-weight:bold; font-size:40px; }
body>.fd-container .page-section .step-section p{ font-family: Montserrat;font-size: 22px;line-height: 1.7;color: #666666;margin: 0px; }
body>.fd-container .page-section .step-section .step-box{ padding-top: 32px; display: flex; justify-content: center; }
body>.fd-container .page-section .step-section .step-box-content { position:relative; user-select:none; user-drag:none; cursor: pointer;border-radius: 8px;border: 1px solid #e1e1e1;padding: 55px 20px 35px 20px;min-height: 260px;flex: 1 0;margin: 0 12px;display: flex;align-items: center;flex-direction: column;justify-content: space-between; }
body>.fd-container .page-section .step-section .step-box-content:active { background:#fbfbfb; }
body>.fd-container .page-section .step-section .step-box-content input[type="radio"] { position: absolute; top: 0; right: 0; margin: 10px; width: 21px; height: 21px; accent-color: #c1272d; }
body>.fd-container .page-section .step-section .step-box-content span{ text-align:center; }
body>.fd-container .page-section .step-section table{ width:100%; margin: 48px 0; }
body>.fd-container .page-section .step-section table th{ font-size:1.2em; }
body>.fd-container .page-section .step-section .step-btn-group{ margin:48px 0; text-align:right; }
body>.fd-container .page-section .step-section .step-btn{ user-select: none; font-family: "Jost", sans-serif; font-weight:bold; min-height: 75px; min-width: 210px; color: #fff; display: inline-block; font-size: 24px; font-weight: 500; border-radius: 5px; line-height: 75px; text-align: center; background-color: #c51f2e; border: 0; cursor: pointer;  }
body>.fd-container .page-section .step-section .step-btn-group .step-btn{ margin-left: 10px; margin-bottom: 8px; }
body>.fd-container .page-section .step-section .step-btn.back{ background: #ccc; color: #111; }
body>.fd-container .page-section .step-section .step-btn.disabled{  filter: grayscale(1);opacity: .5;cursor: not-allowed; }
body>.fd-container .page-section .step-section .file-drop-container h3{ font-family: "Jost", sans-serif; margin:36px 0 0 0; color:gray; font-size:1.2em; }
body>.fd-container .page-section .step-section .file-drop-container h3 i.fa.info{ color: #3F48CC; display: inline-block; position: absolute; margin: -8px 0 0 6px; cursor: pointer; }
body>.fd-container .page-section .step-section .file-drop-wrapper-row { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: stretch; }
body>.fd-container .page-section .step-section .file-drop-wrapper-row > .file-drop-container { margin: 32px 0;flex: 1 1 0;}
body>.fd-container .page-section .step-section .file-drop-wrapper-row > .file-drop-container:nth-child(1) { margin-right: 12px !important; }
body>.fd-container .page-section .step-section .file-drop-wrapper-row > .file-drop-container:nth-child(2) { margin-left: 12px !important; }
body>.fd-container .page-section .step-section .file-drop-wrapper-row > .file-drop-container .dropzone { height: 100%; }
body>.fd-container .page-section .step-section .file-drop-wrapper-row > .file-drop-container.has-files .check-icon{ display:inline-block !important; }


/* Experimental, needs ux approval */
body>.fd-container .page-section .stepper-wrapper{ margin: 0 0 68px 0; position: sticky; top: 0; background: white; z-index: 99999; padding: 8px 0 0 0; }
body>.fd-container .page-section .step-section .step-btn-group{ z-index:1001; position: sticky; bottom: 0; }

.dropzonev2 .dz-preview.dz-file-preview .dz-image{ background: #f1f1f1;border-radius: 50%; }
.dropzonev2 .dz-preview a.dz-remove{ display:inline-block; }
.dropzonev2 .dz-preview a.dl-btn{ display: inline-block; margin-left: 9px; cursor: pointer !important; border-left: 1px solid #e1e1e1; padding: 0 0 0 8px; }


@media only screen and (max-width : 1004px)
{
	body>.fd-container>.container {max-width:initial;   }
	body>.fd-container>.container .section.questions .question>.left{ width: 100%; }
	body>.fd-container>.container .section.questions .question>.right{ width: 100%; text-align: center; }
}
@media only screen and (max-width : 768px) {
	body>.fd-container>.container div.logo .slogan{ font-size: 1.11em; }
	body>.fd-container>.container {padding: 32px 16px; }
	body>.fd-container .page-section .step-section{ padding: 55px 16px; }
	body>.fd-container .page-section .step-section .step-box {flex-direction: column;}
	body>.fd-container .page-section .step-section .step-box-content {margin: 16px 0;}
	body>.fd-container .page-section .step-section .step-btn-group .step-btn{ height: auto; min-width: auto; min-height: auto; font-size: 18px; line-height: 1; padding: 16px; }
}
@media only screen and (max-width : 555px)
{
	/*
	body>.fd-container div.rate-component img{ display:block; margin: 0 auto; margin-bottom: 4px; }
	body>.fd-container>.container .section.questions.big div.rate-component img {  margin: 0 auto; margin-bottom: 4px; }
	body>.fd-container div.rate-component{ text-align:center; }
	body>.fd-container>.container div.logo img{margin-bottom: 10px;}
	*/

	body>.fd-container>.container div.logo img{width:162px; margin:0;}
	body>.fd-container>.container div.logo .slogan{ font-size: .8em; }

	body>.fd-container>.container{padding:8px;}
	body>.fd-container div.rate-component span.legend{display:block; max-width: none !important; margin: 4px;}
	body>.fd-container div.rate-component img{ margin: 0 6px; width: 40px; }
	body>.fd-container>.container .section.questions.big div.rate-component img{ margin: 0 6px; width: 40px; }
	body>.fd-container>.container .section.questions .question{ padding: 6px 0px; }
	body>.fd-container>.container .section.questions.big .question{ padding: 6px 2px; }
	body>.fd-container>.container div.logo img{margin-bottom: 10px;}
	body>.fd-container div.rate-component span.legend.left{text-align:left;}
	body>.fd-container div.rate-component{display:inline-block;}
	body>.fd-container>.container .section.questions .question>.right{ text-align:right; }
	body>.fd-container .page-section .step-section .step-btn-group .step-btn{ padding: 8px; }

}
@media only screen and (max-width : 333px)
{
	body>.fd-container div.rate-component img{  margin: 0 3px; width: 24px;   }
	body>.fd-container>.container .section.questions.big div.rate-component img{ margin: 0 3px; width: 24px; }
}