
button.mud-button-filled-secondary
button.mud-button-group-filled-secondary
{
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.3) !important;
    background-color: rgb(255, 255, 255) !important;
    color: rgb(147, 24, 108) !important;
    border: 2px solid currentColor !important;
}

button.mud-button-filled-secondary:focus
button.mud-button-group-filled-secondary:focus {
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.3) !important;
    background-color: rgb(255, 255, 255) !important;
    color: rgb(147, 24, 108) !important;
    border: 2px solid currentColor !important;
}

@font-face {
    font-family: "Manrope-Regular";
    src: url("/assets/fonts/manrope-regular/Manrope-Regular.woff2") format("woff2");
}


/* START: Computershare icons */
@font-face {
    font-family: "Manrope-Bold";
    src: url('/assets/fonts/manrope/Manrope-Bold.woff2') format('woff2');
}

@font-face {
    font-family: "CPU";
    src: url("/assets/fonts/Overpass-CPU-Bold.woff2") format("woff2"), url("/assets/fonts/Overpass-CPU-Bold.woff") format("woff");
}


/* START: Computershare icons */
@font-face {
    font-family: 'Glyphicons Cpu';
    src: url('/assets/fonts/cpu_icons.woff2') format('woff2'), 
        url('/assets/fonts/cpu_icons.woff') format('woff')
}

.cpuicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Cpu';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cpuicon {
    display: inline-block;
}

.cpuicon-mouse:before {
    content: "\e600";
}

.cpuicon-mail-open:before {
    content: "\e980";
}

.cpuicon-reuse:before {
    content: "\e929";
}

.cpuicon-arrow-right:before {
    content: "\e947";
}

.cpuicon-pie:before {
    content: "\e91a";
}

.cpuicon-manage-account:before {
    content: "\e905";
}

.cpuicon-transfer:before {
    content: "\e93c";
}

.cpuicon-scan:before {
    content: "\e92b";
}

.cpuicon-cancel:before {
    content: "\e951";
}

.cpuicon-cross:before {
    content: "\e952";
}

.cpuicon-fax:before {
    content: "\e971";
}

.cpuicon-monitor:before {
    content: "\e90d";
}

.cpuicon-laptop:before {
    content: "\e97d";
}

.cpuicon-card:before {
    content: "\e953";
}

.cpuicon-barchart:before {
    content: "\e94b";
}

.cpuicon-contactinfo:before {
    content: "\e95f";
}

.cpuicon-home:before {
    content: "\e97a";
}

.cpuicon-documentlibrary:before {
    content: "\e966";
}

.cpuicon-barcode:before {
    content: "\e94c";
}

.cpuicon-arrow:before {
    content: "\e948";
}

.cpuicon-chat:before {
    content: "\e955";
}

.cpuicon-tablet:before {
    content: "\e935";
}

.cpuicon-addresschange:before {
    content: "\e944";
}

.cpuicon-globe:before {
    content: "\e976";
}

.cpuicon-clock:before {
    content: "\e946";
}

.cpuicon-accounts:before {
    content: "\e943";
}

.cpuicon-question:before {
    content: "\e922";
}

.cpuicon-bankingdetails:before {
    content: "\e94a";
}

.cpuicon-lock:before {
    content: "\e984";
}

.cpuicon-tick:before {
    content: "\e939";
}

.cpuicon-tick-2:before {
    content: "\e93a";
}

.cpuicon-refresh:before {
    content: "\e925";
}

.cpuicon-smartphone:before {
    content: "\e932";
}

.cpuicon-settings:before {
    content: "\e92e";
}

.cpuicon-market:before {
    content: "\e907";
}

.cpuicon-search:before {
    content: "\e92c";
}

.cpuicon-forms:before {
    content: "\e975";
}

.cpuicon-currency:before {
    content: "\e90f";
}

.cpuicon-video:before {
    content: "\e941";
}

.cpuicon-user:before {
    content: "\e940";
}

.cpuicon-email:before {
    content: "\e96a";
}

.cpuicon-email-2:before {
    content: "\e96b";
}

.cpuicon-phone:before {
    content: "\e919";
}

.cpuicon-communicate:before {
    content: "\e95d";
}

.cpuicon-download:before {
    content: "\e968";
}

.cpuicon-bulb:before {
    content: "\e94e";
}

.cpuicon-target:before {
    content: "\e936";
}

.cpuicon-printableform:before {
    content: "\e921";
}

.cpuicon-commpreferences:before {
    content: "\e95e";
}

.cpuicon-reveal:before {
    content: "\e92a";
}

.cpuicon-minus:before {
    content: "\e90b";
}

.cpuicon-arrows:before {
    content: "\e949";
}

.cpuicon-payment:before {
    content: "\e917";
}

.cpuicon-alert:before {
    content: "\e945";
}

.cpuicon-print:before {
    content: "\e920";
}

.cpuicon-fillableforms:before {
    content: "\e973";
}

.cpuicon-shoppingcart:before {
    content: "\e930";
}

.cpuicon-marketdataresearch:before {
    content: "\e906";
}

.cpuicon-news:before {
    content: "\e911";
}

.cpuicon-mail:before {
    content: "\e904";
}

.cpuicon-document:before {
    content: "\e967";
}

.cpuicon-lookup:before {
    content: "\e983";
}

.cpuicon-reminder:before {
    content: "\e927";
}

.cpuicon-menu:before {
    content: "\e909";
}

.cpuicon-pricehistory:before {
    content: "\e91f";
}

.cpuicon-security:before {
    content: "\e92d";
}

.cpuicon-quicklinks:before {
    content: "\e644";
}

.cpuicon-trainingvideo:before {
    content: "\e93b";
}

.cpuicon-linechart:before {
    content: "\e97e";
}

.cpuicon-toolbox:before {
    content: "\e94d";
}

.cpuicon-calculator:before {
    content: "\e94f";
}

.cpuicon-callcenter:before {
    content: "\e950";
}

.cpuicon-certification:before {
    content: "\e954";
}

.cpuicon-checklist:before {
    content: "\e956";
}

.cpuicon-communicationchannels:before {
    content: "\e95e";
}

.cpuicon-dashboard:before {
    content: "\e597";
}

.cpuicon-date:before {
    content: "\e962";
}

.cpuicon-debt-trustee:before {
    content: "\e963";
}

.cpuicon-demutualisation:before {
    content: "\e964";
}

.cpuicon-dividendreinvestment:before {
    content: "\e965";
}

.cpuicon-dutchauction:before {
    content: "\e969";
}

.cpuicon-enterprise:before {
    content: "\e96c";
}

.cpuicon-expertise:before {
    content: "\e96e";
}

.cpuicon-filing:before {
    content: "\e972";
}

.cpuicon-fiscalagent:before {
    content: "\e974";
}

.cpuicon-growth:before {
    content: "\e977";
}

.cpuicon-implementation:before {
    content: "\e97b";
}

.cpuicon-intuitiveinterface:before {
    content: "\e97c";
}

.cpuicon-certificatesearch:before {
    content: "\e982";
}

.cpuicon-medalionguarantee:before {
    content: "\e908";
}

.cpuicon-multichannel:before {
    content: "\e90e";
}

.cpuicon-multiplecurrencies:before {
    content: "\e90f";
}

.cpuicon-multiplelanguages:before {
    content: "\e910";
}

.cpuicon-online-document-hosting:before {
    content: "\e912";
}

.cpuicon-online-enrolment:before {
    content: "\e913";
}

.cpuicon-online-reporting:before {
    content: "\e914";
}

.cpuicon-org-chart:before {
    content: "\e915";
}

.cpuicon-personalised-service:before {
    content: "\e918";
}

.cpuicon-plus:before {
    content: "\e91b";
}

.cpuicon-plus-2:before {
    content: "\e91c";
}

.cpuicon-postcard:before {
    content: "\e91e";
}

.cpuicon-merger-cleanup:before {
    content: "\e91d";
}

.cpuicon-redemption:before {
    content: "\e924";
}

.cpuicon-regulatory-requirements:before {
    content: "\e926";
}

.cpuicon-report:before {
    content: "\e928";
}

.cpuicon-small-shareholder-cleanup:before {
    content: "\e931";
}

.cpuicon-stock-split:before {
    content: "\e933";
}

.cpuicon-support:before {
    content: "\e934";
}

.cpuicon-team:before {
    content: "\e937";
}

.cpuicon-tender-offer:before {
    content: "\e938";
}

.cpuicon-transparency:before {
    content: "\e93d";
}

.cpuicon-upload:before {
    content: "\e93f";
}

.cpuicon-arrow-left:before {
    content: "\e90a";
}

.cpuicon-partnership:before {
    content: "\e916";
}

.cpuicon-share:before {
    content: "\e92f";
}

.cpuicon-twitter:before {
    content: "\e93e";
}

.cpuicon-youtube:before {
    content: "\e942";
}

.cpuicon-chevron-down:before {
    content: "\e957";
}

.cpuicon-chevron-left:before {
    content: "\e958";
}

.cpuicon-chevron-right:before {
    content: "\e959";
}

.cpuicon-chevron-up:before {
    content: "\e95a";
}

.cpuicon-clock-time:before {
    content: "\e95c";
}

.cpuicon-calendar-event:before {
    content: "\e962";
}

.cpuicon-demutualization:before {
    content: "\e964";
}

.cpuicon-expand:before {
    content: "\e96d";
}

.cpuicon-external-links:before {
    content: "\e96f";
}

.cpuicon-facebook:before {
    content: "\e970";
}

.cpuicon-country:before {
    content: "\e978";
}

.cpuicon-tour:before {
    content: "\e985";
}

.cpuicon-triangle-up:before {
    content: "\e986";
}

.cpuicon-triangle-right:before {
    content: "\e987";
}

.cpuicon-triangle-down:before {
    content: "\e988";
}

.cpuicon-triangle-left:before {
    content: "\e989";
}

.cpuicon-pdf:before {
    content: "\e98a";
}

.cpuicon-training:before {
    content: "\e98b";
}

.cpuicon-alert-solid:before {
    content: "\e98c";
}

.cpuicon-info-solid:before {
    content: "\e98d";
}

/* This is not working. Dunno what it should be if it does exist in our font */
.cpuicon-logout:before {
    content: "\e163"
}

/* END: Computershare Icons */


/* Custom css for asked things to be done */


/*tbody.mud-table-body > tr.mud-table-row > td.mud-table-cell:nth-child(2) {
    font-weight: bold;
}*/

.mud-expand-panel .mud-expand-panel-header .mud-expand-panel-text {
    font-weight: bold
}

.mouse-over {
    cursor: pointer
}





.loading {
    font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
    color: #88a;
    font-size: 18px;
    text-align: center;
    width: 150px;
    height: 150px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

    .loading::after {
        content: "";
        border: solid 10px;
        border-color: #88a #eee #eee;
        border-radius: 60px;
        position: absolute;
        width: 60px;
        height: 60px;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        animation: rotation 1.5s linear 0s infinite;
    }

@keyframes rotation {
    0% {
        transform: rotate(45deg);
    }

    100% {
        transform: rotate(405deg);
    }
}