@font-face {
    font-family: Plain;
    src: url(https://ethical-test-cdn.cxengine.com.au/resources/ethical/t/22/Plain-Thin.woff2) format("woff2"),url(https://ethical-test-cdn.cxengine.com.au/resources/ethical/t/22/Plain-Thin.woff) format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Plain;
    src: url(https://ethical-test-cdn.cxengine.com.au/resources/ethical/t/22/Plain-Light.woff2) format("woff2"),url(https://ethical-test-cdn.cxengine.com.au/resources/ethical/t/22/Plain-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Plain;
    src: url(https://ethical-test-cdn.cxengine.com.au/resources/ethical/t/22/Plain-Medium.woff2) format("woff2"),url(https://ethical-test-cdn.cxengine.com.au/resources/ethical/t/22/Plain-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Plain;
    src: url(https://ethical-test-cdn.cxengine.com.au/resources/ethical/t/22/Plain-Regular.woff2) format("woff2"),url(https://ethical-test-cdn.cxengine.com.au/resources/ethical/t/22/Plain-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Whitman Disp Cond Reg;
    src: url(https://ethical-test-cdn.cxengine.com.au/resources/ethical/t/22/Whitman-Display-Condensed-Regular.woff2) format("woff2"),url(https://ethical-test-cdn.cxengine.com.au/resources/ethical/t/22/Whitman-Display-Condensed-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}


:root {
--cx-button-color: rgba(0,0,0);
--cx-button-hover-color-bg: rgba(0,0,0,.7);
--cx-text-color: #000000;
--cx-body-background-color:#246155;
--cx-button-secondary-color: white;

}

.btn {
  min-width:120px;
}



/* Survey Font Size and Font Management */

body {
	margin: 0;
	font-family: "Arial", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: #000;
	text-align: left;
}

.sv_main {
	font-family: "Arial", sans-serif;
	font-size: 1rem;
}

.h1, h1 {
	font-size: 35px;
	font-weight: 400;
	font-family: "Times New Roman", sans-serif;
}

.h2, h2 {
	font-size: 1.725rem;
	font-weight: 400;
	font-family: "Times New Roman", sans-serif;
}

.h3, h3 {
	font-size: 1.5rem;
	font-weight: 400;
	font-family: "Times New Roman", sans-serif;
}

.h4, h4 {
	font-size: 1.25rem;
	font-weight: 400;
	margin-bottom: 20px;
	font-family: "Times New Roman", sans-serif;
}

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

p {
	font-size: 1.125rem;
	font-family: "Arial", sans-serif;
	font-weight: 400;
}

.sv_main li {
	font-size: 1.125rem;
	font-family: "Arial", sans-serif;
	margin-top: 15px;
}
.sv_header__text h3 {
  font-size:40px;
  font-family: Times New Roman;
}

.ChandlerVerify-container h1 {
    font-family: 'Plain';
    font-size: 20px !important;
    color: #000000  !important;
}

.ChandlerVerify-container h2 { 
    font-family: 'Plain';
    font-size: 16px  !important;
    color: #000000  !important;

}


input[type="radio"] {
    width: 20px;
    height: 20px;
    margin-top: 3px !important;
    margin-bottom: 6px;
    margin-right: 5px !important;
}
.svd_container  .panel-footer .btn-primary, .svd_container .panel-footer .btn, .sv_main .sv_container .panel-footer .btn, .btn, .ChandlerVerify-container .btn
{ 
border-radius:27px !important;
 }

.sv_main .sv_container .panel-footer .btn-secondary {
  border-color: #000000 !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
}

.sv_main .sv_container .panel-footer .btn-secondary:hover {
  border-color: #000000 !important;
  color: rgba(0,0,0,0.7) !important;
  border: 1px solid #000000 !important;
}

.sv_main .sv_container .btn-secondary:hover, .sv_main .sv_container .btn-secondary:active {
 color:rgba(0,0,0,0.7);
}

.ChandlerVerify-container  {
  font-family: Plain, arial, sans-serif;
  
}

.ChandlerVerify-container .preview-content a[data-modal-message] {
 text-underline-offset:0.25rem !important;
 text-decoration:underline !important;
 color:#000000 !important;
}


a:not(.btn), .ChandlerVerify-container a[data-modal-message] {
 text-underline-offset:0.25rem;
 text-decoration:underline;
 color:#000000;
}
a:hover, a:active, .ChandlerVerify-container a[data-modal-message]:active, .ChandlerVerify-container a[data-modal-message]:hover {
    color:rgba(0,0,0,0.7);
}
.alert.alert-info {
background-color:#E3E4DC;
color:#000000;
border-radius:0;
border: 1px solid #000000
}


.ChandlerVerify-container .ConsentPrompt {
  background-color: #E3E4DC !important;
  color:#000000 !important;
}



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



/* Form Title - Font Size */

.h3, h3 {
    font-size: 1.75rem

}




/* 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: 40px!important;
}

/* Survey Card Top and Bottom Padding */

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

/* Progress Bar*/

.progress {
	height: 6px;
	width: 100%!important;
	margin-top: 30px;
	margin-left: 10px!important;
}

@media (max-width: 768px) {
	.progress {
		height: 6px;
		width: 95%!important;
		margin-top: 0px;
	}
}

.mr-auto, .mx-auto {
	margin-right: 0px !important;
}

.progress-bar {
	background-color: #90CAF9;
	color: transparent;
}

/* Beneficiaries Component and Validation*/

.totalbenefit {
	margin-left: 0px!important;
	padding: 0px!important;
	border-style: none!important;
	background-color: transparent!important;
	font-family: "Arial", sans-serif;
	font-weight: 600;
	font-size: 2.325rem;
}

.benefit {
	display: none;
	margin-top: -60px;
}

/* Validation Alerts*/

.alert-danger {
	color: #000000;
	background-color: #F1FA3B;
	font-size: 12px;
	border-color: #000000;
}


.alert-warning {
	color: #000000;
	background-color: #F1FA3B;
	font-size: 12px;
	border-color: #000000;
}

/* Dynamic Panel Component - Used on Beneficiaries */

input.button.sv-paneldynamic__add-btn.sv-paneldynamic__add-btn--list-mode {
	border-color: #000000;
	border-style: solid;
	border-width: 2px;
	border-radius: 50px;
	background: #fff;
	color: #000 !important;
	font-family: "Arial", sans-serif;
	font-weight: 600;
	font-size: 12px;
	height: 40px;
}

input.button.sv_p_remove_btn {
	border-color: #000000;
	border-style: solid;
	border-width: 2px;
	border-radius: 50px;
	background: #fff;
	color: #F1FA3B!important;
	font-family: "Arial", sans-serif;
	font-weight: 600;
	margin-top: 20px;
	font-size: 12px;
	height: 40px;
	margin-left: 1rem!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;
    

}



/* Member Number Input Field */

.membernumber-input-field {
    height: 60px!important;
    padding-left: 40px!important;
    border-style: solid!important;
    border-width: 1px!important;
    border-color: #bec9d5!important;
    background-color: transparent!important;
    background-position: 10px 50%!important;
    background-size: 18px!important;
    background-repeat: no-repeat!important;
    border-radius:4px!important;
    color:#20355a!important;
    background-image: url(https://uploads-ssl.webflow.com/622e8ae…/6232bd9…_mobile-notch-light.svg);
  
}

/* MemberName Input Field */

.membername-input-field  {
    height: 60px!important;
    padding-left: 40px!important;
    border-style: solid!important;
    border-width: 1px!important;
    border-color: #bec9d5!important;
    background-color: transparent!important;
    background-position: 10px 50%!important;
    background-size: 18px!important;
    background-repeat: no-repeat!important;
    border-radius:4px!important;
    color:#20355a!important;
    background-image: url(https://uploads-ssl.webflow.com/622e8ae6ecdee123de1e15c8/6232bf2227c41c5b8abcc88e_user-hair-light.svg);
    
  
}

/* DOB Input Field */

.dob-input-field {
  height: 60px!important;
    padding-left: 40px!important;
    border-style: solid!important;
    border-width: 1px!important;
    border-color: #bec9d5!important;
    background-color: transparent!important;
    background-position: 10px 50%!important;
    background-size: 18px!important;
    background-repeat: no-repeat!important;
    border-radius:4px!important;
    color:#20355a!important;
    background-image: url(https://uploads-ssl.webflow.com/622e8ae6ecdee123de1e15c8/62410fead7ba767fcf63e708_fingerprint-light.svg)!important;
      
}

/* Mobile Number Input Field */

.mobilenumber-input-field {
    height: 60px!important;
    padding-left: 40px!important;
    border-style: solid!important;
    border-width: 1px!important;
    border-color: #bec9d5!important;
    background-color: transparent!important;
    background-position: 10px 50%!important;
    background-size: 18px!important;
    background-repeat: no-repeat!important;
    border-radius:4px!important;
    color:#20355a!important;
    background-image: url(https://uploads-ssl.webflow.com/622e8ae6ecdee123de1e15c8/6232bd9cfb221747c88cb0a9_mobile-notch-light.svg)!important;
    
  
}

/* Email Address Input Field */

.email-input-field {
   height: 60px!important;
    padding-left: 40px!important;
    border-style: solid!important;
    border-width: 1px!important;
    border-color: #bec9d5!important;
    background-color: transparent!important;
    background-position: 10px 50%!important;
    background-size: 18px!important;
    background-repeat: no-repeat!important;
    border-radius:4px!important;
    color:#20355a!important;
    background-image: url(https://uploads-ssl.webflow.com/622e8ae6ecdee123de1e15c8/6232be02fd01222d98ec127d_envelope-open-light.svg)!important;
 
  
}


/* Font Size and Font Management */

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


.sv_main {
    font-family: "Plain", arial, sans-serif;
}

/* Save and Resume */
#resumePanel {
 margin-top: 30px;
 margin-bottom: 30px
}

.resumePanel {
 margin-top: 30px;
 margin-bottom: 30px
}
 
#resumePanel .btn-primary {
  margin-top: 30px
}

/* Save Modal */

#surveyWrapper .btn-close {
  font-size: 18px; 
  font-weight: bold;
  color: #000; 
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  line-height: 1;
}


#surveyWrapper .btn-close::before {
  content: '×'; /* Unicode character for 'X' */
}


/* 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;
    
  }

.text-dropdown-field {
  
  height: 60px;
    padding-left: 30px;
    border-style: none none solid;
    border-width: 1px;
    border-color: #bec9d5 #bec9d5 #20355a;
    background-color: transparent;
    background-image: url(https://uploads-ssl.webflow.com/622e8ae6ecdee123de1e15c8/6232be02fd01222d98ec127d_envelope-open-light.svg)!important;
    background-position: 0px 50%;
    background-size: 18px;
    background-repeat: no-repeat;
  
}



.benefit-input-field {
  height: 60px!important; 
    padding-left: 30px!important;
     border-style: solid!important;
    border-width: 1px!important;
    border-color: #bec9d5!important;
    font-size: 20px!important;
    font-weight: 600!important;
    background-color: transparent!important;
    background-position: 10px 50%!important;
    background-size: 18px!important;
    background-repeat: no-repeat!important;
    border-radius:4px!important;
    color:#20355a!important;
}

.total-allocation {
    height: 60px!important; 
    padding-left: 15px!important;
    text-align: center;
    padding-top: 15px!important;
    padding-top: 15px!important;
    border-style: solid!important;
    border-width: 1px!important;
    border-color: #bec9d5!important;
    font-size: 20px!important;
    font-weight: 600!important;
    background-color: #f4f4f6!important;
    border-radius:4px!important;
    color:#20355a!important;
    max-width: 100px!important;
}

.dropdown-custom-field {
    min-height: 60px;
    height: calc(1.5em + .75rem + 2px);
    padding-left: 30px!important;
    padding-top: 15px!important;
    border-style: solid!important;
    border-width: 1px!important;
    border-color: #bec9d5!important;
    border-radius:4px!important;
    color:#20355a!important;
}
.form-control {
    display: block;
    width: 100%;
    height: 45px;
    padding: 12px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color:#20355a!important;
    background-color: #fff;
    background-clip: padding-box;
    border-radius:4px!important;
    border: 1px solid #bec9d5!important;
    }
    
    /* Secondary Nav Button */  
}
btn-secondary {
    background-color: var(--cx-button-secondary-color,#20355a) !important;
    border-color: var(--cx-button-secondary-color,#20355a) !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: #20355a;
}


/* 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;
}


/* Bank Account*/  

.account-name-input{
 height: 60px!important;
    padding-left: 40px!important;
    border-style: solid!important;
    border-width: 0px!important;
    border-color: #bec9d5!important;
    background-color: transparent!important;
    background-position: 10px 50%!important;
    background-size: 18px!important;
    background-repeat: no-repeat!important;
    border-radius:4px!important;
    color:#20355a!important;
    background-image: url(https://uploads-ssl.webflow.com/622e8ae6ecdee123de1e15c8/624395dc5f16b8747746987a_house-duotone.svg)!important;
}