/*
	TPT Fund Manager CSS
*/

@import url("https://fast.fonts.net/cssapi/914c0317-e65a-4eb1-ba21-33b0127e03fe.css");
@import url("font-awesome.min.css");
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab%3A1%2C300%2C400%2C500%2C600%2C700%2C800%2C900&display=swap&ver=5.9.1');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;400;700&family=Montserrat:wght@400;500;700&display=swap');

/*Logo Fonts*/

@font-face {
    font-family: 'icomoon';
    src: url('src="font/icomoon.eot?glt0ys');
    src: url('font/icomoon.eot?glt0ys#iefix') format('embedded-opentype'), url('font/icomoon.ttf?glt0ys') format('truetype'), url('font/icomoon.woff?glt0ys') format('woff'), url('font/icomoon.svg?glt0ys#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Aeonik';
    src: url('fonts/Aeonik-Regular.eot');
    src: url('fonts/Aeonik-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Aeonik-Regular.woff2') format('woff2'), url('fonts/Aeonik-Regular.woff') format('woff'), url('fonts/Aeonik-Regular.ttf') format('truetype'), url('fonts/Aeonik-Regular.svg#Aeonik-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aeonik';
    src: url('fonts/Aeonik-Bold.eot');
    src: url('fonts/Aeonik-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Aeonik-Bold.woff2') format('woff2'), url('fonts/Aeonik-Bold.woff') format('woff'), url('fonts/Aeonik-Bold.ttf') format('truetype'), url('fonts/Aeonik-Bold.svg#Aeonik-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html {
}

body {
    background: #fff;
    font-size: 1em;
    font-family: 'Montserrat', sans-serif;
    color: #002655;
    line-height: 1.42857;
    font-weight: 400;
}

body.LoginPage {
    height: auto;
    position: relative;
}

    body:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 115px;
        background: #002655;
        content: " ";
        display: block;
        background-size: 100%;
        border-top: 0;
    }

    body.helpBody:before {
        display: none;
    }

    body.innerPages:after, body.innerPages_Search:after {
        display: block;
        content: "";
        width: 100%;
        height: 250px;
        position: absolute;
        background: #fff;
        top: 99px;
        left: 0;
        z-index: -1;
    }

    body.innerPages_Search:after {
        height: 379px;
    }

    body .innerPages.portfolio:after {
        height: 245px;
    }

    body.innerPages.portfolio.holdingDetails:after {
        height: 250px;
    }

    body.innerPages.portfolio.portfolioDetails:after {
        height: 430px;
    }

    body.innerPages.portfolio.transactionHistory:after {
        height: 500px;
    }

    body.innerPages.password:after {
        height: 480px;
    }

    body.innerPages.transactionStatement:after {
        height: 525px;
    }

    body.LoginPage:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*background: url(images/bg.jpg) center center no-repeat #fff;*/
        background: url(images/bannerBG.jpg) center center no-repeat #fff;
        content: " ";
        display: block;
        z-index: -1;
        background-size: cover;
        /* -webkit-filter: brightness(0.5); */
        /* filter: brightness(0.5); */
    }

a:link, a:visited, a:active {
    color: #0057ff;
    outline: medium none;
    text-decoration: none;
}

a:hover {
    color: #0057ff;
    text-decoration: none;
}


h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    color: #000;
}

h2 {
    font-family: Roboto Slab,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    color: #002655;
    font-weight: normal;
    line-height: 1.6em;
    font-size: 1.2em;
}

#mainContent h3 {
    float: none !important;
}

h3 {
    font-size: 1em;
    color: #002655;
}

hr {
}

input[type=text], input[type=password], #searchForm select, .refineFilter select {
    width: 100%;
    height: 40px;
    border: 1px solid #BABDC0;
    box-sizing: border-box;
    color: #002655;
    padding: 5px;
    z-index: 997;
    font-family: 'Montserrat', sans-serif;
    outline: none;
    /*border-radius: 8px;*/
}

.refineFilter select {
    height: 40px;
}

#container, .container {
    min-height: 100%;
    background: transparent;
    margin-bottom: -111px;
}

.headerTitle {
    color: #fff;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    top: 37px;
    right: 15px;
    position: absolute;
}

.accountLinks ul {
    margin: 1em 0;
    font-weight: normal;
}

.mainBody {
    padding-bottom: 110px;
}

#mainBody {
    background: transparent;
    margin: 0 0 50px 0;
    padding: 0;
    border: 0px;
}

.innerPages.portfolio #mainBody {
    float: left;
    margin-top: 20px;
    width: 710px;
}

.innerPages.password #mainBody {
    float: left;
    margin-top: 20px;
    width: 700px;
}

#mainContent {
    padding: 0;
    margin: 220px auto 0px auto;
    min-height: 447px;
    width: 100%;
}
/* 720px; */
.innerPages #mainContent {
    margin: 0px auto 0px auto;
}

body.innerPages_Search #mainContent {
    margin: 20px auto 0px auto;
}

#mainContent > h1, #managePasswordContainer h1 {
    color: #002655;
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.1;
    padding-top: 10px;
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 10px;
}

    #mainContent > h1:first-child {
    }

#mainContent > a {
    color: #f47724;
}

#sidePanel {
    margin: 20px 0 0px 0;
    width: 275px;
    box-sizing: border-box;
    float: right;
    position: absolute;
}
    /* width - originally from default */
    #sidePanel .infoPanel {
        padding: 20px;
        box-sizing: border-box;
        border: 0;
        background: #002655;
        border-radius: 5px;
        color: white;
    }

ul.userInfo span {
    margin: 0px 0 0px 0;
}

ul.userInfo label {
    font-size: .85em;
    width: auto;
    display: block;
    margin-bottom: .5em;
    margin-top: .5em;
}

ul.userInfo span {
    font-size: .85em;
    width: auto;
    vertical-align: top /*float: left;*/;
}

ul.userInfo li:nth-child(2) span {
    text-transform: lowercase;
}

ul.userInfo span#userFirstName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.pageHeader {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
}

/* logo */
.headerLogo {
    width: auto;
    margin: 0;
    height: auto;
    float: none;
    display: inline-block;
}

.pageHeaderLogo {
    background-image: url(images/logo.gif);
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 152px;
    height: 65px;
    margin-top: 34px;
    margin-left: 0;
}


.footer {
    color: #fff;
    border-top: 1px solid #002655;
    background: #002655;
}

.footerContent {
    background: transparent;
    border: none;
}

.footer .copyright {
    float: none;
    padding: 30px 0 10px 0;
    line-height: 1.42857143;
    letter-spacing: .08em;
    font-size: 13px;
    color: #e2ddd9;
    font-weight: 400;
    width: 100%;
    text-align: center;
    display: block;
    /* border-bottom: 1px solid #fff; */
}

.footerLinksMain li a, .footerLinksMain li a:active {
    color: #e2ddd9;
    text-decoration: none;
    font-size: 13px;
    border-right: 1px solid #e2ddd9;
}

.footerLinksMain li a {
    line-height: 22px;
    letter-spacing: .08em;
    font-weight: 400;
}

    .footerLinksMain li a:hover {
        color: #e2ddd9;
        text-decoration: underline;
    }

.footerLinksMain li:last-child a {
    border-right: 0;
}

.footerTPT {
    color: #e2ddd9;
    border-top: 1px solid #002655;
    background: #002655;
    text-align: center;
    font-size: 14px;
    padding: 0 7%;
}

    .footerTPT a {
        color: #f47724;
        text-decoration: underline
    }

    .footerTPT a:hover { color: #e2ddd9; }

.faqbox ul {
    list-style: disc;
    margin-left: 1.1em;
}

/*nav*/
.mainmenu {
    background: none;
    padding: 0;
    margin-top: -42px;
    height: auto;
    margin-bottom: 0px;
    margin-left: 180px;
    min-height: 43px;
    width: calc(100% - 180px);
}

    .mainmenu ul {
        margin: 0;
    }

        .mainmenu ul li {
            background: none;
            line-height: 1.6;
        }

            .mainmenu ul li.highlight {
                background: transparent;
                border-radius: 3px;
            }
            /* #dddcdc */
            /* .mainmenu ul li.highlight:after{content: "\f0d7"; position: absolute; font-family: FontAwesome; top: 81% !important; right: 50%; font-size: 20px; color: #dddcdc;} 
.mainmenu ul li.highlight:hover:after{content: "\f0d7"; position: absolute; font-family: FontAwesome; top: 81% !important; right: 50%; font-size: 20px; color: #dddcdc;}
.mainmenu ul li a:hover:after{content: "\f0d7"; position: absolute; font-family: FontAwesome; top: 90% !important; right: 50%; font-size: 20px; color: #05c3de;} */

            .mainmenu ul li:hover {
                background: none;
            }

                .mainmenu ul li:hover a {
                    color: #002655;
                }

            .mainmenu ul li a {
                margin: 0 20px 0 0;
                padding: 8px 5px 1px 5px;
                font-size: 14px;
                font-weight: 700;
                line-height: 22px;
                font-family: 'Montserrat', sans-serif;
                color: #fff;
                border-bottom: 0;
            }

                .mainmenu ul li a:hover {
                    color: #fff;
                }

    .mainmenu > ul > li.highlight > a {
        color: #fff;
        border-bottom: none;
    }

    .mainmenu > ul > li:hover > a {
        border-bottom: none;
        color: #fff;
    }


    /*sub nav*/
    .mainmenu ul ul {
        background: #FFF;
        transition: all 0s ease-out 0.2s;
        min-width: 12em;
        box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.03);
        margin: 0px;
        top: 100%;
        position: absolute;
    }

        .mainmenu ul ul li {
            border-bottom: none;
            height: 50px;
            background: transparent;
        }

            .mainmenu ul ul li:hover {
                background: transparent;
                color: #616161;
            }

            .mainmenu ul ul li a {
                border: none;
                margin: 0;
                padding: 0.7em 1.25em;
                border: none;
                line-height: 30px;
                color: #000;
                text-transform: none;
                font-size: 14px;
                border-bottom: 1px solid rgba(0,0,0,0.05);
                color: #002655;
            }

                .mainmenu ul ul li a:hover {
                    color: #002655;
                    background: rgba(0,0,0,.06);
                }

    .mainmenu ul li.highlight ul li a:visited, .mainmenu ul li.highlight ul li a:focus {
    }

ul.serviceLinks {
    padding-top: 20px;
    float: none;
}

    ul.serviceLinks li {
        float: none;
        display: inline-block;
    }

        ul.serviceLinks li a {
            text-decoration: none;
            color: #002655;
            padding: 0 25px;
        }

            ul.serviceLinks li a:hover {
                text-decoration: underline;
            }


    ul.serviceLinks + div .underline {
        font-weight: 700;
        font-size: 24px;
        margin-top: 20px !important;
    }

/* homepage */
#loginContent {
    margin: -150px 0 0 0;
    width: 100%;
    height: 100%;
}

.loginInfoText ul {
    margin: 0;
}

    .loginInfoText ul li {
        line-height: 20px;
        padding-bottom: 1em;
        padding-left: 0;
        font-size: 16px;
    }

.loginInfoText {
    margin: 33px 0 0 0;
    padding: 0;
    background: transparent;
    width: 55%;
    color: #fff;
    border: 0;
}
    /* width usually getting from default */
    .loginInfoText h1 {
        font-size: 38px;
        color: #fff;
    }

    .loginInfoText a {
        text-decoration: underline;
        color: #1a2a2a;
    }

        .loginInfoText a:hover {
            text-decoration: none;
        }

.loginControls {
    width: 40%;
    margin-top: 28px;
    height: 420px;
    /* background: #000;*/
    position: relative;
}

    .loginControls.registerShow {
        background: none;
        height: auto;
    }

.loginPanel {
    border: none;
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
    background: transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.infoPanelContent strong, .loginInfoText strong {
    color: #fff;
    font-size: 1.5em;
    font-weight: normal;
}

.infoPanelContent p strong {
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 20px;
}

.loginBox h1 {
    color: #fff;
    font-size: 17px;
    font-weight: normal;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 800;
}

.loginBox label {
    width: 30%;
    float: left;
    margin: .35em 0 .25em 0;
    font-size: 18px;
    color: #fff;
    clear: both;
}

.loginBox input {
    padding: 5px 10px;
    border: 0;
    background: #fff;
    color: #000;
    text-align: left;
    position: relative;
    font-family: 'Montserrat', sans-serif;
}

    .loginBox input[type="text"], .loginBox input[type="password"] {
        width: 60%;
        margin: 0 0 10px;
        float: right;
        font-size: 1em;
    }

.loginBox .checkbox {
    clear: both;
    padding: 10px 0;
}

    .loginBox .checkbox label {
        width: auto;
        float: none;
    }

.loginBox .forgottenPassword {
    width: auto;
    padding-right: 10px;
}

    .loginBox .forgottenPassword a {
        color: #fff;
        text-decoration: none;
        font-size: 0.9em;
    }

        .loginBox .forgottenPassword a:hover {
            text-decoration: underline;
        }

.loginButton .orangeButton {
    display: block;
    background: none;
    text-align: left;
}

    .loginButton .orangeButton:hover {
        background: none;
    }

    .loginButton .orangeButton button {
        width: auto;
        cursor: pointer;
        font-size: 18px;
        font-weight: normal;
        color: #000;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        padding: 8px 20px;
        text-transform: uppercase;
        background: #fff;
        transition: .5s ease all;
        border: 0;
        font-family: 'Montserrat', sans-serif;
        font-weight: 800;
        box-shadow: none;
    }

        .loginButton .orangeButton button:hover {
            background: #fff;
            color: #000;
        }

#modalDialog .orangeButton button {
    position: relative;
}

.loginButton {
    display: block;
    width: auto;
    padding: 10px 0 0;
    background: none;
    border: none;
    text-align: left;
}

    .loginButton:hover {
        background: none;
    }

#btnRegister {
    background: transparent;
    font-size: 0.9em;
    margin-top: 20px;
    padding: 14px 0 0 0 !important;
    border-top: 1px solid #616161;
    height: auto !important;
    width: 100%;
    cursor: pointer;
    color: #fff;
}

    #btnRegister:hover {
        text-decoration: underline;
    }

.loginBox .field-validation-error {
    background: #c00;
    color: #fff;
    width: auto;
    margin: 0 0 10px;
}

#forgottenPasswordContainer {
    border: 1px solid #000;
    margin: 119px 0 0 0;
    padding: 20px;
}

    #forgottenPasswordContainer:after {
        display: block;
        content: "";
        width: 100%;
        clear: both;
    }

    #forgottenPasswordContainer .forgottenUsername {
        width: 43%;
    }
    /* originally 48%*/
    #forgottenPasswordContainer .forgottenPassword {
        width: 54%;
        border-right: 1px solid #000;
    }
/* originally 48%*/

/*okta*/
#okta-sign-in {
    margin-top: -7px !important;
    font-family: 'Montserrat', sans-serif !important;
}

    #okta-sign-in.auth-container.main-container {
        background: transparent;
        border: 0;
        color: #fff;
        box-shadow: none;
        border-radius: 5px;
        width: auto;
        height: auto;
        margin: auto !important;
    }

    #okta-sign-in .beacon-container {
	width: 45px;
	height: 45px;
	bottom: 35px;
}

#okta-sign-in .factors-dropdown-wrap {
	right: -45px;
}

	#okta-sign-in .factors-dropdown-wrap .dropdown.more-actions .bg-helper {
		box-shadow: none;
	}

    #okta-sign-in.auth-container h2,
    #okta-sign-in.auth-container h3,
    #okta-sign-in.auth-container .link:link,
    #okta-sign-in.auth-container .link:visited,
    #okta-sign-in.auth-container .link:hover,
    #okta-sign-in.auth-container .link:active {
        color: #fff;
    }

    #okta-sign-in.auth-container h3.enroll-factor-label { color: #fff; }

    #okta-sign-in.auth-container .button-primary {
        color: #fff;
        box-shadow: none;
        border: 0;
        height: 40px;
        color: #fff;
        background-color: #0057ff;
        background: #0057ff;
        font-size: 16px;
        font-weight: bold;
        border-radius: 3px;
        font-family: 'Montserrat', sans-serif !important;
    }

        #okta-sign-in.auth-container .button-primary:hover,
        #okta-sign-in.auth-container .button-primary:focus,
        #okta-sign-in.auth-container .button-primary:active,
        #okta-sign-in.auth-container .button-primary:focus {
            opacity: 0.8;
            background: #0057ff;
        }

    #okta-sign-in .registration-container .registration-link {
        color: white;
    }

    #okta-sign-in .o-form .o-form-input .o-form-control {
        border: 0;
        height: 40px;
        border-radius: 3px;
    }

/*Inner Page*/
.holdingFilter a.backBtn {
    margin-left: 0;
    margin-right: 5px;
}

.holdingFilter label {
    color: #002655;
    font-size: 15px;
    margin: 0 10px 0 0;
    display: inline-block;
    width: 50px;
    font-weight: bold;
}

h3 .highlight {
    color: #0057ff;
    font-size: .95em;
    text-decoration: underline;
    text-transform: capitalize;
}

ul.userInfo li {
    background: none;
    list-style: none;
    padding-left: 0;
    line-height: 16px;
    display: inline;
    padding-right: 20px;
    border-top: 1px solid rgba(255,255,255,.3);
    display: block;
    margin-top: 6px;
}

    ul.userInfo li:first-child {
        margin-top: 0;
        border-top: none;
    }

.loginInfoText ul li,
#termsAndConditionsContainer div ul li {
    background: none;
    list-style: none;
    padding-bottom: 30px;
    line-height: 24px;
}

#termsAndConditionsContainer div {
    margin: 1.5em 0;
}

#termsAndConditionsContainer h2 {
    border-bottom: none !important;
    font-size: 1.2em;
    padding: 0;
}

.accountLinks ul li a {
    color: #fff;
    text-decoration: none;
    border: none;
}

    .accountLinks ul li a:hover {
        text-decoration: underline;
    }

.accountLinks ul li.name {
    border: none;
    color: #fff;
}

.accountLinks ul {
    color: #fff;
    margin: 9px 0 0 0;
    font-size: 14px;
}

.noRecords td {
    background: #fff;
    font-size: 15px;
    color: #000;
}

.holdingFilter optgroup {
    color: #CECECE;
}

div#holdingDetailsDiv {
    font-size: 0.9em;
}

#portflioContainer {
    margin: 60px 0 0 0;
}

#portfolioSummary .MuiButton-containedPrimary {
    text-align: center;
}

#holdingDetailsContainer {
    margin-bottom: 0;
    margin-top: 50px;
}

/* Buttons */
button.linkButton:hover span, button.linkButton span:hover, .linkButton a:hover, a.linkButton:hover {
    color: #FFF;
}

.orangeButton button {
    width: auto;
    cursor: pointer;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    padding: 8px 20px;
    /*text-transform: uppercase;*/
    transition: .5s ease all;
    border: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    box-shadow: none;
    color: #fff;
    box-shadow: none;
    border: 0;
    height: 40px;
    color: #fff;
    background: #002655;
    font-size: 16px;
    font-weight: 700;
}

    .orangeButton button:hover {
        background: #F47724;
        color: #ffffff;
    }

.orangeButton #btnOk {
    padding: 10px 26px;
}

#changepasswordContainer .buttonContainer .orangeButton button:hover {
    background: none;
}

#searchForm button.linkButton span {
    color: #ffffff;
}

    #searchForm button.linkButton span:hover {
        color: #ffffff;
    }

#searchForm button.linkButton {
    width: auto;
    cursor: pointer;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    padding: 8px 20px;
    background: #002655;
    transition: .5s ease all;
    border: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    margin-top: 9px;
    height: 40px;
    float: left;
    margin-left: 10px;
}

    #searchForm button.linkButton:hover {
        background: #002655;
        color: #fff;
        opacity: 0.8;
    }

a.holdingDetailLink.detailLink {
    text-decoration: none;
}


.forgottenPassword .orangeButton {
    margin-right: 50px;
    padding-top: 10px;
    float: none;
    display: block;
    text-align: left;
}

    .forgottenPassword .orangeButton #btnSubmit {
        width: auto;
        padding: 14px 26px;
        background: #000;
        color: #ffffff;
        text-transform: uppercase;
    }

        .forgottenPassword .orangeButton #btnSubmit:hover {
        }

.forgottenPassword input#UserName {
    float: left;
    height: 40px;
    padding: 5px;
    margin: 10px 0;
    width: 300px;
    display: inline-block;
    border: 1px solid #DDD;
}

#changepasswordContainer label.display-label {
    width: 270px;
    font-size: .80em;
}

#changepasswordContainer .passwordSection {
    padding: 1em 0;
    margin: 1em 0;
}

#changepasswordContainer p.passwordText {
    margin-top: 105px;
    line-height: 1.2em;
    font-size: .85em;
}

form#changePasswordForm #btnSubmit {
    margin-top: 20px;
}

#changepasswordContainer INPUT {
    padding: 5px;
}


table.info .linkButton, table.info .linkButton span {
    color: #414342;
    text-decoration: underline !important;
    font-weight: normal;
}

    table.info .linkButton:hover, table.info .linkButton span:hover {
        color: #414342 !important;
    }

button.linkButton span, .linkButton a, a.linkButton {
    text-decoration: none;
}

#managePasswordForm .buttonContainer {
    margin: 20px 0 0 0;
    float: left;
}

#managePasswordForm #btnCancel {
    margin: 0 10px 0 0;
    /* padding: 0; */
}

    #managePasswordForm #btnCancel span {
        padding: 5px 18px;
        background: #fff;
        font-size: 18px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 800;
        text-transform: uppercase;
        display: block;
    }

        #managePasswordForm #btnCancel span:hover {
            color: #000;
            text-decoration: none;
        }

#managePasswordForm p.passwordText {
    margin-top: 58px;
}

/* Holding details */
table.info {
    margin: 1em 0 4em;
}

#portfolioSummary table.info {
    margin: 1em 0 4em;
}

    #portfolioSummary table.info
    table.info tr.sectionDivider, table.info tr.darkBorderTop {
        border-top: 2px solid #ddd7d0;
    }

table.info th.colTitle, table.info th.orange {
    color: #002655;
    font-weight: bold;
}

table.info th {
    padding-right: 10px;
}

#mainContent .holdingDetailView ul li {
    list-style: none !important;
    padding: 0px !important;
    margin: 0px;
}

.clear.refineFilter {
    margin: 0 0 10px 0;
}

    .clear.refineFilter + .clear.refineFilter {
        margin-bottom: 70px;
    }

    .clear.refineFilter label {
        float: left;
        margin: 18px 0px 1px 0px;
    }

    .clear.refineFilter input {
        float: left;
        margin: 9px 0;
    }

    .clear.refineFilter .hasDatepicker {
        width: 85px;
        height: 30px;
        margin: 15px 6px 15px 10px;
        padding-left: 5px;
    }

    .clear.refineFilter .ui-datepicker-trigger {
        float: left;
        margin: 21px 12px 5px 0;
        cursor: pointer;
    }

    .clear.refineFilter .ui-datepicker-trigger:last-of-type { margin-right: 0; }

    .clear.refineFilter select {
        float: left;
        margin: 18px 0 0 5px;
        width: 686px;
    }

select#SelectedTransactionType {
    margin-right: 4px;
    width: 686px;
}

.holdingFilter {
    border: none;
    margin: 0;
    max-width: 696px;
    background: none;
    color: #002655;
}

#searchForm label.display-label {
    margin: 16px 0px 1px 0px;
    font-size: 15px;
    font-weight: bold;
    min-width: 50px;
}

ul.oc-radiogroupex li label {
    margin: 5px !important;
}

table.info tr.noPad td {
    width: 50%;
}

    table.info tr.noPad td.holdingDetailsOwnerData > label {
        font-weight: normal;
    }

    table.info tr.noPad td.holdingDetailsOwnerData li label {
        padding-right: 5px;
    }

/* Distribution history */
#distributionHistoryForm .refineFilter ul.oc-radiogroupex {
    float: none;
}

    #distributionHistoryForm .refineFilter ul.oc-radiogroupex li {
        display: inline-block;
    }

#distributionHistoryForm .filterDateOptionLabel {
    margin-bottom: 30px;
}

table.distributionDetailsTable tr td {
    font-size: .75em;
}

/* Transaction History */
table#TransactionHistoryGrid td:nth-child(8), table#TransactionHistoryGrid td:nth-child(9), table#TransactionHistoryGrid td:nth-child(10) {
    text-align: center !important;
}

.ui-jqgrid-bdiv, .ui-state-default.ui-jqgrid-hdiv {
    width: 100% !important;
}

div#gview_TransactionHistoryGrid {
    width: 100% !important;
}

.holdingFilter option {
    color: #000 !important;
}

div#gbox_TransactionHistoryGrid {
    width: 100% !important;
}

th#TransactionHistoryGrid_Action {
    width: 87px !important;
}

table#TransactionHistoryGrid {
    width: 100% !important;
}
table#FundsGrid {
    width: 100% !important;
}

.ui-jqgrid tr.jqgrow td {
    font-size: .75em;
    color: #002655;
    padding: 8px 2px;
    border: 0 !important;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.ui-jqgrid tr:nth-child(even) td {
    background: rgba(0,0,0,.01);
}
table.transactionDetailsTable {
     width: 100% !important;
     table-layout:fixed;
}

table.transactionDetailsTable tr td {
    font-size: .75em;
  
}



/* Grid */
.ui-jqgrid .ui-jqgrid-view {
    border: 0;
}

.ui-jqgrid .ui-jqgrid-sortable {
    color: #000 !important;
}

.ui-jqgrid a:hover {
    color: #0057ff!important;
}

.ui-jqgrid .ui-icon {
    background-image: url(images/icons_1.png);
    margin-top: 5px;
}

.ui-icon-seek-first, .ui-icon-seek-prev, .ui-icon-seek-next, .ui-icon-seek-end {
    height: 26px;
}

.gridTotal {
    margin-top: 20px;
    width: 698px;
    float: left;
    text-align: right;
}

.ui-icon {
    display: none;
}

#mainContent .gridContainer {
    background: transparent;
    border-top: 0;
    padding-top: 20px;
    margin-top: 0;
}

.gridContainer td a {
    text-decoration: none;
}

.ui-jqgrid .ui-jqgrid-hbox {
    float: none;
    padding: 0;
}

.gridContainer td a:hover {
    text-decoration: none;
    color: #0057ff;
}

.ui-jqgrid .ui-jqgrid-hdiv {
    border-top: none !important;
}

.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
    border: none;
    border-color: rgba(0,0,0,.08);
    background: #f9f9f9;
    color: #002655 !important;
    box-shadow: inset 0px 4px 3px -2px rgba(0, 0, 0, 0.04);
}

.ui-jqgrid .ui-jqgrid-htable th {
    padding: 0;
    background: #f1eeea;
}

.ui-jqgrid .ui-jqgrid-htable {
    width: 100% !important;
}

.ui-jqgrid TH, .ui-th-div-ie, .ui-jqgrid .ui-jqgrid-sortable {
    color: #002655 !important;
}

.ui-jqgrid .ui-pg-table td {
    color: #002655;
    font-size: 12px;
    font-weight: normal;
}

.ui-jqgrid .ui-paging-info {
    font-size: 12px;
}

.ui-jqgrid .ui-pg-table .ui-pg-input {
    width: auto;
    padding: 0;
    height: 20px;
}

.ui-jqgrid .ui-state-hover, .ui-jqgrid .ui-state-hover td {
    background: none;
}

.tooltip, .radioList li label span {
    border-bottom: indianred;
    font-size: 1.01em;
}

#gview_DistributionHistoryGrid table.ui-jqgrid-htable tr th:nth-child(3) {
    width: 166px !important;
}

#gview_DistributionHistoryGrid .ui-jqgrid-htable th {
    padding: 0 !important;
}

/*table#DistributionHistoryGrid td:nth-child(8) {
    text-align: center !important;
}*/

#DistributionHistoryGrid td {
    font-size: .75em;
}

div#gview_PriceHistoryGrid table.ui-jqgrid-htable tr th:nth-child(2) {
    width: inherit;
}

table#PriceHistoryGrid tr td:nth-child(2) {
    width: inherit;
}

table.regDetails th {
    color: #002655;
}

#reject.linkButton {
    color: #000;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
}

    #reject.linkButton:hover {
        color: #0077c8;
    }

#accept.linkButton {
    background: #000;
    font-weight: normal;
    padding: 5px 20px;
    text-transform: uppercase;
    font-size: 1.2em;
    line-height: 28px;
    width: 100px;
    height: auto;
    text-align: center;
}

    #accept.linkButton:hover {
        background: #a6ce39;
    }

/*widget*/
header.MuiAppBar-colorPrimary {
    background: none;
    box-shadow: none;
}

div.MuiToolbar-gutters {
    padding: 0;
}

h6.MuiTypography-h6#tableTitle {
    color: #002655;
    font-size: 18px;
    margin-bottom: 10px;
}

.MuiGrid-container.jss177 {
    background: none;
    padding: 0;
}

div.jss179 {
    color: #002655;
    padding: 0;
    margin: 15px 20px 15px 0;
}

h6.MuiTypography-subtitle1 {
    color: #002655;
    font-family: 'Montserrat', sans-serif;
    margin-top: 20px;
}

div.MuiOutlinedInput-inputSelect {
    padding: 10px;
    z-index: 997
}

div.MuiPopover-paper {
    box-shadow: none;
    background: #fff;
    border: 1px solid #000;
    border-radius: 0;
}

ul.MuiMenu-list {
    padding: 1px;
    background: #fff;
}

fieldset.MuiOutlinedInput-notchedOutline {
    border-radius: 0;
    border-color: #ddd !important;
    border-width: 1px !important;
}

ul.MuiMenu-list li.MuiButtonBase-root.MuiListItem-root.MuiMenuItem-root.Mui-selected.MuiMenuItem-gutters.MuiListItem-gutters.MuiListItem-button.Mui-selected {
}

/* Forms */
form { /* background: #fff; */
    padding: 5px;
}

    form.viewBarForm {
        margin-top: 60px;
    }

    form#frmExportDataCsv {
        max-width: 700px;
    }

    form:after {
        content: "";
        clear: both;
        display: block;
    }

#loginContent form {
    background: none;
}

h2.dropdownOpener a {
    color: #002655;
    font-weight: bold;
    text-decoration: none;
}

.formsSectionBox {
    background-color: none;
    border: none;
}

.formList li a {
    font-weight: bold;
}

select#ViewKey {
    padding: 5px;
    display: inline-block;
    box-sizing: border-box;
    color: inherit;
    width: calc(100% - 75px) !important;
    text-transform: capitalize;
    height: 40px;
    border: 1px solid #BABDC0 !important;
    outline: none;
    /*border-radius: 8px;*/
}

.portfolioDetails .holdingFilter #ViewKey {
    background: #f3f3f3;
}

#searchForm select#SelectedType {
    padding: 5px;
    margin: 9px 0px 0px 10px;
    color: inherit;
    width: 282px;
}

#searchForm input#Name {
    padding: 5px;
    margin-right: 16px;
    width: 282px;
}

#searchForm input#SearchNo {
    padding: 6px;
    width: 242px;
}

#searchForm input#Surname {
    padding: 5px 0 5px 5px;
    width: 215px;
    margin-left: 10px;
}

.down {
    background-image: url(images/down-arrow.gif);
}

.right {
    background-image: url(images/right-arrow.gif);
}

.faqbox {
    background: #F5F5F5 none repeat scroll 0% 0%;
}

    .faqbox:first-of-type {
        margin-top: 140px;
    }

.forgottenPassword p {
    font-size: 1em;
    font-weight: normal;
    padding-left: 0.25em;
}

#forgottenPasswordForm {
    margin-top: 30px;
}

.forgottenPassword label {
    padding: 0;
    font-size: 1.35em;
    font-weight: normal;
}

.forgottenPassword ul {
    margin: 0;
}

div#mfaFactorsResetErrorContainer {
    margin-top: 10px;
}

div#mfaFactorsResetContainer h1 {
    color: #F47724;
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.1;
    padding-top: 10px;
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 10px;
}

div#mfaFactorsResetContainer {
    margin-top: 20px;
}

#managePasswordContainer {
    font-size: 1.05em;
}

#managePasswordForm label.display-label {
    font-weight: normal;
    font-size: 0.93em;
}

#managePasswordForm fieldset {
    width: 480px;
}

#managePasswordForm p.passwordText {
    width: 480px;
    float: left;
    margin: 20px 0 0 0;
    font-size: 80%;
}

#ExistingPassword, #NewPassword, #ConfirmPassword {
    padding: 5px;
    margin: 0px;
    width: 225px;
    display: inline-block;
    border: 1px solid #BABDC0;
    font-size: 90%;
    margin: 0.55em 0px;
    /*border-radius: 8px;*/
}

img#newPasswordImage, img#confirmPasswordImage {
    margin-top: 16px;
}

.ui-dialog .ui-dialog-title {
    font-size: 1.1em;
    font-family: 'Montserrat', sans-serif;
    /*color: #f47724;*/
    color:white;
}
/*FAQ */
.helpBody {
    background: #FFF;
}

#faqContainer {
    background-image: none;
}

    #faqContainer h1 {
        background: #ffffff;
        color: #000;
        border-bottom: 1px solid #EAE6DD;
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
        font-size: 1.3em;
    }

.faqbox h2 a {
    color: #3e3c3a;
    text-decoration: none;
    background: transparent;
    padding-left: 3px;
}

    .faqbox h2 a:hover {
        color: #000;
        text-decoration: underline;
    }

.forgottenPassword ul li {
    background: none;
    list-style: disc inside;
    line-height: initial;
    padding: 5px;
}

/* Investor / Adviser Search */
table#SearchGrid td:nth-child(7) {
    text-align: center !important;
}

/* modal */
.ui-dialog .ui-dialog-titlebar {
   /* background: #FFF;*/
   background:#002655;
    /*border-bottom: 1px solid;*/
   /* box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); */
}

button.linkButton, .linkButton a {
    font-family: "Droid Serif  ", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 0.9em;
    font-weight: normal;
}

    button.linkButton:hover span {
        color: #000;
        text-decoration: underline;
    }

/*Pop-up window*/
.ui-dialog {
    padding: 0;
}

/* New User Validation */
#newuservalidationContainer label.display-label {
    font-size: .90em;
}

form#userValidationForm .orangeButton button {
    background-image: url(images/arrow-right.png);
    background-repeat: no-repeat;
    padding: 7px 27px 7px 15px;
    background-position: 70px;
}

#newuservalidationContainer p.passwordText {
    margin-top: 100px;
}

#newuservalidationContainer .orangeButton #btnEnterSite {
    background-image: url(images/arrow-right.png);
    background-repeat: no-repeat;
    padding: 7px 27px 7px 15px;
    background-position: 86px;
    margin-top: 20px;
}

div#newuservalidationContainer h1 {
    margin-bottom: 15px;
}

/* DatePicker */
.ui-datepicker {
    border-color: #f5f5f5;
    width: auto;
}

    .ui-datepicker td a {
        padding: 5px;
    }

.ui-datepicker-calendar .ui-state-hover {
    background-color: #000;
    color: #FFF;
}

.ui-datepicker .ui-state-active {
    background-color: #000;
}

.ui-datepicker-header .ui-icon {
    background-image: url(images/icons.png);
    *background-image: url(images/icons.png);
}

.ui-datepicker-prev span, .ui-datepicker-prev:hover span {
    background-position: 4px -76px;
}

.ui-datepicker-next span, .ui-datepicker-next:hover span {
    background-position: 0px -100px;
}

.ui-datepicker .ui-datepicker-next span {
    left: 20%;
}

/*Footer*/
.footer {
    height: 110px;
}

    .footer ul {
        padding-top: 0px;
        font-size: 15px;
        width: 100%;
        display: block;
        text-align: center;
    }

        .footer ul li {
            float: none;
            display: inline-block;
        }

        .footer ul li {
        }

/* Correspondence History */

table#CorrespondenceHistoryGrid{
	width: 100% !important;
}
#gview_CorrespondenceHistoryGrid table.ui-jqgrid-htable tr th:nth-child(1) {
    width: 95px !important;
}

table#CorrespondenceHistoryGrid tr td:nth-child(1) {
    width: 95px !important;
}

#gview_CorrespondenceHistoryGrid table.ui-jqgrid-htable tr th:nth-child(2) {
    width: 90px !important;
}

table#CorrespondenceHistoryGrid tr td:nth-child(2) {
    width: 90px !important;
}

#gview_CorrespondenceHistoryGrid table.ui-jqgrid-htable tr th:nth-child(3) {
    width: 70px !important;
}

table#CorrespondenceHistoryGrid tr td:nth-child(3) {
    width: 70px !important;
}

#gview_CorrespondenceHistoryGrid table.ui-jqgrid-htable tr th:nth-child(4) {
    width: 100px !important;
}

table#CorrespondenceHistoryGrid tr td:nth-child(4) {
    width: 100px !important;
}

#gview_CorrespondenceHistoryGrid table.ui-jqgrid-htable tr th:nth-child(5) {
    width: 125px !important;
}

table#CorrespondenceHistoryGrid tr td:nth-child(5) {
    width: 125px !important;
}

#gview_CorrespondenceHistoryGrid table.ui-jqgrid-htable tr th:nth-child(6) {
    width: 160px !important;
}

table#CorrespondenceHistoryGrid tr td:nth-child(6) {
    width: 160px !important;
    padding: 8px 10px !important;
}

#gview_CorrespondenceHistoryGrid table.ui-jqgrid-htable tr th:nth-child(7) {
    width: 165px !important;
}

table#CorrespondenceHistoryGrid tr td:nth-child(7) {
    width: 165px !important;
}


.ui-jqgrid .ui-jqgrid-htable th div {
    font-size: 13px;
    padding-right: 8px;
}

#gview_TransactionHistoryGrid .ui-jqgrid-htable th div {
    padding-left: 5px;
}

#loadingSpinner {
    border: 1px solid #ccc;
    display: inline-block;
    height: auto !important;
    width: auto !important;
    padding: 1em !important;
    border-radius: .5em;
    min-width: 50px;
    min-height: 50px;
}

    #loadingSpinner span {
        display: none;
    }

.spinner {
    transform: translate(24px, 24px);
}

body.managePassword:after {
    height: 720px;
}

body.priceHistory:after {
    height: 280px;
}

body.distributionHistory:after {
    height: 295px;
}

body.correspondenceHistory:after {
    height: 415px;
} 

body.incoming:after {
    height: 415px;
}

#contactUsContainer {
    background: #fff;
    padding: 0;
}

.managePassword #mainContent {
    width: 700px;
}

/* Trade Wisget */
#fm-trade-application-widget {
}

    #fm-trade-application-widget h4 {
        color: #f47724;
        font-family: 'Montserrat', sans-serif;
        font-size: 36px;
        line-height: 1.1;
        padding-top: 10px;
        margin-bottom: 0px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #fm-trade-application-widget hr {
        display: none;
    }

    #fm-trade-application-widget .MuiGrid-justify-xs-flex-end {
        justify-content: flex-start;
        margin-top: 21px;
    }

        #fm-trade-application-widget .MuiGrid-justify-xs-flex-end > a {
            display: flex;
            color: #002655;
        }

        #fm-trade-application-widget .MuiGrid-justify-xs-flex-end .MuiSvgIcon-root {
            width: 18px;
            height: 18px;
            margin-right: 3px;
        }

    #fm-trade-application-widget h6.MuiTypography-h6#tableTitle {
        font-family: Roboto Slab,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;
        margin-top: 40px;
        clear: both;
        font-size: 16px;
        color: #002655;
        font-weight: 700;
    }

    #fm-trade-application-widget .MuiGrid-container {
        background: none;
        padding: 0;
        align-items: center;
    }

        #fm-trade-application-widget .MuiGrid-container .MuiGrid-root.MuiGrid-item {
            flex-grow: 1;
        }

        #fm-trade-application-widget .MuiGrid-container .MuiGrid-root.jss140.MuiGrid-item {
            margin: 0 20px 0 0;
            flex-grow: 0;
        }

        #fm-trade-application-widget .MuiGrid-container .MuiGrid-root.MuiGrid-item .MuiInputBase-root.MuiOutlinedInput-root.jss139.MuiInputBase-fullWidth {
            margin: 0;
            min-width: unset;
        }

        #fm-trade-application-widget .MuiGrid-container fieldset.MuiOutlinedInput-notchedOutline {
            border: 1px solid #BABDC0 !important;
            background: #fff;
        }

        #fm-trade-application-widget .jss148 div[style*="margin"] { margin: 0 !important; }


/* Redemption Wisget */
#fm-trade-redemption-widget {
}

    #fm-trade-redemption-widget h4 {
        color: #f47724;
        font-family: 'Montserrat', sans-serif;
        font-size: 36px;
        line-height: 1.1;
        padding-top: 10px;
        margin-bottom: 0px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #fm-trade-redemption-widget hr {
        display: none;
    }

    #fm-trade-redemption-widget .MuiGrid-justify-xs-flex-end {
        justify-content: flex-start;
        margin-top: 21px;
    }

        #fm-trade-redemption-widget .MuiGrid-justify-xs-flex-end > a {
            display: flex;
            color: #002655;
        }

        #fm-trade-redemption-widget .MuiGrid-justify-xs-flex-end .MuiSvgIcon-root {
            width: 18px;
            height: 18px;
            margin-right: 3px;
        }

    #fm-trade-redemption-widget h6.MuiTypography-h6#tableTitle {
        font-family: Roboto Slab,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;
        margin-top: 40px;
        clear: both;
        font-size: 16px;
        color: #002655;
    }

    #fm-trade-redemption-widget .MuiGrid-container {
        background: none;
        padding: 0;
        align-items: center;
    }

        #fm-trade-redemption-widget .MuiGrid-container .MuiGrid-root.MuiGrid-item {
            flex-grow: 1;
        }

        #fm-trade-redemption-widget .MuiGrid-container .MuiGrid-root.jss147.MuiGrid-item {
            margin: 0 20px 0 0;
            flex-grow: 0;
        }

        #fm-trade-redemption-widget .MuiGrid-container .MuiGrid-root.MuiGrid-item .MuiInputBase-root.MuiOutlinedInput-root.jss145.MuiInputBase-fullWidth {
            margin: 0;
            min-width: unset;
        }

        #fm-trade-redemption-widget .MuiGrid-container fieldset.MuiOutlinedInput-notchedOutline {
            border: 1px solid #BABDC0 !important;
            background: #fff;
        }

/* Switch Wisget */
#fm-trade-switch-widget h4 {
    color: #f47724;
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    line-height: 1.1;
    padding-top: 10px;
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#fm-trade-switch-widget hr {
    display: none;
}

#fm-trade-switch-widget .MuiGrid-justify-xs-flex-end {
    justify-content: flex-start;
    margin-top: 21px;
}

    #fm-trade-switch-widget .MuiGrid-justify-xs-flex-end > a {
        display: flex;
        color: #002655;
    }

    #fm-trade-switch-widget .MuiGrid-justify-xs-flex-end .MuiSvgIcon-root {
        width: 18px;
        height: 18px;
        margin-right: 3px;
    }

#fm-trade-switch-widget h6.MuiTypography-root.MuiTypography-h6 {
    font-family: Roboto Slab,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;
    margin-top: 40px;
    clear: both;
    font-size: 16px;
    color: #002655;
}

#fm-trade-switch-widget .MuiGrid-container {
    background: none;
    padding: 0;
}

    #fm-trade-switch-widget .MuiGrid-container .MuiGrid-root.MuiGrid-item:last-child {
        flex-grow: 1;
    }

    #fm-trade-switch-widget .MuiGrid-container .MuiGrid-root.MuiGrid-item:first-child {
        margin: 0 20px 0 0;
        flex-grow: 0;
    }

    #fm-trade-switch-widget .MuiGrid-container .MuiGrid-root.MuiGrid-item .MuiInputBase-root.MuiOutlinedInput-root.MuiInputBase-fullWidth {
        margin: 0;
        min-width: unset;
    }

    #fm-trade-switch-widget .MuiGrid-container fieldset.MuiOutlinedInput-notchedOutline {
        border: 1px solid #BABDC0 !important;
        background: #fff;
    }

/* Extra */
#okta-login-container {
    background: #002655;
    border: 0;
    color: #fff;
    box-shadow: none;
    border-radius: 5px;
    padding: 2em;
}

    #okta-login-container > div {
        float: none !important;
    }

    #okta-login-container h1 {
        color: white;
    }

    #okta-login-container button {
        color: #fff;
        box-shadow: none;
        border: 0;
        height: 40px;
        color: #F47724;
        background-color: rgb(255, 255, 255);
        background: rgb(255, 255, 255);
        font-size: 16px;
        font-weight: bold;
        border-radius: 3px;
    }

        #okta-login-container button:hover {
            background: #fff;
            color: #F47724;
            opacity: 0.9;
        }

    #okta-login-container form {
        padding: 1em 0;
    }

#okta-sign-in.auth-container.main-container .infobox-error {
    color: #F47724;
}

#okta-sign-in.auth-container .button.button-primary.link-button-disabled {
    background: #fff;
    color: #F47724;
    opacity: 0.9;
}

#okta-sign-in.auth-container .okta-form-subtitle, #okta-sign-in.auth-container .okta-form-label {
    color: #000;
}

#okta-sign-in.auth-container h2, #okta-sign-in.auth-container h3 {
    font-size: 1.4em;
    margin-top: 0;
}

#okta-sign-in.auth-container.main-container .auth-content {
    padding: 0;
    overflow: hidden;
}

#okta-sign-in .registration-container .content-container {
    padding: 10px 42px;
    text-align: center;
}

#okta-sign-in .call-request-button, #okta-sign-in .email-request-button, #okta-sign-in .sms-request-button {
    width: 135px;
}


.innerPages_Search #mainContent {
    margin: 0 auto;
}

.innerPages.forms_pds,
.innerPages.contactUs,
.innerPages.termsAndConditions {
    max-height: 100vh;
     overflow: auto !important; 
}

    .innerPages.forms_pds #mainContent,
    .innerPages.contactUs #mainContent,
    .innerPages.trades #mainContent,
    .innerPages.termsAndConditions #mainContent {
        width: 700px;
    }


body.forms_pds:after, body.contactUs:after, body.termsAndConditions:after {
    display: none;
}

#contactUsContainer {
    background: transparent !important;
}

/* Grid Overrides */

div#gview_PortfolioGrid, .ui-jqgrid-bdiv, #PortfolioGrid, #PortfolioGrid_pager, #gridTotal, #DistributionHistoryGrid {
    width: 1024px !important;
}

    div#gview_PortfolioGrid th {
        width: auto !important;
    }

    div#gview_PortfolioGrid td {
        width: auto !important;
        text-align: center !important;
    }

#PortfolioGrid_pager_center .ui-pg-input {
    border: 1px solid #ddd;
}

#PortfolioGrid_pager {
    border-top: 1px solid #ddd;
    margin-top: 0px !important;
    padding-top: 10px !important;
}

#gview_NewPortfolioGrid, #NewPortfolioGrid, .ui-jqgrid .ui-jqgrid-htable, #gview_PortfolioGrid, #gview_TransactionHistoryGrid, .ui-jqgrid .ui-jqgrid-view, #PriceHistoryGrid, div#gview_TransactionHistoryGrid, #SearchGrid {
    width: 1024px !important;
}
#portflioContainer th, #portflioContainer td, .ui-jqgrid .ui-jqgrid-htable td, .ui-jqgrid .ui-jqgrid-htable th, #gview_TransactionHistoryGrid td, #gview_TransactionHistoryGrid th, .ui-jqgrid .ui-jqgrid-view td, .ui-jqgrid .ui-jqgrid-view th, #SearchGrid th, #SearchGrid td {
        width: auto !important;
}
    
 /* only text align */
 #portflioContainer th, #portflioContainer td, .ui-jqgrid .ui-jqgrid-htable td, .ui-jqgrid .ui-jqgrid-htable th, .ui-jqgrid .ui-jqgrid-view td, .ui-jqgrid .ui-jqgrid-view th, #SearchGrid th, #SearchGrid td {
        width: auto !important;
        /*text-align: center !important;*/
    }
 

#holdingDetailsContainer {
    width: 1024px;
}

/* React */

#fm-portfolio-docusign-widget {
    position: absolute;
    right: 0;
    top: 320px;
    width: 275px;
    font-size: .8em !important;
}

    #fm-portfolio-docusign-widget .MuiTypography-paragraph {
        margin-bottom: 0;
    }

    #fm-portfolio-docusign-widget .MuiCardActions-root {
        text-align: center;
    }

.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary:not([disabled]) {
    background-color: #002655;
    border-radius: 0;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary:hover {
    background-color: #0057ff;
}

.MuiPaper-root.MuiPaper-elevation1[class*="RegistrationStart-root"]:first-child,
#fm-login-registration-widget .MuiPaper-root.MuiPaper-elevation1[class*="RegistrationSendVerification-root-"]:first-child,
#fm-login-registration-widget .MuiPaper-root.MuiPaper-elevation1[class*="RegistrationVerifyCode-root"]:first-child,
#fm-login-registration-widget .MuiPaper-root.MuiPaper-elevation1[class*="RegistrationVerifySendLink-root"]:first-child,
#fm-login-registration-widget .MuiPaper-root.MuiPaper-elevation1[class*="RegistrationResetPassword-root"]:first-child,
#fm-login-registration-widget .MuiPaper-root.MuiPaper-elevation1[class*="RegistrationResetPasswordSuccess-root"]:first-child,
#fm-login-forgotpassword-widget .MuiPaper-root.MuiPaper-elevation1[class*="jss"]:first-child {
    display: none;
}

#fm-login-registration-widget .MuiPaper-root.MuiPaper-elevation1.MuiPaper-rounded, #fm-login-forgotpassword-widget .MuiPaper-root.MuiPaper-elevation1.MuiPaper-rounded, #fm-login-forgotpassword-widget .MuiTypography-colorPrimary {
    background: #002655;
    border: 0;
    color: #fff !important;
}

#fm-login-registration-widget input#filled-dense-hidden-label,
#fm-login-forgotpassword-widget input#filled-dense-hidden-label {
    background: white;
    z-index: 999;
    height: 40px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#fm-login-registration-widget button.MuiTypography-root.MuiLink-root.MuiLink-underlineHover[class*="RegistrationStart-Link"].MuiLink-button.MuiTypography-body2.MuiTypography-colorPrimary,
#fm-login-forgotpassword-widget button.MuiTypography-root.MuiLink-root.MuiLink-underlineHover[class*="RegistrationStart-Link"].MuiLink-button.MuiTypography-body2.MuiTypography-colorPrimary {
    color: #fff;
}

#fm-login-registration-widget button.MuiTypography-root.MuiLink-root.MuiLink-underlineHover[class*="RegistrationStart-BottomLink"].MuiLink-button.MuiTypography-body2.MuiTypography-colorPrimary,
#fm-login-forgotpassword-widget button.MuiTypography-root.MuiLink-root.MuiLink-underlineHover[class*="RegistrationStart-BottomLink"].MuiLink-button.MuiTypography-body2.MuiTypography-colorPrimary {
    color: #fff;
}

#fm-login-registration-widget fieldset[class*="PrivateNotchedOutline-root"].MuiOutlinedInput-notchedOutline,
#fm-login-forgotpassword-widget fieldset[class*="PrivateNotchedOutline-root"].MuiOutlinedInput-notchedOutline {
    background: white;
    border-radius: 3px;
}

#fm-login-registration-widget .MuiInputAdornment-root[class*="RegistrationStart-logo"].MuiInputAdornment-positionStart,
#fm-login-forgotpassword-widget .MuiInputAdornment-root[class*="RegistrationStart-logo"].MuiInputAdornment-positionStart {
    background: white;
}

#fm-login-forgotpassword-widget fieldset {
    background: white;
}

#fm-login-registration-widget .MuiInputAdornment-root.MuiInputAdornment-positionEnd,
#fm-login-forgotpassword-widget .MuiInputAdornment-root.MuiInputAdornment-positionEnd {
    z-index: 999;
    display: None
}

#fm-login-registration-widget .MuiInputAdornment-root.MuiInputAdornment-positionStart,
#fm-login-forgotpassword-widget .MuiInputAdornment-root.MuiInputAdornment-positionStart {
    z-index: 999;
}

#fm-login-registration-widget button.MuiButtonBase-root.MuiButton-root[class*="RegistrationStart-button"].MuiButton-contained.MuiButton-containedPrimary.Mui-disabled.Mui-disabled,
#fm-login-forgotpassword-widget button.MuiButtonBase-root.MuiButton-root[class*="RegistrationStart-button"].MuiButton-contained.MuiButton-containedPrimary.Mui-disabled.Mui-disabled {
    background-color: white;
}

#fm-login-registration-widget .MuiPaper-root.MuiPaper-elevation1[class*="RegistrationUnknownUsername-root"]:first-child,
#fm-login-forgotpassword-widget .MuiPaper-root.MuiPaper-elevation1[class*="RegistrationUnknownUsername-root"]:first-child {
    display: none;
}

#fm-login-registration-widget .MuiPaper-root.MuiPaper-elevation1[class*="RegistrationUnknownUsername-root"].MuiPaper-rounded
#fm-login-forgotpassword-widget .MuiPaper-root.MuiPaper-elevation1[class*="RegistrationUnknownUsername-root"].MuiPaper-rounded {
    background: rgba(225, 142, 25, 0.9);
    border: 0;
    color: #fff;
}

#fm-login-registration-widget button.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary,
#fm-login-forgotpassword-widget button.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary {color: #fff;box-shadow: none;border: 0;height: 40px;color: #fff;background-color: #0057ff;background: #0057ff;font-size: 16px;font-weight: bold;border-radius: 3px;font-family: 'Montserrat', sans-serif !important;}

#fm-login-registration-widget .MuiPaper-root.MuiPaper-elevation1 p.RegistrationStart-typo-597,
#fm-login-registration-widget .MuiPaper-root.MuiPaper-elevation1 p.RegistrationUnknownUsername-typo-744:first-of-type {
    color: #f47724;
}

#fm-login-forgotpassword-widget .MuiPaper-root.MuiPaper-elevation1 p > strong {
    color: #FFF;
}

#fm-login-forgotpassword-widget p.jss502:not(:empty) {
    border: 1.5px solid #c02b0a;
    background: #fff9f9;
    padding: 5px 10px;
}

#fm-login-forgotpassword-widget .MuiLink-button {color: #FFF !important;}


.MuiSvgIcon-root {
    color: #002655;
    margin-right: 4px;
    vertical-align: bottom;
}

.MuiTypography-body1, .MuiTypography-body2, .MuiButton-root {
    font-family: 'Montserrat', sans-serif !important;
}

#holdingDetailsContainer .MuiTypography-body2:nth-child(2) {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.RegistrationTermsConditions-Terms-898{
	background: #002655;
}

.MuiGrid-root.RegistrationTermsConditions-subtitle-901 > div{
	display: flex;
}

span.MuiButtonBase-root.MuiIconButton-root.PrivateSwitchBase-root-959.MuiCheckbox-root.MuiCheckbox-colorPrimary.MuiIconButton-colorPrimary{
	display: inline-block;
	padding: 0;
}

[class*="RegistrationTermsConditions-Checkbox"] {
    height: 60px;
    margin: 0 40px 0 0 !important;
    line-height: 23px;
}

#fm-portfolio-docusign-widget .MuiGrid-spacing-xs-3 > .MuiGrid-item {
    padding: 0px;
}

#fm-portfolio-docusign-widget .MuiGrid-container {
    align-items: center;
    padding-top: 15px;
}

fm-portfolio-docusign-widget .MuiTypography-body1 {
    font-size: .9rem;
}

*[class^='Mui'] {
    font-family: 'Montserrat', sans-serif !important;
}

input[class^='Mui'] {
    z-index: 1;
}

h5#portfolio-header, #holding-portfolio-name {
    color: #002655;
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 10px;
}


#portfolio-header-label .MuiTypography-h6.MuiTypography-colorPrimary {
    font-size: 1em;
    color: #002655;
    font-family: Roboto Slab,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;
}

#fm-portfolio-widget .MuiTableCell-head {
    background: #f9f9f9 !important;
    box-shadow: inset 0px 4px 3px -2px rgba(0, 0, 0, 0.04);
    color: #002655 !important;
}

#fm-holding-widget .MuiTableCell-head {
    background: #f9f9f9 !important;
    box-shadow: inset 0px 4px 3px -2px rgba(0, 0, 0, 0.04);
    color: #002655 !important;
}

#fm-portfolio-widget .MuiTableCell-head span { color: #002655 !important; }

.MuiTable-root .MuiTableBody-root tr td.MuiTableCell-root, .MuiTable-root tr th.MuiTableCell-root {
    color: #002655 !important;
}

.MuiTable-root .MuiTableBody-root tr td.MuiTableCell-root .MuiLink-root {color: #0057ff !important;}

.MuiTable-root .MuiTableBody-root tr td.MuiTableCell-root .MuiLink-root:hover {color: #0057ff !important;}

.MuiButtonBase-root.MuiTableSortLabel-root {
    background-color: transparent !important;
}

.MuiSvgIcon-root.MuiTableSortLabel-icon {
    color: #0057ff !important;
}
/* Extra widgets */
.infobox.infobox-warning p {
    color: #002655;
}

#okta-sign-in.auth-container .okta-form-subtitle, #okta-sign-in.auth-container .okta-form-label {
    color: #fff;
}

#okta-login-container a {
    color: #F47724;
}

#portfolio-dropdown-section *, #holding-dropdown {
    color: #002655 !important;
}

#holdings-header-label h6 {
    font-size: 36px;
    color: #002655;
    margin-top: 30px;
}

#holding-header-text {
    font-size: 24px;
}

#holding-dropdown {
    width: 600px;
}

button.MuiTypography-root.MuiLink-root.MuiLink-underlineHover.RegistrationSendVerification-BottomLink-773.MuiLink-button.MuiTypography-body2.MuiTypography-colorPrimary {
    color: white;
}

button.MuiTypography-root.MuiLink-root.MuiLink-underlineHover.RegistrationVerifyCode-BottomLink-817.MuiLink-button.MuiTypography-body2.MuiTypography-colorPrimary {
    color: white;
}

button.MuiTypography-root.MuiLink-root.MuiLink-underlineHover.RegistrationVerifySendLink-BottomLink-900.MuiLink-button.MuiTypography-body2.MuiTypography-colorPrimary,
button.MuiTypography-root.MuiLink-root.MuiLink-underlineHover.RegistrationVerifySendLink-BottomLink-790.MuiLink-button.MuiTypography-body2.MuiTypography-colorPrimary,
button.MuiTypography-root.MuiLink-root.MuiLink-underlineHover.RegistrationVerifyEmailCode-BottomLink-837.MuiLink-button.MuiTypography-body2.MuiTypography-colorPrimary{
    color: white;
}

button.MuiTypography-root.MuiLink-root.MuiLink-underlineHover.RegistrationVerifyEmailCode-BottomLink-944.MuiLink-button.MuiTypography-body2.MuiTypography-colorPrimary {
    color: white;
}

.loginTPTdntknowusername {
    position: relative;
    margin: auto;
    text-align: center;
}

.loginTPTdntknowusername1 {
    position: relative;
    margin: auto;
    text-align: center;
    font-weight: bold
}

.loginTPTdntknowusernamebtn {
    width: 85%;
}

.MuiPickersCalendarHeader-transitionContainer {
    height: 35px !important;
}

.MuiPickersDatePickerRoot-toolbar {
    align-items: inherit !important;
    flex-direction: row !important;
}

h6.MuiPickersToolbarText-toolbarTxt {
    font-size: 2.125rem;
    color: #fff;
}

.MuiPickersToolbarButton-toolbarBtn {
    padding: 10px 10px 0px 0px;
    min-width: 54px;
}

.holdingFilter #ViewKey {
    font-family: 'Montserrat', sans-serif;
}

.ui-dialog, .ui-paging-info, #gridPagingTop {
    color: #002655;
}

.MuiGrid-container #pagination-text input#pagination-number {
    color: #002655 !important;
}

.refineFilter label[for=SelectedFundList] {
    display: inline-block;
    width: 50px;
    font-weight: normal;
    margin-top: 7px;
}

.refineFilter select#SelectedFundList {
    font-family: 'Montserrat', sans-serif;
    width: 600px;
    text-transform: capitalize;
    margin-top: 0;
}

#holding-download-print-faq-header a {
    color: #002655;
}

#fm-holding-widget h6#holding-header-text, #fm-holding-widget h6#table-header-label {
    font-family: Roboto Slab,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;
}

#fm-holding-widget .MuiGrid-container #holdings-dropdown-label {
    padding: 0;
}

#fm-holding-widget .MuiGrid-container #holdings-dropdown-style .MuiOutlinedInput-root { padding: 1px !important; }

.MuiTable-root .MuiTableHead-root tr.MuiTableRow-head th.MuiTableCell-head span {
    color: #002655 !important;
}

.MuiButton-contained.Mui-disabled { border-radius: 0; }

#fm-trade-application-widget .MuiPaper-elevation1.jss364, #fm-trade-redemption-widget .MuiPaper-elevation1.jss356 {
    margin-top: 70px;
}

table.MuiTable-root tr th {
    border-color: rgba(0,0,0,.08);
    background-color: #f9f9f9;
    box-shadow: inset 0px 4px 3px -2px rgba(0, 0, 0, 0.04);
}

table.MuiTable-root tr.jss374 { background-color: #f9f9f9; }

.MuiButton-root.Mui-disabled .MuiSvgIcon-root { color: rgba(0, 0, 0, 0.26); }

#fm-trade-switch-widget .jss3943, #fm-trade-switch-widget .jss4915 {
    margin-top: 50px;
    width: 1084px;
}

#fm-trade-switch-widget .MuiGrid-item .MuiFormControl-root.MuiTextField-root {
    width: 100%;
}

#fm-trade-switch-widget .jss3928 {
    border: 1.5px solid #c02b0a;
    background: #fff9f9;
    padding: 5px 10px;
    color: #c02b0a;
    display: flex;
}

#fm-trade-switch-widget div > .MuiTypography-body1.jss5374 { margin-top: 60px; }

#okta-sign-in.auth-container .inline-link:link, #okta-sign-in.auth-container .inline-link:visited, #okta-sign-in.auth-container .inline-link:hover, #okta-sign-in.auth-container .inline-link:active {
    color: #f47724;
}

#fm-trade-application-widget .MuiGrid-root.jss158,
#fm-trade-redemption-widget .MuiGrid-root.jss149 {
    margin-left: 0;
}

#fm-trade-application-widget .MuiInputBase-root.MuiOutlinedInput-root.jss156,
#fm-trade-redemption-widget .MuiInputBase-root.MuiOutlinedInput-root.jss147 {
    min-width: 550px;
}

/* Adviser Feed Integration */

#fm-adviser-feed-integration-widget .sectionOneHeader .headerText{
color: #002655;
font-size: 36px;
font-weight: bold;
}
#fm-adviser-feed-integration-widget .stepOneSectionTwo .sectionOneHeader{
padding-right:300px
}
#fm-adviser-feed-integration-widget .stepOneSectionTwo .sectionOneHeader1{
padding-right:320px
}



/* ManageUsers */
/* Header -StepZero -StepOne -StepTwo -StepThree*/
#fm-adviser-staff-widget .sectionOneHeader .headerText{
color: #002655;
font-size: 36px;
font-weight: bold;
}
/* Header1 -StepZero -StepOne -StepTwo -StepThree*/
#fm-adviser-staff-widget .sectionOneHeader1 .headerText1 {
    color: #002655;
    font-size: 24px;
    font-weight: bold;
}
/* StepZero->div */
#fm-adviser-staff-widget #stepZeroDivWithViewAuthorisedUsersTable{ 
    width: 1024px;
    margin-top: 100px;
    margin-bottom: 16px;
}
/* StepZero-> description */
#fm-adviser-staff-widget .stepZeroSectionTwo .descriptionText{
font-size: 15px;
color: #1c1e2a;
font-weight: 100;
}
/* StepZero-> button */
#fm-adviser-staff-widget  .buttonStyle {

    background-color:#002655 ;
    color: #fff;    
    padding: 8px 8px;  
}
#fm-adviser-staff-widget  .buttonStyle:hover {

    background-color:#0057ff;
    color: #fff;
}
#fm-adviser-staff-widget  .buttonText {

text-transform: none;
font-size: 15px;
font-weight: 800;

}

#fm-adviser-staff-widget .stepZeroSectionOne{
    margin-top: 8px;
        padding-right: 8px;
}

/* StepZero->paper */
#fm-adviser-staff-widget #paper-ViewAuthorisedUsers-table {
    width: 1024px;
    margin-top: 20px;
    margin-bottom: 16px;
}
/* StepZero->table */
#fm-adviser-staff-widget .tableHeaderCellTextStyle {
    font-size: 13px;
    font-weight: bold;
    color: #002655;
    word-wrap: break-word;
    white-space: 'normal';
}
#fm-adviser-staff-widget .TableDataCellTextStyle {
        font-size: 12px;
        word-wrap: break-word;
        white-space: 'normal';
}
#fm-adviser-staff-widget .TableDataCellActionTextStyle {
      font-size: 12px;
      word-wrap: break-word;
      white-space: 'normal';
}
/* StepOne */
#fm-adviser-staff-widget .stepOneComponents {
    width: 750px;
}
#fm-adviser-staff-widget .stepOneSectionOne {
    margin-top: 8px;
    padding-right: 8px;
}
#fm-adviser-staff-widget #id_stepOneComponents #id_stepOneSectionThree .sectionOne {
    display: flex;    
    padding-right: 12.5px;
}
#fm-adviser-staff-widget #id_stepOneComponents .stepOneForm {
  margin-top: 29px;
}
#fm-adviser-staff-widget #id_stepOneComponents .stepOneFooterDescription {
    margin-top: 29px;
}
/* StepOne */
#fm-adviser-staff-widget .stepTwoComponents {
    width: 750px;
}
#fm-adviser-staff-widget #paper-ConfirmAuthorisedUsers-table {
    width: 1024px;
    margin-top: 20px;
    margin-bottom: 16px;
}

/* StepTwo */
#fm-adviser-staff-widget #id_stepTwoComponents .backButton {

    padding: 8px 8px;
    color: #002655;
}
#fm-adviser-staff-widget #id_stepTwoComponents .backButton:hover {
    padding: 8px 8px;
    background-color: #0057ff;
    color: #fff;
}

#fm-adviser-staff-widget #id_stepTwoComponents .stepTwoSectionThree {
    width: 1024px;
    margin-top: 20px;
    margin-bottom: 16px;
}
/* StepThree */
#fm-adviser-staff-widget .stepThreeComponents {
    width: 750px;
}
#fm-adviser-staff-widget #id_stepThreeComponents .div_stepThreeSectionTwo {
    margin-top: 8px;
    padding-right: 8px;
}
#fm-adviser-staff-widget #id_stepThreeComponents .div_stepThreeSectionFooter {
    padding-top: 20px;
  
}
#fm-adviser-reporting-widget input[type=text] {
    border: none !important;
}
 
#fm-adviser-reporting-widget .MuiAutocomplete-inputRoot[class*="MuiInput-root"] .MuiAutocomplete-input:first-child {
    padding: 6px 6px;
}
 
#fm-adviser-reporting-widget #paper-ViewAuthorisedUsers-table {
    margin-top: 50px;
}
#fm-adviser-reporting-widget .generate_file_loader {
    width: 2px;
    aspect-ratio: 8 / 5;
    border-radius: 50%;
    animation: l5 1s infinite linear alternate;
    height: 2px;
    margin-left: 25px !important;
    padding: 2px;
    background: conic-gradient(#000355 10%, #000355) content-box;
    -webkit-mask:
        repeating-conic-gradient(#000355 0deg, #000 1deg 20deg, #0000 21deg 36deg),
        radial-gradient(farthest-side, #0000 calc(100% - var(--b) - 1px), #000 calc(100% - var(--b)));
    -webkit-mask-composite: destination-in;
    mask-composite: intersect;
}
 
 
/* #fm-adviser-reporting-widget .grid_loader{
    width: 2px;
    aspect-ratio: 8 / 5;
    border-radius: 50%;
    animation: l5 1s infinite linear alternate;
    height: 2px;
    margin-left: 10rem !important;
    padding: 2px;
  }*/
@keyframes l5 {
    0% {
        box-shadow: 20px 0 #000, -20px 0 #0002;
        background: #000355
    }
 
    33% {
        box-shadow: 20px 0 #000, -20px 0 #0002;
        background: #0002
    }
 
    66% {
        box-shadow: 20px 0 #0002, -20px 0 #000;
        background: #0001
    }
 
    100% {
        box-shadow: 20px 0 #0002, -20px 0 #000;
        background: #000355
    }
}
 
.skeleton {
    animation: scale  4s infinite linear alternate;
 
}
@keyframes scale {
    0% {
        box-shadow: 20px 0 #000, -20px 0 #0002;
       
    }
 
    33% {
        box-shadow: 20px 0 #000, -20px 0 #0002;
       
    }
 
    66% {
        box-shadow: 20px 0 #0002, -20px 0 #000;
       
    }
 
    100% {
        box-shadow: 20px 0 #0002, -20px 0 #000;
       
    }
    /* 0% {
        transform: scale(0.9);
    }
 
    100% {
        transform: scale(1);
    } */
}
#fm-adviser-reporting-widget .input-box {
    border: 1px solid #c4c0c0;
}
 
#fm-adviser-reporting-widget #id_steptwocomponents_forms {
    margin-top: 50px;
}
 
#fm-adviser-reporting-widget .MuiAutocomplete-inputRoot {
    flex-wrap: nowrap !important;
    overflow: hidden;
}
 
#fm-adviser-reporting-widget .MuiAutocomplete-clearIndicator {
    display: none;
}
 
#fm-adviser-reporting-widget .MuiInputBase-input {
    padding: 6px;
}
 
#fm-adviser-reporting-widget .buttonImg:hover,
.buttonImg:active,
.buttonImg:focus {
    background-color: unset;
}
 
#fm-adviser-reporting-widget .buttonImg {
    width: 0%;
}
 
#fm-adviser-reporting-widget .backButton {
    color: #056cb9;
    font-weight: 700 !important;
    margin-top: 10px;
    background: none;
}
 
#fm-adviser-reporting-widget .MuiChip-root.MuiAutocomplete-tag.MuiChip-deletable {
    background: none;
}
 
#fm-adviser-reporting-widget .MuiAutocomplete-popper .MuiAutocomplete-popper:active {
    background: none;
}
 
#fm-adviser-reporting-widget .MuiInput-underline:before,
.MuiInput-underline:after {
    border: none !important;
}
 
#fm-adviser-reporting-widget .MuiChip-root {
    font-size: 11px !important;
}
 
#fm-adviser-reporting-widget .id_dialogActions{
    justify-content: center !important;
    background-color: red;
}
.MuiPickersToolbarButton-toolbarBtn h6.MuiTypography-subtitle1 {
   
    font-family: 'Montserrat', sans-serif;
    padding: 6px;
    margin-top: 0px !important;
}
#fm-adviser-reporting-widget .wave_loader {
    width: 120px;
    height: 20px;
    background:
      linear-gradient(90deg,rgba(225, 222, 222, 0.067) 33%,rgba(239, 233, 233, 0.333) 50%,rgb(222, 218, 218) 66%)
      #f2f2f2;
    background-size:300% 100%;
    animation: l1 1.3s infinite linear;
  }
  @keyframes l1 {
    0% {background-position: right}
  }
 
  /**
 * ==============================================
 * Dot Pulse
 * ==============================================
 */
 .dot-pulse {
    position: relative;
    left: -9999px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #002655;
    color: #002655;
    box-shadow: 9999px 0 0 -5px;
    animation: dot-pulse 1.5s infinite linear;
    animation-delay: 0.25s;
}
 
.dot-pulse::before,
.dot-pulse::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #002655;
    color: #002655;
}
 
.dot-pulse::before {
    box-shadow: 9984px 0 0 -5px;
    animation: dot-pulse-before 1.5s infinite linear;
    animation-delay: 0s;
}
 
.dot-pulse::after {
    box-shadow: 10014px 0 0 -5px;
    animation: dot-pulse-after 1.5s infinite linear;
    animation-delay: 0.5s;
}
 
@keyframes dot-pulse-before {
    0% {
        box-shadow: 9984px 0 0 -5px;
    }
 
    30% {
        box-shadow: 9984px 0 0 2px;
    }
 
    60%,
    100% {
        box-shadow: 9984px 0 0 -5px;
    }
}
 
@keyframes dot-pulse {
    0% {
        box-shadow: 9999px 0 0 -5px;
    }
 
    30% {
        box-shadow: 9999px 0 0 2px;
    }
 
    60%,
    100% {
        box-shadow: 9999px 0 0 -5px;
    }
}
 
@keyframes dot-pulse-after {
    0% {
        box-shadow: 10014px 0 0 -5px;
    }
 
    30% {
        box-shadow: 10014px 0 0 2px;
    }
 
    60%,
    100% {
        box-shadow: 10014px 0 0 -5px;
    }
}



/*ppt */
/**/
#gview_TransactionHistoryGrid table.ui-jqgrid-htable tr th:nth-child(7) {
     width: 166px !important;
}
table#TransactionHistoryGrid tr td:nth-child(7){
    width: 166px !important;
}

.ui-jqgrid .ui-jqgrid-htable th, .ui-jqgrid .ui-jqgrid-btable td, .MuiGrid-root table th, .MuiGrid-root table td {
text-align:left !important
}
#dropdown-header {
    font-weight:bold
}
#as-at-date-label{
    padding-right:20px
}
#holdings-dropdown-label .h6.MuiTypography-subtitle1 {
    margin-top: 10px !important
}

#id_popupTitle, #id_dialogContent {
    padding-left:10px;
}

 #correspondenceHistoryGridDiv #gview_CorrespondenceHistoryGrid table.ui-jqgrid-htable tr th, #correspondenceHistoryGridDiv #gview_CorrespondenceHistoryGrid table.ui-jqgrid-btable tr td 
    {
        width:inherit !important;
    }
     #correspondenceHistoryGridDiv #gview_CorrespondenceHistoryGrid table.ui-jqgrid-htable tr th:last-child, #correspondenceHistoryGridDiv #gview_CorrespondenceHistoryGrid table.ui-jqgrid-btable tr td:last-child 
    {
        text-align:center !important;
    }