@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


:root {
    --blue: #2C3691;
    --white: #ffffff;
}


body {
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
}

.filterCategory {
    display: inline-block;
    width: 250px;
}

select {
    padding: 4px 8px;
}

input[type='text'], input[type='url'], textarea, select {
    margin-bottom: 10px;
    font-family: "Open Sans", sans-serif;
    width: 100%;
    max-width: 502px;
    padding: 5px 8px;
    font-size: 16px;
    color: #444;
    border: 1px solid #e3e3e3;
    display: block;
}

.main-wrap .main-sidebar-wrap {
    background: var(--blue);
    width: 240px;
    padding: 16px 21px;
    z-index: 9;
    position: fixed;
    height: 100%;
    overflow: auto;
}

    .main-wrap .main-sidebar-wrap::-webkit-scrollbar {
        display: none; /* Older Safari and Chromium */
    }

.main-wrap {
    background: #F2F4F8;
}

.main-content {
    padding: 0 !important;
    margin-left: 241px;
}

/** SIDENAV Section **/
ul.hqi-sidenav ul {
    display: none;
}

ul.hqi-sidenav li {
    list-style-type: none;
    color: #fff;
    position: relative;
}

    ul.hqi-sidenav li a {
        color: #A1A8EF;
    }

ul.hqi-sidenav {
    margin: 0;
    padding: 0;
    margin-top: 16px;
}

    ul.hqi-sidenav > li > a {
        background-repeat: no-repeat;
        background-position: center left;
        padding-left: 30px;
        padding-top: 16px;
        padding-bottom: 16px;
        display: block;
        font-family: "DM Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.3px;
    }

    ul.hqi-sidenav > li span.toggle-sub {
        display: inline;
        position: absolute;
        right: -5px;
        top: 13px;
    }

        ul.hqi-sidenav > li span.toggle-sub.point-down {
            transform: rotate(90deg);
        }

    ul.hqi-sidenav > li span.toggle-sub-2 {
        display: inline;
        position: absolute;
        right: -5px;
        top: 3px;
    }

        ul.hqi-sidenav > li span.toggle-sub-2 > span.point-down, ul.hqi-sidenav > li span.toggle-sub-2.point-down {
            display: block;
            transform: rotate(90deg);
        }


    ul.hqi-sidenav li.dashboard.section > a {
        background-image: url('../images/sidenav/icon-db-b-home.svg');
    }

    ul.hqi-sidenav li.analytics.section > a {
        background-image: url('../images/sidenav/icon-db-b-analytics.svg');
    }

    ul.hqi-sidenav li.content-manager.section > a {
        background-image: url('../images/sidenav/icon-db-b-content.svg');
    }

    ul.hqi-sidenav li.irm-newsroom.section > a {
        background-image: url('../images/sidenav/icon-db-b-newsroom.svg');
    }

    ul.hqi-sidenav li.irm-events.section > a {
        background-image: url('../images/sidenav/icon-db-b-events.svg');
    }

    ul.hqi-sidenav li.subscribers.section > a {
        background-image: url('../images/sidenav/icon-db-b-email.svg');
    }

    ul.hqi-sidenav li.mail.section > a {
        background-image: url('../images/sidenav/icon-db-b-mail.svg');
    }

    ul.hqi-sidenav li.users.section > a {
        background-image: url('../images/sidenav/icon-db-b-users.svg');
    }

    ul.hqi-sidenav li.premiumFeatures.section > a {
        background-image: url('../images/sidenav/icon-db-b-premium.svg');
    }

    ul.hqi-sidenav li.myAccount.section > a {
        background-image: url('../images/sidenav/icon-db-b-account.svg');
    }

    ul.hqi-sidenav li.settings.section > a {
        background-image: url('../images/sidenav/icon-db-b-settings.svg');
    }

    ul.hqi-sidenav li.dashboard.section > a.active, ul.hqi-sidenav li.dashboard.section > a:hover {
        background-image: url('../images/sidenav/icon-db-home.svg');
    }

    ul.hqi-sidenav li.analytics.section > a.active, ul.hqi-sidenav li.analytics.section > a:hover {
        background-image: url('../images/sidenav/icon-db-analytics.svg');
    }

    ul.hqi-sidenav li.content-manager.section > a.active, ul.hqi-sidenav li.content-manager.section > a:hover {
        background-image: url('../images/sidenav/icon-db-content.svg');
    }

    ul.hqi-sidenav li.irm-newsroom.section > a.active, ul.hqi-sidenav li.irm-newsroom.section > a:hover {
        background-image: url('../images/sidenav/icon-db-newsroom.svg');
    }

    ul.hqi-sidenav li.irm-events.section > a.active, ul.hqi-sidenav li.irm-events.section > a:hover {
        background-image: url('../images/sidenav/icon-db-events.svg');
    }

    ul.hqi-sidenav li.subscribers.section > a.active, ul.hqi-sidenav li.subscribers.section > a:hover {
        background-image: url('../images/sidenav/icon-db-email.svg');
    }

    ul.hqi-sidenav li.mail.section > a.active, ul.hqi-sidenav li.mail.section > a:hover {
        background-image: url('../images/sidenav/icon-db-mail.svg');
    }

    ul.hqi-sidenav li.users.section > a.active, ul.hqi-sidenav li.users.section > a:hover {
        background-image: url('../images/sidenav/icon-db-users.svg');
    }

    ul.hqi-sidenav li.premiumFeatures.section > a.active, ul.hqi-sidenav li.premiumFeatures.section > a:hover {
        background-image: url('../images/sidenav/icon-db-premium.svg');
    }

    ul.hqi-sidenav li.myAccount.section > a.active, ul.hqi-sidenav li.myAccount.section > a:hover {
        background-image: url('../images/sidenav/icon-db-account.svg');
    }

    ul.hqi-sidenav li.settings.section > a.active, ul.hqi-sidenav li.settings.section > a:hover {
        background-image: url('../images/sidenav/icon-db-settings.svg');
    }

    ul.hqi-sidenav li ul li a {
        background-image: none;
        font-family: "DM Sans";
        font-size: 13px;
    }

    ul.hqi-sidenav li ul li {
        padding: 5px 30px;
    }

    ul.hqi-sidenav > li > ul > li > ul > li {
        padding: 5px 10px 5px 15px;
        width: 175px;
    }

    ul.hqi-sidenav .number-alert-rounded {
        background: radial-gradient(circle closest-side, #E23F26 98%, transparent 100%);
        line-height: 2.6;
        display: flex;
        align-items: center;
        flex: 0 0 auto;
        position: absolute;
        right: -8px;
        top: 4px;
        padding: 0 8px;
        font-family: "DM Sans";
        font-size: 11px;
        font-weight: 400;
        text-align: center;
        border-bottom: unset;
    }

    ul.hqi-sidenav a:hover {
        color: #fff;
    }

    ul.hqi-sidenav li a.active {
        color: #fff;
        font-weight: 700;
    }

    ul.hqi-sidenav li ul li a.active {
        color: #fff;
        font-weight: 400;
    }

    ul.hqi-sidenav li ul li.active {
        background: #3F4AB1;
        border-radius: 5px;
    }

/** END of SIDENAV **/

.hide {
    display: none;
}

a {
    color: #404CB1;
}
/* Global input styles */
input[type='text'],
textarea {
    margin-bottom: 10px;
    font-family: "DM Sans", sans-serif;
    width: 100%;
    padding: 5px 8px;
    font-size: 14px;
    color: #64748B;
    border: 1px solid #B9B9B9;
    display: block;
}

.mce-tinymce,
#ctl00_contentPlaceHolderBody_trJavascript textarea {
    width: 100% !important;
}

#ctl00_contentPlaceHolderBody_trJavascript label {
    width: 100% !important;
    display: block !important;
}


/* Header */
.header {
    background: #fff;
    overflow: hidden;
    height: 60px;
}

    .header .left-icon, .header .search, .header .contact-support-section, .header .welcome-text-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 60px;
    }

    .header .server-info {
        display: flex;
        justify-content: left;
        align-items: center;
        height: 60px;
    }

    .header .search {
        margin-top: 5px;
    }

    .header .left-icon .point-right {
        display: block;
        transform: rotate(180deg);
    }

    .header .left-icon img {
        height: 24px;
        width: 24px;
    }

    .header .search .search-input {
        box-sizing: border-box;
        padding-left: 30px;
        font-family: "DM Sans";
        font-size: 14px;
        width: 214px;
        border: 1px solid #d5d5d5;
        border-radius: 19px;
        background-color: #F5F6FA;
        background-image: url("../images/header/search.svg");
        background-size: 15px 15px;
        background-repeat: no-repeat;
        background-position: 5% 50%;
    }

    .header .server-info .site-name {
        font-family: "DM Sans";
        font-size: 16px;
        font-weight: 600;
        color: #565656;
    }

    .header .server-info .server-name {
        font-family: "DM Sans";
        font-size: 10px;
        color: #202224;
        width: 65px;
        text-align: center;
        border-radius: 20px;
        border: 1px solid #eaeaea;
        background-color: #eaeaea;
    }

    .header .contact-support-section a {
        padding: 0 20px;
    }

        .header .contact-support-section a.contact-support:hover {
            color: #1468a0;
            border: 1px solid #1468a0;
        }

        .header .contact-support-section a .eye-icon:hover {
            transform: scale(1.2, 1.2);
            transition: all 0.1s ease;
        }

    .header .contact-support-section .contact-support {
        font-family: "DM Sans";
        font-size: 14px;
        color: #202224;
        width: 160px;
        padding: 8px;
        text-align: left;
        border-radius: 20px;
        border: 1px solid #eaeaea;
        background-image: url("../images/header/mail-icon.svg");
        background-size: 18px 18px;
        background-repeat: no-repeat;
        background-position: 92% 50%;
    }

    .header .welcome-text-wrap .welcome-text {
        font-family: "DM Sans";
        font-size: 14px;
        font-weight: 600;
    }

    .header .welcome-text-wrap .welcome-name-input {
        font-family: "DM Sans";
        font-size: 14px;
        font-weight: 600;
        width: 100px;
        border: unset;
        background-color: #fff;
        text-transform: capitalize;
        margin-top: 10px;
    }

    .header .welcome-text-wrap .top-menu-button-right {
        border: 1px solid #5c5c5c;
        border-radius: 50%;
        padding: 1px 5px;
    }

        .header .welcome-text-wrap .top-menu-button-right:hover {
            background-color: #eaeaea;
        }

        .header .welcome-text-wrap .top-menu-button-right:focus {
            background-color: #fff;
        }

        .header .welcome-text-wrap .top-menu-button-right.point-up {
            display: block;
            transform: rotate(180deg);
        }
/* Header */

/* Dashboard */
.top-dash-boxes {
    margin: 20px 0;
}

.top-dash-box {
    margin: auto;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #e3e3e3;
    font-family: 'Montserrat', sans-serif;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    min-height: 90px;
}

    .top-dash-box:hover {
        cursor: pointer;
        background: #ecf2f9;
    }

.tdb-left {
    margin-left: 0px;
}

.tdb-right {
    margin-right: 0px;
}

.top-dash-icon {
    height: 50px;
    width: 50px;
    padding: 10px 0 0 10px;
    float: left;
    margin-right: 10px;
}

    .top-dash-icon img {
        height: 30px;
        width: 30px;
    }

.icon-bg-one {
    background: #15b4f0;
}

.icon-bg-two {
    background: #EE5A51;
}

.icon-bg-three {
    background: #30A671;
}

.icon-bg-four {
    background: #373E47;
}

.top-dash-value {
    font-weight: bold;
    color: #4f4f4f;
}

.top-dash-title {
    color: #A1A1A1;
    text-transform: uppercase;
    font-size: 13px;
    padding-top: 5px;
}

    .top-dash-title a {
        color: #A1A1A1;
        text-decoration: none;
    }

.welcome-box {
    padding: 20px;
    color: #626262;
    background: #FFF;
    overflow: auto;
    font-family: "Montserrat", "Open Sans", sans-serif;
}

.didyouknow {
    height: 320px;
    overflow: auto;
    background: #FFF;
    margin-bottom: 10px;
    border: 1px solid #e3e3e3 !important;
    border-radius: 0px !important;
    padding: 0 20px 20px;
}

    .didyouknow .PageTitle {
        padding: 0 10px 10px;
        margin-bottom: 10px;
        font-size: 20px;
        text-transform: uppercase;
        border-bottom: 1px solid #C2C2C2;
    }

.listContent {
    margin-bottom: 15px;
}

.top-dash-title, .top-dash-value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.shortcut-boxes {
    overflow: hidden;
    margin-bottom: 10px;
}

.shortcut-box {
    margin-bottom: 10px;
}

.scb-link svg {
    float: right;
    fill: #404CB1;
    width: 16px;
    height: 20px;
}

.scb-link:hover {
    background: rgba(64, 76, 178, 0.16);
}

.scb-link {
    background: #ffffff;
    padding: 8px 10px;
    color: #2D343C;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}

.scb-title {
    font-family: 'Montserrat', sans-serif;
    padding: 8px 10px;
    text-transform: uppercase;
    background: #404CB1;
    color: #FFF;
    font-weight: bold;
    font-size: 17px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard-col-wrap {
    margin-bottom: 15px;
}

.parent-div {
    display: grid;
}

.dash-info-box h2 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #4A5A6B;
}

.dash-info-box .web-analytics-title {
    display: inline-block;
}

.dash-info-box .no-data-web {
    font-size: 16px;
    font-weight: 400;
    color: #4A5A6B;
    text-align: center;
}

.dash-info-box {
    float: left;
    width: 100%;
    margin-right: 1%;
    margin-top: 1.5%;
    padding: 20px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    position: relative;
}

.news-article {
    color: #626262;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 10px;
    font-family: 'Montserrat', sans-serif;
}

.article-date {
    padding-bottom: 5px;
    color: #626262;
    font-size: 13px;
}

.article-title {
    color: #404CB1;
    font-weight: bold;
    padding-bottom: 5px;
}

.latest-news-dashboard-icon {
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}

.recently-updated-pages,
.dash-history {
    font-family: 'Montserrat', sans-serif;
    color: #626262;
}

.ru-page-date,
.history-page-date {
    font-size: 14px;
}

.ru-page-item,
.history-page-item {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
}

.ru-page-last,
.history-page-last {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.history-page-status {
    float: right;
    font-size: 13px;
    font-weight: bold;
}

.history-released {
    color: #22a76b;
}

.history-failed {
    color: #EE5A51;
}

.reg_socialmediatable {
    margin: 0;
}

.shortcuts {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: right;
}

#content .shortcuts li {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    background-color: #e6e6e6;
    padding: 10px;
    float: left;
    margin: 0 0.5% 10px;
    border: 1px solid #b9b9b9;
    box-shadow: 0 0 5px rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1) inset;
    width: 24%;
    min-width: 207px;
    min-height: 200px;
    position: relative;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.ie7 #content .shortcuts li {
    margin: 0 5px 10px;
    width: 207px;
}

.shortcuts a {
    color: #355681;
    text-decoration: none;
}

.shortcuts .more {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: #cdd0d5;
    display: block;
    padding: 0 30px 0 10px;
    line-height: 22px;
    font-size: 12px;
    height: 22px;
}

.shortcuts p {
    padding: 0 80px 0 0;
}

.shortcuts .asx {
    background: url('../admin/images/asx-bg.png') no-repeat bottom right #e6e6e6;
}

.shortcuts .content {
    background: url('../admin/images/content-bg.png') no-repeat bottom right #e6e6e6;
}

.shortcuts .subscribers {
    background: url('../admin/images/subscribers-bg.png') no-repeat bottom right #e6e6e6;
}

.shortcuts li:hover {
    background-color: #efefef;
}

    .shortcuts li:hover h2,
    .shortcuts li:hover a {
        color: #609BE0;
    }

a.shortcut:hover {
    opacity: 0.9;
    transition: all 0.2s;
}

a.shortcut {
    transition: all 0.2s;
    display: inline-block;
    width: 47%;
    margin: 10px 1%;
    text-align: center;
    background: #404cb2;
    color: #FFF;
    text-decoration: none;
    padding: 10px 5px;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}

.shortcuts a:nth-child(3) {
    background: #15b4f0;
}

.shortcuts a:nth-child(4) {
    background: #ee5a51;
}

.shortcuts a:nth-child(5) {
    background: #30a671;
}

.shortcuts a:nth-child(6) {
    background: #f59b21;
}

.shortcuts a:nth-child(7) {
    background: #373e47;
}

.top-dash-title, .top-dash-value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pdf-icons {
    width: 20px;
}

.top-downloads table {
    margin-top: 20px;
    border-collapse: collapse;
    width: 100%;
}

    .top-downloads table thead th {
        background: #fff;
        color: #4A5A6B;
        font-family: "DM Sans", sans-serif;
        font-size: 14px;
        text-transform: capitalize;
        text-align: left;
        padding: 10px 0;
    }

.dash-upper-boxes {
    margin: 10px 20px;
}

.dash-bottom-boxes {
    margin: 10px 20px 30px 20px;
}

.dash-web-info {
    border: 1px solid #B9B9B9;
    padding: 10px;
}

.dash-web-info-boxless {
    padding: 10px 0 5px 0;
}

    .dash-web-info h3, .dash-web-analytics h3, .dash-web-info-boxless h3 {
        font-family: "DM Sans", sans-serif;
        font-size: 14px;
    }

    .dash-web-info .dash-web-numbers .dash-web-rate, .dash-web-info-boxless .dash-web-numbers .dash-web-rate {
        font-family: "DM Sans", sans-serif;
        font-size: 24px;
        font-weight: 600;
    }

        .dash-web-info .dash-web-numbers .dash-web-rate.down {
            font-family: "DM Sans", sans-serif;
            font-size: 12px;
            font-weight: 400;
            color: #F1624C;
        }

            .dash-web-info .dash-web-numbers .dash-web-rate.down::after {
                content: url("../images/dashboard/stock-down.svg");
                width: 13px;
                height: 13px;
                position: relative;
                top: 4px;
                display: inline-block;
            }

        .dash-web-info .dash-web-numbers .dash-web-rate.high {
            font-family: "DM Sans", sans-serif;
            font-size: 12px;
            font-weight: 400;
            color: #55CB3B;
        }

            .dash-web-info .dash-web-numbers .dash-web-rate.high::after {
                content: url("../images/dashboard/stock-high.svg");
                width: 13px;
                height: 13px;
                position: relative;
                top: 4px;
                display: inline-block;
            }

    .dash-web-info h3.has-tip, .dash-web-info-boxless h3.has-tip {
        font-weight: normal;
    }

.dash-web-analytics .graph-title {
    display: flex;
    justify-content: left;
    align-items: center;
    height: 45px;
}

.dash-web-analytics .graph-days {
    display: flex;
    justify-content: right;
    align-items: center;
    height: 45px;
}

    .dash-web-analytics .graph-days img {
        padding: 10px;
    }

.dash-web-analytics figure img {
    width: 100%;
}

.dash-button a {
    border: 1px solid #b9b9b9;
    border-radius: 5px;
    color: #4A5A6B;
    text-align: center;
    width: 120px;
    padding: 10px;
    display: inline-block;
    margin-top: 20px;
    font-size: 14px;
}

    .dash-button a span {
        background-image: url('../images/dashboard/arrow-right.svg');
        width: 15px;
        height: 15px;
        position: relative;
        top: 2px;
        left: 3px;
        background-size: cover;
        display: inline-block;
    }

    .dash-button a:hover {
        background: #2C3691;
        color: #fff;
    }

        .dash-button a:hover span {
            background-image: url('../images/dashboard/arrow-right-white.svg');
        }

.email-stats .dash-button a {
    margin-top: -7px;
}

.support-request .dash-button a {
    margin-top: 0;
}

.support-request h2 {
    padding-bottom: 0;
    margin-bottom: 0;
}

.dash-bottom-boxes .dash-info-box {
    height: 100%;
}

.dash-bottom-boxes .myaccount-maindashboard-box {
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #4A5A6B;
}

    .dash-bottom-boxes .myaccount-maindashboard-box .dash-manager-user, .dash-bottom-boxes .myaccount-maindashboard-box .dash-manager-email {
        border: 1px solid #B9B9B9;
        border-radius: 5px;
        padding: 10px 10px 10px 40px;
        font-size: 14px;
    }

.dash-manager-user {
    background-image: url('../images/dashboard/user.svg');
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: 3% 48%;
}

.dash-manager-email {
    background-image: url('../images/dashboard/mail.svg');
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: 3% 48%;
}

.recently-updated-pages .recently-updated-pages-tbl, .dash-history-tbl {
    width: 100%;
    border-collapse: collapse;
}

    .recently-updated-pages .recently-updated-pages-tbl th, .dash-history-tbl th {
        background: #fff;
        border-top: 1px solid #b9b9b9;
        color: #202224;
        font-family: "DM Sans", sans-serif;
        text-align: left;
    }

        .recently-updated-pages .recently-updated-pages-tbl th, .dash-history-tbl th:last-child {
            text-align: center;
        }

.recently-updated-pages-tbl tbody tr td:nth-child(3), .recently-updated-pages-tbl thead tr th:nth-child(3) {
    text-align: center;
}

.view-latest-page-icon:hover {
    content: url( '../images/header/eye-icon.svg');
    width: 19px;
}

.feedback-bottom {
    display: block;
    position: fixed;
    bottom: 10px;
    right: 10px;
}

.feedback-box, .help-centre-body {
    display: grid;
    position: relative;
}

    .feedback-box button {
        text-align: right;
    }

.feedback-help {
    cursor: help;
    max-width: 40px;
    position: absolute;
    bottom: 30px;
    right: 0px;
    float: right;
    width: 100%;
}

.feedback-button {
    cursor: pointer;
    width: 100%;
    float: right;
}

.feedback-form {
    display: none;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
}

.feedback-header {
    background: #2C3691;
    padding: 10px 20px;
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.feedback-title {
    color: #fff;
    font-family: "DM Sans", sans-serif;
    text-align: left;
}

.feedback-close {
    color: #fff;
    font-family: "DM Sans", sans-serif;
    position: absolute;
    right: 10px;
    top: 9px;
}

.feedback-body {
    background: #fff;
    padding: 20px;
    position: relative;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.feedback-scale-box {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px;
    margin-bottom: 10px;
}

.feedback-rate {
    border: 1px #e3e3e3 solid;
    padding: 20px;
    float: left;
    text-align: center;
}

.help-centre-bottom {
    display: none;
    position: fixed;
    bottom: 90px;
    right: 10px;
    width: 240px;
    background: #fff;
    border: 1px solid #EAEAEA;
    border-radius: 5px;
    padding: 10px;
}

.help-centre-title {
    border-bottom: 1px solid #EAEAEA;
    padding: 5px 0;
}

    .help-centre-title h3 a {
        font-family: 'DM Sans';
        font-size: 16px;
        color: #4A5A6B;
        font-weight: bold;
    }

        .help-centre-title h3 a img {
            position: relative;
            bottom: 2px;
            left: 3px;
        }

.help-centre-body a {
    color: #0A66C2;
    padding: 5px 0;
    font-family: 'DM Sans';
    font-size: 14px;
}

    .help-centre-body a:hover, .help-centre-title h3 a:hover {
        text-decoration: underline;
    }

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.feedback-textarea {
    margin: 20px 0;
}

.feedback-submit {
    text-align: right;
}

    .feedback-submit input {
        background: #2C3691 !important;
        border-radius: 5px;
        color: #fff !important;
        font-family: "DM Sans", sans-serif !important;
    }

.feedback-button {
    background: #2C3691;
    border-radius: 26px;
    padding: 10px;
    color: #fff;
    font-family: "DM Sans", sans-serif;
}

.feedback-rate {
    cursor: pointer;
}

    .feedback-rate:hover, .feedback-rate.active {
        background: #2C3691;
        color: #fff;
    }

.success-message {
    background: #4BB543;
    padding: 20px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 18px;
}

.error-message {
    background: #ff2a2a;
    padding: 20px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 18px;
}

.formLoader {
    overflow: hidden;
    height: 94%;
    position: absolute;
    width: 95%;
    min-height: 150px;
    background: rgba(255, 255, 255, 0.9);
}

    .formLoader ul {
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 999999;
        margin: 0;
    }

@keyframes preload {
    0% {
        background: #2C3691;
        opacity: 1
    }

    50% {
        background: #fff;
        opacity: 0.5
    }

    100% {
        background: #2C3691;
        opacity: 1
    }
}

.formLoader .formLoading {
    display: block;
    height: 14px;
    margin: 0 auto;
    top: 50%;
    left: 90%;
    transform: translateY(-50%);
    transform: translateX(-50%);
    position: absolute;
    width: 100%;
    padding: 0;
}

    .formLoader .formLoading li {
        background: #fff;
        opacity: 0.5;
        display: block;
        float: left;
        width: 12px;
        height: 12px;
        border: 1px solid #2C3691;
        line-height: 12px;
        padding: 0;
        position: relative;
        margin: 0 0 0 4px;
        animation: preload 1s infinite;
        top: -50%;
        border-radius: 50%;
    }

        .formLoader .formLoading li:first-child {
            margin-left: 0
        }

        .formLoader .formLoading li:nth-child(2) {
            animation-delay: .15s
        }

        .formLoader .formLoading li:nth-child(3) {
            animation-delay: .3s
        }

.formLoader.formLoader-complete {
    opacity: 0;
    visibility: hidden;
    transition-duration: 1s
}

.chart-blur {
    width: 100%;
    height: 100%;
    filter: drop-shadow(.5px .5px .5px #b9b9b9);
    background: url('../images/dashboard/graph-blur.png') no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.table-blur {
    width: 100%;
    height: 170px;
    background: url('../images/dashboard/rate-blur.png') no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropdown-box {
    position: absolute;
    right: 50px;
    background: #fff;
    border: 1px solid #b9b9b9;
    display: none;
    z-index: 100;
}

    .dropdown-box .top-dropdown-menu {
        display: grid;
    }

        .dropdown-box .top-dropdown-menu a:nth-child(1) {
            border-top: none;
        }

        .dropdown-box .top-dropdown-menu a {
            border-top: 1px solid #b9b9b9;
            padding: 10px;
            color: #202224;
            font-size: 14px;
        }

            .dropdown-box .top-dropdown-menu a:hover {
                text-decoration: underline;
                color: #1468a0;
            }

.dash-info-box h2 i {
    font-size: 12px;
    color: #64748B;
}
/* Dashboard */
/* Tables */
table, td, tr {
    background: #FFF;
}

td {
    background: transparent;
    color: #64748B;
    font-family: "DM Sans", sans-serif;
    background: #fff;
    border-top: 1px solid #b9b9b9;
}

    td a {
        color: #202224;
        text-decoration: none;
        font-weight: 500;
        font-size: 14px;
    }


        td a:hover {
            text-decoration: underline;
        }

#ctl00_contentPlaceHolderBody_titleheader {
    line-height: auto;
    font-weight: 400;
    letter-spacing: -1px;
}

.cm_alltable {
    width: 100% !important;
}


    .cm_alltable tr.header td,
    th,
    table.cm_alltable tr.thead td,
    table.career_alltable tr.career_thead td,
    table.user_alltable tr.thead td,
    table.mail_alltable tr.thead td,
    table.state_alltable tr.thead td,
    table.timeline_alltable tr.thead th,
    table.irmn_alltable tr.thead td,
    table.cms-table tr.thead td,
    table.authorise-content tr.thead td,
    table.editregistration_table tr.thead td {
        background: #404CB1;
        color: #FFF;
        font-family: "DM Sans", sans-serif;
        font-weight: bold;
        text-transform: capitalize;
        padding: 10px;
    }

table.support_alltable tr th a,
table.suggestion_alltable tr th a {
    color: #fff !important;
}

#gvFiles th a {
    color: #fff !important;
}

.cm_alltable tr.header td.title {
    padding-left: 10px;
}

.ui-sortable td a {
    text-decoration: none;
    color: #1C2A9E;
}

.ui-sortable td {
    border: 0px solid #000 !important;
    font-family: "Open Sans", sans-serif;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    color: #1C2A9E;
    font-size: 14px !important;
}

.status, .modify, td.title {
    font-size: 14px;
}

.ui-sortable tr:nth-child(odd) {
    background-color: #f5f6ff;
}

table tr:nth-child(odd) {
    background-color: #f5f6ff;
}

/*table td,
.cm_alltable td {
   padding: 10px !important;
}*/


/* Tables */

.input_title,
.input_title h2 {
    font-weight: bold;
}

.svg-icon {
    height: 34px;
    width: 34px;
    fill: #404cb1;
    float: left;
    margin-top: 2px;
}

h1 {
    font-size: 25px;
    font-weight: 600;
    color: #202224;
    border-bottom: 0px solid #b2b2b2;
    /*padding: 0 0 0 42px;*/
    line-height: 37px;
    /*height: 40px;*/
    font-family: "DM Sans", sans-serif;
    letter-spacing: -1px;
}

#ctl00_contentPlaceHolderBody_titleheader {
    line-height: auto;
    font-weight: 400;
    letter-spacing: -1px;
}

#content {
    background: transparent;
    padding: 20px;
    margin-right: 0px;
    min-height: 400px;
    min-height: 89vh;
    /*border: 1px solid #e3e3e3;
    margin-top: 20px;
    overflow: auto;
    min-height: 656px;*/
}

.dashboard #content {
    border: 0px solid #e3e3e3;
    background: transparent;
    margin-top: 0px;
    padding: 0px;
}

.content-manager #content {
    border: 0px solid #e3e3e3;
    background: #f8f8f8;
}

#content_footer {
    padding: 10px 20px;
}

.content-manager #content_footer {
    background: #f8f8f8;
    padding: 13px 20px;
}

.version-box {
    background: transparent;
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 240px;
}

    .version-box a {
        color: #fff;
    }

.right {
    float: right;
}

.button,
table.editregistration_table tr td a.button,
a.button:visited, input[type=submit] {
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    padding: 9px 15px;
    background: #FFF;
    margin: 0px 2px;
    color: #373e47;
    width: auto;
    border: none;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    border: 1px solid #a1a1a1;
}

a.button:hover, input.button:hover,
.my-account-box-inner a.button:hover {
    background: #404CB1;
    color: #FFF;
    border: 1px solid transparent;
}

.help-button {
    border: 1px solid transparent;
    background: #fba500;
    color: #fff;
}

a.button.help:hover, a.help-button:hover {
    border: 1px solid transparent;
    background: #e89c0b;
}

.cm_alltable tr.header td,
.cm_alltable tr th {
    background: #404CB1 !important;
    color: #FFF !important;
    font-family: "Open Sans", sans-serif;
    text-transform: capitalize;
    padding: 10px;
    text-align: left;
}

.ui-sortable tr:hover, .cm_alltable tr:hover, .irmn_alltable tr:hover, .admin_audittraillist tr:hover, .support_requesthistory tr:hover {
    background: rgba(64, 76, 178, 0.16);
}

.irmn_alltable {
    margin: 0;
    list-style: none;
}


/* PNG Fallback Icons */
/* h1#contact {
    background: url('../admin/images/dashboard-icon.png') no-repeat 9px 6px;
} */
/*.content-manager h1 {background: url('../images/cm-icon-large.png') no-repeat left;} */
/* .irm-newsroom h1 {
    background: url('../images/announce-icon-large.png') no-repeat left;
}

.users h1 {
    background: url('../images/users-icon-large.png') no-repeat left;
}

.my-details h1 {
    background: url('../images/crown-solid.png') no-repeat left;
}

.premiumFeatures h1 {
    background: url('../images/mydetails-icon-large.png') no-repeat left;
}

.myAccount h1 {
    background: url('../images/mydetails-icon-large.png') no-repeat left;
}


.blog h1 {
    background: url('../admin/images/svg/rss-blue.svg') no-repeat left;
    background-size: 32px 32px;
} */

/*
.biography h1 {
   background: url('../admin/admin/images/svg/biographies-blue.svg') no-repeat left;
   background-size: 32px 32px;
}
*/
/* .biography h1 {
    background: url('../admin/images/svg/biographies-blue.svg') no-repeat left;
    background-size: 32px 32px;
}

.timeline h1 {
    background: url('../admin/images/svg/timeline-check-blue.svg') no-repeat left;
    background-size: 32px 32px;
}

.mail h1 {
    background: url('../images/mail-icon-large.png') no-repeat left;
}

.settings h1 {
    background: url('../images/settings-icon-large.png') no-repeat left;
}

.library h1 {
    background: url('../images/catalogue.svg') no-repeat left;
}

.states h1 {
    background: url('../images/settings-icon-large.png') no-repeat left;
}

.admin h1 {
    background: url('../images/admin-icon-large.png') no-repeat left;
}

.locations h1 {
    background: url('../images/locations-icon-large.png') no-repeat left;
}

.healthcheck h1 {
    background: url('../images/graph-icon-large.png') no-repeat left;
}

.healthcheck2 h1 {
    background: url('../images/dashboard-icon.png') no-repeat left;
}

.user-stats h1 {
    background: url('../images/graph-icon-large.png') no-repeat left;
}

.export h1 {
    background: url('../images/import-export-icon.png') no-repeat left;
} */
/*.emailgroup h1 {background: url('../images/group-icon.png') no-repeat left;}*/
/*.newsletter h1 {background: url('../images/newsletter-icon-large.png') no-repeat left;}*/
/* .career h1 {
    background: url('../images/career_icon.png') no-repeat left;
}

.branch h1 {
    background: url('../images/locations-icon.png') no-repeat left;
}

.ServiceRequest h1 {
    background: url('../images/ServiceRequest_icon.png') no-repeat left;
}

.SupportTask h1 {
    background: url('../images/SupportTask_icon.png') no-repeat left;
} */

/* SVG Replacement Icons */
/*.content-header h1 {
   padding-left: 45px;
}

.irm-announce h1 {
    background: url('../admin/images/svg/clipboard-title.svg') no-repeat left;
    background-size: 33px 33px;
}

.branch h1 {
    background: url('../admin/images/svg/map.svg') no-repeat left;
    background-size: 33px 33px;
}

.content-manager h1 {
   background: url('../admin/images/svg/edit-blue.svg') no-repeat left;
   background-size: 33px 33px;
}

.add-calendar h1 {
    background: url('../admin/images/svg/calendar-blue.svg') no-repeat left;
    background-size: 30px 30px;
}

.subscribers h1 {
    background: url('../admin/images/svg/users-blue.svg') no-repeat left;
    background-size: 30px 30px;
}

.Customization h1 {
    background: url('../admin/images/svg/edit-blue.svg') no-repeat left !important;
    background-size: 33px 33px !important;
}

.ServiceRequest h1 {
    background: url('../admin/images/svg/bell.svg') no-repeat left;
    background-size: 30px 30px;
}

.mail h1 {
    background: url('../admin/images/svg/envelope.svg') no-repeat left;
    background-size: 30px 30px;
    background-position: 0px 2px;
}

.irm-events h1 {
    background: url('../admin/images/calendar-star-light-blue.svg') no-repeat left;
    background-size: 30px 30px;
    background-position: 0px 2px;
}

.career h1 {
    background: url('../admin/images/svg/briefcase.svg') no-repeat left;
    background-size: 30px 30px;
    background-position: 0px 5px;
}

.users h1 {
    background: url('../admin/images/subscribers-solid-blue.svg') no-repeat left;
    background-size: 30px 30px;
    background-position: 0px 5px;
}

.my-details h1 {
    background: url('../admin/images/svg/user-plus.svg') no-repeat left;
    background-size: 35px 32px;
    background-position: 0px 5px;
}

.premiumFeatures h1 {
    background: url('../admin/images/crown-solid.svg') no-repeat left;
    background-size: 35px 32px;
    background-position: 0px 5px;
}

.myAccount h1 {
    background: url('../admin/images/svg/user-plus.svg') no-repeat left;
    background-size: 35px 32px;
    background-position: 0px 5px;
}


.SupportTask h1 {
    background: url('../admin/images/svg/headphonesp.svg') no-repeat left;
    background-size: 35px 32px;
    background-position: 0px 2px;
}

.admin h1 {
    background: url('../admin/images/svg/wrench.svg') no-repeat left;
    background-size: 35px 32px;
    background-position: 0px 2px;
}

.settings h1, .states h1 {
    background: url('../admin/images/svg/cogs.svg') no-repeat left;
    background-size: 35px 32px;
    background-position: 0px 2px;
}

.library h1 {
    background: url('../admin/images/catalogue-blue.svg') no-repeat left;
    background-size: 35px 32px;
    background-position: 0px 2px;
}

.admin h1 {
    background: url(../admin/images/svg/wrench.svg) no-repeat left;
    background-size: 35px 32px;
    background-position: 0px 2px;
} */

#content-header .button.add {
    padding: 10px 15px;
    min-width: 100px;
}

    .button.add,
    a.button.add,
    .buttonyes,
    .admin_alltable input[type="submit"],
    .ui-shared input[type="submit"],
    .search-date .button {
        color: #fff;
        background: #52AA3E;
        border: #52AA3E;
        text-shadow: none;
    }

        .button.add:hover,
        .buttonyes:hover,
        .admin_alltable input[type="submit"]:hover,
        .ui-shared input[type="submit"]:hover,
        .search-date .button:hover {
            background: #45bf88;
            border: #45bf88;
        }

label {
    display: inline-block;
    zoom: 1;
    padding-right: 0px;
    /*white-space: nowrap;*/
    text-align: left;
    /*
   vertical-align: middle;
       */
    vertical-align: top;
    margin: 0px 10px 0 0;
    font-weight: bold;
    /*color: #565763;*/
    /*padding-top: 5px;*/
}

form ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

fieldset {
    border: 1px solid #e3e3e3;
    margin: 0 0 20px;
    padding: 5px 10px 20px;
    border-radius: 3px;
}

legend {
    padding: 0 10px;
    font-size: 16px;
    letter-spacing: 0px;
    font-family: "Open Sans", sans-serif;
}

.divPageTitle h4 {
    font-size: 12px;
    color: #a9a9a9;
    margin-bottom: 10px;
}

.cancelButton {
    background: #fba500 !important;
    color: #fff !important;
    border: #fba500 !important;
}

    .cancelButton:hover {
        border: 1px solid transparent;
        background: #e89c0b !important;
    }

.buttonno {
    background: #fb3232 !important;
    color: #fff !important;
    border: #fb3232 !important;
}

a.buttonno:hover {
    border: 1px solid transparent;
    background: #d02b2b !important;
}

.notificationButton {
    background: #404cb2 !important;
    color: #fff !important;
    border: #404cb2 !important;
}

    .notificationButton:hover {
        border: 1px solid transparent;
        background: #31397d !important;
    }

#content h2 {
    font-size: 20px;
    color: #373e47;
}

table .thead td {
    text-align: left;
    font-weight: normal;
    white-space: nowrap;
    color: #000;
    border-bottom: 0px solid #b2b2b2;
    background: #404CB1 !important;
    color: #FFF;
    font-family: "DM Sans", sans-serif;
    text-transform: capitalize;
    padding: 10px 5px;
}

table, tr, td {
    font-size: 14px;
    padding: 10px;
}

.datepicker {
    display: inline-block;
}

table .thead td a {
    color: #FFF;
    text-decoration: none;
}

td {
    vertical-align: top;
}

.pagination {
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
}

.table-pagination td {
    padding: 0 !important;
}

.table-pagination span,
.pagination span {
    padding: 3px 10px;
    font-size: 14px;
    background: #404cb1;
    color: #fff;
    text-decoration: none;
    border: 0px solid #c2c2c2;
    float: left;
}

.table-pagination a,
.pagination a,
tr.pagination a,
.pagination button {
    display: block;
    padding: 0.1875rem 0.625rem;
    border-radius: 0;
    color: #0a0a0a;
    float: left;
}

.pagination p {
    margin-bottom: 5px;
    font-size: 14px;
}

.table-pagination td table {
    margin: 10px;
}

    .table-pagination td table p {
        padding-right: 5px;
    }

.pagination {
    margin-top: 20px;
}

    .pagination a,
    tr.pagination a {
        font-size: 14px;
        font-weight: normal;
    }

        .table-pagination a:hover,
        .pagination a:hover {
            background: #404cb1;
            color: #fff;
            text-decoration: none;
        }

.contact-support a {
    text-decoration: none;
    color: #666666;
    transition: all 0.3s ease;
}

#footer {
    border-top: 0px solid #666666;
    position: relative;
    height: 35px;
    line-height: 35px;
    font-family: "Open Sans", sans-serif;
    color: #5C5C5C;
    font-weight: bold;
}

.cms-info {
    background: #fff;
    width: 230px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 5px solid #ccc;
    padding: 10px;
    line-height: 1.5;
}

.contact-support a span {
    color: #5C5C5C;
}

.contact-support-button {
    display: inline-block;
}

.copyright {
    float: right;
}


.cm_addeditcontent .modify img {
    max-width: 20px;
    max-height: 20px;
}

.search-date input[type="submit"] {
    margin-top: 30px;
    display: block;
}

.panel-search-history-form {
    margin: 50px 0 20px 0;
}

.AuditActionSelect {
    display: inline-block;
}


/*.cm_customisation {
    max-width: 800px;
}*/

.Customization .header {
    /*background-color:#eaeaea;*/
    font-size: 12px;
}

.Customization .tdId {
    background-color: #ffffff;
    font-size: 12px;
    margin: 3px;
    width: 50px;
}

.Customization .tdName1,
.Customization .tdValue,
.Customization .tdModify {
    background-color: #ffffff;
    font-size: 12px;
    margin: 3px;
    width: 100px;
}

.Customization .tdName2,
.CategoryCustomization .tdName2,
.templates .tdName2 {
    background-color: #ffffff;
    font-size: 12px;
    margin: 3px;
    padding-left: 25px !important;
    padding-right: 10px !important;
    width: 100px;
}

.Customization .tdValue {
    background-color: #ffffff;
    font-size: 12px;
    margin: 3px;
    width: 300px;
}

.Customization .tdType {
    background-color: #ffffff;
    font-size: 12px;
    margin: 3px;
}

.Customization .tdModify {
    background-color: #ffffff;
    font-size: 12px;
    margin: 3px;
    width: 100px;
}

.Customization .PageOption {
    display: inline-block;
    float: left;
    width: 33%;
    height: 130px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 4px;
    padding-right: 4px;
    word-wrap: break-word;
}

.Customization .PageOptionButton {
    width: auto;
    display: inline-block;
}

.hidden {
    display: none;
}

.MyPageTitle {
    margin: 0 0 1em;
    line-height: 1.5;
    white-space: nowrap;
}

.MyLink {
    margin: 0 0 1em;
    font-size: 0.8em;
}

/****John's temporary css. */

/*For Company/NewsUpload.aspx*/
.cm_addeditcontent thead tr.header td.title_header { /*This one is overwritten by important*/
    background-color: #9fbfdf;
    font-size: 12px;
}

.cm_addeditcontent thead tr.header td.status_header { /*This one is overwritten by important*/
    background-color: #9fbfdf;
    border-bottom: 1px solid #c7c7c7;
}

.cm_addeditcontent thead tr.header td.modify_header { /*This one is overwritten by important*/
    background-color: #9fbfdf;
}


.tnav td.title_current {
    background-color: #ffffff;
    font-size: 12px;
    height: 25px;
    margin: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 3px;
}

.tnav td.title_current_level_1 {
    padding-left: 3px;
}

.tnav td.title_current_level_2 {
    padding-left: 25px;
}

.tnav td.title_current_level_3 {
    padding-left: 45px;
}

.tnav td.title_current_level_4 {
    padding-left: 65px;
}

.tnav td.title_current_level_5 {
    padding-left: 85px;
}

.tnav td.title_current_level_6 {
    padding-left: 105px;
}

.tnav td.status_current {
    background-color: #ffffff;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.tnav td.status_current_level_1 {
    border-top: 2px solid #c7c7c7;
}

.tnav td.status_current_level_2,
.tnav td.status_current_level_3,
.tnav td.status_current_level_4,
.tnav td.status_current_level_5,
.tnav td.status_current_level_6 {
    border-top: 1px solid #c7c7c7;
}

.tnav td.last_approved_current {
    background-color: #ffffff;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.tnav td.last_approved_current_level_1 {
    border-top: 2px solid #c7c7c7;
}

.tnav td.last_approved_current_level_2,
.tnav td.last_approved_current_level_3,
.tnav td.last_approved_current_level_4,
.tnav td.last_approved_current_level_5,
.tnav td.last_approved_current_level_6 {
    border-top: 1px solid #c7c7c7;
}

.tnav td.modify_current {
    background-color: #ffffff;
}

.tnav td.modify_current_level_1 {
    border-top: 2px solid #c7c7c7;
}

.tnav td.modify_current_level_2,
.tnav td.modify_current_level_3,
.tnav td.modify_current_level_4,
.tnav td.modify_current_level_5,
.tnav td.modify_current_level_6 {
    border-top: 1px solid #c7c7c7;
}

/*Company/AnnounceHistory.aspx --> AnnounceHistoryData.aspx.vb*/
td.history_bull {
    width: 5%;
    padding-left: 4px;
}

span.history_CategoryName {
    font-size: 12px;
    font-family: Arial;
    color: #444444;
}

/*Company/GalleryUploadEdit.aspx*/
.tnav tr.header td.GalleryUpload_status {
    background-color: #eaeaea;
    border-bottom: 1px solid #c7c7c7;
}

.tnav tr.header td.GalleryUpload_modify {
    background-color: #eaeaea;
    border-right: 1px solid #c7c7c7;
}

.tnav tr.item td.GalleryUpload_title {
    background-color: #ffffff;
    font-size: 12px;
    height: 25px;
    padding: 3px;
    margin: 3px;
}

.tnav tr.item td.GalleryUpload_status {
    background-color: #ffffff;
    border-top: 2px solid #c7c7c7;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.tnav tr.item td.GalleryUpload_modify {
    background-color: #ffffff;
    border-top: 2px solid #c7c7c7;
}

/*Company/IRMAnnounce.aspx*/
.IRMAnnounce_group {
    background-color: #ffffff;
    display: none;
}

/*Company/LogicalDeletedPageDisplay.aspx*/
table.LogicalDeletedPage_table tr.header td.title,
table.LogicalDeletedPage_table tr.header td.status,
table.LogicalDeletedPage_table tr.header td.modify,
table.LogicalDeletedPage_table tr.header td.delete {
    background-color: #eaeaea;
}

table.LogicalDeletedPage_table tr.row td.title {
    background-color: #ffffff;
    font-size: 12px;
    height: 25px;
    padding: 10px;
    margin: 3px;
}

table.LogicalDeletedPage_table tr.row td.status,
table.LogicalDeletedPage_table tr.row td.lastApproved {
    background-color: #ffffff;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

table.LogicalDeletedPage_table tr.row td.modify {
    background-color: #ffffff;
}

/*Company/SystemUploadFiles.aspx*/
.fileUpload_table {
    border-width: 0px;
    border-collapse: collapse;
}

    .fileUpload_table tr th,
    .fileUpload_table tr td {
        border-width: 0px;
        padding-left: 5px;
        padding-right: 5px;
    }

.fileUpload_url,
.fileUpload_Attachment_url,
.fileUpload_Inline_url,
.fileUpload_fileName {
    display: none;
}

/*Company/IRMAnnounceUpdate.aspx*/
.IRMAnnounceUpdate_divConfirm, .Invitation_divConfirmEventChange, .Invitation_divConfirmSendTestEmail, .Invitation_divConfirmSendAll, .Invitation_divConfirmSendAll_YesNo, .Attendee_divAttendeeSelect, .Attendee_divAttendeeCreateUserConfirm, .Invitation_divWarning {
    text-align: center;
    background-color: #ffffff;
    display: none;
    cursor: default;
}

.IRMAnnounceUpdate_divError {
    text-align: center;
    background-color: #ffffff;
    display: none;
    cursor: default;
}

/*admin/viewmail.aspx*/
table.mail_deliveryreports {
    overflow: auto;
    table-layout: fixed;
    width: 100%;
}

.cm_alltable.cm_addeditcontent thead tr td {
    padding: 10px 7px;
}

.pageNotification {
    padding: 20px;
    border: 3px solid #efefef;
    margin: 20px 0;
}

.successMessageNotification {
    border: 3px solid #30a671;
    background: #4dc08d;
    color: #fff;
}

.errorMessageNotification {
    border: 3px solid #ff0000;
    background: #ff2a2a;
    color: #fff;
}

.pageSettingOptions {
    margin: 30px 0;
}

.generalSettingOptions ul li {
    margin-bottom: 15px;
}

.irmn_alltable td,
.table-pagination td {
    padding: 10px;
}

span.pageLabel {
    background-color: transparent;
    color: #0a0a0a;
}

/*.irmn_alltable a{
   float: right;
}*/

.editListPageFields > div,
.commonPageSettingFields > div {
    margin-bottom: 20px;
}

.bannerSettingOptions li,
.general-options li {
    margin-bottom: 15px;
}

    .commonPageSettingFields label,
    .general-options li label {
        min-width: 250px;
    }

.commonPageSettingFields small,
.general-options small {
    display: block;
}

.general-options li h3 {
    margin: 40px 0 30px;
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.introDisplayTinyMCE .button {
    font-size: 12px;
    padding: 7px;
}

.introDisplayTinyMCE label {
    margin-bottom: 20px;
}

.redirectPageSettingOption {
    margin-bottom: 0 !important;
}

.redirectPageSettingDropdown select {
    width: 100%;
    max-width: 160px;
    float: left;
}

.redirectPageSettingDropdown p {
    font-size: 20px;
    margin-bottom: 0;
}

.redirectPageSettingDropdown {
    max-width: 800px;
}

    .redirectPageSettingDropdown div,
    .redirectPageSettingDropdown select,
    .redirectPageSettingDropdown input {
        margin-bottom: 0;
    }

.irmn_alltable .button {
    padding: 5px 10px !important;
    text-align: center !important;
}

.mce-tinymce {
    width: 100% !important;
    max-width: 600px !important;
}

.irmn_uploadhistorically > div {
    margin-bottom: 20px;
}

.selectGalleryItemTable td,
.galleryOptionTable td,
.cm_updatelist td {
    padding: 10px;
}

    .cm_updatelist td a.MyLink {
        padding: 5px;
        margin-bottom: 0;
        font-size: 13px;
    }

    .cm_updatelist td:first-child {
        width: 45%;
    }

.irmn_docDownload > div {
    margin-bottom: 20px;
}

.externalUrlSection {
    max-width: 800px;
}

    .externalUrlSection .button {
        padding: 9px !important;
        border-radius: 5px;
        font-family: "DM sans";
    }

/*  Styling for Product Catalogue  */
.ProductCatalogDetailsHeadingText {
    font-weight: bold;
    margin-bottom: 20px;
}

.ProductDetailNav input[type=submit] {
    background: #404cb2;
    color: #fff;
    border-color: #404cb2;
}

    .ProductDetailNav input[type=submit]:hover {
        background: #30a671;
        color: #fff;
        border-color: #30a671;
    }

.ProductDetailNav .row {
    max-width: 100%;
}

.ProductCatalogDetailsIntroText p {
    margin: 10px 0 20px;
    padding: 10px;
    border: 2px solid #404cb2;
    background: rgba(64, 76, 178, 0.1);
}
/*.ProductCatalogDetailsTable .medium-4{
   width:25%;
}*/
/*.ProductCatalogDetailsTable .medium-8{
   width:75%;
}*/
/* 3 nav buttons  */
.ProductDetailNav3button ul li {
    list-style-type: none;
    display: inline-block;
    float: left;
    width: 32%;
    margin-right: 1% !important;
}

    .ProductDetailNav3button ul li input {
        width: 97%;
        margin-right: 1% !important;
        padding: 10px;
        font-weight: bold;
    }

.ProductDetailNav3button ul {
    margin: 0;
}

    .ProductDetailNav3button ul li {
        margin-right: 1px;
    }

        .ProductDetailNav3button ul li:last-child input {
            float: right;
        }
/*  4 nav buttons  */
.ProductDetailNav4button ul li {
    list-style-type: none;
    display: inline-block;
    float: left;
    width: 24%;
    margin-right: 1% !important;
}

    .ProductDetailNav4button ul li input {
        width: 96%;
        padding: 10px;
        font-weight: bold;
    }

.ProductDetailNav4button ul {
    margin: 0;
}

    .ProductDetailNav4button ul li {
        margin-right: 1px;
    }

        .ProductDetailNav4button ul li:last-child input {
            float: right;
        }
/*  5 nav buttons  */
.ProductDetailNav5button ul li {
    list-style-type: none;
    display: inline-block;
    float: left;
    width: 19%;
    margin-right: 1% !important;
}

    .ProductDetailNav5button ul li input {
        width: 95%;
        margin-bottom: 0;
        padding: 10px;
        font-weight: bold;
    }

.ProductDetailNav5button ul {
    margin: 0;
}

    .ProductDetailNav5button ul li {
        margin-right: 1px;
    }

        .ProductDetailNav5button ul li:last-child input {
            float: right;
        }

.ProductCatalogEnquireIntroText .columns {
    padding: 0;
}

.ProductsCol {
    margin: 0;
}

.ProductCatalogIntro {
    padding: 20px;
    background: #fff;
    border: 1px solid #2c3691;
    margin: 10px 0 0;
}

.prodcatdetailsrow .columns {
    padding: 0;
}

    .prodcatdetailsrow .columns p {
        padding: 10px;
        margin-bottom: 0;
    }

.prodcatdetailsrow .medium-4 p {
    font-weight: bold;
}

.prodcatdetailsrow {
    max-width: 100%;
    margin: 0 !important;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

    .prodcatdetailsrow p {
        margin: 10px;
    }

    .prodcatdetailsrow:nth-of-type(odd) {
        background: #f2f2f2;
    }

    .prodcatdetailsrow .medium-12 {
        padding: 0;
        background: #fff;
        color: #2c3691;
        border: 1px solid #2c3691;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .prodcatdetailsrow select {
        margin-bottom: 0;
        padding: 10px;
    }

    .prodcatdetailsrow input[type="text"] {
        padding: 10px;
    }

    .prodcatdetailsrow .g-recaptcha {
        margin: 20px;
    }

    .prodcatdetailsrow:hover {
        background: rgba(44, 54, 145, 0.1);
    }

        .prodcatdetailsrow:hover:last-of-type,
        .prodcatdetailsrow13
        /*.prodcatdetailsrow:hover:first-of-type*/ {
            background: none;
        }

.productListThumbnail {
    width: 100%;
    max-width: 250px;
    display: block;
    height: 150px;
    background-size: cover !important;
    background-position: center !important;
    margin: 0 auto 10px;
    border: 1px solid #ddd;
}

.ProductCatalogImage img {
    display: block;
    max-width: 600px;
    margin: 10px auto 20px;
}

.ProductCatalogEnquireIntroText {
    margin-bottom: 20px;
}

.ProductsCoolBox {
    background: #fff;
    /*width:32.2%;*/
    display: inline-block;
    float: left;
    /*margin-left: 1%;*/
    margin-right: 1%;
    border: 1px solid #efefef;
    /*padding: 20px;*/
    min-height: 580px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.ProductsCoolName {
    font-size: 18px;
    padding: 15px 20px;
    background: #404cb2;
    color: #fff;
}

    .ProductsCoolName dl {
        margin-bottom: 0;
    }

.ServicePageDropdownLabels {
    margin-left: 0 !important;
    width: 100%;
    min-height: 60px;
    clear: both;
    margin-bottom: 20px;
}

.ProductsCoolContent {
    padding: 20px;
}

.ServicePageDropdownLabels li {
    list-style-type: none;
    width: 32.2%;
    display: inline-block;
    float: left;
    margin-right: 1% !important;
}

    .ServicePageDropdownLabels li label {
        width: 100%;
        font-weight: bold;
        color: #404cb2;
        font-size: 18px;
    }

    .ServicePageDropdownLabels li select {
        width: 100%;
        padding: 10px;
    }

.ProductListContainer {
    margin-bottom: 20px;
}

.ProductsCoolName dt,
.ProductsCoolDescription dt {
    display: none;
}

.ProductsCoolBox:hover .ProductsCoolLink {
    opacity: 1;
    top: 0;
}

.ProductsCoolLink {
    opacity: 0;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: 58% 40%;
    background: rgba(44, 54, 145, 0.3);
    height: 100%;
    transition: all 0.8s ease;
}

    .ProductsCoolLink a {
        font-weight: bold;
        text-decoration: none;
        padding: 20px 30px;
        border: 2px solid #515cbf;
        background: #515cbf;
        color: #fff;
        transition: all 0.5s ease;
    }

        .ProductsCoolLink a:hover {
            background: #fff;
            color: #515cbf;
        }

    .ProductsCoolLink input {
        padding: 20px 40px;
    }

.ProductsCoolName dl dd {
    /*min-height: 45px;*/
    display: block;
    font-weight: bold;
    /*border-bottom: 1px solid #efefef;*/
    margin: 0;
}

.ProductsCoolDescription dd {
    margin: 0;
}

.ProductDetailNav .columns {
    padding: 0;
}

.update-account-section table.mdmyemailalerts {
    width: 100%;
}

.update-account-section table td {
    border-top: unset;
    font-size: 16px;
}

    .update-account-section table td input[type='text'] {
        width: 35% !important;
    }

    .update-account-section table td select {
        border: 1px solid #B9B9B9;
        padding: 10px;
        color: #76797C;
        width: 35%;
        font-family: "DM Sans" !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        background-image: url('../images/header/chevron-down.svg');
        background-repeat: no-repeat;
        background-position: 97% 52%;
        background-size: 10px 10px;
    }

.update-account-section .button {
    border-radius: 5px;
}
/*  My Account  */
.my-account-page-wrap {
    margin-top: 20px;
}

.my-account-box {
    background: #f8f8f8;
    border: 1px solid #B9B9B9;
    margin-bottom: 20px;
    min-height: 380px;
    border-radius: 5px;
}

.account-ongoing-plans .grid {
    padding: 10px;
}

.acc-title-cell {
    font-weight: bold;
    background: #404cb2;
    padding: 5px 3px;
    color: #FFF;
}

.acc-data-cell {
    border-bottom: 1px solid #CCC;
    padding: 5px 3px;
}

.account-table table th {
    padding: 0 !important;
    /*
padding-top:3px !important;
padding-bottom:3px !important;
*/
}

.account-table td {
    padding: 0 5px;
    /*
padding-top:3px !important;
padding-bottom:3px !important;
*/
}

.account-table {
    margin-bottom: 5px;
}

.my-account-box h2 {
    padding: 10px 20px;
    font-size: 18px !important;
    font-weight: bold;
    color: #fff !important;
    text-transform: uppercase;
}

.my-acc1 h2 {
    background: #404cb2;
}

.my-acc2 h2 {
    background: #15b4f0;
}

.my-acc3 h2 {
    background: #ee5a51;
}

.my-acc4 h2 {
    background: #30a671;
}

.my-acc5 h2 {
    background: #f59b21;
}

.my-acc6 h2 {
    background: #373e47;
}

.my-account-box-inner {
    font-family: "Montserrat", sans-serif;
    padding: 10px 20px 20px;
    min-height: 380px;
}

.my-account-intro {
    min-height: 55px;
    margin-bottom: 0.7rem;
}

.my-account-details-intro {
    border-bottom: 1px solid #efefef;
    /*margin-bottom: 30px;*/
}

    .my-account-details-intro p {
        margin-bottom: 10px;
    }

    .my-account-details-intro .bold {
        font-weight: bold;
    }

.my-acc1 .button {
    display: block;
    max-width: 300px;
    font-size: 14px;
}

.account-mydetails .my-account-list {
    margin-bottom: 30px;
}

.my-account-box-inner a,
.my-account-box-inner a.button {
    color: #0A66C2;
    font-weight: bold;
}

.my-account-list {
    margin-bottom: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid #efefef;
}

.account-contact-list .my-account-list {
    margin-bottom: 2px;
    padding-bottom: 3px;
}

.my-account-list p {
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
}

.contact_fullname {
    margin-right: 10px;
}

/*.account-mydetails {
   margin-bottom: 50px;
}*/

.pageFilterFormField {
    float: left;
}

.Invisible {
    color: Silver;
}

a.Invisible {
    color: Silver;
}

.PageOption {
    display: inline-block;
    float: left;
    width: 180px;
    height: 160px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 4px;
    padding-right: 4px;
}

.PageOptionButton {
    width: 122px;
}

.pageNote {
    color: #fba500;
    padding-left: 4px;
}

div.pageFilterFormField {
    display: inline-block;
}

.pageFilterFormField input[type="text"] {
    width: 200px;
}

.page_table_filter .form-message {
    display: block;
    clear: both;
}

table.tnav tr.Highlighted {
    background-color: #d8fffc;
}

.showcase_alltable th,
.cms-table th,
.cms-table td,
.support_alltable th,
.support_alltable td,
.suggestion_alltable th,
.suggestion_alltable td,
.contact-list-alltable th,
.contact-list-alltable td,
.contracts_alltable th,
.contracts_alltable td {
    text-align: left;
    padding: 10px;
}

.md_alltable li {
    margin-bottom: 15px;
}

    .md_alltable li label {
        width: 160px;
    }

.admin_preferences h2 {
    margin-top: 30px;
}

.admin_alltable .ui-tabs-anchor {
    font-size: 14px;
    padding: 5px 10px;
    margin: 0;
}

.admin_alltable .ui-widget-header {
    bottom: 39px;
    right: 4px;
}

.admin_alltable .ui-tabs .ui-tabs-panel {
    padding: 0 1.4em 1em;
}

.warning .mode li {
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.warning .mode {
    clear: both;
    display: inline-block;
    width: 100%;
}

    .warning .mode label {
        margin-right: 0;
    }

.warning {
    margin-bottom: 20px;
}

.md_alltable td {
    padding: 5px;
}

.md_alltable tr,
.md_alltable tr:nth-child(odd) {
    background: #F8F8F8;
}

.ProductDetailNav {
    display: inline-block;
    width: 100%;
}

a.button.dash-info-button {
    background: #f59b21;
    border-color: #f59b21;
    color: #fff;
}

    a.button.dash-info-button:hover {
        background: #e89c0b !important;
    }

.user_alltable td {
    padding: 10px;
}

.es_alltable {
    width: 100%;
}

.es_alltable td {
    padding: 10px;
}

.DistributionTypeDetailsTable th,
.DistributionTypeDetailsTable td,
.cm_addeditcalendar th,
.biography_alltable th,
.blog_alltable th,
.blog_alltable td {
    text-align: left;
    padding: 10px;
}

.typeFilterFormField .button.add {
    margin-top: -5px;
}

.es_alltable th {
    padding: 10px 20px;
    text-align: left;
}

.career_alltable th .button {
    margin-top: 27px;
}

.blogCatLabel li,
.careerApplicationDetailsList li {
    margin-bottom: 15px;
}

    .careerApplicationDetailsList li label {
        width: 170px;
    }

.timeline_alltable tr td,
.mu_alltable tr td,
.upload-subscribers tr td {
    padding: 10px;
}

.blogEdit_mainList li {
    margin-bottom: 20px;
}

.blogEdit_categoryList .input_row {
    margin-bottom: 10px;
}

.galleryOptionTable td a:hover {
    text-decoration: none;
}

.galleryOptionTable tbody {
    width: 100%;
}

.MyPageTitle {
    margin: 0 0 1em;
    line-height: 1.5;
    white-space: nowrap;
}

.MyLink {
    margin: 0 0 1em;
    font-size: 0.8em;
}

.galleryOptionTable td .MyLink,
.career_alltable td .button,
.small-responsive-table td .button,
.showcase_alltable td .button,
.large-responsive-table td .button,
.responsive-table td .button,
.showcase_alltable td a,
.showcase_customfields td a,
.biography_customfields td a {
    font-size: 13px;
    padding: 7px 12px;
    font-weight: 600;
}

.branchListRightTd th,
.branchListRightTd td {
    padding: 10px;
}

.branchListLeftTd tr,
.branchListLeftTd tr:nth-child(odd) {
    background-color: #f8f8f8;
}

.branchListRightTd tr,
.branchListRightTd tr:nth-child(odd) {
    background-color: #e9e9e9;
}

    .branchListRightTd tr.secondhead {
        background-color: #404CB1;
    }

    .branchListRightTd tr.secondhead {
        color: #fff;
    }

.branchListLeftTd {
    margin-bottom: 20px;
}

.table-sub-group-permission {
    max-width: 800px;
}

    .table-sub-group-permission tr,
    .table-sub-group-permission tr:nth-child(odd),
    .inputData tr,
    .inputData tr:nth-child(odd),
    .LibraryCategory_alltable tr,
    .LibraryCategory_alltable tr:nth-child(odd),
    .es_managesubscribers_subscriberTo tr,
    .es_managesubscribers_subscriberTo tr:nth-child(odd),
    .upload-subscribers tr,
    .upload-subscribers tr:nth-child(odd),
    .mu_alltable tr,
    .mu_alltable tr:nth-child(odd) {
        background-color: #f8f8f8;
    }

.mu_alltable input[type='text'] {
    margin-bottom: 0;
}

.es_managesublist1 li {
    margin-bottom: 15px;
}

.es_managesubscribers_subscriberTo tr td:first-child,
.upload-subscribers tr td:first-child {
    width: 250px;
}

.es_uploadsublist span,
.attendeeUpload-eventList span {
    font-size: 14px;
    margin-bottom: 15px;
    display: block;
}

.es_managesubscribers .info {
    margin: 10px 0 20px;
    padding: 10px;
    border: 3px solid #404cb2;
    background: rgba(64, 76, 178, 0.1);
}

.es_managesubscribers_subscriberTo {
    margin-bottom: 20px;
}

.es_managesublist_subtitle {
    margin-bottom: 10px;
}

.es_managesublist2 td {
    padding: 10px;
}

.es_managesublist2_filterResults {
    padding: 20px 0;
}

.es_managesublist2_selectSubscribers {
}

    .es_managesublist2_selectSubscribers label {
        font-weight: normal;
        letter-spacing: 0;
        padding-left: 5px;
        font-size: 12px;
    }

.es_managesublist2 li:first-child {
    margin-bottom: 20px;
}

    .es_managesublist2 li:first-child label {
        margin-bottom: 10px;
    }

.mdmyemailalerts tr td:first-child,
.mu_createanewuser tr td:first-child {
    width: 350px;
    padding-right: 20px;
}

.table-pagination > td > table {
    width: auto;
}

    .table-pagination > td > table tr:nth-child(odd) {
        background-color: #fff;
    }

.table-pagination:hover {
    background: none !important;
}

.infoContainer {
    margin: 20px 0;
}

.error {
    margin: 10px 0 10px;
    padding: 10px;
    color: #000 !important;
    border: 3px solid red;
    background: rgba(255, 0, 0, 0.1);
}

    .error ul li {
        color: #000;
    }

.success {
    margin: 10px 0 10px;
    padding: 10px;
    color: #000 !important;
    border: 3px solid #30a671;
    background: rgba(48, 166, 113, 0.1);
}

.button.startHere {
    background: #404cb2;
    color: #fff;
}

    .button.startHere:hover {
        background: #2936a6;
    }

.library_alltable th,
.LibraryCategory_alltable th {
    text-align: left;
}

.myRadio {
    width: 200px;
}

    .myRadio tr td:first-child {
        width: auto
    }

.support_createnew li label {
    display: block;
}

small {
    font-size: 12px;
}

.careers_careerssettings th:first-child {
    width: 30%;
}

.careers_careerssettings td label {
    white-space: normal;
}

.cm_addeditimage th {
    white-space: nowrap;
}

.cm_addeditimage td {
    padding: 10px;
    text-align: left;
}

    .cm_addeditimage td .button {
        white-space: nowrap;
    }

.admin_audittraillist td,
.cm_authorisecontent td,
.cm_addeditcalendar td,
.career_alltable td,
.library_alltable td,
.LibraryCategory_alltable td,
.mail_alltable td {
    padding: 10px;
}

.admin_audittraillist td {
    word-break: break-all;
}

.irmn_editannouncement td:nth-child(1),
.irmn_editannouncement td:nth-child(2),
.irmn_editannouncement td:nth-child(3) {
    padding: 10px 5px;
    white-space: nowrap;
}

.mail_deliveryreports td:first-child {
    white-space: nowrap;
    width: 80px;
}

.mail_deliveryreports td:nth-child(2) a,
.mail_deliveryreports td:nth-child(9) {
    word-break: break-word;
}

.mail_deliveryreports td:first-child .button {
    margin-top: 22px;
}

.mail_deliveryreports .nowrapClass {
    float: left;
    margin-top: 10px;
    margin-right: 5px;
}

.email_filter {
    max-width: 1024px;
}

    .email_filter .button {
        margin-top: 24px;
    }

    .email_filter label {
        float: left;
        width: 100%;
    }

.mailViewList li {
    margin-bottom: 15px;
}

.ToExcel.button {
    background: #404CB1 !important;
    color: #fff !important;
}

.checkboxesOnEventsForAnEmailTag table {
    max-width: 1080px;
}

    .checkboxesOnEventsForAnEmailTag table td {
        width: 80px;
    }

.user_chart_filter_row {
    display: flex;
    margin-bottom: 10px;
}


.user_chart {
    height: 400px;
    margin-bottom: 30px;
}

.user_chart_checkbox label {
    font-weight: normal;
}

.ga_chart, .chart-box {
    height: 340px;
}

.has-tip {
    border-bottom: none;
}

.BulkAction {
    display: inline-block;
}

span.PageSizeOption select {
    width: 80px;
}

.mail_sendgriddata th {
    white-space: nowrap;
}

.mail_tagstatistics th {
    vertical-align: top;
}

.Iconlink:after {
    margin-right: 20px;
}

.irmn_released td img:after {
    content: '';
    display: block;
    margin-right: 20px;
}

.library_alltable th input,
.library_alltable th select {
    margin: 0;
}

.career_alltable th,
.timeline_alltable th,
.library_alltable th,
.irmn_alltable th {
    text-align: left;
    padding: 10px;
}

.irmn_pending > tbody > tr:nth-child(1) > th:nth-child(5) {
    text-align: center;
}

.hqitimeline_list li {
    margin-bottom: 20px;
}

.emailgroup .small-responsive-table td {
    padding-top: 10px;
}

.button-inline {
    padding: 5px 15px;
}

.list-sub-group-permission li label {
    display: inline-block;
    margin-bottom: 15px;
}

.list-sub-group-permission {
    margin-bottom: 20px;
}

.releasedFilterFormField {
    display: inline-block;
}

/*input[type="text"].releasedFilterFormFieldTitle {
       width: 200px;
}

input[type="text"].releasedFilterFormFieldSource {
   width: 60px;
}
input[type="text"].datepicker {
   width: 110px;
}*/
/*.ui-widget-header {
   border: 1px solid #e78f08 !important;
   background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x !important;
   color: #ffffff !important;
   font-weight: bold !important;
}*/

.ui-widget-header .ui-icon {
    background-image: url(../admin/images/ui-icons_ffffff_256x240.png);
}

.email_chart_filter .button,
.irmn_released_filter .button {
    margin-top: 24px;
}

.irmn_pending_filter .button {
    margin-top: -3px;
}

.irmn_distributionchannels td {
    text-align: left;
}

.user_alltable td:last-child {
    width: 120px;
}

.pagination {
    background: #f8f8f8 !important;
}

.filterUser {
    margin-top: 36px !important;
    padding: 10px !important;
    font-weight: bold !important;
    font-size: 14px !important;
}

.filterSubscriber {
    margin-top: 21px !important;
    padding: 10px !important;
    font-weight: bold !important;
    font-size: 14px !important;
}

.paginav p {
    display: inline-block;
    float: left;
    margin: 3px;
}

.irmn_pending th:first-child {
    /*width:120px;*/
}

.popUpOption.emailGroupEdit {
    min-height: 300px;
}

    .popUpOption.emailGroupEdit p {
        font-size: 14px;
        line-height: 1.2;
    }

.popUpOption .PageOptionButton {
    width: 100%;
    min-height: 45px;
    margin-bottom: 10px;
}

.PageOption {
    display: inline-block;
    float: left;
    width: 180px;
    height: 120px;
    padding: 3px;
}

.PageOptionButton {
    width: 120px;
}

.list-sub-group-permission li {
    margin-bottom: 20px;
}

    .list-sub-group-permission li label {
        margin-bottom: 0;
    }

.subcriberGroupPermissionList {
    margin-top: 20px;
}

.table-sub-group-permission td {
    font-weight: bold;
    vertical-align: middle;
    padding: 10px;
}

.table-sub-group-permission .button {
    font-size: 13px;
    padding: 7px 13px;
}

.generateLinkHelp {
    display: inline-block;
    max-width: 300px;
}

.contact_email .iconRejected {
    margin-top: -5px;
}

/* Foundation Tab Styles */
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
    background: #404cb2;
    color: #ffffff;
}

.tabs-title > a {
    padding: 15px 15px 15px 10px;
    font-size: 14px;
    color: #404cb2;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
}

.tabs,
.tabs-content {
    max-width: 1000px;
}

.tabs-title a img {
    margin-right: 3px;
}

.approvalBox fieldset {
    background: #fff;
}
/* Foundation Tab Styles */

.not-responsive-table table {
    background: transparent;
    width: 100%;
}

.pending-table td {
    padding: 10px 5px;
}

/* IRM News Room Released & Pending Table(s) */
.gvDate {
    overflow: hidden;
    min-width: 85px;
    font-size: 14px;
    letter-spacing: -0.5px;
}

th.gvDate {
    font-size: 14px;
    overflow: initial;
}

.ChannelOKWeb {
    min-width: 20px;
}

.ChannelCloseEmail {
    min-width: 20px;
}

.ChannelOKFacebook,
.ChannelCloseFacebook,
.ChannelOKEmail,
.ChannelCloseEmail,
.ChannelCloseWeb,
.ChannelOKWeb,
.ChannelOKLinkedIn,
.ChannelCloseLinkedIn,
.ChannelOKTwitter,
.ChannelCloseTwitter {
    min-width: 20px;
}
/* IRM News Room Released & Pending Table(s) */

.button.previous,
.button.next {
    font-weight: normal;
    padding: 8px;
}

.calendarCat {
    background: #fff;
}

    .calendarCat .input_title {
        padding: 10px;
        background: #404cb2;
        color: #fff;
    }

    .calendarCat .calendarCatInputBox {
        padding: 10px 10px 15px;
    }

.calendarCatInputBox div {
    margin-bottom: 3px;
}

.addMediaList small {
    display: block;
    margin-top: 3px;
    clear: both;
}

.GalleryContainerEditList li,
.addMediaList li {
    margin-bottom: 20px;
}

.addMediaList label {
    float: left;
    max-width: 122px;
    width: 100%;
}

.authorise-content-row .rejectionRow,
.authorise-content-row .HeaderRow,
.authorise-content-row .CategoryLabel,
.authorise-content-row .PreviewUrlLabel,
.authorise-content-row .otherCategory
.authorise-content-row .authoriseContentTitle,
.authorise-content-row .authoriseBrief,
.authorise-content-row .authoriseCode,
.authorise-content-row .authoriseEffectiveDate,
.authorise-content-row .authoriseFeaturedImage,
.authorise-content-row .authoriseSendMail,
.authorise-content-row .authoriseSendSMS,
.authorise-content-row .authoriseFileName,
.authorise-content-row .authorise-content-details {
    margin-bottom: 20px;
}

    .authorise-content-row .PreviewUrlLabel span {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
    }

.cm_customisation td {
    padding: 10px !important;
}

.createNewUserRow {
    margin-bottom: 10px;
}

.frmField table tr:nth-child(odd) {
    background: #F8F8F8;
}

.frmField input,
.frmField select {
    display: inline-block;
    float: left;
}

.frmField sup {
    display: inline-block;
}

.createNewUserRow {
    clear: both;
    min-height: 50px;
}

    .createNewUserRow label {
        display: inline-block;
        float: left;
        width: 100%;
        max-width: 240px;
        white-space: normal;
    }

.titleInRow {
    margin-top: 50px;
}

    .titleInRow h3 {
        position: relative;
        padding-bottom: 10px;
        text-transform: uppercase;
        color: #565763;
    }

        .titleInRow h3:before {
            position: absolute;
            content: '';
            border-bottom: 1px solid #d2d2d2;
            width: 100%;
            max-width: 770px;
            height: 1px;
            bottom: 0;
        }

.createNewUserRow span {
    display: block;
}

.gvDistributionChannels {
    padding: 10px 10px 2px !important;
    white-space: nowrap;
    text-align: center !important;
}

.irmn_released > tbody > tr:nth-child(2) > th {
    padding: 2px 10px 10px !important;
}

.gvWeb,
.gvEmail,
.gvFacebook,
.gvLinkedIn,
.gvTwitter,
.gvBlog {
    padding: 2px 10px 10px !important;
}

.table-pagination {
    background-color: #fff !important;
}

.gvDate {
    white-space: nowrap;
}

.section-title {
    position: relative;
}


.off-canvas-menu .toggle-sub {
    display: inline-block;
}

.reg_socialmediatable tr,
.reg_socialmediatable tr:nth-child(odd) {
    background-color: #fff;
}

.reg_socialmediatable td img {
    display: block;
    margin: 0 auto;
}

.socMedButtonsGroup td .button {
    display: block;
    max-width: 170px;
    margin: 0 auto;
    font-size: 13px;
    padding: 7px;
}

.socMedFBTargetBox .grid-x,
.socMedLITargetBox .grid-x {
    margin-top: 20px;
}

.socMedTargets td {
    height: auto;
}

.socMedButton .button {
    font-size: 13px;
    padding: 7px;
}

.pnlDivLinkedInTarget,
.pnlDivFacebookTarget,
.pnlDivTwitterTarget {
    padding: 20px;
    background-color: #efefef;
}

    .pnlDivLinkedInTarget tr,
    .pnlDivLinkedInTarget tr:nth-child(odd),
    .pnlDivFacebookTarget tr,
    .pnlDivFacebookTarget tr:nth-child(odd),
    .pnlDivTwitterTarget tr,
    .pnlDivTwitterTarget tr:nth-child(odd) {
        background: #efefef;
    }

.optionContainerGallery,
.bioOptionTable {
    max-width: 400px;
}

    .optionContainerGallery td,
    .bioOptionTable td {
        padding: 5px 0;
        height: auto;
    }

    .optionContainerGallery tr,
    .optionContainerGallery tr:nth-child(odd),
    .bioOptionTable tr,
    .bioOptionTable tr:nth-child(odd) {
        background-color: #F8F8F8;
    }

.bioOptionTableTitle {
    padding-top: 20px;
    font-weight: bold;
}

.galleryUploadOptionTable,
.galleryOptionTable {
    margin-bottom: 30px;
}

    .galleryUploadOptionTable table .header td {
        background: #404CB1 !important;
        text-transform: capitalize;
        color: #fff;
    }

    .galleryUploadOptionTable table td {
        padding: 10px;
    }

    .galleryOptionTable td:first-child {
        width: 60px;
    }

    .galleryOptionTable td:nth-child(2) {
        width: 80px;
    }

    .galleryOptionTable td:nth-child(3) {
        width: 30%;
    }

    .galleryOptionTable td:nth-child(4) {
        width: 30%;
    }

    .galleryOptionTable td .MyLink {
        padding: 3px 7px;
    }

.composeMailGroupList table {
    max-width: 300px;
}

.composeMailGroupList {
    margin-top: 15px;
}

    .composeMailGroupList table tr,
    .composeMailGroupList table tr:nth-child(odd) {
        background-color: #f8f8f8;
    }

.compose-mail-email-template {
    padding: 10px 0;
}

.mdmyemailalerts input[type='text'],
.mdmyemailalerts select {
    display: inline-block;
    float: left;
    width: 97%;
}

.mdmyemailalerts sup {
    /*float: left;
    top: 4px;*/
    padding-left: 2.5px;
    color: red;
}

.mdmyemailalerts td span {
    clear: both;
    display: block;
}

.keywordsTable td {
    padding: 10px;
}

.keywordsTable th {
    padding: 10px;
    text-align: left;
}

.admin_audittraillist td:first-child {
    white-space: nowrap;
}

.history_table td {
    padding: 3px;
}

.Historybox {
    max-width: 1000px;
}

.toplist li {
    margin-bottom: 15px
}

.responsivePreviewIframe {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

    .responsivePreviewIframe iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.mail_alltable th {
    text-align: left;
}

.datepicker {
    display: inline-block !important;
    float: left;
    width: 95% !important;
}

.admin_audittrail label span {
    float: left;
}

.auditTrailControlList li {
    margin: 15px 0;
}

.showcaseSettingsTable {
    max-width: 1000px;
}

    .showcaseSettingsTable td:first-child {
        max-width: 300px;
        /*font-weight: bold;*/
    }

    .showcaseSettingsTable td {
        padding: 10px;
    }

.docDownloadPage th {
    text-align: left;
}

.docDownloadPage td {
    padding: 10px;
}

.admin_environment .tabs-title > a {
    color: #404cb2;
    padding: 20px;
    margin: 0;
}

    .admin_environment .tabs-title > a:hover,
    .admin_environment .tabs-title > a:focus,
    .admin_environment .tabs-title > a[aria-selected='true'] {
        background: #404cb2;
        color: #ffffff;
    }

.admin_environment .preferences th {
    background: #999 !important;
}

.effectivedateSpan {
    font-weight: normal;
}

.authorise-content-row {
    margin-bottom: 10px;
}

.sendEmailToSubscribersList li {
    display: inline-block;
    float: left;
    width: 80px;
    margin-right: 5px;
}

    .sendEmailToSubscribersList li label {
        float: left;
        display: inline-block;
        width: 25%;
    }

.editregistration_table td {
    padding: 10px;
}

    .editregistration_table td .button {
        font-size: 13px !important;
        padding: 7px 12px !important;
        font-weight: 600 !important;
    }

.editRegistrationFieldsuserDetailsList .column {
    margin-bottom: 20px;
}

.editRegistrationFieldsuserDetailsList li input {
    display: inline-block;
    width: 95%;
}

.editRegistrationFieldsuserDetailsList label {
    display: block;
}

.subscribers .ui-datepicker .ui-datepicker-prev,
.announceMailLog .ui-datepicker .ui-datepicker-prev,
.DisplayContactEmail .ui-datepicker .ui-datepicker-prev,
.delivery.active .ui-datepicker .ui-datepicker-prev,
.mail.statistics .ui-datepicker .ui-datepicker-prev {
    padding: 5px;
    background: #fff;
    float: left;
    color: #fff;
    font-size: 14px;
    margin: 5px;
}

.subscribers .ui-datepicker .ui-datepicker-next,
.announceMailLog .ui-datepicker .ui-datepicker-next,
.DisplayContactEmail .ui-datepicker .ui-datepicker-next,
.delivery.active .ui-datepicker .ui-datepicker-next,
.mail.statistics .ui-datepicker .ui-datepicker-next {
    padding: 5px;
    background: #fff;
    float: right;
    color: #fff;
    font-size: 14px;
    margin: 5px;
}

.subscribers.email-alerts .ui-datepicker-title {
    padding: 0
}

.subscribers.email-alerts .ui-datepicker-title {
    background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x !important;
    color: #fff !important;
}

.subscribers .ui-datepicker-title,
.announceMailLog .ui-datepicker-title,
.DisplayContactEmail .ui-datepicker-title,
.delivery.active .ui-datepicker-title,
.mail.statistics .ui-datepicker-title {
    /* padding: 10px;
   background: #fff;*/
    text-align: center;
    font-weight: bold;
}
/* .subscribers .ui-widget-header .ui-icon{

} */
/*.announceMailLog .ui-widget-header .ui-icon,
.DisplayContactEmail .ui-widget-header .ui-icon, 
.delivery.active .ui-widget-header .ui-icon,
.mail.statistics .ui-widget-header .ui-icon {
   background: none;
}*/

.mailStatisticsList li .datepicker {
    position: relative;
}

.mailStatisticsList .button {
    padding: 10px 15px;
}

.mailStatisticsList input[type='text'] {
    width: 80% !important;
}

.datepicker {
    position: relative;
}

.ui-datepicker-div {
    top: 100px !important;
}

.ui-widget select {
    max-width: 100%;
}

.ui-button {
    color: #f6a828;
}

    .ui-button .ui-button-icon {
        color: #fff
    }

.ui-dialog .ui-dialog-titlebar-close {
    font-size: 0 !important;
    margin: -10px 10px 0 0 !important;
}

.ui-dialog .ui-dialog-titlebar-close:focus {
    border: none;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
    display: block;
}

.irmn_newsEdit .cell {
    margin-bottom: 15px;
}

.editTimelinePage label,
.careerDetailsPage label,
.displayContantEmailPage label,
.irmn_newsEdit label {
    display: block;
    clear: both;
}

.irmn_newsEdit .form-message {
    display: block;
}

.libraryCustomFieldEdit label {
    display: block;
}

.libraryCustomFieldEdit input[type='text'] {
    float: left;
}

.libraryCustomFieldEdit li {
    clear: both;
}

.libraryItem {
    max-width: 550px;
}

    .libraryItem td {
        padding-bottom: 20px;
    }

.libraryColumnSelection {
    max-width: 430px;
}

    .libraryColumnSelection .styleTableColumnHeader {
        font-weight: bold;
    }

    .libraryColumnSelection td {
        padding: 5px;
        background: #F8F8F8 !important;
    }

.startAddingButton {
    margin-bottom: 20px;
}

.mail_emailtemplates th {
    white-space: nowrap;
}

.grouppermissions_fields .column {
    /*width: 39%;*/
}

.grouppermissions_fields li:first-child {
    padding-left: 0;
}

.grouppermissions_fields li {
    display: inline-grid;
    margin: 0 auto;
    vertical-align: middle;
    padding: 20px;
}

    .grouppermissions_fields li.arrows input {
        margin-bottom: 20px;
    }

.admin_grouppermissions {
    min-height: 500px;
}

.findReplaceTable td {
    padding: 10px;
}

.findReplaceButton {
    background: #404cb2 !important;
    padding: 5px !important;
    display: inline-block;
}

.findReplaceCat {
    margin-bottom: 5px;
    padding: 0 5px;
}

.findReplaceTable .CurrentRow td {
    background: #efefef !important;
    border: 1px solid #e3e3e3 !important;
}

.findReplaceTable tr td {
    margin-bottom: 10px;
}

.findReplaceTable tr {
    background: #fff !important;
}

.findReplaceSavebutton {
    margin-top: 10px !important;
}

.findReplaceTextEditor h4 small {
    color: #333;
    font-size: 14px;
    margin: 15px 0 20px;
    display: block;
}

.sendMailLabel small {
    font-weight: normal;
}

.libraryCustomFieldEdit .form-message {
    clear: both;
    display: block;
}

.email-template-placeholders {
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #ccc;
}

    .email-template-placeholders h2 {
        font-weight: bold;
        color: #404CB1 !important;
    }

    .email-template-placeholders h3 {
        border-bottom: 1px solid #ccc;
        margin-top: 20px;
    }

.custom-placeholders th,
.custom-placeholders td {
    padding: 10px;
    text-align: left;
}

.emailSettingOnAnnounce h3 {
    margin: 0 0 15px;
    padding-bottom: 10px;
    font-weight: 600;
    color: #404CB2;
    border-bottom: 1px solid #efefef;
}

.emailSettingOnAnnounceYesNoRadio {
    margin-bottom: 20px !important;
}

.emailSettingOnAnnounce li {
    margin-bottom: 15px;
}

.distributorInstanceTitle {
    font-weight: bold;
    font-size: 18px;
    color: #30a671;
}

.distributorInstanceGroup {
    margin-bottom: 20px;
}

.briefbox h3 {
    margin-top: 20px;
    font-weight: 600;
    color: #404CB2;
}

.emailSettingOnAnnounce .info {
    max-width: 800px;
}

.emailSettingOnAnnounceError .button {
    width: 100%;
}

.customisationUploadFile li,
.editEmailTemplatesUL li,
.customisationEditUL li,
.editSubscriberGroupUL li {
    margin-bottom: 20px;
}

.button.regularButton {
    background: #15b4f0;
    color: #fff;
    border-color: #15b4f0;
}

.unsubcribeEmailInputTR td {
    vertical-align: top;
}

.customisationUploadFile li .warning {
    border: 2px solid #fba500;
    background: rgba(251, 165, 0, 0.8);
    color: #fff;
    padding: 10px;
    font-size: 14px;
    max-width: 500px;
}

.timelineYearImageFileDimension,
.uploadImageCustomisationImageFileDimension {
    font-size: 14px;
    font-style: italic;
}

.eventsEmailTagList {
    margin-top: 20px;
}

    .eventsEmailTagList li {
        margin-bottom: 20px;
    }

        .eventsEmailTagList li:nth-child(2) table tr {
            background: #f8f8f8;
        }

        .eventsEmailTagList li:nth-child(2) table {
            margin-top: 10px;
        }

            .eventsEmailTagList li:nth-child(2) table td {
                height: auto;
            }

.mail_statistics {
    margin-bottom: 20px;
}


.chart, .chart-bordered {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #CCCCCC;
    border-radius: 0 0 2px 0;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    padding: 1px;
}

.charts .overview ul:after {
    content: "";
    display: inline-block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 100%;
}

.charts .overview ul {
    font-size: 1px;
    line-height: 0;
    margin: 0;
    text-align: justify;
}

    .charts .overview ul li:first-child {
        width: 225px;
    }

    .charts .overview ul li {
        -moz-border-bottom-colors: none;
        -moz-border-image: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: none repeat scroll 0 0 #FFFFFF;
        border-color: #CCCCCC;
        border-radius: 0 0 2px 0;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        display: inline-block;
        font-size: 14px;
        height: 110px;
        line-height: normal;
        text-align: left;
        vertical-align: top;
        width: 200px;
    }

        .charts .overview ul li h6 {
            color: #878787;
            font-size: 13px;
            overflow: hidden;
            padding: 0 5px;
            text-align: center;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .charts .overview ul li h5 {
            background: none repeat scroll 0 0 #F7F7F7;
            color: #878787;
            font-size: 12px;
            margin: 7px;
            padding: 5px;
            text-align: center;
        }

        .charts .overview ul li h3 {
            color: #505050;
            font-size: 30px;
            padding-top: 15px;
            text-align: center;
        }

        .charts .overview ul li h4 {
            color: #505050;
            font-size: 20px;
            padding-top: 13px;
            text-align: center;
        }

        .charts .overview ul li dl {
            font-size: 11px;
            font-weight: bold;
            padding: 10px;
        }

            .charts .overview ul li dl dt {
                clear: left;
                color: #878787;
                float: left;
                height: 20px;
                text-transform: uppercase;
            }

span.square {
    box-shadow: 1px 1px 0 rgba(40, 40, 40, 0.3) inset;
    display: inline-block;
    height: 10px;
    margin-right: 7px;
    width: 10px;
}

.charts .overview ul li dl dd {
    color: #505050;
    float: right;
    height: 20px;
}

.well {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}

.panel form .pull-right {
    position: relative;
}

.pull-right {
    float: right;
}

.charts h1, .charts h2, .charts h3, .charts h4, .charts h5, .charts h6 {
    color: inherit;
    font-family: inherit;
    font-weight: bold;
    margin: 0;
    text-rendering: optimizelegibility;
}

.uploadImageTitleButton label,
.uploadWholeImageFileButton label,
.cropImageandUploadButton label {
    max-width: 100%;
    margin-bottom: 10px;
}

.timelineYearInfo .button {
    margin-bottom: 15px;
    background: #404CB1;
    color: #FFF;
}

    .timelineYearInfo .button:hover {
        background: #2331a0;
    }

.cropperImageButtons {
    /* margin-top: 20px; */
    display: block;
}

    .cropperImageButtons .button {
        display: inline-block;
        margin-bottom: 5px;
        max-width: 206px;
        font-size: 12px;
        padding: 9px 10px;
        border-bottom: 1px solid #a1a1a1;
    }

.CropandUploadImageDetails ul li {
    font-size: 14px;
    display: inline-block;
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
}

.CropandUploadImageDetails {
    padding: 10px;
    display: flex;
}

.imageCropperSection .container {
    margin: 20px 0;
    max-width: 640px;
    display: block;
}

.button-red {
    background: #DF3535;
    color: #FFF;
}

.button-green {
    background: #30A671;
    color: #FFF;
}

.imageCropperSection .progress {
    display: none;
    margin-bottom: 1rem;
}

.imageCropperSection img {
    max-width: 100%;
}

.imageCropperSection .input_row {
    margin-bottom: 10px;
    display: block;
}

.imageCropperSection .input_row_text {
    display: inline-block;
}

.MyPageTitle {
    white-space: normal;
}

.email_chart_filter {
    margin: 10px 0;
}

.customisationUploadFile .card {
    max-width: 500px;
}

.customisationUploadFile .button {
    background: #404cb2;
    color: #fff;
}

.cropPreviewContainer {
    max-width: 800px;
}

    .cropPreviewContainer .progress {
        display: none;
    }

.addMediaList li {
    max-width: 800px;
}


/*  charts */
.statistics .email_chart {
    height: 400px;
}

.statistics #chartjs-tooltip {
    opacity: 1;
    position: absolute;
    background: #FFF;
    color: #222;
    border-radius: 0px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    /*pointer-events: none;*/
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 100;
    border: 1px solid #999;
    font-size: 14px;
    padding: 10px;
}

    .statistics #chartjs-tooltip table tr {
        background: #FFF;
    }

        .statistics #chartjs-tooltip table tr:nth-child(1) {
            color: #666;
            font-size: 12px;
        }

        .statistics #chartjs-tooltip table tr:nth-child(3) {
            color: #666;
            font-size: 10px;
        }

        .statistics #chartjs-tooltip table tr:nth-child(2) a {
            color: #222;
            font-size: 14px;
            font-weight: bold;
        }

        .statistics #chartjs-tooltip table tr td {
            height: auto;
        }

    .statistics #chartjs-tooltip table a {
        color: red;
    }

.statistics .chartjs-tooltip-key {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
}

.statistics .email_number_type {
    display: inline-block;
}

.statistics .email_number {
    display: inline-block;
}

.statistics #chartBox {
    margin: 20px 0 0 0;
}

.statistics .email_total {
    overflow: auto;
}

.statistics .email_row {
    width: 14%;
    float: left;
    margin: 20px 1%;
    padding: 10px 0;
}

.statistics .email_number_type {
    font-size: 14px;
    color: #444;
    display: block;
    line-height: 1.1;
    min-height: 30px;
    border-right: 1px solid #CCC;
}

    .statistics .email_number_type img {
        width: 17px;
    }

.statistics .email_number {
    font-size: 26px;
    color: #222;
    display: block;
    line-height: 1.1;
    border-right: 1px solid #CCC;
}

.statistics .email_row:nth-child(6) > div.email_number,
.statistics .email_row:nth-child(6) > div.email_number_type {
    border-right: 0px solid #CCC;
}

.email_chart_filter .stats-button {
    background: #404cb2;
    color: #fff;
}

.uploadImageTitleButton .callout ul li {
    margin: 0 0 7px;
    line-height: 1.3;
}

.user_chart_filter_row .button, .user_chart_filter_row button.add {
    margin: 0 !important;
}

.user_chart_filter_row
input[type='text'], textarea {
    margin: 0;
}

.user_chart_filter_row .downloadButton {
    background: #404cb2;
    color: #fff;
}

.user_chart_filter_row .btn_chart_filter {
    margin-top: 21px !important;
}

.removeButton {
    background: red !important;
}

#fieldset-link {
    margin-top: 20px;
}

.shortDropDownBulkAction {
    width: 18px;
    margin-top: 9px;
    height: 20px;
    display: inline-block;
}

    .shortDropDownBulkAction option:first-child {
        display: none;
    }

.checkBoxAll {
    display: inline-block;
    float: left;
    margin: 9px 7px 9px 0;
}

.es_viewsubscribers td:first-child .button {
    display: inline-block;
    padding: 5px;
}

.mailStatsButtons .button {
    padding: 9px 15px;
    border-radius: 5px;
    font-family: "DM Sans";
}

.PageSizeOption {
    display: inline-block;
}

    .PageSizeOption select {
        margin: 0;
    }

.viewSubscriberGroup td:first-child {
    width: 90px;
}

.PageSizeOption {
    float: right;
}

.FileonCareerDetails a {
    padding: 5px;
    margin-right: 10px;
}

.FileonCareerDetails_removeButton {
    background: #fba500;
    color: #fff;
    border: #fba500;
    transition: all 0.3s ease;
    font-size: 14px;
}

    .FileonCareerDetails_removeButton:hover {
        background: #e89c0b;
        color: #fff;
    }

.careerFormSettingContainer {
    background: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    max-width: 550px;
    margin-bottom: 20px;
}

    .careerFormSettingContainer h3 {
        margin-bottom: 10px;
    }

.careerFormRow {
    margin-bottom: 15px;
}

    .careerFormRow label {
        margin-bottom: 5px;
    }

.careerDisplayDefaultFields {
    max-width: 550px;
}

    .careerDisplayDefaultFields th {
        text-align: left;
    }

    .careerDisplayDefaultFields td {
        padding: 10px;
    }

.career_addeditdepartments {
    max-width: 600px;
}

.career_careerapplications td:nth-child(1) {
    width: 101px;
}

.career_careerapplications td:nth-child(2) {
    width: 101px;
}

.careerDisplayDefaultFieldsSpan {
    font-size: 12px;
    margin-bottom: 5px;
    display: block;
    margin-top: -5px;
}

.careerDisplayDefaultFields input[type='text'].textCareerForm {
    margin-bottom: 0;
    font-size: 14px;
}

.careerApplicationCustomFieldList li {
    margin-bottom: 15px;
}

.careerApplicationCustomFieldListContainer {
    padding: 20px;
    background: #efefef;
    border: 1px solid #ccc;
    max-width: 600px;
}

.careerApplicationCustomFieldDropDownList td {
    padding: 10px;
}

.careerApplicationCustomFieldButton {
    background: #30a671;
    padding: 5px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: bold;
    display: block;
    transition: 0.3s all ease;
}

    .careerApplicationCustomFieldButton:hover {
        color: #fff;
        opacity: 0.9;
    }

.notesAddDepartment {
    max-width: 600px;
    font-size: 12px;
    padding: 10px;
}

.notescareerCustomFields {
    font-size: 12px;
    max-width: 700px;
}

.mailPreferencesShowArchiveTemplates {
    margin-bottom: 20px;
    max-width: 250px;
}

.careerFormHideSetting {
    padding: 10px 20px;
    background: #fff;
    border: 1px solid #ccc;
    max-width: 550px;
    margin-bottom: 15px;
}

.careerFormSettingContainer .callout {
    font-size: 12px;
    padding: 5px 10px;
}

.careerFormSettingContainer label {
    font-size: 14px;
    margin-bottom: 0;
}

.careerDetailsPage .careerFormRow {
    margin-bottom: 20px;
}

.environmentSettingWarning {
    max-width: 1000px;
}

.controlPanelSettingsonEnvironmentSettings {
    margin-top: 20px;
}

.yesNoButtons {
    margin-top: 15px;
}

.cm_addeditimage .mediaCopy,
.cm_addeditimage .mediaEdit {
    display: inline-block;
    margin: 0 0 5px;
}
/* .mediaEdit {
   display: block;
   margin-top: 4px;
   margin-left: auto;
   margin-right: auto;
   width: 5em;
} */
.cm_addeditimage .mediaEdit {
    background: #fba500 !important;
    color: #fff !important;
    width: 100%;
}

    .cm_addeditimage .mediaEdit:hover {
        background: #d28b03;
    }

.cm_addeditimage .mediaCopy {
    background: #30a671;
    color: #fff;
}

    .cm_addeditimage .mediaCopy:hover {
        background: #228e5e;
    }

.button.preview {
    color: #fff;
    background: #404CB2;
    border-color: #404CB2;
}

    .button.preview:hover {
        opacity: 0.9;
    }

.authoriseGalleryList li {
    margin-bottom: 20px;
}

.landingPageSettings table {
    margin-top: 20px;
}

    .landingPageSettings table tr:nth-child(odd),
    .landingPageSettings table tr {
        background: #efefef;
    }

        .landingPageSettings table tr td:first-child {
            width: 20%;
        }

.cms-table.preferences .removeLink {
    padding: 3px;
    background: #fba500;
    color: #fff;
    text-transform: none;
    font-size: 12px;
    display: inline-block;
}

    .cms-table.preferences .removeLink:hover {
        background: #e89c0b;
    }

.cms-table.preferences .thumbnail {
    display: inline-block;
    padding: 3px;
    border: none;
}

.cms-table.preferences .button.add {
    margin-bottom: 5px;
}

.emailTemplateLabelArea a,
.compose-mail-version-history a {
    font-size: 12px;
    margin-left: 10px;
    margin-bottom: 10px;
    display: inline-block;
    padding: 3px 5px;
    border: 1px solid #404cb2;
    color: #404cb2;
    font-weight: bold;
    transition: 0.3s all ease;
}

    .emailTemplateLabelArea a:hover {
        background: #404cb2;
        color: #fff;
    }

.twowayCallout ul {
    margin-left: 20px;
}

    .twowayCallout ul li {
        list-style-type: disc;
    }

.SubscriberGroup_SortingArrows li {
    width: 8px;
    height: 8px;
}

    .SubscriberGroup_SortingArrows li:first-child {
        margin-bottom: 5px;
    }

.es_subscribergroups th {
    vertical-align: top;
}
/* Events */
.tableEvents td {
    padding: 10px;
}

.tableEvents a.button {
    font-size: 11px;
    padding: 5px 10px;
}

.event_filter {
    margin: 15px 0;
}

.tableEventsList {
    margin-bottom: 30px;
    clear: both;
    /*display: inline-block;*/
    width: 100%;
}

.eventsLayoutSelection div {
    margin-bottom: 30px;
    clear: both;
    display: inline-block;
    width: 100%;
}

.eventsLayoutSelection img {
    display: inline-block;
    float: left;
    max-width: 100px;
    margin-right: 20px;
    border: 2px solid transparent;
}

.eventsLayoutSelection div a:hover img,
.eventsLayoutSelection div a.selected img {
    border: 2px solid #404cb2;
}

.sendMailToSubscribersinList {
    max-width: 500px;
}

.editEventInvitationPage .pnlSelectEvent select {
    margin-bottom: 0;
}

.editEventInvitationPage .eventEdit .cell {
    margin-bottom: 10px;
}

input[type="submit"].previewButton, input[type="submit"].sendTestEmailButton, input[type="submit"].sendAllButton {
    margin: 4px;
}

.editEventInvitationPage .general-options {
    padding: 20px;
}

.tableEvents {
    margin-bottom: 30px;
}

.mainEventEditList > li {
    display: inline-block;
    float: left;
    position: relative;
    color: #fff;
    /* margin-left: 20px;*/
}

.mainEventEditList li input {
    padding: 0;
    border: none;
    text-transform: capitalize;
    font-weight: normal;
}

.mainEventEditList > li > input {
    background: none;
    line-height: 1.6;
}

.mainEventEditList > li > ul > li > input {
    display: inline-block;
    width: 180px;
    font-size: 15px;
    text-align: left;
    padding: 7px 10px;
    background: #313874;
    color: #efefef;
}

.mainEventEditList > li > p:hover,
.mainEventEditList > li > input:hover {
    background: #1b2256;
    color: #fff;
}

.mainEventEditList > li > p {
    position: relative;
    font-weight: bold;
    font-size: 14px;
    color: #efefef;
    padding: 15px 30px 15px 15px;
}

.mainEventEditList > li > input {
    position: relative;
    font-weight: bold;
    font-size: 14px;
    color: #efefef;
    padding: 15px;
}

.mainEventEditList > li > ul {
    display: none;
    position: absolute;
    top: 52px;
    left: 0;
    z-index: 9;
}

.mainEventEditList > li:hover > ul {
    display: block;
}

.mainEventEditBar p {
    margin-bottom: 0;
    cursor: pointer;
}

.mainEventEditList > li > ul > li:hover > input {
    background: #1b2256;
    color: #fff;
}

.mainEventEditList {
    float: right;
}

.mainEventEditBar {
    margin-top: 30px;
    background: #313874;
}

    .mainEventEditBar.hanging {
        position: fixed;
        top: 0;
        width: 100%;
        max-width: 1602px;
        margin-top: 0;
        z-index: 9;
    }

.mainEventEditList > li > p:before,
.mainEventEditList > li > input:before {
    position: absolute;
    content: '';
    background: url(../admin../images/angle-down-light.svg) no-repeat;
    background-size: cover;
    width: 8px;
    height: 10px;
    top: 18px;
    right: 15px;
}

.form-date-time .datepicker {
    float: none;
}
/* .form-date-time label{
   display: block;
} */
.eventEdit,
.mainEventEditContainer {
    padding: 20px;
}

.eventEditRow {
    margin-bottom: 20px;
}
/*.eventEditRowLessPadding .eventEditRow{
   margin-bottom: 0;
}*/
.helpText {
    font-size: 12px;
}

.eventEditRow input[type='text'],
.eventEditRow select {
    max-width: 95%;
    display: inline-block;
}

.eventEditRowFeaturedImage .thumbnailInfo {
    font-size: 14px;
}

.eventEditRowFeaturedImage .thumbnail {
    margin-bottom: 0;
}

.eventEditRowFeaturedImage .button {
    margin-bottom: 5px;
}

.eventEmailTemplateSelect select {
    max-width: 420px;
    margin-top: 2px;
}

.eventEditRow .datepicker {
    width: 100% !important;
}

.eventFeaturedImageWarning {
    font-size: 12px;
}

.editEventInvitationMainList {
    margin-bottom: 20px
}

.invitationInformationContainer .eventEdit,
.eventInformationBox .eventEdit {
    padding: 0 20px;
    min-height: 170px;
}

.filterByStatus td {
    display: inline-block;
    float: left;
    width: 100%;
    height: auto;
}

.searchCurrentInvitationBox .event_filter_row,
.searchHistoricalInvitationBox .event_filter_row {
    align-items: flex-start !important;
}

.searchCurrentInvitationBox .event_filter_row_input1 label,
.searchCurrentInvitationBox .event_filter_row_input2 label,
.searchCurrentInvitationBox .event_filter_row_input3 .filterByTitle,
.searchHistoricalInvitationBox .event_filter_row_input1 label,
.searchHistoricalInvitationBox .event_filter_row_input2 label,
.searchHistoricalInvitationBox .event_filter_row_input3 .filterByTitle {
    width: 150px;
}

.searchCurrentInvitationBox .divEventFilterTopic,
.searchCurrentInvitationBox .divEventID,
.searchHistoricalInvitationBox .divEventFilterTopic,
.searchHistoricalInvitationBox .divEventID {
    width: 276px;
    display: inline-block;
}

.searchCurrentInvitationBox,
.searchHistoricalInvitationBox {
    max-width: 1200px;
}

.attendeeStatusList tr:nth-child(odd) {
    background-color: #F8F8F8;
}

.attendeesTable {
    max-width: 1200px;
}

.button.darkblue {
    background: #404cb2;
    color: #fff;
}

    .button.darkblue:hover {
        background: #515dc3;
    }

.editEventExtraButtons {
    float: right;
    clear: both;
}

.eventInformationBox {
    clear: both;
}

.editEventExtraButtons .button {
    margin-bottom: 15px;
}

.attendeesContainer {
    max-width: 1000px;
}

.eventInvitationInfo {
    clear: both;
}

.sendInvitationGroupBoxes .info {
    margin: 20px 0;
    display: inline-block;
    float: left;
    width: 40%;
    margin-right: 10%;
}

.liveInvitationContainer .eventEdit,
.testInvitationContainer .eventEdit {
    padding: 0 20px;
}

.mu_createanewuser .myRadio {
    display: inline-block;
    vertical-align: middle;
    border: 0px;
    margin: 0px;
    float: left;
    width: auto;
}

.mu_createanewuser .frmField {
    display: inline-block;
    width: 45%;
}

.mu_createanewuser .errorMessage {
    font-size: 14px;
}
/* #ctl00_contentPlaceHolderBody_RequiredFieldValidatorLogin,
#ctl00_contentPlaceHolderBody_RequiredFieldValidatorShareHolder,
#ctl00_contentPlaceHolderBody_RequiredFieldValidatorGroupBelong,
#ctl00_contentPlaceHolderBody_RequiredFieldValidatorEmail,
#ctl00_contentPlaceHolderBody_RequiredFieldValidatorLastName,
#ctl00_contentPlaceHolderBody_RequiredFieldValidatorFirstName
{
   display: block;
   position: relative;
   left: 15px;
   top: -18px;
}
#ctl00_contentPlaceHolderBody_RequiredFieldValidatorPassword {
 display: block;
 position: relative;
 left: 15px;
} */
.button.add:hover {
    background: #1d8556 !important;
}

.button.red {
    background: #ee5a51;
    border-color: #ee5a51;
    color: #fff;
    text-shadow: 0px 1px 2px rgb(0 0 0 / 30%);
}

    .button.red:hover {
        background: #cd3930;
    }

.liveInvitationFields legend {
    background: #ee5a51 !important;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
}

.liveInvitationFields {
    border: 2px solid #ee5a51 !important;
}

    .liveInvitationFields .distributorInstanceTitle {
        color: #ee5a51;
    }

.testInvitationFields legend {
    background: #30a671 !important;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
}

.testInvitationFields {
    border: 2px solid #30a671 !important;
}

.helpButton {
    border: 1px solid #404CB1 !important;
    color: #404CB1 !important;
    font-size: 12px !important;
}

    .helpButton:hover {
        color: #fff !important
    }

.attendees h1 {
    display: inline-block;
    margin-right: 10px;
}

.tableEvents a,
.eventTitle a {
    font-weight: bold;
}

.social-media-preferences {
    overflow: hidden;
}

.editEventMainButtons {
    margin-top: 10px;
    margin-left: 10px;
}

.manageSubscriberBox a {
    padding: 30px;
    border: 3px solid #404cb2;
    display: block;
    min-height: 135px;
    margin-bottom: 30px;
    text-align: center;
}

    .manageSubscriberBox a:hover {
        background: #404cb2;
        color: #fff;
    }

    .manageSubscriberBox a h3 {
        font-weight: bold;
    }

.manageSubscriberToolsContainer {
    max-width: 1000px;
}

    .manageSubscriberToolsContainer h2 {
        font-weight: bold;
        text-transform: uppercase;
    }

.manageSubscriberBox .has-tip, .view-latest-page-icon {
    cursor: pointer !important;
}

.tableAttendees td {
    padding: 10px;
}

.downloadButton {
    background: #404CB1;
    color: #fff;
}

    .downloadButton:hover {
        background: #515dc3;
    }

.eventFollowUp .callout {
    max-width: 735px;
    margin-bottom: 0;
}

    .eventFollowUp .callout span {
        font-size: 12px;
    }

.invitationButton {
    padding: 5px;
    border: 1px solid #404CB1;
    text-align: center;
    display: block;
    width: 100%;
    max-width: 230px;
}

    .invitationButton:hover {
        text-decoration: none;
        background: #404CB1;
        color: #fff;
    }

.cm_addeditimage .media-image img {
    min-width: 100px;
}

.tblCustomInputField .customField:hover {
    background: none;
}

.DisplayContactEmail .ui-datepicker-title {
    background: #f2ac34;
}

.DisplayContactEmail .ui-datepicker-title {
    color: #fff;
}

img.redirection-icon {
    max-width: 32px;
    margin-right: 10px;
}

.redirection .content-header h1 {
    padding-left: 0;
}

.redirection_alltable tr td {
    padding: 10px;
}

.schedulePopup li {
    margin-bottom: 20px;
}

.tblFeaturedImage {
    padding: 0;
}

.callout.ScheduleConfirmationText:before {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 16px;
    font-size: 12px;
    color: #FFF;
    text-align: center;
}

.callout.ScheduleConfirmationText p {
    margin-bottom: 5px;
}

.callout.ScheduleConfirmationText {
    margin-bottom: 20px !important;
}

.manual-upload-link-to-external {
    max-width: 550px;
}

.createNewUserRow table {
    padding: 0;
}

.customPlaceholderEditList label {
    display: block;
}

.event_filter td {
    padding: 0;
    margin-top: 10px;
}

.eventListFilterButtons {
    margin-top: 30px;
}

.AnnouncementHistoryDesc h4 {
    font-weight: bold;
}

.AnnouncementHistoryDesc span {
    font-size: 12px;
}

.newsReportCodeTable {
    max-width: 1000px;
}

    .newsReportCodeTable tr td {
        text-align: center;
    }

.announcereleased .callout {
    margin-top: 20px;
    max-width: 980px;
}

.priceSensitiveCheckBox label {
    float: left;
}

.settings.site-sec #content {
    min-height: 800px;
}

    .settings.site-sec #content select {
        max-width: 100%;
    }

.archiveMessage,
.archiveMessageWithNews {
    margin: 20px 10px 40px;
}

    .archiveMessageWithNews .archiveList {
        margin-top: 20px;
    }

.pageSearchFormField input[type="text"] {
    width: 400px;
}

/*---- Add/Edit Page ------*/
.content-header {
    padding-bottom: 15px;
}

/*.simplebar-wrapper, .simplebar-height-auto-observer-wrapper, .simplebar-mask, .simplebar-content-wrapper {
    overflow: unset !important;
}*/

.page-div-pages-content {
    background: #fff;
    padding: 20px 20px 100px 20px;
}

.page_table_filter {
    text-align: right;
}

    .page_table_filter .pageFilterFormField {
        float: right;
    }

.small-responsive-table, .small-responsive-table .cm_addeditcontent, .irmn_alltable, .editImageGalleries, .mail_alltable {
    width: 100%;
}

    #PageEditTable thead tr td, .irmn_alltable thead tr td {
        vertical-align: middle;
        font-family: "DM Sans";
        font-size: 14px;
        padding: 10px;
    }

.tnav td.title_current_level_1 {
    padding-left: 10px;
}

#PageEditTable tbody tr, .irmn_alltable tbody tr, .cm_alltable tbody tr {
    border-bottom: 1px solid #B9B9B9;
}

    #PageEditTable tbody tr td:not(:first-child), .irmn_alltable tbody tr td {
        padding: 10px;
    }

    #PageEditTable tbody tr td, #PageEditTable tbody tr td .status {
        font-family: "DM Sans";
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #202224;
        vertical-align: middle;
    }

m

#PageEditTable tbody tr td a {
    color: #202224;
}

#PageEditTable tbody tr td a:hover {
    text-decoration: underline;
}

#PageEditTable tbody tr td .page-status {
    font-family: "DM Sans";
    font-size: 12px;
    color: #417235;
    width: 110px;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #BBF5AE;
    background-color: #BBF5AE;
}

.page_table_filter .pageFilterFormField #ctl00_contentPlaceHolderBody_txtSearchPageText {
    padding-right: 30px;
    font-family: "DM Sans";
    font-size: 14px;
    border: 1px solid #d5d5d5;
    background-image: url(../images/header/search.svg);
    width: 245px;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

.view_current, .more-settings {
    position: relative;
}

.more-settings {
    cursor: pointer;
    width: 18px;
    margin: 0 auto;
}


    .more-settings .more-icon:hover {
        box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.5);
        transition: box-shadow 0.2s ease;
        border-radius: 50px;
    }

.more-settings-container {
    display: none;
    position: absolute;
    right: 46px;
    top: 0px;
    background: #fff;
    border: 1px solid #b9b9b9;
    z-index: 1000;
    width: 100px;
}

#PageEditTable tr:nth-last-child(2) .more-settings .more-settings-container,
#PageEditTable tr:last-child .more-settings .more-settings-container {
    top: -71px;
}

.more-settings-popup {
    display: grid;
}

    .more-settings-popup a {
        color: #4A5A6B !important;
        font-family: "DM Sans";
        padding: 8px 10px;
    }

        .more-settings-popup a:hover {
            text-decoration: underline;
        }

        .more-settings-popup a img {
            width: 15px;
        }

            .more-settings-popup a img.eye-icon {
                width: 16px;
            }

.ui-widget-header {
    background: #FFF !important;
    border: none !important;
    font-family: "DM Sans";
    font-size: 14px;
    color: #1B1B1B !important;
    text-align: center;
}

.ui-widget-content {
    border: none !important;
    border-radius: 11.971px !important;
    background: #FCFCFC !important;
    box-shadow: 2.138px 14.536px 34.203px 0px rgba(0, 0, 0, 0.15) !important;
    padding: 10px 14px !important;
}

.ui-datepicker-calendar {
    background: none;
}


    .ui-datepicker-calendar tr, .ui-datepicker-calendar tr:nth-child(odd) {
        background: none;
    }

    .ui-datepicker-calendar th {
        background: none;
    }

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
    color: #B3B3B3;
    text-align: center;
    font-family: Inter;
    font-size: 11.116px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.ui-dialog[aria-describedby='divNotificationEmails'] .ui-dialog-titlebar {
    background: #2C3691 !important;
    color: #fff !important;
    font-size: 20px;
    text-align: left;
}

.ui-dialog[aria-describedby='divNotificationEmails'] .ui-dialog-titlebar-close:after {
    content: url('../images/pages/x-icon.svg');
    color: #fff;
    font-size: 14px;
}

.ui-dialog[aria-describedby='divNotificationEmails'] table {
    width: 100%;
}

.dialog-label {
    color: #4A5A6B;
    padding: 10px 0;
}

.select-page-type {
    border: 1px solid #B9B9B9;
    color: #4A5A6B;
    padding: 10px;
    margin: 10px 0;
    font-family: "DM Sans" !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url('../images/header/chevron-down.svg');
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-size: 10px 10px;
}

.dialog-button {
    position: absolute;
    bottom: 1em;
    right: 1em;
}

.dialog-info-text {
    margin-top: -25px;
}

.ui-dialog {
    width: 950px !important;
}

#divDetailLogs_content table {
    width: 100%;
}

.schedule-div {
    border: 1px solid #B9B9B9;
    border-radius: 5px;
    padding: 20px;
}

    .schedule-div li {
        padding: 5px;
    }

        .schedule-div li .icon {
            width: 16px;
            border: 1px solid;
            border-radius: 50%;
            padding: 2px;
            position: relative;
            top: -1px;
        }

        .schedule-div li label {
            font-weight: normal;
        }

        .schedule-div li input {
            border: 1px solid #B9B9B9;
            padding: 10px;
            color: #76797C;
            font-family: "DM Sans" !important;
            font-size: 14px;
        }

        .schedule-div li select {
            border: 1px solid #B9B9B9;
            padding: 10px;
            color: #76797C;
            width: 100%;
            font-family: "DM Sans" !important;
            -webkit-appearance: none;
            -moz-appearance: none;
            background: transparent;
            background-image: url('../images/header/chevron-down.svg');
            background-repeat: no-repeat;
            background-position: 97% 52%;
            background-size: 10px 10px;
        }

        .schedule-div li .hour-dropdown {
            background-position: 90% 52%;
        }

.schedulePopupButtons {
    margin-bottom: 25px;
}

    .schedulePopupButtons .grid-x {
        float: right;
    }

    .schedulePopupButtons div {
        display: flex;
    }

    .schedulePopupButtons input {
        border-radius: 5px;
    }



.second-schedule-div {
    margin-bottom: 20px;
    background: #fff;
}

    .second-schedule-div .button {
        border-radius: 5px;
        box-shadow: none;
        font-family: "DM Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: none;
        width: 100%;
        margin: 10px 0;
        background: #2C3691;
        color: #fff;
        margin-left: 5px;
    }

        .second-schedule-div .button.add {
            background: #52AA3E;
        }

/*.second-schedule-div .button.add:hover {
                border: 1px solid #1d8556;
            }*/


.divPageTitle .button-group a, .divPageTitle .button-group input {
    margin-left: 5px;
}

.hist-preview-button {
    color: #4A5A6B;
    margin-top: 5px;
    margin-right: 10px;
    font-family: "DM Sans";
    font-size: 14px;
}

    .hist-preview-button img {
        margin-top: -3px;
    }

    .hist-preview-button:hover {
        text-decoration: underline;
    }

.help-page-icon {
    cursor: help;
    width: 20px;
}

.add-edit-page-content .irmn_uploadhistorically input[type='checkbox'] {
    width: 100px;
}

.add-edit-page-content .irmn_uploadhistorically input, .add-edit-page-content .irmn_uploadhistorically select,
.irm-authorise .authoriseContentTitle input, .irm-authorise .datepicker, .irm-authorise select {
    width: 600px !important;
}

.add-edit-page-content .irmn_uploadhistorically .info3 {
    display: block;
    width: 600px;
}

.add-edit-page-content .irmn_uploadhistorically select option, .irm-authorise .otherCategory select option {
    padding: 5px 10px;
    color: #76797C;
    font-family: "DM Sans" !important;
    font-size: 13px;
}

.content-bottom {
    margin-top: 20px;
}

    .content-bottom h2 {
        font-family: "DM Sans";
    }

.irm-authorise .kd-section .inner-content, .kd-section .addMediaSection {
    margin: 0;
}

.irm-authorise .kd-section .HeaderRow select {
    border: 1px solid #B9B9B9;
    padding: 10px;
    color: #76797C;
    width: 100%;
    font-family: "DM Sans" !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url('../images/header/chevron-down.svg');
    background-repeat: no-repeat;
    background-position: 97% 52%;
    background-size: 10px 10px;
}

.irm-authorise .kd-section label {
    display: block;
}

.irm-authorise .more-settings-container {
    width: 115px;
    top: 25px;
}

    .irm-authorise .more-settings-container .view-icon {
        width: 20px;
    }

.irm-authorise .irmn_alltable tbody tr:first-child td a {
    font-family: 'DM Sans';
    font-weight: bold;
}

.irm-authorise .irmn_alltable tbody td {
    padding: 10px;
}

    .irm-authorise .irmn_alltable tbody td.Title_Row {
        font-weight: bold;
    }

.irm-authorise .page_table_filter .button {
    border-radius: 5px;
    font-family: "DM Sans";
    font-size: 14px;
}

.irm-authorise .page_table_filter #ctl00_contentPlaceHolderBody_txtSearchPageText {
    padding: 7px 30px 7px 10px;
    width: 275px;
}

.content-manager .kd-section .schedule-div.second-schedule-div .button {
    margin-bottom: 0;
    margin-left: 10px;
}

.content-manager .kd-section .second-schedule-div .button {
    margin-bottom: 10px;
}

.authorise-detail-page {
    margin: 0 15px;
}

.authorise-content-table table .more-settings-container {
    width: 150px;
    top: 25px;
}

.button-next-prev .button.add, .kd-section .button.add {
    border-radius: 5px;
    background-color: #52AA3E;
    font-family: "DM Sans";
    font-weight: bold;
    padding: 9px 15px;
}

#trCalendarHeading .button.add {
    padding: 10px 15px;
}

.cm_customisation thead tr td:first-child {
    width: 40px;
}

.cm_customisation thead tr td select {
    padding: 10px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    font-size: 14px;
    background-position: 50% 50%;
}

.cm_alltable td {
    vertical-align: middle;
}

    .cm_alltable td .modify {
        height: 20px;
    }

.BiographyPageEdit .kd-section .radioList td, .editImageGalleries td {
    border-top: unset;
}

.BiographyPageEdit .kd-section select:not([multiple]) {
    border: 1px solid #B9B9B9;
    padding: 10px;
    color: #76797C;
    width: 100%;
    font-family: "DM Sans" !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url('../images/header/chevron-down.svg');
    background-repeat: no-repeat;
    background-position: 97% 52%;
    background-size: 10px 10px;
}

.BiographyPageEdit .kd-section select[multiple] {
    border: 1px solid #B9B9B9;
    padding: 10px;
    color: #76797C;
    font-family: "DM Sans" !important;
}

    .BiographyPageEdit .kd-section select[multiple] option {
        padding: 5px 0px;
    }

.my-account-section {
    margin: 20px;
}

    .my-account-section h2, .my-account-details-intro .bold {
        font-family: 'DM Sans';
        font-size: 16px !important;
    }

    .my-account-section p, .my-account-section .SubscriptionsContainer {
        font-family: 'DM Sans';
        font-size: 14px;
        color: #202224;
    }

    .my-account-section a {
        font-family: 'DM Sans' !important;
        font-size: 14px !important;
        color: #0A66C2;
    }

        .my-account-section a:hover {
            text-decoration: underline;
        }

    .my-account-section .button {
        border-radius: 5px;
        border: 1px solid #A2AEBC;
    }

        .my-account-section .button:hover {
            text-decoration: unset;
        }

.schedule-title h3 {
    font-family: 'DM Sans';
    font-size: 16px;
    font-weight: 400;
    color: #4A5A6B;
}

    .schedule-title h3 img {
        margin-top: -2px;
    }

.schedule-content .button.add {
    background: #30a671;
}

.schedule-date-content select {
    padding: 9px !important;
    background-position: 92% 52% !important;
}

.schedule-content .schedulePopupButtons {
    margin-bottom: 40px;
}

.provisional-content img {
    width: 20px;
    margin-top: -3px;
    cursor: help;
}

.provisional-content .warningText {
    display: none;
}

.emailChartFilterFormBox {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 20px;
}

.emailChartFilterFormField .button, .kd-section .button {
    padding: 9px 15px;
    border-radius: 5px;
    font-family: "DM Sans";
}

.ui-tooltip {
    padding: 10px 20px !important;
    color: #64748B !important;
    border-radius: 5px !important;
    font-family: "DM Sans" !important;
    font-size: 14px !important;
    background: #fff !important;
    border: 1px solid #b9b9b9 !important;
    opacity: 1 !important;
}

.kd-section .TinyMCE_Introduction {
    margin-top: 10px;
}
/*-----IRM Newsroom---------*/
section #kd-section-content {
    background: #fff;
    padding: 13px;
    border: 1px solid #B9B9B9;
}


.kd-announce-table table td, .irmn_alltable td {
    border: 0;
}

.kd-announce-table table th, .irmn_alltable th {
    border: 0;
}

section#kd-section-content .pagination {
    background: none !important;
}

section#kd-section-content table {
    border: 0;
}

.content-header.no-icon h1 {
    background: none;
    padding-left: 0;
}

#tblPending .more-settings-container {
    top: 5px;
}

#tblPending tr:nth-last-child(3) .more-settings .more-settings-container {
    top: 10px;
}

#tblPending tr:nth-last-child(2) .more-settings .more-settings-container,
#tblPending tr:last-child .more-settings .more-settings-container {
    top: -50px;
}

#tblPending tbody tr td .status-pending {
    font-family: "DM Sans";
    font-size: 12px;
    color: #565656;
    width: 65px;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #EAEAEA;
    background-color: #EAEAEA;
}

#tblPending .button, .irmn_released .button, .cm_updatelist td a.MyLink.button {
    font-family: "DM Sans";
    border: 1px solid #B9B9B9;
    color: #76797C;
}

    #tblPending .button:hover, .irmn_released .button:hover, .cm_updatelist td a.MyLink.button:hover {
        border: 1px solid #fff;
        color: #fff;
    }

.irmn_pending_filter {
    padding: 10px 0;
}

.pendingFilterFormField label {
    padding-top: 4px;
    font-family: "DM Sans" !important;
}

.dropdownPendingFilter {
    border: 1px solid #B9B9B9;
    padding: 5px;
    color: #76797C;
    width: 130px;
    font-family: "DM Sans" !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url('../images/header/chevron-down.svg');
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 8px 8px;
}

.irmn_released .more-settings-container {
    width: 115px;
    top: 5px;
}

.irmn_released_filter .datepicker {
    width: 140px !important;
    color: #76797C;
    border: 1px solid #b9b9b9;
    font-family: "DM Sans";
    font-size: 12px;
    float: unset;
}

.irmn_released_filter {
    position: relative;
}

    .irmn_released_filter .releasedFilterFormField {
        padding-top: 10px;
        margin-bottom: -15px;
    }

        .irmn_released_filter .releasedFilterFormField label {
            padding-top: 2px;
        }

        .irmn_released_filter .releasedFilterFormField.releaseTextSearch {
            padding-left: 25%;
        }

    .irmn_released_filter .releasedFilterFormFieldTitle {
        padding-right: 30px;
        font-family: "DM Sans";
        font-size: 12px;
        border: 1px solid #d5d5d5;
        background-image: url('../images/header/search.svg');
        width: 245px;
        background-size: 15px 15px;
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }

.irmn_released tbody tr td .gvStatus, .dash-history .history-page-item .history-page-status {
    font-family: "DM Sans";
    font-size: 12px;
    color: #565656;
    width: 110px;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #EAEAEA;
    background-color: #EAEAEA;
}

    .irmn_released tbody tr td .gvStatus.history-released, .dash-history .history-page-item .history-page-status.history-released {
        font-family: "DM Sans";
        font-size: 12px;
        color: #417235;
        width: 110px;
        text-align: center;
        border-radius: 20px;
        border: 1px solid #BBF5AE;
        background-color: #BBF5AE;
    }

    .irmn_released tbody tr td .gvStatus.error-released, .dash-history .history-page-item .history-page-status.error-released {
        font-family: "DM Sans";
        font-size: 12px;
        color: #B87D10;
        width: 110px;
        text-align: center;
        border-radius: 20px;
        border: 1px solid #FFE8BE;
        background-color: #FFE8BE;
    }

    .irmn_released tbody tr td .gvStatus a {
        font-family: "DM Sans";
        font-size: 12px;
        color: #B87D10;
        width: 100px;
        padding-left: 12px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

.irmn_alltable th, .cm_alltable th {
    font-family: 'DM Sans';
}

#ctl00_contentPlaceHolderBody_ulFilter select {
    border: 1px solid #B9B9B9;
    padding: 5px;
    color: #76797C;
    width: 100px;
    font-family: "DM Sans" !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url('../images/header/chevron-down.svg');
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 8px 8px;
}

#ctl00_contentPlaceHolderBody_ulFilter {
    margin-bottom: 10px;
}

.irmn_distributionchannels tbody tr td:nth-child(3) {
    font-weight: bold;
}

.irmn_distributionchannels .more-settings-container {
    top: 0px;
}

.irmn_distributionchannels .headerCenter {
    text-align: center;
}

.irmn_distributionchannels tr:nth-last-child(2) .more-settings .more-settings-container,
.irmn_distributionchannels tr:last-child .more-settings .more-settings-container {
    top: -50px;
}

.content-header .button {
    border-radius: 5px;
    font-family: "DM Sans";
}

.content-header .button.add {
    background-color: #52AA3E;
}
.button.primary {
    background-color: #0A66C2;
}
.button.primary:hover {
    background-color: #053361;
}
.content-header .help-button {
    /* This Help button is not needed anymore, we already have floating button on the bottom right of the screen - set to be hidden 8/8/25 */
    display: none;
}
        .content-header.no-icon {
    padding: 0;
}

    .content-header.no-icon h1 {
        background: none;
        padding-left: 0;
        color: #202224;
        font-family: "DM Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.114px;
    }

section.kd-section .inner-content, section.kd-section-content.inner-content {
    background: #fff;
    padding: 13px;
    border: 1px solid #B9B9B9;
    border-radius: 5px;
}



.input-preview {
}

/*.input-preview #ctl00_contentPlaceHolderBody_fileFeatureImage {
        display: none;
    }

    .input-preview .picture {
        width: 400px;
        aspect-ratio: 16/9;
        background: #ddd;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #aaa;
        border: 2px dashed currentcolor;
        cursor: pointer;
        font-family: sans-serif;
        transition: color 300ms ease-in-out, background 300ms ease-in-out;
        outline: none;
        overflow: hidden;
    }

        .input-preview .picture:hover {
            color: #777;
            background: #ccc;
        }

        .input-preview .picture:active {
            border-color: turquoise;
            color: turquoise;
            background: #eee;
        }

        .input-preview .picture:focus {
            color: #777;
            background: #ccc;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        }

    .input-preview .picture__img {
        max-width: 100%;
    }
    */

.kd-input input[type=text] {
    background: #FFF;
    border: 1px solid #B9B9B9;
    height: 47px;
}

.kd-input label {
    color: #4A5A6B;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.114px;
}

.kd-input input[type=text], .kd-input textarea {
    background: #FFF;
    border: 1px solid #B9B9B9;
    height: 35px;
    color: #8C9094;
    font-family: "DM Sans";
    font-size: 14px;
    max-width: 600px;
    width: 100%;
}

.kd-input .taskDetails {
    height: auto;
}

.kd-input select, .kd-section select {
    display: block;
    border: 1px solid #B9B9B9;
    padding: 5px;
    color: #76797C;
    width: 100%;
    max-width: 600px;
    font-family: "DM Sans" !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url('../images/header/chevron-down.svg');
    background-repeat: no-repeat;
    background-position: 96% 50%;
    background-size: 8px 8px;
}

.kd-section select[multiple=multiple]{
    min-width: 450px;
}

.kd-input label, .kd-input .form-message, .kd-input #ctl00_contentPlaceHolderBody_liLinkInMenu {
    color: #4A5A6B;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.114px;
}

    .kd-input #ctl00_contentPlaceHolderBody_liLinkInMenu a:hover {
        text-decoration: underline;
    }

.kd-input input.datepicker {
    max-width: 177px;
}

.kd-input .dropDownTicker {
    height: 42px;
    max-width: 177px;
    display: block;
    padding: 5px;
}

.kd-input .dropDownTitle {
    height: 42px;
    max-width: 300px;
    display: block;
    padding: 5px;
}

.kd-input .dropDownRRS {
    height: 42px;
    max-width: 400px;
    display: block;
    padding: 5px;
    max-width: none;
    width: auto;
    field-sizing: content;
    padding-right: 30px;
}

.kd-input .compose-mail-editor {
    margin: 10px 0;
}

.kd-input .compose-mail-message-controls {
    margin-top: 10px;
    margin-bottom: 20px;
}

.kd-buttons input, .kd-buttons .buttons {
    border-radius: 5px;
    box-shadow: none;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
    text-shadow: none;
}

.kd-buttons a.green-btn {
}

.kd-buttons a.blue-btn {
}

.kd-buttons a.transparent-btn {
}

.kd-tabs ul.tabs {
    border: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

    .kd-tabs ul.tabs .tabs-title {
        border-bottom: 1px solid #B9B9B9;
    }

        .kd-tabs ul.tabs .tabs-title > a {
            color: #979797;
            font-family: "DM Sans";
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-align: center;
        }

.kd-tabs .tabs-content {
    border: 0;
}

.kd-tabs .tabs-title > a:focus, .kd-tabs .tabs-title > a[aria-selected='true'] {
    color: #fff !important;
}

.kd-tabs .tabs-content select {
    box-sizing: border-box;
    width: 100%;
    border-radius: 0;
    border: 1px solid #000;
    border: 1px solid #B9B9B9;
    padding: 5px 0;
    color: #8C9094;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.114px;
}

    .kd-tabs .tabs-content select option {
        padding: 5px 10px;
    }

.kd-tabs .tabs-content .info ul li {
    margin-bottom: 30px;
}

.kd-tabs .tabs-content label {
    color: #4A5A6B;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.114px;
}

.kd-tabs .briefbox h3 {
    margin-top: 20px;
    font-weight: 600;
    color: #404CB2;
    color: #4A5A6B;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.114px;
}

.kd-tabs .briefbox a {
    margin-top: 20px;
    font-weight: 600;
    color: #404CB1;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.114px;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 0 !important;
    background: none !important;
    font-weight: bold;
    color: rgba(27, 27, 27, 1) !important;
    text-align: center !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid rgba(10, 102, 194, 1) !important;
    background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
    color: rgba(10, 102, 194, 1) !important;
}

.ui-widget-header .ui-icon {
    background-image: url(../lib/jquery-ui-1.10.4.custom/css/ui-lightness/images/ui-icons_222222_256x240.png) !important;
}

.kd-input .datepicker {
    display: block !important;
    float: none;
    width: 95% !important;
}

.kd-input span {
    color: #4A5A6B;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.kd-input input.mobileNumber {
    max-width: 377px;
}

.userDB_HeaderContainer, .common_HeaderContainer, .Blog_HeaderContainer, .careerApplication_HeaderContainer, .Media_HeaderContainer, .SubscriberGroup_HeaderContainer {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 9px;
    position: relative;
}


.UserDB_SortingArrows li a,
.common_SortingArrows li a,
.Blog_SortingArrows li a,
.careerApplication_SortingArrows li a, .Media_SortingArrows li a {
    display: block;
}

.UserDB_SortingArrows li img,
.common_SortingArrows li img,
.Blog_SortingArrows li img,
.careerApplication_SortingArrows li img, .Media_SortingArrows li img {
    max-width: 8px;
    display: block;
}

.UserDB_SortingArrows li:first-child,
.common_SortingArrows li:first-child,
.Blog_SortingArrows li:first-child,
.careerApplication_SortingArrows li:first-child, .Media_SortingArrows li:first-child {
  
}

.UserDB_SortingArrows li:last-child,
.common_SortingArrows li:last-child,
.Blog_SortingArrows li:last-child,
.careerApplication_SortingArrows li:last-child, .Media_SortingArrows li:last-child {
   
}

.UserDB_SortingArrows,
.common_SortingArrows,
.Blog_SortingArrows,
.careerApplication_SortingArrows, .Media_SortingArrows, .SubscriberGroup_SortingArrows {
    display: block;
    width: 10px;
    height: 15px;
}

.SubscriberGroup_SortingArrows {
    right: -17px;
    top: -12px;
}

.UserDB_SortingArrows {
    right: -21px;
    top: -2px;
}

table.user_alltable tr.thead td {
    padding-right: 20px;
}

section#content-header {
    margin-bottom: 30px;
}

.kd-buttons a {
    border-radius: 5px;
    box-shadow: none;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
}


.setting-buttons a {
    background: #404cb2;
    color: #fff;
    padding: 10px 10px;
    margin-bottom: 6px;
    display: block;
    text-align: center;
    transition: all .5s ease;
}

    .setting-buttons a:hover {
        background: #2C3691;
    }

.setting-buttons br {
    display: none;
}


.table-no-line table tr,
.table-no-line table td {
    background: none;
    border: none;
}

/*  PRIMA STYLE  13 JUNE 25  */

/* space between the Add New ENtry button and the content underneath it  */
.add-calendar .controls,
.cm_addeditcalendar {
    margin-bottom: 20px;
}

.cm_addeditcalendar {
    width: 100%;
    max-width: 800px;
}


/* MObile menu */
#menuToggle input {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;
    cursor: pointer;
    opacity: 0; /* hide this */
    z-index: 2; /* and place it over the hamburger */
    -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */

#menuToggle {
    position: relative;
}

    #menuToggle > span {
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;
        background: #cdcdcd;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
        display: none;
    }

        #menuToggle > span:first-child {
            transform-origin: 0% 0%;
        }

        #menuToggle > span:nth-last-child(2) {
            transform-origin: 0% 100%;
        }

    #menuToggle input#menuCheckbox {
        display: none;
    }


        #menuToggle input#menuCheckbox:checked ~ span {
            opacity: 1;
            transform: rotate(45deg) translate(-2px, -1px);
            background: #fff;
        }

            /*
 * But let's hide the middle one.
 */
            #menuToggle input#menuCheckbox:checked ~ span:nth-last-child(3) {
                opacity: 0;
                transform: rotate(0deg) scale(0.2, 0.2);
            }

            /*
 * Ohyeah and the last one should go the other direction
 */
            #menuToggle input#menuCheckbox:checked ~ span:nth-last-child(2) {
                transform: rotate(-45deg) translate(0, -1px);
            }



        #menuToggle input#menuCheckbox:checked ~ ul.hqi-sidenav {
            display: block;
            transform: none;
        }


td.view_header,
td.view_current,
th.view_header {
    position: sticky;
    right: 0;
    width: 73px;
    height: 100%;
    z-index: 999;
}

.statusTable table, .statusTable tbody, .statusTable td, .statusTable tr {
    background: none !important;
}

section.kd-section {
    margin-bottom: 20px;
}

.version-box {
    display: none;
}

.mediaTable {
    table-layout: fixed;
}

    .mediaTable td {
        width: auto;
        overflow-wrap: break-word;
    }

        .mediaTable td:nth-child(n+3):nth-child(-n+5) {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .mediaTable .Media_SortingArrows {
        right: 0px;
        top: 0px;
    }

.spacer-20 {
    display: block;
    height: 20px;
    clear: both;
}

.simplebar-content-wrapper, .simplebar-content {
    min-height: 300px !important;
}


.announceScheduled #tblPending tr:nth-last-child(2) .more-settings .more-settings-container {
    top: -50px;
}

/*----Analytics Page----*/
.analytics-upper-boxes {
    margin: 10px 20px;
}

.analytics-header-box, .analytics-info-box .users-box {
    display: flex;
}
.analytics-header-box {
    display: flex;
}
.analytics-info-box .users-box div {
    cursor: pointer;
}
.analytics-info-box .users-box div:not(:first-child) {
    margin-left: 30px;
}

.analytics-header-box .datepickerrange {
    margin: 0px 20px;
    width: 230px;
    padding-left: 30px;
    height: 35px;
    border-color: #B9B9B9;
    background-image: url(../images/analytics/calendar-icon.svg);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: 4% 50%;
}

.analytics-info-box {
    float: left;
    width: 100%;
    padding: 20px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    position:relative;
}

.analytics-info-box table {
    width: 100%;
    border-collapse: collapse;
}
.analytics-info-box table thead th {
    background: #fff;
    color: #64748B;
    font-size: 12px;
    font-weight: normal;
}

.analytics-info-box table tr td {
    border-top: none;
    vertical-align: middle;
}
.analytics-info-box .top-country-header th:first-child,
.analytics-info-box .session-channel-header th:first-child,
.analytics-info-box .session-manual-source th:first-child {
    text-align: left;
}
.analytics-info-box .top-country-header th:not(:first-child),
.analytics-info-box .session-channel-header th:not(:first-child),
.analytics-info-box .session-manual-source th:not(:first-child) {
    text-align: right;
}

.analytics-info-box .top-country-header tr td:first-child {
    width: 130px;
}

.analytics-info-box table .ui-widget-content {
    background: #E4EAF0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    height: 6px;
}

.analytics-info-box table .ui-widget-header {
    background: #404cb2 !important;
    display: block;
}


.daterangepicker .calendar-table th {
    background: #fff;
    color: #000;
}

.analytics-info-box .users-box span {
    color: #949494;
    font-size: 14px;
}
.analytics-info-box .active span {
    color: #2C3691;
}
.new_chart, .active_chart {
    height: 280px;
}
.chart-box .new_chart {
    display: none;
}
.session-channel-header .channel-description, .session-manual-source .sm-description {
    display: flex;
}
.session-channel-header .channel-description .channel-right,
.session-manual-source .sm-description .sm-right {
    flex: auto;
}

.analytics-info-box .pie-chart {
    height: 375px;
}

.analytics-info-box h2 {
    font-family: "DM Sans", sans-serif;
    font-size: 24px !important;
    font-weight: bold;
}

.analytics-mini-box-title {
    color: #4A5A6B;
    font-size: 16px;
}
.engagement-table thead tr {
    border-bottom: 1px solid #B9B9B9;
}
.engagement-table thead th {
    font-weight: bold !important;
    color: #202224 !important;
    font-size: 13px !important;
    text-align: left;
}
/* 🔹 Loader overlay styles */
.loader-overlay {
    position: absolute; /* still covers content */
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%; /* cover parent, but also expand if loader is taller */
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    z-index: 1000;
}

/* allow loader to push parent height */
.loader-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 20px; /* gives breathing room */
}


    .loader-overlay::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: radial-gradient(circle, rgba(255,255,255,0.7) 0%, transparent 70%);
        filter: blur(40px);
        z-index: 0;
    }

.loader-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    position: relative;
    z-index: 1;
}

/* 🔹 Loader animation */
.loader {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(37, 99, 235, 0.2);
    border-top: 4px solid #2563EB;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    position: relative;
    box-shadow: 0 0 25px rgba(37, 99, 235, 0.3);
}

    .loader::before {
        content: '';
        position: absolute;
        top: -4px;
        left: -4px;
        right: -4px;
        bottom: -4px;
        border: 2px solid transparent;
        border-top: 2px solid #1D4ED8;
        border-radius: 50%;
        animation: spin 1.5s linear infinite reverse;
    }

    .loader::after {
        content: '';
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        border: 3px solid rgba(29, 78, 216, 0.3);
        border-top: 3px solid #1E40AF;
        border-radius: 50%;
        animation: spin 0.8s linear infinite;
    }

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* 🔹 Text + dots */
.loading-text {
    color: #1E40AF;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
    animation: pulse 2s ease-in-out infinite;
    text-shadow: 0 0 10px rgba(30, 64, 175, 0.3);
}

@keyframes pulse {
    0%, 100% {
        opacity: 0.6;
    }

    50% {
        opacity: 1;
    }
}

.dots {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}

.dot {
    width: 8px;
    height: 8px;
    background: #2563EB;
    border-radius: 50%;
    animation: bounce 1.4s ease-in-out infinite both;
    box-shadow: 0 0 8px rgba(37, 99, 235, 0.4);
}

    .dot:nth-child(1) {
        animation-delay: -0.32s;
    }

    .dot:nth-child(2) {
        animation-delay: -0.16s;
    }

    .dot:nth-child(3) {
        animation-delay: 0s;
    }

@keyframes bounce {
    0%, 80%, 100% {
        transform: scale(0.8);
        opacity: 0.5;
    }

    40% {
        transform: scale(1.2);
        opacity: 1;
    }
}
.analytics-info-box.loader-active {
    min-height: 320px; /* ensures enough space for loader */
}

ul.md_alltable.md_changepassword, .ProductListContainer {
    margin-top: 40px;
}

.redirection_alltable .UserDB_SortingArrows {
    right: 0;
    top: -3px;
}

.AnnouncementDetails #ctl00_contentPlaceHolderBody_ulFilter li {
    display:flex;
}

#PageEditTable tbody tr td .page-status.page-status-uploaded {
  
    color: #824e00;

    border: 1px solid #f6c57d;
    background-color: #f6c57d;
}

#PageEditTable tbody tr td .page-status.page-status-asx-released {

    color: #2c3691;
 
    border: 1px solid #98a1ef;
    background-color: #98a1ef;
}

.mail_emailtemplates tr td img {
    height: 20px;
   
}


.composeMailGroupList tr td {
    border: 0;
    padding:5px;
}


.composeMailGroupList tr td:first-child {
    padding-left:20px;
}

    .composeMailGroupList tr td:first-child b {
    margin-left:-10px;
    margin-top:20px;
    display:block;
    }

a.button.add.LibraryCategory-button {
    margin: 0;
    margin-bottom: 20px;
    text-shadow: none;
    border-radius: 5px;
    font-family: "DM Sans";
    font-weight: bold;
    padding: 9px 15px;
}

#PageEditTable tbody tr td .page-status.page-status-hidden
 {
    background: #EAEAEA;
    color: #565656;
    border: 1px solid #EAEAEA;
}