





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;
}

html, body {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 16px !important;
    color: #000000;
    }

    .insuredPortalHTML, body {
    background: #ffffff;
    }


        .consumer_header_left #logo{
            background-color: rgba(114, 122, 129, 0);
        }

    #logo a {
    text-indent: -9999px;
    }

    
    
:root {

    
    --PrimaryColor: #000000;
    --SecondaryColor: #cccccc;
    --TertiaryColor: #ffffff;
    --PrimaryAccentColor: #9900ff;
    --SecondaryAccentColor: #000000;
    --TertiaryAccentColor: #000000;
    
    --PrimaryBackgroundColor: #ffffff;
    --SecondaryBackgroundColor: #f2f2f2;
    --TertiaryBackgroundColor: #ffffff;
    --BreadcrumbBackgroundColor: #f2f2f2;
    
    --TextOnPrimaryColor: #ffffff;
    --TextOnPrimaryAccentColor: #ffffff;
    --TextOnPrimaryBackgroundColor: #000000;
    
    --TextOnSecondaryColor: #000000;
    --TextOnTertiaryColor: #000000;
    --TextOnSecondaryBackgroundColor: #000000;
    --TextOnTertiaryBackgroundColor: #000000;
    --HeadingFont: 'Roboto';
    --BodyFont: 'Open Sans';
    

    
    --InputBackgroundColor: #ffffff;
    --InputBorderColor: none;

    

        --PortalBackgroundImageUrl: none !important;

        --PublicLogoImageUrl: none !important;

        --LandingBackgroundImageUrl: none !important;

        --LogoBackgroundColor: rgba(114, 122, 129, 0);

    --SuccessColor: #83c450;
    --SuccessBackgroundColor: #CBE8B4;
    --InfoColor: #00D0E7;
    --InfoBackgroundColor: #C7ECF0;
    --WarningColor: #E7C100;
    --WarningBackgroundColor: #FEEEBC;
    --ErrorColor: #CC3333;
    --DarkErrorColor: #C30;
    --ErrorBackgroundColor: #FFB7B7;
    --HighlightErrorColor: #FF4C4C;
    --ConfirmTextColor: #FFFFFF;
    --ConfirmColor: #E97117;
    --ConfirmBackgroundColor: #FFC9AC;
    --NormalFontWeight: normal;
    --SemiBoldFontWeight: 600;
    --BoldFontWeight: 800;
    --Opacity0Effect: 0;
    --Opacity30Effect: 0.3;
    --Opacity50Effect: 0.5;
    --Opacity75Effect: .75;
    --Opacity95Effect: .95;
    --Opacity100Effect: 1;
    
    --TextOnNotificationBackgroundColor: #4F4F4F;
    
    --TextOnNotificationAccentColor: #FFFFFF;
    --PrimaryBorderColor: #FFFFFF; 
    --SecondaryBorderColor: #A5ACAF; 
    --TertiaryBorderColor: #D1D4D3;
    
    
    --LightSurfaceBackgroundColor: #FFFFFF;
    --OrangeSurfaceBackgroundColor: #E79900;
    --GreenSurfaceBackgroundColor: #83C450;
    --RedSurfaceBackgroundColor: #C00;
    --TextOnHighContrastSurfaceBackgroundColor: #242424;
    --SelectedTextOnHighContrastSurfaceBackgroundColor: #FFFFFF;
    --TransparentBackdropBackgroundColor: rgba(38, 43, 51, .35);

    
    --UploadMatchBackdropBackgroundColor: rgba(255, 255, 255, 0.85);
    --PrimaryBackdropBackgroundColor: rgba(255, 255, 255, 0.95);
    --SecondaryBackdropBackgroundColor: rgba(163, 163, 163, 0.95);
    --ClassicRadioHoverColor: rgba(0, 0, 0, 0.5);
    --DisabledMainMenuTextColor: rgba(0, 0, 0, 0.5);
    --UploadKendoGridDisabledCellColor: rgba(255, 255, 255, 0.75);
    --UploadKendoGridDisabledTextColor: rgba(0, 0, 0, 0.75);

    --QuoteOptionsPremiumHeaderSpacer: rgba(242, 242, 242, 0.5);

    --PortalLoginToolTipColor: rgba(0, 0, 0, 1);
    --PortalLoginLinkHoverColor: rgba(255, 255, 255, 0.5);
    --PortalLoginFooterColor: rgba(0, 0, 0, 1);

    --ChatBotButtonColor: rgba(0, 0, 0, 1);
    --ChatBotPrimaryColor: rgba(0, 0, 0, 1);

    --CustomerLoginBackgroundFilterColor: rgba(163, 163, 163, 1);
    --MeterAnimationAccentColor: rgba(193, 102, 255, 1);

    
}

#dashboard-main {
    background: #ffffff;
}

.pageHeader {
    background-color: #000000;
         background-image: none;
}

.ui-widget-header {
    color: #000000;
}

.ui-widget-content a {
    color: #9900ff;
}

.ui-widget-overlay {
    opacity: .95;
}

a,
#lookupWrapper {
    color: #9900ff;
    font-weight: 600;
    transition: color 0.3s ease-in-out;
}

    a:hover,
    #lookupWrapper:hover {
        color: #000000;
        text-decoration: none !important;
    }

    a:focus,
    a:active,
    #lookupWrapper:focus,
    #lookupWrapper:active {
        color: #000000;
        outline: none;
    }

#lookupWrapper {
    font-size: 20px;
}

h1, h2, 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;
}

.tooltip {
    font-size: 10pt;
    border: 1px solid #000000;
    background-color: #FFFFE0;
    color: #990000;
}

.breadcrumbsBar, #quoteBreadCrumb  {
    background-color: #f2f2f2;
}

#fieldsetPanel-innerCt {
    background: #ffffff;
}


.x-theme-gray #ui-footer {
    color: #808080;
}

#ui-footer, #ui-footer > span {
    font-size: 13px;
    color: #ffffff;
    background: #000000;
}

#ui-sysdate {
    font-size: 1.14px;
    color: #000000;
    font-weight: 600;
    display: none;
}



.errorMessage {
    color: #000000;
}

.resultMessage {
    color: #CC3333;
}

.message-content-wrapper {
    color: #4F4F4F;
}

    .message-text-wrapper h2,
    .message-content-wrapper h2 {
        color: #4F4F4F;
        font-size: 18px;
        text-transform: lowercase;
        font-variant: small-caps;
    }

.inline-alert-message .inline-success,
.message-success .ui-state-success,
.on-page-message-success .ui-state-success {
    background: #CBE8B4;
    color: #4F4F4F;
    border-bottom: 10px solid #83c450;
}

.inline-alert-message .inline-info,
.message-info .ui-state-highlight {
    background: #C7ECF0;
    color: #4F4F4F;
    border-bottom: 10px solid #00D0E7;
}

.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;
}

.inline-alert-message .inline-error,
.message-error .ui-state-error {
    background: #FFB7B7;
    color: #4F4F4F;
    border-bottom: 10px solid #CC3333;
}

#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 {
    background: #FFC9AC;
    color: #4F4F4F;
}

.on-page-message-success .ui-state-success,
.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-sideInfo {
    background: rgba(88, 90, 121, 0.80);
}

.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;
}

    .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;
}

html >  body .message-sideInfo-tooltipBody {
    border: none;
    color: #FFF;
    background: none;
}

    .message-sideInfo-tooltipBody:before {
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    }

    .message-sideInfo-tooltipBody:after {
        color: #FFF;
        border-color: rgba(0, 0, 0, 0) rgba(88, 90, 121, 0.80);
    }




.tblDefault th {
    background: #cccccc;
    border-left: 2px solid #ffffff;
    color: #000000;
}

td.sorting_1 {
    color: #000000 !important;
}

tr.odd {
    background-color: #ffffff;
}

    tr.odd td.sorting_1 {
        background-color: #f2f2f2;
        border-left: 2px solid #ffffff !important;
        border-right: 2px solid #ffffff !important;
    }

tr.even td.sorting_1 {
    background-color: #f2f2f2;
}

table.display td {
    background: #ffffff;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    color: #000000;
}

.tblDefault tbody td {
    background: #ffffff;
    border-left: 2px solid #ffffff;
    border-bottom: 1px solid #A5ACAF;
    border-right: 1px solid #ffffff;
    color: #000000;
}


.details b {
    color: #000000;
    font-size: 18px;
    letter-spacing: 1px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

td.details {
    background: #ffffff !important;
    color: #000000 !important;
    padding: 5px 10px !important;
}

table.display tr {
    border: none;
    border-bottom: 1px solid #A5ACAF;
}

.details table tr td {
    background: #ffffff;
    color: #000000;
    border-bottom: 1px solid #A5ACAF;
    border-left: 2px solid #ffffff !important;
    border-right: 2px solid #ffffff !important;
}

.details .gen-table-optionalMulti tr td,
.details .optionalMultiFormWrapper table tr td {
    background: transparent;
    border: none;
}
.details .ui_tblHeader {
    font-size: 16px;
    background: #f2f2f2;
    color: #000000;
    font-weight: 600;
}

.details form,
.details div[data-table-action="Index"] {
    background: #ffffff;
}

    .details form table tr,
    .details form table tr td {
        background: transparent;
        border: none !important;
    }

.details .dataTable th.ui-state-default {
    background: #f2f2f2 !important;
    color: #000000 !important;
    border-left: 2px solid #ffffff !important;
    border-right: 2px solid #ffffff !important;
}

.details .dataTable td {
    background: #ffffff !important;
    color: #000000 !important;
    border-left: 2px solid #ffffff !important;
    border-right: 2px solid #ffffff !important;
}




.customerLink,
.noteLink {
    color: #9900ff;
}

    .customerLink i,
    .noteLink i {
        font-size: 20px !important;
        color: #ffffff;
    }

    .customerLink:hover i:before,
    .noteLink:hover i:before {
        color: #000000 !important;
    }

    .customerLink:focus i:before,
    .customerLink:active i:before,
    .noteLink:focus i:before,
    .noteLink:active i:before {
        color: #000000 !important;
    }

    .customerLink .fa-usd {
        color: #9900ff;
    }

        .customerLink .fa-usd:hover {
            color: #000000;
        }

    .customerLink i:hover {
        color: #ffffff;
    }

    .customerLink i.fa-pencil-square-o:before {
        color: #9900ff;
        font-size: 22px;
        margin-right: -9px;
    }

    .customerLink i.fa-pencil-square-o:hover:before {
        color: #000000;
    }

    .customerLink i.fa-file:before {
        margin-right: -21px;
        color: #9900ff;
        font-size: 22px;
    }

    .customerLink i.fa-file:hover:before {
        color: #000000;
    }

    .customerLink i.fa-user:before {
        color: #9900ff;
    }

    .customerLink i.fa-user:hover:before {
        color: #000000;
    }

    .customerLink i.fa-building:before {
        color: #9900ff;
    }

    .customerLink i.fa-building:hover:before {
        color: #000000;
    }

    .noteLink i.fa-comment-o:before {
        color: #9900ff;
    }

    .noteLink i.fa-comment-o:hover:before {
        color: #000000;
    }

    .noteLink i.fa-comment:before {
        color: #9900ff;
    }

    .noteLink i.fa-comment:hover:before {
        color: #000000;
    }

    .noteLink i.fa-commenting:before {
        color: #9900ff;
    }

    .noteLink i.fa-commenting:hover:before {
        color: #000000;
    }

    .noteLink i.fa-plus:before {
        color: #9900ff;
    }

    .noteLink i.fa-plus:hover:before {
        color: #000000;
    }

.addNote i.fa.fa-plus {
    font-size: 18px !important;
    position: relative;
    left: -12px;
}

#dtCustomer .fg-menu-open,
#dtCustomers .fg-menu-open {
    background: transparent !important;
}

.fg-menu-open .customerLink i.fa-file:before {
    color: #000000;
}




.fg-menu i.fa-file {
    color: #ffffff !important;
    font-size: 17px !important;
}

    .fg-menu i.fa-file:before {
        font-size: 19px;
        margin-right: -18px;
        color: #000000;
    }

.fg-menu .drc-search-autocomplete-row-mouseover i.fa-file {
    color: #cccccc !important;
}

    .fg-menu .drc-search-autocomplete-row-mouseover i.fa-file:before {
        color: #FFF;
    }



#btnSearchAdvanced span {
    font-size: 16px;
}

#layout_new_task_popup::after {
    display: none;
}

#documentDelete h3 {
    padding-left: 25px;
    padding-right: 25px;
}

.ffb {
    background-color: #FFFFFF !important;
}

    .ffb .content {
        color: #000000 !important;
    }


        .ffb .content .row {
            border-bottom: 1px solid #cccccc !important;
            color: #000000 !important;
        }


        .ffb .content .ffb-sel {
            color: #FFF !important;
            background-color: #cccccc !important;
        }

.ffb-match {
    color: #9900ff !important;
}

.ffb-arrow {
    background-image: none !important;
    cursor: pointer;
}

.ffb-arrow::after {
    font: normal normal normal 16px/1 FontAwesome;
    color: #000000;
    content: '\f0d7';
}

.arrow {
    background: none !important;
    text-transform: none;
    color: #9900ff;
    font-size: 20px;
}

.saveChartButton::before {
    color: #9900ff;
}

.saveChartButton:hover::before {
    color: #000000;
}

.fileinput-button {
    background: transparent;
    border: none;
}

    .fileinput-button.ui-state-default:hover,
    .fileinput-button.ui-button:hover {
        color: #9900ff !important;
        background: #ffffff;
        border: 1px solid #9900ff;
    }

[data-field="EntityAddress.AddressTypeId"] {
    width: 200px !important;
}

[data-field="EntityAddress.CountryId"] {
    width: 200px !important;
}

#backgroundAccordion {
    background: #ffffff;
    border-right: 6px solid #000000;
}

.billingLink {
    font-size: 20px;
    color: #9900ff !important;
}

.x-toolbar-default {
    background-color: #f2f2f2;
    background-image: none;
}

.x-form-radio-default {
    background: none;
}

.x-form-radio-default:before {
    font: normal normal normal 20px/1 FontAwesome;
    color: #000000;
    content: "\f1db";
}

.x-form-cb-checked .x-form-checkbox-focus.x-form-radio-default:before,
.x-form-cb-checked .x-form-radio-default:before {
    content: "\f192"
}

.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;
    }

    [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,
    .ui-dialog .ui-dialog-viewclose,
    .dataTable .details .saveCancelButton,
    .dataTable .details .createNewButton,
    .dataTable .details .addNewWrapper,
    .pure-button {
        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,
        .ui-dialog .ui-dialog-viewclose .ui-button,
        .dataTable .details .saveCancelButton .ui-button,
        .dataTable .details .createNewButton .ui-button,
        .dataTable .details .addNewWrapper .ui-button,
        .pure-button {
            color: #ffffff;
            border: none;
            box-sizing: border-box;
            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,
            .ui-dialog .ui-dialog-viewclose .ui-button:hover,
            .dataTable .details .saveCancelButton .ui-button:hover,
            .dataTable .details .createNewButton .ui-button:hover,
            .dataTable .details .addNewWrapper .ui-button:hover,
            .pure-button:hover {
                color: #9900ff;
                background: #ffffff;
            }

                [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,
                .ui-dialog .ui-dialog-viewclose .ui-button:hover:before,
                .dataTable .details .saveCancelButton .ui-button:hover:before,
                .dataTable .details .createNewButton .ui-button:hover:before,
                .dataTable .details .addNewWrapper .ui-button:hover:before,
                .pure-button:hover:before {
                    color: #9900ff;
                }

            [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,
            .dataTable .details .addNewWrapper .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,
            .ui-dialog .ui-dialog-viewclose .ui-button:active,
            .dataTable .details .saveCancelButton .ui-button:active,
            .dataTable .details .createNewButton .ui-button:active,
            .dataTable .details .addNewWrapper .ui-button:active,
            .pure-button:active, .pure-button:focus {
                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,
                .ui-dialog .ui-dialog-viewclose .ui-button:focus:before,
                .dataTable .details .saveCancelButton .ui-button:focus:before,
                .dataTable .details .createNewButton .ui-button:focus:before,
                .dataTable .details .addNewWrapper .ui-button:focus:before,
                .pure-button:focus:before  {
                    color: #9900ff;
                }

            [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),
            .ui-dialog .ui-dialog-viewclose .ui-button:not(:last-child),
            .dataTable .details .saveCancelButton .ui-button:not(:last-child),
            .dataTable .details .createNewButton .ui-button:not(:last-child),
            .dataTable .details .addNewWrapper .ui-button:not(:last-child),
            .pure-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),
            .pure-button:not(:first-child):not(#cancelRetrieveQuoteBtn) {
                border-left: 1px solid #FFFFFF !important;
                border-bottom: none !important;
                border-top: none !important;
                border-right: none !important;
            }


.dtQuoteNote {
    margin: 0px auto !important;
}

label.error {
    color: #CC3333;
}


input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]), select {
    background-color: transparent;
    border-bottom: 1px solid #000000;
    color: #000000;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 16px !important;
    box-sizing: content-box !important;
}

.uwResultTd select,
#univNoteContainer select {
    background-image: linear-gradient(45deg, transparent 50%, #000000 50%), linear-gradient(135deg, #000000 50%, transparent 50%);
}

.uwResultTd input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]),
.uwResultTd select,
#univNoteContainer input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]),
#univNoteContainer select,
#univNoteContainer input::-webkit-input-placeholder {
    color: #000000;
    border-bottom-color: #000000;
}

select option {
    background-color: #ffffff;
    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;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder,
html >  body input:placeholder-shown,
html >  body input:focus:placeholder-shown,
input:focus::placeholder {
    color: #000000;
    opacity: .75;
}


#dtCustomer tr, #dtCustomer td,
#dtCustomers tr, #dtCustomers td {
    background-color: #ffffff;
    border-right: 2px solid #ffffff !important;
    border-left: 2px solid #ffffff !important;
    border-bottom: 1px solid #A5ACAF;
    color: #000000;
}

.ui-button-img-inactive {
    filter: alpha(opacity=30); 
}

.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,
.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-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,
.classicRadio .ui-requiredBlock + .radioWrapper > label {
    border-bottom: none !important
}

.classicRadio .ui-requiredBlock,
.checkboxWrapper .ui-requiredBlock {
    background-color: #CC3333;
}

.dataField {
    color: #000000 !important;
    font-weight: normal;
    font-size: 16px !important;
}

.ui-requiredBlock {
    background-color: transparent;
}

.ui-header-label {
    font-weight: 600;
    color: #000000;
    font-size: 16px;
}

.ui-header-field {
    font-weight: 600;
    color: #000000;
    font-size: 24px;
}

    .ui-header-field a {
        color: #9900ff;
        font-weight: 600;
    }

        .ui-header-field a:hover {
            color: #000000 !important;
        }

.ui-header-label-old {
    font-size: 1.14px;
    font-weight: 600;
    background: #ffffff;
    color: #000000;
}

.ui-label {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}

.ui-widget {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #000000;
}

.ui-widget-content {
    background: transparent;
    border: none;
    color: #000000;
}

    .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,
        .ui-button a, .ui-button a:link, .ui-button 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:focus:before,
    .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 {
    display: inline-block;
    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;
}


.dataTables_paginate .ui-button.ui-state-disabled:hover {
    border: none;
}

.dataTable ~ .ui-widget-header {
    border: none !important;
    background: transparent;
    background-image: none;
    color: #000000;
}

.dataTable a:not(.toggleTriggerGlobal),
.dataTable .ui-state-default:not(.toggleTriggerGlobal),
.dataTable .ui-button:not(.toggleTriggerGlobal),
.dataTable .ui-button:not(.toggleTriggerGlobal) .ui-widget-content .ui-state-default,
.dataTable .ui-button:not(.toggleTriggerGlobal) .ui-widget-header .ui-state-default {
    color: #9900ff;
    border: none !important;
    background: transparent;
    transition: color 0.3s ease-in-out;
}

    .dataTable a:not(.toggleTriggerGlobal):hover,
    .dataTable .ui-state-hover:not(.toggleTriggerGlobal),
    .dataTable .ui-widget-content .ui-state-hover:not(.toggleTriggerGlobal),
    .dataTable .ui-widget-header .ui-state-hover:not(.toggleTriggerGlobal) {
        color: #000000;
        background: transparent;
    }

    .dataTable a:not(.toggleTriggerGlobal):focus,
    .dataTable .ui-button:not(.toggleTriggerGlobal):focus,
    .dataTable .data-popup.ui-button:focus,
    .dataTable .data-popup.ui-button:focus:before,
    .dataTable .ui-popup.ui-button:focus,
    .dataTable .ui-button.ui-state-focus,
    .dataTable .ui-button.ui-state-focus:before,
    .dataTable .ui-widget-content .ui-state-focus,
    .dataTable .ui-widget-header .ui-state-focus,
    .dataTable a:not(.toggleTriggerGlobal):active,
    .dataTable .ui-button:not(.toggleTriggerGlobal):active,
    .dataTable .ui-button:not(.toggleTriggerGlobal).ui-state-active,
    .dataTable .ui-button.ui-state-active:before,
    .dataTable .ui-widget-content .ui-state-active,
    .dataTable .ui-widget-header .ui-state-active,
    .dataTable a:not(.toggleTriggerGlobal):active:before,
    .dataTable .ui-widget-content .ui-state-focus:before,
    .dataTable .ui-widget-header .ui-state-focus:before,
    .dataTable .ui-widget-content .ui-state-active:before,
    .dataTable .ui-widget-header .ui-state-active:before {
        color: #000000;
        background: transparent;
    }

.dataTable .data-address-scrub-div .ui-button {
    background: #9900ff;
    color: #ffffff;
    border: 1px solid #9900ff !important;
}

    .dataTable .data-address-scrub-div .ui-button.ui-state-hover, .dataTable .data-address-scrub-div .ui-button:hover {
        background: #ffffff;
        color: #9900ff;
        border: 1px solid #9900ff !important;
    }

    .dataTable .data-address-scrub-div .ui-button.ui-state-focus,
    .dataTable .data-address-scrub-div .ui-button.ui-state-active {
        background: #000000;
        color: #ffffff;
        border: 1px solid #000000 !important;
    }

        .dataTable .data-address-scrub-div .ui-button.ui-state-focus:before,
        .dataTable .data-address-scrub-div .ui-button.ui-state-active:before {
            color: #ffffff;
        }

.tblDefault .ui-button {
    background: transparent;
    border: none;
    color: #9900ff;
}

    .tblDefault .ui-button:hover {
        color: #000000;
    }

    .tblDefault .ui-button:focus,
    .tblDefault .ui-button.ui-state-active,
    .tblDefault .ui-button:focus:before,
    .tblDefault .ui-button.ui-state-active:before {
        color: #000000 !important;
        border: none !important;
    }

    .tblDefault .ui-button .ui-button-text {
        font-weight: 600;
    }

.ui-dialog .ui-dialog-titlebar-close {
    background: transparent;
    border: none;
    margin-top: -10px;
}

.dataTable th.ui-state-default {
    background: #cccccc !important;
    color: #000000 !important;
    border-left: 2px solid #ffffff !important;
    border-right: 2px solid #ffffff !important;
}

table[data-parentpage="PolicyContainer"].dataTable td {
    word-break: break-word;
}


table[data-parentpage="PolicyContainer"].dataTable td a,
table[data-parentpage="PolicyContainer"].display td [data-field*=Date],
table[data-parentpage="PolicyContainer"].display td [data-field*=date] {
    word-break: normal;
}

.ui-icon.ui-icon-triangle-1-s,
.ui-icon.ui-icon-triangle-1-n,
.ui-icon.ui-icon-caret-2-n-s,
.ui-icon.ui-icon-closethick {
    background: none !important;
    text-indent: unset;
    overflow: visible;
}

.ui-icon-triangle-1-s::after,
.ui-icon-triangle-1-n::after,
.ui-icon-caret-2-n-s::after,
.ui-icon-closethick::after {
    font: normal normal normal 12px/1 FontAwesome;
    color: #000000;
}

.ui-icon-triangle-1-s::after {
    color: #000000;
    opacity: 0.5;
}

.ui-icon-closethick::after {
    color: #ffffff;
}

.ui-icon-triangle-1-s::after,
.ui-icon-triangle-1-n::after {
    content: '\f0d7';
}

.ui-icon-caret-2-n-s::after {
    content: '\f0d8';
}

.ui-icon-closethick::after {
    content: '\f00d';
}

.ui-state-default:hover .ui-icon-triangle-1-s::after,
.ui-state-default:hover .ui-icon-triangle-1-n::after,
.ui-state-default:hover .ui-icon-caret-2-n-s::after {
    color: #000000 !important;
    opacity: 0.5;
}

.ui-dialog-titlebar-close:hover .ui-icon-closethick::after {
    opacity: 0.5;
}



.ui-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        font-weight: 600;
        margin-left: 0;
        margin-right: -.3em;
        background: transparent;
        color: #9900ff;
        border: none;
    }

        .ui-buttonset .ui-button:not(.ui-state-disabled):hover {
            margin-left: 0;
            margin-right: -.3em;
            background: transparent;
            color: #000000;
            border: none;
        }



.ui-datepicker {
    border: none;
    box-shadow: none;
    background: #ffffff;
}

    .ui-datepicker .ui-datepicker-header {
        border: none;
        border-bottom: 1px solid #cccccc;
        border-radius: 0;
    }

    .ui-datepicker .ui-state-default {
        background: transparent;
        border-color: transparent;
        color: #9900ff;
    }

    .ui-datepicker .ui-state-hover {
        border-color: #9900ff;
        color: #ffffff;
        background: #9900ff;
        font-weight: 600;
        text-shadow: none;
    }

    .ui-datepicker .ui-state-active {
        background: #000000;
        border-color: #000000;
        color: #ffffff !important;
        font-weight: 600;
        text-shadow: none;
    }

    .ui-datepicker .ui-datepicker-prev.ui-state-hover,
    .ui-datepicker .ui-datepicker-next.ui-state-hover {
        background: transparent;
        border: none;
    }


.fg-menu-container {
    background: #f2f2f2;
}

.fg-menu-open {
    color: #ffffff !important;
    background: #000000 !important;
    border: 1px solid #000000 !important;
}

.fg-menu a {
    color: #000000;
    transition: background-color 0.3s ease-in-out;
}

.fg-menu .ui-state-hover {
    border-color: transparent;
    color: #000000 !important;
    background: #cccccc;
    font-weight: normal !important;
}

.fg-menu .disabled {
    color: rgba(0, 0, 0, 0.5) !important;
    cursor: default;
}

.fg-menu-container.fg-menu-ipod .fg-menu-content,
.fg-menu-container.fg-menu-ipod .fg-menu-content ul {
    background: #ffffff !important;
}

.fg-menu li {
    border-bottom: 1px solid #cccccc;
    background-color: #f2f2f2;
    transition: background-color 0.3s ease-in-out;
    font-size: 16px;
    line-height: 20px;
}

.fg-menu a:link i {
    color: #000000;
}

.fg-menu a:link:hover i {
    color: #ffffff;
}

.fg-menu span {
    opacity: 0.5;
}

.fg-button-header {
    border-radius: 0px !important;
}

    .fg-button-header:hover {
        color: #9900ff;
        background: #ffffff;
        border: 1px solid #9900ff !important;
    }

.ui-autocomplete {
    background: #ffffff;
}

.ui-autocomplete .ui-menu-item {
    color: #000000;
}

    .ui-autocomplete.ui-widget-content .ui-state-focus, .ui-autocomplete.ui-widget-header .ui-state-focus, .ui-autocomplete .ui-state-focus,
    .ui-autocomplete.ui-widget-content .ui-state-active, .ui-autocomplete.ui-widget-header .ui-autocomplete .ui-state-active {
        outline: none;
        color: #ffffff;
        border: none;
        background: #000000;
        box-shadow: none;
        font-weight: 600;
    }

#actionBtnWrapper {
    text-align: right;
}

    #actionBtnWrapper a {
        border: 0px;
        margin: 0 0 0 -5px;
    }

.editor-label,
.ui-editor-prompt label {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}

.ui-editor-prompt,
.elementWrapper {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}

.ui-editor-header-top {
    color: #000000;
    font-size: 12px;
}

.ui-display-prompt {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}

.ui-display-label {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}

.ui-editor-label {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}

.ui-display-right {
    font-size: 16px;
    font-weight: normal;
}

.ui-display-left {
    font-size: 16px;
    font-weight: normal;
}

.logon-label {
    font-size: 16px;
    font-weight: normal;
    color: #808080;
}

.editor-field {
    color: #000000;
}

div.ui-container {
    background: #FFFFFF;
}

div.ui-block  {
    background: #FFFFFF;
    border: 1px solid #999;
    box-shadow: #666 0 2px 3px;
}

div.ui-container-msg {
    background: #f1f1f1;
    border: 1px solid #999;
    box-shadow: #666 0 2px 3px;
}

.ui-table {
    border: 0px solid #D1D4D3;
}

.ui-tableInfo td, .ui-forms {
    font-size: 16px;
}

.dtGVTable td, .dtGVTable th, .dtClaim td, .dtClaim th {
    font-size: 16px;
}

.ui-fieldset {
    background-color: #eee;
}

.file_input_button {
    background-color: #33BB00;
    color: #FFFFFF;
}



#ui-container_top {
    background: #FFFFFF;
}


select {
    background-image: linear-gradient(45deg, transparent 50%, #000000 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 #000000;
    color: #000000;
}

    select:focus::-ms-value {
        background: none;
        color: #000000;
    }

table.display td select {
    background-image: linear-gradient(45deg, transparent 50%, #000000 50%), linear-gradient(135deg, #000000  50%, transparent 50%);
    border-bottom: 1px solid #000000;
    color: #000000;
}

.select2-dropdown {
    background-color: #ffffff;
    color: #000000;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #000000;
    color: #ffffff;
}

.select2-container .select2-selection {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #000000;
    border-radius: 0;
}

    .select2-container .select2-selection .select2-selection__arrow b {
        border-color: #000000 transparent transparent transparent;
        border-width: 5px 5px 0 5px;
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    display: none;
    border-color: transparent transparent #4f4f4f transparent;
    border-width: 0 5px 5px 5px;
}

.select2-selection:focus {
    border-bottom: 1px solid #000000;
    outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000000;
}

[id^="div_popup_PolicyEntity_Create"] p {
    background: #222;
}

#ui-accordion-accordion-header-6 a {
    border-bottom: none;
}

#div_EmptyList_Photography_Create table tr {
    border: none !important;
}

    #div_EmptyList_Photography_Create table tr td {
        border: none !important;
    }

#div_EmptyList_Driver_Create p.saveCancelButton {
    background: transparent !important;
}

#div_EmptyList_Vehicle_Create p.saveCancelButton {
    background: transparent !important;
}


hr,
.hairline {
    background: #D1D4D3;
}

.ui_tblHeader {
    background: #cccccc !important;
    color: #000000 !important;
}

.tblDefault {
    color: #000000;
    border: 1px solid #D1D4D3;
}

    .tblDefault tr {
        border: 1px solid #D1D4D3;
    }

    .tblDefault td {
        color: #000000;
    }

.headerInfoWrapper {
    background: #ffffff;
    border-bottom: 1px solid #000000;
}

#_QuoteInfo,
#_PolicyInfo,
#_BillingInfo {
    background: #ffffff;
}

.ui-tabs-anchor {
    color: #000000 !important;
    text-transform: uppercase;
    font-size: 16px;
}


#uploaded_files,
#uploaded_files_alone,
[id^="uploaded_files"] {
    border-bottom: solid 1px #989B9E;
    font-weight: 600;
}

.uploaded_files,
.uploaded_files_alone {
    border: solid 1px #989B9E;
}

.btn-success:active:hover {
    color: #ffffff;
}

.btn-success:active {
    color: #ffffff;
    background: #000000;
    border-color: transparent !important;
}

.btn-success:focus {
    color: #ffffff;
    background: #000000;
    border-color: transparent !important;
}

.btn:active {
    box-shadow: none !important;
}

.TDseparater {
    background: #ffffff !important;
    border-left: none !important;
}


.drc-search-autocomplete-match {
    font-weight: 600;
    color: #9900ff;
}

.drc-search-autocomplete-row {
    border-bottom: 1px solid #cccccc;
}

.drc-search-autocomplete-row-mouseover {
    background: #cccccc;
}

    .drc-search-autocomplete-row-mouseover a {
        color: #000000 !important;
    }

#tblSearchResults {
    background-color: #f2f2f2;
    color: #000000;
    border: none;
}

    #tblSearchResults b {
        color: #000000;
        font-family: 'Roboto', Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: normal;
        padding-left: 10px;
    }



.data-address-scrub-inner-div {
    border: none !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}

#enteredAddressBlock {
    background: #E79900;
}

#validatedAddressBlock {
    background: #83c450;
}

.data-address-scrub-div-item {
    color: #242424 !important;
}

    .data-address-scrub-div-item h5 {
        color: #FFF;
    }

#validatedAddressRecommended {
    color: #FFF;
}

.ui-state-error .data-address-scrub-div-item a,
.ui-state-error .data-address-scrub-div-item a:focus,
.ui-state-error .data-address-scrub-div-item a:active {
    color: #FFF;
}

.data-address-scrub-div-item a:hover {
    color: #9900ff;
}



.premium-not-current {
    color: #808080;
}

html >  body #Previous::before,
html >  body #PreviousInfoBtn::before {
    font-family: FontAwesome;
}

html >  body #Next:hover,
html >  body #NextInfoBtn:hover {
    background: transparent;
}

#Next {
    color: #9900ff;
}

    #Next:hover {
        color: #000000;
    }

.nextLink a {
    color: #9900ff;
}

    .nextLink a:hover {
        color: #000000;
    }

.nextLink i {
    border: 2px solid #9900ff;
    border-top-color: transparent;
    border-left-color: transparent;
}

    .nextLink i:after {
        border: 1px solid #9900ff;
        border-top-color: transparent;
        border-left-color: transparent;
    }

    .nextLink i:hover,
    .nextLink i:hover:after {
        border-color: #000000;
        border-top-color: transparent;
        border-left-color: transparent;
    }

.previousLink a {
    color: #9900ff;
}

    .previousLink a:hover {
        color: #000000;
    }

.previousLink i {
    border: 2px solid #9900ff;
    border-top-color: transparent;
    border-left-color: transparent;
}

    .previousLink i:after {
        border: 1px solid #9900ff;
        border-top-color: transparent;
        border-left-color: transparent;
    }

    .previousLink i:hover,
    .previousLink i:hover:after {
        border-color: #000000;
        border-top-color: transparent;
        border-left-color: transparent;
    }

#Previous {
    color: #9900ff;
}

    #Previous:hover {
        color: #000000;
    }

div > input[type="radio"], input[type="radio"] {
    -moz-border-bottom-colors: #000000;
}

    input[type="radio"] ~ label:not(.hidden) {
        font-size: 16px;
        border: 1px solid #cccccc;
        background-color: #ffffff;
        color: #000000;
    }

    input[type="radio"] ~ label:hover {
        background: #cccccc;
        color: #000000;
    }

    input[type="radio"]:focus + label {
        border: 1px solid #000000;
    }

    input[type="radio"]:checked + label {
        background: #000000;
        color: #ffffff;
    }

        input[type="radio"]:checked + label:before {
            color: #83c450;
        }

[type="radio"]:disabled + label {
    background: #000000;
    color: #A5ACAF;
}

.classicRadio input[type="radio"] + label {
    background: none;
    border: none;
    color: #000000;
}

    .classicRadio input[type="radio"] + label:before {
        font: normal normal normal 20px/1 FontAwesome;
        width: 20px;
        color: #000000;
        content: "\f1db";
    }

    .classicRadio input[type="radio"]:not(:checked) + label:hover:before {
        border-radius: 50%;
        box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.5), 0 0px 3px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.5), 0 0px 3px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.5), 0 0px 3px rgba(0, 0, 0, 0.5);
    }


.classicRadio input[type="radio"]:checked + label:before {
    content: "\f192"
}

.classicRadio input[type="radio"]:focus + label:before {
    outline: #000000 2px solid;
    border-radius: 50%/50%;
}

.classicRadio input[type="radio"]:disabled + label {
    opacity: 0.5;
    cursor: default;
}

.classicRadio .radioWrapperStack {
    white-space: pre;
    border: none;
}

div > input[type="radio"]:focus, input[type="radio"]:focus,
div > input[type="checkbox"]:focus, input[type="checkbox"]:focus,
td > input[type="checkbox"]:focus, input[type="checkbox"]:focus {
    outline: 1px solid #000000 !important;
}

html >  body .tooltipBody {
    border: 5px solid #000000;
    color: #000000;
    background: #ffffff;
}

    .tooltipBody:before {
        border-color: rgba(0, 0, 0, 0) #000000;
    }

    .tooltipBody:after {
        color: #FFF;
        border-color: rgba(0, 0, 0, 0) #ffffff;
    }

html >  body .tooltip {
    background-color: #000;
    border: 1px solid #FFFFFF;
    color: #fff;
    font-size: 12px;
    
    box-shadow: 0 0 10px #000;
}

html > /**/ body .tooltipImg {
    color: #000000;
}

.quotenametooltip {
    background-color: #000000;
}

html > /**/ body .quotenametooltip .fa-flag {
    color: #ffffff;
    font-size: 13px;
}


html >  body .labelTooltipBody {
    background: #ffffff;
    color: #000000;
    font-size: 12px;
}

    .labelTooltipBody:after {
        border-color: #000000 transparent;
    }

.quote-save-complete {
    font-size: 1.5em;
}


.TaskRead {
    font-weight: normal;
}

.TaskUnRead {
    font-weight: 600;
}

.PriorityHigh {
    color: #ba0101;
}

.premium-total {
    font-size: 1.8em;
    color: #008000;
}

.datatablerowhighlight {
    background-color: #ECFFB3 !important;
}

.ui-active-element {
    border-color: #000000;
}




.valboxDiv {
    font-size: 13px;
}

.valbox_top, .valbox_bottom {
    background: transparent;
    font-size: 1px;
}

.valbox_b2, .valbox_b3, .valbox_b4 {
    background: #FBFFC6;
    border-left: 1px solid #FF8D4C;
    border-right: 1px solid #FF8D4C;
}

.valbox_b1 {
    background: #FF8D4C;
}

.valbox_boxcontent {
    background: #FBFFC6;
    border: 0 solid #FF8D4C;
}

.gen-text-weight-thick {
    color: #000000 !important;
    font-size: 18px !important;
    font-weight: 500;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

    .gen-text-weight-thick label {
        color: #000000 !important;
        font-size: 18px !important;
        font-weight: 500;
        font-family: 'Roboto', Helvetica, Arial, sans-serif;
    }

#structureNote {
    font-style: italic;
    font-weight: normal;
}

b {
    color: #000000;
}


#thankyou-container1 {
    background-color: #ffffff;
    border: solid 1px #e4e5e5;
}

#thankyou_container2 {
    background-color: #ffffff;
    border: solid 1px #e4e5e5;
}

#policy-quoteID {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
}

#thankyouH1 {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 36px;
    color: #000000;
    font-weight: 300;
}

#topRightSec {
    background-color: #f2f2f2;
}

#totalDue {
    color: #000000;
    font-weight: 600;
    font-size: 18px;
}

#amountPaid {
    font-size: 18px;
    font-weight: 600;
    padding-top: 5px;
}

#midRightSec {
    background-color: #ffffff;
    font-size: 24px;
    color: #000000;
}

#bottomRightSec {
    background-color: #f2f2f2;
    color: #000000;
}

    html >  body #bottomRightSec .ui-display-report {
        font-size: 12px;
    }

    html >  body #bottomRightSec #ui-Premium-row8 .ui-display-label {
        font-size: 20px !important;
    }




html >  body #quoteRecallWrapper {
    border: solid 1px #CECECE;
    background-color: #EAF2D1;
}

#retrieveQuote {
}

.stepTitle {
    color: #000000;
    font-weight: 600;
}

.stepLine,
.stepLineProfile,
.profileStepLine {
    border-top: 1px solid #000000;
}


#crumbs ul li a {
    font-size: 16px;
    color: #000000;
    border: 1px solid #cccccc !important;
    background: #ffffff;
}

    #crumbs ul li a:after {
        border-left: 20px solid #cccccc;
        display: none;
    }

    #crumbs ul li a:before {
        border-left: 20px solid #cccccc;
        display: none;
    }

#crumbs ul li:first-child a {
}

    #crumbs ul li:first-child a:before {
        display: none;
    }

#crumbs ul li:last-child a {
}

    #crumbs ul li:last-child a:after {
        display: none;
    }

#crumbs ul li a.complete {
    background: #000000;
    color: #ffffff;
    border: none !important;
}

    #crumbs ul li a.complete:after {
        display: none;
        border-left-color: #000000;
    }

.crumbsEditProfile ul li a {
    font-size: 16px;
    color: #000000;
    border: 1px solid #cccccc !important;
    background: #000000 !important;
}


#pageOptionsWrapper label {
    font-weight: 600;
}

#effDateBlock {
    font-size: 14px;
}

#beautifyPremiumBlock table {
    border: none;
}

.reportOutterWrapper {
    background-color: #ffffff;
    color: #000000;
}

.reportOutterWrapper .editor-field {
    color: #000000;
}

.reportOutterWrapperUWAlert {
    background-color: #ffffff;
}

.reportTblWrapper {
    background-color: #ffffff;
}

.reportHeader {
    text-transform: lowercase;
    font-variant: small-caps;
}

#beautifyPremiumBlock .reportTblWrapper tr,
#reportTableBottom tr {
    border: none;
    border-bottom: 1px solid #f2f2f2;
}

.report_ui_tblHeader_fistCol_UWAlert {
    line-height: 13px;
    background: #f2f2f2;
}

#beautifyPremiumBlock .tblDefault tbody {
    background: #FFFFFF;
}

#beautifyPremiumBlock .tblDefault th {
    font-size: 14px;
    font-weight: 600;
    background: #f2f2f2;
    color: #000000;
    border-left: 2px solid #ffffff;
}

#beautifyPremiumBlock .tblDefault .ui_tblHeader,
.reportTblWrapper .ui_tblHeader {
    background: #cccccc;
    color: #000000;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
}

#beautifyPremiumBlock .report_ui_tblHeader_fistCol {
    background: #cccccc;
    color: #000000;
    font-weight: 600;
    border-bottom: 1px solid #f2f2f2;
}

#beautifyPremiumBlock .report_ui_tblHeader_fistCol_Center {
    border-bottom: 1px solid #f2f2f2;
}

.reportTblWrapper .tblDefault td {
    font-weight: normal;
    font-size: 14px;
    background: #ffffff;
    color: #000000;
    border-left: 2px solid #ffffff;
    border-right: none;
}

.report_ui_tblHeader_fistCol_indent {
    font-style: italic;
}

.reportTblWrapper th,
.reportOutterWrapper td {
    border-left: 2px solid #ffffff !important;
}

.reportDescription {
    line-height: 13px;
    font-weight: normal;
    font-size: 11px;
}

.discounts span {
    font-size: 12px !important;
}

.trAccent,
.trAccent td,
.tdAccent,
.totalPremium-tr-accent,
.totalPremium-td-accent,
.totalPremium-tr-accent td {
    background-color: #ffffff !important;
    color: #000000 !important;
}

    .totalPremium-tr-accent td {
        border-bottom: none !important;
        border-right: none !important;
    }

    .totalPremium-tr-accent .reportDescription {
        font-size: 14px;
        font-weight: 600;
    }

#reportNote {
    font-size: 11px;
}


.pure-form-aligned .pure-control-group label {
    font-weight: 600 !important;
}


.toggleTrigger .toggleUp::before {
    color: #000000;
}

.toggleTrigger [class^="toggleDown"]::before {
    color: #000000;
}

.toggleTrigger:hover [class^="toggleDown"]::before {
    color: #000000;
}

.toggleTriggerWrapper {
    background: #ffffff;
    color: #000000;
    border: 1px solid #cccccc;
    transition: background-color 0.3s ease-in-out;
}

    .toggleTriggerWrapper:hover {
        background: #cccccc;
        border: 1px solid #cccccc;
    }

.toggleTrigger {
    color: #000000 !important;
    font-size: 16px !important;
}

    .toggleTriggerWrapper:hover .toggleTrigger,
    .toggleTrigger:hover {
        color: #000000 !important;
    }

    .toggleTrigger .ui-requiredBlock {
        border-bottom: 4px solid #CC3333;
    }




.saveChartButton.x-btn-default-small {
    background-color: transparent;
    background-image: none;
    border: none;
}

.x-panel-header-default-framed-top {
    background-color: #cccccc !important;
    border: none !important;
    background-image: none !important;
}

.x-panel-header-title-default-framed {
    color: #000000 !important;
    font-size: 18px !important;
    font-weight: normal !important;
    font-family: 'Roboto', Helvetica, Arial, sans-serif !important;
    line-height: 18px !important;
    text-align: center !important;
}

.x-grid-header-ct {
    background: transparent;
    background-color: transparent;
}

.x-column-header {
    font: normal 11px/13px 'Open Sans', Helvetica, Arial, sans-serif;
    background-color: #ffffff;
    background-image: none;
    color: #000000;
}

.x-btn-pressed {
    background: none !important;
}

#dashboardProduction-body .x-panel-default-framed,
.x-fieldset-default {
    border-color: #D1D4D3;
}

#fieldsetPanel-legend {
    background-color: #cccccc;
    border: 1px solid #cccccc;
}

#fieldsetPanel-legendTitle {
    color: #000000;
}

.Update,
.viewAllTaskButton {
    background-image: none;
    border: 1px solid #9900ff;
    background-color: #9900ff;
    transition: background-color 0.3s ease-in-out;
}

    .Update:hover,
    .viewAllTaskButton:hover {
        background-color: #ffffff;
        border: 1px solid #9900ff;
        color: #9900ff;
        background-image: none;
    }

    .Update.x-btn-focus,
    .Update.x-btn-pressed,
    .Update.x-btn-pressed:active,
    .viewAllTaskButton.x-btn-focus,
    .viewAllTaskButton.x-btn-pressed,
    .viewAllTaskButton.x-btn-pressed:active {
        background-color: #000000;
        border: 1px solid #000000;
        background-image: none !important;
    }

    .Update .x-btn-wrap.x-btn-wrap-default-small span,
    .viewAllTaskButton .x-btn-wrap.x-btn-wrap-default-small span {
        font-weight: 600;
        color: #ffffff;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
    }

    .Update:hover .x-btn-wrap.x-btn-wrap-default-small span,
    .viewAllTaskButton:hover .x-btn-wrap.x-btn-wrap-default-small span {
        color: #9900ff;
    }

    .Update:active .x-btn-wrap.x-btn-wrap-default-small span,
    .viewAllTaskButton:active .x-btn-wrap.x-btn-wrap-default-small span,
    .x-btn-wrap-default-small.x-btn-pressed {
        color: #ffffff;
    }

    .Update.x-btn-focus .x-btn-wrap-default-small span,
    .Update.x-btn-pressed .x-btn-wrap-default-small span {
        color: #ffffff;
        background: #000000 !important;
        border-radius: 0;
    }

    .Update.x-btn-focus:hover .x-btn-wrap-default-small span,
    .Update.x-btn-pressed:hover .x-btn-wrap-default-small span {
        color: #9900ff;
        background-color: #ffffff;
    }


#DateFrom-trigger-picker {
    background-image: none !important;
}

#DateTo-trigger-picker {
    background-image: none !important;
}


    #DateFrom-trigger-picker::after,
    #DateTo-trigger-picker::after {
        color: #9900ff;
    }

    #DateFrom-trigger-picker:hover::after,
    #DateTo-trigger-picker:hover::after {
        color: #000000;
    }

#DateFrom-inputWrap,
#DateTo-inputWrap {
    border-color: transparent;
}

#DateFrom-inputEl, #DateTo-inputEl {
    border: 1px solid #000000;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}


.x-btn-inner-default-small {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}


.x-toolbar-default.orderT.ui-bCrumbs li a {
    background-color: #FFFFFF;
}

.x-fieldset-header-default > .x-fieldset-header-text {
    font-size: 18px;
    color: #000000;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

.x-panel-header-title-default-framed > .x-title-text-default-framed {
    font-family: 'Roboto', Helvetica, Arial, sans-serif !important;
}

.x-form-cb-label-default,
.x-form-item-label-default {
    color: #000000 !important;
}

.HideDashBoard, .LoadMoreDashboard {
    background-color: #ffffff;
}

    .HideDashBoard span, .LoadMoreDashboard span {
        font-weight: normal;
        color: #9900ff;
    }

    .HideDashBoard:hover span,
    .LoadMoreDashboard:hover span {
        color: #000000;
    }

    .HideDashBoard:active span,
    .LoadMoreDashboard:active span {
        color: #000000;
    }

    .HideDashBoard span:after {
        border-top: 13px solid #9900ff;
    }

    .LoadMoreDashboard span:after {
        border-bottom: 13px solid #9900ff;
    }

    .HideDashBoard:hover span:after {
        border-top: 13px solid #000000;
    }

    .LoadMoreDashboard:hover span:after {
        border-bottom: 13px solid #000000;
    }

    .HideDashBoard:active span:after {
        border-top: 13px solid #000000;
    }

    .LoadMoreDashboard:active span:after {
        border-bottom: 13px solid #000000;
    }

.OrderButton {
    background-color: #9900ff;
    color: #ffffff;
}

.AscendingButton, .DescendingButton {
    background-color: #9900ff !important;
}

    .AscendingButton .x-btn-inner-default-toolbar-small,
    .DescendingButton .x-btn-inner-default-toolbar-small {
        color: #ffffff;
    }

    .AscendingButton:hover, .DescendingButton:hover {
        background-color: #ffffff !important;
        background-image: none !important;
        border: 1px solid #9900ff;
    }

        .AscendingButton:hover .x-btn-inner-default-toolbar-small,
        .DescendingButton:hover .x-btn-inner-default-toolbar-small,
        .AscendingButton.x-btn-focus:hover .x-btn-inner-default-toolbar-small,
        .DescendingButton.x-btn-focus:hover .x-btn-inner-default-toolbar-small,
        .AscendingButton.x-btn-pressed:hover .x-btn-inner-default-toolbar-small,
        .DescendingButton.x-btn-pressed:hover .x-btn-inner-default-toolbar-small {
            color: #9900ff;
        }

    .AscendingButton:focus, .DescendingButton:focus,
    .AscendingButton:active, .DescendingButton:active {
        background-color: #000000 !important;
        background-image: none !important;
        border: 1px solid #000000 !important;
    }

    .AscendingButton.x-btn-focus .x-btn-inner-default-toolbar-small,
    .DescendingButton.x-btn-focus .x-btn-inner-default-toolbar-small,
    .AscendingButton.x-btn-pressed .x-btn-inner-default-toolbar-small,
    .DescendingButton.x-btn-pressed .x-btn-inner-default-toolbar-small {
        color: #ffffff;
    }

    .AscendingButton .x-btn-button:after,
    .AscendingButton:focus .x-btn-button:after,
    .AscendingButton:active .x-btn-button:after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #ffffff;
    }

    .AscendingButton:hover .x-btn-button:after {
        border-bottom: 5px solid #9900ff;
    }

    .DescendingButton .x-btn-button:after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #FFFFFF;
    }

    .DescendingButton:hover .x-btn-button:after {
        border-top: 5px solid #9900ff;
    }

input.x-form-text-toolbar {
    color: #000000 !important;
}




.countingWrapper {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    text-align: center;
    background: #000000;
    color: #ffffff;
}

#dashboardWrapper .toggleContents {
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-top: none;
}

.toggleUp + .countingWrapper {
    background: #f1f1f1;
    color: #000000;
}

.toggleTrigger:hover .toggleUp + .countingWrapper {
    background: #ffffff;
    color: #000000;
}


.ui-bCrumbs,
.ui-bCrumbs-quote {
    border: none !important;
}

    .ui-bCrumbs li a:link {
        font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
        font-weight: 600;
        display: inline-block;
    }

    .ui-bCrumbs-quote li a:link {
        margin-right: -30px;
        font-weight: 600;
        background: transparent;
    }

        .ui-bCrumbs-quote li a:link:before {
            content: none;
        }

        .ui-bCrumbs-quote li a:link:after {
            content: none;
        }

    .ui-bCrumbs li a.complete {
        background: #000000 !important;
        color: #ffffff !important;
    }

    .ui-bCrumbs li > i.fa {
        margin: 0px 5px;
        position: relative;
        right: 2px;
        color: #9900ff;
    }

    .ui-bCrumbs li a:hover + .fa {
        color: #000000 !important;
    }

    .ui-bCrumbs li a:link, .ui-bCrumbs li a:visited, .ui-bCrumbs-quote li a:link, .ui-bCrumbs-quote a:visited {
        color: #9900ff;
    }

    .ui-bCrumbs li a:hover,
    .ui-bCrumbs-quote li a:hover {
        color: #000000;
    }

    .ui-bCrumbs li a:focus,
    .ui-bCrumbs-quote li a:focus {
        color: #000000;
    }

.bCrumbLast {
    color: #000000 !important;
}



#btnMailQuote.ui-state-active {
    background: transparent;
    border: none;
}

#emailBtn.ui-button-active {
    border: none !important;
    background: none !important;
}

#emailBtn i {
    font-size: 27px;
}

#emailDisabledBtn {
    color: #9900ff;
    opacity: 0.3;
}

#emailBtn.fg-menu-open {
    color: #000000 !important;
}

#emailBackDrop.ui-dialog,
.backdrop {
    background: rgba(255, 255, 255, 0.95) !important;
    background-image: none !important;
}

div[id^="_progress"] {
    background: rgba(38, 43, 51, .35) !important;
    background-image: none !important;
}

#emailModalHeader {
    color: #000000;
}

#emailCloseWrapper #emailCloseLink {
    color: #9900ff;
}

#emailCloseLink:hover {
    color: #000000 !important;
}

.emailLabel {
    font-size: 16px;
    font-weight: 600;
}

.emailInput {
    color: #000000;
    background-image: none !important;
    background-color: transparent;
    border-bottom-color: #000000 !important;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
}

.emailTextArea {
    background-color: transparent;
    border-bottom-color: #000000 !important;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
    color: #000000;
    background-image: none !important;
    box-shadow: none !important;
    font-family: inherit;
    font-size: inherit;
}

.emailInput:focus {
    border-bottom-color: #000000 !important;
}

#emailSendBtn {
    background: #9900ff;
    border: 1px solid #9900ff;
}

#emailSendIcon {
    color: #ffffff;
}

#emailAttachBtn {
    background: #9900ff;
    border: 1px solid #9900ff;
}

#emailAttachIcon {
    color: #ffffff;
}

#emailSendBtn:hover,
#emailAttachBtn:hover {
    background: #ffffff;
    border: 1px solid #9900ff;
    color: #9900ff;
}

    #emailSendBtn:hover #emailSendIcon,
    #emailAttachBtn:hover #emailAttachIcon {
        color: #9900ff;
    }



#documentBackDrop {
    background: rgba(255, 255, 255, 0.95) !important;
}

#documentModalHeader {
    color: #000000;
}

#documentModalInputContainer .dataTable th.ui-state-default,
#documentModalInputContainer .dataTable td {
    border-left: 2px solid #f2f2f2 !important;
    border-right: 2px solid #f2f2f2 !important;
}

#documentCloseWrapper #documentCloseLink {
    color: #9900ff;
}

#documentModalInputContainer .dataTables_filter,
#documentModalInputContainer .dataTables_length {
    color: #000000;
    font-weight: normal;
}

    #documentModalInputContainer .dataTables_filter input {
        color: #000000;
    }

    #documentModalInputContainer .dataTables_length select {
        color: #000000;
    }

        #documentModalInputContainer .dataTables_length select option {
            color: #000000;
        }

.clearAttachButton {
    float: right;
}



#createQuoteNotes i,
#btnSaveQuoteOld i,
#btnSaveQuoteFunction i,
#quoteNotes i,
#quoteAmend,
#btnPrintQuote i,
#btnSavePolicyOld i,
#btnSavePolicyFunction i,
#createPolicyNotes i,
#policyNotes i,
#btnAmendPolicy i,
#btnPrintPolicy i,
[id^="btnAttachments_"] i {
    font-size: 24px;
}

#btnPolicyAction.ui-state-default .ui-icon-triangle-1-s::after,
#btnBillingFunction.ui-state-default .ui-icon-triangle-1-s::after,
#btnQuoteFunction.ui-state-default .ui-icon-triangle-1-s::after,
#btnPolicyFunction.ui-state-default .ui-icon-triangle-1-s::after {
    color: #ffffff !important;
    opacity: 1;
}

#btnPolicyAction.ui-state-default:hover .ui-icon-triangle-1-s::after,
#btnBillingFunction.ui-state-default:hover .ui-icon-triangle-1-s::after,
#btnQuoteFunction.ui-state-default:hover .ui-icon-triangle-1-s::after,
#btnPolicyFunction.ui-state-default:hover .ui-icon-triangle-1-s::after {
    color: #9900ff !important;
    opacity: 1;
}

#btnPrintQuote,
#btnPrintPolicy,
[id^="btnAttachments_"],
#btnSaveQuoteFunction,
#btnSavePolicyFunction {
    border: none !important;
    background: transparent !important;
}

    #btnPrintQuote.fg-menu-open,
    #btnPrintPolicy.fg-menu-open,
    [id^="btnAttachments_"].fg-menu-open,
    #btnSaveQuoteFunction.fg-menu-open,
    #btnSavePolicyFunction.fg-menu-open {
        color: #000000 !important;
    }

    #btnPrintQuote:hover,
    #btnPrintPolicy:hover,
    [id^="btnAttachments_"]:hover,
    #btnSaveQuoteFunction:hover,
    #btnSavePolicyFunction:hover {
        color: #000000;
    }

.billingPolicy i {
    color: #f2f2f2;
    font-size: 25px;
}

    .billingPolicy i.fa-file:before {
        margin-right: -23px;
        color: #9900ff;
    }

.billingPolicy:hover i.fa-file:before {
    margin-right: -23px;
    color: #000000;
}


.ui-editor-error {
    color: #CC3333;
}

.uwResultErrorWrapper {
    background: #ffffff;
}

.uwResultDtHeader {
    background: #cccccc;
    font-size: 16px;
    color: #000000;
    border-bottom: 3px solid #CC3333;
    font-weight: 600;
}

.uwResultDTHeaderPass {
    border-bottom: 3px solid #83c450;
}

dl.uwResultDL {
    background: #ffffff;
    color: #000000;
}

dt.uwResultDt {
    border-bottom: 1px solid #dedede;
}

    dt.uwResultDt:before {
        font-size: 30px;
        font-weight: 600;
        color: #C30;
    }

dt.uwResultDtPass:before {
    color: #83c450;
}


.uwResultTbl {
}

.uwResultDtHeaderTh {
    background: #cccccc;
    font-size: 16px;
    color: #000000;
    border-bottom: 3px solid #C30 !important;
    font-weight: 600;
}

.uwResultTd {
    border-bottom: 1px solid #A5ACAF;
    background: #ffffff;
    color: #000000;
}

span.UWResultListNum {
    font-size: 30px;
    font-weight: 600;
    color: #C30;
}



.ui-accordion .ui-accordion-header.ui-state-default {
    background: #ffffff;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    border: none;
    border-bottom: 1px solid #cccccc;
}

    .ui-accordion .ui-accordion-header.ui-state-default a {
        color: #000000;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
        font-weight: 600;
    }

.ui-accordion .ui-accordion-header-active,
.ui-accordion .ui-accordion-header-active.ui-state-hover,
.ui-accordion .ui-accordion-header.ui-state-active,
.ui-accordion .ui-accordion-header.ui-state-hover,
.ui-accordion .ui-accordion-header.ui-state-focus {
    border-bottom: 1px solid #cccccc;
    background: #000000;
}

    .ui-accordion .ui-accordion-header.ui-state-active a,
    .ui-accordion .ui-accordion-header.ui-state-hover a,
    .ui-accordion .ui-accordion-header.ui-state-focus a {
        color: #ffffff;
    }

.ui-accordion .ui-accordion-header a {
    color: #000000;
}

.ui-accordion .ui-accordion-header.ui-state-active a {
    color: #ffffff !important;
}

.ui-accordion .ui-accordion-header.ui-state-default a:hover {
    /*background: #009688 !important;
    color: #ffffff !important;*/
}

.ui-accordion .ui-accordion-content {
    background: transparent;
}



.ui-tabs .ui-tabs-nav li a {
    color: #000000 !important;
    font-weight: 600;
}

    .ui-tabs .ui-tabs-nav li a:hover {
        color: #000000 !important;
    }

.ui-tabs .ui-tabs-nav li.ui-state-active a {
    color: #ffffff !important;
}

.ui-tabs .ui-tabs-nav li.ui-state-default {
    border: none;
    border-bottom: 1px solid #cccccc;
    background: #ffffff;
}

.ui-tabs .ui-tabs-nav li.ui-state-hover {
    background: #cccccc;
}

.ui-tabs .ui-tabs-nav li.ui-state-active {
    border-bottom: 1px solid #FFFFFF;
    background: #000000;
}



.ui-tabs-panel .ui-tabs .ui-tabs-nav li.ui-state-default {
    background: #ffffff;
}



.tooltips .tooltipContents {
    color: #000000;
    background: #ffffff;
    border: 2px solid #000000;
    font-family: 'Open Sans', sans-serif, Arial !important;
    font-size: 13px;
    font-weight: normal;
    word-break: normal;
}

    .tooltips .tooltipContents:before, .x-tip-body-default:before {
        border-bottom: 12px solid #000000;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
    }

    .tooltips .tooltipContents:after, .x-tip-body-default:after {
        border-bottom: 8px solid #ffffff;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
    }

.tooltipsRight .tooltipContents:before, .x-tip-body-default:before {
    border-left: 12px solid #000000;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
}

.tooltipsRight .tooltipContents:after, .x-tip-body-default:after {
    border-left: 10px solid #ffffff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}


.x-tip-default {
    background-color: #ffffff !important;
    border: 2px solid #000000 !important;
}

.x-tip-body-default {
    color: #000000 !important;
}

.x-message-box .x-toolbar-footer {
    background: #9900ff !important;
}

.x-message-box .x-window-body {
    background: #ffffff !important;
}

.x-message-box .x-window-body-default {
    color: #000000 !important;
}

.x-message-box .x-window-header {
    background: #000000 !important;
    border-bottom: 3px solid #000000 !important;
}

    .x-message-box .x-window-header .x-title-text {
        color: #ffffff !important;
    }

.x-message-box .x-btn-default-small {
    background-image: none;
    background-color: #9900ff;
    border: 1px solid #9900ff;
}

.x-message-box .x-btn-inner-default-small {
    color: #ffffff !important;
    font-weight: 600;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.x-window-header-title-default {
    color: #333 !important;
}

.x-message-box .x-tool-close {
    background-color: transparent;
    background: none !important;
}

    .x-message-box .x-tool-close::after {
        font: normal normal normal 12px/1 FontAwesome;
        content: "\f00d";
        color: #ffffff;
    }

.x-message-box .x-window-item {
    background: #ffffff !important;
}

.x-message-box .x-toolbar-item:hover {
    background-color: #ffffff !important;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff!important;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
}

    .x-message-box .x-toolbar-item:hover .x-btn-inner-default-small {
        color: #9900ff !important;
    }

.x-message-box .x-window-default {
    background-color: #FFFFFF !important;
}



#unlicensed {
    display: none !important;
}


.meter > span {
    background: #9900ff;
    background: linear-gradient(to bottom, #9900ff 0%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9900ff', endColorstr='#000000',GradientType=0 );
}

    .meter > span:after,
    .animate > span > span {
        background-image: linear-gradient( -45deg, rgba(193, 102, 255, 1) 25%, transparent 25%, transparent 50%, rgba(193, 102, 255, 1) 50%, rgba(193, 102, 255, 1) 75%, transparent 75%, transparent );
    }



.multiCounter,
.dataTable .ui-state-default .multiCounter {
    border: none !important;
    background-color: #9900ff !important;
    color: #ffffff !important;
}

a:hover .multiCounter,
.dataTable .multiCounter.ui-button:hover {
    background-color: #000000 !important;
    color: #ffffff;
}



.formError {
    opacity: 1 !important;
}

    .formError .formErrorContent {
        background: #CC3333;
        border: 2px solid #CC3333;
        color: #fff;
        -o-box-shadow: none;
        box-shadow: none;
        padding: 10px;
        border-radius: 0px;
    }

    .formError .formErrorArrow div {
        -o-box-shadow: none;
        box-shadow: none;
        background: #CC3333;
        border-left: 2px solid #CC3333;
        border-right: 2px solid #CC3333;
    }

    .formError .formErrorArrow .line3 {
        border-left: 2px solid #CC3333;
        border-right: 2px solid #CC3333;
        border-bottom: 0 solid #CC3333;
    }

    .formError .formErrorArrow .line2 {
        background: #CC3333;
    }

    .formError .formErrorArrow .line1 {
        background: #CC3333;
    }



.agencyBillPremiumSummaryHeader {
    background-color: #000000;
}

.agencyBillPremiumSummaryLabel {
    color: #ffffff !important;
}

.premiumSummaryButtonWrapperColor {
    border: 1px solid #cccccc;
}

.premiumSummaryVal {
     color: #ffffff !important;
}



.toggleSwitchWrapper .toggleSwitchBar {
    text-indent: -9999px;
    background: #f2f2f2;
    border-radius: 100px;
}

.toggleSwitchRequiredInput .toggleSwitchWrapper .toggleSwitchBar {
    border-bottom: 3px solid #CC3333;
}

.toggleSwitchWrapper .toggleSwitchBar:after {
    background: #9900ff;
    border-radius: 90px;
    transition: 0.3s;
}

.toggleSwitchWrapper .toggleSwitchBar:hover:after {
    background: #000000;
}

.toggleSwitchWrapper input:checked ~ .toggleSwitchBar:after {
    background: #000000;
}

.toggleSwitchWrapper input:checked ~ .toggleSwitchBar:hover:after {
    background: #cccccc;
}

.toggleSwitchWrapper input:checked ~ .toggleSwitchBar {
    background: #000000;
}

.toggleSwitchWrapper input[disabled] ~ .toggleSwitchBar,
.toggleSwitchWrapper input[readonly="readonly"] ~ .toggleSwitchBar,
.toggleSwitchWrapper input[readonly] ~ .toggleSwitchBar {
    background: #f2f2f2;
    pointer-events: none;
}

    .toggleSwitchWrapper input[disabled] ~ .toggleSwitchBar:after,
    .toggleSwitchWrapper input[readonly="readonly"] ~ .toggleSwitchBar:after,
    .toggleSwitchWrapper input[readonly] ~ .toggleSwitchBar:after {
        background: #BBB;
        pointer-events: none;
    }



#univNoteContainer {
    background: transparent;
    color: #000000;
}

#univNoteContainer .ffb-arrow::after {
    color: #000000;
}

.univNoteWordCloudContainer {
    background: #f6f6f6;
}

.wordCloudText:hover {
    fill: #000000 !important;
}

.univNoteMainContainer {
    background: #ffffff;
}

.univNoteMainContainer .ui-editor-prompt {
    color: #000000;
}

.univNoteSerchBarWrapper {
    background: #ffffff;
    border: 1px solid #000000 !important;
}

input.univNoteSearchInput {
    color: #000000 !important;
    border: none !important;
}

input.univNoteSearchInput::-webkit-input-placeholder {
    color: #000000 !important;
}

#univNoteSearchBtn::before {
    font-size: 24px;
}

.univNoteSearchWithAttachmentLabel .fa-paperclip {
    color: #000000;
}

.univNoteSearchWithAttachmentLabel:hover .fa-paperclip {
    color: #f2f2f2;
}

#univNoteSearchWithAttachment {
    opacity: 0;
}

#SearchWithAttachment:checked ~ .univNoteSearchWithAttachmentLabel .fa-paperclip {
    color: #000000;
}

.univNoteBtn,
.linkBtn {
    background: #9900ff;
    border: 1px solid #9900ff;
    color: #ffffff;
    text-align: center;
}

    .univNoteBtn:hover,
    .linkBtn:hover {
        background: #ffffff;
        border: 1px solid #9900ff;
        color: #9900ff;
    }

    .univNoteBtn:focus,
    .univNoteBtn:active,
    .linkBtn:focus,
    .linkBtn:active {
        background: #000000;
        border: 1px solid #000000;
        color: #ffffff;
    }

    .univNoteBtn::before,
    .linkBtn::before {
        color: #ffffff;
    }

    .univNoteBtn:hover::before,
    .linkBtn:hover::before {
        color: #9900ff;
    }

    .univNoteBtn:focus::before,
    .univNoteBtn:active::before,
    .linkBtn:focus::before,
    .linkBtn:active::before {
        color: #9900ff;
    }


.roundBtn {
    border-radius: 50px;
}

.univNoteContentBody {
    border: 1px solid #000000;
    border-bottom: none;
}

.univNoteContentCarlendar {
    background: #000000;
    text-align: center;
    color: #ffffff;
}

.univNoteContentCarlendarMonth,
.univNoteContentCarlendarYer {
    font-size: 12px;
}

.univNoteContentCarlendarDate {
    font-size: 18px;
}

.univNoteContentTime {
    font-size: 11px;
    text-align: center;
    background: #000000;
    color: #f2f2f2;
}

.univNoteTag {
    background: #ffffff;
    color: #000000;
}

.univNoteContentBodyParentTagTrigger:hover {
    background-color: #f2f2f2;
}

.univNoteContentBodyParentTagTrigger::before {
    font-size: 10px;
}

.univNoteContentBodyTag {
    font-size: 10px;
}

.univNoteSubjectTag {
    font-size: 16px;
}

.univNoteEditorNoteSubjectInput,
.univNoteEditorNoteTagInput {
    border-bottom: 1px solid #000000;
}

.univNoteNewNoteReadMoreWrapper {
    text-align: center;
}


.univNoteContentFooter {
    background: #000000;
    color: #ffffff;
    text-align: right;
    font-size: 12px
}

div#univNoteCloseWrapper {
    text-align: right;
}

.univNoteTriggerIconIntable {
    font-size: 16px;
}

.noteLinkTooltip .fa {
    font-size: 24px;
}

.dataTable .noteLinkTooltip .fa {
    font-size: 22px;
}

.countingNoteNum {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}

.countingNotePlus::before {
    font-size: 8px;
}

#universalNoteHelpWrapper {
    background: #ffffff;
}

.readonlyTextarea {
    background: #f2f2f2;
    border-color: #f2f2f2;
}

    .readonlyTextarea:hover,
    .readonlyTextarea:focus {
        border-color: #f2f2f2 !important;
    }

.invisibleNoteTextarea {
    background: transparent;
    border: none;
    color: transparent;
}

    .invisibleNoteTextarea:hover,
    .invisibleNoteTextarea:focus,
    .invisibleNoteTextarea:active {
        border: none;
    }

#notEditorContainer {
    background: #ffffff;
    border: 1px solid #4d5376;
    border-bottom: 2px solid #CC3333; 
}



#flyOutBackDrop {
    background: #f2f2f2 !important;
    color: #000000 !important;
}

    #flyOutBackDrop .status_spinner {
        font-size: 6px;
    }

#flyOutWrapper .ui-display-label {
    color: #000000;
}



.onpage.bucketBtnWrapper {
    text-align: left;
}

    .onpage.bucketBtnWrapper div:focus {
        outline: none;
    }

.onpage .btn.bucketBtn {
    font-weight: 600;
    border: none;
    outline: none;
}

    .onpage .btn.bucketBtn .btnVal {
        font-size: 36px;
        font-weight: 300;
        line-height: 44px;
    }

    .onpage .btn.bucketBtn .btnText {
        font-size: 13px;
    }

    .onpage .btn.bucketBtn .btnSubText {
        font-size: 13px;
    }


    .onpage .btn.bucketBtn:disabled {
        opacity: 0.5;
    }

    .onpage .btn.bucketBtn.bucketErrors {
        color: #4F4F4F;
        background-color: #e3bebe;
        font-size: 18px;
        cursor: pointer;
    }

        .onpage .btn.bucketBtn.bucketErrors .btnVal {
            color: #CC3333;
        }

        .onpage .btn.bucketBtn.bucketErrors:hover {
            color: #9900ff;
            background-color: #ffffff;
        }

            .onpage .btn.bucketBtn.bucketErrors:hover .btnSubText,
            .onpage .btn.bucketBtn.bucketErrors:hover .btnText,
            .onpage .btn.bucketBtn.bucketErrors:hover .btnVal {
                color: #9900ff;
            }

        .onpage .btn.bucketBtn.bucketErrors:active,
        .onpage .btn.bucketBtn.bucketErrors:focus {
            color: #4F4F4F;
            background-color: #e3bebe;
        }

            .onpage .btn.bucketBtn.bucketErrors:active .btnSubText,
            .onpage .btn.bucketBtn.bucketErrors:active .btnText,
            .onpage .btn.bucketBtn.bucketErrors:active .btnVal,
            .onpage .btn.bucketBtn.bucketErrors:focus .btnSubText,
            .onpage .btn.bucketBtn.bucketErrors:focus .btnText,
            .onpage .btn.bucketBtn.bucketErrors:focus .btnVal {
                color: #4F4F4F;
                background-color: transparent;
            }



            .onpage .btn.bucketBtn.bucketErrors:active .btnVal,
            .onpage .btn.bucketBtn.bucketErrors:focus .btnVal {
                color: #CC3333;
            }

            .onpage .btn.bucketBtn.bucketErrors:active .btnSubText,
            .onpage .btn.bucketBtn.bucketErrors:active .btnText,
            .onpage .btn.bucketBtn.bucketErrors:focus .btnSubText,
            .onpage .btn.bucketBtn.bucketErrors:focus .btnText {
                color: #4F4F4F;
            }

        .onpage .btn.bucketBtn.bucketErrors.active {
            color: #FFF;
            background-color: #CC3333;
            font-size: 18px;
            cursor: pointer;
        }

            .onpage .btn.bucketBtn.bucketErrors.active .btnVal {
                color: #FFF;
            }

            .onpage .btn.bucketBtn.bucketErrors.active:hover {
                color: #9900ff;
                background-color: #ffffff;
            }

                .onpage .btn.bucketBtn.bucketErrors.active:hover .btnSubText,
                .onpage .btn.bucketBtn.bucketErrors.active:hover .btnText,
                .onpage .btn.bucketBtn.bucketErrors.active:hover .btnVal {
                    color: #9900ff;
                }

            .onpage .btn.bucketBtn.bucketErrors.active:active,
            .onpage .btn.bucketBtn.bucketErrors.active:focus {
                color: #fff;
                background-color: #CC3333;
            }

                .onpage .btn.bucketBtn.bucketErrors.active:active .btnSubText,
                .onpage .btn.bucketBtn.bucketErrors.active:active .btnText,
                .onpage .btn.bucketBtn.bucketErrors.active:active .btnVal,
                .onpage .btn.bucketBtn.bucketErrors.active:focus .btnSubText,
                .onpage .btn.bucketBtn.bucketErrors.active:focus .btnText,
                .onpage .btn.bucketBtn.bucketErrors.active:focus .btnVal {
                    color: #fff;
                }

    .onpage .btn.bucketBtn.noError,
    .onpage .btn.bucketBtn.noError:hover,
    .onpage .btn.bucketBtn.noError:focus,
    .onpage .btn.bucketBtn.noError:active {
        background-color: #83c450;
        color: #FFF;
    }

        .onpage .btn.bucketBtn.noError .btnVal,
        .onpage .btn.bucketBtn.noError:hover .btnVal,
        .onpage .btn.bucketBtn.noError:focus .btnVal,
        .onpage .btn.bucketBtn.noError:active .btnVal {
            color: #FFF;
        }

        .onpage .btn.bucketBtn.noError:hover .btnSubText,
        .onpage .btn.bucketBtn.noError:hover .btnText,
        .onpage .btn.bucketBtn.noError:active .btnSubText,
        .onpage .btn.bucketBtn.noError:active .btnText,
        .onpage .btn.bucketBtn.noError:focus .btnSubText,
        .onpage .btn.bucketBtn.noError:focus .btnText {
            color: #FFF;
        }


.k-spreadsheet-cell .cloned {
    text-align: center;
}

.k-spreadsheet .businessBtn::before {
    font: normal normal normal 16px/1 FontAwesome;
    content: "\f0b1";
}

.k-spreadsheet .moneyBtn::before {
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f0d6";
}

.k-state-disabled {
    opacity: 1 !important;
}

.k-button {
    color: #ffffff !important;
    border: none !important;
    background-image: none !important;
}

    .k-button.k-state-hover, .k-button:hover {
        color: #000000 !important;
        border-color: transparent !important;
    }

    .k-button.k-state-focus,
    .k-button.k-state-focused,
    .k-button:focus,
    .k-button.k-state-active,
    .k-button.k-state-selected,
    .k-button:active {
        color: #000000 !important;
        border: none !important;
    }

.k-button-icon {
    background-color: transparent !important;
}

.k-primary, 
.k-spreadsheet .k-tabstrip-wrapper .k-button-icontext,
.k-action-buttons .k-button,
.k-spreadsheet-editor-button  {
    background-color: #9900ff !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
}

    .k-primary.k-state-hover, .k-primary:hover,
    .k-spreadsheet .k-tabstrip-wrapper .k-button-icontext:hover,
    .k-action-buttons .k-button:hover {
        background-color: #ffffff !important;
        color: #9900ff !important;
        border: none !important;
    }

    .k-primary.k-state-active, .k-primary:active 
    .k-spreadsheet .k-tabstrip-wrapper .k-button-icontext:focus,
    .k-action-buttons .k-button.k-state-focus,
    .k-action-buttons .k-button.k-state-focused,
    .k-action-buttons .k-button:focus{
        background-color: #000000 !important;
        color: #ffffff !important;
        border: none !important;
    }

.k-window {
    border: none !important;
}

.k-window-titlebar {
    background-color: #000000 !important;
    border-bottom: 3px solid #9900ff !important;
    background-image: none !important;
    background-image: none !important;
    color: #ffffff !important;
}

.k-window-titlebar .k-window-actions .k-button {
    color: #ffffff !important;
}

.k-action-window .k-action-buttons {
    background-color: #faa61a !important;
    border-color: transparent !important;
    border-width: 0 !important;
}

.k-window-content .k-action-buttons .k-button {
    box-shadow: none !important;
}

.k-spreadsheet .k-header {
    background-color: #000000 !important;
    background-image: none !important;
}

.k-spreadsheet .k-toolbar {
    border-color: #d5d5d5 !important;
    background-image: none !important;
    background-color: #000000 !important;
}

.k-spreadsheet .k-toolbar .k-button:not(.k-button-icontext),
.k-spreadsheet .k-tabstrip-wrapper .k-button:not(.k-button-icontext){
    color: #9900ff !important;
}

.k-spreadsheet .k-tabstrip-items .k-item {
    background-color: #000000 !important;
    background-image: none !important;
    border: none !important;
    border-bottom: 3px solid #000000 !important;
    border-radius: 0;
}

.k-window-content {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.k-action-window .k-action-buttons {
    background-color: #9900ff !important;
    border: none !important;
}

.k-window-content .k-action-buttons .k-button {
    box-shadow: none !important;
}

.k-spreadsheet .k-tabstrip-items .k-state-active {
    background-color: #000000 !important;
    background-image: none !important;
    border: none !important;
    border-bottom: 3px solid #9900ff !important;
    border-radius: 0;
}

.k-spreadsheet .k-tabstrip-items .k-state-default .k-link {
    color: #9900ff !important;
}

.k-spreadsheet .k-tabstrip-items .k-state-hover .k-link,
.k-spreadsheet .k-tabstrip-items .k-state-active .k-link {
    color: #FFF !important;
}

.k-list .k-item {
    color: #071255 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    border: none !important;
}

.k-list > .k-state-hover {
    color: #FFF !important;
    box-shadow: none !important;
    background-color: #000000 !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
}

.k-list > .k-state-focused.k-state-selected,
.k-listview > .k-state-focused.k-state-selected,
.k-state-focused.k-state-selected,
td.k-state-focused.k-state-selected {
    box-shadow: none !important;
    color: #000000 !important;
    background-color: transparent !important;
    border: none !important;
}

.k-spreadsheet-column-header, .k-spreadsheet-row-header, .k-spreadsheet-top-corner {
    background-color: #cccccc !important;
    color: #000000 !important;
}

.k-spreadsheet .k-spreadsheet-pane .k-spreadsheet-cell:not(.k-spreadsheet-has-comment,.k-dirty-cell, .shortcode, :empty) {
    background-color: #FFFFFF !important;
    color: #4F4F4F !important;
}

.k-spreadsheet>.k-spreadsheet-view .k-state-disabled:not(.k-spreadsheet-has-comment,.k-dirty-cell), .shortcode {
    background-color: rgba(255, 255, 255, 0.75) !important;
    color: rgba(0, 0, 0, 0.75) !important;
}

.k-spreadsheet .k-spreadsheet-action-bar {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.k-spreadsheet .k-spreadsheet-formula-input {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap .k-input {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap .k-select {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.k-spreadsheet-popup {
    background-color: #ffffff !important;
}

.k-spreadsheet-popup .k-button.k-button-icontext {
    color: #000000 !important;
}




.coveragePlanHeader {
    text-align: center;
}

.coveragePlan {
    background: #ffffff;
}

.coveragePlanInnerWrapper {
    text-align: center;
}

#coveragePlanGoldInnerWrapper,
#coveragePlanGoldFooter {
    background: #fff2cc;
}

#goldPlan:hover #coveragePlanGoldInnerWrapper,
#goldPlan:focus #coveragePlanGoldInnerWrapper,
#goldPlan:active #coveragePlanGoldInnerWrapper,
#goldPlan:hover #coveragePlanGoldFooter,
#goldPlan:focus #coveragePlanGoldFooter,
#goldPlan:active #coveragePlanGoldFooter,
.selected#goldPlan #coveragePlanGoldInnerWrapper {
    background: #E79900;
    color: #FFF;
}

#coveragePlanSilverInnerWrapper,
#coveragePlanSilverFooter {
    background: #d9d9d9;
}

#silverPlan:hover #coveragePlanSilverInnerWrapper,
#silverPlan:focus #coveragePlanSilverInnerWrapper,
#silverPlan:active #coveragePlanSilverInnerWrapper,
#silverPlan:hover #coveragePlanSilverFooter,
#silverPlan:focus #coveragePlanSilverFooter,
#silverPlan:active #coveragePlanSilverFooter,
.selected#silverPlan #coveragePlanSilverInnerWrapper {
    background: #a5acaf;
    color: #FFF;
}

#coveragePlanBronzeInnerWrapper,
#coveragePlanBronzeFooter {
    background: #fbe4d5;
}

#bronzePlan:hover #coveragePlanBronzeInnerWrapper,
#bronzePlan:focus #coveragePlanBronzeInnerWrapper,
#bronzePlan:active #coveragePlanBronzeInnerWrapper,
#bronzePlan:hover #coveragePlanBronzeFooter,
#bronzePlan:focus #coveragePlanBronzeFooter,
#bronzePlan:active #coveragePlanBronzeFooter,
.selected#bronzePlan #coveragePlanBronzeInnerWrapper {
    background: #dc6720;
    color: #FFF;
}

.coveragePlanIconWrapper {
    border-radius: 50px;
    background: #fff;
    text-align: center;
}

    .coveragePlanIconWrapper i {
        font-size: 55px;
    }

#coveragePlanGoldIconWrapper i {
    color: #E79900;
}


#coveragePlanSilverIconWrapper i {
    color: #a5acaf;
}

#coveragePlanBronzeIconWrapper i {
    color: #E97117;
}

.coveragePlanTitle {
    font-size: 24px;
    color: #262729;
}

.coveragePlanMonthlyPremium {
    font-size: 24px;
    text-align: center;
    font-weight: 600;
    color: #262729;
}

.coveragePlanDetails {
    color: #000000;
}

.coveragePlanDetails .ui-display-label  {
    color: #000000;
}

.divider {
    border-bottom: 1px solid #000000;
}

.coveragePlanFooter {
    font-size: 20px
}

.selected#coveragePlanGoldFooter {
    background: #E79900;
}

.selected#coveragePlanSilverFooter {
    background: #a5acaf;
}

.selected#coveragePlanBronzeFooter {
    background: #dc6720;
}

.coveragePlanFooterText {
    text-align: center;
    font-weight: 600;
    color: #FFF;
}

.coveragePlanDetailWrapper {
    text-align: center;
}





.loader {
    color: #000000;
}

.loaderContainer {
    background-color: #ffffff;
    color: #000000;
    border: solid 1px #ccc;
}

.loaderContent {
    font-size: 14px;
    font-weight: 800;
}

#status,
[address-config-address-service-enabled="true"] .status_spinner.loader {
    font-size: 4px;
}




.ui-slider {
    background: #f2f2f2 !important;
    box-shadow: none !important;
}

    .ui-slider .ui-slider-range {
        background: #000000;
        box-shadow: none !important;
    }





#clearanceEnteredValuesBlock {
    background-color: #E79900;
}

#clearanceEnteredValuesBlock .editor-label,
#clearanceEnteredValuesBlock .editor-field {
    color: #242424;
}

.closeCustomerClearanceDetailsIcon {
    color: #9900ff;
}

.clearanceSelected td {
    background-color: #83C450 !important;
    color: #FFFFFF !important;
}

.clearanceSelected a {
    color: #FFFFFF !important;
}

.clearanceSelected .btn-pick-me::before {
    font: normal normal normal 14px/1 FontAwesome;
}

.clearanceSelected .btn-pick-me::after {
    font-style: normal;
}

.btn-pick-me::before {
    font: normal normal normal 14px/1 FontAwesome;
}

.btn-pick-me::after {
    font-style: normal;
}

.customerClearanceDetailsContainer .ui-accordion-header a,
.customerClearanceDetailsContainer .ui-accordion .ui-accordion-header.ui-state-active a {
    color: #000000 !important;
}

.customerClearanceDetailsContainer .ui-accordion-content,
.customerClearanceDetailsContainer tbody > tr > td {
    background-color: #ffffff !important;
    color: #000000 !important;
}

#dtCustomerResults tbody > tr > td[colspan="5"] {
    background: #ffffff !important;
}

.customerClearanceDetailsContainer .ui-state-default .ui-icon, .ui-accordion .ui-state-active .ui-icon {
    background-image: none !important;
}

.customerClearanceDetailsContainer .ui-accordion-header-active.ui-state-active > span::before {
    font: normal normal normal 24px/1 FontAwesome;
    content: '\f107' !important;
    color: #000000 !important;
}

.customerClearanceDetailsContainer .ui-accordion-header-collapsed.ui-state-default > span::before {
    font: normal normal normal 24px/1 FontAwesome;
    content: '\f105' !important;
    color: #000000  !important;
}

.customerClearanceDetailsContainer .ui-accordion-header-active.ui-state-active > span::before {
    background-image: none !important;
}

.customerClearanceDetailsContainer .ui-accordion-header {
    background: #ffffff !important;
    color: #000000 !important;
    transition: background-color 0.3s ease-in-out !important;
}

.customerClearanceDetailsContainer .ui-state-active a.saveDraftNote {
    color: #000000 !important;
}

.customerClearanceDetailsContainer .ui-accordion-header.ui-corner-top.ui-state-default {
    border: 1px solid #cccccc !important;
}

.customerClearanceDetailsContainer .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    border: 1px solid #cccccc !important;
}

.customerClearanceDetailsContainer #dtCustomerQuote a,
.customerClearanceDetailsContainer #dtCustomerPolicy a {
    font-weight: 400;
    color: #000000;
}






input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none !important;
    background: linear-gradient(to bottom right, transparent calc(50% - 2px), #000000 calc(50% - 1px), #000000 calc(50% + 1px), transparent calc(50% + 2px)), 
                linear-gradient(to bottom left, transparent calc(50% - 2px), #000000 calc(50% - 1px), #000000 calc(50% + 1px), transparent calc(50% + 2px));
    background-repeat: no-repeat;
    display: block;
    height: 10px;
    width: 10px;
}

.lossHistoryComponent input.border, .lossHistoryComponent .searchableSelect .border {
    border: none !important;
    border-bottom: 2px solid #CC3333 !important;
    border-radius: 0px;
}


    h4, .ui-content-title {
    color: #000000 !important;
    }

    
    .ui-tabs:not(.noTabStyle) .ui-tabs-nav li a {
    color: #000000 !important;
    font-weight: 600;
    }

    .ui-tabs:not(.noTabStyle) .ui-tabs-nav li a:hover {
    color: #000000 !important;
    }

    .ui-tabs:not(.noTabStyle) .ui-tabs-nav li.ui-state-active a {
    color: #ffffff !important;
    }

    .ui-tabs:not(.noTabStyle) .ui-tabs-nav li.ui-state-default {
    border: none;
    border-bottom: 1px solid #cccccc;
    background: #ffffff;
    }

    .ui-tabs:not(.noTabStyle) .ui-tabs-nav li.ui-state-hover {
    background: #cccccc !important;
    }

    .ui-tabs:not(.noTabStyle) .ui-tabs-nav li.ui-state-active {
    border-bottom: 1px solid #ffffff;
    background: #000000 !important;
    }

    .noTabStyle.ui-tabs .ui-tabs-nav li a {
    background: #9900ff !important;
    color: #ffffff !important;.noTabStyle.ui-tabs .ui-tabs-nav li.ui-state-active a
    font-weight: 600;
    text-align: center;
    }

    .noTabStyle.ui-tabs .ui-tabs-nav li a .noTabStyleLinkText,
    .univNoteBtnText {
    color: #9900ff;
    }

    .noTabStyle.ui-tabs .ui-tabs-nav li a:hover {
    background: #ffffff !important;
    color: #9900ff !important;
    }

    .noTabStyle.ui-tabs .ui-tabs-nav li a:hover .noTabStyleLinkText {
    color: #000000;
    }


    .noTabStyle.ui-tabs .ui-tabs-nav li.ui-state-active a {
    background: #000000 !important;
    color: #ffffff !important;
    }

    .noTabStyle.ui-tabs .ui-tabs-nav li.ui-state-active a .noTabStyleLinkText {
    color: #ffffff;
    }

    .noTabStyle.ui-tabs .ui-tabs-nav li.ui-state-active a .noTabStyleLinkText {
    color: #000000;
    }

    .noTabStyle.ui-tabs .ui-tabs-nav li.ui-state-default {
    background: none;
    border: none;
    text-align: center;
    }

    .noTabStyle.ui-tabs .ui-tabs-nav li.ui-state-hover {
    background: none;
    border: none;
    }

    .noTabStyle.ui-tabs .ui-tabs-nav li.ui-state-active {
    background: none;
    border: none;
    }

    .noTabStyle.ui-tabs .ui-tabs-anchor {
    text-transform: none;
    }

    .noTabStyleLinkIcon {
    font-size: 28px;
    }

    .noTabStyleLinkText {
    font-size: 14px;
    }

    .noTabStyle-background {
    background: #000000;
    }

    .noTabStyle-background-bottom {
    background: #f2f2f2;
    }

    

    .saparateBarRight {
    border-right: 1px solid #ccc;
    }

    .saparateBarLeft {
    border-left: 1px solid #ccc;
    }

    a.moreLink {
    color: #9900ff;
    text-align: right;
    }

    a.moreLink:hover {
    color: #000000;
    }

    #btnPolicyActionWrapper {
    background: #f2f2f2;
    }

    .display-label {
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    vertical-align: top;
    }


    .display-label label {
    white-space: normal;
    font-weight: 600;
    }


    .display-label-left {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    }

    .display-label-left label {
    font-weight: 600;
    }

    .display-field {
    text-align: left;
    vertical-align: top;
    }

    .amtDue {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    }

    .amtTotal {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    }

    a.docLinks {
    color: #9900ff;
    white-space: pre-wrap;
    }

    a.esignLink {
    color: #9900ff;
    }

    a.docLinks:hover,
    a.esignLink:hover {
    color: #000000;
    }

    
    .esignDeclined i {
    color: .75;
    }

    .esigned i {
    color: #83c450;
    }

    .esignRequest i {
    color: #CC3333;
    }

    .esignWait i {
    color: #dc6720;
    }

    


    .wordBreak, #summary_Email {
    -ms-word-break: break-all;
    word-break: break-all;
    display: inline-block;
    white-space: pre-wrap;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    }

    
    #customerTabs_li_Insured a i .noTabStyleLinkIconInner {
    font-size: 12px;
    }

    .noTabStyle.ui-tabs .ui-tabs-nav li.ui-state-default a i .noTabStyleLinkIconText {
    color: #9900ff;
    }

    .noTabStyle.ui-tabs .ui-tabs-nav li.ui-state-hover a:hover i .noTabStyleLinkIconText {
    color: #ffffff;
    }

    .noTabStyle.ui-tabs .ui-tabs-nav li.ui-state-active a i .noTabStyleLinkIconText,
    .noTabStyle.ui-tabs .ui-tabs-nav li.ui-state-hover.ui-state-active a i .noTabStyleLinkIconText {
    color: #000000;
    }

    .LOBWrapper,
    .policyInsuredNameWrapper {
    font-size: 20px;
    letter-spacing: normal;
    }

    .lobPrefixIcon,
    .policyInsuredNameIcon,
    .policyInsuredCommercialNameIcon {
    border-radius: 50px;
    background: #000000;
    color: #ffffff;
    padding: 0 3px 0 3px;
    text-align: center;
    font-variant: small-caps;
    }

    .lob_defaultPolicyIcon .lobIconText {
    color: #000000;
    font-weight: 600;
    }

    .customerContainer,
    .customerTabs {
    background: #ffffff;
    }

    .customerTabsBottom .tabs {
    border-radius: 0 !important;
    background-color: transparent;
    }

    .customerTabsContentTopWrapper {
    color: #000000;
    background-color: #ffffff;
    border: none;
    border-radius: 0;
    }

    .customerTabsContentTopWrapper .ui-widget-content{
    color: #000000;
    }

    .customerTabsContentTop {
    border: none;
    }

    .tabContentsWrapper {
    border-radius: 0 !important;
    background: none;
    }

    .customerTabsBottom div[id^="tabs-"],
    .customerTabsBottom div[id^="ui-tabs-"] {
    border: none;
    background: none;
    }

    .customerTabsWrap, .customerTabsBottom .tabsWrap {
    background: none;
    }

    #customerTab-li_NotesBtn,
    #customerTab-li_SubmitBtn,
    #customerTab-li_CancelBtn {
    text-align: center;
    }

    #customerTab-li_NotesBtn .univNoteTriggerIcon,
    #customerTab-li_SubmitBtn .customerTab-submitBtn,
    #customerTab-li_CancelBtn .customerTab-submitBtn {
    border-radius: 50px !important;
    line-height: 1.3;
    border: 0px;
    }

    .noTabStyle.ui-tabs .ui-tabs-nav li .customerTab-submitBtn.ui-button {
    background: #CC3333 !important;
    color: #FFFFFF !important;
    border: 1px solid #CC3333;
    }

    .noTabStyle.ui-tabs .ui-tabs-nav li .customerTab-submitBtn.ui-button .noTabStyleLinkText {
    color: #CC3333 !important;
    }

    .noTabStyle.ui-tabs .ui-tabs-nav li .customerTab-submitBtn.ui-button.ui-state-hover,
    .noTabStyle.ui-tabs .ui-tabs-nav li .customerTab-submitBtn.ui-button:hover {
    border: 1px solid #CC3333;
    background: #FFFFFF !important;
    color: #CC3333 !important;
    }

    .noTabStyle.ui-tabs .ui-tabs-nav li .customerTab-submitBtn.ui-button.ui-state-hover .noTabStyleLinkText,
    .noTabStyle.ui-tabs .ui-tabs-nav li .customerTab-submitBtn.ui-button:hover .noTabStyleLinkText {
    color: #C88 !important;
    }

    .noTabStyle.ui-tabs .ui-tabs-nav li .customerTab-submitBtn.ui-button.ui-state-active,
    .noTabStyle.ui-tabs .ui-tabs-nav li .customerTab-submitBtn.ui-button:active {
    background: #000000 !important;
    border: 1px solid #000000 !important;
    color: #ffffff !important;
    }

    .noTabStyle.ui-tabs .ui-tabs-nav li .customerTab-submitBtn.ui-button.ui-state-active .noTabStyleLinkText,
    .noTabStyle.ui-tabs .ui-tabs-nav li .customerTab-submitBtn.ui-button:active .noTabStyleLinkText {
    color: #000000 !important;
    }

    
    #consumer_header {
    background: #000000;
         background-image: none;
    border-bottom: 3px solid #000000;
    }

    .languages,
    .themes,
    .settings {
    color: #ffffff;
    border-left: solid 1px #FFFFFF !important;
    font-size: 25px;
    border-right: solid 1px #FFFFFF !important;
    transition: background-color 0.3s ease-in-out;
    }

    .languages:hover,
    .themes:hover,
    .settings:hover {
    color: #000000;
    background: #ffffff;
    }

    .userMenu a,
    .edProfile a,
    .logOff a {
    color: #9900ff;
    }

    .logOff,
    .edProfile {
    background-color: #f2f2f2;
    border-right: 0px solid #FFFFFF;
    border-left: 0px solid #FFFFFF;
    border-top: 1px solid #cccccc;
    transition: background-color 0.3s ease-in-out;
    }

    .fg-menu li:hover,
    li.edProfile:hover,
    li.logOff:hover {
    background-color: #cccccc !important;
    }

    .fg-menu li[data-theme-selected="selected"],
    .fg-menu li[data-language-selected="selected"] {
    background-color: #cccccc;
    }

    .fg-menu li[data-theme-selected="selected"] a,
    .fg-menu li[data-language-selected="selected"] a {
    color: #000000;
    }

    #consumer_header_welcome {
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    }

    

    #renewalQuoteExistsWrapper {
    background-color: rgba(242, 222, 222, 0.8) !important;
    border-color: #f2f2f2;
    color: #4F4F4F;
    }

    #renewalQuoteAcceptedWrapper {
    background-color: rgba(228, 244, 237, 0.8) !important;
    border: solid #f2f2f2 1px;
    color: #4F4F4F;
    }

    #renewalQuoteExistsWrapper .content-title,
    #renewalQuoteAcceptedWrapper .content-title {
    color: #4F4F4F !important;
    }

    .ui-dialog .danger {
    background-color: rgba(242, 222, 222, 0.8) !important;
    color: #4F4F4F;
    }

    #renewalQuoteExistsWrapper #btnRenewNow {
    border-color: #C00 !important;
    background: #C00 !important;
    color: #FFFFFF !important;
    }

    #renewalQuoteExistsWrapper #btnRenewNow:hover {
    background: #FFFFFF !important;
    color: #C00 !important;
    border-color: #FFFFFF !important;
    }

    #renewalQuoteExistsWrapper #btnRenewNow span,
    #reviewPremiumWrapper #btnReviewPremium span {
    font-size: 13px;
    }

    #reviewPremiumWrapper #btnReviewPremium {
    width: 100%;
    padding: 7px;
    }

    #consumer_mainContent {
    padding: 0px 0 10px 10px;
    }

    #footerText {
    color: #ffffff;
    text-align: center;
    font-size: 13px;
    }

    #consumer_mainContent .ui-tabs .ui-tabs-nav {
    border-bottom: none;
    }

    #consumer_mainContent .customerTabsWrap,
    #consumer_mainContent .customerTabsBottom .tabsWrap {
    background: none !important;
    }

    #consumer_mainContent .ui-widget-content {
    background-color: transparent !important;
    }

    #consumer_mainContent .customerTabs {
    border-radius: 0 !important;
    }

    #consumer_mainContent .customerTabsBottom div[id^="tabs-"],
    #consumer_mainContent .customerTabsBottom div[id^="ui-tabs-"],
    #consumer_mainContent .customerTabsBottom .ui-tabs-panel {
    border: none;
    background-color: rgba(255, 255, 255, 0) !important;
    }

    #btnPolicyAction {
    border-color: #FFFFFF;
    }

    #consumer_header_menu {
    text-align: right;
    }

    .sidePanel_panel {
    border-radius: 0px;
    background-color: #ffffff !important;
    color: #000000;
    }

    .sidePanel_panel select {
    background-image: linear-gradient(45deg, transparent 50%, #000000 50%), linear-gradient(135deg, #000000 50%, transparent 50%);
    border-bottom: 1px solid #000000;
    color: #000000;
    }

    div[class="panel-body"] {
    background-color: #ffffff !important;
    }

    .sidePanel_innerPanel {
    font-weight: 500;
    padding: 15px 10px;
    }

    select[name="Policy.PolicyId"] {
    margin-top: 5px;
    padding: 5px;
    width: 100%;
    border-radius: 3px;
    border-color: #ccc;
    font-weight: 100;
    }

    #consumer_sidePanel .content-title {
    color: #000000;
    font-size: 15px !important;
    text-transform: capitalize;
    letter-spacing: 0px;
    font-weight: 600;
    }

    h4, .ui-content-title {
    color: #000000 !important;
    }

    .agentInfoDiv,
    .renewalQuoteDiv,
    .renewalQuoteAcceptedDiv,
    .reviewPremiumDiv {
    font-weight: 400;
    font-size: 16px;
    }

    #AgentInformation_AgentInfo-Email_Display {
    word-break: break-word;
    overflow-wrap: break-word;
    }

    .renewalQuoteInstructionDiv {
    font-weight: normal;
    }


    #renewalQuoteInstrtionWrapper {
    background: #ffffff !important;
    border: 1px solid #f2f2f2;
    }

    .renewalQuoteInstructionDivList {
    counter-reset: renewal-instruction-list;
    }

    .renewalQuoteInstructionDivList dt {
    font-weight: normal;
    font-size: 16px;
    }

    .renewalQuoteInstructionDivList dt:before {
    content: counter( renewal-instruction-list);
    counter-increment: renewal-instruction-list;
    font-size: 35px;
    font-weight: 600;
    color: #000000;
    }

    .agentInfoDiv > label,
    .renewalQuoteDiv > label,
    .renewalQuoteAcceptedDiv > label,
    .reviewPremiumDiv > label,
    .renewalQuoteInstructionDiv > label {
    font-weight: 600;
    font-size: 16px;
    }

    #consumer_contentWrapper #policyCancelled {
    background-color: #ffffff !important;
    border: 1px solid #f2f2f2 !important;
    }

    #consumer_contentWrapper #policyCancelled h3 {
    text-align: center;
    color: #000000;
    }

    #consumer_contentWrapper #expiredPage {
    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;
    }

    #consumer_contentWrapper .contentWrapper h3 {
    font-weight: 600;
    color: #000000;
    }

    div[id^="div_popup_Policy_EndorsementWizard"] #step1 {
    text-align: left;
    }

    #consumer_contentWrapper .display-field label {
    font-weight: normal;
    }


    
    #insuredTblSummary {
    border-collapse: separate;
    border-spacing: 5px 0;
    border: none;
    }

    #insuredTblSummary th {
    background: #cccccc;
    border: none;
    color: #000000;
    font-size: 18px;
    font-weight: normal;
    }

    #insuredTblSummary .itemCol {
    background: #ffffff;
    }

    #insuredTblSummary .fromCol {
    background: #ffffff;
    }

    #insuredTblSummary .toCol {
    background: #ffffff;
    }

    

html {
    background-color: #ffffff;
}

#logo {
    background-image: url(/DRCSystem/Portal/Content/themes/embark/images/logo/logo-public.png) !important;
    background-color: rgba(114, 122, 129, 0);
    }

    .sidePanel_panel select {
    background-image: none;
    }

    .consumer_header_left #logo {
    background-repeat: no-repeat;
    background-position: 0 0;
    }

    #logo a {
    text-indent: -9999px;
    }

        .consumer_header_left #logo{
            background-color: rgba(114, 122, 129, 0);
        }

    #loginPageBody h1 {
    color: #000000;
    }

    #loginPage select {
    color: #000000 !important;
    }

    #loginPageBody {
    background: none !important;
    caret-color: #000000 !important;
    }

    #loginPage [name="QuickQuoteCreateModel.Zipcode"]{
    color: #000000 !important;
    }

    ::placeholder{
    color: #000000 !important;
    opacity: .5;
    }

    #loginPage #email{
    color: #000000 !important;
    }

    #loginPage #password{
    color: #000000 !important;
    }

    .pure-button {
    border-color: #5CD6FF !important;
    border: 1px solid #5CD6FF !important;
    }

    #loginPageBody h1{
    text-shadow: none !important;
    }