/* Hesta CSS */

@font-face{font-family:'HurmeGeometricSans4-Bold';src:url("https://hesta-test-cdn.cxengine.com.au/resources/hesta/t/2/317EDA_4_0.eot");src:url("https://hesta-test-cdn.cxengine.com.au/resources/hesta/t/2/317EDA_4_0.eot?#iefix") format("embedded-opentype"),url("https://hesta-cdn.cxengine.com.au/resources/hesta/t/27/317EDA_4_0.woff2") format("woff2"),url("https://hesta-cdn.cxengine.com.au/resources/hesta/t/27/317EDA_4_0.woff") format("woff"),url("https://hesta-cdn.cxengine.com.au/resources/hesta/t/27/317EDA_4_0.ttf") format("truetype");font-display:swap}


@font-face{font-family:'mulilight';src:url("https://hesta-cdn.cxengine.com.au/resources/hesta/t/27/muli-light-webfont.eot");src:url("https://hesta-cdn.cxengine.com.au/resources/hesta/t/27/muli-light-webfont.eot?#iefix") format("embedded-opentype"),url("https://hesta-cdn.cxengine.com.au/resources/hesta/t/27/muli-light-webfont.woff2") format("woff2"),url("https://hesta-cdn.cxengine.com.au/resources/hesta/t/27/muli-light-webfont.woff") format("woff"),url("https://hesta-cdn.cxengine.com.au/resources/hesta/t/27/muli-light-webfont.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}


:root {
--cx-button-color: #7226e0;
--cx-button-hover-color: #292460;
--cx-text-color: #000000;
--cx-logo-url:  url("https://hesta-cdn.cxengine.com.au/resources/hesta/t/27/hesta%20logo_industry%20lockup_rgb_digital_%20transparent%20background.png");
--cx-logo-height: 40px;
--cx-logo-width: auto;
--cx-logo-top-padding: 20px;
--cx-body-background-color:#f4f6fa;

}


.alert {
  color:#000000;
}

.sv_main .sv_container .btn-secondary, .modal-save .btn-secondary {
    background-color: var(--cx-button-secondary-color, #6c757d) !important;
    border-color: var(--cx-button-secondary-color, #6c757d) !important;
}

.sv_main .sv_container .btn-secondary:hover, .sv_main .sv_container .btn-secondary:active, .sv_main .sv_container .btn-secondary:focus {
    background-color: var(--cx-button-hover-color-bg, #000000) !important;
    border-color: var(--cx-button-hover-color-bg, #000000) !important;
}

.sv_main button, .button.sv_p_remove_btn,  .sv_main .sv-paneldynamic__add-btn, .sv-paneldynamic__add-btn--list-mode {
background-color: var(--cx-button-color,#000000) !important;
border-color: var(--cx-button-color,#000000) !important;
border-radius: 4px;
padding:8px 16px;
}

.ChandlerVerify-container .panelButtons .btn.btn-previous {
    color: #7226E0 !important;
}

.sv_main.sv_main .sv-boolean__switch {
    background-color: #7226e0!important;
}

@media (min-width:768px) {
.sv_main .sv_header__text {
max-width : calc(100% - var(--cx-logo-width)) !important;
}
}

@media (min-width:992px) {
.sv_main .sv_header__text {
padding-top:8px;
}
}

a, a:active, a:focus {

color:#7226e0;
font-weight:bold;
}
a:hover {
color:#292460;
}

@media (max-width:767px) {
:root {
--cx-logo-height: 40px !important;
--cx-logo-width: auto;

}
.sv_container .panel-heading.card-header, #chandler-verify-outer-container .panel-heading.card-header {
padding-top: 60px !important;
}

}
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
font-family:"HurmeGeometricSans4-Bold",Verdana,Arial,sans-serif;
font-weight:normal;
line-height:1.1em;
}
h5, .h5 {
font-weight:bold;
}

.ChandlerVerify-container h1 {
color:#7226e0 !important;

}
#surveyContainer .ChandlerVerify-container a[data-modal-message] {
 color:#7226e0 !important;
}

#surveyContainer .ChandlerVerify-container .ConsentPrompt {
    color: #3C3C3C;
    background-color: #F7F7F7;
    border-color: #DADADA;
}


h1, .h1, h2, .h2, h3, .h3, h4, .h4, .ChandlerVerify-container h1 {
color:#7226e0;

}

.ChandlerVerify-container #selectDocumentType>.documentType.selected .tickbox {
    background-color: #7226e0 !important;
}

.sv_container .panel-heading.card-header, #chandler-verify-outer-container .panel-heading.card-header {

min-height:120px;
padding-top:30px;
}

.card-body {
padding: 3rem!important;
}

.card {
	
border: 0px solid rgba(0, 0, 0, .125);
}

/* Form Title - Font Size */

.h3, h3 {
font-size: 1.75rem;

}

.sv_main .sv_container .page-title, .sv_main .sv_container .page-description, .sv_main .sv_container .panel-heading.card-header {
padding-left: 14px !important;
padding-right:14px !important;
}


/* Form Body - Padding, Corners and Background > Mobile Viewport */

@media (max-width: 768px) {
	.card-body {
		padding: 1.225rem !important;
		/* Internal spacing from outer edge of form*/
	}
}

/* Page Title and Components Titles - Font Size */

.h4, h4 {
font-size: 1.25rem;
}

/* Field Title - Font Size */

.h5, h5 {
font-size: 1rem;
}

/* HTML Component - Select H2 from Drop Down Style - Font Size */

.h2, h2 {
font-size: 1.6rem;
}

/* Panel Spacing - Padding Top */

.sv_main .sv_p_container {
padding-top: 40px;
}


/* Navigation Button Alignment */

.sv_container .panel-footer.card-footer, .mfa-footer {


padding-top: 20px!important;
padding-left:14px !important;
}

/* Survey Card Top and Bottom Padding */

survey-tester .sv_container {
padding-top: 30px!important;
padding-bottom: 30px!important;
}



/* Navigation Button Heights and Width */

.svd_container .btn-primary, .svd_container .btn, .sv_main .sv_container .btn {
min-width: 120px!important;
min-height: 45px!important;


}




/* Font Size and Font Management */

.h5 {
font-size: 1.25rem!important;
}


.sv_main {
font-family: "mulilight",Verdana,Arial,sans-serif;
}



/* Navigation Button Heights and Width */

.svd_container .btn-primary, .svd_container .btn, .sv_main .sv_container .btn {
min-width: 120px!important;
min-height: 45px!important;

}

.form-control:focus {
box-shadow: 0 0 0 0.5px rgb(114, 38, 224);
}
.form-control {
display: block;
width: 100%;
height: calc(3em + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color:#000000!important;
background-color: #fff;
background-clip: padding-box;
border-radius:4px!important;
border: 1px solid #CCCCCC !important;
}

/* Secondary Nav Button */

.btn-secondary {
background-color: #FFFFFF !important;
border-color: #7226E0 !important;
text-color: #7226E0 !important;
}

/* Signature Pad CLear Button*/

.sv_main input[type="button"], .sv_main button {
color: #fff;
background-color: #bec9d5;
}

.sv_main input[type="button"]:hover, .sv_main button:hover {
background-color: #000000;
}


/* Progress Bar*/

.sv_main.sv_main .progress {
width: 300px;
margin-top: 40px;

}
.progress-bar {
background-color: #009fd9;
}
.ml-auto, .mx-auto {
margin-left: 10px!important;
}

@media (min-width: 768px) {
.panel-heading.card-header {
padding-top: 20px!important;

}
}

.check-box-custom {
vertical-align: middle;
margin-top: -1px;
min-width: 25px!important;
min-height: 25px!important;
}

.sv_bootstrap_css  input[type="checkbox"] {
height:20px;
width:20px;
margin-bottom:5px;
}
.sv_bootstrap_css  input[type="radio"] {
height: 20px;
width: 20px;
margin-bottom: 10px;
margin-right: 10px;
margin-top: 5px !important;
accent-color: rgb(114, 38, 224);
}

.padding-bottom-small {
padding-bottom:0px;
}

.sv_qstn .title-left {
padding-top:15px;
}
.sv_main .sv_container .sv_qstn {
padding-bottom: 0.5em;
}

p:last-of-type {
margin-bottom:0px;
}

.sv_qstn.sv_qstn_left {
margin-top:0px;
}


hr {
border-bottom: 0.8px solid rgba(0, 0, 0, 0.125) !important;
margin-left:-5px;margin-right:-5px;
margin-bottom:25px;

}

.ChandlerVerify-container .btn-outline-primary {
    color: #7226E0;
    border-color: #7226E0;
}
.ChandlerVerify-container .btn-outline-primary:hover .icon {
    fill:  #7226E0 !important;
}
.ChandlerVerify-container .btn-outline-primary .icon {
    fill:  #7226E0  !important;
}

.ChandlerVerify-container .btn-outline-primary:hover, .ChandlerVerify-container .btn-outline-primary:active, .ChandlerVerify-container .btn-outline-primary:focus  {
    color: #7226E0;
    border-color: #7226E0;
    background-color:white;
}
/* Navigation Button Settings */



input.btn.btn-md.btn-primary {
	font-family: "HurmeGeometricSans4-Bold", Verdana, Arial, sans-serif;
	background-color: #7226e0 !important;
	color: #fff;
	border-color: #7226e0 !important;
	border-width: 2px;
	border-style: solid;
	border-radius: 0px!important;
	font-weight: normal !important;
	min-width: 120px;
}

input.btn.btn-md.btn-primary:focus {
	background-color: #7226e0 !important;
	color: #fff;
	border-color: #7226e0 !important;
	border-width: 2px;
	border-style: solid;
	border-radius: 0px!important;
	font-weight: normal !important;
	min-width: 120px;
}

input.btn.btn-md.btn-primary:hover {
	background-color: #292460 !important;
	color: #fff;
	border-color: #292460 !important;
	border-width: 2px;
	border-style: solid;
	border-radius: 0px!important;
	font-weight: normal !important;
	min-width: 120px;
}

input.btn.btn-md.btn-primary:active {
	background-color: #7226e0 !important;
	color: #fff;
	border-color: #7226e0 !important;
	border-width: 2px;
	border-style: solid;
	border-radius: 0px!important;
	font-weight: normal !important;
	min-width: 120px;
}

input.btn.btn-md.btn-primary.btn-secondary {
	font-family: "HurmeGeometricSans4-Bold", Verdana, Arial, sans-serif;
	background-color: #fff !important;
	color: #7226e0;
	border-color: #7226e0 !important;
	border-width: 2px;
	border-style: solid;
	border-radius: 0px!important;
	font-weight: normal !important;
	min-width: 120px;

}

input.btn.btn-md.btn-primary.btn-secondary:hover {
	background-color: #fff !important;
	color: #292460;
	border-color: #292460 !important;
	border-width: 2px;
	border-style: solid;
	border-radius: 0px!important;
	font-weight: normal !important;
	min-width: 120px;

}

.btn-primary.focus, .btn-primary:focus {
	outline: 2px solid #292460!important;
	box-shadow: none!important;
	outline-offset: 2px!important;
	font-weight: normal !important;
}

input.btn.btn-md.btn-primary.btn-secondary:focus {
	outline: 2px solid #292460!important;
	box-shadow: none!important;
	outline-offset: 2px!important;
	font-weight: normal !important;
}


.svd_container .btn-primary, .svd_container .btn, .sv_main .sv_container .btn, .modal-save .btn {
    font-weight: normal !important;
    font-size: 1rem !important;
    border-radius: 0px !important;
    padding: 10px 20px !important;
    line-height: 1.5rem !important;
    min-width: 80px;
}

/* Navigation Button Alignment */

.sv_container .panel-footer.card-footer, .mfa-footer {
	padding-top: 60px!important;
}