.select-styled {
    position: relative;
    border: 2px solid #6e6e6e;
    color: #6e6e6e;
    font-size: 16px;
    font-family: 'Noto Sans', 'Arial', 'Helvetica', 'sans-serif';
    padding: 20px 45px 20px 24px;
    margin-bottom: 25px;
    line-height: 24px;
    cursor: pointer;
    height: 64px;
    background-image: url('../../../content/dam/metlifeform/carrot-down-evolution.svg');
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: right 24px top 50%;
    background-color: #fff;
	border-radius: 8px;
	white-space: nowrap;
	text-overflow: ellipsis;
    overflow: hidden;
}



.aem-form-tablet .guidedropdownlist .guideFieldNode .dropDownList select.selected-state {
    padding: 26px 36px 12px 22px;
}

.aem-form-mobile .guideFieldWidget select, .aem-form-mobile .guidedropdownlist .guideFieldNode .dropDownList select.selected-state {
    padding: 26px 36px 12px 22px;
}

[dir="rtl"] .aemformcontainer .select-styled{
    background-position: left 20px top 50%;
}

.tooltip-bottom .select-styled {
    margin-bottom: 0;
}

.select-styled:focus {
    border: 3px solid #0061a0;
	outline: 0;
	padding: 19px 44px 19px 23px;
	background-position: right 23px top 50%;
}

.keyboard-active .select-styled:focus {
   /* border-bottom: 3px solid #0061a0; */
}

.keyboard-active .underlined .select-styled:focus {
	border-bottom: 3px solid #0061a0;
    background-position: right 24px top 51%;
}

.validation-failure .select-styled {
    margin-bottom: 0;
	border: 3px solid #d42123;
    background-image: url('../../../content/dam/metlifeform/carrot-down-evolution.svg');
}

.validation-failure .select-styled:hover {
    border-color: #d42123;
}

.validation-failure .select-styled.active:hover {
	border-color: #0061a0;
}

.validation-failure.underlined .select-styled {
	border-color: #d42123 !important;
	border-width: 0px 0px 3px 0px;
    background-color: #fff;
}

.select-styled.active {
    border-width: 3px;
    border-color: #0061a0;
    color: #6e6e6e;
	position: relative;
    z-index: 100;
	padding: 19px 44px 19px 23px;
    background-position: right 23px top 50%;
}

.select-styled.selected-state {
    color: #333;
	overflow: hidden;
    width: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding: 30px 24px 10px 24px;
}

.select-styled.selected-state:hover {
    padding: 29px 24px 10px 23px;
    background-position: right 23px top 50%;
}

.select-styled.selected-state:focus {
    padding: 29px 24px 10px 23px;
	background-position: right 23.5px top 50%;
}

.select-styled.selected-state.active {
    padding:  29px 24px 10px 23px;
}

.underlined .select-styled.selected-state {
    color: #333;
	overflow: hidden;
    width: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding: 30px 24px 10px 24px;
}

.aem-form-tablet .guidedropdownlist .underlined.guideFieldNode .dropDownList select.selected-state {
	padding: 24px 36px 14px 24px;
}

.aem-form-mobile .guidedropdownlist .underlined.guideFieldNode .dropDownList select.selected-state {
    padding: 24px 36px 14px 22px;
}

.underlined .select-styled.active {
    background-color: #fff;
    border-color: #0061a0;
	border-bottom: 3px solid #0061a0;
}

.select-options {
    display: none;
    position: absolute;
    width: 100%;
    top: 58px;
    right: 0;
    left: 0;
    z-index: 99;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #ffffff;
    text-align: left;
    max-height: 224px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 2px solid #0061a0;
    border-top: none;
	border-radius: 0px 0px 8px 8px;
	padding-top: 4px;
}
.underlined .select-options{
    background: #F2F2F2 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 8px;
    opacity: 1;
}
.select-options::-webkit-scrollbar {
    width: 6px;
    height: 67px;
}

.select-options::-webkit-scrollbar-thumb {
    background: #6E6E6E 0% 0% no-repeat padding-box;
    border-radius: 3px;
}

[dir="rtl"] .aemformcontainer .select-options{
    left: initial;
    right: 0;
}

.underlined .select-options {
    top: 40px;
    border: 0;
    border-top: none;
    padding-bottom: 5px;
}

.select-options li {
    margin: 0;
    padding: 8px 16px 8px 22px;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    min-height: 38px;
    font-family: 'Noto Sans', 'Arial', 'Helvetica', 'sans-serif';
    color: #333333;
    cursor: pointer;
}

.select-options li:nth-child(2) {
    margin-top: 8px;
}

.select-options li:last-child {
    margin-bottom: 8px;
}

.underlined .select-options li {
    min-height: 38px;
    padding: 8px 16px 8px 22px;
    font-family: 'Noto Sans', 'Arial', 'Helvetica', 'sans-serif';
}

.underlined .select-options li:hover {
    color: #333;
	font-weight: normal;
}

.underlined .select-options li.selected {
    color: #333;
    background: #f2f2f2 0 0 no-repeat padding-box;
    border: 2px solid #0061a0;
    padding-left:20px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.underlined .select-options li.focused {
    color: #fff;
    background: #0061a0;
}

.underlined .select-options li.selected.focused:hover {
    color: #fff;
    background: #0061a0;
}

.underlined .select-options li.selected:hover {
    background: #BADDF5;
    color: #333;
}

.select-options li.selected {
	color: #333;
    background: transparent 0 0 no-repeat padding-box;
    border: 2px solid #0061a0;
    padding-left:20px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.select-options li.focused {
    color: #fff;
    background: #0061a0;
}

.select-options li:hover {
    font-weight: normal;
    background: #BADDF5;
    outline: none;
}

.select-options li.focused:hover {
    background: #0061A0;
    color: #fff;
}

.select-options li:focus {
	outline: 0;
}

[dir="rtl"] .aemformcontainer .select-options li{
    text-align: right;
}

.select-hidden {
    display: none;
}

@media (pointer: none), (pointer: coarse), (hover: none), (hover: on-demand) {
    .select-styled {
        display: none;
    }

    .select-hidden {
        display: block;
    }

}

@media screen and (min-width: 768px) {
    .select-styled {
        line-height: 20px;
        height: 64px;
    }

    .select-options {
        top: 58px;
    }
}

.aem-form-tablet .select-styled,
.aem-form-desktop .select-styled {
    line-height: 24px;
    height: 64px;
}

.aem-form-tablet .select-options,
.aem-form-desktop .select-options {
    top: 58px;
	border-radius: 0px 0px 8px 8px;
}

.aem-form-tablet .underlined .select-options,
.aem-form-desktop .underlined .select-options {
	border-radius: 0px;
}

.underlined .select-styled {
    outline: 0;
	border-color: #6e6e6e;
    padding: 20px 45px 20px 24px;
    height: 64px;
    font-weight: normal;
    color: #757575;
	border-radius: 8px 8px 0 0;
    font-family: 'Noto Sans', 'Arial', 'Helvetica', 'sans-serif';
	border-width: 0px 0px 2px 0px;
	text-overflow: ellipsis;
    overflow: hidden;
}

.underlined .select-options {
    top: 64px;
	outline: 0;
}

.empty-value {
    display: none;
}

.aem-form-mobile .underlined .guideFieldWidget input[type="date"],
.underlined .guideFieldWidget input[type="date"],
.aem-form-mobile .underlined .guideFieldWidget input[type="text"],
.underlined .guideFieldWidget input[type="text"],
.aem-form-mobile .underlined .guideFieldWidget input[type="password"],
.underlined .guideFieldWidget input[type="password"] {
    border: none;
    border-bottom: 2px solid #6e6e6e;
	padding: 20px 24px;
    height: 64px;
    font-weight: 400;
    color: #333333;
    font: normal normal normal 16px/24px Noto Sans;
	border-radius: 8px 8px 0px 0px;
    letter-spacing:0;
    text-align:left;
	opacity:1;
}

.underlined .guideFieldWidget textarea {
    background: #f2f2f2;
    border: 0px;
    border-bottom: 2px solid #6e6e6e;
    border-radius: 8px 8px 0 0;
}

[dir="rtl"] .aem-form-mobile .underlined .guideFieldWidget input[type="date"],
[dir="rtl"] .underlined .guideFieldWidget input[type="date"],
[dir="rtl"] .aem-form-mobile .underlined .guideFieldWidget input[type="text"],
[dir="rtl"] .underlined .guideFieldWidget input[type="text"],
[dir="rtl"] .aem-form-mobile .underlined .guideFieldWidget input[type="password"],
[dir="rtl"] .underlined .guideFieldWidget input[type="password"]{
    padding-left: inherit;
    padding-right: 0px;
}

.underlined .guideFieldWidget select,
.aem-form-mobile .underlined .guideFieldWidget select,
.guidedropdownlist .underlined.guideFieldNode .dropDownList select,
.aem-form-mobile .guidedropdownlist .underlined.guideFieldNode .dropDownList select {
    height: 64px;
    border: 0px;
    border-bottom: 2px solid #6e6e6e;
	border-radius: 8px 8px 0 0;
    padding: 20px 24px;
    color: #6e6e6e;
    font-family: 'Noto Sans', 'Arial', 'Helvetica', 'sans-serif';
}

.underlined .guideFieldWidget select.selected-state,
.aem-form-mobile .underlined .guideFieldWidget select.selected-state,
.guidedropdownlist .underlined.guideFieldNode .dropDownList select.selected-state,
.aem-form-mobile .guidedropdownlist .underlined.guideFieldNode .dropDownList select.selected-state {
    color: #333;
    font-weight: normal;
	line-height: 1.5;
	text-overflow: ellipsis;
    white-space: nowrap;
}

.underlined.validation-success .guideFieldWidget select,
.aem-form-mobile .underlined.validation-success .guideFieldWidget select,
.guidedropdownlist .validation-success.underlined.guideFieldNode .dropDownList select,
.aem-form-mobile .guidedropdownlist .validation-success.underlined.guideFieldNode .dropDownList select {
    color: #333;
    font-weight: normal;
	line-height: 1.5;
}

@media screen and (min-width: 768px) {
    .guideFieldWidget input[type="date"],
    .guideFieldWidget input[type="text"],
    .guideFieldWidget input[type="password"],
    .guideFieldWidget select,
    .guidedropdownlist .guideFieldNode .dropDownList select {
        height: 64px;
    }
}

.guidefield .underlined.guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw) input {
    border: none;
    border-bottom: 3px solid #d42123;
}

.underlined.validation-failure .guideFieldWidget select,
.guidedropdownlist .underlined.guideFieldNode.validation-failure .dropDownList select {
    border: none;
    background-color: #fff;
    border-bottom: 3px solid #d42123;
}

form .guideContainerNode .guidefield.guidetextbox .underlined.validation-failure .guideFieldLabel.top label,
form .guidedropdownlist.underlined.validation-failure .guideFieldLabel.top label {
    font-weight: 400;
}

form .guideContainerNode .guidefield.guidetextbox .underlined .textarea-label label {
  background-color: #f2f2f2;
}


form .underlined.guideTextBox.validation-failure .multiline textArea {
    border-width: 0px 0px 3px 0px;
    border-color: #d42123;
	background-color: #f2f2f2;
}

form .guideTextBox.underlined.validation-failure .multiline textArea:focus{
	background-color: #f2f2f2;
}

.underlined .guideFieldWidget textarea:focus {
    border: 0px;
    border-bottom: 3px solid #0061a0;
}

.underlined .guideFieldWidget input[type="text"]:focus,
.underlined .guideFieldWidget input[type="password"]:focus,
.underlined .guideFieldWidget input[type="date"]:focus,
.underlined .guideFieldWidget select:focus {
    border: none;
    border-bottom: 3px solid #0061a0;
}

.keyboard-active .underlined .guideFieldWidget input[type="text"]:focus,
.keyboard-active .underlined .guideFieldWidget input[type="password"]:focus,
.keyboard-active .underlined .guideFieldWidget input[type="date"]:focus,
.keyboard-active .underlined .guideFieldWidget select:focus,
.keyboard-active .guidedropdownlist .underlined.guideFieldNode .dropDownList select:focus {
    border-bottom: 3px solid #0061a0 !important;
	opacity:1;
}

/* Adding underlined css from evolution field.css file */

form .guideContainerNode .guidefield.guidedropdownlist .underlined .guideFieldLabel.top label,
.aem-form-tablet form .guideContainerNode .guidefield.guidedropdownlist .underlined .guideFieldLabel.top label,
.aem-form-desktop form .guideContainerNode .guidefield.guidedropdownlist .underlined .guideFieldLabel.top label,
form .guideContainerNode .guidefield.guidetextbox .underlined .guideFieldLabel.top label,
.aem-form-tablet form .guideContainerNode .guidefield.guidetextbox .underlined .guideFieldLabel.top label,
.aem-form-desktop form .guideContainerNode .guidefield.guidetextbox .underlined .guideFieldLabel.top label {
    top: 9px;
    left: 24px;
    text-align: left;
	font: normal normal normal 16px/24px Noto Sans;
	letter-spacing: 0px;
	color: #6E6E6E;
	opacity: 1;
}

[dir="rtl"] .aemformcontainer form .guideContainerNode .guidefield.guidedropdownlist .underlined .guideFieldLabel.top label,
[dir="rtl"] .aem-form-tablet form .guideContainerNode .guidefield.guidedropdownlist .underlined .guideFieldLabel.top label,
[dir="rtl"] .aem-form-desktop form .guideContainerNode .guidefield.guidedropdownlist .underlined .guideFieldLabel.top label,
[dir="rtl"] .aemformcontainer form .guideContainerNode .guidefield.guidetextbox .underlined .guideFieldLabel.top label,
[dir="rtl"] .aem-form-tablet form .guideContainerNode .guidefield.guidetextbox .underlined .guideFieldLabel.top label,
[dir="rtl"] .aem-form-desktop form .guideContainerNode .guidefield.guidetextbox .underlined .guideFieldLabel.top label {

    left: initial;
    right: 0;
}

form .guideContainerNode .guidefield.guidetextbox .underlined .guideFieldLabel.top.textarea-label label.focus-state {
    left: 0;
    right: 0;
    top: 0px;
    height: auto;
    padding: 10px 0 0 21px;
    width: calc(100% - 15px);
    transform: none;
}

form .guideContainerNode .guidefield.guidedropdownlist .underlined .guideFieldLabel.top label.focus-state,
form .guideContainerNode .guidefield.guidetextbox .underlined .guideFieldLabel.top label.focus-state {
    top: 26px;
    left: 24px;
    padding: 0;
	text-align: left;
    font: normal normal normal 12px/18px Noto Sans;
    letter-spacing: 0px;
    color: #6E6E6E;
    opacity: 1;
}

[dir="rtl"] .aemformcontainer form .guideContainerNode .guidefield.guidedropdownlist .underlined .guideFieldLabel.top label.focus-state,
[dir="rtl"] .aemformcontainer form .guideContainerNode .guidefield.guidetextbox .underlined .guideFieldLabel.top label.focus-state{
    left: initial;
    right: 0;
}

form .guideContainerNode .guidefield.guidetextbox .underlined .textarea-label label.focus-state {
    background-color: #f2f2f2;
}

form .guideContainerNode .guidefield.guidetextbox .underlined .guideFieldLabel.top.textarea-label label {
    background-color: #f2f2f2;
}

form .guideContainerNode .guidefield .guideFieldNode.underlined .guideFieldError {
    font-family: 'Noto Sans', 'Arial', 'Helvetica', 'sans-serif';
}

.aemformcontainer .underlined .guideHelpQuestionMark,
.aemformcontainer .underlined.guideHelpQuestionMark.active-mark:hover,
.aemformcontainer .underlined.guideHelpQuestionMark.active-mark:focus {
    top: 21px;
}

.aemformcontainer .underlined .guideFieldWidget.dropDownList > .guideHelpQuestionMark {
    top: 11px;
}

.guidefield .underlined input::-webkit-input-placeholder,
.guidefield .underlined input:-ms-input-placeholder,
.guidefield .underlined input::-ms-input-placeholder,
.guidefield .underlined input::-moz-placeholder,
.guidefield .underlined input::placeholder {
    color: #333;
}

/* Label Styles*/

.static-field-label {
    font-size: 14px; 
    line-height: 17px;
    font-weight: bold;
    color: #000;
}

form .guideContainerNode .guidefield.guidedropdownlist .guideFieldLabel.top label,
form .guideContainerNode .guidefield.date-picker-metlife .guideFieldLabel.top label,
form .guideContainerNode .guidefield.guidetextbox .guideFieldLabel.top label,
form .guideContainerNode .guidefield.searchabledropdown .guideFieldLabel.top label,
form .guideContainerNode .guidefield.guidepasswordbox .guideFieldLabel.top label {
    padding-top: 0px;
    width: 75%;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    background: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    color: #6e6e6e;
    z-index: 1;
    top: 10px;
    left: 24px;
    transition: all 200ms;
	line-height: 24px;
	font: normal normal normal 16px/24px Noto Sans;
	background: #FFFFFF 0% 0% no-repeat padding-box;
    letter-spacing:0px;
    opacity:1;
    text-align:left;
    line-height: 44px;
}

[dir="rtl"] .aemformcontainer form .guideContainerNode .guidefield.guidedropdownlist .guideFieldLabel.top label,
[dir="rtl"] .aemformcontainer form .guideContainerNode .guidefield.guidetextbox .guideFieldLabel.top label,
[dir="rtl"] .aemformcontainer form .guideContainerNode .guidefield.date-picker-metlife .guideFieldLabel.top label,
[dir="rtl"] .aemformcontainer form .guideContainerNode .guidefield.searchabledropdown .guideFieldLabel.top label,
[dir="rtl"] .aemformcontainer form .guideContainerNode .guidefield.guidepasswordbox .guideFieldLabel.top label,
form .guideContainerNode .footer-lead-form--RTL .guidefield.guidedropdownlist .guideFieldLabel.top label,
form .guideContainerNode .footer-lead-form--RTL .guidefield.guidetextbox .guideFieldLabel.top label,
form .guideContainerNode .footer-lead-form--RTL .guidefield.date-picker-metlife .guideFieldLabel.top label,
form .guideContainerNode .footer-lead-form--RTL .guidefield.searchabledropdown .guideFieldLabel.top label,
form .guideContainerNode .footer-lead-form--RTL .guidefield.guidepasswordbox .guideFieldLabel.top label {
    left: initial;
    right: 12px;
    text-align: right;
}

form .guideContainerNode .guidefield.guidetextbox .guideFieldLabel.top.textarea-label label {
    min-height: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

form .guideContainerNode .guidefield .guideFieldLabel.top label.noLabelText {
    display: none;
}

form .guideContainerNode .guidefield.guidedropdownlist .guideFieldLabel.top label.focus-state,
form .guideContainerNode .guidefield.guidetextbox .guideFieldLabel.top label.focus-state,
form .guideContainerNode .guidefield.date-picker-metlife .guideFieldLabel.top label.focus-state,
form .guideContainerNode .guidefield.searchabledropdown .guideFieldLabel.top label.focus-state,
form .guideContainerNode .guidefield.guidepasswordbox .guideFieldLabel.top label.focus-state {
    font-size: 12px;
    width: 75%;
    transform: translate3d(0,-100%,0);
    opacity: 1;
    top: 26px;
    padding: 0 2px;
    left: 24px;
    background: #fff;
    padding-left: 0px;
    padding-right: 0px;
    visibility: visible;
	height: 18px;
    line-height: 18px;
	text-align:left;
    font-weight: normal;
    font-family: 'Noto Sans', 'Arial', 'Helvetica', 'sans-serif';
    color:#6e6e6e;
    letter-spacing:0px;
    z-index: 97;
}

form .guideContainerNode .guidefield.guidedropdownlist .active-state .guideFieldLabel.top label.focus-state,
.aem-form-tablet form .guideContainerNode .guidefield.guidedropdownlist .active-state .guideFieldLabel.top label.focus-state,
.aem-form-desktop form .guideContainerNode .guidefield.guidedropdownlist .active-state .guideFieldLabel.top label.focus-state{
    z-index: 102;
}

form .guideContainerNode .guidefield.guidedropdownlist .guideFieldLabel.top label.focus-state {
    left: 26px;
}

[dir="rtl"] .aemformcontainer form .guideContainerNode .guidefield.guidedropdownlist .guideFieldLabel.top label.focus-state,
[dir="rtl"] .aemformcontainer form .guideContainerNode .guidefield.guidetextbox .guideFieldLabel.top label.focus-state,
[dir="rtl"] .aemformcontainer form .guideContainerNode .guidefield.date-picker-metlife .guideFieldLabel.top label.focus-state,
[dir="rtl"] .aemformcontainer form .guideContainerNode .guidefield.searchabledropdown .guideFieldLabel.top label.focus-state,
[dir="rtl"] .aemformcontainer form .guideContainerNode .guidefield.guidepasswordbox .guideFieldLabel.top label.focus-state,
form .guideContainerNode .footer-lead-form--RTL .guidefield.guidedropdownlist .guideFieldLabel.top label.focus-state,
form .guideContainerNode .footer-lead-form--RTL .guidefield.guidetextbox .guideFieldLabel.top label.focus-state,
form .guideContainerNode .footer-lead-form--RTL .guidefield.date-picker-metlife .guideFieldLabel.top label.focus-state,
form .guideContainerNode .footer-lead-form--RTL .guidefield.searchabledropdown .guideFieldLabel.top label.focus-state,
form .guideContainerNode .footer-lead-form--RTL .guidefield.guidepasswordbox .guideFieldLabel.top label.focus-state {
    left: initial;
    right: 9px;
    text-align: right;
}

form .guideContainerNode .guidefield.guidetextbox .guideFieldLabel.top.textarea-label label.focus-state {
    min-height: auto;
	left: 3px;
    right: 3px;
    top: 3px;
    height: auto;
    padding: 10px 0 0 21px;
    width: calc(100% - 23px);
    transform: none;
    border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

[dir="rtl"] form .guideContainerNode .guidefield.guidetextbox .guideFieldLabel.top.textarea-label label.focus-state {
    padding: 10px 21px 0 0;
}

.aemformcontainer a:focus {
    outline-color: #0061a0;
    outline-offset: -1px;
    outline-style: solid;
    outline-width: 2px;
}

/* Need to override Floating Labels for Select and Radio Options*/

.select-focus {
    font-weight: bold;
}

.hidden-label {
    opacity: 0;
    visibility: hidden;
}

/*Error Message Styling*/
.guidefield .guideFieldError {
    display: none
}

.guidefield .errorMessage, .guidefield .thankYouMessage {
    color: #000;
    margin-top: 0;
    padding: 0;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
    font-family: 'Noto Sans', 'Arial', 'Helvetica', 'sans-serif';
}

.MetLifeFormHeaderH1 p, .MetLifeFormHeaderH2 p:focus,
.guidefield:focus .errorMessage:focus,
.guidefield:focus .thankYouMessage:focus {
    outline: none;
    margin-top: 45px;
}

.guidefield .errorMessageText, .guidefield .thankYouMessageText {
    color: #333;
    margin-top: 0;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;

}

.guidefield .errorMessageText p, .guidefield .thankYouMessageText p {
    margin-bottom: 30px !important;
}

form .guideContainerNode .guidefield .guideFieldNode .guideFieldError {
    padding: 0;
    margin-top: 8px;
    margin-bottom: 25px;
    font-size: 12px;
    line-height: normal;
}

form .guideContainerNode .guidefield.guidecheckbox .guideFieldNode .guideFieldError {
    margin-top: 8px;
}

form .guideContainerNode .guidefield .guideFieldNode .guideFieldError {
    background-color: transparent;
    padding-left: 0;
	text-align: left;
	font: normal normal normal 12px/17px Noto Sans;
	letter-spacing: 0px;
	color: #D42123;
	opacity: 1;
}

/* Need to override Floating Labels for Select and Radio Options*/
.keyboard-active .guideradiobutton label.in-focus,
.keyboard-active .guidecheckbox label.in-focus {
    border: none;
    outline-color: #0061a0;
    outline-offset: 8px;
    outline-style: solid;
    outline-width: 2px;
    z-index: 10;
}

/*End Error Message Styling */

.staticText, .sectionHeader {
    font-size: 14px;
    line-height: 20px;
}

.guidefield .errorMessage, .guidefield .thankYouMessage {
    font-weight: 400;
}

.MetLifeFormHeaderH1 p, .MetLifeFormHeaderH2 p:focus,
.guidefield:focus .errorMessage:focus,
.guidefield:focus .thankYouMessage:focus {
    outline: none;
}

/* Device specific code */
.contactSideForm .guideFieldWidget.left.XfaCheckBox {
    width: auto;
}

.guideFieldWidget.XfaCheckBox.left {
    height: 0px;
    width: 0px;
}

#guideContainer-rootPanel-userInputPanel-submitButton___guide-item {
    margin: 0 0 4px 0;
}

.guideSeparator {
    margin-top: 10px;
    margin-bottom: 20px;
}

/* fix for the extra height for Textarea*/
form .guideFieldWidget.textField {
    display: flex;
}

/*Mask input field css*/
.masked-input.hide-icon,
.masked-input.show-icon {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 21px 26px;
    right: 1px;
    height: 30px;
    width: 30px;
    top: 12px;
}

[dir="rtl"] .aemformcontainer .masked-input.hide-icon,
[dir="rtl"] .aemformcontainer .masked-input.show-icon{
    right: initial;
    left: 1px;
}

.masked-input.hide-icon {
    background-image: url('../../../content/dam/metlifeform/hideIcon.svg');
}

.masked-input.show-icon {
    background-image: url('../../../content/dam/metlifeform/showIcon.svg');
}

.masked-input.tool-tip.hide-icon,
.masked-input.tool-tip.show-icon {
    right: 30px;
}

[dir="rtl"] .aemformcontainer .masked-input.tool-tip.hide-icon,
[dir="rtl"] .aemformcontainer .masked-input.tool-tip.show-icon {
    right: initial;
    left: 30px;
}

/** form elements spacing fix **/
form .guideFieldWidget {
    line-height: 1;
    position: relative;
}

form .guideFieldWidget input[type="text"], form .guideFieldWidget input[type="password"], form .guideFieldWidget select, form .guideFieldNode .guideRadioButtonGroupItems {
    margin: 0;
}

form .guidedropdownlist .guideFieldWidget.dropDownList select {
    margin: 0;
	text-overflow: ellipsis;
    white-space: nowrap;
}

.guideFieldWidget input[type="text"], .guideFieldWidget input[type="password"], .guidedropdownlist .dropDownList select {
    padding-top: 0;
    padding-bottom: 0;
}

form .guideFieldWidget input[type="text"],
form .guideFieldWidget input[type="password"],
form .guideFieldWidget input[type="date"],
form .guideFieldWidget select,
form .guidedropdownlist .guideFieldWidget.dropDownList select {
    margin-bottom: 25px;
    line-height: 24px;
}
form .guideFieldWidget input[type="text"].select-styled {
    width: 100%;
    font-size: 16px;
}
.aem-form-tablet .searchableDropdown .select-options,
.aem-form-desktop .searchableDropdown .select-options {
    border: 2px solid #0061a0;
}
form .guideFieldWidget input.tt-input{
    background-image: url('../../../content/dam/metlifeform/carrot-down.svg');
    background-repeat: no-repeat;
    background-position: 95.5% 50%;
}
form .validation-failure.guideFieldNode .guideFieldWidget input[type="text"],
form .validation-failure.guideFieldNode .guideFieldWidget input[type="password"],
form .validation-failure.guideFieldNode .guideFieldWidget input[type="date"],
form .validation-failure.guideFieldNode .multiline.textField textArea,
form .validation-failure.guideFieldNode .guideFieldWidget select,
form .validation-failure.guideFieldNode .guidedropdownlist .guideFieldWidget.dropDownList select {
    margin-bottom: 0;
}
form .validation-failure.guideFieldNode .guideRadioButtonGroupItems,
form .validation-failure.guideFieldNode .guideCheckBoxGroupItems .guideFieldHorizontalAlignment label,
form .validation-failure.guideFieldNode .guideRadioButtonGroupItems .guideFieldHorizontalAlignment label {
    margin: 0 0 20px 0;
}

form .guideFieldNode .guideRadioButtonGroupItems,
form .guideFieldNode .guideCheckBoxGroupItems {
    line-height: 1;
	margin: 12px 0 16px 0px;
    padding: 8px;
}

form .guideFieldNode.segmented-control .guideRadioButtonGroupItems {
    margin-bottom: 25px;
    font-size: 0;
}

/* Start fix for dropdown, as the word below is being cut */
form .guideFieldWidget select,
form .row .guidedropdownlist .guideFieldWidget.dropDownList select {
    /* line-height: 1.2; */
}

.aemformcontainer .guideFieldHorizontalAlignment {
    display: inline-flex;
    align-items: baseline;
}

.aemformcontainer .guideFieldVerticalAlignment {
    display: flex;
}

.guideCheckBoxGroupItems,
.guideCheckBoxGroupItems .guideCheckBoxItem,
.guideCheckBoxGroupItems .guideCheckBoxItem .guideWidgetLabel {
    line-height: 1;
}

.guideCheckBoxItem .guideWidgetLabel {
    vertical-align: top;
	padding-left: 0px;
}

.guideRadioButtonItem .guideWidgetLabel {
	vertical-align: top;
}

.guideContainer .guideHelpQuestionMark,
.aemformcontainer .guideHelpQuestionMark,
.aemformcontainer .guideHelpQuestionMark.active-mark:hover,
.guideContainer .guideHelpQuestionMark.active-mark:hover,
.aemformcontainer .guideHelpQuestionMark.active-mark:focus,
.guideContainer .guideHelpQuestionMark.active-mark:focus {
    display: inline-block;
    position: absolute;
    z-index: 2;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    background: #fff;
    border: 2px solid #0061a0;
    border-radius: 16px;
    background: url('../../../content/dam/metlifeform/question-mark.svg') center center / cover no-repeat, #fff;
    cursor: pointer;
}

.aemformcontainer .underlined .guideHelpQuestionMark.active-mark:hover,
.aemformcontainer .underlined .guideHelpQuestionMark.active-mark:focus {
    right: 3.8px;
}

[dir="rtl"] .aemformcontainer .guideContainer .guideHelpQuestionMark,
[dir="rtl"] .aemformcontainer .guideHelpQuestionMark,
[dir="rtl"] .aemformcontainer .guideHelpQuestionMark.active-mark:hover,
[dir="rtl"] .aemformcontainer .guideContainer .guideHelpQuestionMark.active-mark:hover,
[dir="rtl"] .aemformcontainer .guideHelpQuestionMark.active-mark:focus,
[dir="rtl"] .aemformcontainer .guideContainer .guideHelpQuestionMark.active-mark:focus {
    right: initial;
    left: 11px;
 }

.aemformcontainer .underlined .guideHelpQuestionMark,
.aemformcontainer .underlined.guideHelpQuestionMark.active-mark:hover,
.aemformcontainer .underlined.guideHelpQuestionMark.active-mark:focus {
    top: 16px;
	right: 3.8px;
}

.guideContainer .guideHelpQuestionMark:hover,
.aemformcontainer .guideHelpQuestionMark:hover,
.aemformcontainer .guideHelpQuestionMark:focus,
.guideContainer .guideHelpQuestionMark:focus,
.aemformcontainer .guideHelpQuestionMark.active-mark:focus,
.guideContainer .guideHelpQuestionMark.active-mark:focus {
    border: none;
    background: url('../../../content/dam/metlifeform/question-mark-active.svg') left top / cover no-repeat, #0061a0;
}

.aemformcontainer .guideHelpQuestionMark:focus,
.guideContainer .guideHelpQuestionMark:focus {
    outline: 2px solid #0061a0;
    outline-offset: 4px;
}
.aemformcontainer .guideHelpQuestionMark.active-mark:focus,
.guideContainer .guideHelpQuestionMark.active-mark:focus {
    outline: none;
}

.aemformcontainer .guideFieldWidget.dropDownList > .guideHelpQuestionMark {
    right: 32px;
}

[dir="rtl"] .aemformcontainer .guideFieldWidget.dropDownList > .guideHelpQuestionMark{
    right: initial;
    left: 32px;
}

.aemformcontainer .underlined .guideFieldWidget.dropDownList > .guideHelpQuestionMark {
    top: 11px;
}

.aemformcontainer .guideFieldDescription.long,
.guideContainer .guideFieldDescription.long {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 25px;
    margin-top: -28px;
    display: none;
    position: absolute;
    z-index: 9;
    right: 0;
    background: #fff;
    border: 2px solid #0061a0;
    word-break: break-word;
    padding: 15px 24px;
	border-radius: 8px;
	box-shadow: -3px 3px 18px 0 rgba(0, 0, 0, 0.18);
}
.aemformcontainer .guideFieldDescription.long b,
.guideContainer .guideFieldDescription.long b{
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}

.aemformcontainer .guideFieldDescription.long p,
.guideContainer .guideFieldDescription.long p {
    margin: 0;
}

.aemformcontainer .guideFieldDescription.long .tooltip-close{
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
}

.aemformcontainer .guideFieldDescription.long .tooltip-close svg{
    height: 16px;
    width: 16px;
}

.aemformcontainer .tool-tip-bottom.guideFieldDescription.long:before,
.aemformcontainer .tool-tip-bottom.guideFieldDescription.long:after,
.guideContainer .tool-tip-bottom.guideFieldDescription.long:before,
.guideContainer .tool-tip-bottom.guideFieldDescription.long:after {
    border: none;
    content: none;
}

.aemformcontainer .tool-tip-bottom.guideFieldDescription.long,
.guideContainer .tool-tip-bottom.guideFieldDescription.long {
    background: #f2f2f2;
    font-family: 'Noto Sans', 'Arial', 'Helvetica', 'sans-serif';
    color: #333;
    border: none;

}

.aemformcontainer .validation-failure .guideFieldDescription.long,
.guideContainer .validation-failure .guideFieldDescription.long {
    margin-top: 13px;
}

.aemformcontainer .validation-failure .guideFieldError + .guideFieldDescription.long,
.guideContainer .validation-failure .guideFieldError + .guideFieldDescription.long {

    margin-top: -20px;
    margin-bottom: 25px
}

.aemformcontainer .guidecheckbox .guideFieldDescription.long,
.guideContainer .guidecheckbox .guideFieldDescription.long,
.guideContainer .guideradiobutton .guideFieldDescription.long,
.aemformcontainer .guideradiobutton .guideFieldDescription.long {
    margin-bottom: 10px;
    top: 72px;
}
.guidecheckbox.guidefield .guideHelpQuestionMark,
.guidecheckbox.guidefield .guideHelpQuestionMark.active-mark,
.guideradiobutton.guidefield .guideHelpQuestionMark,
.guideradiobutton.guidefield .guideHelpQuestionMark.active-mark {
    top:0px;
}

.aemformcontainer .guideFieldDescription.long:after,
.guideContainer .guideFieldDescription.long:after,
.aemformcontainer .guideFieldDescription.long:before,
.guideContainer .guideFieldDescription.long:before {
    bottom: 100%;
    right: 22px;
    border: solid #0061a0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

[dir="rtl"] .aemformcontainer .guideFieldDescription.long:after,
[dir="rtl"] .aemformcontainer .guideContainer .guideFieldDescription.long:after,
[dir="rtl"] .aemformcontainer .guideFieldDescription.long:before,
[dir="rtl"] .aemformcontainer .guideContainer .guideFieldDescription.long:before {
    right: initial;
    left: 10px;
}

.aemformcontainer .guidecheckbox .guideFieldDescription.long:after,
.aemformcontainer .guideradiobutton .guideFieldDescription.long:after,
.aemformcontainer .guidecheckbox .guideFieldDescription.long:before,
.aemformcontainer .guideradiobutton .guideFieldDescription.long:before,
.guideContainer .guidecheckbox .guideFieldDescription.long:after,
.guideContainer .guideradiobutton .guideFieldDescription.long:after,
.guideContainer .guidecheckbox .guideFieldDescription.long:before,
.guideContainer .guideradiobutton .guideFieldDescription.long:before {
    right: initial;
}

[dir="rtl"] .aemformcontainer .guidecheckbox .guideFieldDescription.long:after,
[dir="rtl"] .aemformcontainer .guideradiobutton .guideFieldDescription.long:after,
[dir="rtl"] .aemformcontainer .guidecheckbox .guideFieldDescription.long:before,
[dir="rtl"] .aemformcontainer .guideradiobutton .guideFieldDescription.long:before,
[dir="rtl"] .aemformcontainer .guideContainer .guidecheckbox .guideFieldDescription.long:after,
[dir="rtl"] .aemformcontainer .guideContainer .guideradiobutton .guideFieldDescription.long:after,
[dir="rtl"] .aemformcontainer .guideContainer .guidecheckbox .guideFieldDescription.long:before,
[dir="rtl"] .aemformcontainer .guideContainer .guideradiobutton .guideFieldDescription.long:before{
    left: initial;
    right: 5px;
}

.aemformcontainer .guideFieldDescription.long:after,
.guideContainer .guideFieldDescription.long:after {
    border-color: rgba(0, 97, 160, 0);
    border-bottom-color: #f2f2f2;
    border-width: 8px;
    top: -13px;
    right: 22px;
}

[dir="rtl"] .aemformcontainer .guideFieldDescription.long:after,
[dir="rtl"] .aemformcontainer .guideContainer .guideFieldDescription.long:after{
    right: initial;
    left: 11px;
}

.aemformcontainer .guideFieldDescription.long:before,
.guideContainer .guideFieldDescription.long:before {
    border-color: rgba(0, 97, 160, 0);
    border-bottom-color: #0061a0;
    border-width: 8px;
}

.aemformcontainer .guideCheckBox .guideFieldDescription.long:before,
.aemformcontainer .guideradiobutton .guideFieldDescription.long:before,
.aemformcontainer .guidecheckbox .guideFieldDescription.long:before,
.guideContainer .guideCheckBox .guideFieldDescription.long:before,
.guideContainer .guideradiobutton .guideFieldDescription.long:before,
.guideContainer .guidecheckbox .guideFieldDescription.long:before {
    margin-left: -1px;
}

[dir="rtl"] .aemformcontainer .guideCheckBox .guideFieldDescription.long:before,
[dir="rtl"] .aemformcontainer .guideradiobutton .guideFieldDescription.long:before,
[dir="rtl"] .aemformcontainer .guidecheckbox .guideFieldDescription.long:before{
    margin-left: 0;
    margin-right: -1px;
}

/* Start link style */
.aemformcontainer a, .guideContainer a {
    color: #0061a0;
    text-decoration: none;
}

.aemformcontainer a:hover {
    color: #0061a0;
    text-decoration: underline;
}

/* fileupload component override */
.guideContainerNode .guidefield .guideFieldNode.guideFileUpload .guideFieldError {
    margin-bottom: 0;
    background-color: transparent;
    color: #d42123;
    padding-left: 0;
    margin-top: 5px;
}

.guideContainerNode .guidefield .guideFieldNode.guideFileUpload .guideFieldError:before {
    background: transparent;
}

.guideContainerNode .guidefield .guideFieldNode.fileUploadHelpText p {
    margin: 6px 0 0 0;
    font-size: 12px;
	font-family: 'Noto Sans', 'Arial', 'Helvetica', 'sans-serif';
	color: #6e6e6e;
    padding-left: 0;
    line-height: 17px;
}

.aemformcontainer .guide-fu-fileItemList .close, .guideContainer .guide-fu-fileItemList .close {
    opacity: 1;
    width: 4%;
}

.aemformcontainer .guide-fu-fileItemList .close{
    position: relative;
   	top: 6px;
}

.aemformcontainer .guide-fu-fileItemList .close:hover, .guideContainer .guide-fu-fileItemList .close:hover,
.aemformcontainer .guide-fu-fileItemList .close:focus, .guideContainer .guide-fu-fileItemList .close:focus {
    color: #007ABC;
    text-decoration: underline;
    opacity: 1;
}

ul li.guide-fu-fileItem {
    border-top: 0 solid #f2f2f2;
    padding: 7px 0px;
    font-size: 13px;
    display: flex;
    margin-top: 5px;
}

span.guide-fu-filePreview {
    margin-right: 0px;

}

ul li.guide-fu-fileItem span.uploadedFile svg{
    height: 23px;
    width: 19px;
    position: relative;
    top: 6px;
}

ul li.guide-fu-fileItem span.guide-fu-fileName {
    font-family: 'Noto Sans', 'Arial', 'Helvetica', 'sans-serif';
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    width: 92%;
    padding-top: 6px;
    cursor: default;
    padding-left: 16.5px;
    color: #333333;
}

ul li.guide-fu-fileItem span.guid-fu-fileSizeMb {
    font-family: 'Noto Sans', 'Arial', 'Helvetica', 'sans-serif';
    font-size: 16px;
    line-height: 24px;
    position: absolute;
    right: 38px;
    margin-top: 6px;
    color: #6e6e6e;
}

.guideFileUpload {
     .afFileUpload.fileUpload {
     	margin-top: 16px;
      }
}

.fileUploadPanel {
   margin-bottom: 25px;
}
.guidefield .guideFieldTooltip {
    background: #f2f2f2;
    padding: 10px 15px;
    color: #000;
    position: relative;
    line-height: 16px;
    font-size: 13px;
    height: 40px;
    margin: 8px 0;
}

.guidefield .guideFieldTooltip .fileInProgressClose {
    position: absolute;
    right: 10px;
    cursor: pointer;
    line-height: 18px;
    transform: translate(0%, -50%);
    top: 50%;
    padding: 2px;
    display: inline-block;
    font-size: 14px;
}

.aemformcontainer .guide-fu-fileItemList .close:focus {
    outline: 2px solid #007abc;
}

span.fileInProgressClose svg {
    display: none;
}

.afFileUpload span.non-preview-fileName {
    opacity: 1;
}

.aemformcontainer .guidefileupload.guidefield .afFileUpload.fileUpload .loader {
    border: 3px solid #ffffff;
    border-radius: 50%;
    border-top: 3px solid #007abc;
    border-right: 3px solid #007abc;
    border-bottom: 3px solid #007abc;
    width: 21px;
    height: 21px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    position: absolute;
    right: 35%;
}

.aemformcontainer .guidefileupload.guidefield .afFileUpload.fileUpload .loader.d-none {
    display: none;
}

.form-submit-loader {
    display: inline-block;
	border: 3px solid #ffffff;
	border-radius: 50%;
    border-top: 3px solid transparent;
    width: 24px;
    height: 24px;
    text-align: center;
    animation: spin 2s linear infinite;
}

.guidebutton .guideFieldWidget button.btn-disabled {
    pointer-events: none !important;
	opacity: 0.3 !important;
}

/* Safari */
@-webkit-keyframes spin {
  	0% { -webkit-transform: rotate(0deg); }
  	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  	0% { transform: rotate(0deg); }
  	100% { transform: rotate(360deg); }
}

.guideFileUpload .guideFieldWidget button {
	border: 2px solid #6e6e6e;
	border-radius: 8px;
    background: #fff;
    padding: 0px 22px;
    display: flex;
    overflow: hidden;
    align-items: center;
    width: 100%;
    line-height: 24px;
    font-weight: normal;
	font-size: 16px;
    height: auto;
    cursor: pointer;
}

.guideFileUpload .guideFieldWidget button .fileName {
    color: #6e6e6e;
    padding: 18px 45.5px 18px 0px;
	display: block;
    width: 70%;
	text-align: left;
}

.guideFileUpload .guideFieldWidget button .button {
    color: #007abc;
    padding: 18px 0px 18px 23px;
    cursor: pointer;
    font-weight: 600;
	width: 30%;
    text-align: center;
    border-left: 1px solid #a7a8aa;
}


.guideFileUpload .guideFieldWidget button:hover:not(.validation-failure),
.guideFileUpload .guideFieldWidget button:focus:not(.validation-failure) {
    border: 3px solid #0061a0;
	padding: 0px 21px;
	outline: 0;
}

.guideFileUpload .guideFieldWidget button:hover:not(.validation-failure) .fileName,
.guideFileUpload .guideFieldWidget button:focus:not(.validation-failure) .fileName {
    padding: 17px 45.5px 17px 0px;
}

.guideFileUpload .guideFieldWidget button:hover:not(.validation-failure) .button,
.guideFileUpload .guideFieldWidget button:focus:not(.validation-failure) .button {
    padding: 17px 0px 17px 23px;
}

.guideFileUpload .guideFieldWidget button.validation-failure{
    border: 2px solid #d42123;
}

.underlined.guideFileUpload .guideFieldWidget button {
    border-width: 0 0 2px 0;
    border-radius: 0px;
	outline: 0;
}

.underlined.guideFileUpload .guideFieldWidget button:hover:not(.validation-failure),
.underlined.guideFileUpload .guideFieldWidget button:focus:not(.validation-failure){
    border-width: 0 0 3px 0;
	padding: 0px 22px;
	outline: 0;
}

.underlined.guideFileUpload .guideFieldWidget button:hover:not(.validation-failure) .fileName,
.underlined.guideFileUpload .guideFieldWidget button:focus:not(.validation-failure) .fileName {
    padding: 18px 45.5px 17px 0px;
}

.underlined.guideFileUpload .guideFieldWidget button:hover:not(.validation-failure) .button,
.underlined.guideFileUpload .guideFieldWidget button:focus:not(.validation-failure) .button {
    padding: 18px 0px 17px 23px;
}

.underlined.guideFileUpload .guideFieldWidget button .fileName{
	border-right: 0px solid #a7a8aa;
}

.underlined.guideFileUpload .guideFieldWidget button .button{
	border-left: 0px;
}

.underlined.guideFileUpload .guideFieldWidget button.validation-failure{
    border-width: 0 0 3px 0;
}

.guide-fu-fileClose .icon-close {
    width: 10.5px;
    height: 10.5px;
    fill: #007abc;
    color: #007abc;
    float: right;
}
.fileInProgressClose .icon-close {
    width: 10.5px;
    height: 10.5px;
    fill: #007abc;
    color: #007abc;
    float: right;
}

.guide-fu-fileClose svg{
    position: relative;
    top: 8px;
    right: 6px;
}
[dir="rtl"] .aemformcontainer .icon-file-upload{
    float: left;
}

ul.guide-fu-fileItemList {
    margin: 8px 0;
}

form .guideContainerNode .guidefield .guideFileUpload .guideFieldLabel.top label {
    padding: 0;
    position: relative;
    font-family: 'Noto Sans', 'Arial', 'Helvetica', 'sans-serif';
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #333;
}

/* fileupload component override end */

/* Start Placeholder color */
.guideFieldNode .guideWidgetLabel label,
.guidedropdownlist .dropDownList select {
    color: #333333;
}

.guidefield input::-moz-placeholder,
.guidefield .guideFieldNode select::-moz-placeholder,
.guideTextBox .multiline.textField textArea::-moz-placeholder {
    color: #333333;
}

.guidefield input:-ms-input-placeholder,
.guidefield .guideFieldNode select:-ms-input-placeholder,
.guideTextBox .multiline.textField textArea:-ms-input-placeholder {
    color: #333333;
}

.guidefield input::placeholder,
.guidefield .guideFieldNode select::placeholder,
.guideFieldNode .guideWidgetLabel label,
.guideTextBox .multiline.textField textArea::placeholder,
.guidedropdownlist .dropDownList select {
    color: #333333;
}

.guidefield .underlined input::-webkit-input-placeholder,
.guidefield .underlined input:-ms-input-placeholder,
.guidefield .underlined input::-ms-input-placeholder,
.guidefield .underlined input::-moz-placeholder,
.guidefield .underlined input::placeholder {
    color: #333;
}

@media screen and (max-width: 480px) {
    .guidefield .errorMessage, .guidefield .thankYouMessage {
        font-size: 22px;
        line-height: 26px;
        font-weight: 400;
    }

}

@media screen and (min-width: 480px) and (max-width: 1024px) {
    .guidefield .errorMessage, .guidefield .thankYouMessage {
        font-size: 24px;
        line-height: 28px;
        font-weight: 400;
    }

}


/* Button fix for mobile */
@media screen and (max-width: 480px) {
.aemformcontainer .guidebutton .guideFieldWidget button:not(.af-icon-button), .aemformcontainer .guidebutton input[type='button'] {
	width: 100%;
	}

	ul li.guide-fu-fileItem span.guid-fu-fileSizeMb {
    	right: 31px;
	}


	ul li.guide-fu-fileItem span.guide-fu-fileName {
    	width: 88%;
	}

	.guide-fu-fileClose svg {
    	right: 0;
    }

    .guideFileUpload .guideFieldWidget button .fileName {
       	width: 65%;
     }

	 .guideFileUpload .guideFieldWidget button .button {
        width: 35%;
      }

	 .aemformcontainer .guidefileupload.guidefield .afFileUpload.fileUpload .loader {
    	right: 45%;
      }

}

@media screen and (min-width: 768px) {
	form .guideContainerNode .guidefield.guidedropdownlist .guideFieldLabel.top label,
    form .guideContainerNode .guidefield.guidetextbox .guideFieldLabel.top label,
    form .guideContainerNode .guidefield.date-picker-metlife .guideFieldLabel.top label,
    form .guideContainerNode .guidefield.searchabledropdown .guideFieldLabel.top label,
	form .guideContainerNode .guidefield.guidepasswordbox .guideFieldLabel.top label {

        top: 9px;
    }

    .aemformcontainer .col-md-6, .guideContainer .col-md-6 {
        float: left;
        width: 50%;
    }

    .aemformcontainer .col-md-4, .guideContainer .col-md-4 {
        float: left;
        width: 33.33%;
    }

    [dir="rtl"] .aemformcontainer .col-md-6, [dir="rtl"] .aemformcontainer .guideContainer .col-md-6,
    [dir="rtl"] .aemformcontainer .col-md-4, [dir="rtl"] .aemformcontainer .guideContainer .col-md-4{
        float: right;
    }

    .guideSeparator {
        margin-top: 20px;
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 1024px) {
    .guideSeparator {
        margin-top: 30px;
        margin-bottom: 40px;
    }

}

.guideCheckBoxGroupItems .guideCheckBoxItem.pill-check .guideWidgetLabel label {
    display: block;
    border: solid 2px #6e6e6e;
    border-radius: 23px;
    height: 46px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    text-align: left;
    font-family: 'Noto Sans', 'Arial', 'Helvetica', 'sans-serif';
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    display: block;
    position: relative;
    max-width: 303px;
}

.guideCheckBoxGroupItems .guideCheckBoxItem.pill-check.guideItemSelected .guideWidgetLabel label {
    background: #528320;
    color: #fff;
    border-color: #528320;
    min-width: 0;
    padding: 12px 48px 12px 24px;
    position: relative;
}

.guideCheckBoxGroupItems .guideCheckBoxItem.pill-check.guideItemSelected .guideWidgetLabel label:hover {
    border-color: #528320;
}

.guideCheckBoxGroupItems .guideCheckBoxItem.pill-check .guideWidgetLabel label:hover {
    border-color: #0061a0;
}

.guideCheckBoxItem.pill-check label:before {
    content: " ";
    position: absolute;
    border: 0px;
}

.guideCheckBoxItem.pill-check label:hover::before {
    border: 0;
}

.guideCheckBoxItem.pill-check.guideItemSelected label:before {
    content: " ";
    font-weight: 700;
    color: #333;
    padding: 0;
    background-color: transparent;
    border: 0;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAlBAMAAAAU62zlAAAAJFBMVEVHcEz///////////////////////////////////////////8Uel1nAAAAC3RSTlMA8DBg0hCeeki4IENLW3EAAADOSURBVDjLY2AgB4R5LsApx+q9WwqnZMju3dvwaNy9E4/G3ZvxaNydgEcjLiuZpPFoVKRE43Z8Gg3waNxMjMawGbg1ckmjOgxFIyeayxqRbWREdRrzbmQ+G6rbrFG44AgwwK4REgNCyBol0Jy3UQGhEcZGeEwIoVEII0i2BGDXyMDQDRRzxa4RogGkFZtGiA4HBoZqLBoZGNjByYINq0YGhmxQusjGqhEShltwaIRoBQInnKkY5lvs6R/iWRxacWgEai3cvbEUdz7XaMAQAgDrwI6YD0nIoAAAAABJRU5ErkJggg==') !important;
    background-position: center;
    background-repeat: no-repeat;
    height: 13px;
    width: 19px;
    position: absolute;
    right: 24px;
    margin: 0;
    background-size: contain;
    transform: translateY(-50%);
    top: 50%;
    bottom: 0;
    min-width: auto !important;
    border-radius: unset;
}

.guideCheckBoxItem.pill-check.guideItemSelected label:hover::before {
    border: 0;
}

.guideCheckBoxGroupItems .guideCheckBoxItem.pill-check .guideWidgetLabel label:hover {
    border-color: #0061a0;
    box-shadow: 0px 0px 0px 1px rgba(0,97,160,1);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0,97,160,1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(0,97,160,1);

}

.keyboard-active .guidecheckbox .guideCheckBoxGroup.pill-check label.in-focus {
    outline-offset: 2px;
}

/**
Three Column Responsive Grid
**/
@media screen and (min-width: 768px){

    .three-column-responsive .gridFluidLayout .guideLayout{
        display: flex;
        flex-wrap: wrap;
    }

    .three-column-responsive .gridFluidLayout .guideLayout > .row{
        flex: 0 0 50%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px){
    .three-column-responsive .gridFluidLayout .guideLayout > .row:nth-child(1n), .three-column-responsive .gridFluidLayout .guideLayout > .row:nth-child(1n){
        padding-right: 7.5px;
    }

    .three-column-responsive .gridFluidLayout .guideLayout > .row:nth-child(2n), .three-column-responsive .gridFluidLayout .guideLayout > .row:nth-child(2n) {
        padding-left: 7.5px;
    }

    .three-column-responsive .gridFluidLayout .guideLayout > .row:last-child:first-child{
        padding-right: 7.5px
        padding-left: 0px;
    }
}

@media screen and (min-width: 1023px){
    .three-column-responsive .gridFluidLayout .guideLayout > .row{
        flex: 0 0 33.333%;
    }


    .three-column-responsive .gridFluidLayout .guideLayout > .row:nth-child(1n), .three-column-responsive .gridFluidLayout .guideLayout > .row:nth-child(1n){
        padding-right: 7.5px;
        padding-left: 0px;
    }

    .three-column-responsive .gridFluidLayout .guideLayout > .row:nth-child(3n), .three-column-responsive .gridFluidLayout .guideLayout > .row:nth-child(3n) {
        padding-left: 7.5px;
        padding-right: 0px;
    }

    .three-column-responsive .gridFluidLayout .guideLayout > .row:nth-child(3n-1), .three-column-responsive .gridFluidLayout .guideLayout > .row:nth-child(3n-1) {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
}


.aemformcontainer.aem-form-tablet .three-column-responsive .gridFluidLayout .guideLayout {
    display: flex;
    flex-wrap: wrap;
}

.aemformcontainer.aem-form-tablet .three-column-responsive .gridFluidLayout .guideLayout > .row{
    flex: 0 0 50%;
}

.aemformcontainer.aem-form-tablet .three-column-responsive .gridFluidLayout .guideLayout > .row:nth-child(1n),
.aemformcontainer.aem-form-tablet .three-column-responsive .gridFluidLayout .guideLayout > .row:nth-child(1n){
    padding-right: 7.5px;
}

.aemformcontainer.aem-form-tablet.three-column-responsive .gridFluidLayout .guideLayout > .row:nth-child(2n),
.aemformcontainer.aem-form-tablet .three-column-responsive .gridFluidLayout .guideLayout > .row:nth-child(2n) {
    padding-left: 7.5px;
}

.aemformcontainer.aem-form-tablet .three-column-responsive .gridFluidLayout .guideLayout > .row:last-child:first-child{
    padding-right: 7.5px
    padding-left: 0px;
}

.aemformcontainer.aem-form-desktop .three-column-responsive .gridFluidLayout .guideLayout > .row{
    flex: 0 0 33.333%;
}

.aemformcontainer.aem-form-desktop .three-column-responsive .gridFluidLayout .guideLayout > .row:nth-child(1n),
.aemformcontainer.aem-form-desktop .three-column-responsive .gridFluidLayout .guideLayout > .row:nth-child(1n){
    padding-right: 7.5px;
    padding-left: 0px;
}

.aemformcontainer.aem-form-desktop .three-column-responsive .gridFluidLayout .guideLayout > .row:nth-child(3n),
.aemformcontainer.aem-form-desktop .three-column-responsive .gridFluidLayout .guideLayout > .row:nth-child(3n) {
    padding-left: 7.5px;
    padding-right: 0px;
}

.aemformcontainer.aem-form-desktop .three-column-responsive .gridFluidLayout .guideLayout > .row:nth-child(3n-1),
.aemformcontainer.aem-form-desktop .three-column-responsive .gridFluidLayout .guideLayout > .row:nth-child(3n-1) {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

/* Form Counter/Numeric Stepper CSS Code starts */

.guideFieldNode.guideNumericBox.numeric-stepper-counter {
	margin-bottom: 24px!important;
}

.guideFieldNode.guideNumericBox.numeric-stepper-counter .guideNumericStepper {
   min-width: 166px!important;
   background-color: transparent!important;
   margin-top: 24px;
   height: 32px;
}

.guideFieldNode.guideNumericBox.numeric-stepper-counter .guideNumericStepper span.ui-spinner {
    display: flex!important;
}

.guideFieldNode.guideNumericBox.numeric-stepper-counter .guideNumericStepper .counter-name {
    height: 30px;
    padding-top: 2px;
    border-bottom: 2px solid #6e6e6e;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #333333;
    padding-right: 6px;
}

.guideFieldNode.guideNumericBox.numeric-stepper-counter.validation-failure .guideNumericStepper .counter-name {
    border-bottom: 3px solid #d42123;
}

.guideFieldNode.guideNumericBox.numeric-stepper-counter .guideNumericStepper input[type='text'].ui-spinner-input,
.guideFieldNode.guideNumericBox.numeric-stepper-counter .guideNumericStepper .ui-spinner-input  {
    border-width: 0 0 2px 0!important;
    width: 40px!important;
    border-radius: 0!important;
    padding: 0!important;
    height: 30px!important;
    text-align: center!important;
    background: transparent!important;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #333333;
}

.guideFieldNode.guideNumericBox.numeric-stepper-counter.validation-failure .guideNumericStepper input[type='text'].ui-spinner-input:hover,
.guideFieldNode.guideNumericBox.numeric-stepper-counter.validation-failure .guideNumericStepper .ui-spinner-input:hover  {
    border-color: #d42123!important;
}

.guideFieldNode.guideNumericBox.numeric-stepper-counter .guideNumericStepper input[type='text'].ui-spinner-input:hover,
.guideFieldNode.guideNumericBox.numeric-stepper-counter .guideNumericStepper .ui-spinner-input:hover  {
    border-color: #6e6e6e!important;
}

.guideFieldNode.guideNumericBox.numeric-stepper-counter .guideNumericStepper input[type='text'].ui-spinner-input:focus,
.guideFieldNode.guideNumericBox.numeric-stepper-counter .guideNumericStepper .ui-spinner-input:focus  {
    border-color: #6e6e6e!important;
}


.guideFieldNode.guideNumericBox.numeric-stepper-counter.validation-failure input[type='text'].ui-spinner-input,
.guideFieldNode.guideNumericBox.numeric-stepper-counter.validation-failure .guideNumericStepper .ui-spinner-input {
    border-width: 0 0 3px 0!important;
}

.guideFieldNode.guideNumericBox.numeric-stepper-counter.validation-failure .guideNumericStepper input[type='text'].ui-spinner-input:focus,
.guideFieldNode.guideNumericBox.numeric-stepper-counter.validation-failure .guideNumericStepper .ui-spinner-input:focus  {
    border-color: #d42123!important;
}

.guideFieldNode.guideNumericBox.numeric-stepper-counter .guideNumericStepper a.ui-spinner-button.ui-spinner-up {
	background-image: url('../../../content/dam/metlifeform/plus-update.svg')!important;
    background-color: #ffffff!important;
    border: 2px solid #6e6e6e;
    border-radius: 50%;
    padding: 14px;
    width: 12px;
    height: 12px;
    margin-left: 24px;
    cursor: pointer;
	position: relative;
}

.guideFieldNode.guideNumericBox.numeric-stepper-counter .guideNumericStepper a.ui-spinner-button.ui-spinner-up:focus {
    border-width: 3px!important;
    padding: 13px;
    border-color: #0061a0;
    outline: 0px;
}

.guideFieldNode.guideNumericBox.numeric-stepper-counter .guideNumericStepper a.ui-spinner-button.ui-spinner-up:focus::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    border: 2px solid #0061a0;
    top: -7px;
    bottom: 0px;
    right: -7px;
}

.guideFieldNode.guideNumericBox.numeric-stepper-counter .guideNumericStepper a.ui-spinner-button.ui-spinner-up:hover {
    border: 3px solid #0061a0;
    padding: 13px;
}

.guideFieldNode.guideNumericBox.numeric-stepper-counter .guideNumericStepper a.ui-spinner-button.ui-spinner-up.disabled {
	background-image: url('../../../content/dam/metlifeform/plus-update.svg')!important;
    background-color: #d9d9d6!important;
}

.guideFieldNode.guideNumericBox.numeric-stepper-counter .guideNumericStepper a.ui-spinner-button.ui-spinner-up.disabled:hover {
	border: 3px solid #6e6e6e!important;
}

.guideFieldNode.guideNumericBox.numeric-stepper-counter .guideNumericStepper a.ui-spinner-button.ui-spinner-down {
	background-image: url('../../../content/dam/metlifeform/minus-update.svg')!important;
    background-color: #ffffff!important;
    border: 2px solid #6e6e6e;
    border-radius: 50%;
    padding: 14px;
    width: 12px;
    height: 12px;
    margin-right: 24px;
    cursor: pointer;
}

.guideFieldNode.guideNumericBox.numeric-stepper-counter .guideNumericStepper a.ui-spinner-button.ui-spinner-down:focus {
    border-width: 3px!important;
    padding: 13px;
    border-color: #0061a0;
    outline: 0px;
}

.guideFieldNode.guideNumericBox.numeric-stepper-counter .guideNumericStepper a.ui-spinner-button.ui-spinner-down:focus::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    border: 2px solid #0061a0;
    top: -4px;
    bottom: 0px;
    left: -4px;
    right: 0px;

}

.guideFieldNode.guideNumericBox.numeric-stepper-counter .guideNumericStepper a.ui-spinner-button.ui-spinner-down:hover {
	border: 3px solid #0061a0;
    padding: 13px;
}

.guideFieldNode.guideNumericBox.numeric-stepper-counter .guideNumericStepper a.ui-spinner-button.ui-spinner-down.disabled {
	background-image: url('../../../content/dam/metlifeform/minus-update.svg')!important;
    background-color: #d9d9d6!important;
}

.guideFieldNode.guideNumericBox.numeric-stepper-counter .guideNumericStepper a.ui-spinner-button.ui-spinner-down.disabled:hover {
	border: 3px solid #6e6e6e!important;
}

.numeric-stepper-counter label {
    font-size: 20px!important;
    font-weight: 600!important;
	font-family: 'Noto Sans', 'Arial', 'Helvetica', 'sans-serif'!important;
    line-height: 30px!important;
    margin-bottom: 8px!important;
    color: #333333;
 }

.numeric-stepper-counter .counter-sub-copy {
    font-size: 14px!important;
    font-weight: normal!important;
	font-family: 'Noto Sans', 'Arial', 'Helvetica', 'sans-serif'!important;
    line-height: 21px!important;
    color: #333333;
 }

/* Form Counter/Numeric Stepper CSS Code End */


/* Form Password few CSS Code chagnes Starts */
.guidepasswordbox .masked-input-password .guideFieldWidget.defaultWidget {
    position: relative;
}

form .guideContainerNode .guidefield.guidepasswordbox .masked-input-password .guideFieldLabel.top label{
    color: #6e6e6e!important;;
}

.guidepasswordbox .masked-input-password .not-visible {
	position: absolute;
	top: 27px;
	right: 20px;
	background-image: url('../../../content/dam/metlifeform/eye-hidden.svg')!important;
	width: 16px;
	height: 13px;
}

.guidepasswordbox .masked-input-password .not-visible.visible {
	background-image: url('../../../content/dam/metlifeform/eye-show.svg')!important;
    height: 13px;
}

.guidepasswordbox .masked-input-password .not-visible {
    outline-width: 0px;
}

.keyboard-active .guidepasswordbox .masked-input-password .not-visible:focus {
    outline-offset: 2px;
	outline-width: 2px;
}

.guidepasswordbox .masked-input-password .not-visible:hover {
    outline-offset: 0px;
    outline-width: 0px;
}

form .guideContainerNode .guidefield.guidepasswordbox .masked-input-password .guideFieldLabel.top label {
	width: auto!important;
}

form .guideContainerNode .guidefield.guidepasswordbox .masked-input-password.af-field-filled input {
	padding: 30px 24px 10px 24px!important;
}

form .guideContainerNode .guidefield.guidepasswordbox .masked-input-password.af-field-filled input:hover {
	padding: 29px 23px 9px 23px!important;
}

form .guideContainerNode .guidefield.guidepasswordbox .masked-input-password.af-field-filled.guideActiveField input:hover {
	padding: 29px 23px 9px 23px!important;
}

form .guideContainerNode .guidefield.guidepasswordbox .masked-input-password.af-field-filled.underlined input:hover {
	padding: 30px 24px 9px 24px!important;
}

form .guideContainerNode .guidefield.guidepasswordbox .masked-input-password.af-field-filled.guideActiveField.underlined input:hover {
	padding: 30px 24px 9px 24px!important;
}

form .guideContainerNode .guidefield.guidepasswordbox .masked-input-password.underlined .guideFieldWidget input:focus {
    border-radius: 8px 8px 0 0!important;
    padding: 30px 24px 9px 24px!important;
}

form .guideContainerNode .guidefield.guidepasswordbox .masked-input-password .guideFieldWidget input:focus {
    padding: 29px 23px 9px 23px!important;
}

form .guideContainerNode .guidefield.guidepasswordbox .masked-input-password input::-ms-reveal {
    display: none;
}

form .guideContainerNode .guidefield.guidepasswordbox .masked-input-password.underlined.validation-failure input {
	background: #fff!important;
}
/* Form Password few CSS Code chagnes Ends */


/*Form segmented slider widget starts*/
.aem-form-slider .group-label {
    font-family: 'Noto Sans','Arial','Helvetica','sans-serif';
	display: block;
	font-size: 1.25rem;
	font-weight: 500;
	color: #333;
}
.aem-form-slider .group-label:not(:empty) {
	 margin-bottom: 32px;
}
.aem-form-slider .group-label + .link-tooltip {
	 margin: -32px 0 32px;
}
.aem-form-slider .group-label-w-tooltip {
	 display: flex;
	 gap: 16px;
}
.aem-form-slider .group-label-w-tooltip .mldc-tooltip {
	 margin-top: -2px;
}
.aem-form-slider .link-tooltip a {
	 display: inline-block;
	 font-weight: 500;
	 margin-top: 8px;
}
.aem-form-slider .link-tooltip .info {
	 position: relative;
	 margin-top: 8px;
	 background-color: #f2f2f2;
	 padding: 8px 24px 8px 8px;
	 font-size: 0.875rem;
	 color: #333;
}
.aem-form-slider .link-tooltip .info svg {
	 position: absolute;
	 top: 8px;
	 right: 8px;
	 cursor: pointer;
}
.aem-form-slider.segmented-slider .group-label:not(:empty) {
	 margin-bottom: 24px;
}
.aem-form-slider.segmented-slider .group-label + .link-tooltip {
	 margin: -24px 0 16px;
}
.aem-form-slider .slider-group {
	 position: relative;
	 display: flex;
	 gap: 22px;
}
.aem-form-slider .slider-group .slider {
	 position: relative;
	 width: 100%;
	 margin: 0 4px;
}
.aem-form-slider .slider-group .slider::before,
.aem-form-slider .slider-group .slider::after {
     position: absolute;
     z-index: 1;
	 top: 0;
	 content: "";
	 width: 16px;
	 height: 28px;
	 background-color: transparent;
}
.aem-form-slider .slider-group .slider::before {
	 left: 0;
}
.aem-form-slider .slider-group .slider::after {
	 right: 0;
}
.aem-form-slider .slider-group .slider input[type="range"] {
	 -webkit-appearance: none;
	 appearance: none;
	 margin: 0;
	 width: 100%;
	 height: 7px;
	 border-radius: 12px;
	 background: #d9d9d6;
	 background-image: linear-gradient(#333, #333);
	 background-repeat: no-repeat;
}
.aem-form-slider .slider-group .slider input[type="range"]::before,
.aem-form-slider .slider-group .slider input[type="range"]::after {
	 position: absolute;
	 top: 0;
	 content: "";
	 height: 7px;
	 border-radius: 12px;
}
.aem-form-slider .slider-group .slider input[type="range"]::before {
	 left: 14px;
	 background-color: #333;
	 pointer-events: none;
}
.aem-form-slider .slider-group .slider input[type="range"]::after {
	 z-index: 2;
	 right: 14px;
	 background-color: #d9d9d6;
	 pointer-events: none;
}
.aem-form-slider .slider-group .slider input[type="range"]::-webkit-slider-runnable-track {
	 width: 100%;
	 height: 7px;
}
.aem-form-slider .slider-group .slider input[type="range"]::-webkit-slider-thumb {
	 position: relative;
     z-index: 3;
	 -webkit-appearance: none;
	 height: 32px;
	 width: 32px;
	 border-radius: 50%;
	 background-color: #333;
	 transform: translateY(calc(-50% + 3.5px));
	 cursor: pointer;
}
.aem-form-slider .slider-group .slider input[type="range"]::-moz-range-track {
     box-sizing: border-box;
     width: 100%;
     height: 7px;
}
.aem-form-slider .slider-group .slider input[type="range"]::-moz-range-thumb {
     box-sizing: border-box;
     height: 32px;
     width: 32px;
     border-radius: 50%;
     background: #333;
     cursor: pointer;
}
.aem-form-slider .slider-group .slider input[type="range"]:focus {
	 outline: none;
	 background-image: linear-gradient(#0061a0, #0061a0);
}
.aem-form-slider .slider-group .slider input[type="range"]:focus::before {
	 background-color: #0061a0;
}
.aem-form-slider .slider-group .slider input[type="range"]:focus::-webkit-slider-thumb {
	 border: 4px solid #0061a0;
	 background-color: #fff;
	 transform: translateY(calc(-50% + 3.5px)) scale(1.25);
}
.aem-form-slider .slider-group .slider input[type="range"]:focus::-moz-range-thumb {
	 box-sizing: border-box;
	 border: 4px solid #0061a0;
	 background-color: #fff;
	 transform: scale(1.25);
}
.aem-form-slider .slider-group .slider input[type="range"]:focus:not(:focus-visible) {
	 background-image: linear-gradient(#333, #333);
}
.aem-form-slider .slider-group .slider input[type="range"]:focus:not(:focus-visible)::before {
	 background-color: #333;
}
.aem-form-slider .slider-group .slider input[type="range"]:focus:not(:focus-visible):hover {
	 background-image: linear-gradient(#0061a0, #0061a0);
}
.aem-form-slider .slider-group .slider input[type="range"]:focus:not(:focus-visible):hover::before {
	 background-color: #0061a0;
}
.aem-form-slider .slider-group .slider input[type="range"]:focus:not(:focus-visible)::-webkit-slider-thumb {
	 border: 0;
	 background-color: #333;
	 transform: translateY(calc(-50% + 3.5px)) scale(1);
}
.aem-form-slider .slider-group .slider input[type="range"]:focus:not(:focus-visible)::-moz-range-thumb {
     box-sizing: border-box;
	 border: 0;
	 background-color: #333;
	 transform: scale(1);
}
.aem-form-slider .slider-group .slider input[type="range"]:focus:not(:focus-visible)::-webkit-slider-thumb:hover {
	 background-color: #0061a0;
	 transform: translateY(calc(-50% + 3.5px)) scale(1.25);
}
.aem-form-slider .slider-group .slider input[type="range"]:focus:not(:focus-visible)::-moz-range-thumb:hover {
	 background-color: #0061a0;
	 transform: scale(1.25);
}
.aem-form-slider .slider-group .slider input[type="range"]:hover {
	 background-image: linear-gradient(#0061a0, #0061a0);
}
.aem-form-slider .slider-group .slider input[type="range"]:hover::before {
	 background-color: #0061a0;
}
.aem-form-slider .slider-group .slider input[type="range"]:hover::-webkit-slider-thumb {
	 background-color: #0061a0;
	 transform: translateY(calc(-50% + 3.5px)) scale(1.25);
}
.aem-form-slider .slider-group .slider input[type="range"]:hover::-moz-range-thumb {
	 box-sizing: border-box;
	 background-color: #0061a0;
	 transform: scale(1.25);
}
.aem-form-slider .slider-group .slider input[type=range] {
     pointer-events: none;
}
.aem-form-slider .slider-group .slider input[type=range]::-webkit-slider-thumb {
     pointer-events: auto;
}
.aem-form-slider .slider-group .slider input[type=range]::-moz-range-thumb {
     pointer-events: auto;
}
.aem-form-slider .slider-group .slider input[type=range]::-ms-thumb {
     pointer-events: auto;
}
.aem-form-slider .slider-group .slider .slider-progress-bar {
	 position: absolute;
	 top: 0;
	 height: 32px;
	 background-color: transparent;
}
.aem-form-slider .slider-group .slider .slider-gray-bar {
	 position: absolute;
	 top: 0;
	 right: 0;
	 height: 32px;
	 background-color: transparent;
}
.aem-form-slider .slider-group .slider .range-label {
	 position: relative;
	 margin-top: 8px;
	 font-size: 1rem;
}
.aem-form-slider .slider-group .slider .range-label span {
     font-family: 'Noto Sans','Arial','Helvetica','sans-serif';
	 position: absolute;
	 white-space: nowrap;
	 transform: translateX(-50%);
	 line-height: 24px;
	 color: #333333;
}
.aem-form-slider .slider-group .slider .range-label span:first-child::after {
	 position: absolute;
	 font-family: 'Noto Sans','Arial','Helvetica','sans-serif';
	 content: attr(data-unit);
	 margin-left: 4px;
	 color: #333333;
}
.aem-form-slider .slider-group .slider .range-label span:last-child.with-unit {
    font-family: 'Noto Sans','Arial','Helvetica','sans-serif';
    transform: translateX(-100%);
	line-height: 24px;
    color: #333333;
}
.aem-form-slider .slider-group .slider .segmented-range-label {
	 position: relative;
	 margin-top: 16px;
	 font-size: 1rem;
}
.aem-form-slider .slider-group .slider .segmented-range-label span {
     font-family: 'Noto Sans','Arial','Helvetica','sans-serif';
	 position: absolute;
	 white-space: nowrap;
	 transform: translateX(-50%);
	 line-height: 22px;
	 color: #333;
}
.aem-form-slider .slider-group .slider .segmented-range-label span::after {
	 position: absolute;
	 content: attr(data-unit);
	 margin-left: 1px;
	 line-height: 22px;
	 color: #333;
}
.aem-form-slider .slider-group .current-value {
	 font-size: 1rem;
	 font-weight: 600;
}
.aem-form-slider .slider-group .current-value ul {
	 list-style: none;
	 margin: 0;
	 padding: 0;
}
.aem-form-slider .slider-group .current-value ul li {
     font-family: 'Noto Sans','Arial','Helvetica','sans-serif';
	 text-align: center;
	 font-weight: bold;
	 color: #333333;
}
.aem-form-slider .slider-group .current-value:not(.segmented) {
	 transform: translateX(-50%);
}
.aem-form-slider .slider-group .current-value.segmented {
     font-family: 'Noto Sans','Arial','Helvetica','sans-serif';
	 width: 40px;
	 white-space: nowrap;
	 color: #333;
}
.aem-form-slider .slider-group .current-value.segmented::after {
     font-family: 'Noto Sans','Arial','Helvetica','sans-serif';
	 position: absolute;
	 content: attr(data-unit);
	 margin-left: 3px;
	 line-height: 22px;
	 color: #333;
}
.aem-form-slider .subcopy {
    font-family: 'Noto Sans','Arial','Helvetica','sans-serif';
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: -10px;
    margin-bottom: 40px;
}

/*Form segmented slider widget - Dark Background*/
.dark-background .guideFieldLabel label,
.dark-background .aem-form-slider .group-label,
.dark-background .aem-form-slider .slider-group .slider .range-label,
.dark-background .aem-form-slider .slider-group .current-value ul li,
.dark-background form .guideContainerNode .guidefield .guideFieldNode .guideFieldError {
	color: #ffffff;
}
.dark-background .aem-form-slider .link-tooltip .info {
	 background-color: #f2f2f2;
	 color: #ffffff;
}
.dark-background .aem-form-slider .slider-group .slider::before,
.dark-background .aem-form-slider .slider-group .slider::after {
	 background-color: transparent;
}
.dark-background .aem-form-slider .slider-group .slider input[type="range"] {
	 background: #d9d9d6;
	 background-image: linear-gradient(#0090da, #0090da);
	 background-repeat: no-repeat;
}
.dark-background .aem-form-slider .slider-group .slider input[type="range"]::before {
	 background-color: #0090da;
}
.dark-background .aem-form-slider .slider-group .slider input[type="range"]::after {
	 background-color: #d9d9d6;
}
.dark-background .aem-form-slider .slider-group .slider input[type="range"]::-webkit-slider-thumb {
	 background-color: #a4ce4e;
}
.dark-background .aem-form-slider .slider-group .slider input[type="range"]::-moz-range-thumb {
     background: #a4ce4e;
}
.dark-background .aem-form-slider .slider-group .slider input[type="range"]:focus {
     background-image: linear-gradient(#0090da, #0090da);
}
.dark-background .aem-form-slider .slider-group .slider input[type="range"]:focus::before {
     background-color: #0090da;
}
.dark-background .aem-form-slider .slider-group .slider input[type="range"]:focus::-webkit-slider-thumb {
	 border: 4px solid #a4ce4e;
	 background-color: #ffffff;
}
.dark-background .aem-form-slider .slider-group .slider input[type="range"]:focus::-moz-range-thumb {
	 background-color: #ffffff;
     border: 4px solid #0090da;
}
.dark-background .aem-form-slider .slider-group .slider input[type="range"]:focus:not(:focus-visible) {
     background-image: linear-gradient(#0090da, #0090da);
}
.dark-background .aem-form-slider .slider-group .slider input[type="range"]:focus:not(:focus-visible)::before {
     background-color: #0090da;
}
.dark-background .aem-form-slider .slider-group .slider input[type="range"]:focus:not(:focus-visible):hover {
     background-image: linear-gradient(#0090da, #0090da);
}
.dark-background .aem-form-slider .slider-group .slider input[type="range"]:focus:not(:focus-visible):hover::before {
     background-color: #0090da;
}
.dark-background .aem-form-slider .slider-group .slider input[type="range"]:focus:not(:focus-visible)::-webkit-slider-thumb {
	 border: 0;
	 background-color: #a4ce4e;
}
.dark-background .aem-form-slider .slider-group .slider input[type="range"]:focus:not(:focus-visible)::-webkit-slider-thumb:hover {
	 background-color: #0090da;
}
.dark-background .aem-form-slider .slider-group .slider input[type="range"]:focus:not(:focus-visible)::-moz-range-thumb {
	 border: 0;
     background-color: #0090da;
}
.dark-background .aem-form-slider .slider-group .slider input[type="range"]:focus:not(:focus-visible)::-moz-range-thumb:hover {
     background-color: #0090da;
}
.dark-background .aem-form-slider .slider-group .slider input[type="range"]:hover {
     background-image: linear-gradient(#0090da, #0090da);
}
.dark-background .aem-form-slider .slider-group .slider input[type="range"]:hover::before {
	 background-color: #0090da;
}
.dark-background .aem-form-slider .slider-group .slider input[type="range"]:hover::-webkit-slider-thumb {
	 background-color: #0090da;
}
.dark-background .aem-form-slider .slider-group .slider input[type="range"]:hover::-moz-range-thumb {
     background-color: #0090da;
}
.dark-background .aem-form-slider .slider-group .slider .slider-progress-bar {
	 background-color: transparent;
}
.dark-background .aem-form-slider .slider-group .slider .slider-gray-bar {
	 background-color: transparent;
}
.dark-background .aem-form-slider .slider-group .slider .segmented-range-label span {
	 color: #ffffff;
}
.dark-background .aem-form-slider .slider-group .slider .segmented-range-label span::after {
	 color: #ffffff;
}
.dark-background .aem-form-slider .slider-group .current-value.segmented {
	 color: #ffffff;
}
.dark-background .aem-form-slider .slider-group .current-value.segmented::after {
	 color: #ffffff;
}
.dark-background .aem-form-slider .slider-group .slider .range-label span,
.dark-background .aem-form-slider .slider-group .slider .range-label span:last-child.with-unit,
.dark-background .aem-form-slider .slider-group .slider .range-label span:first-child::after {
	 color: #ffffff;
}
.dark-background .aem-form-slider .subcopy {
    color: #ffffff;
}
/*Form segmented slider widget ends*/



/* AEM Form Round Icon Button Changes Starts*/
.guideimagechoice .guideFieldNode.round-icon__button .guideFieldLabel > label {
    font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	letter-spacing: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #333333;
}

.guideimagechoice .guideFieldNode.round-icon__button .round-icon__button__subcopy {
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0px;
    margin: 8px 0px;
    color: #333333;
}

.guideimagechoice .guideFieldNode.round-icon__button {
	margin: 16px 0px 0px !important;
}

.guideimagechoice .guideFieldNode.round-icon__button .guideCheckBoxGroupItems,
.guideimagechoice .guideFieldNode.round-icon__button .guideRadioButtonGroupItems {
    padding: 8px;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid transparent;
    grid-column-gap: 60px;
    margin-bottom: 0px;
}

.aemformcontainer.aem-form-mobile .guideimagechoice .guideFieldNode.round-icon__button .guideCheckBoxGroupItems,
.aemformcontainer.aem-form-mobile .guideimagechoice .guideFieldNode.round-icon__button .guideRadioButtonGroupItems,
.aemformcontainer.aem-form-tablet .guideimagechoice .guideFieldNode.round-icon__button .guideCheckBoxGroupItems,
.aemformcontainer.aem-form-tablet .guideimagechoice .guideFieldNode.round-icon__button .guideRadioButtonGroupItems {
	grid-column-gap: 30px;
}

.guideimagechoice .guideFieldNode.round-icon__button .guideCheckBoxGroupItems:before,
.guideimagechoice .guideFieldNode.round-icon__button .guideCheckBoxGroupItems:after,
.guideimagechoice .guideFieldNode.round-icon__button .guideRadioButtonGroupItems:before,
.guideimagechoice .guideFieldNode.round-icon__button .guideRadioButtonGroupItems:after {
    content: unset;
}

.guideimagechoice .guideFieldNode.round-icon__button .guideCheckBoxGroupItems .guideCheckBoxItem,
.guideimagechoice .guideFieldNode.round-icon__button .guideRadioButtonGroupItems .guideRadioButtonItem {
    border-radius: 50%;
    margin-right: 0px;
    background-repeat: no-repeat;
    background-position: center;
	background-color: #FFFFFF;
	box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
    display: inline-flex;
}

.guideimagechoice .guideFieldNode.round-icon__button .guideCheckBoxGroupItems.guideFieldIcon-size__large .guideCheckBoxItem,
.guideimagechoice .guideFieldNode.round-icon__button .guideRadioButtonGroupItems.guideFieldIcon-size__large .guideRadioButtonItem {
    height: 120px;
    width: 120px;
	background-size: 72px !important;
    border: 2px solid #F2F2F2;
}

.guideimagechoice .guideFieldNode.round-icon__button .guideCheckBoxGroupItems .guideCheckBoxItem .guideFieldWidget,
.guideimagechoice .guideFieldNode.round-icon__button .guideRadioButtonGroupItems .guideRadioButtonItem .guideFieldWidget,
.guideimagechoice .guideFieldNode.round-icon__button .guideCheckBoxGroupItems .guideCheckBoxItem .guideFieldWidget input[type='checkbox'],
.guideimagechoice .guideFieldNode.round-icon__button .guideRadioButtonGroupItems .guideRadioButtonItem .guideFieldWidget input[type='radio'] {
	display: block;
    height: 100%;
    width: 100%;
    position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
    opacity: 1;
	outline: 0;
    border: 0px;
    appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: 2px solid transparent;
    outline-offset: 8px;
}

.guideimagechoice .guideFieldNode.round-icon__button .guideCheckBoxGroupItems.guideFieldIcon-size__large .guideCheckBoxItem .round-icon__button__title,
.guideimagechoice .guideFieldNode.round-icon__button .guideRadioButtonGroupItems.guideFieldIcon-size__large .guideRadioButtonItem .round-icon__button__title {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    margin: 100% 0px 0px;
    padding-top: 16px;
}

.guideimagechoice .guideFieldNode.round-icon__button .guideCheckBoxGroupItems.guideFieldIcon-size__large .guideCheckBoxItem .round-icon__button__title.guideFieldBlackColor,
.guideimagechoice .guideFieldNode.round-icon__button .guideRadioButtonGroupItems.guideFieldIcon-size__large .guideRadioButtonItem .round-icon__button__title.guideFieldBlackColor {
	color: #333333;
}

.guideimagechoice .guideFieldNode.round-icon__button .guideCheckBoxGroupItems.guideFieldIcon-size__large .guideCheckBoxItem .round-icon__button__title.guideFieldBlueColor,
.guideimagechoice .guideFieldNode.round-icon__button .guideRadioButtonGroupItems.guideFieldIcon-size__large .guideRadioButtonItem .round-icon__button__title.guideFieldBlueColor {
	color: #007ABC;
}

.guideimagechoice .guideFieldNode.round-icon__button .guideCheckBoxGroupItems.guideFieldIcon-size__large .guideCheckBoxItem .round-icon__button__title.guideFieldWhiteColor,
.guideimagechoice .guideFieldNode.round-icon__button .guideRadioButtonGroupItems.guideFieldIcon-size__large .guideRadioButtonItem .round-icon__button__title.guideFieldWhiteColor {
	color: #FFFFFF;
}

.guideimagechoice .guideFieldNode.round-icon__button .guideCheckBoxGroupItems .guideCheckBoxItem .guideWidgetLabel,
.guideimagechoice .guideFieldNode.round-icon__button .guideRadioButtonGroupItems .guideRadioButtonItem .guideWidgetLabel,
.guideimagechoice .guideFieldNode.round-icon__button .guideCheckBoxGroupItems .guideCheckBoxItem.imageCheckButtonChecked .guideWidgetLabel,
.guideimagechoice .guideFieldNode.round-icon__button .guideRadioButtonGroupItems .guideRadioButtonItem.imageCheckButtonChecked .guideWidgetLabel {
	display: none;
}

.guideimagechoice .guideFieldNode.round-icon__button .guideCheckBoxGroupItems.guideFieldIcon-size__large .guideCheckBoxItem:hover,
.guideimagechoice .guideFieldNode.round-icon__button .guideRadioButtonGroupItems.guideFieldIcon-size__large .guideRadioButtonItem:hover,
.guideimagechoice .guideFieldNode.round-icon__button .guideCheckBoxGroupItems.guideFieldIcon-size__large .guideCheckBoxItem.guideItemSelected,
.guideimagechoice .guideFieldNode.round-icon__button .guideRadioButtonGroupItems.guideFieldIcon-size__large .guideRadioButtonItem.guideItemSelected,
.keyboard-active .guideimagechoice .guideFieldNode.round-icon__button .guideCheckBoxGroupItems.guideFieldIcon-size__large .guideCheckBoxItem.element-focused,
.keyboard-active .guideimagechoice .guideFieldNode.round-icon__button .guideRadioButtonGroupItems.guideFieldIcon-size__large .guideRadioButtonItem.element-focused {
	border: 2px solid #007ABC;
}

.guideimagechoice .guideFieldNode.round-icon__button .guideCheckBoxGroupItems .guideCheckBoxItem:hover .round-icon__button__title,
.guideimagechoice .guideFieldNode.round-icon__button .guideRadioButtonGroupItems .guideRadioButtonItem:hover .round-icon__button__title,
.guideimagechoice .guideFieldNode.round-icon__button .guideCheckBoxGroupItems .guideCheckBoxItem.guideItemSelected .round-icon__button__title,
.guideimagechoice .guideFieldNode.round-icon__button .guideRadioButtonGroupItems .guideRadioButtonItem.guideItemSelected .round-icon__button__title,
.guideimagechoice .guideFieldNode.round-icon__button .guideCheckBoxGroupItems.guideFieldIcon-size__large .guideCheckBoxItem:focus .round-icon__button__title,
.guideimagechoice .guideFieldNode.round-icon__button .guideRadioButtonGroupItems.guideFieldIcon-size__large .guideRadioButtonItem:focus .round-icon__button__title,
.keyboard-active .guideimagechoice .guideFieldNode.round-icon__button .guideCheckBoxGroupItems.guideFieldIcon-size__large .guideCheckBoxItem.element-focused .round-icon__button__title,
.keyboard-active .guideimagechoice .guideFieldNode.round-icon__button .guideRadioButtonGroupItems.guideFieldIcon-size__large .guideRadioButtonItem.element-focused .round-icon__button__title {
	text-decoration: underline;
}

.keyboard-active .guideimagechoice .guideFieldNode.round-icon__button .guideCheckBoxGroupItems.guideFieldIcon-size__large .guideCheckBoxItem .guideFieldWidget input[type='checkbox']:focus,
.keyboard-active .guideimagechoice .guideFieldNode.round-icon__button .guideRadioButtonGroupItems.guideFieldIcon-size__large .guideRadioButtonItem .guideFieldWidget input[type='radio']:focus {
    outline: 2px solid #007ABC;
    outline-offset: 8px;
    border: 0px;
}

.guideimagechoice .guideFieldNode.round-icon__button.validation-failure .guideCheckBoxGroupItems .guideCheckBoxItem .guideFieldWidget input[type='checkbox']:focus,
.guideimagechoice .guideFieldNode.round-icon__button.validation-failure .guideRadioButtonGroupItems .guideRadioButtonItem .guideFieldWidget input[type='radio']:focus {
    background: transparent;
    outline: 2px solid #007ABC;
    outline-offset: 8px;
    border: 0px;
}
/* AEM Form Round Icon Button Changes Ends*/

.aemformcontainer button,
.contactSidebar button,
.aemformcontainer input,
.contactSidebar input,
.aemformcontainer optgroup,
.contactSidebar optgroup,
.aemformcontainer select,
.contactSidebarselect,
.aemformcontainer textarea,
.contactSidebar textarea {
    font: inherit;
}

input::placeholder{
	color: transparent;
	visibility: hidden;
}

.aemform {
    background: #fff;
}

/* start of input text field */
.guideFieldWidget input[type="text"],
.guideFieldWidget input[type="password"],
.guideFieldWidget input[type="date"] {
    border: 2px solid #6e6e6e;
    color: #333333;
    height: 55px;
    padding: 20px 24px;
}
.guideFieldWidget input.tt-input{
    text-align: left;
	font: normal normal normal 16px/24px Noto Sans;
	letter-spacing: 0px;
	color:	#333333;
	opacity: 1;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius:8px;
}

/*Adding date picker icon  */

.guideFieldWidget input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
}

.guideFieldWidget input[type="date"] {
	-webkit-appearance: none; appearance: none;
	background-image: url('../../../content/dam/metlifeform/icon-calendar.svg');
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right 24px top 50%;
    white-space: nowrap;
}

/*start of select  */

.guidedropdownlist .dropDownList select {
    -moz-appearance: none;
    -webkit-appearance: none;
}

.guidedropdownlist .dropDownList select {
    padding: 7px 40px 7px 20px;
    border: 2px solid #6e6e6e;
    color: #333333;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.footer-lead-form--RTL .guidedropdownlist .dropDownList select {
    padding: 7px 20px 7px 40px;
}

.guidedropdownlist .dropDownList select:hover{
    padding: 10px 43px 10px 23px!important;
    background-position: right 23px top 50%!important;
}

.guidedropdownlist .dropDownList select.select-focus {
	padding: 10px 43px 10px 23px!important;
    background-position: right 23px top 50%!important;
}

.guidedropdownlist .dropDownList select option {
    background: #fff;
    font-weight: 400;
    padding: 12px 0;
    font-size: 16px;
    text-indent: 15px;
}

.guidedropdownlist .dropDownList select option#emptyValue {
    display: none;
}

.footer-lead-form--RTL .guidedropdownlist .dropDownList select option {
    text-indent: -15px;
}

.guidedropdownlist .dropDownList select option:hover,
.guidedropdownlist .dropDownList select option:focus {
    color: #ffffff;
    background: #007abc;
}

.guidedropdownlist .dropDownList select:hover,
.guidedropdownlist .dropDownList select {
    background-image: url('../../../content/dam/metlifeform/carrot-down.svg');
    background-repeat: no-repeat;
    background-size: 12.9px 6.5px;
    background-position: right 24px top 50%;
    background-color: #fff;
}

.footer-lead-form--RTL .guidedropdownlist .dropDownList select:hover,
[dir="rtl"] .aemformcontainer .guidedropdownlist .dropDownList select:hover,
[dir="rtl"] .aemformcontainer .guidedropdownlist .dropDownList select,
.footer-lead-form--RTL .guidedropdownlist .dropDownList select {
    background-position: left 5px top 50%;
}

.guidedropdownlist .dropDownList select:focus {
    background-image: url('../../../content/dam/metlifeform/carrot-down-focus.svg');

}

.guidedropdownlist .validation-failure .dropDownList select:focus {
    background-image: url('../../../content/dam/metlifeform/carrot-down.svg');
}

.guidedropdownlist .validation-failure .guideCheckBoxGroupItems,
.guidedropdownlist .validation-failure .guideRadioButtonGroupItems {
    padding-top: 5px;
}

/*For IE10+*/
.dropDownList select::-ms-expand {
    display: none;
}

/*End of select */

/* start textarea */
textarea::placeholder {
    color: transparent;
    visibility: hidden;
}

form .guideTextBox .multiline.textField textArea {
    margin-bottom: 25px;
    padding: 20px 24px;
    resize: none;
    margin-top: 0;
    height: 130px;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}

.guideFieldWidget textarea {
    resize: vertical;
    border: 2px solid #6e6e6e;
	border-radius: 8px;
}

/* Start Radio button and Checkbox Styling */
.guideRadioButtonItem input[type='radio'] {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
    opacity: 0;
    position: absolute;
}

.guideRadioButtonItem label,
.guideContainer .guideRadioButtonGroupItems .guideRadioButtonItem .guideWidgetLabel label {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin: 5px;
    cursor: pointer;
}

.guideRadioButtonItem label:before {
    content: '';
    width: 24px;
    height: 24px;
	position: relative;
    top: 0px;
    border: 2px solid #6e6e6e;
    border-radius: 50%;
	margin-right: 12px;
	min-width: 24px;
}

.guideRadioButtonItem label:hover::before {
	 border: solid 3px #0061a0;
}


.footer-lead-form--RTL .guideRadioButtonItem label:before,
 [dir="rtl"] .aemformcontainer .guideRadioButtonItem label:before{
    left: initial;
    right: 2px;
}

.footer-lead-form--RTL .guideRadioButtonGroupItems .guideRadioButtonItem .guideWidgetLabel label,
[dir="rtl"] .aemformcontainer .guideRadioButtonGroupItems .guideRadioButtonItem .guideWidgetLabel label{
    padding-left: 0;
    padding-right: 25px;
}

.footer-lead-form--RTL .guideRadioButtonGroupItems .guideRadioButtonItem,
[dir="rtl"] .aemformcontainer .guideRadioButtonGroupItems .guideRadioButtonItem{
    float: right;
    margin-right: 0;
    margin-left: 5px;
}

.guideRadioButtonItem.guideItemSelected label:after {
    content: '';
	width: 12px;
    height: 12px;
    position: absolute;
    left: 6px;
    background-color: #333;
    border-radius: 50%;
}

[dir="rtl"] .aemformcontainer .guideRadioButtonItem.guideItemSelected label:after {
    left: initial;
    right: 8px;
}

.guideCheckBoxItem input[type='checkbox'] {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
    opacity: 0;
    height: auto;
    width: auto;
    position: absolute;
}

.guideCheckBoxItem label,
.guideContainer .guideCheckBoxGroupItems .guideCheckBoxItem .guideWidgetLabel label {
    display: inline-flex;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
    position: relative;
    line-height: 0.1;
}

.guideCheckBoxItem label:before {
    content: " ";
    color: transparent;
    background: transparent;
    border: solid 2px #6e6e6e;
    display: inline-table;
    vertical-align: text-bottom;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    text-align: center;
    line-height: 0.9;
	border-radius: 6px;
	min-width: 24px;
}

.guideCheckBoxItem label:hover::before {
    border: 3px solid #0061a0;
}

[dir="rtl"] .guideCheckBoxItem label:before{
    margin-right: 0;
    margin-left: 8px;
 }

.guideCheckBoxItem.guideItemSelected label:before {
    content: " ";
	font-weight: 700;
	color: #333;
    background: #fff;
    border: 2px solid #6e6e6e;
    padding: 2px;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMC41IiB2aWV3Qm94PSIwIDAgMTUgMTAuNSI+CiAgPGcgaWQ9Ikljb25zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzA0LjQ5OSAxNTg3Ni43NSkiPgogICAgPGcgaWQ9IkVycm9yX0ljb24iIGRhdGEtbmFtZT0iRXJyb3IgSWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA4MDQgMzkxNykiPgogICAgICA8ZyBpZD0iWCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNDk3IC0xOTc5NSkiPgogICAgICAgIDxnIGlkPSJHcm91cF8zMDYzNSIgZGF0YS1uYW1lPSJHcm91cCAzMDYzNSI+CiAgICAgICAgICA8cGF0aCBpZD0iQ2hlY2siIGQ9Ik00LjQyNiw5YTIuMjg5LDIuMjg5LDAsMCwxLTEuNTUxLS42MDVMLTEsNC45MjhBMS41LDEuNSwwLDAsMS0xLjExOCwyLjgxLDEuNSwxLjUsMCwwLDEsMSwyLjY5MmwzLjM5LDMuMDM0LDYuNTMtNi43NjdhMS41LDEuNSwwLDAsMSwyLjEyMS0uMDM4LDEuNSwxLjUsMCwwLDEsLjAzOCwyLjEyMUw2LjA5Myw4LjI4MkEyLjI4NywyLjI4NywwLDAsMSw0LjUsOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjAwMSAyLjc1KSIgZmlsbD0iIzMzMyIvPgogICAgICAgIDwvZz4KICAgICAgPC9nPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==') !important;
	background-position: center;
    background-repeat: no-repeat;
}

.guideCheckBoxItem.guideItemSelected label:hover::before {
    border: 3px solid #0061a0;
}

.aemformcontainer .guideCheckBoxGroupItems a,
.aemformcontainer .guideCheckBoxGroupItems a:focus,
.aemformcontainer .guideCheckBoxGroupItems a:hover {
    text-decoration: underline;
}

/* End Radio button and Checkbox Styling */

/* Button Styling*/
.guidebutton .guideFieldWidget button:not(.af-icon-button), .guidebutton input[type='button'] {
    background: #007ABC;
    border-radius: 8px;
    font-size: 16px;
    color: #fff;
	border: 1px solid #007abc;
    padding: 16px 24px;
    line-height: 24px;
    margin-bottom: 10px;
    cursor: pointer;
	font-family: 'Noto Sans', 'Arial', 'Helvetica', 'sans-serif';
    font-weight: 600;
    margin-top: 5px;
	width: auto;
}

.guidebutton .guideFieldWidget button:not(.af-icon-button):hover {
    background: #0061a0;
    text-decoration: none;
    border-color: #0061a0;
}

.afRadioButtonItem:not(:last-child) {
    margin-bottom: 4px;
}

.keyboard-active .guidebutton  .guideFieldNode:not(.convo-back-button) .guideFieldWidget button:not(.af-icon-button):focus {
    color: #fff;
    box-shadow: none;
    outline-offset: 3px;
    outline-width: 3px;
    text-decoration: none;
    outline-style: solid;
    outline-color: #007abc;
	background-color: #007abc;
}

/* start validation message */
.guidefield .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw),
.guidefield .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw) {
    border: none;
    padding: 0;
    background: none;

}

.guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw) .guideCheckBoxGroupItems,
.guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw) .guideRadioButtonGroupItems {
    border: 1px solid;
    border-color: #d42123;
    margin: 12px 0px 0px 0px;
	padding: 8px;
}

.guidefield .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw) input,
form .guideTextBox.validation-failure .multiline textArea,
.guidedropdownlist .validation-failure .dropDownList select,
.aem-form-mobile .guideFieldWidget.validation-failure select,
.aem-form-mobile .guidedropdownlist .validation-failure .guideFieldNode .dropDownList select {
    border: 3px solid;
    border-color: #d42123;
}
.guidefield .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw).not(.underlined) input.tt-input{
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 3px solid #D42123;
	opacity: 1;
	background-image: url('../../../content/dam/metlifeform/carrot-down.svg');
    background-repeat: no-repeat;
    background-position: 95.5% 50%;
}
.guidefield .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw) input:focus,
.guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw) .guideCheckBoxGroupItems:focus,
.guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw) .guideRadioButtonGroupItems:focus,
form .guideTextBox.validation-failure .multiline textArea:focus {
    background: #fff;
    border-color: #d42123;
}
.guidefield .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw) input.tt-input:focus{
	background-image: url('../../../content/dam/metlifeform/carrot-up-evolution.svg');
    background-repeat: no-repeat;
    background-position: 95.5% 50%;
}
.guidefield .guideFieldNode,
.guideFieldNode.guideTextBox {
    padding-top: 0 !important;
}

.guideFieldNode.guideTextBox {
    margin-top: 0px !important;
    padding-bottom: 0px !important;
}

.guideFieldWidget input[type="date"],
.guideFieldWidget input[type="text"],
.guideFieldWidget input[type="password"],
.guideFieldWidget select,
.guideFieldWidget textarea,
.guidedropdownlist .guideFieldNode .dropDownList select {
    border-radius: 8px;
    height: 64px;
    padding-left: 24px;
}

.footer-lead-form--RTL .guideFieldWidget input[type="date"],
.footer-lead-form--RTL .guideFieldWidget input[type="text"],
.footer-lead-form--RTL .guideFieldWidget input[type="password"],
.footer-lead-form--RTL .guideFieldWidget select,
.footer-lead-form--RTL .guideFieldWidget textarea,
.footer-lead-form--RTL .guidedropdownlist .guideFieldNode .dropDownList select,
[dir="rtl"] .aemformcontainer .guideFieldWidget input[type="date"],
[dir="rtl"] .aemformcontainer .guideFieldWidget input[type="text"],
[dir="rtl"] .aemformcontainer .guideFieldWidget input[type="password"],
[dir="rtl"] .aemformcontainer .guideFieldWidget select,
[dir="rtl"] .aemformcontainer .guideFieldWidget textarea,
[dir="rtl"] .aemformcontainer .guidedropdownlist .guideFieldNode .dropDownList select {
    padding-left: initial;
    padding-right: 12px;
}

.guidedropdownlist .guideFieldWidget.dropDownList select {
    margin-bottom: 4px;
    font-size: 16px;
    color: #6e6e6e;
}

.footer-lead-form--RTL .guideRadioButtonItem .guideWidgetLabel,
[dir="rtl"] .aemformcontainer .guideRadioButtonItem .guideWidgetLabel{
    margin: 0px 15px 0px 0;
}

.footer-lead-form--RTL .guideRadioButtonItem .guideWidgetLabel:last-of-type ,
 [dir="rtl"] .aemformcontainer .guideRadioButtonItem .guideWidgetLabel:last-of-type {
    margin-right: 0;
 }

.guideFieldLabel label,
.guideRadioButtonGroupItems .guideRadioButtonItem .guideWidgetLabel label,
.guideCheckBoxGroupItems .guideCheckBoxItem .guideWidgetLabel label,
.guideContainer .guideRadioButtonGroupItems .guideRadioButtonItem .guideWidgetLabel label,
.guideContainer .guideCheckBoxGroupItems .guideCheckBoxItem .guideWidgetLabel label {
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-left: 0;
}

.guideRadioButtonGroupItems .guideRadioButtonItem .guideWidgetLabel label,
.guideCheckBoxGroupItems .guideCheckBoxItem .guideWidgetLabel label {
    font-weight: 400;
}

.guideradiobutton .guideFieldLabel,
.guidecheckbox .guideFieldLabel {
    display: inline-block;
    width: auto;
}

.guideCheckBoxGroupItems .guideCheckBoxItem .guideWidgetLabel label {
    margin: 0px 0px 20px 0px;
}

.guideRadioButtonGroupItems .guideRadioButtonItem.guideFieldHorizontalAlignment,
.guideCheckBoxGroupItems .guideCheckBoxItem.guideFieldHorizontalAlignment {
    margin-right: 45px;
}

.guideCheckBoxGroupItems .guideCheckBoxItem.guideFieldHorizontalAlignment.pill-check {
    margin-right: 12px;
}

.guideRadioButtonGroupItems .guideRadioButtonItem.guideFieldHorizontalAlignment.segmented-control,
.guideCheckBoxGroupItems .guideCheckBoxItem.guideFieldHorizontalAlignment.segmented-control {
    margin-right: 0px;
    margin-bottom: 0px;

}

.guideRadioButtonGroupItems .guideRadioButtonItem.guideFieldHorizontalAlignment:last-child,
.guideCheckBoxGroupItems .guideCheckBoxItem.guideFieldHorizontalAlignment:last-child {
    margin-right: 0px;
}

[dir="rtl"] .aemformcontainer .guideRadioButtonGroupItems .guideRadioButtonItem.guideFieldHorizontalAlignment,
[dir="rtl"] .aemformcontainer .guideCheckBoxGroupItems .guideCheckBoxItem.guideFieldHorizontalAlignment {
    margin-right: 0;
    margin-left: 45px;

}

[dir="rtl"] .aemformcontainer .guideRadioButtonGroupItems .guideRadioButtonItem.guideFieldHorizontalAlignment:last-child,
[dir="rtl"] .aemformcontainer .guideCheckBoxGroupItems .guideCheckBoxItem.guideFieldHorizontalAlignment:last-child {
    margin-left: 0;
    margin-right: 0;

}

.guideCheckBoxGroupItems .guideCheckBoxItem .guideWidgetLabel label {
    width: 100%;
	display: block;
}

[dir="rtl"] .aemformcontainer .guideCheckBoxGroupItems .guideCheckBoxItem .guideWidgetLabel label{
    margin-left: 0;
    margin-right: 15px;
}

[dir="rtl"] .aemformcontainer .guideCheckBoxGroupItems .guideCheckBoxItem .guideWidgetLabel label:last-of-type{
    margin-right: 0;
}

.guideLayout .guidefield .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    position: relative;
}

.guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw) .guideRadioButtonGroupItems {
    padding-top: 5px;
}

/* select style for multiple style*/
ol > li.item-selected {
    background: #F2F2F2 !important;
    color: #333 !important;
}

/* remove spacing on top of sectionHeader and staticText */
.sectionHeader p, .staticText ol {
    margin-top: 0px;
    margin-bottom: 10px;
}

/* multiple select style */
.guidedropdownlist .guideFieldWidget.listBoxWidget > ol {
    background-color: #fff;
    border-radius: 0;
    padding-left: 12px;
}

[dir="rtl"] .aemformcontainer .guidedropdownlist .guideFieldWidget.listBoxWidget > ol {
    padding-left: 0;
    padding-right: 12px;
}

/*fix for the mozilla scrollbar issue.  */
#aemFormFrame {
    overflow: hidden !important;
}

/*focus style for browser. */
.guideFieldWidget input[type="text"]:focus,
.guideFieldWidget input[type="password"]:focus,
.guideFieldWidget input[type="date"]:focus,
.guideFieldWidget input[type="checkbox"]:focus,
.guideFieldWidget select:focus,
.guideFieldWidget textarea:focus {
    outline: 0;
	border: 3px solid #0061A0;

}
.guideFieldWidget input.tt-input:focus{
    background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 3px solid #0061A0;
	opacity: 1;
	background-image: url('../../../content/dam/metlifeform/carrot-up-evolution.svg');
    background-repeat: no-repeat;
    background-position: 95.5% 50%;
}
/*hover style for browser. */
.guideFieldWidget input[type="text"]:hover,
.guideFieldWidget input[type="password"]:hover,
.guideFieldWidget input[type="date"]:hover,
.guideFieldWidget select:hover {
    padding: 30px 24px 16px 21px !important;
	border: 3px solid #0061a0;
}
.guideFieldWidget input.tt-input:hover{
    border: 3px solid #0061A0;
	border-radius: 8px;
	opacity: 1;
}
.select-styled:hover {
    border: 3px solid #0061a0;
	padding: 19px 45px 20px 23px;
    background-position: right 23px top 50%;
}

.underlined .select-styled.selected-state:hover {
    padding: 30px 24px 10px 24px;
}

.underlined .guideFieldWidget input[type="text"]:hover,
.underlined .guideFieldWidget input[type="password"]:hover,
.underlined .guideFieldWidget input[type="date"]:hover,
.underlined .guideFieldWidget select:hover {
    border-width: 0px 0px 3px 0px;
	border-radius: 8px 8px 0 0;
	border-color: #0061A0;
    opacity:1;
}

.underlined .select-styled:hover {
    padding: 20px 36px 19px 24px;
    border-width: 0 0 3px 0;
    border-color: #0061a0;
    outline: 0;
    background-position: right 24px top 51%;
}

.underlined .select-styled.selected-state:focus {
    background-position: right 24px top 51%;
    border-width: 0 0 3px 0;
    border-color: #0061a0;
}

.guideFieldWidget textarea:hover {
    border: 3px solid #0061a0;
}

.underlined .guideFieldWidget textarea:hover {
    border-width: 0px 0px 3px 0px;
	border-color: #0061a0;
	outline: 0;
}


/* fix for button extra space*/
#guideContainer-rootPanel-userInputPanel-submitButton___guide-item {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .guideFieldWidget button:not(.af-icon-button):not(.guide-fu-attach-button),
    input[type='button'] {
        width: auto;
        font-size: 12px;
    }

}

.guideContainerNode .mobileLayout {
    display: none;
}

input[type=text]::-ms-clear {
    display: none;
}

.guideFieldNode.guideTextDraw p {
    margin-top: 5px;
    margin-bottom: 17px;
}

[dir="rtl"] .aemformcontainer .guideFieldNode.guideTextDraw p {
    text-align: right!important;
}

[id$="_guide-item-container"] {
    overflow: visible !important;
}

.guideCheckBoxGroupItems .guideCheckBoxItem.pill-check .guideWidgetLabel label {
    display: block;
    border: solid 2px #6e6e6e;
    border-radius: 23px;
    height: 46px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    text-align: left;
    font-family: 'Noto Sans', 'Arial', 'Helvetica', 'sans-serif';
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    display: block;
    position: relative;
    max-width: 303px;
}

.guideCheckBoxGroupItems .guideCheckBoxItem.pill-check.guideItemSelected .guideWidgetLabel label {
    background: #528320;
    color: #fff;
    border-color: #528320;
    min-width: 0;
    padding: 12px 52px 12px 24px;
    position: relative;
}

.guideCheckBoxGroupItems .guideCheckBoxItem.pill-check.guideItemSelected .guideWidgetLabel label:hover {
    box-shadow: none;
    border-color: #528320;
}

.guideCheckBoxGroupItems .guideCheckBoxItem.pill-check .guideWidgetLabel label:hover {
    border-color: #0061a0;
}

.guideCheckBoxItem.pill-check label:before {
    content: " ";
    position: absolute;
    border: 0px;
}

.guideCheckBoxItem.pill-check label:hover::before {
    border: 0;
}

.guideCheckBoxItem.pill-check.guideItemSelected label:before {
    content: " ";
    font-weight: 700;
    color: #333;
    padding: 0;
    background-color: transparent;
    border: 0;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAlBAMAAAAU62zlAAAAJFBMVEVHcEz///////////////////////////////////////////8Uel1nAAAAC3RSTlMA8DBg0hCeeki4IENLW3EAAADOSURBVDjLY2AgB4R5LsApx+q9WwqnZMju3dvwaNy9E4/G3ZvxaNydgEcjLiuZpPFoVKRE43Z8Gg3waNxMjMawGbg1ckmjOgxFIyeayxqRbWREdRrzbmQ+G6rbrFG44AgwwK4REgNCyBol0Jy3UQGhEcZGeEwIoVEII0i2BGDXyMDQDRRzxa4RogGkFZtGiA4HBoZqLBoZGNjByYINq0YGhmxQusjGqhEShltwaIRoBQInnKkY5lvs6R/iWRxacWgEai3cvbEUdz7XaMAQAgDrwI6YD0nIoAAAAABJRU5ErkJggg==') !important;
    background-position: center;
    background-repeat: no-repeat;
    height: 13px;
    width: 19px;
    position: absolute;
    right: 24px;
    margin: 0;
    background-size: contain;
    transform: translateY(-50%);
    top: 50%;
    bottom: 0;
    min-width: auto !important;
    border-radius: unset;
}

.guideCheckBoxItem.pill-check.guideItemSelected label:hover::before {
    border: 0;
}

.guideCheckBoxGroupItems .guideCheckBoxItem.pill-check .guideWidgetLabel label:hover {
    border-color: #0061a0;
    box-shadow: 0px 0px 0px 1px rgba(0,97,160,1);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0,97,160,1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(0,97,160,1);

}

.keyboard-active .guidecheckbox .guideCheckBoxGroup.pill-check label.in-focus {
    outline-offset: 2px;
}

body[dir="rtl"] {
    direction: ltr;
}

body[dir="rtl"] > .aemformcontainer  {
    direction: rtl;
}
/* selection tiles */
.selection-tiles .guideRadioButtonGroupItems{
    display: flex;
    flex-direction: column;
    padding: 24px 16px;
    margin: 0;
}

.aemformcontainer.aem-form-desktop .selection-tiles .guideRadioButtonGroupItems,
.aemformcontainer.aem-form-tablet .selection-tiles .guideRadioButtonGroupItems{

    flex-direction: row;
    justify-content: center;
    margin-top: 64px;
    margin-bottom: 64px;
    padding: 0;
}

.aemformcontainer.aem-form-tablet .selection-tiles .guideRadioButtonGroupItems{
    margin-top: 48px;
    margin-bottom: 48px;

}

.selection-tiles .guideRadioButtonGroupItems .selection-tiles {
    width:100%;
    position: relative;
    padding: 0px;
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: 3px 3px 20px #0000002B;
    border: 1px solid #a7a8aa;
    border-radius: 8px;
    display: flex  ;
    flex-direction: column;
    min-width: 293px;
    font-size: 18px;
    line-height: 1.5;
    font-family: 'Noto Sans';
    overflow: hidden;
    cursor: pointer;
    font-weight: 600;
}

.selection-tiles .guideRadioButtonGroupItems .selection-tiles .descriptive-text{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    margin-top: 8px;
}

.aem-form-desktop .selection-tiles .guideRadioButtonGroupItems .selection-tiles {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    flex-direction: row;
}
.aem-form-desktop  .selection-tile-text{
    width: 66.6667%;
}
.aem-form-tablet .selection-tiles .guideRadioButtonGroupItems .selection-tiles {

    width: calc(50% - 32px);
    flex-direction: row;
}

.selection-tiles .guideRadioButtonGroupItems .selection-tiles label p {
    margin: 0;
}

.selection-tiles .guideRadioButtonGroupItems .selection-tiles label p:nth-of-type(2n){
    margin-top: 8px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}

.selection-tiles .guideRadioButtonGroupItems .selection-tiles.guideRadioButtonItem .guideWidgetLabel label:before ,
.selection-tiles .guideRadioButtonGroupItems .selection-tiles.guideRadioButtonItem .guideWidgetLabel label:after {
    content:'';
    display:none;
}
.selection-tiles .guideRadioButtonGroupItems .selection-tiles.guideRadioButtonItem .guideWidgetLabel {
    display: flex;
    width: 100%;
}
.selection-tiles .guideRadioButtonGroupItems .selection-tiles label{
    cursor:pointer;
    padding: 24px;
    margin: 0;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    line-height: 1.5;
    font-size: 18px;
    font-weight: 600 !important;
    display: flex;
    width: 100%;
}

.selection-tiles .guideRadioButtonGroupItems .selection-tiles:hover,
.selection-tiles .guideRadioButtonGroupItems .selection-tiles:focus{
    box-shadow: inset 0 0 0 3px #0061a0, 0 0 15px 0 rgba(0,0,0,.15);
    background: #e6f4fb;
}

.selection-tiles .guideRadioButtonGroupItems .selection-tiles.guideItemSelected:before{
    content:'';
    position:absolute;
    top:0;
    right:0;
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-labelledby%3D%22single-tile-selected-icon%22%20role%3D%22img%22%20aria-hidden%3D%22true%22%3E%3Ctitle%20id%3D%22single-tile-selected-icon%22%3EChecked%3C%2Ftitle%3E%3Cpath%20d%3D%22M0%202a2%202%200%200%201%202-2h24a6%206%200%200%201%206%206v24a2%202%200%200%201-2%202H8a8%208%200%200%201-8-8V2Z%22%20fill%3D%22%230061A0%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.56%2010.417c.7.69.687%201.793-.03%202.466l-8.995%208.431c-.255.245-.557.44-.89.575-.663.271-1.41.294-2.09.065l-.014-.004a2.859%202.859%200%200%201-.94-.541l-.06-.052-4.132-4.285a1.696%201.696%200%200%201%20.098-2.465%201.868%201.868%200%200%201%202.566.094l3.474%203.604%208.447-7.919a1.868%201.868%200%200%201%202.567.03Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    background-size: contain;
}
.selection-tiles .guideRadioButtonGroupItems .selection-tiles.guideItemSelected{
    box-shadow: inset 0 0 0 3px #0061a0, 0 0 15px 0 rgba(0,0,0,.15);
    background: #e6f4fb;
}
.selection-tiles .guideRadioButtonGroupItems .selection-tiles.guideRadioButtonItem:not(:last-child){
    margin-bottom:24px;
}

.aemformcontainer.aem-form-tablet .selection-tiles .guideRadioButtonGroupItems .selection-tiles.guideRadioButtonItem:not(:last-child),
.aemformcontainer.aem-form-desktop .selection-tiles .guideRadioButtonGroupItems .selection-tiles.guideRadioButtonItem:not(:last-child){
    margin-bottom:0;
    margin-right: 32px;
}

.selection-tiles.guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw) .guideRadioButtonGroupItems{
    border: none;
}

.selection-tiles.guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw) .guideRadioButtonGroupItems .selection-tiles {
    box-shadow: inset 0 0 0 3px #D42123;
}

form .guideContainerNode .guidefield .guideFieldNode.selection-tiles .guideFieldError {
    text-align: left;
}

form .selection-tiles.validation-failure.guideFieldNode .guideRadioButtonGroupItems .guideFieldHorizontalAlignment label{
    margin: 0;
}

.guidefield .guideFieldNode.selection-tile-text{
    padding: 24px !important;
    border-radius: 16px;
    background: #E6F4FB;
    font-family: "Noto Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}

.aem-form-tablet .selection-tile-info-content{
    margin-top: -32px;
}
.aem-form-desktop .selection-tile-info-content{
    margin-top: -48px;
}

.selection-tiles[data-disabled="true"] .guideRadioButtonGroupItems .selection-tiles{
    cursor: not-allowed;
    border-radius: 8px;
    border: 2px solid #A7A8AA;
    background: #F2F2F2;
}

.selection-tiles[data-disabled="true"] .guideRadioButtonGroupItems .selection-tiles label{
    cursor: not-allowed;
    pointer-events: none;

}

.selection-tiles[data-disabled="true"] .guideRadioButtonGroupItems .selection-tiles:hover,
.selection-tiles[data-disabled="true"] .guideRadioButtonGroupItems .selection-tiles:focus{
    box-shadow: 3px 3px 20px #0000002B;

}

.aem-form-tablet .selection-tile-info-content .row > div:nth-of-type(1) .guidetextdraw.guidefield ,
.aem-form-desktop .selection-tile-info-content .row > div:nth-of-type(1) .guidetextdraw.guidefield{
    display: flex;
    justify-content: flex-end;
}

.aem-form-desktop .selection-tile-info-content .row > div:nth-of-type(2) .guidetextdraw.guidefield ,
.aem-form-tablet .selection-tile-info-content .row > div:nth-of-type(2) .guidetextdraw.guidefield{
    display: flex;
    justify-content: flex-start;
}

.aem-form-tablet .selection-tile-info-content .col-md-6:nth-child(1),
.aem-form-desktop .selection-tile-info-content .col-md-6:nth-child(1){
    padding-right: 16px !important;
}

.aem-form-tablet .selection-tile-info-content .col-md-6:nth-child(2),
.aem-form-desktop .selection-tile-info-content .col-md-6:nth-child(2){
    padding-left: 16px !important;
}

.aem-form-tablet .selection-tile-info-content .hidden.col-md-6 + .col-md-6,
.aem-form-desktop .selection-tile-info-content .hidden.col-md-6 + .col-md-6{
    margin-left: 50% !important;
}
.twitter-typeahead {
    width: 100%;
}
.tt-menu {
    display: block;
    left: 10px;
    top: 57px !important;
    width: 100%;
    margin: 12px 0;
    background-color: #fff;
    color: black;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    z-index: 999 !important;
	background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #0061A0;
    border-radius: 0px 0px 8px 8px;
    opacity: 1;
	margin:0;
    padding:0;
	overflow-x:hidden;
	overflow-y:overlay;
	max-height:185px;
	cursor:pointer;
}
.tt-suggestion.tt-cursor {
    padding: 3px 0px 3px 21px;
}
.underlined .tt-menu{
    border-width: 3px 0 0 0 ;
	border-color:  #0061A0;
	opacity: 1;
    background: #F2F2F2 0% 0% no-repeat padding-box;
}
.tt-highlight{
	text-align: left;
	font: normal normal bold 16px/24px Noto Sans;
	letter-spacing: 0px;
	color: #0061A0;
}
.tt-selectable{
	text-align: left;
    font: normal normal normal 16px/24px Noto Sans;
    letter-spacing: 0px;
    color: #333333;
}
.tt-cursor{
    border: 2px solid #0061A0;
    }
.tt-suggestion {
    padding: 5px 0 5px 23px;
}

.tt-suggestion:hover {
    background: #BADDF5 0% 0% no-repeat padding-box;
    opacity: 1;
}
.underlined .tt-menu::-webkit-scrollbar {
    width: 6px;
    height:67px;
    background: #f2f2f2;
    border-radius: 0 0 8px 0;
}
.tt-menu::-webkit-scrollbar {
    width: 6px;
    height:67px;
    background:#ffffff;
    border-radius: 0 0 8px 0;
}
.tt-menu::-webkit-scrollbar-thumb {
    background: #6E6E6E;
    border-radius: 3px;
}
.tt-dataset {
    padding: 5px 0;
}
.tt-rotate {
	background-image: url('../content/dam/metlifeform/carrot-up-evolution.svg');
}

/* searchable dropdown start */
.guideFieldWidget input.searchable {
    padding: 30px 24px 10px 24px !important;
}
.guideFieldWidget input.searchable:hover,
.guideFieldWidget input.searchable:focus,
.guideFieldWidget input.searchable.hover-input {
    padding: 29px 24px 10px 23px !important;
    background-position: right 23px top 50% !important;
}
.guideFieldWidget input.searchable:hover,
.guideFieldWidget input.searchable.hover-input {
	border-width: 3px;
    border-color: #0061a0;
    color: #6e6e6e;
	cursor: default;
}
.guideFieldWidget input.searchable.focus-input,
.guideFieldWidget input.searchable:focus {
	border-width: 3px;
    border-color: #0061a0;
    color: #6e6e6e;
	cursor: text;
	background-image: url("../../../content/dam/metlifeform/carrot-up-evolution.svg");
}
.guideFieldWidget input.searchable.select-styled {
    z-index: 100;
}
.guidefield.searchabledropdown .guideFieldLabel.top label.focus-state {
    z-index: 101 !important;
}
.searchabledropdown .span-filter {
	font-weight: bold;
	color: #0061A0;
}
/* searchable dropdown end */
@keyframes bounceInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -35px, 0);
    }

    25% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -15px, 0);
    }

    75% {
        transform: translate3d(0, 0, 0);
    }

    90% {
        transform: translate3d(0, -5px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.bounceInDown {
    animation-duration: 0.75s;
    animation-fill-mode: both;
    animation-name: bounceInDown;
}

.date-picker .guideFieldWidget.textField{
    width: 100%;
}

.input-wrapper{
    position: relative;
    display: flex;
    width: 100%;
}


.date-picker-calendar{
    	background-image: url('../../../content/dam/metlifeform/icon-calendar.svg');
         background-repeat: no-repeat;
         height: 24px;
         width: 24px;
         min-width: 24px;
         right: 29px;
         top: 20px;
         cursor: pointer;
         position: absolute;
         z-index: 12;
}




.guideFieldWidget.date-picker input{
 	-webkit-appearance: none; appearance: none;
     white-space: nowrap;
     cursor: pointer;
 }


.guideFieldWidget.date-picker input::placeholder{

visibility: visible !important;
 }

.date-picker-wrapper .arrows{
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 22px;
    height: 22px;
    border: 2px solid transparent;
    border-radius: 100px;
    cursor: pointer;
}


.date-picker-wrapper .arrows::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #007ABC;
    border-right: 2px solid #007ABC;
    transform: rotate(-45deg);
    right: 2px;
    top: 4px
}
.date-picker-wrapper .arrows.prev-month::after{
    transform: rotate(133deg);
}

.date-picker-wrapper .arrows.next-month::after{
    right: initial;
    left: 2px;
}

.keyboard-active .date-picker-wrapper .arrows:focus{
    border-radius: 0;
    outline-color: #007ABC;
    outline-offset: -2px;
    outline-style: solid;
    outline-width: 2px;
    outline-width: 2px;

}

.date-picker-wrapper .triangle {
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    box-shadow: -3px 3px 18px #0000002E;
    border-top: 0;
    border-bottom: 8px solid #0061a0;
    top: -3px;
    right: 34px;
    z-index: 99999;
    transform: translate(-50%, -50%);
}

.date-picker-wrapper .triangle::before {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border: 5px solid transparent;
      border-top: 0;
      border-bottom: 8px solid #fff;
      top: 8px;
      left: 50%;
      transform: translate(-50%, -50%);
}


.date-picker-wrapper{
   visibility: hidden;
   display: none;
   position: absolute;
   left: 0;
   right: 0;
   z-index: 9999;
   top: calc(100% - 24px);
   background-color: #fff;
   min-width: 296px;
}

.dates-container{
    position: absolute;
    border: 2px solid #0061a0;
    border-radius: 8px;
    right:0;
    z-index: 100;
}


.date-picker-wrapper.active{
    visibility: visible;
    display: flex;
}

.selected-date{
   font-family: 'Noto Sans', 'Arial', 'Helvetica', 'sans-serif';
   background: #fff;
   color: #6E6E6E;
   font-size: 16px;
   line-height: 24px;
   font-weight: 400;
   display: flex;
   justify-content: center;
   width: 100%;
   padding: 16px 5px;
   border-radius: 0px 0px 8px 8px;

}

.selected-date-active .selected-date{
   background: #0061a0;
  color: #FFF;
  border-radius: 0 0 4px 4px;
}

.months-group{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-radius: 8px 8px 0px 0px;
    padding: 16px;
}

.month-item,
.date-range-month-item,
.months-items,
.year-items{
    font-family: 'Noto Sans', 'Arial', 'Helvetica', 'sans-serif';
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #007ABC;
}

.dates-container.date-range .month-item,
.dates-container.date-range .date-range-month-item{

   margin: auto;
}

.abbrv-day-group{
    display: grid;
    grid-template-columns: repeat(7, 40px);
    height: 100%;
    justify-items: center;
    align-items: center;
    background: #fff;
    padding-left: 8px;
    padding-right: 8px;
}

.dates-container.date-range .abbry-day-group{
    overflow: hidden;
}

.abbrv-day-group .day{
    font-family: 'Noto Sans', 'Arial', 'Helvetica', 'sans-serif';
    font-size: 10px;
    line-height: 15px;
    color: #333;
    font-weight: 700;
    pointer-events: none;
}

.days-container,
.days-container-range,
.months-container,
.years-container{
    display: grid;
    grid-template-columns: repeat(7, 40px);
    height: 100%;
    justify-items: center;
    align-items: center;
    padding: 16px 0 32px;
    background-color: #FFF;
    justify-content: center;
    padding-left: 8px;
    padding-right: 8px;
}


.months-container,
.years-container{
    grid-template-columns: repeat(4, 70px);
    gap: 24px 0;
}

.days-container .day,
.days-container-range .day{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: relative;
    font-weight: 600;
    color: #333;
    font-size: 13px;
    line-height: 18px;
    font-family: 'Noto Sans', 'Arial', 'Helvetica', 'sans-serif';
}

.months-container .month,
.years-container  .year{
     display: flex;
     align-items: center;
     justify-content: center;
     font-family: 'Noto Sans', 'Arial', 'Helvetica', 'sans-serif';
     width: 70px;
     height: 40px;
     color: #333;
     font-weight: 600;
     font-size: 16px;
     line-height: 22px;
     cursor: pointer;
}

.months-container .month.selected,
.years-container  .year.selected{
    color: #fff;
    background-color: #0061A0;
}

.days-container .day.current-date::after,
.calendar .days-container .day.current-date:focus::after,
.calendar .days-container .day.current-date:hover::after,
.calendar .days-container-range .day.current-date:focus::after,
.calendar .days-container-range .day.current-date:hover::after,
.days-container-range .day.current-date::after
{
    content: '';
    background: #528320;
    width: 6px;
    height: 6px;
    position: absolute;
    border-radius: 100%;
    bottom: 4px;
}



.calendar .day.active-selected ~ .day{
    background-color: #BADDF5;
     color: #333;
     font-weight: 600;
}









.abbrv-day-group .day:first-of-type,
.days-container .day:nth-child(7n+7),
.days-container-range .day:nth-child(7n+7),
.days-container .day:nth-child(7n+8),
.days-container-range .day:nth-child(7n+8),
.abbrv-day-group .day:last-of-type{
    color: #6E6E6E;
    font-weight: 400;
}

.calendar .day.active-selected ~ .day:hover,
.calendar .day.active-selected ~ .day:nth-child(7n+7):hover,
.calendar .day.active-selected ~ .day:nth-child(7n+8):hover{
    background-color: #BADDF5;
    color: #333;
     font-weight: 600;
}


.calendar .day.max-value ~ .day:nth-child(7n+7):hover,
.calendar .day.max-value ~ .day:nth-child(7n+8):hover{
    background-color: #fff;
}

.calendar .day.max-value ~ .day:hover{

}

.calendar .day.max-value ~ .day{
    font-weight: 600;
    color: #333;
}
.calendar .day.max-value ~ .day:nth-child(7n+7),
.calendar .day.max-value ~ .day:nth-child(7n+8){
     color: #6E6E6E;
        font-weight: 400;

}

.calendar .day:has(~ .max-value){
     background-color: #BADDF5;
     color: #333;
     font-weight: 600;
}


.calendar .day:has(~ .min-value){
    background-color: #fff;
}

.calendar  .day:nth-child(7n+7):has(~ .min-value),
.calendar .day:nth-child(7n+8):has(~ .min-value){
    font-weight:initial;
}


.calendar .day.selected.max-value ~ .day,
.calendar .day.selected.max-value:has(~ .day){
    background-color: #fff;
}

.calendar .day.selected.max-value ~ .day:nth-child(7n+7),
.calendar .day.selected.max-value ~ .day:nth-child(7n+8),
.calendar .day:nth-child(7n+8):has(~ .day.active-selected)
.calendar .day:nth-child(7n+7):has(~ .day.active-selected){
    font-weight: 400;
}

 .days-container .day:hover {
    background-color: #0061a0;
    color: #fff;
}

.calendar .days-container .day:hover{
    background-color: #fff;
    color: #333;
}

.calendar .days-container .day.selected:hover,
.calendar .days-container-range .day.selected:hover{
    background-color: #0061a0;
    color: #fff;
}


.calendar .days-container .day:nth-child(7n+7):hover,
.calendar .days-container .day:nth-child(7n+8):hover {
    background-color: #fff;
    color: #6E6E6E;
}


.days-container .day.empty,
.days-container-range .day.empty,
.days-container .day.empty:hover,
.days-container-range .day.empty:hover
 {
    background-color: #fff;
    pointer-events:none;

}


.days-container .day.selected{
    background-color: #0061a0;
    color: #FFF;
}
.calendar .days-container .day.selected,
.calendar .days-container-range .day.selected{
    background-color: #0061a0 !important;
    color: #FFF !important;
}

.keyboard-active .date-picker-calendar:focus,
.keyboard-active .clickable:focus,
.keyboard-active .days-container .day:focus,
.keyboard-active .days-container-range .day:focus,
.keyboard-active .years-container .year:focus,
.keyboard-active .months-container .month:focus{
    outline-color: #0061a0;
    outline-offset: -2px;
    outline-style: solid;
    outline-width: 3px;
}

.keyboard-active .clickable:focus{
    outline-offset: 2px;
    outline-color: #007ABC;
}

.days-container .day.selected:focus,
.years-container .year.selected:focus,
.months-container .month.selected:focus{
    outline: none;
}

.days-container .day.current-date:hover::after,
.days-container .day.current-date.selected::after{
    content: '';
    background: #fff;
    width: 6px;
    height: 6px;
    position: absolute;
    border-radius: 100%;
    bottom: 4px;
}

.clickable-label{
    cursor: pointer;
}

.clickable{
    cursor:pointer;
}

.clickable:hover{
    text-decoration: underline;
}

.days-container .day.disabled-date{
    pointer-events: none;
    text-decoration: line-through;
    color: #6E6E6E;
    font-weight: 400;
}

 .months-group.desktop{
    visibility: hidden;
    display: none;
 }
@media (min-width: 650px){
    .months-group.desktop{
        visibility: visible;
        display: flex;
    }
    .months-group.mobile{
        visibility: hidden;
        display: none;
    }
    .calendar{
        display: inline-grid;
        float: left;
    }
}


.dates-container.date-range{
    z-index: 500;
    background: #fff;
}

.validation-failure .date-picker-metlife{
    top: 100%;
}

[dir="rtl"] .aemformcontainer .date-picker-calendar{
    right: initial;
    left: 29px;
}
[dir="rtl"] .aemformcontainer .dates-container{
    right: initial;
    left: 0px;
}
[dir="rtl"] .aemformcontainer .date-picker-wrapper .arrows.next-month::after{
    transform: rotate(133deg);
}
[dir="rtl"] .aemformcontainer .date-picker-wrapper .arrows.prev-month::after{
    transform: rotate(-45deg);
}
[dir="rtl"] .aemformcontainer .date-picker-wrapper .triangle {
    right: initial;
    left: 43px;
}