@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.0/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

/* Left vertical navigation icons */
@font-face {
    font-family: 'shopscan';
    src: url('../fonts/shopscan.eot?75ub4s');
    src: url('../fonts/shopscan.eot?75ub4s#iefix') format('embedded-opentype'),
        url('../fonts/shopscan.ttf?75ub4s') format('truetype'),
        url('../fonts/shopscan.woff?75ub4s') format('woff'),
        url('../fonts/shopscan.svg?75ub4s#shopscan') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

i.icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'shopscan', serif !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
i.icon:before {
    min-width: 32px;
    display: inline-block;
    text-align: center;
}
.icon-account-details:before {
    content: "\e900";
}
.icon-account-history:before {
    content: "\e901";
}
.icon-account-statistics:before {
    content: "\e902";
}
.icon-account-achievements:before {
    content: "\e903";
}
.icon-support-getstarted:before {
    content: "\e904";
}
.icon-support-faq:before {
    content: "\e905";
}
.icon-support-downloads:before {
    content: "\e906";
}
.icon-support-helpdesk:before {
    content: "\e907";
}

:root {
    --bs-body-bg: #fafcff;
    --bs-font-sans-serif: sofia-pro-soft, sans-serif;
    --bs-body-color: #032467;
    --bs-gray-300: #e6e6e6;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 75px;
}
html, body {
    min-height: 100vh;
}

body {
    font-family: var(--bs-font-sans-serif), serif;
    font-weight: 300;
    text-align: left;
    padding-top: 5rem;
    opacity: 0;
    background-blend-mode: screen;
    transition: opacity 250ms ease,
        background-blend-mode 250ms ease,
        background-position 500ms ease;
}

body.loaded {
    opacity: 1;
    background-blend-mode: normal;
}

body.modal-open {
    position: fixed;
    top:    0;
    right:  0;
    bottom: 0;
    left:   0;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

h1, .h1 {
    font-size: 2.25rem;
}
h2, .h2 {
    font-size: 2rem;
}
h3, .h3 {
    font-size: 1.25rem;
}
h4, .h4 {
    font-size: 1.25rem;
}
h4.history-month {
    font-size: 1rem;
}

a {
    color: #50acc3;
}
a:hover {
    color: #032467;
}

/** Utilities */
.no-scroll {
    height: 100vh;
    overflow-y: hidden;
    overflow-x: hidden;
}
::selection {
    background: #edf7f9;
}
.color-light {
    color: #cccccc;
}
.text-gray {
    color: #777777;
}
.text-gray300 {
    color: var(--bs-gray-300);
}
.text-gray300 {
    color: var(--bs-gray-300);
}
.text-lightgray {
    color: #d7d7d7;
}
.text-darkgray {
    color: #454545;
}
.text-blue {
    color: #032467;
}
.text-lightblue {
    color: #50acc3;
}
.lead-xs {
    font-size: 1.125rem !important;
    font-weight: 300;
}
.lead-sm {
    font-size: 1.25rem;
    font-weight: 300;
}
.lead {
    font-size: 1.375rem;
    font-weight: 300;
}
.lead-lg {
    font-size: 1.5rem !important;
    font-weight: 300;
}
.fs-7 {
    font-size: 0.875rem;
}
.fs-8 {
    font-size: 0.75rem;
}
.xxlarge {
    font-size: 3.75rem;
    font-weight:300;
}
.large {
    font-size: 1.5rem;
    font-weight: 400;
}
.medium {
    font-size: 0.875rem;
    font-weight: 300;
}
.small {
    font-size: 0.75rem;
    font-weight: 300;
}
.xsmall {
    font-size: 0.625rem;
    font-weight: 300;
}
.rounded-start-1 {
    border-bottom-left-radius: var(--bs-border-radius-sm) !important;
    border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.mt-n1 {
    margin-top: -0.25rem;
}
.mt-n2 {
    margin-top: -0.5rem;
}
.mt-n3 {
    margin-top: -1rem;
}
.mb-n4 {
    margin-bottom: -1.5rem;
}
.lst-circle {
    list-style-type:circle;
    padding-left: 1.5rem;
}
ul, ul.arrowlist {
    padding-left: 1.25rem;
}
ol {
    padding-left: 2.25rem;
    counter-reset: li;
}
ol > li {
    margin-bottom: 0.875rem;
    counter-increment: li;
}
ol > li::marker {
    font-size: 1.125rem;
    font-weight: bold;
    content: counter(li, decimal-leading-zero) " | ";
}
ul.arrowlist li {
    margin-bottom: 0.875rem;
    list-style-type: circle;
}

ul.fileList {
    padding-left: 0.25rem;
    margin-bottom: 0;
}
ul.fileList li {
    color: #000000; font-size: 0.875rem;
    list-style: none;
    padding: 0.875rem 0;
    border-top: 1px solid #e6e6e6;
    line-height: 1;
}
ul.fileList li:before {
    content: "\F42A";
    display: inline-block;
    font-size: 125%;
    margin: 0 10px 0 5px;
    font-display: block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
ul.fileList li strong {
    display: inline-block;
    font-weight: 300;
    width: 70%;
}
ul.fileList li .removeFile {
    display: inline-block;
    font-size: 125%;
}

/* International telephone */
.iti {
    width: 100%;
}
.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
}

/* Sections */
.bg-container-light {
    position: relative;
    background-color: var(--bs-white) !important;
    box-shadow: 0 3px 16px -8px rgba(3, 36, 103, 0.1);
    -webkit-box-shadow: 0 3px 16px -8px rgba(3, 36, 103, 0.1);
    -moz-box-shadow: 0 3px 16px -8px rgba(3, 36, 103, 0.1);
    z-index: 1;
}
.bg-container-light::before {
    background-color: var(--bs-white) !important;
    position: absolute;
    content: ""; z-index: 0;
    height: 100%; width: 100%;
    left: -100%; top: 0;
    box-shadow: 0 3px 16px -16px rgba(3, 36, 103, 0.1);
    -webkit-box-shadow: 0 3px 16px -16px rgba(3, 36, 103, 0.1);
    -moz-box-shadow: 0 3px 16px -16px rgba(3, 36, 103, 0.1);
}
.bg-container-light::after {
    background-color: var(--bs-white) !important;
    position: absolute;
    content: ""; z-index: 0;
    height: 100%; width: 100%;
    right: -100%; top: 0;
    box-shadow: 0 3px 16px -8px rgba(3, 36, 103, 0.1);
    -webkit-box-shadow: 0 3px 16px -16px rgba(3, 36, 103, 0.1);
    -moz-box-shadow: 0 3px 16px -16px rgba(3, 36, 103, 0.1);
}

/** Navbar */
.bg-light {
    background-color: var(--bs-white) !important;
    box-shadow: 0 3px 16px 0 rgba(3, 36, 103, 0.1);
    -webkit-box-shadow: 0 3px 16px 0 rgba(3, 36, 103, 0.1);
    -moz-box-shadow: 0 3px 16px 0 rgba(3, 36, 103, 0.1);
}
.bg-lilac {
    background-color: var(--bs-body-bg);
    /*box-shadow: 0 3px 16px 0 rgba(3, 36, 103, 0.1);
    -webkit-box-shadow: 0 3px 16px 0 rgba(3, 36, 103, 0.1);
    -moz-box-shadow: 0 3px 16px 0 rgba(3, 36, 103, 0.1);*/
    z-index: 0;
}
.navbar-light .navbar-toggler {
    border: none;
}
button.navbar-toggler:focus {
    border: none; outline: 0;
    -webkit-appearance: none;
    box-shadow: none;
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg id='menu_black_24dp-2' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath id='Path_35' data-name='Path 35' d='M0,0H32V32H0Z' fill='none'/%3E%3Cpath id='Path_36' data-name='Path 36' d='M4.333,22H25.667a1.333,1.333,0,0,0,0-2.667H4.333a1.333,1.333,0,0,0,0,2.667Zm0-6.667H25.667a1.333,1.333,0,0,0,0-2.667H4.333a1.333,1.333,0,1,0,0,2.667ZM3,7.333A1.337,1.337,0,0,0,4.333,8.667H25.667a1.333,1.333,0,0,0,0-2.667H4.333A1.337,1.337,0,0,0,3,7.333Z' transform='translate(1 2)' fill='%23454545'/%3E%3C/svg%3E%0A");
    width: 1.6em;
    height: 1.6em;
}
.fixed-top {
    height: 75px;
}
.navbar-brand img.img-fluid {
    width: 205px;
}
.navbar-brand.profile-icon-wrapper {
    padding: 0;
    border: 2px solid #50acc3;
    border-radius: 20px;
    display: inline-block;
    width: 40px; height: 40px;
}
.navbar-brand .profile-icon.roundel {
    width: 36px;
    border-radius: 18px;
    border: 1px solid #ffffff;
}

.profile-icon-holder .profile-icon-wrapper,
.card .profile-icon-wrapper {
    padding: 0;
    border: 4px solid #50acc3;
    border-radius: 50%;
    display: inline-block;
    /*width: 40px; height: 40px;*/
}
.profile-icon-holder .profile-icon-wrapper .profile-icon.roundel,
.card .profile-icon-wrapper .profile-icon.roundel {
    /*width: 36px;*/
    border-radius: 50%;
    border: 4px solid transparent;
}
.profile-icon-holder #output.roundel {
    object-fit: cover;
    width: 150px; height: 150px;
}
.profile-icon-edit {
    position: absolute;
    right: 0; bottom: 0;
    width: 50px; height: 50px;
    background-color: #50acc3;
    border-radius: 50%;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.profile-icon-edit .edit-label {
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    width: 100%;
    font-size: 1.425rem;
    cursor: pointer;
}

.navbar-brand svg {
    vertical-align: text-top;
}
#navbarTop {
    position: fixed;
    background: #2e9cb7;
    background: transparent -moz-linear-gradient(327deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-linear-gradient(327deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(327deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    padding: 45px 35px 35px;
    top: 0; left: 0;
    width: 100vw;
    max-width: 500px;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.blur-overlay.show {
    background-color: rgba(41, 128, 34, 0.3);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
    width: 100vw !important;
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
}
#navbarTop .close {
    content: "";
    filter: invert(1) grayscale(100%) brightness(200%);
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.8em auto no-repeat;
    width: 0.8em; height: 0.8em;
    position: absolute;
    top: 30px; right: 30px;
    opacity: 1;
}
#navbarTop .nav-item {
    border-bottom: 1px solid #ffffff;
    margin: 0;
}
#navbarTop .nav-item .btn-link:focus {
    box-shadow: none;
}
#navbarTop .nav-item .nav-link {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.1;
    color: #ffffff;
    padding: 1.5675rem 0;
    font-weight: unset;
}
#navbarTop .nav-item .nav-link.active {
    font-weight: 400 !important;
}
#navbarTop .nav-item ul#navbarLogoutConfirm  {
    list-style: none;
    position: absolute;
    display: block; padding: 0;
    top: 0; left: 0;
    right: 0; bottom: 0;
    background: #2e9cb7;
    background: transparent -moz-linear-gradient(327deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-linear-gradient(327deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(327deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 350ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 350ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 350ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 350ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 350ms cubic-bezier(0.4, 0, 0.2, 1);
}
#navbarTop .nav-item ul#navbarLogoutConfirm label {
    cursor: pointer;
    width: 100%;
    color: #ffffff;
    padding: 30px 40px;
    font-size: 1.75rem;
}
#navbarTop .nav-item ul#navbarLogoutConfirm.active  {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
#navbarTop .nav-item ul#navbarLogoutConfirm .logout-confirm-dialogue {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 40px;
}

.navbar-vertical-left {
    /*position: relative;*/
    position: fixed;
    left: 0; padding-left: 2rem;
    background: #2e9cb7;
    background: transparent -moz-linear-gradient(156deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-linear-gradient(156deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(156deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    color: #ffffff;
    margin-top: -4px;
    max-width: 32.667%;
    /*min-height: calc(100vh - 176px);*/
    min-height: 100%;
    z-index: 2;
}
.navbar-vertical-left::before {
    background: #2e9cb7;
    background: transparent -moz-linear-gradient(156deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-linear-gradient(156deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(156deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: -100%;
    top: 0;
}
.navbar-vertical-left .nav-link {
    padding: 1rem 0;
    font-size: 1.375rem;
}
.navbar-vertical-left .nav-link i.icon,
.navbar-vertical-left .nav-link i.bi {
    font-size: 2rem;
    margin-right: 1rem;
    line-height: 1;
    vertical-align: text-bottom;
}
.navbar-vertical-left a {
    color: #e6e6e6;
}
.navbar-vertical-left a:hover,
.navbar-vertical-left a:active,
.navbar-vertical-left a:focus,
.navbar-vertical-left .nav-link.active {
    color: #ffffff;
}
.navbar-vertical-left .nav-link.active {
    font-weight: 500;
}

.navbar-vertical-index {
    /* empty */
}
.navbar-vertical-index .nav-item {
    border-top: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
}
.navbar-vertical-index .nav-item + .nav-item {
    border-top: none;
}
.navbar-vertical-index .nav-link {
    position: relative;
    font-weight: 400;
    padding: 1.25rem 0;
    font-size: 1.25rem;
}
.navbar-vertical-index .nav-link::after {
    color: #a6a6a6;
    font-size: 0.875rem;
    content: "\f285";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    right: 15px; top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.navbar-vertical-index .nav-link i.icon,
.navbar-vertical-index .nav-link i.bi {
    font-size: 2rem;
    margin-right: 1rem;
    line-height: 1;
    vertical-align: text-bottom;
}
.navbar-vertical-index a:hover,
.navbar-vertical-index a:active,
.navbar-vertical-index a:focus,
.navbar-vertical-index .nav-link.active {
    color: #032467;
}

.nav-tabs-history {
    border-bottom: none;
    color: #454545;
}
.nav-tabs-history sep {
    margin: 0 15px;
}
.nav-tabs-history a {
    color: #454545;
}
.nav-tabs-history a.active {
    color: #50acc3;
    font-weight: bold;
}

.btn-hollow-white {
    padding: 1.5625rem;
    font-size: 1.375rem;
    color: #ffffff;
    border: 2px solid #ffffff;
    background-color: transparent;
    width: 100%;
}
.btn-hollow-white:hover {
    color: #032467;
    background-color: #ffffff;
    border: 2px solid #ffffff;
}

/** Background */
body.scroll-background {
    background-position: right bottom 100px;
    /*animation: move-bg 0.5s 1;*/
}
body.scrolling-background {
    background-attachment: scroll;
    /*animation: move-bg 0.5s 1;*/
}
@keyframes move-bg {
    0% { background-position: right top; }
    100% { background-position: right bottom 100px; }
}

/** Content **/
main {
    /*min-height: calc(100vh - 150px);*/
    min-height: calc(100vh - 100px);
}

img.hero-spacer {
    width: 100%;
    max-width: 100%;
    height: auto;
    background-attachment: scroll;
}

.grid-cards.dashboard-cards .card .fs-username {
    font-size: 2.25rem;
}
.grid-cards.dashboard-cards .card .text-blue {
    font-size: 1.125rem;
}
.grid-cards.dashboard-cards .card h6 {
    font-size: 1rem;
    margin: 0.875rem 0 1rem;
}
.grid-cards.column-card .card.card-reminder h6,
.grid-cards.dashboard-cards .card.card-reminder h6 {
    font-size: 1rem;
    margin: 1.5rem 0 1rem;
}
.panel-score-indicator .panel-score,
.grid-cards.dashboard-cards .card .panel-score {
    font-size: 3.5rem;
    line-height: 1;
}
.card-pointsbalance .fs-rewardpoints {
    font-size: 4.5rem;
    line-height: 1;
}
.grid-cards.dashboard-cards .card-pointsbalance .fs-rewardpoints {
    font-size: 4.5rem;
}
.grid-cards.column-card .card-reminder .fs-day,
.grid-cards.dashboard-cards .card-reminder .fs-day {
    font-size: 1.125rem;
}
.grid-cards.column-card .card-reminder .fs-date,
.grid-cards.dashboard-cards .card-reminder .fs-date {
    font-size: 3rem;
    line-height: 1em;
    margin-bottom: 1.875rem;
}

.grid-cards.reward-partners .card {
    /*height: 120px;*/
}
.grid-cards.privacy-menu .card {
    height: 175px;
}
.grid-cards .card {
    border: none;
    border-radius: 4px;
    background-color: #ffffff;
    padding: 0.625rem;
    box-shadow: 0 2px 6px 0 rgba(3, 36, 103, 0.1);
    -webkit-box-shadow: 0 2px 6px 0 rgba(3, 36, 103, 0.1);
    -moz-box-shadow: 0 2px 6px 0 rgba(3, 36, 103, 0.1);
}
.grid-cards .card.card-link {
    border: 1px solid #ffffff;
}
.grid-cards .card.card-link:hover {
    border: 1px solid #e5f7fc;
    box-shadow: 0 3px 8px rgba(3, 36, 103, 0.3);
    -webkit-box-shadow: 0 3px 8px rgba(3, 36, 103, 0.3);
    -moz-box-shadow: 0 3px 8px rgba(3, 36, 103, 0.3);
}
.grid-cards .card.card-link:hover a {
    font-weight: 500;
}
.grid-cards .card img.card-img-top {
    border: none;
}
.grid-cards.grid-cards-header .card {
    padding: 0;
}
.grid-cards.grid-cards-header .card .card-header {
    font-size: 1.25rem;
    font-weight: 400;
    padding: 1rem 1.5rem;
    min-height: 92px;
}
.grid-cards .card hr {
    margin: 0.25rem 0 1.25rem;
}
.grid-cards .card .card-header {
    background-color: #ffffff;
    border-bottom: 1px solid #e6e6e6;
}
.grid-cards .card .card-header .icon-column {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
}
.grid-cards #files1.card .card-header .icon-column {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60.792' height='62.1' viewBox='0 0 60.792 62.1'%3E%3Cg id='Group_3412' data-name='Group 3412' transform='translate(1515.307 -1042.5)'%3E%3Cpath id='Path_2597' data-name='Path 2597' d='M88.295,96.532a.64.64,0,0,0,1.094.454l1.465-1.468,2.1,2.108a.64.64,0,0,0,.9,0l0,0,2.1-2.108,2.1,2.108a.64.64,0,0,0,.9,0l0,0,2.1-2.108,2.1,2.108a.64.64,0,0,0,.9,0l0,0,2.1-2.108,1.465,1.468a.64.64,0,0,0,1.094-.454V70.194a.64.64,0,0,0-1.094-.451l-1.465,1.465-2.1-2.1a.64.64,0,0,0-.9,0l0,0-2.1,2.1-2.1-2.1a.64.64,0,0,0-.9,0l0,0-2.1,2.1-2.1-2.1a.64.64,0,0,0-.9,0l0,0-2.1,2.1-1.465-1.465a.64.64,0,0,0-1.094.451Z' transform='translate(-1574.518 996.47)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_188' data-name='Line 188' x2='7.677' transform='translate(-1482.385 1072.796)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_189' data-name='Line 189' x2='5.118' transform='translate(-1482.385 1077.603)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_190' data-name='Line 190' x2='6.398' transform='translate(-1482.385 1083.099)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_192' data-name='Line 192' x2='1.28' transform='translate(-1470.869 1072.796)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_193' data-name='Line 193' x2='1.28' transform='translate(-1470.869 1077.603)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_194' data-name='Line 194' x2='1.28' transform='translate(-1470.869 1083.099)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_2598' data-name='Path 2598' d='M112.295,111.314V115.1a.64.64,0,0,0,1.094.454l1.465-1.468,2.1,2.108a.64.64,0,0,0,.9,0l0,0,2.1-2.108,2.1,2.108a.64.64,0,0,0,.9,0l0,0,2.1-2.108,2.1,2.108a.64.64,0,0,0,.9,0l0,0,2.1-2.108,1.465,1.468a.64.64,0,0,0,1.094-.454V88.761h-6.481' transform='translate(-1588.282 987.117)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_2599' data-name='Path 2599' d='M33.186,39.119l-2.673-7.672L18.2,53.046,10.5,42.246,1.623,60.417' transform='translate(-1515.571 1021.952)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_2600' data-name='Path 2600' d='M32.234,24.578a3.6,3.6,0,1,0-3.6-3.6v0A3.6,3.6,0,0,0,32.234,24.578Z' transform='translate(-1533.941 1031.522)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_2601' data-name='Path 2601' d='M25.185,40.1H2.3A1.8,1.8,0,0,1,.5,38.3V2.3A1.8,1.8,0,0,1,2.3.5h36a1.8,1.8,0,0,1,1.8,1.8V19.609' transform='translate(-1514.807 1043)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}
.grid-cards #files2.card .card-header .icon-column {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='61.4' height='62' viewBox='0 0 61.4 62'%3E%3Cg id='Group_3413' data-name='Group 3413' transform='translate(1311.671 -1243.263)'%3E%3Cpath id='Path_2602' data-name='Path 2602' d='M241.938,241.126l-3.107-8.916-14.311,25.1-8.941-12.55-10.321,21.116' transform='translate(-1515.512 1023.557)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_2603' data-name='Path 2603' d='M236.452,226.508a4.184,4.184,0,1,0-4.184-4.184v0A4.184,4.184,0,0,0,236.452,226.508Z' transform='translate(-1532.481 1032.397)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_2604' data-name='Path 2604' d='M231.707,247.281H206.228a2.092,2.092,0,0,1-2.092-2.092V203.355a2.092,2.092,0,0,1,2.092-2.092h41.834a2.093,2.093,0,0,1,2.092,2.092v19' transform='translate(-1514.807 1043)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_2605' data-name='Path 2605' d='M309.951,270.657h-19.33a3.717,3.717,0,0,0-3.717,3.717v24.739a7.026,7.026,0,0,1-2.81,5.621l-.164.123h19.33l.164-.123a7.026,7.026,0,0,0,2.81-5.621V274.579a3.866,3.866,0,0,1,3.346-3.911,3.717,3.717,0,0,1,4.089,3.717v5.2a1.487,1.487,0,0,1-1.487,1.487h-5.948' transform='translate(-1564.939 999.407)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_196' data-name='Line 196' x2='3.717' transform='translate(-1274.318 1276.011)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_197' data-name='Line 197' x2='8.178' transform='translate(-1271.344 1280.472)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_198' data-name='Line 198' x2='11.152' transform='translate(-1274.318 1286.472)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_199' data-name='Line 199' x2='11.152' transform='translate(-1274.318 1292.394)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_202' data-name='Line 202' x2='6.691' transform='translate(-1274.318 1298.315)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.grid-cards #files3.card .card-header .icon-column {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56.347' height='64' viewBox='0 0 56.347 64'%3E%3Cg id='Group_3414' data-name='Group 3414' transform='translate(1086.105 -1137.872)'%3E%3Cpath id='Path_2606' data-name='Path 2606' d='M520.624,223.744l-4.012-11.513-4.91,8.613-3.068-4.306-3.542,7.246' transform='translate(-1560.811 970.796)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_2607' data-name='Path 2607' d='M519.813,209.127a1.81,1.81,0,1,0-1.81-1.81h0A1.81,1.81,0,0,0,519.813,209.127Z' transform='translate(-1571.403 972.247)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Crect id='Rectangle_1438' data-name='Rectangle 1438' width='19.906' height='19.906' rx='2.69' transform='translate(-1057.923 1175.04)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_2608' data-name='Path 2608' d='M541.559,215.055h3.577a.905.905,0,0,1,.9.9v18.1a.905.905,0,0,1-.9.9h-18.1a.9.9,0,0,1-.9-.9V232.1' transform='translate(-1576.799 965.911)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_2609' data-name='Path 2609' d='M452.039,145.835l-4.157,3.118a1.165,1.165,0,0,1-1.4,0l-8.624-6.467-6.234,5.343a1.153,1.153,0,0,1-1.923-.885V98.2a2.331,2.331,0,0,1,2.331-2.331h30.3a2.331,2.331,0,0,1,2.331,2.331v29.582' transform='translate(-1514.807 1043)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_203' data-name='Line 203' x2='9.323' transform='translate(-1079.278 1150.525)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_204' data-name='Line 204' x2='12.819' transform='translate(-1079.278 1157.517)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Line_205' data-name='Line 205' x2='13.984' transform='translate(-1079.278 1164.509)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_2610' data-name='Path 2610' d='M511.692,128.78a.583.583,0,1,1-.583.583.582.582,0,0,1,.583-.583' transform='translate(-1568.828 1021.162)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_2611' data-name='Path 2611' d='M511.692,149.565a.583.583,0,1,1-.583.583.582.582,0,0,1,.583-.583' transform='translate(-1568.828 1007.37)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_2612' data-name='Path 2612' d='M511.692,170.349a.583.583,0,1,1-.583.583.582.582,0,0,1,.583-.583' transform='translate(-1568.828 993.578)' fill='none' stroke='%232ba3ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#fileUpload .grid-cards .card-body p {
    min-height: 50px;
}

.grid-cards.notification-cards .accordion-button {
    padding: 0 0 0.5rem;
    font-size: 0.875rem;
}
.grid-cards.notification-cards .card-text {
    margin-right: 1.5rem;
    font-size: 0.875rem;
    line-height: 1.3;
    transition: ease 200ms;
}
.grid-cards.notification-cards .card-text p {
    margin-bottom: 0.5rem;
}
.grid-cards.notification-cards .card-footer {
    padding: .5rem 1rem;
    background-color: #ffffff;
    border-top: 1px solid #e6e6e6;
    font-size: 0.625rem;
}

.blue-underline {
    position: relative;
    margin-bottom: 1.5rem;
}
.blue-underline::after {
    content: "";
    position: absolute;
    height: 3px;
    background-color: #2e9cb7;
    bottom: 0; left: 0; right: 0;
    width: 1.5rem;
    margin: 0 auto -10px auto;
}

.card-header-blue {
    background: #2e9cb7;
    background: transparent -moz-linear-gradient(98deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-linear-gradient(98deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(98deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
}
.card-blue {
    color: #ffffff;
    background: #2e9cb7;
    background: transparent -moz-linear-gradient(313deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-linear-gradient(313deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(313deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    border: none;
}
.card-blue-vertical {
    color: #ffffff;
    background: #2e9cb7;
    background: transparent -moz-linear-gradient(313deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-linear-gradient(313deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(313deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    border: none;
}
.card-header-purple {
    background: #015f77;
    background: transparent -moz-linear-gradient(273deg, #015f77 0%, #047798 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-linear-gradient(273deg, #015f77 0%, #047798 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(273deg, #015f77 0%, #047798 100%) 0% 0% no-repeat padding-box;
}
.card-purple {
    color: #ffffff;
    background: #015f77;
    background: transparent -moz-linear-gradient(273deg, #015f77 0%, #047798 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-linear-gradient(273deg, #015f77 0%, #047798 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(273deg, #015f77 0%, #047798 100%) 0% 0% no-repeat padding-box;
    border: none;
}
.card-purple-vertical {
    color: #ffffff;
    background: #2e9cb7;
    background: transparent -moz-linear-gradient(110deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-linear-gradient(110deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(110deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    border: none;
}
.card-transparent {
    background-color: transparent !important;
    background: transparent;
    border: none;
}
.card-flat {
    box-shadow: unset !important;
    -webkit-box-shadow: unset !important;
    -moz-box-shadow: unset !important;
}

.card-purple-vertical > hr {
    opacity: 0.5;
}

.accordion-item {
    border: 1px solid #bebebe;
    background-color: transparent;
}
.accordion-button {
    padding: 1rem 0;
    color: #032467;
    font-weight: 300;
    font-size: 1.25rem;
    /*font-size: 1rem;*/
    background-color: transparent;
}
.accordion-button:not(.collapsed) {
    color: #032467;
    background-color: transparent;
    box-shadow: none;
    font-weight: 400;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23032467'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23BEBEBE'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:focus {
    border: none;
    box-shadow: none;
}
.accordion-collapse {
    transition: ease 200ms;
}
.accordion-body {
    padding: 0 0 0.4375rem 0;
    color: #032467;
    font-size: 1.125rem;
}

#gridNotification .accordion-button:not(.collapsed) {
    font-weight: 300;
}

.row.top-sidenav-spacer {
    min-height: unset;
}
.row.bottom-spacer {
    min-height: 175px;
}
.row.bottom-spacer-narrow {
    min-height: 100px;
}
.row.bottom-spacer-slim {
    min-height: 50px;
}

.table {
    color: var(--bs-body-color);
    /*--bs-table-striped-color: #ffffff;*/
    /*--bs-table-striped-bg: rgba(150, 139, 242, 0.9);*/
    --bs-table-striped-color: #032467;
    /*--bs-table-striped-bg: rgba(43, 163, 255, 0.1);*/
    --bs-table-striped-bg: #edf7f9;
    --bs-table-bg: #ffffff;
}
.table-striped > tbody > tr:nth-of-type(2n+1) > * {
    /*background: rgb(150,139,242);
    background: -moz-linear-gradient(90deg, rgba(150,139,242,1) 0%, rgba(121,105,230,1) 20%, rgba(94,125,239,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(150,139,242,1) 0%, rgba(121,105,230,1) 20%, rgba(94,125,239,1) 100%);
    background: linear-gradient(90deg, rgba(150,139,242,1) 0%, rgba(121,105,230,1) 20%, rgba(94,125,239,1) 100%);*/
}
.table-responsive-lg .table {
    /*min-width: 672px;*/
    min-width: 912px;
}

.table-history {
    --bs-table-bg: transparent;
}
.table-history > :not(:first-child) {
    border-top: 1px solid #bebebe;
}
.table-history th {
    color: #454545;
    font-size: 0.75rem;
    font-weight: 300;
}
.table-history td {
    font-size: 1.125rem;
    font-weight: 400;
}

.text-bubble:after {
    content: "";
    position: absolute;
    bottom: -21px; left: 0;
    height: 22px; width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
}
.text-bubble {
    position: relative;
    line-height: 1.4;
    border-radius: 25px !important;
}
.text-bubble-lilac {
    background: rgb(132,122,238);
    background: -moz-linear-gradient(135deg, rgba(132,122,238,1) 0%, rgba(128,118,236,1) 40%, rgba(123,113,235,1) 60%, rgba(118,108,234,1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(132,122,238,1) 0%, rgba(128,118,236,1) 40%, rgba(123,113,235,1) 60%, rgba(118,108,234,1) 100%);
    background: linear-gradient(135deg, rgba(132,122,238,1) 0%, rgba(128,118,236,1) 40%, rgba(123,113,235,1) 60%, rgba(118,108,234,1) 100%);
}
.text-bubble-blue {
    background: rgb(43,163,255);
    background: -moz-linear-gradient(135deg, rgba(43,163,255,1) 0%, rgba(43,163,255,1) 40%, rgba(61,172,252,1) 60%, rgba(99,191,247,1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(43,163,255,1) 0%, rgba(43,163,255,1) 40%, rgba(61,172,252,1) 60%, rgba(99,191,247,1) 100%);
    background: linear-gradient(135deg, rgba(43,163,255,1) 0%, rgba(43,163,255,1) 40%, rgba(61,172,252,1) 60%, rgba(99,191,247,1) 100%);
}
.text-bubble-start:after {
    background-image: url(../img/bottom-text-bubble-start.png);
    background-position: right 40px top;
}
.text-bubble-center:after {
    background-image: url(../img/bottom-text-bubble-center.png);
    background-position: left 40px top;
    bottom: -22px; height: 23px;
}
.text-bubble-end:after {
    background-image: url(../img/bottom-text-bubble-end.png);
    background-position: left 40px top;
}


/* Forms */
.form-intro-label {
    font-size: 1.375rem;
    font-weight: 500;
}
.form-label {
    font-size: 1.125rem;
    font-weight: 400;
}
.form-check-label {
    font-size: 1rem;
}
.btn {
    border-radius: 0.25rem;
}
.btn.btn-primary {
    color: #332a07;
    font-size: 1.375rem;
    padding: 1rem 1rem;
    background: #eaab00;
    background: transparent -moz-linear-gradient(276deg, #eaab00 0%, #eac900 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-linear-gradient(276deg, #eaab00 0%, #eac900 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(276deg, #eaab00 0%, #eac900 100%) 0% 0% no-repeat padding-box;
    border-color: #eac900 !important;
    border: none;
}
.btn.btn-primary:hover {
    background: #4f96a8;
    background: transparent -moz-linear-gradient(281deg, #4f96a8 0%, #50acc3 19%, #5fcbe6 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-linear-gradient(281deg, #4f96a8 0%, #50acc3 19%, #5fcbe6 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(281deg, #4f96a8 0%, #50acc3 19%, #5fcbe6 100%) 0% 0% no-repeat padding-box;
    border-color: #5fcbe6 !important;
}

.btn.btn-primaryReward {
    color: #332a07;
    font-size: 1.375rem;
    padding: 1rem 1rem;
    background: #eaab00;
    background: -moz-linear-gradient(276deg, #eaab00 0%, #eac900 100%);
    background: -webkit-linear-gradient(276deg, #eaab00 0%, #eac900 100%);
    background: linear-gradient(276deg, #eaab00 0%, #eac900 100%);
    border-color: #eac900 !important;
    border: none;
}
.btn.btn-primaryReward:hover {
    background: #4f96a8;
    background: -moz-linear-gradient(281deg, #4f96a8 0%, #50acc3 19%, #5fcbe6 100%);
    background: -webkit-linear-gradient(281deg, #4f96a8 0%, #50acc3 19%, #5fcbe6 100%);
    background: linear-gradient(281deg, #4f96a8 0%, #50acc3 19%, #5fcbe6 100%);
    border-color: #5fcbe6 !important;
}
.btn.btn-primaryReward:focus,
.btn.btn-primaryReward:active {
    background: linear-gradient(276deg, #eaab00 0%, #eac900 100%) !important;
    border-color: #eac900 !important;
    outline: none !important;
    box-shadow: none !important;
}

.btn.btn-primary {
    color: #332a07;
    font-size: 1.375rem;
    padding: 1rem 1rem;
    background: transparent linear-gradient(276deg, #eaab00 0%, #eac900 100%) 0% 0% no-repeat padding-box;
    border: none;
    transition: background 0.3s ease;
}

.btn.btn-primary:hover,
.btn.btn-primary.hovered {
    background: transparent linear-gradient(281deg, #4f96a8 0%, #50acc3 19%, #5fcbe6 100%) 0% 0% no-repeat padding-box;
}

.btn.btn-secondary {
    background: #ffffff;
    border: 2px solid #eac900;
    color: #332a07;
    font-size: 1.375rem;
    padding: 1rem 1rem;
}
.btn.btn-secondary:hover {
    border: 2px solid #50acc3;
    color: #50acc3;
}
.btn.btn-black {
    background: #000000;
    border: 2px solid #000000;
    color: #ffffff;
    font-size: 1.375rem;
    padding: 1rem 1rem;
}
.btn.btn-white {
    background: #ffffff;
    border: 2px solid #ffffff;
    color: #032467;
    font-size: 1.375rem;
    padding: 1rem 1rem;
}
.btn.btn-white:hover {
    background: #f2f2f2;
    border: 2px solid #f2f2f2;
    color: #032467;
}
.btn.btn-transparent {
    background: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    font-size: 1.375rem;
    padding: 1rem 1rem;
}
.btn.btn-transparent:hover {
    background: #61b4c9;
    border: 2px solid #ffffff;
    color: #ffffff;
}
.btn.btn-outline-white {
    background: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    font-size: 1.125rem;
    padding: 1rem 1rem;
}
.btn.btn-next {
    border-width: 2px;
    border-style: solid;
}
.btn.btn-sm {
    padding: 0.75rem;
}
.btn.btn-md {
    padding: 1rem;
}
.btn.btn-lg {
    padding: 1.25rem 1rem;
}
.btn.disabled, .btn:disabled {
    color: #ffffff;
    background: #777777;
    border-color: #777777 !important;
    opacity: 1;
}
.btn:focus, .btn:active:focus {
    box-shadow: none;
}
.btn.btn-flat-top::before {
    content: "";
    position: absolute;
    height: 8px; width: 100%;
    top: -4px; left: 0;
    margin: 0 2px;
}
.btn.btn-flat-top {
    font-size: 1.125rem;
    position: relative;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}
.btn.btn-card-bottom {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}
.btn .bi {
    font-size: 1.125rem;
    font-weight: 100;
    margin-right: 0.25rem;
    vertical-align: text-top !important;
}

.form-control {
    font-size: 1.25rem;
    padding: 1.25rem 1.2rem;
    color: #032467;
    border: 1px solid #bebebe;
}
.form-control:disabled {
    color: #a6a6a6;
    opacity: 1;
    background-color: #fff;
}
.form-control:focus {
    color: #032467;
    border: 1px solid #777777;
    box-shadow: none;
}
.form-control::placeholder {
    color: #454545;
    font-size: 1.25rem;
    font-style: italic;
    font-weight: normal;
}
.form-select:not(.bootstrap-select) {
    font-family: var(--bs-font-sans-serif);
    font-size: 1.25rem;
    padding: 1.25rem 1.2rem;
    color: #454545;
    border: 1px solid #bebebe;
    font-style: italic;
}
.form-select:not(.bootstrap-select):focus {
    color: #032467;
    border: 1px solid #777777;
    box-shadow: none;
}
.form-select:not(.bootstrap-select) option {
    font-family: inherit !important;
    color: #032467;
    font-style: normal;
    font-size: 1rem;
}
.form-check:not(.form-switch) .form-check-input:not([type=radio]) {
    width: 1.2em;
    height: 1.2em;
    border: 2px solid #bebebe;
    background-size: 12px 8.5px;
}
.form-check:not(.form-switch) .form-check-input:not([type=radio]):focus {
    border: 2px solid #50acc3;
    box-shadow: none;
}
.form-check:not(.form-switch) .form-check-input:not([type=radio]):checked {
    background-color: #fbfaff;
    border-color: #50acc3;
}
.form-check:not(.form-switch) .form-check-input[type="radio"]:checked {
    background-color: #50acc3;
    border-color: #50acc3;
}
.form-check:not(.form-switch) .form-check-input[type="radio"]:focus {
    box-shadow: 0 0 0 .25rem rgba(80, 172, 195, 0.25);
}
.form-check:not(.form-switch) .form-check-input[type="checkbox"] {
    border-radius: 2px;
}
.form-check:not(.form-switch) .form-check-input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.453' height='9.276' viewBox='0 0 11.453 9.276'%3E%3Cpath id='Path_4855' data-name='Path 4855' d='M-22006.02-2723.589l3.557,3.945,6.412-7.114' transform='translate(22006.762 2727.427)' fill='none' stroke='%2350acc3' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.form-switch .form-check-input {
    width: 4em;
    height: 2em;
    border-width: 2px;
}
.form-switch .form-check-input:checked {
    background-color: #ffffff;
    border-color: #50acc3;
}
.card-blue .form-switch .form-check-input {
    border-color: #50acc3;
}
.form-switch .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%232e9cb7'/%3E%3Cstop offset='0.038' stop-color='%232e9cb7'/%3E%3Cstop offset='0.793' stop-color='%232e9cb7'/%3E%3Cstop offset='1' stop-color='%232e9cb7'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle r='3' fill='url(%23linear-gradient)'/%3E%3C/svg%3E");
}
.form-control.date-field.date-filter {
    height: 0; opacity: 0;
    padding: 0;
}

#password.form-control,
#password-confirm.form-control {
    border-right: 0;
}
.input-group .input-group-text {
    font-size: 1.3rem;
    width: 60px;
    border-left: 0;
    border-radius: 3px;
    border-color: #bebebe;
    background-color: #ffffff;
}
.input-group .input-group-text i.bi-eye-slash::before {
    margin: 0 auto;
    color: #bebebe;
}
.input-group .input-group-text.input-password-show .bi-eye-slash::before {
    content: "\f341";
    color: #707070;
}
.input-group .input-group-text.input-password-focus {
    border-color: #777777;
}

.no-input .form-control,
.no-input .form-select,
.no-input .input-group-text {
    color: var(--bs-body-color) !important;
    background: transparent;
    border: none;
    padding: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
.no-input .form-select.bootstrap-select .dropdown-toggle {
    background: transparent;
    border: none;
    padding: 0.5rem 0;
}
.no-input .form-select.bootstrap-select .dropdown-toggle.show {
    border: none;
}
.no-input .form-control:disabled,
.no-input .form-select:disabled {
    opacity: 1;
}
.no-input .input-group-text {
    width: 25px;
}

.input-group-pin {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    column-gap: 1.5rem;
    width: 100%;
}
.input-group-pin > .form-control {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    font-size: 2.5rem;
    line-height: 1;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.text-error,
.invalid-feedback,
.invalid-message {
    color: #de5b5b;
}
.invalid-message {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
}
.form-control.is-invalid,
.was-validated .form-control:invalid,
.form-control.is-invalid ~ .input-group-text {
    border-color: #de5b5b;
    padding-right: 1.2rem;
    background-image: none;
    background-position: right 0.25rem center;
    color: #de5b5b;
}
#passwordVerify {
    list-style: none;
    padding-left: 0.25rem;
}
#passwordVerify li:before {
    margin-right: 2px;
    width: 16px;
    text-align: center;
}
#passwordVerify .invalid {
    color: #777777;
}
#passwordVerify .invalid:before {
    font-family: var(--bs-font-sans-serif) !important;
    content: 'o';
    /*content: '\25CB';*/
    color: #777777;
    font-weight: 300 !important;
    vertical-align: 0.05em;
}
#passwordVerify .valid {
    color: #56A249;
}
#passwordVerify .valid:before {
    /*content: '✔';*/
    content: '\F633';
    color: #635994;
    vertical-align: -0.2em;
}

.form-select.bootstrap-select {
    background-image: unset;
    font-family: var(--bs-font-sans-serif);
    border: 0;
    padding: 0;
    width: 100% !important;
}
.form-select.bootstrap-select:focus {
    color: #032467;
    border: 1px solid #777777;
    box-shadow: none;
}
.form-select.bootstrap-select .dropdown-toggle {
    padding: 1.25rem 1.2rem;
    background-color: #ffffff;
    border: 1px solid #bebebe;
}
.form-select.bootstrap-select .dropdown-toggle.show {
    border: 1px solid #777777;
}
.form-select.bootstrap-select .filter-option {
    font-family: inherit !important;
    color: #032467;
    font-style: normal;
    font-size: 1.25rem;
}
.form-select.bootstrap-select .bs-placeholder .filter-option {
    font-family: inherit !important;
    color: #454545;
    font-style: italic;
    font-size: 1.25rem;
}
.form-select.bootstrap-select .dropdown-menu {
    font-family: inherit !important;
    border: 1px solid #777777;
    z-index: 9999;
    max-width: 100vw;
}
.form-select.bootstrap-select .dropdown-menu.inner {
    border: 0;
}
.form-select.bootstrap-select .dropdown-menu .dropdown-item {
    color: #032467;
    font-style: normal;
    font-size: 1rem;
}
.form-select.bootstrap-select .dropdown-item.active,
.form-select.bootstrap-select .dropdown-item:active {
    color: #ffffff;
    text-decoration: none;
    background-color: #bebebe;
}
.datepicker {
    z-index: 1050 !important;
}
.datepicker table tr td.today {
    background-color: rgba(234, 201, 0, 0.25);
    color: #032467;
}
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
    background-color: rgba(234, 201, 0, 1);
    color: #032467;
}

form#setTimeoff {
    opacity: 0;
    transition: opacity 250ms ease;
}
form#setTimeoff.active {
    opacity: 1;
}
#formError {
    margin-top: calc(var(--bs-gutter-y) * .5);
}

/* DO NOT SHOW BUILT-IN BROWSER DATE PICKER */
/*
input[type="date"]::-moz-calendar-picker-indicator {
    opacity: 0;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    -webkit-appearance: none;
}
input[type="date"]::-moz-input-placeholder {
    visibility: hidden !important;
}
input[type="date"]::-webkit-input-placeholder {
    visibility: hidden !important;
}
*/


/* Register */
#registerProgress {
    height: 2px;
    background-color: transparent;
}
#registerProgress .progress-bar-item {
    background-color: #bebebe;
    width: 100%;
    margin-right: 2px;
}
#registerProgress .item-complete {
    background-color: #96e1f4;
}
#registerProgress .item-complete.active {
    background-color: #50acc3;
}
.option-target {
    display: none;
}
.is-invalid ~ .invalid-message {
    display: block;
}

/* Footer */
footer {
    background-color: #F3F2F7;
    box-shadow: 0 13px 16px -10px rgba(3, 36, 103, 0.05) inset;
    -webkit-box-shadow: 0 13px 16px -10px rgba(3, 36, 103, 0.05) inset;
    -moz-box-shadow: 0 13px 16px -10px rgba(3, 36, 103, 0.05) inset;
    font-size: 0.75rem;
    z-index: 2;
}
footer a.nav-link {
    font-size: 0.875rem;
}

/* Modal */
.modal-dialog.modal-dialog-position.modal-dialog-scrollable {
    display: flex;
    align-items: flex-end;
    margin: 0 auto;
    height: calc(100%);
}
.modal-content {
    background: #2e9cb7;
    background: transparent -moz-linear-gradient(305deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-linear-gradient(305deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(305deg, #2e9cb7 0%, #50acc3 100%) 0% 0% no-repeat padding-box;
    border: none; border-radius: 0;
    -webkit-box-shadow: 0px -3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.16);
}
.modal-content.modal-white-background {
    background: rgb(255,255,255);
}
.modal-header {
    border: none;
    padding: 2rem 2rem 0;
}
.modal-body {
    border: none;
    padding: 1rem 2rem 1rem;
}
.modal-body p.lead {
    font-size: 1.25rem;
    font-weight: 700;
}
.modal-body h3 {
    font-size: 1.625rem;
}
.modal-body .panel-score-indicator {
    min-height: 130px;
}
.modal-body p {
    font-size: 1.125rem;
    line-height: 1.2;
}
.modal-footer {
    border: none;
    padding: 1rem 1.75rem 2rem;
}
.btn.btn-modal {
    background: #ffffff;
    border: 2px solid #ffffff;
    color: #032467;
}
.modal-backdrop {
    /*
    background-color: rgba(173, 168, 253, 0.3);
    background-color: rgba(150, 193, 105, 0.3);
    */
    background-color: rgba(41, 128, 34, 0.3);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -moz-backdrop-filter: blur(20px);
    -ms-backdrop-filter: blur(20px);
}
.modal-backdrop.show {
    opacity: 1;
}

/* Cookie Popup */
.js-cookie-consent.cookie-consent {
    display: block;
}
.btn.btn-cookies {
    background: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=date],
input[type=number] {
    -moz-appearance: textfield;
}

/* Responsive */
@media (min-width: 768px) {
    h1, .h1 {
        font-size: 2.625rem;
    }
    h2, .h2 {
        font-size: 2.25rem;
    }
    h3, .h3 {
        font-size: 2rem;
    }
    h4, .h4 {
        font-size: 1.75rem;
    }
    h4.history-month {
        font-size: 1.375rem;
    }
    .large {
        font-size: 1.875rem;
    }
    .lead-xs {
        font-size: 1.375rem !important;
    }
    .lead-md-xs {
        font-size: 1.125rem !important;
    }
    .lead-md-sm {
        font-size: 1.25rem;
    }
    .medium {
        font-size: 1rem;
    }
    .small {
        font-size: 0.875rem;
    }
    .xsmall {
        font-size: 0.75rem;
    }
    .vh-md-100 {
        height: 100vh !important;
    }
    .vh-md-unset {
        height: unset !important;
    }
    #navbarTop {
        width: 50vw;
    }
    #registerProgress .progress-bar-item {
        margin-right: 10px;
    }
    .grid-cards.dashboard-cards .card > .row {
        min-height: 130px;
    }
    .grid-cards.dashboard-cards .card-profile > .row,
    .grid-cards.dashboard-cards .card-pointsbalance > .row,
    .grid-cards.dashboard-cards .card-panelscore > .row {
        min-height: 165px;
    }
    .grid-cards.dashboard-cards .card-panelscore > .row {
        min-height: 290px;
    }
    .grid-cards.dashboard-cards .card-reminder > .row {
        min-height: 310px;
    }
    .grid-cards.dashboard-cards .card h6 {
        font-size: 1.125rem;
    }
    .grid-cards.column-card .card.card-reminder h6,
    .grid-cards.dashboard-cards .card.card-reminder h6 {
        font-size: 1.125rem;
    }
    .grid-cards.dashboard-cards .card-reminder .fs-date {
        /*margin-bottom: 2.1rem;*/
        margin-bottom: 1rem;
    }
    .grid-cards.notification-cards .accordion-button {
        font-size: 1.125rem;
    }
    .grid-cards.notification-cards .card-text {
        font-size: 1.125rem;
    }
    .grid-cards.notification-cards .card-footer {
        font-size: 0.75rem;
    }
    .grid-cards .card .card-header h5:before {
        display: none;
    }
    .form-intro-label {
        font-size: 1.75rem;
        font-weight: 500;
    }
    .form-label {
        font-size: 1.25rem;
    }
    .form-check-label {
        font-size: 1.125rem;
    }
    .form-select.bootstrap-select .dropdown-menu .dropdown-item {
        font-size: 1.25rem;
    }
    ul.fileList li {
        font-size: 1rem;
    }
    .btn .bi {
        font-size: 1.5rem;
    }
    .row.bottom-spacer {
        min-height: 275px;
    }
    .row.bottom-spacer-narrow {
        min-height: 200px;
    }
    footer {
        font-size: 1rem;
    }
    footer a.nav-link {
        font-size: 1rem;
    }
    .modal-dialog.modal-dialog-position.modal-dialog-scrollable {
        align-items: center;
    }
    .modal-body p.lead {
        font-size: 2rem;
        font-weight: 400;
    }
    .modal-body p {
        font-size: 1.5rem;
    }
}
@media (min-width: 1024px) {
    .vh-lg-100 {
        min-height: calc(100vh - 180px) !important;
    }
    .vh-lg-content {
        min-height: calc(100vh - 75px);
    }
    .vh-lg-unset {
        height: unset !important;
    }
    .vh-lg-min100 {
        min-height: 100vh;
    }
    .vh-lg-min65 {
        min-height: 65vh;
    }
    .w-lg-85 {
        width: 85% !important;
    }
    .two-col-1024 {
        column-count: 2;
        column-gap: 45px;
        display: block;
    }
    .grid-cards.dashboard-cards .card > .row {
        min-height: 105px;
    }
    .grid-cards.dashboard-cards .card-profile > .row,
    .grid-cards.dashboard-cards .card-pointsbalance > .row,
    .grid-cards.dashboard-cards .card-panelscore > .row {
        min-height: 165px;
    }
    .grid-cards.dashboard-cards .card-reminder > .row {
        min-height: 294px;
    }
    .grid-cards.dashboard-cards .card .fs-username {
        font-size: 2.25rem;
    }
    .grid-cards.dashboard-cards .card .text-blue {
        font-size: 1.375rem;
    }
    .grid-cards.dashboard-cards .card h6 {
        font-size: 1.125rem;
        margin: 0.5rem 0 0.75rem;
    }
    .grid-cards.dashboard-cards .card.card-reminder h6 {
        margin: 1.125rem 0 0.75rem;
    }
    .panel-score-indicator .panel-score,
    .grid-cards.dashboard-cards .card .panel-score {
        font-size: 2.375rem;
    }
    .card-pointsbalance .fs-rewardpoints {
        font-size: 4.5rem;
    }
    .grid-cards.dashboard-cards .card-pointsbalance .fs-rewardpoints {
        font-size: 3.75rem;
    }
    .grid-cards.dashboard-cards .card-reminder .fs-day {
        font-size: 1.25rem;
    }
    .grid-cards.dashboard-cards .card-reminder .fs-date {
        font-size: 3rem;
        line-height: 1;
        margin-bottom: 1.45rem;
    }
    .grid-cards.column-card .card-reminder .fs-day {
        font-size: 1.5rem;
    }
    .grid-cards .card .card-header h5:before {
        display: block;
    }
    .profile-icon-holder #output.roundel {
        width: 120px; height: 120px;
    }
    .profile-icon-edit {
        width: 42px; height: 42px;
    }
    #navbarTop {
        width: 35vw;
    }
    .row.top-sidenav-spacer {
        min-height: 50px;
    }
    .row.bottom-spacer,
    .row.bottom-spacer-narrow {
        min-height: unset;
    }
    .lead-md-sm {
        font-size: 1.375rem;
    }
    .lead-lg-sm {
        font-size: 1.25rem;
    }
    .lead-lg-md {
        font-size: 1.25rem;
    }
    .lead-lg {
        font-size: 1.375rem;
        font-weight: 300;
    }
    .lead-lg-lg {
        font-size: 1.625rem;
    }
    .btn.btn-flat-top {
        font-size: 1rem;
    }
    .btn.btn-primary,
    .btn.btn-secondary {
        padding: 0.75rem 1rem;
    }
    .btn.btn-md {
        padding: 1rem;
    }
    .btn.btn-lg {
        padding: 1.25rem 1rem;
    }
    .table-history th {
        font-size: 0.875rem;
    }
    .table-history td {
        font-size: 1.5rem;
    }
    .js-cookie-consent .modal-body .lead-sm,
    .js-cookie-consent .modal-body .fs-7 {
        font-size: 1.5rem;
    }
    .js-cookie-consent .modal-body .lead-sm .fw-bold {
        font-size: 1.625rem;
    }
}
@media (min-width: 1200px) {
    .btn.btn-flat-top {
        font-size: 1.125rem;
    }
    .grid-cards.column-card .card-reminder .row {
        min-height: 360px;
    }
    .grid-cards.dashboard-cards .card-reminder .fs-date {
        font-size: 3rem;
        line-height: 1;
        margin-bottom: 1.3rem;
    }
    .navbar-vertical-left {
        max-width: 25.667%;
    }
}
@media (min-width: 1366px) {
    .vh-xl-100 {
        /*min-height: calc(100vh - 300px) !important;*/
        min-height: calc(100vh - 275px) !important;
    }
    .lead-lg-md {
        font-size: 1.625rem;
    }
    .navbar-vertical-left {
        max-width: 26.667%;
    }
}
@media (min-width: 1440px) {
    .navbar-vertical-left {
        max-width: 24.667%;
    }
    .vh-Xl-85 {
        min-height: calc(85vh - 300px) !important;
    }
}
@media (min-width: 1680px) {
    .navbar-vertical-left {
        max-width: 21.667%;
    }
    .col-Xl-10 {
        flex: 0 0 auto;
        width: 83.333%;
    }
    .offset-Xl-2 {
        margin-left: 16.667%;
    }
    .text-Xl-nowrap {
        white-space: nowrap !important;
    }
    .grid-cards.column-card .card-reminder .row {
        min-height: 335px;
    }
}
@media (min-width: 1920px) {
    .lead-xl-sm {
        font-size: 1.375rem;
    }
    .navbar-vertical-left {
        max-width: 24.667%;
    }
}