/*
    Colors, fonts
    ---------------------------------------------------------------------------------------------------------------
*/
    
    @import url('https://fonts.googleapis.com/css?family=Open+Sans:800');
    @import url('https://fonts.googleapis.com/css?family=Poppins:300,400,700&display=swap');
    @font-face {
        font-family: "Whitney";
        src: url("https://partnerrewardsplan.rewardsnation.com/assets/clients/partnerrewardsplan/enterprise/fonts/Whitney/Whitney-Book-Pro.woff") format("woff");
    }
    
    @font-face {
        font-family: "Whitney";
        src: url("https://partnerrewardsplan.rewardsnation.com/assets/clients/partnerrewardsplan/enterprise/fonts/Whitney/Whitney-Medium-Pro.woff") format("woff");
        font-weight: bold;
    }
    
    body {
        font-family: "Whitney", "Poppins", "Open Sans", Arial, Helvetica, sans-serif;
    }
    /* Temporary disable the obselete modal message */
    
    #obsolete-warning-banner {
        display: none;
    }
    /* Header, footer */
    
    .primary-theme {
        /* recognition red = #c81b08 */
        /* incentives purple = #5e308c */
        background-color: white;
    }
    /* to-do bar, anniversary bar */
    
    .highlight-background-color {}
    
    .primary-font-color,
    a.primary-font-color {}
    
    .highlight-font-color,
    a.highlight-font-color {}
    
    .dark-background-color {}
    
    #anniversary-section .milestone-date {
        color: #fff;
    }
    
    .anniversary a {
        color: #fff;
    }
    
    .footer-link:active,
    .footer-link:focus,
    .footer-link:hover,
    .sidebar-link:active,
    .sidebar-link:focus,
    .sidebar-link:hover,
    a:focus,
    a:hover,
    .navbar-link:active,
    .navbar-link:focus,
    .navbar-link:hover {
        text-decoration: none;
        color: #c71f40 !important;
    }
    /*
    Header / Navbar
    ----------------------------------------------------------------------------------------------------------------
*/
    
    .navbar-desktop-sidebar-toggle .navbar-link,
    .navbar-mobile-sidebar-toggle .navbar-link {
        color: #c71f40;
    }
    
    .navbar-container {}
    
    .navbar-company-logo {}
    
    #main-company-logo {
        width: 100%;
    }
    
    .navbar-desktop-sidebar-toggle {}
    
    .navbar-item {
        font-weight: bold;
    }
    
    .navbar-link {}
    
    .navbar-main-section {}
    
    .navbar-main-section .navbar-link {
        color: #333;
    }
    
    .navbar-sub-section {}
    
    .navbar-sub-section .navbar-link {
        color: #F4A420;
    }
    
    .sidebar-sub-section .sidebar-link,
    .sidebar-secondary-section .sidebar-link {
        color: #c71f40;
    }
    
    .sidebar-footer-section .sidebar-link {
        color: #c71f40;
    }
    
    .navbar-secondary-section .navbar-link {
        color: #c71f40;
    }
    /*
    Sidebar (mobile)
    ----------------------------------------------------------------------------------------------------------------
*/
    
    .sidebar {}
    
    .sidebar-link {
        color: #333;
    }
    
    .sidebar-link-user {}
    
    .sidebar-user-section {}
    
    .sidebar-user-section .sidebar-link {}
    
    .sidebar-main-section {}
    
    .sidebar-main-section .sidebar-link {}
    
    .sidebar-sub-section {}
    
    .sidebar-sub-section .sidebar-link {}
    
    .sidebar-link .nav-link {}
    /*
    Footer
    --------------------------------------------------------------------------------------------------------------
*/
    
    .primary-theme.footer {
        padding: 1.5em 0;
        background-color: #d9d9d9;
    }
    
    .footer {}
    
    .footer-item {}
    
    .footer-link {}
    
    .footer-item:after {
        content: "|";
        margin: 0 .5em;
        color: #333;
    }
    /* #footer id selector should just be used temporarily for positioning */
    
    #footer {
        /* margin-top: 0; */
        /* Uncomment this line to undo the sticky footer (always pushed to bottom) */
    }
    /*
	"Themed" elements
	--------------------------------------------------------------------------------------------------------------
*/
    /* Selected contacts in applause form, grid filter tags */
    
    .tag-item {
        background-color: #1a213e;
    }
    /* Selected strengths in applause form */
    
    .checkbox-pillbox-active {
        background-color: #1a213e;
    }
    /* Nav tabs in snapshot/profile page */
    
    .profile-nav.active>.nav-link {
        background-color: #1a213e !important;
    }
    /*
    Login page
    ---------------------------------------------------------------------------------------------------------------
*/
    
    .forgot-password-header {
        color: black;
    }
    
    .forgot-password-message {
        color: #333;
    }
    
    .forgot-password-container .forgot-password-message-success {
        color: #c71f40;
    }
    
    .login-side-image {
        display: none;
    }
    
    .primary-theme.login-panel {
        box-shadow: 0px 0px 10px lightgray;
    }
    
    .login-panel {
        padding: 70px;
    }
    
    .login-panel .logo-container {
        margin-bottom: 2em;
    }
    
    .login-panel .logo {
        background-image: url("../images/en/logo-large.png");
        height: 100px;
    }
    
    .language-code-fr .login-panel .logo {
        background-image: url("../images/fr/logo-large.png");
        height: 100px;
    }
    
    @media (max-width: 767px) {
        .login-child-section {
            padding: 40px;
        }
    }
    
    @media (min-width: 768px) {
        .login-child-section {
            padding: 45px;
        }
    }
    
    @media (min-width: 1200px) {
        .login-child-section {
            padding: 30px;
        }
    }
    
    .login-child-section .footer {
        background: none;
    }
    
    .login-child-section .footer,
    .login-child-section a,
    .login-child-section h3,
    .login-child-section .btn-link {
        color: white;
    }
    
    .login-child-section .footer {
        margin-top: 0;
    }
    
    .login-child-section .footer-content {
        border: none;
    }
    
    .login-parent-section {
        background-color: rgba(94, 48, 140, 0.8);
    }
    
    .login-button {}
    
    .problem-signing-in {
        text-align: center;
    }
    
    .login-button.btn.disabled,
    .login-button.btn[disabled] {
        opacity: 1;
    }
    
    .login-panel-content h3 {
        color: #fff;
    }
    
    .highlight-font-color,
    a.highlight-font-color {
        color: #333;
    }
    /*
    Spotlight page
    -------------------------------------------------------------------------------------------------------------
*/
    
    .spotlight-banner .text-container {
        font-family: "Poppins", "Open Sans", Arial, Helvetica, sans-serif;
    }
    
    .spotlight-banner {
        text-transform: initial;
    }
    
    .spotlight-banner .featured-spotlight-description {
        text-transform: lowercase;
    }
    
    .spotlight-banner {
        background-image: url("../images/Spotlight-Header.jpg");
    }
    
    .social-stream-banner {
        background-image: url("../images/Social_Header.jpg");
        font-family: "Open Sans";
        text-shadow: 0px 0px 35px #022242;
    }
    
    .social-stream-banner .social-stream-top-headline {
        color: #ffffff;
        font-size: 1.8em;
        font-family: "Poppins", "Open Sans", Arial, Helvetica, sans-serif;
    }
    
    .social-stream-banner .social-stream-bottom-headline {
        font-size: 2.2em;
        text-shadow: 0px 0px 35px #022242;
        font-family: "Poppins", "Open Sans", Arial, Helvetica, sans-serif;
    }
    
    .social-stream-banner .social-stream-banner-button {
        margin: 0 1em;
    }
    
    .social-stream-banner .social-stream-banner-buttons-container {
        margin-top: .5em;
    }
    
    .social-love-icon {
        background-image: url("../images/Social-Love-Icon.png");
    }
    
    .social-comment-icon {
        background-image: url("../images/Social-Comment-Icon.png");
    }
    
    .highlight-background-color {
        background-color: #8f9094;
    }
    
    .btn-primary {
        background-color: #c71f40;
        border-color: #c71f40;
        color: #fff;
        border-radius: 5px;
    }
    
    .btn.back-to-login {
        border-radius: 20px;
    }
    
    .btn-primary:focus,
    .btn-primary:hover {
        background-color: #76071d;
        border-color: transparent;
    }
    
    .btn-primary:active:focus,
    .btn-primary:active:hover {
        background-color: #76071d;
        border-color: transparent;
    }
    
    .form-control {
        border-radius: 5px;
    }
    /*
    Home / Landing page
    ------------------------------------------------------------------------------------------------------------------
*/
    
    .option-3 .jumbotron {
        background: transparent none repeat scroll 0 0;
    }
    
    .option-3 {
        background-color: black;
        background-image: url("../images/Landing-background.jpg");
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position-x: center;
        background-repeat: no-repeat;
    }
    
    #part-1-big-text,
    #part-3-big-text {
        line-height: .8em;
        padding-top: 15px;
    }
    
    #part-1-text,
    #part-2-text,
    #part-3-text,
    #lead-text,
    .option-3 .tile-main-text {
        color: white;
        font-family: "Fjalla One", arial, sans-serif;
    }
    
    @media (max-width: 767px) {
        #part-1,
        #part-2,
        #part-3,
        #lead,
        .card {
            font-size: 15px;
        }
        #part-2 {
            display: none;
        }
        #lead-image-1,
        #lead-image-2 {
            float: left;
            background-repeat: repeat-x;
            background-position-y: center;
            width: calc(50% - 100px);
            height: 50px;
        }
        #lead-text {
            float: left;
            width: 200px;
        }
    }
    
    @media (min-width: 768px) {
        #part-1,
        #part-2,
        #part-3,
        #lead,
        .card {
            font-size: 20px;
        }
        #part-1-button,
        #part-3-button {
            width: 90%;
        }
        .container .jumbotron {
            padding-left: 20px;
            padding-right: 20px;
        }
        #lead {
            height: 50px;
            width: 100%;
        }
        #lead-image-1,
        #lead-image-2 {
            float: left;
            background-repeat: repeat-x;
            background-position-y: center;
            width: 35%;
            height: 50px;
            margin-top: 26px;
        }
        #lead-text {
            float: left;
            width: 30%;
            min-width: 200px;
        }
    }
    
    @media (min-width: 992px) {
        #part-1,
        #part-2,
        #part-3,
        #lead,
        .card {
            font-size: 25px;
        }
        #part-1-button,
        #part-3-button {
            width: 80%;
        }
    }
    
    @media (min-width: 1200px) {
        #part-1,
        #part-2,
        #part-3,
        #lead,
        .card {
            font-size: 30px;
        }
    }
    
    #part-1-big-text {
        font-size: 6.3em;
    }
    
    #part-2-text {
        font-size: 9.5em;
        line-height: 1.1em;
    }
    
    #part-3-big-text {
        font-size: 5.6em;
    }
    
    #part-1-small-text,
    #lead-text {
        font-size: 1.8em;
    }
    
    #part-3-small-text {
        font-size: 2.3em;
    }
    
    #part-1,
    #part-2,
    #part-3,
    #lead {
        text-align: center;
        padding-bottom: 30px;
    }
    
    #part-2 {
        padding: 0;
    }
    
    #part-1-button,
    #part-3-button,
    #lead-text {
        margin: auto;
    }
    
    #lead-image-1 {
        background-image: url("../images/Double-bar.png");
    }
    
    #lead-image-2 {
        background-image: url("../images/Double-bar.png");
    }
    
    .option-3 .card {
        max-width: 250px;
        min-width: 150px;
        height: 200px;
        margin: auto;
    }
    
    .jumbotron {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    
    .tile-image {
        width: 100%;
        height: 100px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 35% auto;
    }
    
    #tile-image-0 {
        background-image: url("../images/heart.png");
    }
    
    #tile-image-1 {
        background-image: url("../images/compass.png");
    }
    
    #tile-image-2 {
        background-image: url("../images/Connect.png");
    }
    
    #tile-image-3 {
        background-image: url("../images/Star.png");
    }
    
    .tile-main-text {
        font-size: 1.3em;
    }
    
    .tile-container {
        text-align: center;
        margin-bottom: 50px;
    }
    /*
    Special page headers (tutorial, rewards, awards, incentives)
    --------------------------------------------------------------------------------------------------------------
*/
    
    .award .promo-header-container,
    .award-header {
        background-image: url("../images/en/Award-Background-Image.jpg");
    }
    
    .incentive .promo-header-container,
    .incentive-header {
        background-image: url("../images/en/Incentive-Background-Image.jpg");
    }
    
    .promo-header-text {
        text-align: center;
        font-family: "Poppins", "Open Sans", Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        color: #fff;
    }
    
    .promo-header-title {
        text-transform: initial;
        text-align: left;
        font-size: 2.5em;
        background-color: rgba(255, 255, 255, 0.9);
        width: max-content;
        color: black;
        padding: 20px;
    }
    
    .promo-header-title::first-letter {
        text-transform: uppercase;
    }
    
    .award.nominate {
        background-image: none;
    }
    
    #profile-header-image {
        margin-top: 30px;
        padding-top: 17.48135874%;
        background-image: url("../images/en/Profile-Header.jpg");
        background-size: 100% auto;
        background-repeat: no-repeat;
    }
    
    #manager-profile-image {
        margin-top: 30px;
        padding-top: 149.958575%;
        background-image: url("../images/en/Manager-Profile.jpg");
        background-size: 100% auto;
        background-repeat: no-repeat;
    }
    
    #personal-profile-image {
        margin-top: 30px;
        padding-top: 149.958575%;
        background-image: url("../images/en/Personal-Profile.jpg");
        background-size: 100% auto;
        background-repeat: no-repeat;
    }
    
    #tutorial-mock-image {
        margin-top: 30px;
        padding-top: 37.409%;
        background-image: url("../images/en/Tutorials-Page.jpg");
        background-size: 100% auto;
        background-repeat: no-repeat;
    }
    
    @media (max-width: 767px) {
        #reward-header-text-container,
        #tutorial-header-text-container {
            color: #333333;
            font-size: 10px;
        }
        .tutorial {
            padding-top: 16.12903%;
        }
        .award.nominate {
            padding-top: 0;
        }
    }
    
    @media (min-width: 768px) {
        #reward-header-text-container,
        #tutorial-header-text-container {
            color: white;
            font-size: 20px;
        }
    }
    
    @media (min-width: 992px) {
        #reward-header-text-container,
        #tutorial-header-text-container {
            font-size: 25px;
        }
    }
    
    @media (min-width: 1200px) {
        #reward-header-text-container,
        #tutorial-header-text-container {
            font-size: 30px;
        }
    }
    
    #reward-header-text-container,
    #tutorial-header-text-container {
        width: 100%;
    }
    
    .title {
        font-size: 5em;
        height: 1em;
        line-height: 1em;
    }
    
    .subtext {
        font-size: 1.5em;
        height: 1em;
        line-height: 1em;
    }
    /*
    Anniversary page
    ----------------------------------------------------------------------------------------------------------------
*/
    /*.anniversary {
	display: none;
}*/
    
    .birthday-icon {
        background-image: url("../images/Birthday-Icon.png");
    }
    
    .anniversary-icon {
        background-image: url("../images/Anniversary-Icon.png");
    }
    
    #anniversary-modal-header {
        background-image: url("../images/Background-Anniversary-Popup-Balloons.png");
        background-size: 100% auto;
        background-repeat: no-repeat;
        height: 21.844%;
        border-bottom: none;
    }
    
    #anniversary-modal-body {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 40px;
    }
    
    @media (min-width: 768px) {
        #anniversary-modal-header {
            padding-top: 13%;
        }
    }
    
    .anniversary-divider {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .div-divider {
        height: 20px;
        width: calc(50% - 75px);
    }
    
    .div-divider-image {
        height: 20px;
        background-image: url("../images/Section-Break-Light-Grey.png");
        background-repeat: repeat-x;
        background-position: center;
    }
    
    .div-title {
        width: 150px;
    }
    /*
    Translation
    ----------------------------------------------------------------------------------------------------------------
*/
    
    .translate-icon {
        background-image: url("../images/Translate-Icon.png");
    }
    /* Disable delete button from inbox page */
    
    .inbox .delete-button {
        display: none;
    }
    
    .permission-role-admin article.promo-header-action-container {
        display: block;
    }
    /* Force the size of the popup windows for game notifications and videos */
    
    .video-cloudflare .templateContainer {
        width: 100% !important;
    }
    
    .video-cloudflare .templateContainer table {
        width: 100% !important;
    }
    
    .video-cloudflare .templateContainer #Body.messageBody {
        width: 100% !important;
        margin: 0 !important;
    }
    /* Fix viewport when playing a game or in a mission */
    
    .games #mission-container iframe {
        height: 94.5vh;
    }
    
    .games #nav-header {
        height: 5.5vh;
    }
    
    .games #main-company-logo {
        height: 3vh !important;
        padding: 0;
    }
    
    .games #nav-header-container {
        display: flex;
        justify-content: space-between;
        flex-direction: inherit;
        align-items: center;
        height: 100%;
    }
    
    .games .navbar-main-section {
        font-size: 1.2em;
        margin: 0;
        height: 100%;
    }
    
    .games .navbar-section.navbar-sub-section {
        position: relative;
    }
    
    @media (max-width: 992px) {
        .games .navbar-desktop-sidebar-toggle {
            margin-top: auto;
        }
    }
    /* End viewport change when playing game or mission */
    /* edits to the register page */
    
    .register-form-container .formly-field-middleName,
    .register-form-container .formly-field-userID,
    .register-form-container .formly-field-birthday,
    .register-form-container .formly-field-startDay {
        display: none;
    }
    
    .register-form-container .formly {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    /* Fixes to the width of the terms and conditions */
    
    .has-required-tasks.login .modal-dialog.modal-md {
        width: 95%;
        max-width: 990px;
    }
    /* Fixes to Registration popup */
    
    .register-header .add-user-icon {
        display: none;
    }
    
    @media (min-width: 768px) {
        .formly-field.formly-field-customInput.formly-field-firstName .col-sm-4,
        .formly-field.formly-field-customInput.formly-field-lastName .col-sm-4 {
            width: 100%;
        }
    }
    /* Custom fix for new login page  */
    
    .flex-fill-height.content-html-container.custom-content-customlogincontent {
        height: 100vh !important;
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    
    @media (max-width: 1100px) {
        .flex-fill-height.content-html-container.custom-content-customlogincontent {
            height: max-content !important;
        }
    }
    
    li.login-footer-item {
        background-color: #c71f40;
        font-weight: 700;
        border-radius: 4px;
        font-size: 2rem;
        color: #fff !important;
        display: block;
        margin-bottom: 0;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
    }
    
    li.login-footer-item:first-child {
        display: none;
    }
    
    .login-footer nav-link a {
        color: white !important;
        text-decoration: none;
    }
    /* special fixes for login page background color */
    
    .login-header .login-header-arrow-icon {
        color: darkgrey;
    }
    
    .dark-background-color {
        background-color: rgb(0, 0, 0, .0);
    }
    
    @media (max-width: 768px) {
        #nav-header-container {
            box-shadow: 0px 0px 10px lightgray;
        }
        li.login-footer-item:first-child {
            display: block;
            margin-bottom: 20px;
        }
    }
    /* Make the language dropdown a normal looking link */
    
    li.login-footer-item.change-language-dropdown.dropdown {
        color: black;
        background-color: rgb(0, 0, 0, 0);
    }
    /* Hide enroll now button */
    
    .register-container {
        display: none;
    }
    
    .register-form .manager-helper-text {
        display: block;
    }
    /* Hide search function for everyone but VIBE and Admins */
    
    li.navbar-item.navbar-search {
        display: none;
    }
    
    .permission-role-vibe li.navbar-item.navbar-search,
    .permission-role-bondadmin li.navbar-item.navbar-search,
    .permission-role-bondcustomerservice li.navbar-item.navbar-search,
    .permission-role-cibcadmin li.navbar-item.navbar-search,
    .permission-role-rd li.navbar-item.navbar-search,
    .permission-role-asm li.navbar-item.navbar-search,
    .permission-role-ma li.navbar-item.navbar-search {
        display: block;
    }
    /* right sided nav search input box */
    
    suggest-input {
        display: none;
    }
    
    .permission-role-vibe suggest-input,
    .permission-role-bondadmin suggest-input,
    .permission-role-bondcustomerservice suggest-input,
    .permission-role-cibcadmin suggest-input,
    .permission-role-rd suggest-input,
    .permission-role-asm suggest-input,
    .permission-role-ma suggest-input {
        display: block;
    }
    
    .contact-panel-login-as-nav suggest-input {
        display: block;
    }
    /* START: hiding change language dropdown and showing direct links */
    
    .change-language-dropdown,
    li.login-footer-item.change-language-dropdown {
        display: none;
    }
    
    .sidebar-item.change-language-item {
        display: block;
    }
    
    .footer-item.change-language-item {
        display: inline-block;
    }
    
    li.login-footer-item.change-language-item {
        display: block;
        color: black;
        background-color: rgb(0, 0, 0, 0);
        text-transform: capitalize;
    }
    
    .footer-item.change-language-item,
    .sidebar-item.change-language-item {
        text-transform: capitalize;
    }
    /* END: hiding change language dropdown and showing direct francais / English links */
    
    .primary-theme.widget-header {
        background-color: #8B1D41;
    }
    /* custom style for the phone number on the contact us page */
    
    span[ng-bind-html="::vm.company.customerServicePhone"] {
        background-color: red;
    }
    
    span[ng-bind-html="::vm.company.customerServicePhone"] {
        background-color: #c72040;
        padding: 10px 20px;
        color: white;
        margin-top: 25px;
        width: max-content;
        border-radius: 2px;
        border: 2px solid #c72040;
        display: flex;
    }
    
    span[ng-bind-html="::vm.company.customerServicePhone"]::before {
        content: "";
        background-size: contain;
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        display: inline-block;
        margin-right: 10px;
        background-image: url(https://partnerrewardsplan.rewardsnation.com/assets/clients/partnerrewardsplan/enterprise/images/login-page-phone-icon.png);
    }
    
    div[ng-if="::vm.company.customerServicePhone"]::after {
        content: "Monday to Friday, 8:30 a.m. to 9:00 p.m. EST";
        margin: 20px 0px;
        display: block;
    }
    
    .language-code-fr div[ng-if="::vm.company.customerServicePhone"]::after {
        content: "Du lundi au vendredi, de 8h30 à 21h00 HNE";
        margin: 20px 0px;
        display: block;
    }
    /* hide pending and declined tabs from my account page */
    
    .account-container ul.subpage-nav-tabs li:nth-child(2),
    .account-container ul.subpage-nav-tabs li:nth-child(3) {
        display: none;
        /* or visibility: hidden; opacity: 0; */
    }
    
    .subpage-nav-tab:first-child {
        border-left-width: 2px;
        border-right-width: 2px;
    }
    /* Scott Loney: 2025-11-11: hide tool tip popup on Your Partners widget */
    
    article.widget-visual-Table.widget-type-CustomWidgetSP.widgets-available-id-242 .tooltip {
        display: none;
    }