[class*="title" i], [class*="title" i] *, [id*="title" i], [id*="title" i] *, [class*="portlet-heading" i], [class*="portlet-heading" i] *, label {
    font-family: Circular-Regular !important;
}

#terms-conditions-bgimage,
body {
    background-image: none !important;
    background-repeat: no-repeat !important;
    background: none !important;
    background-color: #fff !important;
}

    body .ui-page {
        background: #fff no-repeat center center fixed !important;
    }

.contentbody .leftcontent,
.contentbody .leftcontent .tt-tile-container,
.contentbody .rightcontent,
.nexo-support-content,
.back-gray-lt,
.page-body,
.calendar-left-panel,
.calendar-right-panel,
.modal-dialog .modal-content,
.bd-App {
    background-color: #fff !important;
}

.page-nav,
.page-nav ul > li:first-child {
    background-color: #20337d !important;
}

.nav-tabs .active a,
.nav-tabs li a:hover {
    border-bottom: 4px solid #20337d !important;
    color: #262321 !important;
}

.nav-tabs li a {
    color: #726c66 !important;
    background: none !important;
    font-weight: bold;
}

.header {
    margin-bottom: 0px !important;
    background-color: #121c4e !important;
}

.page-body .nav-placeholder {
    background: #20337d !important;
}

.modal-header,
.modal-header *,
.tt-modal-header,
.modal-header[style],
.modal-prompt-header,
#infoMessage > div > div > div:nth-child(1) {
    background-color: #324fa5 !important;
    color: #fff !important;
}

    .modal-header *:hover {
        opacity: 1 !important;
    }

.modal-title,
.modal-title * {
    color: #fff !important;
}

.portlet-tile,
.participant-new .oneux .part-portlets .part-portlet .content,
.participant-new .part-portlets .part-portlet .content,
.advisor-container .advisor-portlet .content {
    border: 1px solid #e6e6e6 !important;
    border-radius: 0.5rem !important;
    box-shadow: rgba(38, 35, 33, 0.08) 0px 0px 10px 0px !important;
}

    .portlet-tile:hover,
    .participant-new .oneux .part-portlets .part-portlet .content:hover,
    .dashboard-container > div:hover,
    .participant-new .part-portlets .part-portlet .content:hover,
    .advisor-container .advisor-portlet .content:hover {
        box-shadow: rgba(38, 35, 33, 0.08) 0px 0px 25px 0px !important;
    }

.advisor-container .advisor-portlet i.info {
    color: #324fa5 !important;
}

#terms-conditions-bgimage {
    background: #fff no-repeat center center fixed !important;
}

.selectedItem {
    background-color: #cdc7c2 !important;
}

.month-events-list-border:hover {
    background-color: #f2f0ed !important;
}

.months-list ul li:hover {
    background-color: #e3dfda !important;
}

.forgotLink,
.forgotLink a {
    color: #324fa5 !important;
}

input[type="text"][id*="Date"] + button {
    margin-top: 3px;
    border-radius: 0.5rem !important;
}

button:not([name="status"]):not(:has(svg)):not(.mat-sort-header-button):not(.bd-link-button):not(input[type="text"][id*="Date"] + button),
input[type="submit"],
input[type="button"],
.vdl_btn,
a[class*="btn"]:not(.outertube a),
a[class*="explore"],
a[class*="redirectLink"],
a[class*="button" i],
.button,
button[class*="vdl-button"],
span[class*="btn"] {
    border-radius: 0.5rem !important;
    color: #fff !important;
    font-size: 14px !important;
    transition: box-shadow 0.2s ease-out !important;
    border: 0px !important;
    text-transform: lowercase;
    min-height: 40px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    line-height: inherit;
    opacity: 1 !important;
    font-weight: normal !important;
}

a[class*="btn"] {
    padding: 5px;
}

    button[class*="vdl-button"],
    input[type="submit"],
    button:not([name="status"]):not(:has(svg)):not(.mat-sort-header-button):not(.bd-link-button):not([disabled]),
    input[type="submit"]:not([disabled]),
    input[type="button"]:not([disabled]),
    .vdl_btn:not([disabled]),
    a[class*="btn"]:not([disabled]),
    a[class*="explore"]:not([disabled]),
    a[class*="redirectLink"]:not([disabled]),
    a[class*="button" i]:not([disabled]),
    span[class*="btn"]:not([disabled]),
    .button,
    .upload-button-container {
        background-color: #476bc3 !important;
    }

        button:disabled,
        span.btn.disabled,
        div.btn.disabled,
        input[type="button"]:disabled,
        input[type="submit"]:disabled {
            background-color: #CDC7C2 !important;
            cursor: not-allowed !important;
        }

            button:disabled:hover,
            input[type="button"]:disabled:hover,
            input[type="submit"]:disabled:hover {
                background-color: #CDC7C2 !important;
            }

* [class*="disabled"],
:disabled,
input:disabled {
    cursor: not-allowed !important;
}

button:not([name="status"]):not(:has(svg)):not(.mat-sort-header-button):not(.bd-link-button)::first-line,
input[type="submit"]::first-line,
input[type="button"]::first-line,
.vdl_btn::first-line,
a[class*="btn"]::first-line,
a[class*="explore"],
a[class*="redirectLink"],
a[class*="button" i]::first-line,
.button::first-line,
span[class*="btn"]::first-line {
    text-transform: capitalize !important;
}

    button[class*="vdl-button"]:hover,
    input[type="submit"]:hover,
    button:not([name="status"]):not(:has(svg)):not(.mat-sort-header-button):not(.bd-link-button):not([disabled]):hover,
    input[type="submit"]:not([disabled]):hover,
    input[type="button"]:not([disabled]):hover,
    input[type="checkbox"]:not([disabled]):hover,
    .vdl_btn:not([disabled]):hover,
    a[class*="btn"]:not([disabled]):hover,
    a[class*="explore"]:not([disabled]):hover,
    a[class*="redirectLink"]:not([disabled]):hover,
    a[class*="button" i]:not([disabled]):hover,
    .button:not([disabled]):hover,
    span[class*="btn"]:not([disabled]):hover {
        background-color: #324fa5 !important;
    }

input[type="select"],
input[type="password"]:not(.compliance-page-body input[type="password"]),
input[type="search"],
input[type="number"],
select,
input[type="text"]:not(.compliance-page-body input[type="text"]):not(.fund-table-layout input[type="text"]):not(.outertube input[type="text"]) {
    border-radius: 9px !important;
    border: solid 2px #938c85 !important;
    min-height: 40px !important;
    padding: 0px 5px !important;
}

    input[type="select"]:hover,
    input[type="text"]:not(.compliance-page-body input[type="text"]):not(.fund-table-layout input[type="text"]):not(.outertube input[type="text"]):hover,
    input[type="password"]:not(.compliance-page-body input[type="password"]):hover,
    input[type="search"]:hover,
    input[type="number"]:hover {
        border: solid 2px #476bc3 !important;
    }

input[type="text"][name*="PlanNum"] {
    min-width: 80px !important;
}

button[class*="pendo"] {
    min-width: 20px !important;
}

button .fa,
button span {
    color: #fff !important;
}

.warning-task .task-buttons input[type="submit"]:not(.task-more) {
    background: transparent !important;
}

.warning-task {
    background-color: #E8EFFA !important;
}

input[type="radio"] {
    height: 20px !important;
    width: 20px !important;
}

a[class*="btn"],
a[class*="button" i] {
    color: #fff !important;
}

.btn {
    padding: 1.2rem 0.75rem !important;
}

a:hover {
    color: #20337d !important;
    text-decoration: underline;
}

a[class*="btn"]:hover,
a[class*="redirectLink"]:hover,
a[class*="button" i]:hover,
.modal-header > a:hover {
    color: #fff !important;
}

a,
a.fa.fa-eye.ui-link {
    color: #324fa5 !important;
}

select option {
    padding: 10px !important;
}

span[class*="ui-grid-pager"] {
    font-size: 14px !important;
}

.btn-info.active {
    background-color: #476bc3 !important;
    border-color: #476bc3 !important;
}

.btn-info:hover {
    background-color: #324fa5 !important;
    border-color: #324fa5 !important;
    color: #fff !important;
}

.ph-portlet .ph-title {
    border: none !important;
}

.Left_Menu .mainmenu li {
    border-bottom: 1px solid #fff !important;
}

.Left_Menu .submenu li {
    border-bottom: none !important;
}

.Left_Menu .mainmenu li a {
    color: #fff !important;
}

.Left_Menu .mainmenu li:hover,
.Left_Menu .mainmenu li .current {
    background-color: #324fa5 !important;
}

.Left_Menu .mainmenu li a:hover {
    background-color: #324fa5 !important;
    text-decoration: none !important;
}

.Left_Menu .mainmenu li .submenu li {
    background-color: #324fa5 !important;
}

.Left_Menu .mainmenu li .column ul li:hover {
    background-color: #476bc3 !important;
}

.Left_Menu .mainmenu li .column ul li a:hover {
    color: #fff !important;
    background-color: #476bc3 !important;
}

.page-body {
    background-color: #fff !important;
    border-width: 1px 1px 0px 0px !important;
}

.title-portlet {
    border: none !important;
}

.mp-title,
.pb-title {
    border: none !important;
}

.mp-btn-action {
    background: transparent !important;
}

.imgAspect,
#terms-conditions-bgimage {
    background-image: none !important;
}

.CSR-Id .dropdown-menu input[type="image"] {
    background-color: #476bc3 !important;
    border: 1px solid #476bc3 !important;
    margin-left: -10px !important;
    border-radius: 0px 8px 8px 0px !important;
}

    .CSR-Id .dropdown-menu input[type="image"]:hover {
        background-color: #324fa5 !important;
        border: 1px solid #324fa5 !important;
    }

.right-addon .glyphicon {
    margin-top: 2px !important;
}

.logonOnTop {
    box-shadow: 0 0 4px #bbb !important;
    border-radius: 10px !important;
}

.errormessage {
    border-radius: 10px !important;
}

table .table-header th {
    color: #324fa5 !important;
}

.fa-chevron-down {
    color: #324fa5 !important;
}

.icon-pagination-previous:before,
.icon-pagination-next:before,
.icon-pagination-last:before,
.icon-pagination-first:before {
    background: #324fa5 !important;
}

#subTitle {
    /* color: #fff !important; */
}

.Title-subheader {
    /* background-color: #121c4e !important; */
}

.panel-default > .panel-heading {
    border-bottom: 5px solid #e3dfda !important;
}

.footer {
    background-color: transparent !important;
}

#datatable .nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #000 !important;
}

.Subheader-Signout {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.app,
.mainSection,
.mainSectionPayroll {
    background: none !important;
}

.dth {
    color: inherit !important;
}

.page-footer .footerbar ul li > a,
.page-footer .footerbar ul li a:visited,
.page-footer .footerbar ul li a:link {
    color: #fff !important;
}

.vdl-radio label::after {
    background-color: #086274;
}

.vdl-checkbox label::after {
    border-left: 3px solid #086274;
    border-bottom: 3px solid #086274;
}

table .datagridrow,
table .datagridrow-alt {
    padding: 10px !important;
}

.bd-header {
    background: #324fa5 !important;
    color: #fff !important;
    padding-left: 20px !important;
    border-radius: 10px !important;
}

.bd-icon-color,
.bd-info-icon {
    color: #324fa5 !important;
}

.bd-soft-label {
    color: #000 !important;
    background-color: #f5e3c0 !important;
}

.bd-pre-tooltip {
    background: #fff !important;
    color: #fff !important;
}

.bd-tooltip-text {
    color: #000 !important;
}

.bd-nodata,
.bd-nodata-maxrange {
    color: #20337d !important;
}

.bd-date {
    border: none !important;
}

.bd-view-button {
    position: relative !important;
}

.linkhighlight {
    background-color: #cdc7c2 !important;
}

.task_arrow_box {
    border-radius: 10px;
}

#pagination #first_page,
#pagination #last_page {
    font-size: 22px !important;
}

#pagination #previous_page,
#pagination #next_page {
    font-size: 30px !important;
    color: inherit !important;
}

#page_horizontal_menu {
    border-bottom: 5px solid #e3dfda !important;
}

.bd-tooltip-message {
    background-color: #fff !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 0.5rem !important;
    color: #000 !important;
    box-shadow: rgba(38, 35, 33, 0.08) 0px 0px 10px 0px !important;
}

.messageInformation {
    border: none !important;
    border-radius: 10px !important;
    font-size: 14px !important;
}

.event-date-green {
    color: #fff !important;
}

.radio-frame {
    width: auto !important;
}

.vdlcheck_selected,
.fc-filters .groupsets input:checked + label,
.fc-filters .categorysets > li > a.selected,
.fc-filters .groupsets > li > a.selected,
.fc-filters .categorysets > li > label.selected,
.fc-filters .groupsets > li > label.selected {
    background: #324fa5 !important;
}

    .fc-filters .groupsets input:checked + label:hover {
        background-color: #476bc3 !important;
    }

.mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 2em 0 !important;
}

.doc-search {
    border: none !important;
}

.nexoOneLoginLogo i {
    color: #324fa5 !important;
}

.nexoOneLoginLink {
    background-color: #f2f0ed !important;
}

.page-nav ul li {
    margin: 0px !important;
}

div[data-url*="Compliance5500Dashboard"] input {
    display: unset;
}

.nexo-support-body .card-header {
    background-color: #324fa5 !important;
}

.advisor-container .searchbox2 .glyphicon {
    color: #000 !important;
    background: transparent !important;
}

button.dropdown-multiselect-toggle[disabled] {
    background-color: #cdc7c2 !important;
}

.doc-access-manager .doc-search:before {
    margin-left: 180px;
    margin-top: 13px;
}

.fc-container {
    border-top: 2px solid #cdc7c2 !important;
}

button.clickable.fa {
    min-width: 25px !important;
}

button i fa {
    min-width: 25px !important;
}

.vdl-search .vdl-search__container .btn {
    top: 0px !important;
    right: 0px !important;
}

    .vdl-search .vdl-search__container .btn i {
        color: #fff !important;
        float: inline-start;
        padding-left: 8px;
    }

.planListContainer .planItem a {
    border: 1px solid #e6e6e6 !important;
    border-radius: 0.5rem !important;
    box-shadow: rgba(38, 35, 33, 0.08) 0px 0px 10px 0px !important;
    background: #fff !important;
}

    .planListContainer .planItem a:hover {
        background: #D8E5F9 !important;
    }

.doc-access-manager .doc-grid .grid-footer {
    background-color: inherit !important;
}

#introductionModal > div:first-of-type,
#planAmendmentModal > div:first-of-type {
    background: #324fa5 !important;
}

.TileContent .documentHeader-text {
    margin-bottom: 10px !important;
}

.viewsupertextbutton {
    background: #fff !important;
}

.wizard .topper {
    background: #324FA5 !important;
}

div[data-url*='Plan/Contacts'] .col-md-3.col-sm-9.col-xs-6 > :first-child {
    border: 1px solid #e6e6e6 !important;
    border-radius: 0.5rem !important;
    box-shadow: rgba(38, 35, 33, 0.08) 0px 0px 10px 0px !important;
}


.task_arrow_box,
#divCloseAlertBox {
    background: #BAD1F5 !important;
    border: none !important;
    color: #121C4E !important;
}

    .task_arrow_box:after, .task_arrow_box:before {
        border-color: transparent transparent transparent #BAD1F5 !important;
    }

#ttHomeHeader > div:nth-child(2),
[class*="tt-task"] {
    color: #262321 !important;
}

#gatewayLoginAsResult .agent {
    padding-top: 10px !important;
}

#infoMessage button {
    margin-left: 5px
}

.modelToFe-Custommodal .buttonbar a.ui-link[class*="button" i] {
    padding: 10px !important;
}

    .modelToFe-Custommodal .buttonbar a.ui-link[class*="button" i] i[class*="fa-" i] {
        padding: 5px !important;
    }