body {
    font-family: "Noto Sans", "NotoSans", "Helvetica", "Arial";
}

.bg-icon_active {
    background-color: rgb(13, 117, 176);
}

.menu_Bar-active {
    display: none;
    content: "";
    position: absolute;
    background-color: #10689d;
    left: 6px;
    width: 3px;
    height: 28px;
    border-radius: 2px;
}

.moduleContentButton:hover {
    background-color: #f0f2f4;
}

.modulesContent-frame {
    background-color: #fff;
    transform: translateX(0);
    pointer-events: all;
    min-width: 276px;
    position: relative;
    z-index: 1;
    color: black;
    display: flex;
    flex-direction: column;
    gap: 2px;
    height: 100%;
    transition: transform 0.25s ease-in-out 0s;
    max-width: 100%;
    width: max-content;
}

.moduleContentText {
    color: #394754 !important;
    font-size: 14px;
    line-height: 32px;
    flex-grow: 1;
    white-space: nowrap;
    text-align: left;
}

.moduleContentButton {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 4px 0 12px;
    gap: 7px;
    cursor: pointer;
    text-decoration: none;
    border-radius: 6px;
    background: transparent;
    border: none;
}

.moduleContent-frame {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.moduleContent-body {
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
    gap: 16px 32px;
    height: 100%;
    overflow: auto;
    padding-inline: 8px;
    padding-top: 0;
}

.module_Header-frame {
    padding-inline: 8px;
    font-size: 16px;
    margin: 4px 0px 10px;
    flex-grow: 1;
    line-height: 32px;
    color: #607184;
    font-weight: 300;
}

.module_Header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.modulesContent-list {
    display: none;
    min-width: 276px;
    height: 100%;
    flex-shrink: 0;
    flex-direction: column;
    max-width: 100%;
    width: fit-content;
}

.megaMenu_button {
    display: block;
    width: 10px;
    height: 19px;
    opacity: 0.1;
}

.module_Title {
    color: #162029;
    font-size: 14px;
    line-height: 32px;
    flex-grow: 1;
    white-space: nowrap;
    text-align: left;
}

.subMenu_Group {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.menu_Bar:hover {
    background-color: #fff;
}

.menu_Bar {
    border-radius: 8px;
    padding: 11px 16px;
    display: flex;
    align-items: center;
    position: relative;
    gap: 7px;
    color: black;
    cursor: pointer;
    text-decoration: none;
    background: transparent;
    border: none;
}

.sub_Menu {
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
    gap: 16px 32px;
    height: 100%;
    overflow: auto;
    padding-inline: 8px;
    padding-top: 0;
}

.menu-Header_Frame {
    padding-inline: 8px;
    color: #162029;
    font-size: 16px;
    font-weight: 400;
    margin: 4px 0px 10px;
    flex-grow: 1;
    line-height: 32px;
}

.menu_Header {
    width: 100%;
    height: 42.175px;
    flex-shrink: 0;
}

.modulesList {
    display: flex;
    min-width: 276px;
    height: 100%;
    flex-shrink: 0;
    flex-direction: column;
    max-width: 100%;
    width: fit-content;
}

#usageStatsTable-Page_filter, #usageStatsTable-Retailer_filter, #usageStatsTable-User_filter {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#usageStatsTable-Page_wrapper > .row:nth-child(1) > .col-md-7, #usageStatsTable-Retailer_wrapper > .row:nth-child(1) > .col-md-7, #usageStatsTable-User_wrapper > .row:nth-child(1) > .col-md-7 {
    padding-top: 1rem;
    min-width: 250px;
}

#usageStatsTable-Page_wrapper > .row:nth-child(1) > .col-md-5, #usageStatsTable-Retailer_wrapper > .row:nth-child(1) > .col-md-5, #usageStatsTable-User_wrapper > .row:nth-child(1) > .col-md-5 {
    padding-top: 1rem;
}

.navBar-extended {
    display: flex;
    width: 200px;
    height: 68px;
    align-items: flex-start;
    flex-shrink: 0;
}

.logo-text__frame {
    display: flex;
    width: 132px;
    height: 60px;
    padding: 19px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    flex-shrink: 0;
}

.logo-frame {
    width: 300px;
    height: 61px;
}

.dropdown_button {
    border-radius: 9999px;
    border: 1px solid var(--Line-color-line-reversed-muted, #909FAE) !important;
    background: var(--Background-color-bg-transparent, rgba(255, 255, 255, 0.00));
}

.navMenuLink:hover {
    background-color: rgba(45, 127, 173, 0.45);
}

.navBarIcon-container:hover .navMenuLink-expanded {
    background-color: rgba(45, 127, 173, 0.45);
}

.navBarIcon {
    padding: 8px;
    border-radius: 8px;
    flex-shrink: 0;
}

:has(#announcementBar) * #editRetailerTabContent .tab-content > .active {
    max-height: calc(100vh - 177px);
    overflow: auto;
}

:has(#announcementBar) * #editCentreTabContent .tab-content > .active {
    height: calc(100vh - 177px);
    overflow: auto;
}

:has(#announcementBar) * #editRetailerContent {
    overflow: auto;
    max-height: calc(100vh - 130px);
}

:has(#announcementBar) * #editCentreContent {
    overflow: auto;
    max-height: calc(100vh - 130px);
}

#editRetailerTabContent * .tab-content > .active {
    height: calc(100vh - 139px);
    overflow: auto;
}

#editCentreTabContent .tab-content > .active {
    height: calc(100vh - 139px);
    overflow: auto;
}

#editRetailerContent {
    overflow: auto;
    max-height: calc(100vh - 92px);
}

#editCentreContent {
    overflow: auto;
    max-height: calc(100vh - 92px);
}

#content:has(#editRetailerTabContent * .active){
    min-height: 100%;
    max-height: 100%;
}

#content:has(#editCentreTabContent * .active) {
    min-height: 100%;
    max-height: 100%;
    height: auto !important;
}

.navBarBottomFrame {
    display: flex;
    padding: 8px 0 35px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.navBarDivider {
    width: 32px;
    height: 1px;
}

.navBarDivider-expanded {
    width: 185px;
    height: 0px;
}

.navBarIconsFrame {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.navBarIcon-container {
    display: flex;
    width: 185px;
    align-items: center;
    gap: 8px;
}

.navBarTopFrame {
    display: flex;
    padding: 8px 0px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    flex: 1 0 0;
}

#newNavigationBar-expanded {
    display: flex;
    position: relative;
    float: left;
    width: 200px;
    height: 100%;
    padding: 0px 8px;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
}

.navBarTopFrame-expanded {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.navBarBottomFrame-expanded {
    display: flex;
    width: 185px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    padding-bottom: 35px;
}

.dividerBar-expanded {
    width: 185px;
    height: 0px;
}

.dividerBar {
    width: 32px;
    height: 1px;
    background: #0582C3;
}

#newNavigationBar {
    display: flex;
    position: relative;
    float: left;
    width: 60px;
    height: 100%;
    padding: 0px 8px;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
}

#newNavigationBar .navMenuLink, #newNavigationBar-expanded .navMenuLink {
    cursor: pointer;
}

.masterIcons {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 0 0;
}

.masterIcons-expanded {
    display: flex;
    width: 180px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
}

.h-1 {
    height: 1px !important;
}

#collapseButton {
    display: flex;
    width: 20px;
    height: 20px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 12.5px;
    flex-shrink: 0;
    border-radius: 20px;
    background: var(--White, #FFF);
    box-shadow: 0px 0px 4.8px 0px rgba(0, 0, 0, 0.25);
    position: absolute;
    bottom: 15px;
    right: -10px;
    transform: rotate(180deg);
}

#collapseButton svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

#expandButton svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

#expandButton {
    display: flex;
    width: 20px;
    height: 20px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 12.5px;
    flex-shrink: 0;
    border-radius: 20px;
    background: var(--White, #FFF);
    box-shadow: 0px 0px 4.8px 0px rgba(0, 0, 0, 0.25);
    position: absolute;
    left: 50px;
    bottom: 15px;
}

#mainMenuButton, #mainMenuButton-expanded, .accountButton, #favoriteButton, #emergencyButton, #homeButton, #helpButton {
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
}

.navBarIcon-text {
    color: var(--Text-color-text-reversed, #FFF) !important;
    font-family: "Noto Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

#mriLogoButton {
    width: 43px;
    height: 43px;
    flex-shrink: 0;
}

.mobile-dialog {
    width: 360px;
    max-height: 740px;
    flex-direction: column;
    align-items: flex-start;
}

.previewImg-frame {
    height: 223px;
    justify-content: flex-end;
    align-items: flex-start;
    align-self: stretch;
}

.headerBorder-top-radius {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.removeLogo {
    margin-bottom: .4rem;
}

.searchContainer {
    position: relative;
}

.searchContainer .searchBox{
    position: absolute;
    top: 25%;
    right: 10px;
    transform: rotate(90deg);
}

.img-container {
    width: 200px;
    flex-direction: column;
    gap: 16px;
}

.img-frame {
    padding: 10px;
    gap: 10px;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid var(--Line-color-line-dark-muted, #909FAE);
    background: #FFF;
}

.distribution-container {
    padding: 9px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex: 1 0 0;
    min-height: 240px;
    max-height: 240px;
    overflow: auto;
    border-radius: 4px;
    border: 1px solid var(--Line-color-line-dark-muted, #909FAE);
    background: var(--Background-color-bg-primary, #FFF);
}

.distribution-frame {
    display: block;
    padding: 9px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.mri-page-header {
    min-height: 92px !important;
    grid-row-gap: 0;
    grid-template-rows: 0;
    border-bottom: 1px solid var(--Line-color-line-dark-faint, #C6CED5);
    background: var(--Background-color-bg-primary, #FFF);
}

.mri-page-header__title-new {
    color: var(--Text-color-text-muted, #394754);
}

.distribution-container > hr:nth-last-child(1):nth-child(n+7) {
    display: none;
}

.font-size-20{
    font-size: 20px !important;
}

.overlay_z-index {
    z-index: 50 !important;
}

.footer_z-index {
    z-index: 45 !important;
}

.overflow-visible {
    overflow-x: visible !important;
    overflow-y: visible !important;
}

.overflow-x {
    overflow-x: visible !important;
}

.overflow-y {
    overflow-y: visible !important;
}

.flex-centre {
    display: flex;
    align-items: center;
}

button {
    font-family: "Noto Sans", "NotoSans", "Helvetica", "Arial";
}

a[href^="tel:"] {
    color: inherit;
}

hr.divider-grey {
    display: block;
    border-width: 1px;
    border: rgba(198, 206, 213, 1);
}

div:has(> span.text-danger) {
    position: relative;
}

span.text-danger {
    background-color: #FFE3E6;
    width: max-content;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
    display: block;
    bottom: -28px;
    line-height: 28px;
    z-index: 0;
    padding-left: 4px;
    padding-right: 4px;
}

span.text-danger span{
    padding: 0 5px;
}

#centreSelection {
    min-width: 340px;
}

#centreSelection li .dropdown-menu {
    min-width: 340px;
    width: 100%;
}

#centreSelection li .dropdown-menu a.nav-link, #centreSelection li .dropdown-menu .dropdown-header {
    padding: 0.4rem 0;
    overflow: hidden;
}

#changeCentreAutoComplete {
    font-size: 14px;
}

#dashboardCentreToggle {
    height: 20px;
    width: auto;
    display: block;
}

#dashboardCentreToggle svg {
    color: white
}

.navbar-gradient {
    flex-shrink: 0;
    background: linear-gradient(180deg, #07182F 0%, #044D66 100%) !important;
    z-index: 1000 !important
}

.mriLogoFrame {
    display: flex;
    width: 60px;
    height: 60px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

#menuHamburger {
    stroke: white;
    display: block;
    margin: auto;
    height: 100%;
}

#menuButtonDiv {
    background-color: #0093DD;
}

#menuWindow .menuGroup .menuItem {
    font-size: 20px !important;
}

#menuWindow .menuGroup .subMenuGroup .menuGroup .menuItem {
    font-size: 14px !important;
}

.mri-toast-container {
    z-index: 9999;
    flex-flow: column-reverse wrap;
    left: unset !important;
    transform: translateX(50%);
    margin-left: unset !important;
    min-height: auto;
    margin-top: 2.5rem;
    gap: 16px;
}

.mri-alertToast-frame {
    flex-direction: column;
    align-items: flex-start;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.30), 0px 8px 16px 0px rgba(0, 0, 0, 0.30);
}

.mri-toast-frame {
    padding: 8px 16px;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.announcement-bar {
    height: 38px;
    z-index: 60;
    background-color: #FFE9C3;
    padding: 7px 16px;
    border-bottom: 2px solid #D34501;
}

.announcement-bar span {
    font-weight:400;
    font-size: 14px;
    line-height: 24px;
    color: #B33706;
}

.borderRightNone{
    border-right:none !important;
}

.minWidth-100 {
    min-width: 100% !important;
}

.w-5 {
    width: 5% !important;
}

.w-10 {
    width: 10% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

#content:has(#editCentreForm) {
    padding-bottom: 0rem !important;
}

button.mri-button:not(:last-child) {
    margin-right: 5px;
}

.btn-primary.active {
    border-color: rgba(144, 159, 174, 1)
}

.detailsContainer-small {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
    align-self: stretch;
}

.detailsContainer-medium {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
}

.detailsContainer {
    align-items: flex-start;
    align-self: stretch;
}

.detailsContainer-large {
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    border-left: 1px solid var(--Line-color-line-dark-faint, #C6CED5);
    background: var(--Background-color-bg-primary, #FFF);
}

.pe-medium {
    padding-right: 12px;
}

.salesTableHeader-height {
    height: 5rem !important;
}

.nav-item .nav-link {
    border: 0;
    margin-right: 4px;
}

.nav-item .nav-link:hover {
    background-color: rgb(255, 255, 255, 0.5);
    border: 0;
}

.asterisk-container {
    position: relative;
}

.asterisk-container .fieldRequired {
    position: absolute;
    top: 30%;
    color: royalblue;
    right: 10px;
}

.asterisk-container .datefieldRequired {
    position: absolute;
    top: 30%;
    color: royalblue;
    right: 35px;
}

.deleteQuestion-frame {
    align-items: flex-start;
    align-self: stretch;
    background: var(--Background-color-bg-critical, #FFE3E6);
}

.deleteQuestion-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
}

.overlay-text {
    position: absolute;
    top: 70%;
    transform: translateY(-50%);
    left: 7px;
    pointer-events: none;
}

.white-space-break {
    white-space: break-spaces;
}

.dialog-max-height {
    max-height: 80vh;
}

.input-width {
    width: 570px;
}

.delete-frame {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.delete-outline {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
}

.inline-container {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 8px;
    background: var(--Background-color-bg-critical, #FFE3E6);
}

.notes-input-container {
    width: 98% !important;
    margin-left: 12px !important;
}

.notes-error-message {
    margin-left: 12px;
}

.input-frame .field-required {
    position: absolute;
    top: 30%;
    color: royalblue;
    right: 30px;
}

.input-frame {
    position: relative;
}

.input-container {
    padding-left: 80px !important;
}

.mri-modal-dialog {
    z-index: 1600;
    overflow-y: visible;
}

.mri-notes-frame {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.mri-frame-medium {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.mri-frame-small {
    display: flex;
    padding: 8px 10px;
    align-items: center;
    gap: 2px;
    align-self: stretch;
    border-radius: 6px;
    border: 1px solid #C6CED5;
}

.mri-labels-small {
    font-family: "Noto Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}


/* mobile groups and centre Subscriptions */
.mri-groups-container-large {
    display: flex;
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    flex-direction: column;
    align-items: stretch;
    flex-shrink: 0;
    border-right: 1px solid var(--Line-color-line-dark-faint, #C6CED5);
    background: var(--Background-color-bg-primary, #FFF);
}

.mri-groups-image {
    display: flex;
    justify-content: center;
}

.mri-image-label {
    color: #394754;
    font-size: 18px;
    font-family: Noto Sans;
    font-weight: 300;
    line-height: 28px;
    word-wrap: break-word;
    display: flex;
    justify-content: center;
}

.mri-section {
    display: flex;
    padding: 0;
    gap: 2px;
    align-self: stretch;
}

.mri-section-small {
    display: flex;
    margin-left: auto;
}
/* mobile groups and centre Subscriptions */
.mri-groups-container-medium {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.mri-container-heading {
    color: #044D66;
    font-size: 24px;
    font-family: Noto Sans;
    font-weight: 300;
    line-height: 32px;
    word-wrap: break-word;
    line-height: 25px;
}

.mri-groups-image {
    display: flex;
    justify-content: center;
}

.mri-image-label {
    color: #394754;
    font-size: 18px;
    font-family: Noto Sans;
    font-weight: 300;
    line-height: 28px;
    word-wrap: break-word;
    display: flex;
    justify-content: center;
}

.mri-container-heading {
    color: #044D66;
    font-size: 24px;
    font-family: Noto Sans;
    font-weight: 300;
    line-height: 32px;
    word-wrap: break-word;
    line-height: 25px;
}

.mri-section-small {
    display: flex;
    margin-left: auto;
}

.mri-labels-small {
    font-family: "Noto Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.mri-section {
    display: flex;
    padding: 0;
    gap: 2px;
}

.mri-frame-small {
    display: flex;
    padding: 8px 10px;
    align-items: center;
    gap: 2px;
    align-self: stretch;
    border-radius: 6px;
    border: 1px solid #C6CED5;
}

.mri-frame-medium {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.mri-labels-small {
    font-family: "Noto Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

/* mobile groups and centre Subscriptions */
.mri-groups-container-medium {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

/* mobile groups and centre Subscriptions */
.mri-groups-container-large {
    display: flex;
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    flex-direction: column;
    align-items: stretch;
    flex-shrink: 0;
    border-right: 1px solid var(--Line-color-line-dark-faint, #C6CED5);
    background: var(--Background-color-bg-primary, #FFF);
}

.account-menu {
    padding-right: 14px;
    width: 100% !important;
    display: none;
}

.account-submenu {
    position: absolute;
    left: 60px;
    top: 0;
    bottom: 0;
    z-index: 55;
    pointer-events: none;
    transition: width 0.25s ease-in-out 0s;
    overflow: hidden;
}

.account-submenu_context {
    border-radius: 8px;
    bottom: 40px;
    height: auto;
    position: absolute;
    left: 13px;
    filter: drop-shadow(0px 2px 15px rgba(0, 0, 0, 0.25));
    background-color: #fff;
    padding: 4px;
    transform: translateX(0);
    pointer-events: all;
    min-width: 260px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: max-content;
}

.signout_button {
    display: none;
    align-items: center;
    position: relative;
    padding: 0 4px 0 12px;
    padding-inline: 16px;
    background-color: #f0f2f4;
    color: black;
    cursor: pointer;
    text-decoration: none;
    border-radius: 6px;
}

.blankPageContainer {
    overflow-y: auto;
    height: calc(100% - 40px);
    display: none;
    position: absolute;
    top: 0;
    left: 38px;
    width: 650px;
    height: 100%;
    overflow: hidden;
    overflow-y: visible;
    background-color: white;
    z-index: 999; /* Adjust z-index as needed to ensure it's above other elements */
}

#content {
    height: calc(100% - 92px);
    width: 100%;
    overflow-x: inherit;
    overflow-y: auto;
    text-align: left;
    padding: 0;
}

.content-resize {
    height: calc(100vh - 130px) !important;
}

#mriStart {
    top: 7px;
    position: relative;
}

#logout {
    display: flex;
    align-items: center;
    margin: 0;
    color: white;
    line-height: 30px !important;
    padding-inline: 16px;
    border-radius: 6px;
}

#logout:hover {
    background-color: #f0f2f4 !important;
}

.autocomplete-suggestions {
    border: 1px solid #666;
    background: #FFF;
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: rgba(58, 157, 210, 0.1);
    color: #10689d;
}

/* controls */
.mri-select-width-medium {
    width: 130px
}

.mri-select-width-maximum {
    width: 270px
}

.mri-select-height-medium {
    height: 38px
}

.mri-p-6 {
    padding: 6px;
}


/* Datatables */
.dataTables_wrapper button{
    margin:0 auto;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: none;
    box-shadow: none;
}

.dataTables_length select {
    padding-top: 0;
    padding-bottom: 0;
    height: 32px;
}

.mri-table__header-row {
    border: none !important;
}

.mri-table__cell:first-child {
    padding-left: 0;
}

.mri-table__body-row:last-child {
    border-bottom: 1px solid #C2CFD3 !important;
}

.mri-table__column-header--clickable:hover {
    background-color: transparent;
    color: #162029;
}

.mri-table__header, .mri-table__row {
    display: table-header-group;
}

.dataTables_wrapper > .row {
    --bs-gutter-x: 0;
}

.dataTables_wrapper > .row:nth-child(1) {
    padding: 0 16px;
}

.dataTables_wrapper .dataTables_info {
    padding-left: 16px;
}

.dataTables_wrapper .dataTables_paginate {
    padding-right: 16px;
}

.dataTables_wrapper * .dt-buttons {
    padding-left: 3rem !important;
    height: 32px;
}

table.dataTable {
    width: 100% !important;
    display: inline-table;
    border-collapse: collapse;
}

table.dataTable thead {
    background-color: #E2E6EA;
}

table.dataTable thead tr {
    font-weight: 700;
    line-height: 20px;
}

table.dataTable thead tr th {
    white-space: break-spaces;
    font-size: 14px;
    width: auto;
    min-width: 20px;
    vertical-align: middle;
    padding: 8px 12px 8px 16px;
    border: 0;
    border-right: 1px solid #909FAE;
}

table.dataTable thead tr th:last-child {
    border: 0;
}

table.dataTable tbody tr {
    height: 40px;
    border-bottom: 1px solid #C6CED5;
}

table.dataTable tbody tr td {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 12px 8px 16px;
    vertical-align: middle;    
}

table.dataTable.no-footer tr:last-child {
    border-bottom: 1px solid #C6CED5 !important;
}

table.dataTable thead .sorting {
    background-image: url("../../img/sort_ascending_inactive.svg");
    background-size: 14px;
    background-position: calc(100% - 8px) center;
}

table.dataTable thead .sorting_desc {
    background-image: url("../../img/sort_decending_active.svg");
    background-size: 14px;
    background-position: calc(100% - 8px) center;
}

table.dataTable thead .sorting_asc {
    background-image: url("../../img/sort_ascending_active.svg");
    background-size: 14px;
    background-position: calc(100% - 8px) center;
}

#retailersTable tbody tr td {
    text-wrap: nowrap;
}

.action-icons {
    height: 20px;
    width: 20px;
}

.action-icons-sm {
    height: 14px;
    width: 14px;
    margin-right: 8px;
    color: #10689D;
}

.mri-bg-modal-header, .nav-tabs-bg {
    background-color: #E2E6EA;
}

.content {
    min-height: 150px;
}

.mri-select {
    height: 100%;
}

.account-details {
    display: none;
    align-items: center;
    position: relative;
    padding: 5px 30px 5px 30px;
    padding-inline: 16px;
    background-color: #f0f2f4;
    color: black;
    text-decoration: none;
    pointer-events: none;
    border-radius: 6px;
    line-height: 30px !important;
}

.login-page {
    background-image: url("https://welcomeemea.saas.mrisoftware.com/MarketingImage/LargeImage");
    background-color: #fff;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
}

.login-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    color: #fff;
    text-align: center;
    padding: 10px 0;
}

.login-p {
    color: var(--Text-color-text-faint, #607184);
    font-family: "Noto Sans", "NotoSans", "Helvetica", "Arial";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    margin: 10px;
}

.login-panel {
    display: flex;
    width: 429px;
    padding: 50px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.10);
    position: fixed;
    top: 50%;
    left: calc(50% + 0px);
    transform: translate(-50%, -50%);
    z-index: 100;    
}

.login-logo {
    max-width: 305px;
    max-height: 70px;
    margin-bottom: 6px;
    margin-top: 6px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.content-container{
    display: grid;
    gap: 40px;
}

.welcome-text {
    display: flex;
    height: 40px;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    color: #10689D;
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
    margin-left: auto;
    margin-top: auto;
    width: 100%;
    text-align: center;
}

.welcome-container {
    display: grid;
    gap: 16px;
}

.menu-text {    
    color: #162029;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    width: 100%;
    text-align: center;
}

.accountMenu-text {
    display: flex;
    height: 40px;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
}

.signin-button {
    width: 306px;
    height: 48px;
    border-radius: 4px;
    border: 0;
    background: #10689D;
    margin-top: 38px;
    text-align: center;
}

.signin-button:hover {
    background: #0582C3;
}

.signintext {
    font-family: "Noto Sans", "NotoSans", sans-serif;
    color: white;
    fill: white;
    font-size: 1rem;
    font-weight: normal;
    float: left;
    margin: 9px;
    text-align: center;
    padding: 0 105px;
}

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

.close-icon {
    vertical-align: baseline;
}

.news-card {
    border: 1px solid #C6CED5;
    background-color: #FFFFFF;
}

.background-color-light-gray {
    background-color: #F0F2F4 !important;
}

.line-icon {
    margin: 5px;
}

.edit-icon-button:hover,
.delete-icon-button:hover,
.mobile-icon-button:hover {
    background-color: #F0F2F4;
    cursor: pointer;
}

.news-card-text {
    text-align: justify;
    font-size: 14px;
}

.toolbar-icons {
    height: 24px;
    width: 24px;
}

.popup-header {
    background-color: #E2E6EA;
}

div.announcement-content > div.DraftEditor-root {
    max-height: 192px;
    width: 100%;
    overflow: hidden;
    border: none;
    padding: 0;
}

div.announcement-content .public-DraftEditor-content {
    height: 192px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #909FAE;
    border-radius: 3px;
    padding: 5px;
}

.announcement-add-image-label {
    height: 64px;
    padding: 15px;
    font-size: 16px;
}

.announcement-edit-image {
    height: 300px;
}

.save-btn input {
    padding: 4px 20px 4px 33px;
}

.save-btn svg {
    top: 8px;
    left: 13px;
    cursor: pointer;
    position: absolute
}

.news-card-header {
    height: 48px;
    font-size: 14px;
}

.news-card-header label {
    line-height: 48px;
}

.news-card-header .delete-icon-button, 
.news-card-header .edit-icon-button,
.news-card-header .mobile-icon-button {
    padding: 12px 0;
}

a.mri-color-green-55 {
    color: #008466 !important;
}

a.color-neutral {
    color: #e7c33d !important;
}

a.mri-color-red-55 {
    color: #D02323 !important;
}

a.color-neutral:hover, a.color-neutral:active, a.color-neutral:visited :hover, a.color-neutral:active :hover {
    color: #e7c33d !important;
    cursor: pointer;
    opacity: 70% !important;
}

a.mri-color-red-55:hover, a.mri-color-red-55:active, a.mri-color-red-55:visited :hover, a.mri-color-red-55:active :hover {
    color: #D02323 !important;
    cursor: pointer;
    opacity: 70% !important;
}

a.mri-color-green-55:hover, a.mri-color-green-55:active, a.mri-color-green-55:visited :hover, a.mri-color-green-55:active :hover {
    color: #008466 !important;
    cursor: pointer;
    opacity: 70% !important;
}

.action-icons:hover, .btn-hover-white:hover {
    cursor: pointer;
    opacity: 70%;
}

.rst__moveHandle {
    background-image: none !important;
    padding: 10px;
    text-align: center;
    background-color: #E6F4F5 !important;
    border: 1px solid #3A9DD2 !important;
    box-shadow: none !important;
}

.rst__node {
    /*height: 48px !important;*/
    width: calc(100% - 75px);
    min-width: 80% !important;
}

.rst__nodeContent {
    width: 100%;
}

.rst__rowWrapper:not(:first-child) .rst__rowContents {
    width: 100% !important;
}

.rst__lineHalfHorizontalRight::before,
.rst__lineFullVertical::after,
.rst__lineChildren::after,
.rst__lineHalfVerticalTop::after,
.rst__lineHalfVerticalBottom::after {
    background-color: #c6ced5 !important;
}

.rst__rowContents {
    border: 1px solid #c6ced5 !important;
    box-shadow: none !important;
    border-radius: 0 4px 4px 0 !important;
}

.folder .rst__rowContents {
    width: 100%
}

.folder .rst__moveHandle {
    border-radius: 4px 0px 0px 4px !important;
}

.rst__collapseButton,
.rst__expandButton {
    box-shadow: 0 0 0 1px #c6ced5 !important;
}

.rst__collapseButton:hover {
    background: #fff url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjgiIGZpbGw9IiNGRkYiLz48ZyBzdHJva2U9IiM5ODk4OTgiIHN0cm9rZS13aWR0aD0iMS45IiA+PHBhdGggZD0iTTQuNSA5aDkiLz48cGF0aCBkPSJNOSA0LjV2OSIvPjwvZz4KPC9zdmc+') no-repeat center;
        
}

.rst__expandButton:hover {
    background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjgiIGZpbGw9IiNGRkYiLz48ZyBzdHJva2U9IiM5ODk4OTgiIHN0cm9rZS13aWR0aD0iMS45IiA+PHBhdGggZD0iTTQuNSA5aDkiLz48L2c+Cjwvc3ZnPg==) no-repeat center;
}

.rst__collapseButton:hover:not(:active),
.rst__expandButton:hover:not(:active) {
    height: 16px !important;
    width: 16px !important;
}

.rst__row {
    padding-right: 16px;
    height: 48px !important;
}

.rst__rowTitle {
    color: #162029;
    font-size: 14px;
    font-weight: 400 !important;
}

.folder .rst__moveHandle::before {
    content: url("../../img/folder-blue.svg");
}

.document > .rst__moveHandle::before {
    content: url("../../img/file-blue.svg");
}

.link > .rst__moveHandle::before {
    content: url("../../img/insert-link.svg");
}

.right-container {
    border-left: 1px solid #c6ced5;
}

.mri-pl-28 {
    padding-left: 28px;
}

.center-img {
    margin: 0 auto
}

.transparent-input {
    border: 1px#8CA0AC solid !important;
    background-color: #fff !important;
    opacity: 1 !important;
}

.asterisk-container .required {
    position: absolute;
    top: 30%;
    color: royalblue;
    right: 5px;
}

.select-container {
    position: relative;
}

    .select-container .required {
        position: absolute;
        top: 30%;
        color: royalblue;
        right: 30px;
    }

.mri-table__cell--4x-small {
    min-width: 65px;
    width: 65px;
    flex-basis: 65px;
    flex-grow: 1;
}

.mri-table__cell--5x-small {
    min-width: 40px;
    width: 40px;
    flex-basis: 40px;
    flex-grow: 0;
}

.mri-table__cell--6x-small {
    min-width: 60px;
    width: 60px;
    flex-basis: 60px;
    flex-grow: 0;
}

.mri-check-label {
    color: #162029;
    font-size: 14px;
    font-family: Noto Sans;
    font-weight: 400;
    word-wrap: break-word;
}

.mri-sales-btn {
    flex: auto;
    padding: 6px 16px;
    margin: 0;
    border: 1px solid #909FAE;
    background-color: transparent;
    color: black;
    font-size: 14px;
    cursor: pointer;
}

.mri-sales-btn:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.mri-sales-btn:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.mri-sales-btn.active {
    background-color: rgba(58, 157, 210, 0.2);
    color: black;
}

.btn-outline-primary:hover {
    background-color: rgba(58, 157, 210, 0.1);
    border: 1px solid rgba(144, 159, 174, 1);
}

.colored-column {
    background-color: #d3d3d3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
}

.full-height {
    height: 100%;
    align-items: center;
    padding: 0;
    margin: 0;
}

.h-small-100 {
    height: 100px;
}

.full-width {
    width: 100%;
}

.mri-label-black {
    color: black !important;
}

.vertical-col-scroll {
    height: calc(100vh - 92px);
    overflow-y: auto;
    overflow-x: auto;
}

.no-sales {
    /*height: calc(100vh - 350px);*/
    overflow-y: auto;
    overflow-x: hidden;
}

.sales-checkbox {
    transform: scale(1.5)
}

#retailerKeyContactTableContainer {
    max-height: 35vh;
    overflow: auto;
}

#collectionGridContainer .collectionCell input {
    padding: 5px;
}

#collectionGridContainer .collectionCol {
    border-left: 0;
}

.select-container .required {
    position: absolute;
    top: 30%;
    color: royalblue;
    right: 30px;
}

#messagingContainer .nav-item .active {
    border-bottom: 2px solid rgba(58, 157, 210, 1);
}

#messagingContainer .nav-item .nav-link:hover {
    color: #162029;
}

.active-chat {
    background-color: #E6F4F5 !important;
    border: 1px solid rgba(96, 113, 132, 1);
}

.inactive-chat {
    border: 1px solid rgba(198, 206, 213, 1);
}

#chat-view-section {
    height: calc(100vh - 230px) !important;
    min-height: calc(100vh - 230px) !important;
}

.font-weight-600 {
    font-weight: 600;
}

.left-messages-container,
.left-commentary-container {
    border-right: 1px solid #c6ced5;
    height: calc(100vh - 127px);
}

.add-border-bottom {
    border-bottom: 1px solid #c6ced5;
}

.add-border-right {
    border-right: 1px solid #c6ced5;
}

.add-border-left {
    border-left: 1px solid #c6ced5;
}

.mri-label-small {
    font-size: 12px;
}

.mri-label-normal {
    font-size: 14px;
}

.mri-cursor-pointer:hover {
    cursor: pointer;
}

.messages-top-nav {
    padding: 8px 0px;
}

#messageTabs .nav-item .nav-link {
    padding: 16px 8px;
}

.chat-item {
    border-radius: 16px 16px 16px 0px;
    padding: 12px 16px 12px 16px;
}

.message-input {
    resize: none;
    padding: 8px 16px;
}

.message-input:focus {
    outline: none;
}

.send-btn {
    padding: 5px 50px;
    margin-right: 15px;
    width: 130px !important;
}

.send-btn-container {
    align-items: end;
    margin-bottom: 10px;
}

.mri-brand-blue-background {
    background-color: #0D75B0;
}

.chat-form {
    border-top: 1px solid #C6CED5;
}

.file-upload-btn {
    max-width: max-content;
}

.file-upload-btn label {
    align-items: end;
    padding-bottom: 14px;
}

#participantsTable tr:last-child {
    border-color: #c2cfd3;
}

.participants-table-header {
    justify-content: space-between;
    padding-right: 16px !important;
}

.message-title {
    text-overflow: ellipsis;
    overflow: hidden;
}

mri-icon:hover {
    background-color: transparent;
}

.mri-icon-medium {
    height: 16px;
    width: 16px;
}

#participantsTable tbody .mri-table__cell:first-child {
    padding-left: 8px;
}

.participants-action {
    height: 24px;
    width: 49px;
}

.participants-action::after {
    margin-top: 2px;
}

.noRecords-frame {
    flex-direction: column;
    gap: 10px;
}

.noAlertSetupRecords-frame,
.noAlertHistoryRecords-frame {
    flex-direction: column;
    gap: 10px;
}

.alert-text-decoration {
    color: #BA2121 !important;
}

#retailer-data-table_filter {
    margin-right: -12px;
}

.bg-danger-light {
    background-color: #FFE3E6 !important;
}

.bg-danger {
    background-color: #BA2121;
    color: #FFFFFF;
}

.mri-table__cell--xx-large {
    min-width: 1425px;
    width: 1425px;
    flex-basis: 1425px;
    flex-grow: 1;
}

.mri-portfolio-text {
    color: #044D66;
    font-size: 14px;
    font-family: Noto Sans;
    font-weight: 400;
    line-height: 20px;
    word-wrap: break-word
}

.mri-groups-eventcontainer-medium {
    width: 100%;
    align-self: stretch;
    flex-direction: column;
}

.mri-calevents-btn {
    flex: 1;
    padding: 0 10px;
    margin: 0;
    border: 1px solid #0D75B0;
    background-color: transparent;
    color: black;
    font-size: 14px;
    cursor: pointer;
    box-sizing: border-box;
    display: inline-block;
    height: 40px;
}

.mri-calevents-btn:hover {
    background-color: rgba(58, 157, 210, 0.2);
}

.mri-calevents-btn:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right-width: 1px;
}

.mri-calevents-btn:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left-width: 0;
    margin-left: -4px;
}

.mri-calevents-btn.active {
    background-color: #0D75B0;
    color: white;
}

.updateeventlogo {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.no-events {
    text-align: center;
    font-style: normal;
    color: gray;
    padding: 20px;
}

.mri-event-header {
    color: #162029;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 26px;
    width: 100%;
}

.mri-even-daterange {
    color: #10689D;
    font-size: 12px;
    font-family: Noto Sans;
    font-weight: 400;
    line-height: 16px;
    word-wrap: break-word
}

.mri-event-date {
    color: #044D66;
    font-size: 16px;
    font-family: Noto Sans;
    font-weight: 400;
    line-height: 24px;
    word-wrap: break-word;
}

.mri-event-container {
    display: block;
    margin-bottom: 5px;
}

.mri-event-header,
.mri-labels-small,
.mri-even-daterange {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 10px;
}

.event-with-image {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.image-container {
    flex-shrink: 0;
    margin-right: 1px;
}

.event-details {
    flex-grow: 1;
}

.event-image {
    border-radius: 50%;
    background-color: #E6F4F5;
    padding: 8px;
    width: 40px;
    height: 40px;
}

#eventFormContainer .label-required::after {
    content: none !important;
}

.background-color-white {
    background-color: #FFE3E6
}
.loader {
    border: 3px solid #bddfec;
    border-top: 3px solid #10689D;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    animation: spin 1s linear infinite;
    transform: translate(-50%, -50%);
    margin: auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loader.fade{
    display: none;
}

#loader-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 900;
}

#loading-text {
    color: #fff;
}

#loader-wrapper .mri-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index:800;
}

.loader-content-wrap {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 900;
}

.Helpheading {
    color: #044D66;
    font-size: 32px;
    font-family: Noto Sans;
    font-weight: 300;
    line-height: 40px;
    word-wrap: break-word;
    text-align: center !important;
    display: block;
}
.helpcontainer {
    display: flex; 
    justify-content: center; 
    gap: 20px;
    margin-top: 20px; 
}

.supportcontainer {
    padding: 20px;
    border: 1px solid #ccc; 
    border-radius: 8px; 
    width: 30%; 
    box-sizing: border-box; 
}
}

.border-bottom-gray {
    border-bottom: 1px solid #c6ced5
}

#benchmarkProCommentaryTabs .nav-link:hover {
    cursor: pointer;
    color: #162029;
}

.dataTables_filter {
    float: left;
    margin-left: 4px;
}

.commentary-input{
    border: 1px solid #909FAE;
}

.commentary-input:read-only {
    border: 1px solid #C6CED5;
    background-color: #F0F2F4;
    opacity: unset;
}

.create-bp-btn:hover {
    background-color: #fff
}

.csv-export-btn{
    border-top-right-radius: 9999px !important;
    border-bottom-right-radius: 9999px !important;
}

#retailerTabs .nav-link:hover,
#editContactTabs .nav-link:hover {
    cursor: pointer;
    color: #162029;
}

.mri-opacity-100 {
    opacity: 1 !important;
}

.wrap-single-word {
    overflow-wrap: anywhere;
}
/***Dashboard***/
.dashboardTile_wrapper .dashboard-tile .mri-dashboard-panel {
    position: relative;
}

.dashboardTile_wrapper .dashboard-tile .mri-dashboard-panel .mri-dashboard-panel__header {
    align-items: normal;
}

.dashboardTile_wrapper .dashboard-tile .mri-dashboard-panel .mri-dashboard-tile-image {
    right: 16px;
    position: absolute;
    width: 60px;
    height: 60px;
    background: #F0F2F4;
    border-radius: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dashboardTile_wrapper .dashboard-tile .mri-dashboard-panel .mri-dashboard-tile-image svg {
    width: 30px;
    height: 30px;
}

.mri-dashboard-list-items {
    padding: 0 26px;
}

.mri-dashboard-list-items li::marker {
  color: rgba(16, 104, 157, 1);
}

.dashboard-tile a {
    color: #10689D;
}

/***Header styles***/
.mri-dialog .mri-dialog__header h3 {
    margin-bottom: 0;
}

.mri-dialog__footer{
    padding-top: 0 !important;
}

/***Colors***/
.color-disabled {
    color: #C6CED5;
}

.color-white {
    color: #fff;
}

.color-warning {
    color: #d44700;
}

.color-neutral {
    color: #e7c33d;
}

.color-162029 {
    color: #162029;
}
.color-black {
    color: #162029 !important;
}

.color-text_muted {
    color: #394754 !important;
}

.color-text_landmark {
    color: #044D66 !important;
}

.color-blue {
    color: #10689D !important;
}

.color-bg-transparent-active {
    background-color: #3A9DD233 !important;
}

/***Events page***/
#events-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button {
background-color: transparent;
border: none;
color: #394754;
}

#events-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-today-button {
    line-height: 20px;
    height: 30px;
    width: 73px;
    padding: 5px 17px;
    border-radius: 30px;
    border: 1px solid #909FAE;
    background-color: transparent;
    color: #162029;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

#events-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-dayGridMonth-button {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

#events-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-dayGridWeek-button {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

#events-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-dayGridMonth-button,
#events-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-dayGridWeek-button {
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #909FAE;
}

.fc .fc-button-primary:not(:disabled).fc-button-active {
    background: rgba(58, 157, 210, .2) !important;
}

.fc .fc-button-primary:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus,
.fc .fc-button-primary:not(:disabled):active:focus {
    box-shadow: none !important;
}

.fc .fc-scroller-harness {
    overflow: visible !important;
}

.fc-scroller-harness > .fc-scroller {
    overflow: visible !important;
}

table.fc-scrollgrid.fc-scrollgrid-liquid {
    overflow: auto !important;
}

.fc-dayGridMonth-view.fc-daygrid.fc-view, .fc-dayGridWeek-view.fc-daygrid.fc-view {
    width: 100% !important;
}

.fc-daygrid.fc-dayGridMonth-view.fc-view, .fc-daygrid.fc-dayGridWeek-view.fc-view {
    overflow-x: auto !important;
    overflow-y: hidden;
}

.fc-col-header thead {
    height: 56px;
}

.fc-col-header thead tr th {
    padding: 16px;
}

.fc-col-header thead tr th div a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #607184;
    text-decoration: none;
}

.fc-h-event {
    background-color: transparent !important;
    border: 0 !important;
}

.fc-event-title-container {
    height: 32px;
    padding: 6px 16px;
    background-color: #0D75B0;
    border-radius: 24px;
}

.fc-daygrid-day-number {
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    text-align: right !important;
    text-decoration: none !important;
    color: #607184 !important;
    cursor:pointer;
}

.fc-h-event .fc-event-main-frame {
    padding: 0 2px;
}

.fc-toolbar-chunk:last-child {
    padding-right: 16px;
}

.fc-toolbar-title {
    font-size: 18px !important;
}

.mri-insights__body--default {
    width: 41rem;
}

/***Tabs***/
.tab-content {
    height: calc(100% - 40px);
}
#reportCheckingTable_processing {
    display:none !important;
}
#reportCheckingHistoryTable_processing {
    display: none !important;
}