:root {
    --portal-nav-background: #541868;
    --portal-nav-background-hover: #3d114c;
    --portal-nav-color: #ffffff;
    --portal-nav-scroll-background: #ffffff;
    --portal-nav-scroll-bar: #ad86bb;
    --portal-nav-shadow: #6c6c6c;
    --portal-nav-width: 230px;
    --portal-page-primary-background: #541868;
    --portal-page-primary-background-hover: #3d114c;
    --portal-page-primary-background-alt: #896695;
    --portal-page-primary-color: #ffffff;
    --portal-page-primary-border: #541868;
    --portal-page-primary-text: #541868;
    --portal-page-primary-mb-background: #541868;
    --portal-page-primary-mb-color: #ffffff;
    --portal-page-primary-shadow: rgb(84 24 104 / 60%);
    --portal-header-notification: #c4c4c4;

    --portal-login-primary-background: #541868;
    --portal-login-primary-text: #541868;
    --portal-login-primary-background-hover: #3d114c;
    --portal-login-primary-color: #ffffff;
    --portal-login-alt-button-background: #66e84b;
    --portal-login-alt-button-hover: #b5ffa6;
}

/***
    Sidebar
***/
#bs-example-navbar-collapse-1 .side-wrapper {
    /* display: none; */
}

@media (min-width: 768px) {
    .side-nav {
        position: unset !important;
        width: 100% !important;
        overflow-y: auto !important;
        background: var(--portal-nav-background) !important;
        top: unset !important;
        left: unset !important;
        margin-left: unset !important;
        border-right: none !important;
    }

    .navbar-nav>li>a {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .navbar-default {
        background: unset !important;
        border-bottom: none !important;
    }

    .navbar-brand {
        display: none;
    }

    .advisor-top-nav,
    .navbar-header .pwp-link a,
    .navbar-header .advisor-icon a,
    .notification-bell {
        /* background: #fff; */
        color: #000 !important;
    }

    .navbar-header .pwp-link a:hover,
    .navbar-header .advisor-icon a:hover {
        background: #efefef !important;
    }

    .side-wrapper {
        position: fixed;
        width: 231px !important;
        overflow-y: none !important;
        top: 0px !important;
        left: var(--portal-nav-width) !important;
        margin-left: calc(var(--portal-nav-width) * -1) !important;
        box-shadow: var(--portal-nav-shadow) 0px 2px 10px;
        border-radius: 0px 15px 15px 0;
    }

    #bs-example-navbar-collapse-1 .side-wrapper {
        /* display: block; */
    }

    .side-header {
        overflow-y: hidden;
        width: var(--portal-nav-width);
        background: var(--portal-nav-background) !important;
        border-radius: 0px 15px 0px 0;
    }

    .side-header img {
        max-height: 26px;
        margin: 29px 13px 13px 13px;
        padding: 0;
        cursor: pointer;
    }

    .side-footer {
        overflow-y: hidden;
        width: var(--portal-nav-width);
        height: 25px;
        background: var(--portal-nav-background) !important;
        border-radius: 0px 0px 15px 0;
    }

    .side-body {
        overflow-y: auto;
        width: var(--portal-nav-width);
        height: calc(100vh - 68px - 25px - 1px);
        background: var(--portal-nav-background) !important;
    }

    .side-body::-webkit-scrollbar {
        width: 5px;
        height: 8px;
        background-color: none;
        border: none;
    }

    .side-body::-webkit-scrollbar-thumb {
        background: var(--portal-nav-scroll-bar);
        border: none;
        border-radius: 2px !important;
    }

    .navbar-fixed-top {
        /* margin-left: calc(var(--portal-nav-width) + 5px) !important; */
    }

    #wrapper {
        padding-left: var(--portal-nav-width) !important;
    }

    .side-nav>li>a {
        width: var(--portal-nav-width) !important;
    }
}

@media (max-width: 768px) {
    #bs-example-navbar-collapse-1 .side-wrapper {
        /* display: none; */
    }

    .moorr-signin-wrapper .form-signin, .moorr-signin-wrapper .tpc-form-signin {
        width: 330px !important;
        margin-top: calc(50vh - 20px) !important;
    }

    .side-header,
    .side-footer {
        display: none;
    }

    .navbar-default {
        background: var(--portal-nav-background) !important;
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background: none !important;
        border-color: var(--portal-nav-color);
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: var(--portal-nav-color);
    }

    .top-nav > li > a:hover, .top-nav > li > a:focus, .top-nav > .open > a, .top-nav > .open > a:hover, .top-nav > .open > a:focus {
        background: var(--portal-nav-background-hover) !important;
        color: var(--portal-nav-text) !important;
    }

    .side-nav>li>a {
        width: 100% !important;
    }    
}

.loading-spinner-container {
    z-index: 10000 !important;
}

.side-nav>li>a {
    color: var(--portal-nav-color) !important;
}

.side-nav>li>ul>li>a {
    color: var(--portal-nav-color) !important;
}

.side-nav li a:hover,
.side-nav li a:focus {
    background: #3d114c !important;
}

.tpc-container {
    padding-top: 50px !important;
}

/***
    Login
***/
.moorr-signin-wrapper{
    max-width: 1800px;
}

.moorr-signin-wrapper .empower-signin-button {
    background-color: var(--portal-login-primary-background) !important;
    border-radius: 20px;
    font-size: 16px;
    height: 40px;
    width: 100%;
    margin: auto;
}

.moorr-signin-wrapper .empower-signin-button:focus {
    color: var(--portal-login-primary-color) !important;
}

.moorr-signin-wrapper .form-signin, .moorr-signin-wrapper .tpc-form-signin {
    font-family: 'Poppins', sans-serif;
    border-radius: 20px !important;
    width: 350px;
    font-size: 11pt;
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.moorr-signin-wrapper .form-signin-content {
    display: none;
}

.moorr-signin-wrapper .form-signin-logo img {
    height: 56px;
    width: unset !important;
}

.moorr-signin-wrapper .form-signin-logo {
    margin-top: 0 !important;
    text-align: center;
    width: auto;
    margin-bottom: 50px !important;
}

@media (min-width: 768px) {
    .moorr-signin-wrapper .form-signin, .moorr-signin-wrapper .tpc-form-signin {
        margin: unset !important;
        margin-top: unset !important;
        transform: unset !important;
        display: inline-block;
        vertical-align: top;
        border: 2px solid var(--portal-login-primary-background);
    }

    .moorr-signin-wrapper {
        margin: 0 auto;
        border-radius: 20px !important;
        margin-top: 7vh;
        transform: translateY(00%);
        padding: 0px 50px;
    }

    .moorr-signin-wrapper .form-signin-content {
        display: inline-block;
        vertical-align: top;
        color: white;
        margin: 0px 50px 20px 50px;
        width: calc(100% - 460px)
    }
}

.moorr-signin-wrapper .form-signin-heading {
    font-size: 18px !important;
    border-bottom: none !important;
    margin-left: 10px !important;
}

.sign-me-up a {
    color: var(--portal-login-primary-background) !important;
}

.login-full-screen-bg-wrapper {
    background-color: var(--portal-login-primary-background);
    position: fixed;
    z-index: 0;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
}

.login-full-screen-bg {
    z-index: unset !important;
    left: 0 !important;
    top: 0 !important;
    opacity: 0.3 !important;
}

.moorr-signin-wrapper .form-signin input[type="email"],
.moorr-signin-wrapper .tpc-form-signin input[type="email"],
.moorr-signin-wrapper .form-signin input[type="password"],
.moorr-signin-wrapper .tpc-form-signin input[type="password"] {
    border: none;
    outline: none;
    font-size: 14px;
    box-shadow: none;
    border-bottom: 1px solid #e2e2e2 !important;
    margin-bottom: 0px;
    border-radius: 0 !important;
    padding-bottom: 5px;
    margin-bottom: 7px;
}

.moorr-signin-wrapper .form-signin .ew-old-logos,
.moorr-signin-wrapper .tpc-form-signin .ew-old-logos {
    margin-top: 40px;
    padding-top: 20px;
    margin-bottom: -30px;
    border-top: 1px solid #e9e9e9;
    text-align: center;
}

.moorr-signin-wrapper .form-signin .ew-old-logos>img,
.moorr-signin-wrapper .tpc-form-signin .ew-old-logos>img {
    max-width: 70%;
    padding: 10px;
}

.moorr-signin-wrapper .form-signin .ew-old-logos-text,
.moorr-signin-wrapper .tpc-form-signin .ew-old-logos-text {
    font-size: 10pt;
    padding-bottom: 10px;
    color: #888888;
}

#btnHelp {
    color: var(--portal-login-primary-background);
    background: var(--portal-login-alt-button-background);
}

#btnHelp:hover {
    background: var(--portal-login-alt-button-hover);
}

/* Page UI */

.empower-button {
    background-color: var(--portal-page-primary-background);
  }
  
  .empower-button:hover {
    background-color: var(--portal-page-primary-background-hover);
  }
  
  .empower-button:active {
    background-color: var(--portal-page-primary-background-hover) !important;
  }
  
  .factfind-btn {
    background-color: var(--portal-page-primary-background);
  }
  
  .factfind-btn:hover {
    background-color: var(--portal-page-primary-background-hover);
  }
  
  .factfind-btn:active {
    background-color: var(--portal-page-primary-background-hover) !important;
  }


h3 {
    color: var(--portal-page-primary-text) !important;
}

.client-search-panel h3 {
    color: #fe9a2e !important;
}

.highlight-blue {
    /* color: #541868 !important; */
}

.dashboard-tile {
    background: var(--portal-page-primary-background) !important;
    color: var(--portal-page-primary-color) !important;
}

.dashboard-tile h3 {
    color: var(--portal-page-primary-color) !important;
}

.dashboard-tile :hover {
    color: var(--portal-page-primary-background) !important;
}

.dashboard-tile :hover h3 {
    color: var(--portal-page-primary-background) !important;
}

.client-summary-table-single-client th {
    background: var(--portal-page-primary-background) !important;
}

.notification-bell-2 {
    color: var(--portal-header-notification) !important;
}

.to-top {
    background: var(--portal-page-primary-background) !important;
}

.bottom-reload, .bottom-save {
    background: var(--portal-page-primary-background) !important;
}

.bottom-reload:hover, .bottom-save:hover {
    background: var(--portal-page-primary-background-hover) !important;
}

.bottom-discard {
    background: var(--portal-page-primary-background) !important;
}

.bottom-discard:hover {
    background: var(--portal-page-primary-background-hover) !important;
}

.factfind-plus {
    color: var(--portal-page-primary-background) !important;
}

.quiz-score {
    color: var(--portal-page-primary-text);
}

.form-control:focus {
    border-color: var(--portal-page-primary-background);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px var(--portal-page-primary-shadow);
}

input:checked + .slider {
    background-color: var(--portal-page-primary-background);
}

.client-search-panel input:checked + .slider {
    background-color: #fe9a2e;
}

h1.portal-form-header,
h4.portal-form-header {
    color: var(--portal-page-primary-text);
}

span.portal-form-fy-label {
    color: var(--portal-page-primary-text);
}

.portal-terms-agree {
    margin:15px;
    color:var(--portal-login-primary-text);
    font-size:16px
  }

.dialog-button-2, .dialog-button-2:hover, .dialog-button-2:active {
	background-color: var(--portal-page-primary-background-hover);
    border-color: var(--portal-page-primary-background-hover);
}

.dialog-button, .dialog-button:hover, .dialog-button:active {
	background-color: var(--portal-page-primary-background);
    border-color: var(--portal-page-primary-background);
}

.alert-warning {
    background-color: #f1e7f5 !important;
    border-color: var(--portal-page-primary-background) !important;
    color: var(--portal-page-primary-background) !important;
}

.modal-dialog .alert-warning {
    margin: 15px !important;
}

.factfind-nav a:hover, .factfind-nav div:hover {
    color: var(--portal-login-primary-text);
}

.dashboard-small-nav-left, .dashboard-small-nav-right, .dashboard-small-nav-center {
    background: var(--portal-page-primary-background-alt) !important;
}

.dashboard-small-nav-left:hover, .dashboard-small-nav-right:hover, .dashboard-small-nav-center:hover {
    background: var(--portal-page-primary-background-hover) !important;
}

.dashboard-small-nav-left h3, .dashboard-small-nav-right h3, .dashboard-small-nav-center h3 {
    color: var(--portal-page-primary-color) !important;
}

.dashboard-small-nav-active, .dashboard-nav-active {
    background: var(--portal-page-primary-background) !important;
}

.client-searchTitle {
    color: var(--portal-page-primary-text);
}

.orange-button {
    background-color: var(--portal-page-primary-background) !important;
    border-color: var(--portal-page-primary-background) !important;
}

.orange-button:hover {
    background-color: var(--portal-page-primary-background-hover) !important;
    border-color: var(--portal-page-primary-background-hover) !important;
}

.empower-signin-button {
    background: var(--portal-page-primary-background) !important;
}

.empower-signin-button:hover {
    background: var(--portal-page-primary-background-hover) !important;
}

.clientNames {
    color: var(--portal-page-primary-text) !important;
}

.dashboard-big-btn {
    background-color: var(--portal-page-primary-background);
}

.dashboard-big-btn:hover, .dashboard-big-btn:active {
    background-color: var(--portal-page-primary-background-hover);
}

.factfind-text a {
    color: var(--portal-page-primary-text) !important;
}

.factfind-subheading {
    color: var(--portal-page-primary-text) !important;
}

.factfind-container .add-more,
.factfind-container .expense-header,
.factfind-expenses-container .add-more,
.factfind-expenses-container .expense-header
{
    color: var(--portal-page-primary-text) !important;
}

.base-discount-button button {
    color: var(--portal-page-primary-text) !important;
}

.property-tile {
    border-color: var(--portal-page-primary-background) !important;
}

.client-summary-table th {
    background-color: var(--portal-page-primary-background) !important;
}

.property-tile-details, .property-summary-tile {
    background-color: var(--portal-page-primary-background) !important;
}

.bottom-buttons-container .bottom-buttons .btn {
    background-color: var(--portal-page-primary-background) !important;
}

.property-tile-1 h4 {
    /* Not required */
    /* margin-top: 40px !important; */
}

.property-tile-2 {
    border-left-color: var(--portal-page-primary-background);
}

/* SIM Wrapper Overrides */
.navbar-header {
    background: #ffffff;
}

.sim-wrapper {
  width: calc(100vw - 231px) !important;
}

.sim-wrapper > header {
  left: 263px !important
}

.property-portfolio-wrapper {
  margin-left: 38px !important;
}

.property-portfolio-wrapper header {
  left: 263px !important
}

.navbar-default .navbar-nav>li>a.nav-warning:after {
    content: ' *';
    color: #ff6363;
}

.dialog-link, .item-sub-header {
    color: var(--portal-page-primary-text) !important;
}

#react-wrapper-futurePlansChanges .sub-header {
    color: var(--portal-page-primary-text) !important;
}
.modal-body .histroy-current-btn {
    color: var(--portal-page-primary-text) !important;
}

.modal-outer-container .modal-container .modal-foot button.btn-blue {
    background: var(--portal-login-primary-background) !important;
}
.modal-outer-container .modal-container .modal-foot button.btn-blue {
    background: var(--portal-login-primary-background) !important;
    border: none !important;
}

.modal-outer-container .modal-container .modal-foot button.btn-orange {
    background-color: var(--portal-nav-shadow) !important;
    border: none !important;
}

.ui-datepicker-next span {
  background-image: url("../../assets/img/purple-icons.png") !important;
  background-position: -48px -192px !important;
}

.ui-datepicker-prev span {
  background-image: url("../../assets/img/purple-icons.png") !important;
  background-position: -80px -192px !important;
}

input[type="checkbox"]:focus {
  border-color: var(--portal-page-primary-background);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--portal-page-primary-shadow);
  outline: 5px auto var(--portal-page-primary-background);
  outline-offset: -2px;
}

.form-control:focus {
  border-color: var(--portal-page-primary-background);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--portal-page-primary-shadow); 
}

.factfind-btn:hover, .factfind-btn:active {
  background-color: var(--portal-page-primary-background-hover) !important;
  color: #ffffff !important;
}

.dashboard-big-btn:active {
  background-color: var(--portal-page-primary-background-hover) !important;
  color: #ffffff !important;
}