#content-top {
	display: block;
	padding: 10px 30px 10px;
	border-bottom: 1px solid #dcdcdc;
	height: 60px;
}

.sc-logo {
	display: block;
	float: right;
}

/*.bp-normal #content, .bp-wide #content {
    left:0; 
    width: 100%;
}*/

.sidebar-nav-info {
	min-height: 100%;
	height: calc(100% + 230px);
}

.sc-step {
	min-height: auto;
}

h3.component---info---title {
}
.bp-normal .component---fullwidth .intro_wrapper, .bp-wide .component---fullwidth .intro_wrapper, .layout-2cols .component---fullwidth .intro_wrapper   {
    margin-left: -30px;
    margin-right: -30px;
    width: auto;
}
.component---intro .intro_text {
	height: auto !important;
}

.layout-2cols .component---info .component---info---block {
    width: 100%;
}
.table-data-full {
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}

.table-data-full .table-responsive {
	width: 1000px;
}

.bp-small .component---intro .intro_wrapper {
    background-position: 50% 50%;
    min-height: auto;
    height: 220px;
}

.bp-small .component---intro .intro_text {
	font-size: 20px;
}
.bp-small .component---info .component---info---block {
    padding-right: 0px;
}
.component---group.component---group---acceptance.error .component---group---errormessage {
    display: block !important;
}

.component---group.component---group---acceptance.valid .component---group---errormessage {
    display: none !important;
}

.sc-form-component .scformsikon.tick {
    height: 100% !important;
}
.component---select .scformsikon.tick {
    height: 100% !important;
    top: 6px !important;
}
.ie11 .component---select .scformsikon.tick {
    top: 42px !important;
}
.component---select .scformsikon.ikon-default-dropdown:not(.scformsikon-form-dropdown-country) {
    top: 0 !important;
}
.component---select .select-outer-wrapper {
	overflow: hidden;
}
.component---switch {
    overflow: visible;
    height: auto !important;
    cursor: pointer;
}
.component---info {

    overflow: hidden;
    line-height: initial !important;
    height: auto !important;
    background-repeat: no-repeat;
    background-position: 475px 100% !important;

}
.component---upload, .component---upload-group {
    background-color: transparent !important;
    line-height: initial !important;
    height: auto !important;
    overflow: visible;
}
.is-upload-step .component---info .component---info---block {
    padding: 0 19px;
    width: calc(100% - 105px);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}
.m-terms-conditions {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -10px;
}
.m-terms-conditions > .content-wrapper {
    padding-right: 0;
    padding-left: 5px;
}
.m-terms-conditions .item .answer, .m-terms-conditions .item .question-text {
    font-size: 17px;
    letter-spacing: 0;
    width: calc(100% - 40px);
    max-width: calc(100% - 40px);
}

.showvalidation button.next .nextstep---next-text {
    display: none;
}

.approved button.next .nextstep---next-text, .reviewing button.next .nextstep---next-text, .reviewing.approved button.next .nextstep---next-text, .reviewing.approved.showvalidation button.next .nextstep---next-text {
    display: block;
}

.submit---component button {
    background-color: #353738;
}

#thanks-content .sc-step {
	opacity: 1; 
}

.submit---component {
    display: block !important;
}

.passvalid button.next, .passvalid.showvalidation button.next {
    background-color: #63b464;
}

.pageable .submit---component button {
    width: 100%;
}

.pageable #thanks-content .sc-step {
	top: 60px;
}

.bp-small .component---select .scformsikon.scformsikon-form-dropdown {
    right: -12px;
}

.component---range---value {
    z-index: 99;
}

div.noUi-marker:first-child div:before {
   content: "$\00A0";
}

.sc-form-component.error .component---range---title, .sc-form-component.error .floatlabel, .sc-form-component.error-year .floatlabel, .sc-form-component.error-year .floatlabel, .sc-form-component.error-month .floatlabel, .sc-form-component.error-day .floatlabel {
    color: red;
    display: none;
}

.sc-form-component.error .component---range---title.error {
    display: inline-block;
}

.sc-form-component.error .floatlabel.error, .sc-form-component.error-year .floatlabel.error, .sc-form-component.error-year .floatlabel.error, .sc-form-component.error-month .floatlabel.error, .sc-form-component.error-day .floatlabel.error {
    display: block;
}

.bp-medium .static-page .nextstep, .bp-small .static-page .nextstep {
    bottom: 0;
	position: fixed;
}
.component---select .ui-menu, .component---select .ui-selectmenu-menu {

    max-height: 160px;

}
.component---select-datalist ul {
	display:none;
}

.lucky_draw_box {
	width: 95vw;
	height: 95vw;
	max-width: 1024px;
	max-height: 800px;
	padding: 0;
	display: block;
	margin: 0 auto 10px;
}
.rebate_rate{
	font-size:40px;
	font-weight: 700;
	display:block;
	padding-top:25px;
}
.rebate_text{
	font-size:18px;
	display:block;
	padding-top:10px;
	clear:both;
}

#wheel {
	width: 95vw;
	height: 95vw;
	max-width: 600px;
	max-height: 600px;
	padding: 0;
	display: block;
	margin: 0 auto 10px;
}

#wheel_pointer, #wheel_highlight {
	width: 100%;
	max-width: 600px;
	height:600px;
	padding: 0;
	margin: 0;
	display: block;
	position: absolute;
	top:0;
}

#wheel_image {
	width: 100%;
	max-width: 600px;
	padding: 0;
	margin: 0;
	display: block;
	position: absolute;
	top:0;
}

#order {
	padding: 0;
	display: table;
	margin: 0 auto 10px;
	width: 100%;
}

#order_image {
	width: 340px;
	height: 360px;
	padding: 0;
	margin: 10;
	display: flex;
	float: left;
	top:0;
}
#order_status {
	width: 340px;
	height: 360px;
	padding: 0;
	margin: 10;
	display: flex;
	float: center;
	top:0;
}
#order_confirm {
	width: 340px;
	padding: 0;
	margin: 10;
	display: flex;
	float: right;
	top:0;
}

#print-pdf-button_a, #print-pdf-button2_a {
	cursor: pointer;
}

#print-pdf-button_a.dimmed , #print-pdf-button2_a.dimmed  {
	cursor: default;
}

.has-floatlabel.component---date .floatlabel, .has-floatlabel.error .floatlabel, .has-floatlabel.focused .floatlabel, .has-floatlabel.has-content .floatlabel, .has-floatlabel.valid .floatlabel, .ie8 .has-floatlabel .floatlabel, .no-touch.layout-2cols .has-floatlabel.component---text:hover .floatlabel {
top:7px;
}

.bp-small h1 {
	font-size: 11pt !important;
	line-height: 18px !important;
}

h1 .smaller {
	font-size: 80% !important;
}

.component---group.component---group---acceptance.error .sc-form-component .scformsikon.tick {
    opacity: 0 !important;
}
#ember1495 {
	font-size: 11px !important;
}
.bp-normal .sc-form-component input, .bp-wide .sc-form-component input {
    font-size: 15px !important;
}
@media (max-width: 555px) {
	.Order_reference_number_info{
		padding-left: 16px;
	}
    
}
@media (min-width: 400px) {
.bp-medium .sc-step fieldset, .bp-small .sc-step fieldset {
    font-size: 16px;
    font-weight: 300;
}