html {
    background-color: #000000;
            background-image: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
        background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}

html, body, input, select, textarea {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #000000;
}

body {
    background-color: transparent;
}


#loginPageBody, .publicPageConsumerBody {
        background: none;
}

a,
#lookupWrapper,
.ui-widget-content a {
    color: #9900ff;
    font-weight: 600;
    transition: color 0.3s ease-in-out;
    text-decoration: none !important;
    cursor: pointer;
}

    a:hover,
    #lookupWrapper:hover {
        color: #000000;
    }

    a:focus,
    a:active,
    #lookupWrapper:focus,
    #lookupWrapper:active {
        color: #000000;
        outline: none;
    }

#lookupWrapper {
    font-size: 20px;
}


h1, h2, h3, h4, h5, h6 {
    color: #000000;
    font-weight: normal;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 20px;
    color: #C30;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 500;
}

h4, .ui-content-title {
    font-size: 24px;
    font-weight: normal;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

    
    input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]), select,
    .pure-form select {
        background-color: transparent;
        border-bottom: 1px solid #000000;
        color: #000000;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
        font-size: 16px !important;
    }

    input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):hover {
        border-bottom: 1px solid #000000;
    }

    input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):focus, select:focus,
    select:focus + .select2-container .select2-selection {
        border-bottom: 1px solid #000000;
    }

    input[type="checkbox"] + label,
    .checkboxRequiredInput + label {
        font-weight: 600;
    }

#txtSearch,
#txtSearch:hover,
#txtSearh:focus,
#txtSearch:active {
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
}

textarea {
    background-color: #ffffff;
    border: none;
    border: 1px solid #000000;
    color: #000000;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

    textarea:hover {
        border: 1px solid #000000;
    }

    textarea:focus {
        border: 1px solid #000000;
    }

.ui-display-textarea {
    border: 1px solid #000000;
}



input::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder { 
    color: #000000;
    opacity: .75;
}

input:-moz-placeholder,
input:focus:-moz-placeholder { 
    color: #000000;
    opacity: .75;
}

input::-moz-placeholder,
input:focus::-moz-placeholder { 
    color: #000000;
    opacity: .75;
}

input:-ms-input-placeholder,
input:focus:-ms-input-placeholder { 
    color: #000000;
    opacity: .75;
}

html >  body input:placeholder-shown,
html >  body input:focus:placeholder-shown,
input:focus::placeholder {
    color: #ffffff;
    opacity: .75;
}

#loginPageBody input::-webkit-input-placeholder,
#loginPageBody input:focus::-webkit-input-placeholder { 
    color: #ffffff;
}

#loginPageBody input:-moz-placeholder,
#loginPageBody input:focus:-moz-placeholder { 
    color: #ffffff;
    opacity: 1;
}

#loginPageBody input::-moz-placeholder,
#loginPageBody input:focus::-moz-placeholder { 
    color: #ffffff;
    opacity: 1;
}

#loginPageBody input:-ms-input-placeholder,
#loginPageBody input:focus:-ms-input-placeholder { 
    color: #ffffff !important;
    opacity: 1;
}

html >  body #loginPageBody input:placeholder-shown,
html >  body #loginPageBody input:focus:placeholder-shown,
input:focus::placeholder {
    color: #ffffff;
    opacity: 1;
}


input.error {
    border: 1px dotted #CC3333;
}


label.error {
    color: #CC3333;
    font-size: 14px !important;
}

#loginPage #form1 label.error {
    text-align: left;
}

#loginPage #form2 label.error {
    text-align: left;
}

#footer {
    background: rgba(0, 0, 0, 1);
}

    #footer p {
        color: #ffffff;
        text-align: center;
        font-size: 13px;
    }

.contentWrapper {
    background-color: rgba(255, 255, 255, 0.95);
    border: solid 3px #ffffff;
    border-radius: 3px !important;
    box-shadow: none;
    line-height: 20px;
    font-size: 16px;
}

    .contentWrapper h3 {
        font-size: 16px;
        white-space: normal;
        color: #000000;
    }

[id^="div_popup"] .contentWrapper#passwordResetPage {
    background-color: transparent;
    border: none;
}

#expiredPage a::before {
    color: #ffffff;
}

#expiredPage a:hover::before {
    color: #9900ff;
}

#expiredPage a:hover:focus::before,
#expiredPage a:hover:active::before {
    color: #ffffff;
}

#separaterBar {
    background: #FFF;
}


#loginBtnBox {
    text-align: center;
}

#getAQuoteBtnBox {
    text-align: center;
}

.pure-form-aligned .pure-control-group label {
    text-align: left !important;
    font-weight: 600;
    font-size: 16px;
    vertical-align: top !important;
}

.btnBox {
     text-align: right;
}

.ui-dialog {
    background: #ffffff !important;
}

    .ui-dialog .ui-dialog-titlebar {
        background-color: #000000;
        border-bottom: 3px solid #000000;
    }

    .ui-dialog .ui-dialog-title {
        font-family: 'Roboto', Helvetica, Arial, sans-serif;
        font-weight: normal;
        color: #ffffff;
    }

    .ui-dialog .ui-dialog-content {
        border: none;
        background: #ffffff;
        color: #000000;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        background: transparent !important;
        border: none !important;
    }

.pure-button {
    background-color: #9900ff !important;
    border: 1px solid #9900ff;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    border-radius: 0;
    box-shadow: none;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
}

    .pure-button-hover,
    .pure-button:hover {
        background-color: #ffffff !important;
        border-color: #9900ff;
        color: #9900ff;
        background-image: none;
    }

    .pure-button-focus, .pure-button:focus,
    .pure-button-active, .pure-button:active {
        background-color: #000000 !important;
        border-color: #000000;
        color: #ffffff;
        box-shadow: none;
    }

[id^="div_popup"] .saveCancelButton,
[id^="div_popup"] .deleteCancelButton,
[id^="div_popup"] .contCancelButton,
[id^="div_popup"] .pure-controls,
[id^="div_popup"] .newDocDialogFooter,
[id^="div_popup"] .viewCloseButton,
[id^="div_popup"] .wizardButtons,
[id^="div_popup"] .printCancelButtons,
[id^="div_popup"] .submitButton,
.ui-dialog .ui-dialog-buttonpane,
.dataTable .details .saveCancelButton,
.dataTable .details .createNewButton {
    background: #9900ff;
}

    [id^="div_popup"] .saveCancelButton .ui-button,
    [id^="div_popup"] .deleteCancelButton .ui-button,
    [id^="div_popup"] .contCancelButton .ui-button,
    [id^="div_popup"] .newDocDialogFooter .ui-button,
    [id^="div_popup"] .pure-controls .ui-button,
    [id^="div_popup"] .viewCloseButton .ui-button,
    [id^="div_popup"] .wizardButtons .ui-button,
    [id^="div_popup"] .printCancelButtons .ui-button,
    [id^="div_popup"] .submitButton .ui-button,
    .ui-dialog .ui-dialog-buttonpane .ui-button,
    .dataTable .details .saveCancelButton .ui-button,
    .dataTable .details .createNewButton .ui-button {
        color: #ffffff !important;
        border: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

        [id^="div_popup"] .saveCancelButton .ui-button:hover,
        [id^="div_popup"] .deleteCancelButton .ui-button:hover,
        [id^="div_popup"] .contCancelButton .ui-button:hover,
        [id^="div_popup"] .newDocDialogFooter .ui-button:hover,
        [id^="div_popup"] .pure-controls .ui-button:hover,
        [id^="div_popup"] .viewCloseButton .ui-button:hover,
        [id^="div_popup"] .wizardButtons .ui-button:hover,
        [id^="div_popup"] .printCancelButtons .ui-button:hover,
        [id^="div_popup"] .submitButton .ui-button:hover,
        .ui-dialog .ui-dialog-buttonpane .ui-button:hover,
        .dataTable .details .saveCancelButton .ui-button:hover,
        .dataTable .details .createNewButton .ui-button:hover {
            color: #9900ff !important;
            background: #ffffff !important;
        }

            [id^="div_popup"] .saveCancelButton .ui-button:hover:before,
            [id^="div_popup"] .deleteCancelButton .ui-button:hover:before,
            [id^="div_popup"] .contCancelButton .ui-button:hover:before,
            [id^="div_popup"] .newDocDialogFooter .ui-button:hover:before,
            [id^="div_popup"] .pure-controls .ui-button:hover:before,
            [id^="div_popup"] .viewCloseButton .ui-button:hover:before,
            [id^="div_popup"] .wizardButtons .ui-button:hover:before,
            [id^="div_popup"] .printCancelButtons .ui-button:hover:before,
            [id^="div_popup"] .submitButton .ui-button:hover:before,
            .ui-dialog .ui-dialog-buttonpane .ui-button:hover:before,
            .dataTable .details .saveCancelButton .ui-button:hover:before,
            .dataTable .details .createNewButton .ui-button:hover:before {
                color: #9900ff !important;
            }

        [id^="div_popup"] .saveCancelButton .ui-button:focus,
        [id^="div_popup"] .deleteCancelButton .ui-button:focus,
        [id^="div_popup"] .contCancelButton .ui-button:focus,
        [id^="div_popup"] .newDocDialogFooter .ui-button:focus,
        [id^="div_popup"] .pure-controls .ui-button:focus,
        [id^="div_popup"] .viewCloseButton .ui-button:focus,
        [id^="div_popup"] .wizardButtons .ui-button:focus,
        [id^="div_popup"] .printCancelButtons .ui-button:focus,
        [id^="div_popup"] .submitButton .ui-button:focus,
        .ui-dialog .ui-dialog-buttonpane .ui-button:focus,
        .dataTable .details .saveCancelButton .ui-button:focus,
        .dataTable .details .createNewButton .ui-button:focus,
        [id^="div_popup"] .saveCancelButton .ui-button:active,
        [id^="div_popup"] .deleteCancelButton .ui-button:active,
        [id^="div_popup"] .contCancelButton .ui-button:active,
        [id^="div_popup"] .newDocDialogFooter .ui-button:active,
        [id^="div_popup"] .pure-controls .ui-button:active,
        [id^="div_popup"] .viewCloseButton .ui-button:active,
        [id^="div_popup"] .wizardButtons .ui-button:active,
        [id^="div_popup"] .printCancelButtons .ui-button:active,
        [id^="div_popup"] .submitButton .ui-button:active,
        .ui-dialog .ui-dialog-buttonpane .ui-button:active,
        .dataTable .details .saveCancelButton .ui-button:active,
        .dataTable .details .createNewButton .ui-button:active {
            color: #ffffff;
            background: #000000;
            border: none !important;
        }

            [id^="div_popup"] .saveCancelButton .ui-button:focus:before,
            [id^="div_popup"] .deleteCancelButton .ui-button:focus:before,
            [id^="div_popup"] .contCancelButton .ui-button:focus:before,
            [id^="div_popup"] .newDocDialogFooter .ui-button:focus:before,
            [id^="div_popup"] .pure-controls .ui-button:focus:before,
            [id^="div_popup"] .viewCloseButton .ui-button:focus:before,
            [id^="div_popup"] .wizardButtons .ui-button:focus:before,
            [id^="div_popup"] .printCancelButtons .ui-button:focus:before,
            [id^="div_popup"] .submitButton .ui-button:focus:before,
            .ui-dialog .ui-dialog-buttonpane .ui-button:focus:before,
            .dataTable .details .saveCancelButton .ui-button:focus:before,
            .dataTable .details .createNewButton .ui-button:focus:before {
                color: #ffffff;
            }

        [id^="div_popup"] .saveCancelButton .ui-button:not(:last-child),
        [id^="div_popup"] .deleteCancelButton .ui-button:not(:last-child),
        [id^="div_popup"] .contCancelButton .ui-button:not(:last-child),
        [id^="div_popup"] .newDocDialogFooter .ui-button:not(:last-child),
        [id^="div_popup"] .pure-controls .ui-button:not(:last-child),
        [id^="div_popup"] .viewCloseButton .ui-button:not(:last-child),
        [id^="div_popup"] .wizardButtons .ui-button:not(:last-child),
        [id^="div_popup"] .printCancelButtons .ui-button:not(:last-child),
        [id^="div_popup"] .submitButton .ui-button:not(:last-child),
        .ui-dialog .ui-dialog-buttonpane .ui-button:not(:last-child),
        .dataTable .details .saveCancelButton .ui-button:not(:last-child),
        .dataTable .details .createNewButton .ui-button:not(:last-child) {
            border: none !important;
        }

        [id^="div_popup"] .saveCancelButton .ui-button:not(:first-child),
        [id^="div_popup"] .deleteCancelButton .ui-button:not(:first-child),
        [id^="div_popup"] .contCancelButton .ui-button:not(:first-child),
        [id^="div_popup"] .newDocDialogFooter .ui-button:not(:first-child),
        [id^="div_popup"] .pure-controls .ui-button:not(:first-child),
        [id^="div_popup"] .viewCloseButton .ui-button:not(:first-child),
        [id^="div_popup"] .wizardButtons .ui-button:not(:first-child),
        [id^="div_popup"] .printCancelButtons .ui-button:not(:first-child),
        [id^="div_popup"] .submitButton .ui-button:not(:first-child),
        .ui-dialog .ui-dialog-buttonpane .ui-button:not(:first-child),
        .ui-dialog .ui-dialog-viewclose .ui-button:not(:first-child),
        .dataTable .details .saveCancelButton .ui-button:not(:first-child),
        .dataTable .details .createNewButton .ui-button:not(:first-child),
        .dataTable .details .addNewWrapper .ui-button:not(:first-child) {
            border-left: 1px solid #FFFFFF !important;
            border-bottom: none !important;
            border-top: none !important;
            border-right: none !important;
        }

.ui-button-inactive {
    opacity: 0.3;
}

.ui-button-img-inactive {
    filter: alpha(opacity=30); 
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.ui-button, .ui-widget-content .ui-button, .ui-widget-header .ui-button {
    border: 1px solid #9900ff;
    font-weight: 600;
    color: #ffffff;
    background: #9900ff;
    margin: 3px 0;
    transition: background-color 0.3s ease-in-out;
}

    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
        color: #ffffff;
        text-decoration: none;
    }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
    border: 1px solid #9900ff;
    font-weight: 600;
    color: #9900ff;
    background: #ffffff;
}

    .ui-state-hover a, .ui-state-hover a:hover {
        color: #9900ff;
        text-decoration: none;
    }

.ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-focus,
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    outline: none;
    color: #ffffff;
    border: 1px solid #000000;
    background: #000000;
    box-shadow: none;
}

    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        color: #ffffff !important;
        text-decoration: none;
    }

.ui-button .ui-state-default, .ui-button .ui-widget-content .ui-state-default, .ui-button .ui-widget-header .ui-state-default,
.ui-datepicker .ui-datepicker-buttonpane button.ui-state-default {
    border: 1px solid #9900ff;
    font-weight: 600;
    color: #ffffff;
    background: #9900ff;
    margin: 3px 0;
}

.ui-button:hover,
.ui-button.ui-state-hover, .ui-button .ui-widget-content .ui-state-hover, .ui-button .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus {
    color: #9900ff;
    background: #ffffff;
}

.ui-button:focus,
.ui-button.ui-state-focus,
.ui-button:active,
.ui-button.ui-state-active,
.ui-datepicker .ui-datepicker-buttonpane button.ui-state-active {
    background: #000000;
    border: 1px solid #000000;
    outline: none;
    color: #ffffff;
}

    .ui-button .ui-state-focus:before,
    .ui-button:active:before,
    .ui-button .ui-state-active:before,
    .ui-button .ui-state-hover.ui-state-focus,
    .ui-button .ui-state-hover.ui-state-active {
        color: #ffffff;
    }

.ui-button .ui-button-text {
    text-shadow: none !important;
    font-size: 16px;
    font-weight: 600;
}

a.ui-widget.ui-button, button.ui-widget.ui-button, input.ui-widget.ui-button {
    font-size: 16px;
    line-height: normal;
}


.ui-button.ui-state-disabled:hover {
    opacity: 0.5;
    border: 1px solid #9900ff;
}


#loginPage select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    border-radius: 3px;
    background-image: linear-gradient(45deg, transparent 50%, #ffffff 50%), linear-gradient(135deg, #ffffff 50%, transparent 50%);
    background-position: calc(100% - 9.8px) calc(.6em + 2px), calc(100% - 5px) calc(.6em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 6px, 5px 6px, 1px 1.5em;
    background-repeat: no-repeat;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #ffffff !important;
    font-size: 24px !important;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

    #loginPage select:focus::-ms-value,
    .insuredPortal select:focus::-ms-value {
        background: none;
        color: #ffffff;
    }

    #loginPage select option,
    #loginPageBody #ddLanguage option,
    .pure-form select option {
        background: #ffffff;
        background-color: #ffffff;
        color: #000000;
        font-size: 18px !important;
    }

#loginPage .select-disabled {
    -webkit-appearance: button;
    -moz-appearance: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    background-color: rgba(0, 0, 0, 0.1);
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #AAA;
    border-radius: 3px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #ccc;
    font-size: inherit;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#header1 {
    text-align: left;
    line-height: 30px;
}



#crumbs ul {
    text-align: center;
}

    #crumbs ul li a {
        text-align: center;
        text-decoration: none;
        border-radius: 50%;
        font-size: 1em;
        color: #000000;
        border: 1px solid #cccccc !important;
        background: #ffffff !important;
        font-weight: 600;
    }

        #crumbs ul li a:after {
            content: "";
            border: none;
        }

        #crumbs ul li a:before {
            content: "";
            border: none;
        }

#crumbs .stepTitle {
    font-weight: 600;
}

#crumbs li a.complete {
    background: #000000 !important;
    color: #ffffff !important;
    border: none !important;
}

.stepLineProfile {
    border-top: 1px solid #000000;
    border-bottom: none !important;
}




.header {
    text-align: left;
    
}   
    .header #logo {
        background-repeat: no-repeat;
    }

.pure-control-group input {
    color: #000000;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0 !important;
    border: 1px solid #000000;
}

#loginPage #email,
#loginPage #password,
#loginPage [name="QuickQuoteCreateModel.Zipcode"],
#loginPage .quoteRecallInput {
    color: #ffffff !important;
    font-size: 24px !important;
}

#loginPageBody h1 {
    color: #ffffff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    font-weight: 300;
    font-size: 36px;
}

#loginBogHeader {
    text-align: left;
    height: 78px;
}

#insuredLoginBoxHeader {
    text-align: center;
}


#quoteRecallformWrapper #loginBoxHeader {
    text-align: center;
}

#quickQuoteBoxHeader {
    text-align: right;
}

.selectList {
    text-align: right;
}

#checkboxInputGroup {
    text-align: left;
}

label[for="remember"] {
    color: #071255 !important;
    font-weight: normal;
}


#loginLinks {
    text-align: center;
    white-space: nowrap;
    font-size: 15px;
}

#retriveSavedQuoteLinks {
    text-align: center;
    white-space: nowrap;
    font-size: 15px;
}

label[for="loginLinksLabel"] {
    color: #ffffff !important;
    font-weight: 500;
}

#btnLogin,
#getAQuote {
    font-size: 24px;
}

#loginPageBody #step1,
#quoteRecallPageBody #step1 {
    text-align: left;
}

.editProfile #step1, .editProfile #step2, .editProfile #step3, .editProfile #step4 {
    text-align: left;
}

.ui-requiredBlock {
    background-color: transparent;
}

    .ui-requiredBlock + input,
    .ui-requiredBlock + select,
    .ui-requiredBlock + textarea,
    .ui-requiredBlock + .radioWrapper > label,
    .ui-requiredBlock + .radioWrapperStack > label,
    #commonsTable .ui-requiredBlock + .radioWrapperStack > label:last-child,
    .ui-requiredInput + .select2-container .select2-selection {
        border-bottom: 2px solid #CC3333 !important;
    }

        .ui-requiredBlock + input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):focus,
        .ui-requiredBlock + select:focus,
        .ui-requiredBlock + textarea:focus,
        .ui-requiredBlock + .radioWrapper > label:focus,
        .ui-requiredBlock + .radioWrapperStack > label:focus,
        #commonsTable .ui-requiredBlock + .radioWrapperStack > label:last-child:focus,
        .ui-requiredInput + .select2-container .select2-selection:focus,
        .ui-requiredBlock + select:focus + .select2-container .select2-selection {
            border-bottom: 2px solid #FF4C4C !important;
        }

.classicRadio .ui-requiredBlock + .radioWrapperStack > label {
    border-bottom: none !important
}

.classicRadio .ui-requiredBlock,
.checkboxWrapper .ui-requiredBlock {
    background-color: #CC3333;
}

#ddLanguage {
-webkit-appearance: none;
    -moz-appearance: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-image: linear-gradient(45deg, transparent 50%, #ffffff 50%), linear-gradient(135deg, #ffffff 50%, transparent 50%);
    background-position: calc(100% - 10px) calc(1em - 2px), calc(100% - 5.5px) calc(1em - 2px), calc(100% - 2.5em) 0.5em;
    border-bottom: 1px solid #ffffff !important;
    border-radius: 3px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #ffffff !important;
    font-size: inherit;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

    #ddLanguage option {
        background-color: #ffffff;
        color: #000000;
        font-size: 18px !important;
    }


.message-content-wrapper {
    color: #4F4F4F;
}

    .message-text-wrapper h2,
    .message-content-wrapper h2 {
        color: #4F4F4F;
        font-size: 18px;
        text-transform: uppercase;
    }

.inline-alert-message .inline-success,
.message-success .ui-state-success {
    background: #CBE8B4;
    color: #4F4F4F;
    border-bottom: 10px solid #83c450;
    border-radius: 0px !important;
}

.inline-alert-message .inline-info,
.message-info .ui-state-highlight {
    background: #C7ECF0;
    color: #4F4F4F;
    border-bottom: 10px solid #00D0E7;
    border-radius: 0px !important;
}

.inline-alert-message .inline-warning,
.inline-alert-message .inline-action-required,
.message-warning .ui-state-warning,
.message-action-required .ui-state-action-required {
    background:  #FEEEBC;
    color: #4F4F4F;
    border-bottom: 10px solid #E7C100;
    border-radius: 0px !important;
}

.inline-alert-message .inline-error,
.message-error .ui-state-error {
    background: #FFB7B7;
    color: #4F4F4F;
    border-bottom: 10px solid #CC3333;
    border-radius: 0px !important;
}

#actionBtnWrapper {
    background: #E97117
}

#actionBtnWrapper .ui-button{
    color: #FFFFFF;
    border: none;
    box-sizing: border-box;
    background: #E97117;
}

#actionBtnWrapper .ui-button:hover{
    color: #E97117;
    background: #FFFFFF;
}

#actionBtnWrapper .ui-button:hover:before {
    background: #E97117
}

#actionBtnWrapper .ui-button:focus,
#actionBtnWrapper .ui-button:active {
    color: #ffffff;
    background: #000000;
    border: none !important;
}

#actionBtnWrapper .ui-button:focus:before {
    color: #FFFFFF;
}

#actionBtnWrapper .ui-button:not(:last-child) {
    border: none !important;
}

#actionBtnWrapper .ui-button:not(:first-child) {
    border-left: 1px solid #FFFFFF !important;
    border-bottom: none !important;
    border-top: none !important;
    border-right: none !important;
}

.message-confirm .ui-state-confirm {
    border: none;
    background: #FFC9AC;
    color: #4F4F4F;
    border-radius: 0px !important;
}

.inline-alert-message .inline-success,
.inline-alert-message .inline-info,
.inline-alert-message .inline-error,
.inline-alert-message .inline-warning,
.inline-alert-message .inline-action-required {
    border-bottom-width: 5px;
}

.message-close-btn {
    color: #4F4F4F !important;
}

    .message-close-btn:hover {
        color: #D1D4D3 !important;
    }


.message-icon {
    color: #4F4F4F;
}

.message-prefix {
    font-weight: 800;
}

.message-success-text b,
.message-info-text b,
.message-warning-text b,
.message-action-required-text b,
.message-error-text b,
.message-confirm-text b {
    color: #4F4F4F;
}

.message-success-text a:not(.ui-button),
.message-info-text a:not(.ui-button),
.message-warning-text a:not(.ui-button),
.message-action-required-text a:not(.ui-button),
.message-error-text a:not(.ui-button),
.message-confirm-text a:not(.ui-button) {
    color: #9900ff;
    text-decoration: underline;
}

    .message-success-text a:not(.ui-button):hover,
    .message-info-text a:not(.ui-button):hover,
    .message-warning-text a:not(.ui-button):hover,
    .message-action-required-text a:not(.ui-button):hover,
    .message-error-text a:not(.ui-button):hover,
    .message-confirm-text a:not(.ui-button):hover {
        color: #000000;
    }

        .message-success-text a:hover span,
        .message-info-text a:hover span,
        .message-warning-text a:hover span,
        .message-action-required-text a:hover span,
        .message-error-text a:hover span,
        .message-confirm-text a:hover span {
            text-decoration: none !important;
        }

.message-success-text a:not(.ui-button):focus,
.message-success-text a:not(.ui-button):active,
.message-info-text a:not(.ui-button):focus,
.message-info-text a:not(.ui-button):active,
.message-warning-text a:not(.ui-button):focus,
.message-warning-text a:not(.ui-button):active,
.message-action-required-text a:not(.ui-button):focus,
.message-action-required-text a:not(.ui-button):active,
.message-error-text a:not(.ui-button):focus,
.message-error-text a:not(.ui-button):active,
.message-confirm-text a:not(.ui-button):focus,
.message-confirm-text a:not(.ui-button):active {
    color: #000000;
}

#loginPageBody #actionBtnWrapper {
    text-align: right;
}



#chatBotBtn {
    background: rgba(0, 0, 0, 1);
    border-radius: 50px 50px 50px 0px;
}

#chatBotText {
    color: #ffffff;
}

#chatBotIconWrapper {
    border-radius: 50px;
    background: #9900ff;
    color: #ffffff;
}

#chatBotBtn:hover #chatBotIconWrapper {
    background: #ffffff;
    color: #9900ff;
}

#chatBotBtn:focus #chatBotIconWrapper,
#chatBotBtn:active #chatBotIconWrapper {
    background: #000000;
    color: #ffffff;
}

#chatbotWrapper {
    background-color: #ffffff;
}

#chatIconProgress {
    background: #ffffff;
    color: #000000;
}

.webchat__send-box-text-box__input {
    border: none !important;
}

.ac-textBlock p {
    white-space: normal;
}

.ac-input-container input[type="data"] {
    appearance: none;
}

#inputDOB .ac-input-container:after,
#inputEffectiveDate .ac-input-container:after {
    font: normal normal normal 24px/1 FontAwesome;
    content: "\f274";
    position: absolute;
    top: 50px;
    right: 18px;
}


#chatBotHeaderSection {
    background-color: rgba(0, 0, 0, 1) !important;
    color: #ffffff !important;
}

#closeBtn {
    background-color: #9900ff !important;
    color: #ffffff !important;  
}

#closeBtn:hover {
    background-color: #ffffff !important;
    color: #9900ff !important;
}

#chatbot input {
    color: #4f4f4f !important;
} 

#chatbot select {
    color: #4f4f4f !important;
    background-image: linear-gradient(45deg, transparent 50%, #4f4f4f  50%), linear-gradient(135deg, #000000 50%, transparent 50%);
    background-position: calc(100% - 9.8px) calc(1em + 2px), calc(100% - 5px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 6px, 5px 6px, 1px 1.5em;
    background-repeat: no-repeat;
    border-bottom: 1px solid #4f4f4f;
}



#secondFactorAuthenticationPage #crumbs ul {
    text-align: center;
}

    #secondFactorAuthenticationPage #crumbs ul li a {
        text-align: center;
        text-decoration: none;
        border-radius: 50%;
        font-size: 16px;
        color: #000000;
        border: 1px solid transparent !important;
        background: #ffffff !important;
        font-weight: 600;
    }

        #secondFactorAuthenticationPage #crumbs ul li a:after {
            content: "";
            border: none;
        }

        #secondFactorAuthenticationPage #crumbs ul li a:before {
            content: "";
            border: none;
        }

#secondFactorAuthenticationPage #crumbs .stepTitle {
    font-weight: 600;
}

#secondFactorAuthenticationPage #crumbs li a.complete {
    background: #000000 !important;
    color: #ffffff !important;
}

#secondFactorAuthenticationPage .stepLineProfile {
    border-top: 1px solid #000000;
    border-bottom: none !important;
}



#progress {
    background: rgba(38, 43, 51, .35) !important;
    background-image: none !important;
}

.loader {
    color: #000000;
}

.loaderContainer {
    background-color: #ffffff;
    color: #000000;
    border: solid 1px #ccc;
}

.loaderContent {
    font-size: 14px;
    font-weight: 800;
}





#publicLogo{
    background-image: url(/DRCSystem/Portal/Content/themes/embark/images/logo/logo-public.png) !important;
}

.contentWrapper {
    background-color: rgb(205 205 205 / 95%);
    border: solid 3px #b7b7b7;
}
html {
    background-color: #ffffff;
}