@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --myreca-color-primary: rgba(69, 112, 180, 1);
    --myreca-color-primary-50: rgba(69, 112, 180, 0.5);
    --myreca-color-secondary: #00ab8e;
    --myreca-color-tertiary: #ff9300;
    --myreca-color-white: rgba(255, 255, 255, 1);
    --myreca-color-black: rgba(0, 0, 0, 1);
    --myreca-color-lightgrey: rgba(170, 170, 170, 0.8);
    --myreca-color-navselected: rgba(203, 232, 255, 1);
    --myreca-color-navselected-50: rgba(203, 232, 255, 0.5);
	--myreca-color-navselected2: #b2ddff;
    --myreca-color-leftnavlevel3background: rgba(222, 183, 125, 0.6);
    --myreca-color-leftnavlevel4background: rgba(222, 183, 125, 0.3);
    --myreca-font-primary: "Inter", sans-serif;
    --myreca-font-secondary: "Inter", serif; /* Lora or Rokkit */
    --myreca-transition-hover: all 300ms ease-in-out;
    --brand-blue: #4570b4;
    --brand-light-blue: #cbe8ff;
    --brand-light-blue-40: #eaf6ff;
    --brand-teal: #00ab8e;
    --brand-teal-35: #a6e2d7;
    --brand-teal-12: #e0f5f1;
    --brand-orange: #ff9300;
    --brand-orange-35: #ffd9a6;
    --brand-orange-12: #fff2e0;
    --brand-cranberry: #894360;
    --brand-cranberry-25: #e1d0d7;
    --brand-cranberry-12: #f1e8ec;
    --brand-black: #000;
    --background-color: #fff;
    --body-color: #4a4a4a;
    --title-color: #000;
    --link-default-color: var(--body-color);
    --link-default-text-decoration: none;
    --brand-success: var(--brand-teal);
    --brand-danger: var(--brand-cranberry);
}

body {
    color: var(--myreca-color-white);
}
body.complaint-portal-sign-in {
    background-color: var(--myreca-color-lightgrey);
    background-image: url(/CPPSignInBackground.jpg);
    background-size: cover;
    background-position: center;
}
body.complaint-portal-sign-in .auth {
    background-color: var(--myreca-color-white);
    padding: 50px;
    max-width: 750px;
    margin: 20px auto;
    box-shadow: 0 0 50px -20px rgba(0, 0, 0, 0.5);
}
body.complaint-portal-sign-in .auth h1 {
    font-size: 56px !important;
}
body.complaint-portal-sign-in .auth a#forgotUsernameButton {
    display: block;
}
body.complaint-portal-sign-in .auth form#form {
    gap: 0 !important;
    display: block !important;
}
body.complaint-portal-sign-in #auth input#identity {
    display: block;
}
body.complaint-portal-sign-in #auth #submit {
    margin-top: 10px;
    border: 1px solid var(--brand-blue);
    border-radius: 5px;
    font-family: var(--reca-font-primary);
    font-weight: 600;
    padding: 6px 20px;
    width: fit-content;
    background-color: var(--brand-blue);
    color: var(--reca-color-black);
    display: block;
}
    
table {
    width: 100%;
}
h1, h2, h3, h4, h5, h6 {
    /* font-family: var(--myreca-font-secondary) !important; */
    font-family: "Inter", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 200 !important;
    font-style: normal;
}
p, table, ul, ol, a {
    /* font-family: var(--myreca-font-primary) !important; */
    font-family: "Inter", sans-serif !important;
    font-optical-sizing: auto;
    /* font-weight: 200 !important; */
    font-weight: 400 !important;
    font-style: normal;
}

/* ---------------------------------------------- */
/* Start Typography */
/* ---------------------------------------------- */

h1, .h1, h2, .h2, h3, .h3, p {
    font-weight: 400 !important;
}
h1.page-title {
    margin-bottom: 30px;
    margin-top: 0;
}
#contactIdLabel {
    font-weight: 500 !important;
    font-size: 18px;
    font-family: "Inter", sans-serif !important;
}

#recaFullNameLabel {
    font-weight: 200 !important;
    font-size: 18px;
    font-family: "Inter", sans-serif !important;
}

#courseType {
    font-weight: 200 !important;
    font-size: 18px;
    font-family: "Inter", sans-serif !important;
}

#bulkUploadLabel {
    font-weight: 200 !important;
    font-size: 18px;
    font-family: "Inter", sans-serif !important;
}

h4#contactIdText,
h4#contactNameText {
    margin-top: 0;
    font-weight: 400 !important;
    font-family: "Inter", sans-serif !important;
}

/* ---------------------------------------------- */
/* End Typography */
/* ---------------------------------------------- */


/* ---------------------------------------------- */
/* Start Containers Styling */
/* ---------------------------------------------- */

.row.top-level-row {
    background-color: var(--myreca-color-navselected);
}
.col-lg-10 {
    border-radius: 10px 0 0 0;
    background-color: var(--myreca-color-white);
}

/* ---------------------------------------------- */
/* End Containers Styling */
/* ---------------------------------------------- */





/* ---------------------------------------------- */
/* Start Header */
/* ---------------------------------------------- */

.skip-to-content {
    display: none; /* Hides default "Skip to content" link */
}
section.page-banner-container {
    background: rgb(201,201,201);
    /* background: linear-gradient(90deg, rgba(201,201,201,1) 0%, rgba(255,255,255,1) 100%); */
    /* background-image: linear-gradient(to right, rgba(255,255,255,0.2) 0%, rgba(255,255,255,1) 65%), url('/cpp-pagebannercontainerbackground2.jpg'); */
    background-image: linear-gradient(to left, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0.2) 30%, rgba(255,255,255,1) 65%), url('/cpp-pagebannercontainerbackground2.jpg');
    background-size: cover;
    background-position: center bottom;
}
.page-banner {
    height: 150px; /* Makes page banner container 150px high */
}
.page-banner > .row {
    height: 100%; /* Makes page banner container 100% of the height of it's parent */
}
.page-banner > .row > .col-md-12 {
    position: relative; /* Makes the child column that hold the site title position relative so that we can position the h1 in the next step */
}
.page-banner > .row > .col-md-12 > h1 { /* Positions the text for the header */
    color: rgba(255,255,255,0.5);
    top: 50%;
    position: absolute;
    transform: translate(0, -50%);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 7rem;
}
.page-banner > .row > .col-md-12 > h2 {
    position: absolute;
    top: 50%;
    transform: translate(21px, -35%);
    color: rgba(255,255,255,1);
    font-weight: 400;
    text-shadow: 0 0 30px rgba(0, 0, 0, 1);
}

/* ---------------------------------------------- */
/* End Header */
/* ---------------------------------------------- */



/* ---------------------------------------------- */
/* Start Navigation */
/* ---------------------------------------------- */

.static-top.navbar-dark .navbar-brand {
    display: none !important;
}
.navbar {
    padding: 0; /* Overrides default padding for navbar */
}
#navbar .dropdown-menu {
    margin-top: 0; /* Overrides default top margin on dropdown menu */
    border: none; /* Removes default menu on dropdown menus */
	box-shadow: 0px 12px 16px 1px rgba(0,0,0,0.2);
}
h1.siteTitle, .static-top.navbar-dark .navbar-brand a h1.siteTitle, .static-top.navbar-dark .navbar-brand a h1.siteTitle > span {
    color: var(--myreca-color-white) !important; /* Overrides site title in navbar text colour */
    font-size: 17px !important; /* Overrides site title in navbar text size */
}
.static-top.navbar-dark {
    background-color: var(--brand-blue) !important; /* Overrides default top nav background colour */
}
.static-top.navbar-dark {
    background-color: var(--brand-blue) !important; /* Overrides default nav background colour */
    border-color: transparent;
    -webkit-box-shadow: none; /* Removes default box shadow on top nav bar */
    -moz-box-shadow: none; /* Removes default box shadow on top nav bar */
    box-shadow: none; /* Removes default box shadow on top nav bar */
}
.navbar-dark .navbar-nav > li > a:hover,
.navbar-dark .navbar-nav > li.dropdown > a:hover,
.navbar-dark .navbar-nav > li.current > a {
    /* background-color: var(--myreca-color-navselected) !important; */ /* Overrides default hover colour on nav items */
    background-color: var(--myreca-color-navselected-50) !important;
    color: var(--myreca-color-black) !important; /* Overrides text hover colour in nav items */
    text-decoration: none !important; /* Overrides default text decoration when hovering over nav items */
}
.navbar-dark .navbar-nav > li.dropdown > a,
.navbar-dark .navbar-nav > li.dropdown > a > ul > li > a,
.navbar-dark .navbar-nav a.dropdown-toggle.show + ul > li > a {
    color: var(--myreca-color-black) !important;
    font-family: "Inter", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 200 !important;
    font-style: normal;
}

/* .navbar-dark .navbar-nav > li.current > ul.dropdown-menu li,
.navbar-dark .navbar-nav > li.current > ul.dropdown-menu li a {
    display: inline-block !important;
} */

.navbar-dark .navbar-nav a.show,
.navbar-dark .navbar-nav a.dropdown-toggle.show {
    color: var(--myreca-color-black) !important; /* Overrides default nav item text colour when showing */
    background-color: var(--myreca-color-navselected) !important; /* Overrides default nav item background colour when showing */
    text-decoration: none !important; /* Overrides default text decoration when nav item showing */
}
.navbar-dark .navbar-nav > li > a, .navbar-dark .navbar-nav > li.dropdown > a {
    color: var(--myreca-color-white) !important; /* Overrides default text colour on nav items */
}
.navbar-dark .navbar-toggler {
    border: 1px solid var(--brand-blue) !important; /* Overrides default nav toggler border color */
}
.navbar-toggler {
    background-color: var(--brand-blue) !important; /* Overrides default nav toggler border color */
}
.static-top.navbar .menu-bar > .navbar-nav > .divider-vertical {
    display: none; /* Hides default nav elements dividers */
}
.navbar-dark .navbar-nav .show.dropdown-menu {
    background-color: var(--myreca-color-tertiary-50) !important; /* Overrides default nav dropdown background colour */
    border-radius: 0 !important; /* Overrides default nav dropdown border radius */
}
.navbar-dark .navbar-nav .show.dropdown-menu > li > a:hover {
    background-color: var(--myreca-color-primary) !important; /* Overrides default dropdown nav item background colour on hover */
    /* background-color: var(--myreca-color-leftnavlevel3background) !important; */
    color: var(--myreca-color-white) !important; /* Overrides default dropdown nav item text colour on hover */
    text-decoration: none !important; /* Overrides default dropdown nav item text decoration on hover */
}
li.nav-item.weblink a {
    background-color: var(--myreca-color-navselected) !important;
    color: var(--myreca-color-black) !important;
}
.navbar-dark .navbar-nav > li > a:hover {
    background-color: var(--myreca-color-navselected) !important; /* Overrides default dropdown nav item background colour on hover */
}
.navbar-dark .navbar-nav .show.dropdown-menu > li > a[aria-label="Pages"] {
    display: none; /* Hides default dropdown nav title "Pages" */
}
.navbar-dark .navbar-nav .dropdown-divider {
    display: none; /* Hides default dropdown nav divider under "Pages" */
}
.static-top.navbar .menu-bar > .navbar-nav > li > a {
    font-size: 0.9rem !important; /* Overrides default nav item text height */
    font-family: "Inter", sans-serif !important;
}
.navbar-dark .navbar-nav .show.dropdown-menu > li > a {
    font-weight: 400 !important; /* Overrides default nav item text weight on dropdown nav items */
}
.navbar-header a:hover {
    text-decoration: none !important; /* Overrrides default underline on hover on the site title */
}
.navbar-dark .navbar-nav a.show:focus, .navbar-dark .navbar-nav a.dropdown-toggle.show:focus {
    outline: none !important; /* Overrrides default outline on nav items when selected */
	height: 51px;
}
.navbar-dark .navbar-nav > li > a:focus, .navbar-dark .navbar-nav > li.dropdown > a:focus {
    background-color: var(--myreca-color-navselected) !important;
    text-decoration: none !important;
    outline: none !important;
    border: none !important;
}
li.dropdown > a[title='Course Provider'] {
    background-color: var(--myreca-color-navselected);
}

/* ---------------------------------------------- */
/* End Navigation */
/* ---------------------------------------------- */





/* ---------------------------------------------- */
/* Start Breadcrumb */
/* ---------------------------------------------- */
nav[aria-label="breadcrumb"] {
    /* border-bottom: 1px solid rgba(220, 220, 220, 1); */
    border-bottom: 1px solid linear-gradient(90deg,rgba(200, 200, 200, 0) 0%, rgba(200, 200, 200, 1) 5%);
    /* background-color: rgba(242, 242, 242, 1); */
    background: linear-gradient(90deg,rgba(220, 220, 220, 0) 0%, rgba(220, 220, 220, 1) 5%);
}
ol.breadcrumb {
    /* padding: 0 22px; */
    padding: 6px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
}
ol.breadcrumb li.breadcrumb-item a {
    color: rgba(100, 100, 100, 1);
    font-weight: 400;
    font-size: 12px;
}
ol.breadcrumb > .active {
    font-weight: 400;
    font-size: 12px;
}
.breadcrumb-item+.breadcrumb-item::before {
    padding-right: 5px !important;
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 5px !important;
}

/* ---------------------------------------------- */
/* End Breadcrumb */
/* ---------------------------------------------- */




/* ---------------------------------------------- */
/* Start Left Navigation */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* Start Left Navigation  - Not Signed In */
/* ---------------------------------------------- */
.left-navigation-col-hide {
    /* background-color: var(--myreca-color-navselected); */
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
	height: 1440px;
    background-color: #FFFFFF;
}
.row.top-level-row-hide {
    background-color: #FFFFFF;
}
/* ---------------------------------------------- */
/* End Left Navigation  - Not Signed In */
/* ---------------------------------------------- */

/* ---------------------------------------------- */
/* Start Left Navigation  - Signed In*/
/* ---------------------------------------------- */
.left-navigation-col {
    /* background-color: var(--myreca-color-navselected); */
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
	height: 1440px;
}
.left-navigation-col ul.left-navigation {
    list-style: none;
    margin: 0;
    padding: 0;
}
.left-navigation-col ul.left-navigation li.left-navigation-item ul {
    /* background-color: var(--myreca-color-leftnavlevel4background); */
    background-color: var(--myreca-color-navselected);
	list-style: none;
    margin: 0;
    padding: 0;
}
.left-navigation-col ul.left-navigation li.left-navigation-item.selected {
    /* background-color: var(--myreca-color-navselected2); */
    background-color: var(--myreca-color-white);
}
.left-navigation-col ul.left-navigation li.left-navigation-item:last-child {
    border-bottom: none;
}
.left-navigation-item.liBeforeSelected + .selected {
    border-bottom: none;
}
.left-navigation-col ul.left-navigation li.left-navigation-item.selected a {
    font-weight: 400 !important;
    color: var(--myreca-color-black);
}
.left-navigation-col ul.left-navigation li.left-navigation-item ul li.left-navigation-item a {
    padding: 8px 8px 8px 30px;
}
.left-navigation-col ul.left-navigation li.left-navigation-item {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.left-navigation-col ul.left-navigation li.left-navigation-item:last-child {
    border-bottom: none;
}
.left-navigation-col ul.left-navigation ul.thirdLevelNavigation li {
    /* border-bottom: 1px solid rgba(0,0,0,0.1); */
    border-bottom: 1px solid linear-gradient(90deg,rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 80%);
}
.left-navigation-col ul.left-navigation ul.thirdLevelNavigation li:last-child {
    border-bottom: none;
}
.left-navigation-col ul.left-navigation li.left-navigation-item:last-child {
    border-bottom: none;
}
.left-navigation-col ul.left-navigation li.left-navigation-item a {
    /* font-weight: 400; */
    font-weight: 600;
    padding: 12px 8px 12px 16px;
    display: block;
    color: var(--myreca-color-black);
    /* font-size: 0.9rem; */
    font-size: 1.1rem;
    text-decoration: none;
}
.left-navigation-col ul.left-navigation li.left-navigation-item:hover a,
.left-navigation-col ul.left-navigation li.left-navigation-item:hover {
    text-decoration: none;
}
.left-navigation-col ul.left-navigation li.left-navigation-item a:hover {
    text-decoration: none !important;
    /* background: RGBA(0, 0, 0, 0.2); */
    background: linear-gradient(90deg,rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    transition: var(--myreca-transition-hover);
    /* color: var(--myreca-color-lightgrey); */
}
ul.thirdLevelNavigation > li > a {
    padding-left: 36px !important;
}
ul.fourthLevelNavigation > li > a {
    padding-left: 60px !important;
    background-color: rgba(255, 255, 255, 0.4) !important;
}
ul.left-navigation li.left-navigation-item.liBeforeSelected,
ul.left-navigation li.left-navigation-item.liAfterSelected {
    background-color: var(--myreca-color-white);
}
ul.left-navigation li.left-navigation-item.liBeforeSelected {
    border-bottom: none;
}
ul.left-navigation li.left-navigation-item.liBeforeSelected a,
ul.left-navigation li.left-navigation-item.liAfterSelected a {
    background-color: var(--myreca-color-navselected);
}
ul.left-navigation li.left-navigation-item.liBeforeSelected a {
    border-radius: 0 0 10px 0;
}
ul.left-navigation li.left-navigation-item.liAfterSelected a {
    border-radius: 0 10px 0 0;
}

ul.thirdLevelNavigation > li:last-child a {
    border-bottom: none !important;
}
ul.thirdLevelNavigation {
    background: RGBA(0, 0, 0, 0.1);
    background: linear-gradient(90deg,rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
}
ul.fourthLevelNavigation {
    background: RGBA(0, 0, 0, 0.2);
    background: linear-gradient(90deg,rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}
ul.thirdLevelNavigation li a,
ul.fourthLevelNavigation li a {
    border-right: none;
}
/* ---------------------------------------------- */
/* End Left Navigation  - Signed In */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* End Left Navigation */
/* ---------------------------------------------- */




/* ---------------------------------------------- */
/* Start Make Navigation Stacked Without Dropdowns on Desktop */
/* ---------------------------------------------- */

@media (min-width: 992px) {
    .navbar-dark .navbar-nav > li > ul.dropdown-menu.show {
        /* display: flex;
        justify-content: flex-end; */
        margin-top: 0 !important;
        position: absolute;
        /* right: 0; */
        background-color: var(--myreca-color-navselected) !important;
        border: none !important;
        border-radius: 0 !important;
        padding: 0;
        /* flex-direction: row; */
    }
    .navbar-dark .navbar-nav > li > ul.dropdown-menu li:focus-visible {
        outline: none !important;
    }
    .navbar-dark .navbar-nav > li > ul.dropdown-menu li a {
        padding: 10px 12px;
        color: var(--myreca-color-white);
        font-family: var(--myreca-font-primary) !important;
        font-weight: 400;
    }
    .navbar-dark .navbar-nav > li > ul.dropdown-menu li a:hover {
        text-decoration: none !important;
        /* background-color: var(--myreca-color-white) !important; */
        background-color: var(--myreca-color-leftnavlevel4background) !important;
        color: var(--myreca-color-black) !important;
        transition: var(--myreca-transition-hover);
        border-radius: 5px 5px 0 0;
    }
    .navbar-dark .navbar-nav > li > ul.dropdown-menu > li > a[aria-current="page"] {
        /* background-color: var(--myreca-color-white) !important; */
        background-color: var(--myreca-color-primary-50) !important;
        color: var(--myreca-color-black) !important;
        /* border-radius: 5px 5px 0 0; */
    }
    .second-level-nav-background {
        height: 10px;
        background-color: var(--myreca-color-navselected);
    }
    .navbar-dark .navbar-nav > li > a {
        border-radius: 5px 5px 0 0;
    }    
}


/* ---------------------------------------------- */
/* End Make Navigation Stacked Without Dropdowns on Desktop */
/* ---------------------------------------------- */






/* ---------------------------------------------- */
/* Start Data Tables */
/* ---------------------------------------------- */

.crmEntityFormView, .entitylist, .modal-content, .popover-content {
    border: none !important; /* Overrrides default border around table and header */
}
.grid-actions {
    border-bottom: none !important; /* Overrrides default line above table header */
}
.crmEntityFormView, .entitylist, .modal-content, .popover-content {
    font-size: 0.75rem;
}
.entitylist label.h4 {
    font-weight: 400;
    font-size: 16px;
}
/* Override default Apply button styling */
/* .button2, .btn-secondary, .btn-default {
    color: var(--myreca-color-tertiary) !important;
    border-color: var(--myreca-color-tertiary) !important;
} */
/* Override default Apply button styling on hover */
.button2:not(.gjs-selected):hover, .btn-secondary:not(.gjs-selected):hover, .btn-default:not(.gjs-selected):hover {
    color: var(--myreca-color-white) !important;
    /* background-color: var(--myreca-color-tertiary) !important;
    border-color: var(--myreca-color-tertiary) !important; */
}

/* Entity grid (table) header styling */
.entity-grid.entitylist table thead {
    background-color: var(--myreca-color-navselected);
}
.entity-grid.entitylist table thead tr th a {
    text-decoration: none;
    font-weight: 400 !important;
    white-space: nowrap;
}



/* ---------------------------------------------- */
/* End Data Tables */
/* ---------------------------------------------- */



/* ---------------------------------------------- */
/* Start Table Pagination */
/* ---------------------------------------------- */

.entity-grid.entitylist ul.pagination li.page-item a.page-link {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: var(--brand-teal-35);
}
.entity-grid.entitylist ul.pagination li.page-item.active a.page-link {
    color: var(--myreca-color-black);
}
.entity-grid.entitylist ul.pagination li.page-item a.page-link:hover {
    text-decoration: none !important;
    font-weight: 400 !important;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover {
    background-color: var(--myreca-color-navselected) !important; /* Overrides default hover colour on pagaination */
    text-decoration: none !important; /* Overrides default text hover state on hover in pagination */
}

/* ---------------------------------------------- */
/* End Table Pagination */
/* ---------------------------------------------- */



/* ---------------------------------------------- */
/* Start Inputs */
/* ---------------------------------------------- */

.form-control:focus {
    border-color: inherit !important;
}
.btn-primary {
    color: var(--myreca-color-white) !important;
}
label.form-label {
    font-weight: 200;
}

/* ---------------------------------------------- */
/* End Inputs */
/* ---------------------------------------------- */




/* ---------------------------------------------- */
/* Start Footer */
/* ---------------------------------------------- */

footer .footer-bottom {
    /* background-color: var(--myreca-color-lightgrey) !important; */
    background-color: var(--myreca-color-navselected) !important;
}
footer .footer-bottom p.smallText {
    font-family: "Inter", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 200 !important;
    font-style: normal;
}

/* ---------------------------------------------- */
/* End Footer */
/* ---------------------------------------------- */





.icon-calendar {
    margin: 4px auto;
}
.input-group-addon, .input-group-addon.active {
    border-radius: .375rem 0 0 .375rem;
}
li.entitylist-filter-option {
    display: inline-block;
    margin-right: 5px;
}
/* .content-panel.card label.entitylist-filter-option-group-label.h4:not(:first-of-type) {
    margin-top: 10px;
}
.content-panel.card label.entitylist-filter-option-group-label.h4:first-of-type {
    margin-top: 0;
} */
.content-panel.card .card-body {
    padding: 0;
}

/* Exam Reporting/ Data tables start */
.examReportingTableContainer{
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

#customFilterWrapper{
    min-width: 270px;
}

#examReportingTable_wrapper{
    max-width: 873px;
}

.dataTables_length{
    display: none;
}

#examReportingTable{
    font-family: var(--reca-font-primary);
    font-weight: 500;
}

#examReportingTable thead tr{
    background-color: var(--myreca-color-navselected);
    font-size: 14px;
    /* font-family: var(--reca-font-primary);
    font-weight: 500; */
}

#examReportingTable tbody{
    font-family: var(--reca-font-primary);
    font-weight: 500;
    font-size: 0.75rem;
}

#examReportingTable_filter label{
    min-width: 260px;
    font-family: var(--reca-font-primary);
    font-weight: 500;
}

#examReportingTable_filter label input{
    min-width: 260px;
}

#examReportingTable_previous{
    text-decoration: none;
}

#examReportingTable_next{
    text-decoration: none;
}

#examReportingTable_previous,
#examReportingTable_previous:hover,
#examReportingTable_next,
#examReportingTable_next:hover {
    text-decoration: none !important;
}

/* Base pagination buttons (non-selected) */
#examReportingTable_paginate a.paginate_button {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0 4px;
    border-radius: 50%;
    font-size: 14px;
    color: #666; /* non-selected text color */
    border: none;
    background: transparent;
    transition: background-color 0.2s ease;
}

/* Active page (current) styled as filled circle */
#examReportingTable_paginate a.paginate_button.current {
    background-color: rgba(0, 123, 255, 0.2); /* light blue fill */
    color: black; /* selected text color */
    font-weight: bold;
    pointer-events: none;
}

/* Hover effect for non-selected pages */
#examReportingTable_paginate a.paginate_button:not(.current):hover {
    /* background-color: rgba(0, 123, 255, 0.1); */
    text-decoration: none;
    cursor: pointer;
}

/* Disabled arrows */
#examReportingTable_paginate a.paginate_button.disabled {
    opacity: 0.3;
    pointer-events: none;
}

#examReportingTable_paginate a.paginate_button:not(.previous):not(.next):hover {
    text-decoration: none !important;
    color: var(--myreca-color-primary) !important;
}

/* Arrows styling */
#examReportingTable_paginate #examReportingTable_previous,
#examReportingTable_paginate #examReportingTable_next {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 4px;
    border-radius: 50%;
    color: #666; /* same as non-selected */
    background: transparent;
    text-decoration: none !important;
}

.datePickerExamReporting{
    max-width: 260px;
}

.datePickerExamReporting label{
    margin-top: 8px;
    font-family: var(--reca-font-primary);
    font-weight: 500;
}

.examReportingButtonContainer{
    display: flex;
    width: 100%;
    max-width: 260px;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
}

#applyDatesButton{
    width: 123px;
    font-family: var(--reca-font-primary);
    font-weight: 500;
}

#clearButton{
    width: 123px;
    font-family: var(--reca-font-primary);
    font-weight: 500;
}

/* Exam Reporting/ Data tables end */

/* Date Picker on Completed learners */

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled button {
    cursor: not-allowed !important;
}

/* End of date picker on completed learners */


/* Confirmation Modal */
#customModalOverlay{
    display:none;
    position:fixed;
    top:0; left:0;
    width:100%; height:100%;
    background-color:rgba(0,0,0,0.5);
    z-index:9998;
}

#customModalBox{
    display:none;
    position:fixed;
    top:50%; left:50%;
    transform:translate(-50%, -50%);
    background:#fff;
    padding:20px;
    border-radius:8px;
    box-shadow:0 4px 10px rgba(0,0,0,0.3);
    z-index:9999;
    max-width:400px;
    text-align:center;
}

#customModalConfirm{
    margin-right:10px;
    width: 95px;
    font-family: var(--reca-font-primary);
}

#customModalCancel{
    width: 95px;
    font-family: var(--reca-font-primary);
}

#customModalTitle{
    font-family: var(--reca-font-primary);
    font-weight: 500;
}

/* End of confirmation modal */

/* relicensing grid */
.enrollGridButtons{
    min-width: 135px;
}

/* End of relicensing grid */