:root
{
    --curvature-sml: 4px;
    --curvature-med: 6px;
    --curvature-lrg: 8px;

    --primary-colour-1: #254559;
    --primary-colour-2: #000000;
    --secondary-color-1: #01273E;
    --secondary-color-2: #f0f5fc;

    --black-1000: #000000;
    --black-900: #212121;
    --black-800: #424242;
    --black-700: #616161;
    --black-600: #757575;
    --black-500: #9e9e9e;
    --black-400: #bdbdbd;
    --black-300: #e0e0e0;
    --black-200: #eeeeee;
    --black-100: #f5f5f5;
    --black-0: #ffffff;

    --blue-black-1: #394047;

    --red-hot: #B71C1C;
    --red-warm: #d50000;
    --red-cool: #E53935;

    --green-hot: #1B5E20;
    --green-warm: #2E7D32;
    --green-cool: #999D63;

    --gold-colour: #A39161;
    --silver-colour: #A8A8A8;
    --bronze-colour: #965A38;

    --irp-portal-colour: #880E4F;
    --si-portal-colour: #2a2b4a;
    --strategy-center-portal-colour: #000000;
    --knowledge-base-portal-colour: #043d60;
    --resource-center-portal-colour: #052852;
    --administration-portal-colour: #3B3B43;

    --IRPCommercePersonaColour: #c68a1c;
    --AgencyPersonaColour: #2e7d32;
    --ServiceProviderPersonaColour: #a8a8a8;
    --IRPCustomerPersonaColour: #6236ff;
    --IndustryConnectionPersonaColour: #965A38;
    --IRPWorldMemberPersonaColour: #000000;

    --containerBackground: #F0F5FC; /*WHITE SMALL BLUE TINGE*/
    --article-background: #fffdfd; /*WHITE VERY SMALL BLUE TINGE*/
    --highlight_2: #C68A1C; /*BURNT ORANGE COLOUR*/
    --link-colour-main: #6236FF; /*BLUE*/
    --background-1: #FF60AB; /*PINK*/
    --irp-lilac: #8076ad; /*LILAC*/
}

/********************* UNIVERSAL EFFECTS & STYLES **********************/
.UniversalImageGreyscaledEffect
{
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
    border: 1px solid var(--black-1000);
}
.UniversalImageGreyscaledEffect:hover
{
    -webkit-filter: none; 
    filter: none;
    border: 1px solid var(--black-800);
}

.UniversalPersonaTypeIndicatorBadge
{
    padding: 3px 3px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400!important;
    background-color: var(--black-800)!important;
    color: var(--black-0)!important;
    text-decoration: none!important;
    border-radius: var(--curvature-sml);
}
.UniversalPersonaTypeIndicatorBadge a
{
    font-size: 16px;!important;
    color: var(--black-0)!important;
    text-decoration: none!important;
}

.MarketScrollerRotatorTooltip
{
    line-height: 22px!important;
    font-size: 16px!important;
    font-weight: 600;
    background: var(--black-200)!important;
    border: 1px solid var(--black-400)!important;
    color: var(--secondary-color-1)!important;
    text-align: center!important;
    font-family: lato!important;
}

.IRPWorldGridviewSummaryRow
{
    background-color: var(--black-300)!important;
    font-weight: 700!important;
}

/****************************************/

html
{
    font-size: 16px;
}

body
{
    margin: 0px;
    padding: 0px;
    font-family: 'Source Sans Pro', arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    background-color: var(--black-0) !important;
}

section, article
{
    font-family: 'Source Sans Pro', arial, sans-serif;
}

h1
{
    color: var(--black-900);
    margin: 10px 0;
}

h2
{
    color: var(--black-900);
}

.h2Override
{
    color: var(--black-900);
    margin: 0;
}

h3
{
    color: var(--black-900);
    margin-top: 40px;
}

h4
{
    color: var(--black-700)!important;
    margin-top: 40px;
}

h5
{
    color: var(--black-900);
}

h6
{
    font-weight: 600 !important;
    font-size: 1.125rem !important;
    line-height: 1.25rem !important;
    margin: 5px 0 0 0;
    color: var(--black-900) !important;
}

p
{
    color: var(--black-900);
}

li
{
    color: var(--black-900);
    font-weight: 400;
    margin-bottom: 2px;
}

.line
{
    padding-bottom: 6px;
    border-bottom: 1px solid var(--black-400);
}

.fontRegular
{
    font-weight: 400;
}

.fontColor1
{
    color: var(--black-0) !important;
}

main
{
    margin: 0 auto;
    background-color: var(--black-0);
}

.responsive
{
    max-width: 100%;
    height: auto;
}

.disabled
{
    pointer-events: none; /* This makes it not clickable */
    opacity: 0.6; /* This grays it out to look disabled */
}

/* ADMIN NOTES */
.AdminNotesContainer
{
    margin-top: 10px;
}
        
.AdminNote
{
    margin-bottom: 10px;
}        
.AdminNote .AddedDetails
{
    margin-bottom: 3px;
}        
.AdminNote .AddedDetails .By
{
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
    color: #555;
}        
.AdminNote .AddedDetails .Date
{
    font-weight: normal;
    font-style: italic;
    font-size: 12px;
    color: #555;
}        
.AdminNote .NoteContent span
{
    font-weight: normal;
    font-size: 12px;
    color: #555;
}

/***************************************************************************************************************/
/************************ Print Settings - For Hiding Content from the print window ****************************/
/***************************************************************************************************************/
@media print 
{
    /* Entire Left Nav Panel */
    .ArticleLeftNavPanel
    {
        display: none!important;
    }

    /* Entire Top Nav Panel */
    .FloatingTopNavigationContainer, .TopNavNonFloatingBars
    {
        display: none!important;
    }

    /* All Mobile Site Content */
    .MobileSiteOnly
    {
        display: none!important;
    }

    /* Entire Bottom Nav Panel */
    .BottomNavPanelOverallContainer, .FixedBottomSignUpArea
    {
        display: none!important;
    }

    /* Knowledge Base Page Specific */
    .KBSocialMediaBar, .KBTopQuestionPanel, .KBTags, .KBArticleHTGClipboardCopyContainer, /*.KBHowToGuides,*/ .KBVideos, /*.KBFAQs,*/ .KBAppSettings, .KBUserQuestions, .RateArticleFadeContainer
    {
        display: none!important;
    }
    .KBArticleHTGContentContainer
    {
        display: block!important;
    }

    /* Portal Articles Specific */
    .PortalArticlesLeftNavContainer, .PortalArticleSocialMediaBar , .PortalArticleTags, .PortalArticleFeedback, .PortalArticleSimilarArticlesScroller
    {
        display: none!important;
    }
}
/********************************************************************************/

.UniversalTopNavAndSearchBarOverallContainer
{
    margin: auto !important;
    max-width: 1440px !important;
    padding: 19px 0px !important;
}

.UniversalTopNavAndSearchBarContainerGrid .Left
{
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.UniversalTopNavAndSearchBarContainerGrid .Right
{
    padding-right: 15px !important;
}

.containerBackground
{
    border: 0px;
    padding: 20px 20px 0px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.containerBackground_3
{
    padding: 0px 20px 0px 20px;
}

.containerBackground_4
{
    padding: 0px 20px 0px 20px;
}

.containerPanel3
{
    margin: 0px 0px 0px 0px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

a.buttonCTA
{
    display: inline-block;
    margin: 0 0 0 0;
    border-radius: var(--curvature-med);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    color: var(--black-0);
    background-color: var(--black-900);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    text-align: center;
    position: relative;
}

a.buttonCTA:hover
{
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    background-color: var(--primary-colour-1);
    cursor: pointer;
}

a.buttonCTA_Override:hover
{
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    background-color: var(--highlight_2) !important;
    cursor: pointer;
}


a.buttonCTA_Override
{
    color: var(--black-0);
    background-color: var(--primary-colour-1);
}


a.buttonCTA:active
{
    top: 0.04rem;
}

a.buttonSecondary
{
    padding: 12px 20px 12px 20px;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    font-weight: 600;
    color: var(--black-0);
    background-color: var(--green-cool);
}

a.buttonSecondary:hover
{
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    background-color: var(--green-warm);
    cursor: pointer;
    text-decoration: none!important;
}

.buttonSecondaryHeightOverride
{
    padding: 5px 20px !important;
}

a.buttonTertiary
{
    padding: 6px 12px 6px 12px;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    font-weight: 400;
    color: var(--black-900);
    border: 1px solid var(--black-400);
    background-color: var(--black-100);
}

a.buttonTertiary:hover
{
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    background-color: var(--button-link-one);
    cursor: pointer;
}

.buttonSIPercentageFee
{
    padding: 6px 12px 6px 12px;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    font-weight: 400;
    color: var(--black-0);
    border: 1px solid var(--green-hot);
    background-color: var(--green-cool);
}

.likeSpacing
{
    margin: 0px 10px 0px 10px;
}

.buttonRightSpacing
{
    margin: 0 8px 0 0!important;
}

a.link
{
    color: var(--link-colour-main);
    text-decoration: none;
    cursor: pointer !important;
}

a.link:visited
{
    text-decoration: none;
    color: var(--link-colour-main);
}

a.link:hover
{
    text-decoration: underline;
}

a.linkStory
{
    color: var(--black-900) !important;
    text-decoration: none;
    font-weight: 600 !important;
    font-size: 1.125rem !important;
    line-height: 1.25rem !important;
    margin: 5px 0 0 0;
}

a.linkStory:visited
{
    text-decoration: none;
    color: var(--link-colour-main);
}

a.linkStory:hover
{
    text-decoration: none;
}

.storyMainContainer
{
    background-color: var(--containerBackground);
    border: 0px;
}

.storyMainPadding
{
    padding: 20px;
}

.storyHeader
{
    text-align: center;
}

.storyHolder
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.storyContainer
{
    width: 270px;
    height: 425px;
    border-radius: var(--curvature-med);
    -webkit-box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.15);
    background-color: var(--article-background);
    margin: 20px;
}

.storyContainerSub
{
    border-radius: var(--curvature-med);
    -webkit-box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.15);
    background-color: var(--article-background);
    margin: 30px 20px 50px 20px;
}

.flex
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px;
}

.flexContainer
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.FlexContentCenterAligned
{
    align-items: center;
}

.FlexContainerSpacedEitherSide
{
    justify-content: space-between;
}

.flexLike
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 25px 15px 0px 15px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.flexLikeKnowledgeBase
{
    margin: 25px 15px 0px 15px;
}
.flexLikeKnowledgeBase .KBProductLogo
{
    width: 150px;
}
.flexLikeKnowledgeBase .SubFlex
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-items: center;
}

.storyContainerHeight
{
    height: 350px;
}

.storyContainer:hover
{
    -webkit-transition: -webkit-box-shadow 0.5s ease;
    transition: -webkit-box-shadow 0.5s ease;
    transition: box-shadow 0.5s ease;
    transition: box-shadow 0.5s ease, -webkit-box-shadow 0.5s ease;
    -webkit-box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.35);
    cursor: pointer;
}

.storyContainerHolder
{
    padding: 15px;
}

.benefitsHolder
{
    width: 258px;
    height: 180px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    background-color: var(--secondary-color-1);
    margin: 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-pack: distribute;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: distribute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.benefitText
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.benefitImage
{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: end;
}

.benefitTextContent
{
    -ms-flex-item-align: end;
    align-self: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

.centerAlign
{
    text-align: center;
}

.containerContact
{
    background-color: var(--containerBackground);
}

.containerBorder
{
    border: 1px solid;
    border-color: var(--black-400);
    background-color: var(--black-0);
    padding: 20px;
    border-radius: var(--curvature-med);
}

.backgroundImage2
{
    background: rgb(222, 153, 25);
    background: radial-gradient(circle, rgba(222, 153, 25, 1) 0%, rgba(222, 195, 25, 1) 0%, rgba(222, 153, 25, 1) 100%);
}


.backgroundImage
{
    background: rgb(240, 245, 252);
    background: radial-gradient(circle, rgba(240, 245, 252, 1) 0%, rgba(255, 254, 254, 1) 0%, rgba(240, 245, 252, 1) 100%);
}

.backgroundImage3
{
    background: rgb(86, 87, 132);
    background: radial-gradient(circle, rgba(86, 87, 132, 1) 14%, rgba(42, 43, 74, 1) 100%, rgba(42, 43, 74, 1) 100%);
}

.backgroundImage4 {
    background: rgb(182, 45, 118);
    background: radial-gradient(circle, rgba(182, 45, 118, 1) 14%, rgba(136, 14, 79, 1) 100%, rgba(136, 14, 79, 1) 100%);
}

.backgroundImage5
{
    /*width: 1440px;
    height: 504px;*/
    background-image: radial-gradient(circle at 50% 50%, rgba(16, 21, 86, 0.73), #102d52 65%);
}

.backgroundColour1
{
    background: var(--background-1);
}

.backgroundColour2
{
    background: var(--primary-colour-1);
}

.backgroundColour3
{
    background: var(--black-100);
}

.imageBox img
{
    display: block;
    margin: auto;
}

marquee img
{
    text-align: center;
    padding: 0 60px 40px 0;
}

blockquote
{
    font-size: 2rem;
    background: var(--black-100);
    border-left: 10px solid var(--black-400);
    margin: 5px;
    padding: 0 10px;
    quotes: "\201C""\201D""\2018""\2019";
    padding: 10px 20px;
    line-height: 1;
    border-radius: var(--curvature-sml);
}

blockquote:before
{
    content: open-quote;
    display: inline;
    height: 0;
    line-height: 0;
    left: -10px;
    position: relative;
    top: 40px;
    color: var(--black-400);
    font-size: 3em;
}

.UniversalHistoryMenuBreadcrumbListStructure
{
    margin-left: 10px !important;
}

.PortalNavOverallContainer
{
    margin: 0px 0 40px 0;
}

.PortalNavOverallContainer .PortalNavHeaderContainer
{
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: space-between;
    align-items: center;
}


/********************************************************************************************************************************/
/************************************************************* TABLES ***********************************************************/
/********************************************************************************************************************************/
.table-class
{
    width: 100%;
    margin: 10px auto;
    border: 1px solid var(--black-400);
    border-spacing: 0px;
}

.table-class th
{
    padding: 8px;
    height: 40px;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    color: var(--black-0);
    background-color: var(--black-700);
    border: 1px solid var(--black-700);
    border-right: 1px solid var(--black-0);
    border-bottom: 1px solid;
}

.table-class a
{    
    text-decoration: none;
}
.table-class a:hover
{    
    text-decoration: underline;
}

.table-class th a
{
    color: var(--black-0);
}

.table-class th:last-child
{
    border-right: 1px solid var(--black-700);
}

.table-class td
{
    border-bottom: 1px solid var(--black-400);
    padding: 8px;
    text-align: left;
    border-left: 0px none;
    border-right: 0px none;
    border-spacing: 0px;
}

.table-class .alt
{
    background: var(--black-100);
}

.table-class.altRowBackground tbody tr:nth-child(odd)
{
    background: var(--black-100);
}

.table-class tbody tr:hover
{
    background: var(--black-200);
}

.table-class ul li, .table-class p
{
    font-size: inherit!important;
    line-height: normal!important;
}

.table-class.borderedColumns tbody tr td
{
    border-right: 1px solid var(--black-400)!important;
}

/********************************************************************************************************************************/
/************************************************************** TABS ************************************************************/
/********************************************************************************************************************************/
ul.tabs
{
    padding: 5px 0 !important;
    margin: 20px 0 20px 0 !important;
    font-size: 0 !important;
    list-style-type: none !important;
    text-align: left !important; /* set to left, center, or right to align the tabs as desired */
    padding-left: 10px !important; /* Offset of the first tab */
    border-bottom: 1px solid var(--black-400) !important;
}

ul.tabs li
{
    display: inline;
    margin: 0 !important; /*no distance between tabs*/
    background: var(--black-0) !important;
    margin-right: 5px !important;
}

ul.tabs li a,ul.tabs li span
{
    font-size: 16px;
    font-family: 'Source Sans Pro', arial, sans-serif !important;
    font-weight: 400;
    text-decoration: none !important;
    position: relative !important;
    padding: 10px 15px !important; /* padding for each tab - determining the overall size */
    color: var(--black-600) !important;
    outline: none !important;
    border: 1px solid var(--black-400) !important;
    background: var(--black-300) !important;
    background-color: var(--black-300) !important;
    border-top-left-radius: var(--curvature-sml);
    border-top-right-radius: var(--curvature-sml);
    cursor: pointer;
}

ul.tabs li a:hover
{
    color: var(--black-1000) !important;
    background: var(--black-0) !important;
    text-decoration: none !important;
}

ul.tabs li:last-child a,ul.tabs li:last-child span
{
    border-right: 1px solid var(--black-400) !important;
}

ul.tabs li.selected a, ul.tabs li.selected a:hover,ul.tabs li.selected span
{
    top: 0px !important;
    background: var(--black-0) !important;
    border-bottom: 1px solid var(--black-0) !important;
    color: var(--black-1000) !important;
}

ul.tabs li.selected a:hover
{
    text-decoration: none !important;
}

/**** WINDOW TABS ****/
ul.windowTabs
{
    margin: 10px 0 !important;
}
ul.windowTabs li
{
    display: inline !important;
    margin: 0 !important;
    background: var(--black-0) !important;
}




/********************************************************************************************************************************/
/******************************************************* PORTAL ARTICLE - TAGS **************************************************/
/********************************************************************************************************************************/
.ArticleTagsContainer
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: baseline;
}

.ArticleTagsContainer .TagsLabel
{
    font-size: 21px;
    color: var(--black-900);
}

.ArticleTagsContainer .ArticleTags
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ArticleTagsContainer .ArticleTags .TagLink
{
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.ArticleTagsContainer .ArticleTags .TagDiv
{
    margin: 0px 0px 8px 8px;
    display: inline-table;
    height: 34px;
    border-radius: var(--curvature-sml);
    border: solid 1px var(--black-500);
    background-color: var(--black-100);
    font-stretch: normal;
    font-style: normal;
    line-height: 34px;
    letter-spacing: normal;
    color: var(--black-900);
    text-align: center;
    padding: 0 5px;
}

.ArticleTagsContainer .ArticleTags .TagDiv:hover
{
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    background-color: var(--button-link-one);
    cursor: pointer;
}

/********************************************************************************************************************************/
/***************************************************** PORTAL ARTICLE - COMMENTS ************************************************/
/********************************************************************************************************************************/
.ArticleCommentsStyleContainer
{
    border-radius: var(--curvature-sml);
    padding: 15px 15px;
    background-color: var(--black-200);
    margin-top: 15px;
}

.ArticleCommentsStyleContainer .ArticleCommentsList
{
    margin-bottom: 10px;
}

.ArticleCommentsStyleContainer .ArticleCommentsList a
{
    text-decoration: none;
    color: var(--link-colour-main);
}

.ArticleCommentsStyleContainer .ArticleCommentsList a:hover
{
    text-decoration: underline;
}

.ArticleCommentsStyleContainer .ArticleCommentsListDateTime
{
    color: var(--black-600);
}

.ArticleCommentsFlexContainer
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ArticleCommentsFlexContainer .CommentDiv
{
    padding-left: 15px;
    width: 100%;
    font-family: 'Source Sans Pro', arial, sans-serif !important;
}

.ArticleCommentsProfileImage
{
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.ArticleCommentsEntryForm
{
    height: 100px;
    background-color: var(--black-0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    color: var(--black-500) !important;
}

.ArticleCommentsEntryForm textarea
{
    font-family: 'Source Sans Pro', arial, sans-serif !important;
    width: 100%;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.29px;
    color: var(--black-500) !important;
    border: solid 1px var(--black-400) !important;
    padding: 5px;
}

.ArticleCommentsEntryForm textarea::placeholder
{
    color: var(--black-500) !important;
    font-weight: normal;
}

.ArticleCommentsSubmitButton
{
    border-radius: var(--curvature-med);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    background-color: var(--black-900);
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.05;
    letter-spacing: -0.29px;
    color: var(--black-0);
    cursor: pointer;
    padding: 10px;
}

/********************************************************************************************************************************/
/******************************************** PORTAL ARTICLE - SIMILAR ARTICLE SCROLLER *****************************************/
/********************************************************************************************************************************/
.ArticleScrollerControlParent .bx-wrapper
{
}

.ArticleScrollerControlParent .bx-viewport
{
    height: 120px !important;
    padding-bottom: 20px;
}

.ArticleSimilarArticlesScroller
{
    margin-top: 15px;
}

.ArticleSimilarArticlesScroller .SimilarArticlesWrapper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: solid 1px var(--black-400) !important;
    padding: 5px;
    border-radius: var(--curvature-sml);
}

.ArticleSimilarArticlesScroller .SimilarArticlesWrapper:hover
{
    border-radius: var(--curvature-med);
    -webkit-box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.15);
    background-color: var(--article-background);
}

.ArticleSimilarArticlesScroller .SimilarArticlesTitle
{
    padding-left: 10px;
    width: 100%;
}

.ArticleSimilarArticlesScroller img
{
    width: 100px;
    height: 100px;
    min-width: 100px;
    min-height: 100px;
    max-width: 100px;
    max-height: 100px;
    border-radius: var(--curvature-sml);
}

.ArticleSimilarArticlesScroller a
{
    text-decoration: none;
    color: var(--black-900);
}

/********************************************************************************************************************************/
/************************************************* IRP PORTAL STYLE GUIDE ARTICLE *******************************************************/
/********************************************************************************************************************************/
    .IRPStyleGuideLogosContainer
    {
        margin: 10px 30px;
    }
    .IRPStyleGuideLogosContainer .IRPStyleGuideLogosSubContainer
    {
        display: flex;
        align-items: center;
        margin: 20px 0;
    }
    .IRPStyleGuideLogosContainer .IRPStyleGuideLogosSubContainer .LogoSubContainer
    {
        width: 250px;
    }
    .IRPStyleGuideLogosContainer .IRPStyleGuideLogosSubContainer > div
    {
        margin-right: 20px;
    }

/********************************************************************************************************************************/
/************************************************* CONTACT US PAGE STYLES *******************************************************/
/********************************************************************************************************************************/
.ContactUsSubmitControlsContainer
{
    margin-right: 20px;
}

.ContactUsSubmitControlsContainer .ControlContainer
{
    margin: 10px 0;
}

.ContactUsSubmitControlsContainer .ControlContainer .EntryLabel
{
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black-0);
    margin-bottom: 5px;
}

.ContactUsSubmitControlsContainer .ControlContainer .TextArea
{
    padding: 0 5px;
    border-radius: var(--curvature-med);
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    border: solid 1px var(--black-500);
    background-color: var(--black-0);
    font-size: 18px;
}

.ContactUsSubmitControlsContainer .ControlContainer .Standard
{
    width: 55%;
    height: 40px;
}

.ContactUsSubmitControlsContainer .ControlContainer .EmailAddress
{
    width: 90%;
    height: 40px;
}

.ContactUsSubmitControlsContainer .ControlContainer .Comments
{
    width: 90%;
    padding: 5px;
}

.ContactUsSubmitControlsContainer .ControlContainer input::-webkit-outer-spin-button,
.ContactUsSubmitControlsContainer .ControlContainer input::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}

.ContactUsSubmitControlsContainer .ErrorMessage
{
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.24px;
    color: var(--red-cool);
}

.ContactUsSubmitControlsContainer .ContactUsSubmit
{
    margin-top: 15px;
    padding: 10px 20px;
    border-radius: var(--curvature-med);
    cursor: pointer;
    text-decoration: none;
    font-size: 18px;
    color: var(--black-0);
    border: 1px solid var(--black-400);
    background-color: var(--secondary-color-1);
}
.ContactUsSubmitControlsContainer .ContactUsSubmit:hover
{
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    background-color: var(--black-0);
    color: var(--secondary-color-1);
}

.ContactUsPhoneLink
{
    color: var(--black-1000);
    text-decoration: none;
}

.ContactUsEmailLink
{
    color: var(--link-colour-main);
    text-decoration: none;
}

.ContactUsPeopleOfInterest
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ContactUsHeaderWidthOverride
{
    padding-bottom: 0px !important;
}

/********************************************************************************************************************************/
/*************************************************** REVENUE CALCULATORS ********************************************************/
/********************************************************************************************************************************/
.RevenueModelContainer
{
    font-family: 'Source Sans Pro', arial, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    padding: 20px;
    font-size: 16px;
    font-weight: 600;
    color: var(--black-1000);
}

/***Title Area***/
.RevenueModelContainer .TitleContainer
{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black-900);
    margin-bottom: 20px;
}

.RevenueModelContainer .TitleContainer .SISelectorDropdown
{
    font-size: 17px;
    height: 32px;
    line-height: 32px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: var(--black-900);
    border-radius: var(--curvature-sml);
    position: absolute;
    left: 20px;
}

/***Working out & Results Area***/
.RevenueModelContainer .WorkingOutContentContainer
{
    background-color: var(--black-0);
    margin-top: 15px;
}

.RevenueModelContainer .WorkingOutContentContainer table, .RevenueModelContainer .ResultsContentContainer table
{
    width: 100%;
    border-spacing: 0px;
}

.RevenueModelContainer .WorkingOutContentContainer table.WorkingOutTable
{
    background-color: var(--black-100);
}

.RevenueModelContainer .WorkingOutContentContainer table.WorkingOutTable td
{
    border-bottom: 1px solid var(--black-400);
}

.RevenueModelContainer .WorkingOutContentContainer th
{
    font-size: 18px;
    text-align: left;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black-900);
    border-top: 1px solid var(--black-400);
    border-bottom: 1px solid var(--black-400);
}

.WorkingOutContentContainer th, .WorkingOutContentContainer td, .ResultsContentContainer td
{
    padding: 5px 10px;
    width: 20%;
}

.RevenueModelContainer .WorkingOutContentContainer table.CustomerWorkingOutTable
{
    background-color: var(--black-100);
    font-size: 18px;
}

.RevenueModelContainer .WorkingOutContentContainer table.CustomerWorkingOutTable td
{
    border-bottom: 1px solid var(--black-400);
    padding: 5px 10px;
}

.RevenueModelContainer .ResultsContentContainer
{
    margin-top: 15px;
}

.RevenueModelContainer .ResultsContentContainer .BorderCells td
{
    border-bottom: 1px solid var(--black-400);
}

.RevenueModelContainer .ReturnedValue
{
    font-size: 18px;
    text-align: right;
}

.RevenueModelContainer .HighlightedCell
{
    background-color: var(--black-300);
}

.RevenueModelContainer .KeyResultCell
{
    background-color: var(--black-900);
    color: var(--black-0);
    font-size: 18px;
}

.RevenueModelContainer .BolderValue
{
    font-weight: bold;
    font-size: 18px;
}

.RevenueModelContainer .PercentageKeyResultCell
{
    background-color: var(--black-0);
}

.RevenueModelContainer .FormulaInput
{
    font-size: 18px;
    font-weight: 600;
    width: 133px;
    padding: 0px 10px;
    height: 32px;
    line-height: 32px;
    border-radius: var(--curvature-sml);
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    border: solid 1px var(--black-500);
    background-color: var(--black-0);
}

.RevenueModelContainer .NegativeValue
{
    font-size: 18px;
    color: var(--red-warm);
}

.RevenueModelContainer .PositiveValue
{
    font-size: 18px;
    color: var(--green-hot);
}

.RevenueModelContainer .OnlineSalesCalculationContainer
{
    display: flex;
    align-items: center;
    font-size: 16px!important;
}
.RevenueModelContainer .OnlineSalesCalculationContainer .OnlineSalesCalculationSubHeader
{
    margin-bottom: 3px;
    text-align: center;
    font-size: 16px!important;
    color: var(--black-700)!important;
}
.RevenueModelContainer .OnlineSalesCalculationContainer .OnlineSalesInput
{
    font-size: 16px!important;
    font-weight: 600;
    width: 100px;
    padding: 0px 10px;
    height: 30px;
    line-height: 30px;
    border-radius: var(--curvature-sml);
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    border: solid 1px var(--black-400);
    background-color: var(--black-0);
    color: var(--black-700)!important;
}

.CustomerWorkingOutTable .FormulaInput
{
    text-align: center;
}
.MarketingCostsExtraStatsContainer
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.MarketingCostsExtraStatsContainer img
{
    max-width: 30px;
}

/***Bottom Bttton Area***/
.RevenueModelContainer .ButtonContainer
{
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.RevenueModelContainer .ButtonContainer .Switcher
{
    font-size: 14px;
}

.RevenueModelContainer .ButtonContainer .Buttons
{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.RevenueModelContainer .ButtonBasisContainer
{
    height: 42px;
    border-radius: var(--curvature-med);
    padding: 0 12px;
    font-size: 14px;
    line-height: 42px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    margin-left: 6px;
    cursor: pointer;
}

.RevenueModelContainer .ResetButton
{
    background-color: var(--black-0);
    border: 1px solid var(--black-400);
    color: var(--black-600) !important;
}

.RevenueModelContainer .SubmitButton
{
    background-color: var(--green-warm);
    border: 1px solid var(--green-warm);
    color: var(--black-0);
}

.RevenueModelContainer .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
    background: var(--black-0) !important;
    background-color: var(--black-0) !important;
    border: 1px solid var(--black-500) !important;
    color: var(--black-500) !important;
    height: 42px;
    line-height: 42px;
}

.RevenueModelContainer .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
    background: var(--green-warm) !important;
    background-color: var(--green-warm) !important;
    border: 1px solid var(--black-500) !important;
    color: var(--black-0) !important;
    height: 42px;
    line-height: 42px;
}

.RevenueModelContainer .ui-button-text-only .ui-button-text
{
    padding: 0 12px;
    line-height: 42px;
    font-size: 14px;
}

.RevenueModelContainer .FormulaInput
{
    width: 170px !important;
    font-size: 28px !important;
    text-align: center !important;
    font-weight: normal !important;
    padding: 3px;
}

.RevenueModelContainer .PositiveValue
{
    font-size: 22px !important;
    font-weight: 600 !important;
}

.RevenueModelContainer .NegativeValue
{
    font-size: 22px !important;
    font-weight: 600 !important;
}

.RevenueModelContainer .ButtonBasisContainer
{
    font-size: 18px !important; 
    font-weight: unset !important;
}




/********************************************************************************************************************************/
/************************************************ FRONT END LICENCES PAGES ******************************************************/
/********************************************************************************************************************************/
.table-licences
{
    width: 100%;
    margin: 10px auto;
    border: 1px solid var(--black-400);
    border-spacing: 0px;
}
.table-licences th
{
    padding: 8px;
    height: 40px;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    color: var(--black-0);
    background-color: var(--black-700);
    border: 1px solid var(--black-0);
    border-right: 1px solid var(--black-0);
    border-bottom: 1px solid;
}
.table-licences a
{    
    text-decoration: none;
}
.table-licences a:hover
{    
    text-decoration: underline;
}
.table-licences th a
{
    color: var(--black-0);
}
.table-class th:last-child
{
    border-right: 1px solid var(--black-0);
}
.table-licences td
{
    border-bottom: 1px solid var(--black-400);
    padding: 8px;
    text-align: left;
    border-left: 0px none;
    border-right: 0px none;
    border-spacing: 0px;
}
.table-licences .alt
{
    background: var(--black-100);
}
.table-licences.altRowBackground tbody tr:nth-child(odd)
{
    background: var(--black-100);
}
.table-licences tbody tr:hover
{
    background: var(--black-200);
}
.table-licences ul li, .table-licences p
{
    font-size: inherit!important;
    line-height: normal!important;
}
.table-licences.borderedColumns tbody tr td
{
    border-right: 1px solid var(--black-400)!important;
}




/********************************************************************************************************************************/
/************************************************ TOP LICENCE SUMMARY & SAM *****************************************************/
/********************************************************************************************************************************/
.LicenceDetailsFlexContainer
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-items: center;
}

/************/
.LicenceDetailsSAMContainer
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;

    /*height: 46px;*/
    border-radius: var(--curvature-sml);
    border: solid 1px var(--black-400);
    background-color: var(--black-0);
    padding: 0 10px;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black-900);
}
.LicenceDetailsSAMContainer .SAMSubFlexContainer
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.LicenceDetailsSAMContainer .SAMSubFlexContainer > div
{
    height: 18px;
}
.LicenceDetailsSAMContainer a
{
    color: var(--black-1000);
    text-decoration: none;
    font-weight: 600;
}
.LicenceDetailsSAMContainer .SAMProfileImage
{
    width: 33.6px;
    height: 33.6px;
    border-radius: 50%;
}
.LicenceDetailsSAMContainer .SAMspacing
{
    margin-right: 10px;
}

.AgencySupportManagerContainer
{
    border-radius: var(--curvature-med);
    box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.15);
    background-color: var(--black-0);
                    
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--black-900);
    padding: 5px 0;

    justify-content: center;
    align-items: center;
}
.AgencySupportManagerContainer > div
{
    padding: 0 10px;
}
.AgencySupportManagerContainer a
{
    color: var(--black-900);
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}
.AgencySupportManagerContainer a:hover
{
    text-decoration: underline;
}
.AgencySupportManagerContainer .AgencySupportManagerSubFlexContainer
{
    display: inline-flex;
    align-items: center;
}
.AgencySupportManagerContainer .AgencySupportManagerSubFlexContainer .EmailIconDiv
{
    padding-left: 10px;
}

/************/
.LicenceDetailsRightContainer
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.LicenceDetailsRightContainer > div
{
    margin: 0 0 0 4px !important;
}

/*************/
.LicenceDetailsPriceAndSellingSummaryContainerStats
{
    background-color: var(--black-0);
    font-size: 1.3125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.LicenceDetailsPriceAndSellingSummaryContainerStats > div
{
    padding: 5px 10px;
    margin-right: 50px;
}
.LicenceDetailsPriceAndSellingSummaryContainerStats > div.Highlighted
{
    background-color: var(--black-200);
}
.LicenceDetailsPriceAndSellingSummaryContainerStats .Value
{
    font-weight: 600;
}

/************/
.LicenceDetailsRightButtonContainer
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-top: 30px;
    justify-content: flex-end;
}
.LicenceDetailsRightButtonContainer > div
{
    margin-left: 4px;
}

/************/
.LicenceDetailsSummaryContainer
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    padding: 0 10px;
    font-size: 16px;
}
.LicenceDetailsSummaryContainer .SubContainer
{
    text-align: center;
}
.LicenceDetailsSummaryContainer .Value
{
    margin-left: 5px;
    font-weight: bold;
}

.IRPEcommerceReportTopNavBannerDesktop {
background-color: #004BFF important!;
}

/********************************************************************************************************************************/
/*********************************************************** NEWS & EVENTS ******************************************************/
/********************************************************************************************************************************/
.NAEHomePageHeaderDiv
{
    padding: 20px 10px;
}
.NAEHomePageHeaderDiv > h1
{
    font-weight: 500;
    font-family: co-headline,sans-serif;
}

.NAETopArticleContainerPanel .NAENewestArticleContainer
{
    font-family: lato!important;
    background-color: var(--black-100);
    padding: 30px;
}

.NAETopArticleContainerPanel .NAENewestArticleContainer a
{
    font-family: lato!important;
    text-decoration: none;
}

.NAETopArticleContainerPanel .NAENewestArticleContainer img
{
    width: 100%;
}

.NAETopArticleContainerPanel .NAENewestArticleContainer .Title
{
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: var(--black-900);
    margin-top: 15px;
}

.NAETopArticleContainerPanel .NAENewestArticleContainer .Details
{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black-900);
    margin-top: 10px;
}

.NAETopArticleContainerPanel .NAENewestArticleContainer .DateTime
{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black-600);
    margin-top: 25px;
}

/**********/

.NAESectionHeaderContainer
{
    font-family: co-headline,sans-serif!important;
    font-size: 32px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: -0.25px;
    color: var(--black-900);
    padding: 0 0 10px 30px;
}

/**********/

.NAEArticleTopTilesContainer
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    font-family: lato!important;
}

.NAEArticleTopTilesContainer .TopTile
{
    padding: 10px;
    margin: 20px;
    width: 240px;
}

.NAEArticleTopTilesContainer .TopTile a
{
    font-family: lato!important;
    text-decoration: none;
}

.NAEArticleTopTilesContainer .TopTile .image img
{
    width: 100%;
}

.NAEArticleTopTilesContainer .TopTile .title
{
    margin-top: 12px;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: var(--black-900);
}

.NAEArticleTopTilesContainer .TopTile .details
{
    margin-top: 5px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black-600);
}

/**********/

.NAEFeaturedArticleContainer
{
    font-family: lato!important;
    background-color: var(--black-100);
    margin-bottom: 30px;
}

.NAEFeaturedArticleContainer a, .NAEInvisibleLink
{
    text-decoration: none;
}

.NAEFeaturedArticleContainer .image
{
    padding: 30px;
}

.NAEFeaturedArticleContainer .image img
{
    max-width: 550px;
    width: 100%;
}

.NAEFeaturedArticleContainer .details
{
    padding: 30px;
}

.NAEFeaturedArticleContainer .details .detailsTitle
{
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: var(--black-900);
}

.NAEFeaturedArticleContainer .details .detailsSynopsis
{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black-900);
    margin-top: 10px;
}

.NAEFeaturedArticleContainer .details .detailsDateTime
{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black-600);
    margin-top: 15px;
}

/**********/

.NAEArticleTilesContainer
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: lato!important;
}

.NAEArticleTilesContainer .NAEArticleContainer
{
    padding: 10px;
    margin: 20px;
    width: 240px;
}

.NAEArticleTilesContainer .NAEArticleContainer a
{
    font-family: lato!important;
    text-decoration: none;
}

.NAEArticleTilesContainer .NAEArticleContainer .image img
{
    width: 100%;
}

.NAEArticleTilesContainer .NAEArticleContainer .title
{
    margin-top: 12px;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: var(--black-900);
}

.NAEArticleTilesContainer .NAEArticleContainer .details
{
    margin-top: 5px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black-600);
}

/*** NEWS & EVENTS READ ARTICLE ***/
.NAEArticleTopSectionContainer .MainDetailsContainer
{
    padding: 20px;
    padding-right: 10%;
    font-family: lato!important;
}
.NAEArticleTopSectionContainer .DisplayImageContainer
{
    padding: 20px;
}

.NAEArticleTopSectionContainer .MainDetailsContainer .Subtitle
{
    font-size: 20px;
    color: var(--black-600);
    margin-bottom: 20px;
}
.NAEArticleTopSectionContainer .MainDetailsContainer .Title
{
    font-size: 40px;
    color: #000;
    margin-bottom: 20px;
    font-family: lato!important;
    font-weight: 600;
}
.NAEArticleTopSectionContainer .MainDetailsContainer .Synopsis
{
    font-size: 20px;
    color: var(--black-600);
    margin-bottom: 20px;
}
.NAEArticleTopSectionContainer .MainDetailsContainer .NAEArticleAuthorContainer
{
    display: flex;
    margin-bottom: 20px;
}
.NAEArticleTopSectionContainer .MainDetailsContainer .NAEArticleAuthorContainer a
{
    color: var(--black-1000)!important;
    font-weight: 600;
}
.NAEArticleTopSectionContainer .MainDetailsContainer .NAEArticleAuthorContainer .AuthorImage
{
    max-height: 70px;
    max-width: 70px;
    border-radius: 50%;
}
.NAEArticleTopSectionContainer .MainDetailsContainer .NAEArticleAuthorContainer .AuthorName
{
    margin-left: 10px;
    color: var(--black-0);
}                
.NAEArticleTopSectionContainer .MainDetailsContainer .NAEArticleAuthorContainer .DatePublished
{
    margin-left: 10px;
}

.NAEArticleTopSectionContainer .MainDetailsContainer .NAEArticleSocialMediaButtonContainer > div
{
    margin-right: 20px;
}

.NAEArticleTopSectionContainer .DisplayImageContainer > img
{
    width: 100%;
}

.NAEArticleMainTextContent, .NAEArticleMainTextContent article
{
    font-family: lato!important;
    line-height: 2rem;
}
.NAEArticleMainTextContent h2
{
    line-height: 2.25rem!important;
}

.NAEArticleScrollerHeaderContainer
{
    border-bottom: 5px solid var(--black-600)!important;
    margin-bottom: 20px;
}
.NAEArticleScrollerHeaderContainer .NAEArticleScrollerHeaderTab
{
    background-color: var(--black-600);
    cursor: pointer;
    color: var(--black-0);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-left: 10px;
}
.NAEArticleScrollerContentContainer .ArticleTitle
{
    margin-top: 10px;
}
.NAEArticleScrollerContentContainer > a
{
    text-align: center;
    font-size: 16px;
    color: var(--black-700);
    text-decoration: none!important;
}



/********************************************************************************************************************************/
/********************************************************** STRATEGY CENTRE *****************************************************/
/********************************************************************************************************************************/
/**** Strategy Centre Slide Out Menu ****/
.StrategyCentreMenuIconContainer
{
    background-color: var(--irp-lilac);
    padding: 5px 10px;
    color: var(--black-0);
    font-family: lato;
}

.StrategyCentreMenuIconContainer .StrategyCentreMenuItemBox
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--black-700);
    border-radius: var(--curvature-sml);
    padding: 5px;
    cursor: pointer;
    width: 70px;
}
.StrategyCentreMenuIconContainer .StrategyCentreMenuItemBox img
{
    max-width: 20px;
    max-height: 20px;
}

.StrategyCenterleftNavContainer
{
    background-color: var(--black-0);
    box-shadow: 0 3px 16px 0 rgba(0,0,0,.25);
    width: 500px;
    height: 50%;
    z-index: 500;
    position: absolute;
    left: -100%;
    overflow-x: hidden;
    padding: 15px;
    font-family: lato;
}

/**** Strategy Centre Home ****/
.StrategyCentreHomePageHeaderDiv
{
    padding: 20px 10px;
}
.StrategyCentreHomePageHeaderDiv > h1
{
    font-weight: 500;
    font-family: co-headline,sans-serif;
}

.StrategyCentreTopArticleContainerPanel .StrategyCentreNewestArticleContainer
{
    background-color: var(--black-100);
    padding: 30px;
    font-family: lato!important;
}

.StrategyCentreTopArticleContainerPanel .StrategyCentreNewestArticleContainer a
{
    text-decoration: none;
}

.StrategyCentreTopArticleContainerPanel .StrategyCentreNewestArticleContainer img
{
    width: 100%;
}

.StrategyCentreTopArticleContainerPanel .StrategyCentreNewestArticleContainer .Title
{
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: var(--black-900);
    margin-top: 15px;
}

.StrategyCentreTopArticleContainerPanel .StrategyCentreNewestArticleContainer .Details
{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black-900);
    margin-top: 10px;
}

.StrategyCentreTopArticleContainerPanel .StrategyCentreNewestArticleContainer .DateTime
{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black-600);
    margin-top: 25px;
}

/**********/

.StrategyCentreSectionHeaderContainer
{
    font-family: co-headline,sans-serif!important;
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: -0.25px;
    color: var(--black-900);
    padding: 0 0 10px 30px;
}

/**********/

.StrategyCentreArticleTopTilesContainer
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    font-family: lato!important;
}

.StrategyCentreArticleTopTilesContainer .TopTile
{
    padding: 10px;
    margin: 20px;
    width: 240px;
}

.StrategyCentreArticleTopTilesContainer .TopTile a
{
    text-decoration: none;
    font-family: lato!important;
}

.StrategyCentreArticleTopTilesContainer .TopTile .image img
{
    width: 100%;
}

.StrategyCentreArticleTopTilesContainer .TopTile .title
{
    margin-top: 12px;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: var(--black-900);
}

.StrategyCentreArticleTopTilesContainer .TopTile .details
{
    margin-top: 5px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black-600);
}

/**********/

.StrategyCentreFeaturedArticleContainer
{                
    background-color: var(--black-100);
    margin-bottom: 30px;
    font-family: lato!important;
}

.StrategyCentreFeaturedArticleContainer a, .StrategyCentreInvisibleLink
{
    text-decoration: none;
}

.StrategyCentreFeaturedArticleContainer .image
{
    padding: 30px;
}

.StrategyCentreFeaturedArticleContainer .image img
{
    max-width: 550px;
    width: 100%;
}

.StrategyCentreFeaturedArticleContainer .details
{
    padding: 30px;
}

.StrategyCentreFeaturedArticleContainer .details .detailsTitle
{
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: var(--black-900);
}

.StrategyCentreFeaturedArticleContainer .details .detailsSynopsis
{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black-900);
    margin-top: 10px;
}

.StrategyCentreFeaturedArticleContainer .details .detailsDateTime
{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black-600);
    margin-top: 15px;
}

/**********/

.StrategyCentreArticleTilesContainer
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: lato!important;
}

.StrategyCentreArticleTilesContainer .StrategyCentreArticleContainer
{
    padding: 10px;
    margin: 20px;
    width: 240px;
}

.StrategyCentreArticleTilesContainer .StrategyCentreArticleContainer a
{
    text-decoration: none;
}

.StrategyCentreArticleTilesContainer .StrategyCentreArticleContainer .image img
{
    width: 100%;
}

.StrategyCentreArticleTilesContainer .StrategyCentreArticleContainer .title
{
    margin-top: 12px;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: var(--black-900);
}

.StrategyCentreArticleTilesContainer .StrategyCentreArticleContainer .details
{
    margin-top: 5px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black-600);
}


/*** Strategy Centre READ ARTICLE ***/
.StrategyCentreArticleTopSectionContainer .MainDetailsContainer
{
    padding: 20px;
    padding-right: 10%;
    font-family: lato!important;
}

.StrategyCentreArticleTopSectionContainer .DisplayImageContainer
{
    padding: 20px;
}

.StrategyCentreArticleTopSectionContainer .MainDetailsContainer .Subtitle
{
    font-size: 20px;
    color: var(--black-600);
    margin-bottom: 20px;
}

.StrategyCentreArticleTopSectionContainer .MainDetailsContainer .Title
{
    font-size: 40px;
    font-weight: bold;
    color: #000;
    margin-bottom: 20px;
    font-family: lato!important;
    font-weight: 600;
}

.StrategyCentreArticleTopSectionContainer .MainDetailsContainer .Synopsis
{
    font-size: 20px;
    color: var(--black-600);
    margin-bottom: 20px;
}

.StrategyCentreArticleTopSectionContainer .MainDetailsContainer .StrategyCentreArticleAuthorContainer
{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.StrategyCentreArticleTopSectionContainer .MainDetailsContainer .StrategyCentreArticleAuthorContainer a
{
    color: var(--black-1000) !important;
    font-weight: 600;
    font-family: lato!important;
}

.StrategyCentreArticleTopSectionContainer .MainDetailsContainer .StrategyCentreArticleAuthorContainer .AuthorImage
{
    max-height: 70px;
    max-width: 70px;
    border-radius: 50%;
}

.StrategyCentreArticleTopSectionContainer .MainDetailsContainer .StrategyCentreArticleAuthorContainer .AuthorName
{
    margin-left: 10px;
    color: var(--black-0);
}

.StrategyCentreArticleTopSectionContainer .MainDetailsContainer .StrategyCentreArticleAuthorContainer .DatePublished
{
    margin-left: 10px;
}

.StrategyCentreArticleTopSectionContainer .MainDetailsContainer .StrategyCentreArticleSocialMediaButtonContainer > div
{
    margin-right: 20px;
}

.StrategyCentreArticleTopSectionContainer .DisplayImageContainer > img
{
    width: 100%;
}

.StrategyCentreArticleMainContentContainer, .StrategyCentreArticleMainContentContainer article
{
    font-family: lato!important;
    line-height: 2rem;
}
.StrategyCentreArticleMainContentContainer h2
{
    line-height: 2.25rem!important;
}

.StrategyCentreArticleScrollerHeaderContainer
{
    border-bottom: 5px solid var(--black-600) !important;
    margin-bottom: 20px;
}

.StrategyCentreArticleScrollerHeaderContainer .StrategyCentreArticleScrollerHeaderTab
{
    background-color: var(--black-600);
    cursor: pointer;
    color: var(--black-0);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-left: 10px;
}

.StrategyCentreArticleScrollerContentContainer .ArticleTitle
{
    margin-top: 10px;
}

.StrategyCentreArticleScrollerContentContainer > a
{
    text-align: center;
    font-size: 16px;
    color: var(--black-700);
    text-decoration: none !important;
}

.StrategyCentreArticleSocialMediaButtonContainer .ArticleViewsBox
{
    cursor: pointer;
    padding: 0 2px;          
    color: var(--black-1000);
    border: 1px solid var(--black-1000);
    background-color: var(--black-100);
    border-radius: var(--curvature-sml);
}
.StrategyCentreArticleSocialMediaButtonContainer .ArticleViewsBox a
{
    text-decoration: none!important;    
    color: var(--black-1000)!important;
}

.StrategyCentreExtraContentHeaderContainer
{
    border-bottom: 5px solid var(--black-600)!important;
    margin-bottom: 10px;
    margin-top: 30px;
}
.StrategyCentreExtraContentHeaderContainer .StrategyCentreExtraContentHeader
{
    background-color: var(--black-600);
    cursor: pointer;
    color: var(--black-0);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-left: 10px;
    text-align: center;
    font-family: lato;
}
.StrategyCentreExtraContent
{
    font-family: lato;
}

.StrategyCentreExtraContent .StrategyCentreExtraContentGrid
{
    border-bottom: 1px solid var(--black-200);
}
.StrategyCentreExtraContent .StrategyCentreExtraContentGrid img
{
    max-width: 40px;
    max-height: 40px;
}
.StrategyCentreExtraContent .StrategyCentreLoginToCommentContainer
{
    text-align: center;
}






/********************************************************************************************************************************/
/****************************************************** HOMEPAGE VIDEO SCROLLER *************************************************/
/********************************************************************************************************************************/
.quotes
{
    display: none;
}


/********************************************************************************************************************************/
/************************************************************ SEARCH RESULTS PAGE ********************************************************/
/********************************************************************************************************************************/
.SearchResultsPageHeaderContainer
{
    background-color: var(--secondary-color-1);
    color: var(--black-0);
    text-align: center;
    padding: 10px;
}

.SearchResultsBodyContainer
{
    display: flex;
    margin-bottom: 25px;
}
.SearchResultsBodyContainer .RefineContainer
{
    width: 25%;
}
.SearchResultsBodyContainer .ResultsContainer
{
    width: 100%;
    margin-left: 10px;
}

/****/

.SearchResultsBodyContainer .RefineContainer > div
{
    padding: 10px;
    color: var(--black-800);
    font-weight: 400;
    border-bottom: 1px solid var(--black-300);
}
.SearchResultsBodyContainer .RefineContainer > div td
{
    padding-top: 5px;
}

.SearchResultsBodyContainer .RefineContainer .MainRefineHeader
{
    line-height: 25px;
    height: 25px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid var(--black-300);
    background-color: var(--black-0)!important;
}
                
.SearchResultsBodyContainer .RefineContainer .MainRefineLink > a
{
    text-decoration: none;
    color: var(--secondary-color-1);
    font-weight: 400;
}
.SearchResultsBodyContainer .RefineContainer .MainRefineLink > a > div
{
    padding: 5px;
}
.SearchResultsBodyContainer .RefineContainer .MainRefineLink > a > div:hover
{
    background-color: var(--black-300);
    transition: 0.5s;
}

.SearchResultsBodyContainer .RefineContainer .MainRefineLink a.Selected
{                    
    color: var(--black-0);
    font-weight: 600;
}
.SearchResultsBodyContainer .RefineContainer .MainRefineLink > a.Selected div
{
    background-color: var(--secondary-color-1);
}

.SearchResultsBodyContainer .RefineContainer .SubRefineHeader
{
    font-weight: 600;
    margin-bottom: 10px;
}
                
.SearchResultsBodyContainer .RefineContainer input[type=radio]
{
    transform: scale(1.3);
    margin-right: 10px;
}

.SearchResultsBodyContainer .RefineContainer input[type=checkbox]
{
    transform: scale(1.3);
    margin-right: 10px;
}

/****/

.SearchResultsBodyContainer .ResultsContainer .ResultsTopOptionsContainer
{
    line-height: 25px;
    height: 25px;
    padding: 10px;
    text-align: right;
    border-bottom: 1px solid var(--black-300);
}

.SearchResultsBodyContainer .ResultsContainer .ResultRowContainer
{
    border-bottom: 1px solid var(--black-300);
    color: var(--black-800);
    font-weight: 400;
    min-height: 100px;
}

.SearchResultsBodyContainer .ResultsContainer .SearchResultsNoResults
{
    text-align: center;
    margin-top: 50px;
    font-size: 26px;
    color: var(--secondary-color-1);
}

.SearchResultsBodyContainer .ResultsContainer .ResultRowContainer .ViewResultButton
{
    background-color: var(--secondary-color-1);
    color: var(--black-0);
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none!important;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    padding: 8px 12px 8px 12px;
}

.SearchResultsBodyContainer .ResultsContainer .ResultRowContainer a
{
    text-decoration: none;
    color: var(--black-1000);
    font-weight: 400;
}
.SearchResultsBodyContainer .ResultsContainer .ResultRowContainer a:hover
{
    text-decoration: underline;
}

.SearchResultsBodyContainer .ResultsContainer .ResultRowContainer .KeyValue
{
    color: var(--black-1000);
    font-weight: 600;
    font-size: 1.125rem;
}
.SearchResultsBodyContainer .ResultsContainer .ResultRowContainer .KeyValue a
{
    color: var(--black-1000);
    font-weight: 600;
    font-size: 1.125rem;
    text-decoration: none!important;
}
.SearchResultsBodyContainer .ResultsContainer .ResultRowContainer .SubKeyValue
{
    color: var(--black-1000);
    font-weight: 400;
}

.SearchResultsBodyContainer .ResultsContainer .ResultRowContainer .Extra
{
    margin-top: 10px;
}

.SearchResultsBodyContainer .ResultsContainer .ResultRowContainer .FlexDisplay
{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.SearchResultsBodyContainer .ResultsContainer .ResultRowContainer .FlexDisplay > div
{
    margin-right: 10px;
}
                
.SearchResultsBodyContainer .ResultsContainer .ResultRowContainer .SystemsIntegratorTag
{
    color: var(--AgencyPersonaColour)!important;
    font-weight: 400;
}
.SearchResultsBodyContainer .ResultsContainer .ResultRowContainer .IRPCustomerTag
{
    color: var(--IRPCustomerPersonaColour)!important;
    font-weight: 400;
}
.SearchResultsBodyContainer .ResultsContainer .ResultRowContainer .ServiceProviderTag
{
    color: var(--ServiceProviderPersonaColour)!important;
    font-weight: 400;
}
.SearchResultsBodyContainer .ResultsContainer .ResultRowContainer .IndustryConnectionTag
{
    color: var(--IndustryConnectionPersonaColour)!important;
    font-weight: 400;
}

.SearchResultsBodyContainer .ResultsContainer .ResultRowContainer .MarketTag
{
    color: var(--green-warm)!important;
    font-weight: 400;
}

.SearchResultsBodyContainer .ResultsContainer .ResultRowContainer .EcommerceManagerTag
{
    color: var(--gold-colour);
}

.SearchResultsBodyContainer .ResultsContainer .ResultRowContainer .CompanyServicesTagContainer
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.SearchResultsBodyContainer .ResultsContainer .ResultRowContainer .CompanyServicesTag
{
    background-color: var(--black-100);
    padding: 4px 8px;
    border: 1px solid var(--black-300);
    border-radius: var(--curvature-sml);
    margin-right: 6px;
    margin-top: 6px
}

.SearchResultsBodyContainer .ResultsContainer .ResultRowContainer .SearchMarketRating
{
    color: var(--gold-colour);
    border: 1px solid var(--gold-colour);
    border-radius: var(--curvature-sml);
    padding: 0px 5px;
    margin-right: 2px;
}
.SearchResultsBodyContainer .ResultsContainer .ResultRowContainer .SearchAbilityRating
{
    color: var(--gold-colour);
    border: 1px solid var(--gold-colour);
    border-radius: var(--curvature-sml);
    padding: 0px 5px;
    margin-right: 2px;
}
.SearchResultsBodyContainer .ResultsContainer .ResultRowContainer .SearchTierRating
{
    color: var(--black-600);
    border: 1px solid var(--black-600);
    border-radius: var(--curvature-sml);
    padding: 0px 5px;
    margin-right: 2px;
}

.SearchResultsBodyContainer .ResultsContainer .ResultRowContainer .ProfileAccountTypeIndicatorBadge
{
    padding: 0px 5px;
    font-size: 16px;
    font-weight: 400!important;
    background-color: var(--black-800)!important;
    color: var(--black-0)!important;
    text-decoration: none!important;
    border-radius: var(--curvature-sml);
}

.SearchResultsBodyContainer .ResultsContainer .ResultRowContainer .HighlightedSearchedTerm
{
    font-weight: 600!important;
    background-color: yellow;
}

.SearchResultsBodyContainer .ResultsContainer .SearchResultsUpdateProgressBackground
{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: var(--black-0);
    filter: alpha(opacity=40);
    opacity: 0.4;
    z-index: 1000;
}
.SearchResultsBodyContainer .ResultsContainer .SearchResultsUpdateProgressContainer
{
    text-align: center;
    padding: 10px;
    z-index: 10000;
    position: fixed;
    left: 50%;
    top: 50%;
}
.SearchResultsBodyContainer .ResultsContainer .SearchResultsUpdateProgressContainer img
{
    max-width: 50px!important;
}

.SearchResultsBodyContainer .InviteToJoinContentContainer
{
    margin: 20px 20px;
}

.SearchResultsBodyContainer .InviteToJoinContentContainer .InviteSuccessErrorMessageContainer
{
    margin-top: 20px;
}
.SearchResultsBodyContainer .InviteToJoinContentContainer .InviteSuccessErrorMessageContainer .Error
{
    color: var(--red-cool);
}
.SearchResultsBodyContainer .InviteToJoinContentContainer .InviteSuccessErrorMessageContainer .Success
{
    color: var(--green-cool);
}

.SearchResultsBodyContainer .InviteToJoinContentContainer .InviteControlsContainer
{
    margin-top: 20px;
    width: 80%;
    text-align: left;
}
.SearchResultsBodyContainer .InviteToJoinContentContainer .InviteControlsContainer > div
{
    margin-bottom: 15px;
}
.SearchResultsBodyContainer .InviteToJoinContentContainer .InviteControlsContainer .InstructionText
{
    color: var(--black-400);
    margin-bottom: 10px!important;
}
.SearchResultsBodyContainer .InviteToJoinContentContainer .InviteControlsContainer .SendInvitesButtonContainer
{
    text-align: right;
}



/********************************************************************************************************************************/
/********************************************************** KNOWLEDGE BASE ******************************************************/
/********************************************************************************************************************************/
/***Left Nav Section Headers***/
.KBLeftNavGroupingHeaderLink
{        
    font-size: 14px!important;
    color: var(--black-1000)!important;
}

.KBLeftNavGroupingHeaderLinkDiv
{
    padding: 10px;
    color: var(--black-1000)!important;
    border: 1px solid var(--black-400);
    background-color: var(--black-300);
    text-align: center;
    font-size: 14px;
}

/***Home***/
.KBRelativeHeaderSection
{
    background: var(--knowledge-base-portal-colour);
    background-image: radial-gradient(circle at 50% 43%, #043d60, #01273e 26%);
    text-align: center;
}

.KBHomeFeaturedHeaderContainer
{
    padding: 15px 15px 0 25px;
}

.KBHomeFeaturedHolder
{
    width: 258px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-pack: distribute;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: distribute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--black-600);
}
.KBHomeFeaturedHolder img
{
    width: 100%;
}
.KBHomeFeaturedHolder a
{                
    color: var(--black-600);
    text-decoration: none;
}
.KBHomeFeaturedHolder a:hover
{
    color: var(--black-900);
}

/***Article Page***/
.KBContentContainerClass .standard-table /*Table*/
{
    border-collapse: collapse;
    margin-bottom: 40px;
}
.KBContentContainerClass .standard-table tr, .KBContentContainerClass .standard-table tbody tr /*Row*/
{
    border: 1px Solid #888888;
}
.KBContentContainerClass .standard-table-cell /*Cell*/
{
    border: 1px Solid #888888;
    padding-left: 5px;
    padding-right: 5px;
}
.KBContentContainerClass .standard-table-heading-cell /*Table Header*/
{
    border: 1px Solid #888888;
    background-color: #F2F2F2;
    color: #0F5B99;
    padding-left: 5px;
    padding-right: 5px;
}
.KBContentContainerClass .standard-table-sub-heading-cell /*Table Sub Header*/
{
    border: 1px solid #888888;
    font-weight: bold;
    background-color: #F2F2F2;
    color: #0F5B99;
    padding-left: 5px;
    padding-right: 5px;
}
.KBContentContainerClass .column1
{
    width: 25%;
    border-top: 1px solid #0f5b99;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #0f5b99;
    border-left: 1px solid #0f5b99;
    background-color: #0f5b99;
    color: #ffffff;
    padding-left: 5px;
}
.KBContentContainerClass .column2
{
    width: 75%;
    border: 1px solid #0f5b99;
    background-color: #0f5b99;
    color: #ffffff;
    padding-left: 5px;
}
.KBContentContainerClass .column3
{
    width: 400px;
    border: 1px Solid #888888;
    background-color: #f2f2f2;
    color: #0F5B99;
    padding-left: 5px;
}
.KBContentContainerClass .widecolumn1
{
    width: 200px;
    border: 1px Solid #888888;
    background-color: #f2f2f2;
    color: #0F5B99;
    padding-left: 5px;
}
.KBContentContainerClass .widecolumn2
{
    width: 500px;
    border: 1px Solid #888888;
    background-color: #f2f2f2;
    color: #0F5B99;
    padding-left: 5px;
}
.KBContentContainerClass .midtablehead
{
    font-weight: bold;
    border: 1px solid #888888;
    color: #0f5b99;
    padding: 5px 0;
    text-align: center;
}

.KBContentContainerClass iframe
{                
    width: 100%;
}

.KBContentContainerClass .ButtonBase
{
    color: var(--black-0);
    font-size: 14px;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-family: lato;
}
.KBContentContainerClass .SignIn
{
    background-color: var(--primary-colour-1);
    border: 1px solid var(--primary-colour-1);
}
.KBContentContainerClass .Cancel
{
    background-color: var(--red-warm);
    border: 1px solid var(--red-warm);
}
.KBContentContainerClass .Submit
{
    background-color: var(--green-warm);
    border: 1px solid var(--green-warm);
}

.KBArticleSectionFlexContainer
{
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
}
.KBArticleSectionFlexContainer .SectionTitle
{
    padding-right: 10px;
}
.KBArticleSectionFlexContainer .SectionImage
{
}

.KBArticleVideoContainer
{
}
.KBArticleVideoContainer .VideoTitle
{
    font-weight: 600;
    margin-bottom: 10px;
}
.KBArticleVideoContainer .Video
{
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.KBArticleVideoContainer .Video iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.KBArticleVideoContainer .Caption
{
    margin-bottom: 10px;
}
.KBArticleVideoContainer .KBArticleVideoContainer
{
}

.KBArticleFAQQuestion
{
    font-weight: 600;
    margin-bottom: 5px;
}
.KBArticleFAQAnswer
{
}

.KBArticleAppSettingHeader
{
    font-weight: 600;
    margin-bottom: 5px;
}
.KBArticleAppSettingContent
{
}

.KBArticleHTGOverallHeaderContainer
{
    display: flex;
    align-items: center;
    background-color: var(--black-200);
    border: 1px solid var(--black-400);
    margin-bottom: 10px;
}
.KBArticleHTGHeaderImgTitleContainer
{
    width: 100%;
    font-size: 20px;
    padding: 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.KBArticleHTGClipboardCopyContainer
{
    text-align: right;
    padding: 10px;
    width: 15%;
}
.KBArticleHTGClipboardCopyContainer a
{
    color: var(--link-colour-main);
    cursor: pointer;
}
.KBArticleHTGClipboardCopyContainer a:hover
{
    text-decoration: underline;
}
.KBArticleHTGContentContainer
{
    padding: 0 10px;
}

.KBArticleTopAskQuestionContainer
{
    background-color: var(--black-100);
    border: 1px solid var(--black-400);
    border-radius: var(--curvature-sml);
    padding: 10px;
    margin-top: 20px;
}
.KBArticleTopAskQuestionContainer .KBArticleTopAskQuestionError
{
    margin-top: 15px;
    text-align: center;
    color: var(--red-warm);
}
.KBArticleTopAskQuestionContainer .KBArticleTopAskQuestionControlsContainer
{
    display: flex;
}
.KBArticleTopAskQuestionContainer .KBArticleTopAskQuestionContentClickToExpand
{
    height: auto;
}
.KBArticleTopAskQuestionContainer .TextInputsContainer
{
    margin-left: 15px;
    width: 100%;
}
.KBArticleTopAskQuestionContainer .QuestionProfileImage
{                                
    border-radius: var(--curvature-sml);
    width: 45px;
    height: 45px;
}
.KBArticleTopAskQuestionContainer .QuestionTitle
{
    width: 98%;
    margin: 0!important;
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    font-size: 14px;
}
.KBArticleTopAskQuestionContainer .QuestionDetails
{
    width: 98%;
    padding: 5px;
    font-size: 14px;
}
.KBArticleTopAskQuestionContainer .QuestionClient
{
    padding: 5px;
    font-size: 14px;
}
.KBArticleTopAskQuestionContainer .KBArticleTopAskQuestionExpandCollapseArea > div
{
    margin-top: 10px;
}

.KBArticleUserQuestionOverallContainer
{
    border: 1px solid var(--black-400);
    margin-bottom: 10px;
}
.KBArticleUserQuestionOverallContainer .QuestionClickableHeaderContainer
{
    background-color: var(--black-100);
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.KBArticleUserQuestionOverallContainer .QuestionHeaderAnsweredIcon
{
    width: 50px;
    text-align: center;
}
.KBArticleUserQuestionOverallContainer .QuestionHeaderTitle
{
    margin: 0 10px;
    width: 75%;
    color: var(--black-1000);
}
.KBArticleUserQuestionOverallContainer .QuestionHeaderPostedBy
{
    width: 200px;
    display: flex;
    align-items: center;
}
.KBArticleUserQuestionOverallContainer .QuestionHeaderPostedBy .PostedByImage img
{
    max-width: 50px;
    max-height: 50px;
}
.KBArticleUserQuestionOverallContainer .QuestionHeaderPostedBy .PostedByNameTime
{
    margin-left: 5px;
}
.KBArticleUserQuestionOverallContainer .QuestionHeaderPostedBy .PostedByNameTime a
{
    text-decoration: none;
    color: var(--link-colour-main);
}

.KBArticleUserQuestionOverallContainer .QuestionDetailsAndAnswerContainer
{                                
    color: var(--black-800);
    border-top: 1px solid var(--black-400);
    padding: 20px;
}

.KBArticleUserQuestionOverallContainer .QuestionAssociatedCustomer
{
    margin-bottom: 10px;
    font-weight: 600;
}
.KBArticleUserQuestionOverallContainer .QuestionAssociatedCustomer a
{
    text-decoration: none;
    color: var(--link-colour-main);
}

.KBArticleUserQuestionOverallContainer .QuestionContent
{
    margin-bottom: 30px;
    color: var(--black-1000);
}

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

.KBArticleUserQuestionOverallContainer .AddAnswerHeader
{
    margin-top: 20px;
    font-weight: 600;
}

.KBArticleUserQuestionOverallContainer .AddAnswerTextArea
{                                
    margin-top: 5px;
}

.KBArticleUserQuestionOverallContainer .AddAnswerButtonContainer
{
    display: flex;
    align-items: center;
    justify-content: right;
    margin-top: 10px;
    text-align: right;
}
.KBArticleUserQuestionOverallContainer .AddAnswerButtonContainer input
{
    margin-left: 15px;
}

.KBArticleUserQuestionOverallContainer .AddAnswerLoginContainer
{
    margin-top: 10px;
}
.KBArticleUserQuestionOverallContainer .AddAnswerLoginContainer a
{
    text-decoration: none;
    color: var(--link-colour-main);
}

.KBArticleUserQuestionOverallContainer .AnswerIndividualContainer
{
    display: flex;
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding: 20px 0;
}

.KBArticleUserQuestionOverallContainer .AnswerIndividualContainer .AnswerScoreContainer
{
    margin-right: 20px;
    width: 50px;
    text-align: center;
}

.KBArticleUserQuestionOverallContainer .KBAnswerRateUpTriangle
{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 12px 16px 12px;
    border-color: transparent transparent #8A8A8A transparent;
    -webkit-transform: rotate(360deg);
    background-color: transparent;
}
.KBArticleUserQuestionOverallContainer .KBAnswerRateUpTriangle:hover
{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 12px 16px 12px;
    border-color: transparent transparent #3CbC3C transparent;
    -webkit-transform: rotate(360deg);
}

.KBArticleUserQuestionOverallContainer .KBAnswerRateDownTriangle
{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 16px 12px 0 12px;
    border-color: #8A8A8A transparent transparent transparent;
    -webkit-transform: rotate(360deg);
    background-color: transparent;
}
.KBArticleUserQuestionOverallContainer .KBAnswerRateDownTriangle:hover
{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 16px 12px 0 12px;
    border-color: #FF0000 transparent transparent transparent;
    -webkit-transform: rotate(360deg);
}

.KBArticleUserQuestionOverallContainer .AnswerContentAndComments
{
    width: 100%;
}

.KBArticleUserQuestionOverallContainer .AnswerContentText
{
    margin-bottom: 10px;
    font-weight: 300;
}

.KBArticleUserQuestionOverallContainer .AnswererDetailsContainer
{
    width: 200px;
    display: flex;
    align-items: center;
    text-align: left;
}
.KBArticleUserQuestionOverallContainer .AnswererDetailsContainer .AnswererImage img
{
    max-width: 50px;
    max-height: 50px;
}
.KBArticleUserQuestionOverallContainer .AnswererDetailsContainer .AnswererNameDate
{
    margin-left: 5px;
}
.KBArticleUserQuestionOverallContainer .AnswererDetailsContainer .AnswererNameDate a
{
    text-decoration: none;
    color: var(--link-colour-main);
}

.KBArticleUserQuestionOverallContainer .AddCommentContainer
{
    margin-top: 30px;
}

.KBArticleUserQuestionOverallContainer .AddCommentContainer .AddCommentTextLink
{
    font-size: 12px;
    text-decoration: none;
    color: var(--link-colour-main);
    cursor: pointer;
}

.KBArticleUserQuestionOverallContainer .CommentBoxContainer
{
    margin-top: 10px;
}

.KBArticleUserQuestionOverallContainer .AnswerCommentsContainer
{
    border-top: 1px dotted var(--black-400);
    margin-top: 20px;
}

.KBArticleUserQuestionOverallContainer .CommentContentContainer
{
    border-bottom: 1px dotted var(--black-400);
    color: var(--black-600);
    font-size: 14px;
    padding: 10px;
}

.KBArticleUserQuestionOverallContainer .CommentText
{
    font-weight: 300;
}

.KBArticleUserQuestionOverallContainer .CommenterNameTime
{
    margin: 10px 0;
}
.KBArticleUserQuestionOverallContainer .CommenterNameTime a
{
    text-decoration: none;
    color: var(--link-colour-main);
}

/***Training Videos Page***/
.KBContentContainerClass .KBVideosSearchBarContainer
{
    display: flex;
    align-items: center;
    padding: 10px;
    background-color: var(--black-200);
    border: 1px solid var(--black-300);
    border-radius: var(--curvature-sml);
    margin-bottom: 20px;
}
.KBContentContainerClass .KBVideosSearchBarContainer .TextEntry
{
    width: 100%;
}
.KBContentContainerClass .KBVideosSearchBarContainer .TextEntry input
{
    padding: 5px;
    width: 97%;
}
.KBContentContainerClass .KBVideosSearchBarContainer .SearchButton
{
    background-color: var(--green-warm);
    border: 1px solid var(--green-hot);
    padding: 5px;
    color: var(--black-0);
}

.KBVideosGridContainer
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.KBVideosGridContainer .TrainingVideosVideoContainer
{
    margin-bottom: 30px;
}
.KBVideosGridContainer .TrainingVideosVideoContainer .Title
{
    font-weight: 600;
}
.KBVideosGridContainer .TrainingVideosVideoContainer .Caption
{
    margin-top: 5px;
}
.KBVideosGridContainer .TrainingVideosVideoContainer .Video
{
    margin-top: 5px;
}
.KBVideosGridContainer .TrainingVideosVideoContainer .Tags
{
    margin-top: 5px;
}

.KBContentContainerClass .KbVideosNoVideosFound
{
    margin-top: 50px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}

/***Peer Support Page***/
.KBArticleUserQuestionOverallContainer .QuestionHeaderTitle .HighligtedTitle
{
    font-weight: 600;
}        
.KBArticleUserQuestionOverallContainer .QuestionHeaderTitle .TitleLink
{
    text-decoration: none;
    color: var(--link-colour-main);
}
.KBArticleUserQuestionOverallContainer .QuestionHeaderTitle .TitleSubDetails
{
    margin: 5px 0;
}

/***FAQs Page***/
.KBFAQsOverallContainer
{
    margin-top: 20px;
}

.KBFAQsOverallSectionHeader
{
    background-color: var(--black-300);
    color: var(--black-900);
    font-weight: 600;
    padding: 5px;
}
.KBFAQsSectionContentContainer
{
    padding: 10px;
}

.KBFAQsTopicTitleContainer a
{
    color: var(--black-800);
    font-weight: 600;
    text-decoration: none;
}
.KBFAQsTopicTitleContainer a:hover
{
    text-decoration: underline;
}

.KBFAQsTopicFAQsContainer
{
    padding: 10px 20px;
}
.KBFAQsTopicFAQsContainer .FAQQuestion
{
    margin-bottom: 2px;
}
.KBFAQsTopicFAQsContainer .FAQQuestion a
{
    color: var(--link-colour-main);
    text-decoration: none;
    font-weight: 400;
}
.KBFAQsTopicFAQsContainer .FAQQuestion a:hover
{
    text-decoration: underline;
}
.KBFAQsTopicFAQsContainer .FAQAnswer
{
    margin-bottom: 30px;
    font-weight: 400;
    color: var(--black-600);
}
.KBFAQsTopicFAQsContainer .FAQAnswer a
{
    color: var(--black-600);
    text-decoration: none;
    font-style: italic;
}
.KBFAQsTopicFAQsContainer .FAQAnswer a:hover
{
    text-decoration: underline;
}

/********************************************************************************************************************************/
/******************************************************** UNIVERSAL LEFT NAVS ***************************************************/
/********************************************************************************************************************************/
/** HEADER **/
.UniversalLeftNavContainer .UniversalLeftNavHeaderContainer
{
    margin-bottom: 10px;
    padding: 10px 0;
    cursor: pointer;
    border-bottom: 1px solid var(--black-400);
    font-weight: bold;
    font-size: 14px;
    color: var(--black-800) !important;
        
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    align-items: center;
}
.UniversalLeftNavContainer .UniversalLeftNavHeaderContainer .SectionName
{
    padding-left: 5px;
    font-weight: 700;
}
.UniversalLeftNavContainer .UniversalLeftNavHeaderContainer .SectionIcon
{
    padding-left: 5px;
}

/** CONTENT **/
.UniversalLeftNavSectionContainer
{
    margin-bottom: 10px;
}

.UniversalLeftNavContainer ul
{
    margin: 0 !important;
    padding-inline-start: 0!important;
}

.UniversalLeftNavContainer li
{
    margin: 0 !important;
    list-style: none;
    display: inline;
    line-height: normal;
}

.UniversalLeftNavContainer .LinkContainer
{
    padding: 5px 5px 5px 5px;
}
.UniversalLeftNavContainer .NotSelected:hover
{
    background-color: var(--black-300);
    border-radius: 2px;
}
.UniversalLeftNavContainer .Selected
{
    background-color: var(--black-600);
    color: var(--black-0);
    border-radius: 2px;
}
    
.UniversalLeftNavContainer a
{        
    font-size: 14px;
    text-decoration: none;
    color: var(--black-800)!important;
    font-weight: 400;
}


/********************************************************************************************************************************/
/******************************************************* LIGHTBOXES AND WINDOWS *************************************************/
/********************************************************************************************************************************/
.LightboxWindowBody::-webkit-scrollbar
{
    width: 12px;
    background-color: var(--black-100);
}
.LightboxWindowBody::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.LightboxWindowBody::-webkit-scrollbar-thumb
{
    -webkit-border-radius: var(--curvature-sml);
    -moz-border-radius: var(--curvature-sml);
    border-radius: var(--curvature-sml);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4);
    background-color: var(--black-200);
}

.LightboxWindowHeader
{
    background-color: var(--black-100);
    border: 1px solid var(--black-300);
    border-bottom-left-radius: var(--curvature-sml);
    border-bottom-right-radius: var(--curvature-sml);
    padding: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: var(--black-800);
}

.LightboxRefinePanelContainer
{
    margin: 10px 0;
    padding: 10px;
    font-size: 16px;
    background-color: var(--black-200);
    border: 1px solid var(--black-300);
}



/********************************************************************************************************************************/
/********************************************************* Development Scoping ***************************************************/
/********************************************************************************************************************************/
.DevelopmentScopingTimeSelectorContainer
{
    display: inline-flex;
    flex-direction: row;
}

.DevelopmentScopingTimeSelectorContainer .DevelopmentScopingTimeSelectorButton
{
    padding: 0px 5px;
    cursor: pointer;
}

.DevelopmentScopingTimeSelectorContainer .TextBoxContainer input
{
    width: 40px;
    text-align: center;
}
.DevelopmentScopingTable th, .BMSMainContainer .DevelopmentScopingTable .TotalsRow td {
    font-weight: bold !important;
    font-size: 1.1rem;
}

.DevelopmentScopingTable td:nth-child(2) {
    text-align: center;
}



/********************************************************************************************************************************/
/********************************************************** IRP WORLD STYLES ****************************************************/
/********************************************************************************************************************************/

/**** IRP World Slide Out Menu ****/
.IRPWorldSlideOutMenuIconContainer
{
    background-color: var(--resource-center-portal-colour);
    padding: 5px 10px;
    color: var(--black-0);
}

.IRPWorldSlideOutMenuIconContainer .IRPWorldMenuItemBox
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--black-700);
    border-radius: var(--curvature-sml);
    padding: 5px;
    cursor: pointer;
    width: 70px;
}
.IRPWorldSlideOutMenuIconContainer .IRPWorldMenuItemBox img
{
    max-width: 20px;
    max-height: 20px;
}

.IRPWorldleftNavContainer
{
    background-color: var(--black-0);
    box-shadow: 0 3px 16px 0 rgba(0,0,0,.25);
    width: 500px;
    height: 100%;
    z-index: 500;
    position: absolute;
    left: -100%;
    overflow-x: hidden;
    padding: 0 15px;
}

/* IRP WORLD GRIDVIEW - Top Summary */
.IRPWorldHomePersonaHomeGridViewTopSummary
{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 10px;
    background-color: var(--black-100);
    font-weight: 400;
}
.IRPWorldHomePersonaHomeGridViewTopSummary .SummaryHeader
{
    font-weight: 300;
}
.IRPWorldHomePersonaHomeGridViewTopSummary .SummaryContent
{
    font-weight: 600;
}
.IRPWorldHomePersonaHomeGridViewTopSummary .SummaryHeader a, .IRPWorldDefaultGridViewTopSummary .SummaryContent a
{
    text-decoration: none!important;
}


/***********************************************************/
/**************** IRP WORLD DEFAULT GRDIVIEW ***************/
/***********************************************************/
/* IRP WORLD GRIDVIEW - DEFAULT */
.IRPWorldDefaultGridView
{
    width: 100%;
    border: 1px solid transparent;
    border-spacing: 0px;
}

.IRPWorldDefaultGridView th 
{
    z-index: 1;
    padding: 8px;
    height: 40px;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    color: var(--black-1000);
    background-color: var(--black-0);
    border: 0px solid var(--black-400);
    border-right: 0px solid var(--black-400);
    border-bottom: 1px solid var(--black-400)!important;
}

.IRPWorldDefaultGridView a
{    
    color: var(--black-1000);
    text-decoration: none;
}
.IRPWorldDefaultGridView a:hover
{    
    text-decoration: underline;
}

.IRPWorldDefaultGridView th a
{
    color: var(--black-1000)!important;
}

.IRPWorldDefaultGridView th:first-child
{
    border-left: 1px solid transparent;
}
.IRPWorldDefaultGridView th:last-child
{
    border-right: 1px solid transparent;
}

.IRPWorldDefaultGridView td
{
    border-bottom: 1px solid transparent;
    padding: 8px;
    text-align: left;
    border-left: 0px none;
    border-right: 0px none;
    border-spacing: 0px;
}

.IRPWorldDefaultGridView .alt
{
    background: var(--black-100);
}

.IRPWorldDefaultGridView.altRowBackground tbody tr:nth-child(odd)
{
    background: var(--black-100);
}

.IRPWorldDefaultGridView tbody tr:hover
{
    background: var(--black-200);
}

.IRPWorldDefaultGridView ul li, .IRPWorldDefaultGridView p
{
    font-size: inherit!important;
    line-height: normal!important;
}

.IRPWorldDefaultGridView.borderedColumns tbody tr td
{
    border-right: 1px solid var(--black-400)!important;
}

.IRPWorldDefaultGridView .RoundedProfileImage
{
    border-radius: 50%;
}

.IRPWorldDefaultGridView .SubmitButton
{
    color: var(--black-0);
    font-size: 14px;
    padding: 3px 5px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none!important;
    background-color: var(--green-warm);
    border: 1px solid var(--green-warm);
    margin: 5px;
}
.IRPWorldDefaultGridView .CancelDeleteButton
{
    color: var(--black-0);
    font-size: 14px;
    padding: 3px 5px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none!important;
    background-color: var(--primary-colour-1);
    border: 1px solid var(--primary-colour-1);
    margin: 5px;
}
.IRPWorldDefaultGridView .AlternativeButton
{
    color: var(--black-900);
    font-size: 14px;
    padding: 3px 5px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none!important;
    background-color: var(--primary-colour-1);
    border: 1px solid var(--primary-colour-1);
    margin: 5px;
}
.IRPWorldDefaultGridView .GreyedButton
{
    color: var(--black-100);
    font-size: 14px;
    padding: 3px 5px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none!important;
    background-color: var(--black-500);
    border: 1px solid var(--black-600);
    margin: 5px;
}
.IRPWorldDefaultGridView .EMPersonaTradeServiceButton
{
    color: var(--black-600);
    font-size: 14px;
    padding: 3px 5px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none!important;
    background-color: var(--black-100);
    border: 1px solid var(--black-500);
    margin: 5px;
}

.IRPWorldDefaultGridView a.SubmitButton:hover, .IRPWorldDefaultGridView a.CancelDeleteButton:hover, .IRPWorldDefaultGridView a.AlternativeButton:hover
{
    text-decoration: none!important;
}
.IRPWorldDefaultGridView .ServiceMarketplaceButton
{
    color: var(--black-0)!important;
    font-size: 12px;
    padding: 5px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none!important;
    background-color: var(--green-cool);
    border: 1px solid var(--green-cool);
    white-space: nowrap;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
}
.IRPWorldDefaultGridView .ServiceMarketplaceButtonReplacementText
{
    font-size: 14px;
    text-align: center;
    display: block;
}
.IRPWorldDefaultGridView .ServiceMarketplaceOfferedPrivatelyIcon
{
    margin-left: 5px;
    height: 15px;
}
.IRPWorldDefaultGridView .NoDataValue
{
    color: var(--black-400);
}
.IRPWorldDefaultGridView.ForcedAlternateRow tr:nth-child(odd)
{
    background: var(--black-100);
}

.IRPWorldGridPager a
{
    margin: 0 5px;
    padding: 0 3px;
    border: 1px solid var(--black-600);
    border-radius: var(--curvature-sml);
    color: var(--black-600);
    text-decoration: none;
    font-weight: 600;
}
.IRPWorldGridPager a:hover
{
    border: 1px solid var(--black-900);
    color: var(--black-900);
}
.IRPWorldGridPager span
{
    margin: 0 5px;
    padding: 0 3px;
    border: 1px solid var(--black-900);
    border-radius: var(--curvature-sml);
    color: var(--black-900);
    text-decoration: none;
    font-weight: 600;
}

/* IRP WORLD GRIDVIEW - Top Summary */
.IRPWorldDefaultGridViewTopSummary
{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 20px;
}
.IRPWorldDefaultGridViewTopSummary .SummaryHeader
{
    font-weight: 300;
}
.IRPWorldDefaultGridViewTopSummary .SummaryContent
{
    font-weight: 600;
}
.IRPWorldDefaultGridViewTopSummary .SummaryHeader a, .IRPWorldDefaultGridViewTopSummary .SummaryContent a
{
    text-decoration: none!important;
}

/** BUTTONS **/
.IRPWorldButtonBase
{
    color: var(--black-0)!important;
    font-size: 14px;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none!important;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
}
.IRPWorldButtonSubmit
{
    background-color: var(--green-warm);
    border: 1px solid var(--green-warm);
}
.IRPWorldButtonCancel
{
    background-color: var(--red-warm);
    border: 1px solid var(--red-warm);
}
.IRPWorldButtonAlternative
{
    background-color: var(--primary-colour-1);
    border: 1px solid var(--primary-colour-1);
}
.IRPWorldButtonIRPNavy
{
    background-color: var(--secondary-color-1);
    border: 1px solid var(--secondary-color-1);
}
.IRPWorldButtonDisabled
{
    background-color: var(--black-400);
    border: 1px solid var(--black-400);
    color: var(--black-200);
}


/** IRP WORLD TEXTBOXES **/
.IRPWorldDefaultSingleLineTextbox
{
    color: var(--black-1000);
    border-radius: var(--curvature-sml);
    border: 1px solid var(--black-1000);
    padding: 3px;
}

.IRPWorldDefaultMultiLineTextbox
{
    color: var(--black-1000);
    border-radius: var(--curvature-sml);
    border: 1px solid var(--black-1000);
    padding: 3px;
}


/** IRP WORLD DROPDOWNS **/
.IRPWorldDefaulDropdown
{    
    color: var(--black-1000);
    border-radius: var(--curvature-sml);
    border: 1px solid var(--black-1000);
    margin: 0 5px;
}


/** DEFAULT UPDATE PROGRESS BAR - UPDATE PANEL **/
.IRPWorldDefaultUpdateProgressBarBackground
{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: var(--black-0);
    filter: alpha(opacity=40);
    opacity: 0.4;
    z-index: 1000;
}
.IRPWorldDefaultUpdateProgressBarContainer
{
    text-align: center;
    padding: 10px;
    z-index: 10000;
    position: fixed;
    left: 50%;
    top: 50%;
}
.IRPWorldDefaultUpdateProgressBarContainer img
{
    max-width: 50px !important;
}


/*** IRP World Switcher Styles ***/
.ui-buttonset
{
    margin: 10px 5px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
    border-color: var(--black-500) !important;
    background: var(--black-100) !important;
    color: var(--black-1000) !important;
    font-size: 16px !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
    background: var(--secondary-color-1)!important;
    color: var(--black-0) !important;
    font-size: 16px !important;
}



/* IRP WORLD REFINE PANEL */
.IRPWorldRefinePanelContainer
{
    padding: 10px 5px;
    margin: 10px 0;
    color: var(--black-0);
    border-bottom-left-radius: var(--curvature-med);
    border-bottom-right-radius: var(--curvature-med);
    background-color: var(--resource-center-portal-colour);
}
.IRPWorldRefinePanelContainer select, .IRPWorldRefinePanelContainer textarea
{
    padding: 3px;
    max-width: 200px;
    color: var(--black-0);
    border-radius: var(--curvature-sml);
    background-color: var(--resource-center-portal-colour);
    border: 1px solid var(--black-0);
    margin: 5px;
}
.IRPWorldRefinePanelContainer input
{        
    color: var(--resource-center-portal-colour);
    background-color: var(--black-0);
    border: 1px solid var(--resource-center-portal-colour);
    border-radius: var(--curvature-sml);
    padding: 3px;
    margin: 5px;
}
.IRPWorldRefinePanelContainer a
{
    padding: 3px;
    font-size: 12px;
    margin: 5px;
    color: var(--black-0);
    text-decoration: none!important;
    border: 1px solid var(--black-0);
    border-radius: var(--curvature-sml);
}
.IRPWorldRefinePanelContainer ::placeholder
{
    color: var(--black-0);
}
.IRPWorldRefinePanelContainer .Submit
{
    color: var(--black-0);
    font-size: 12px;
    padding: 3px 5px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    background-color: var(--green-warm);
    border: 1px solid var(--green-warm);
    margin: 5px;
}
.IRPWorldRefinePanelContainer .Alternative
{
    color: var(--black-0);
    font-size: 12px;
    padding: 3px 5px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    background-color: var(--primary-colour-1);
    border: 1px solid var(--primary-colour-1);
    margin: 5px;
}
.IRPWorldRefinePanelContainer .Cancel
{
    color: var(--black-0);
    font-size: 12px;
    padding: 3px 5px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    background-color: var(--red-warm);
    border: 1px solid var(--red-warm);
    margin: 5px;
}

        
/* IRP WORLD ERROR AND SUCCESS MESSAGE */
.IRPWorldGenericErrorMessage
{
    font-size: 16px;
    font-weight: 600;
    color: var(--red-cool);
    margin-top: 20px;
    text-align: center;
}
.IRPWorldGenericSuccessMessage
{
    font-size: 16px;
    font-weight: 600;
    color: var(--green-cool);
    margin-top: 20px;
    text-align: center;
}


/*** Profile Images Rounded ***/
.RoundedProfileImage
{
    border-radius: 50%!important;
}


/*** Front-End Dev Money and Time Investment Tickers ***/
.IRPWorldDevJobMoneyAndTimeInvestmentContainer
{
    display: flex; 
    align-items: center; 
    justify-content: flex-end; 
    font-size: 12px; 
    margin-top: 20px;
}
.IRPWorldDevJobMoneyAndTimeInvestmentContainer .IRPWorldDevJobPageTitleInvestment
{
    padding: 10px;
    margin-left: 10px;
    border: 1px solid var(--green-hot);
    background-color: #f5f5e6;
    border-radius: var(--curvature-sml);
    color: var(--green-hot);
    font-size:14px;
}
.IRPWorldDevJobMoneyAndTimeInvestmentContainer .IRPWorldDevJobPageTitleInvestment .Value
{
    font-weight: 700!important;
    font-size: 18px;
}

.IRPWorldDevJobMoneyAndTimeInvestmentContainer .IRPWorldDevJobPageTitleTimeTaken
{
    padding: 10px;
    margin-left: 10px;
    border: 1px solid var(--black-600);
    background-color: var(--black-200);
    border-radius: var(--curvature-sml);
    color: var(--black-600);
    font-size:14px;
}
.IRPWorldDevJobMoneyAndTimeInvestmentContainer .IRPWorldDevJobPageTitleTimeTaken .Value
{
    font-weight: 700!important;
    font-size: 18px;
}

/************************************************************/
/******************** IRP WORLD HOME PAGE *******************/
/************************************************************/

.IRPWorldHomePageMainHeaderSection
{
    background: var(--secondary-color-1);
    background: radial-gradient(#595b9e, #2a2b4a);
    text-align: center;
    margin-top: 0!important;
}

/*Link Post Controls*/
.IRPWorldHomePageLinkPostControlsContainer
{
    display: flex;
    align-items: center;
    padding: 10px;
    margin-top: 20px;
    background-color: var(--black-0);
    border: 1px solid var(--black-300);
    border-radius: var(--curvature-med);
    -webkit-box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.15);
}
.IRPWorldHomePageLinkPostControlsContainer .ProfileImage img
{
    width: 45px;
    height: 45px;
}

.IRPWorldHomePageLinkPostControlsContainer .URLEntry
{
    width: 100%;
    padding: 0 3px;
}

.IRPWorldHomePageLinkPostControlsContainer .URLEntry input
{
    width: inherit;
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
}

.IRPWorldHomePageLinkPostControlsContainer .Button input
{
    height: 100%;
    line-height: 40px;
    background-color: var(--green-warm);
    border: 1px solid var(--green-warm);
    border-radius: 0!important;
    color: var(--black-0);
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    -webkit-appearance: none;
}

/*Link Post Preview*/
.IRPWorldHomePageInstantLinkPreview .urlive-link-container
{
    border: 2px Solid var(--black-400);
    background-color: var(--black-100);
}

/*Previews Individual Link Posts*/
.IRPWorldHomePageIndividualLinkPostsContainer
{
    max-height: 1200px;
    overflow: auto;
    text-align: left;
    margin: 10px 0 15px 0;
}

/*Service Providers*/
.IRPWorldHomePageIndividualServiceProviderContainer
{
    width: 100%;
}
.IRPWorldHomePageIndividualServiceProviderContainer .LogoContainer
{            
}
.IRPWorldHomePageIndividualServiceProviderContainer .LogoContainer img
{
    width: 100%;
}
.IRPWorldHomePageIndividualServiceProviderContainer .NameContainer
{
    margin: 10px 0 5px 0;
    font-weight: 600;
}
.IRPWorldHomePageIndividualServiceProviderContainer .ServicesContainer
{
}
.IRPWorldHomePageIndividualServiceProviderContainer .ServicesContainer .Service
{
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px;
    border: 1px solid var(--black-400);
    border-radius: var(--curvature-sml);
    display: inline-block;
    cursor: pointer;
}
.IRPWorldHomePageIndividualServiceProviderContainer .ServicesContainer .Service a
{
    font-size: 13px;
    color: var(--black-500);
}
.IRPWorldHomePageViewAllServiceProvidersContainer
{
    text-align: right;
    padding: 0 15px 15px 0;
}

/*InDeployment & NewlyLive Indicators*/
.IRPWorldHomePageInDeploymentIndicator
{
    margin-bottom: 15px;
    padding: 10px;
    background-color: var(--irp-lilac);
    border-radius: var(--curvature-sml);
    font-weight: 600;
    font-size: 14px;
    color: var(--black-0);
    text-align: center;
}
.IRPWorldHomePageNewlyLiveIndicator
{
    margin-bottom: 15px;
    padding: 10px;
    background-color: var(--green-hot);
    border-radius: var(--curvature-sml);
    font-weight: 600;
    font-size: 14px;
    color: var(--black-0);
    text-align: center;
}

/*Right Panel Link*/
.IRPWorldHomeLeftNavLink
{
    margin-bottom: 10px;
    padding: 10px;
    color: var(--black-1000)!important;
    border: 1px solid var(--black-400);
    background-color: var(--black-300);
    text-align: center;
    font-size: 14px;
}
.IRPWorldHomeLeftNavLink a
{
    text-decoration: none;
    font-size: 14px;
    color: var(--black-1000)!important;
    font-weight: 600;
}
.IRPWorldHomeRightPanelLink
{
    text-decoration: none;
    font-size: 14px;
    color: var(--black-1000)!important;
    font-weight: 600;
}
.IRPWorldHomeRightPanelLink > div
{
    text-align: center;
    margin-bottom: 15px;
    padding: 10px;
    color: var(--black-1000)!important;
    border: 1px solid var(--black-400);
    background-color: var(--black-300);
}

/*Right Panel Header*/
.IRPWorldHomePagePanelSectionHeader
{
    background-color: var(--secondary-color-1);
    color: var(--black-0);
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    margin-top: 15px;
    border-top-left-radius: var(--curvature-sml);
    border-top-right-radius: var(--curvature-sml);
}
.IRPWorldHomePagePanelSectionContent
{
    border-left: 1px solid var(--black-300);
    border-right: 1px solid var(--black-300);
    border-bottom: 1px solid var(--black-300);
    border-bottom-left-radius: var(--curvature-sml);
    border-bottom-right-radius: var(--curvature-sml);
}

.IRPWorldHomePagePanelIndividualContainer
{
    display: flex;
    align-items: center;
    padding: 10px;
    border-top: 1px solid var(--black-300);
    color: var(--black-700);
}
.IRPWorldHomePagePanelIndividualContainer a
{
    text-decoration: none;
    color: var(--black-700);
}
.IRPWorldHomePagePanelIndividualContainer .ImageContainer
{
    width: 50px;
}
.IRPWorldHomePagePanelIndividualContainer .ImageContainer img
{        
    border-radius: 50%;
    width: 50px!important;
    height: 50px!important;
}

.IRPWorldHomePagePanelIndividualContainer .DetailsContainer
{
    width: 100%;
    padding: 0 10px;
    font-size: 15px;
}
.IRPWorldHomePagePanelIndividualContainer .DetailsContainer .Main
{
    font-weight: 800;
    color: var(--black-1000);
}
.IRPWorldHomePagePanelIndividualContainer .DetailsContainer .Main a
{
    color: var(--black-1000)!important;
    font-weight: 800!important;
}

/**** CUSTOMER PORTAL RANDOM BANNERS ****/
.IRPWorldHomePageCustomerViewRandomBanner
{
    padding: 30px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-position: 0px 0px, 0% 0px;
    background-size: auto, cover;
    min-height: 200px;
    margin-bottom: 10px;
    cursor: pointer;
    color: #fff!important;
}
.IRPWorldHomePageCustomerViewRandomBanner:hover
{
    background-position: 0px 0px, 0px 0px;
    background-size: auto, cover;
    background-repeat: repeat, repeat;
}

.IRPWorldHomePageCustomerViewRandomBanner .Title
{
    font-size: 22px!important;
    font-weight: bold;
    margin-top: 10px;
    padding-right: 25%;
}
.IRPWorldHomePageCustomerViewRandomBanner .SubTitle
{
    margin-top: 20px;
    padding-right: 25%;
    font-size: 16px;
}

.IRPReportDownloadsMainSectionContainer
{
    padding: 0;
}

.ReportSubHeaderOverride h2
{
    font-weight: 400;
    font-size: 2rem !important;
}

.IRPReportDownloadSectionButton
{
    background-color: #87843A;
    color: var(--black-0) !important;
    border-radius: var(--curvature-med);
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    padding: 15px 20px;
    line-height: 70px;
}

.IRPReportDownloadSectionButton:hover
{
    color: #87843A !important;
    background-color: var(--black-0);
}

/*******************************************************************************/
/***************************** ROAD MAP PAGE STYLES ****************************/
/*******************************************************************************/

IRPWorldRoadMapMakeSuggestionContainer
{
    padding: 10px;
}

.IRPWorldRoadMapMakeSuggestionContainer .ErrorMessage
{
    font-size: 16px;
    font-weight: 600;
    color: var(--red-cool);
    margin-bottom: 20px;
    text-align: center;
}

.IRPWorldRoadMapMakeSuggestionContainer .InformationContainer
{
    margin-bottom: 20px;
}

.IRPWorldRoadMapMakeSuggestionContainer .DetailsEntryContainer
{
}
.IRPWorldRoadMapMakeSuggestionContainer .DetailsEntryContainer .TextEntry
{
    padding: 5px;
    width: 95%;
}
.IRPWorldRoadMapMakeSuggestionContainer .DetailsEntryContainer .SelectionEntry
{
    padding: 5px;
}
.IRPWorldRoadMapMakeSuggestionContainer .DetailsEntryContainer .ImagePreview
{
    margin-top: 10px;
}

.IRPWorldRoadMapMakeSuggestionContainer .ButtonContainer
{
    text-align: right;
    margin-top: 20px;
}

.IRPWorldRoadMapMakeSuggestionSuccess
{            
    color: var(--black-0);
    background-color: var(--green-warm);
    border: 1px solid var(--green-hot);
    border-radius: var(--curvature-sml);
    color: var(--black-0);
    text-align: center;
    margin-bottom: 10px;
    padding: 5px;
}
.IRPWorldRoadMapMakeSuggestionSuccess a
{
    color: var(--black-0);
}

.IRPWorldRoadMapMakeSuggestionDisabled
{
    line-height: 20px;
    padding: 10px;
    text-align: left;
    margin-bottom: 10px;
    color: var(--black-700);
    border-radius: var(--curvature-sml);
    background-color: var(--black-300);
    border: 2px solid var(--black-500);
}
.IRPWorldRoadMapMakeSuggestionDisabled a
{
    text-decoration: none;
}
.IRPWorldRoadMapMakeSuggestionDisabled a:hover
{
    text-decoration: underline;
}

.IRPWorldRoadMapSuggestionsNoResultsContainer
{
    text-align: center;
    font-weight: 600;
    margin-top: 40px;
    color: var(--red-warm);
}

.IRPWorldRoadMapIndividualSuggestionHeader
{
    border: 1px solid var(--black-400);
    background-color: var(--black-200);
    border-radius: var(--curvature-sml);
    vertical-align: middle;
    padding: 10px;
    margin-top: 15px;
}
.IRPWorldRoadMapIndividualSuggestionHeader:hover
{
    background-color: var(--black-300);
    cursor: pointer;
}

.IRPWorldRoadMapIndividualSuggestionHeader .ExpandCollapseCell
{
    width: 20px;
}
.IRPWorldRoadMapIndividualSuggestionHeader .SuggestionTitleCell
{
    font-weight: 600;
    text-align: left;
}
.IRPWorldRoadMapIndividualSuggestionHeader .StatusCell
{
    padding: 0px 10px;
}
.IRPWorldRoadMapIndividualSuggestionHeader .LikesCountCell
{
    text-align: right;
    font-size: 14px;
    width: 70px;
}

.IRPWorldRoadMapIndividualSuggestionHeader .SuggestionStatusBubbleBaseStyle
{
    padding: 3px;
    font-size: 14px;
    color: #808080;
    border: 1px solid #808080;
    border-radius: 4px;
    width: 175px;
    text-align: center;
    cursor: default!important;
}

.IRPWorldRoadMapIndividualSuggestionHeader .SuggestionStatusBubbleGrey
{    
    background-color: #cccccc;
    border: 1px solid #dedede;
    color: #FFFFFF;
}
.IRPWorldRoadMapIndividualSuggestionHeader .SuggestionStatusBubbleAmber
{    
    border: 1px solid #e78404;
    background-color: rgba(255, 153, 19, 0.6);
    color: #fff;
}
.IRPWorldRoadMapIndividualSuggestionHeader .SuggestionStatusBubbleBlue
{
    border: 1px solid #1e62d0;
    background-color: rgba(30, 98, 208, 0.6);
    color: #fff;
}
.IRPWorldRoadMapIndividualSuggestionHeader .SuggestionStatusBubbleRed
{
    background-color: rgba(228, 23, 0, 0.6);
    border: 1px solid #d83526;
    color: #ffffff;
}
.IRPWorldRoadMapIndividualSuggestionHeader .SuggestionStatusBubbleGreen
{
    background-color: rgba(119, 171, 3, 0.6);
    border: 1px solid #74b807;
    color: #FFFFFF;
    cursor: pointer!important;
}

.IRPWorldRoadMapIndividualSuggestionContent
{
    padding: 0 10px;
}

.IRPWorldRoadMapIndividualSuggestionContent .SuggestionDescription
{
    color: var(--black-800);
    margin-top: 10px;
    line-height: 20px;
}
.IRPWorldRoadMapIndividualSuggestionContent .SuggestionDescription a
{
    text-decoration: none;
}
.IRPWorldRoadMapIndividualSuggestionContent .SuggestionDescription a:hover
{
    text-decoration: underline;
}
.IRPWorldRoadMapIndividualSuggestionContent .SuggestionDescription .RoadMapCandidateAttachedImagesContainer
{
    margin-top: 10px;
    display: flex;
    align-items: center;
}
.IRPWorldRoadMapIndividualSuggestionContent .SuggestionDescription .RoadMapCandidateAttachedImagesContainer > div
{
    padding: 3px;
    cursor: pointer;
    margin-right: 20px;
}
.IRPWorldRoadMapIndividualSuggestionContent .SuggestionDescription .RoadMapCandidateAttachedImagesContainer img
{            
    max-height: 100px;
}

.IRPWorldRoadMapIndividualSuggestionContent .SuggesterDetailsContainer
{            
    background-color: var(--black-100);
    border: 1px Solid var(--black-300);
    border-radius: var(--curvature-sml);
    color: var(--black-700);
    font-size: 12px;
    max-width: 160px;
    margin-top: 10px;
    padding: 5px;
}
.IRPWorldRoadMapIndividualSuggestionContent .SuggesterDetailsContainer .SuggesterDetailsBreakdown
{
    display: flex;
    align-items: center;
}
.IRPWorldRoadMapIndividualSuggestionContent .SuggesterDetailsContainer .SuggesterDetailsBreakdown .Image img
{
    width: 25px;
    height: 25px;
}
.IRPWorldRoadMapIndividualSuggestionContent .SuggesterDetailsContainer .SuggesterDetailsBreakdown .Name
{
    margin-left: 5px;
}
.IRPWorldRoadMapIndividualSuggestionContent .SuggesterDetailsContainer a
{
    color: var(--black-700);
    text-decoration: none;
    font-size: 12px;
}

.IRPWorldRoadMapIndividualSuggestionContent .LikeCopyCategoryContainer
{
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.IRPWorldRoadMapIndividualSuggestionContent .LikeCopyCategoryContainer .ActionControls
{            
    display: flex;
    align-items: center;
}
.IRPWorldRoadMapIndividualSuggestionContent .LikeCopyCategoryContainer .ActionControls .LinkCopyToClipboard
{
    color: var(--link-colour-main);
    cursor: pointer;
}
.IRPWorldRoadMapIndividualSuggestionContent .LikeCopyCategoryContainer .SuggestionSection
{
    background-color: var(--black-100);
    border: 1px Solid var(--black-200);
    border-radius: var(--curvature-sml);
    padding: 2px 3px;
}

.IRPWorldRoadMapIndividualSuggestionContent .LikesBreakdown
{
    margin-top: 10px;
    color: var(--black-900);
}
.IRPWorldRoadMapIndividualSuggestionContent .LikesBreakdown a
{
    text-decoration: none;
    color: var(--black-900);
}
.IRPWorldRoadMapIndividualSuggestionContent .LikesBreakdown a:hover
{
    text-decoration: underline;
}

.IRPWorldRoadMapIndividualSuggestionContent .CommentsList
{
    margin-top: 10px;
    border-top: 1px Solid var(--black-300);
}
.IRPWorldRoadMapIndividualSuggestionContent .CommentsList .IndividualCommentContainer
{
    display: flex;
    border-bottom: 1px Solid var(--black-300);
    color: var(--black-700);
    padding: 5px 5px;
    font-size: 14px;
}
.IRPWorldRoadMapIndividualSuggestionContent .CommentsList .ImageContainer
{
    vertical-align: top;
    margin-right: 10px;
}
.IRPWorldRoadMapIndividualSuggestionContent .CommentsList .CommentContainer
{
    vertical-align: top;
    line-height: 20px;
}
.IRPWorldRoadMapIndividualSuggestionContent .CommentsList .CommentContainer a
{
    color: var(--black-800);
    text-decoration: none;
    font-size: 14px;
}

.IRPWorldRoadMapIndividualSuggestionContent .AddCommentControls
{
    margin-top: 10px;
    display: flex;
}
.IRPWorldRoadMapIndividualSuggestionContent .AddCommentControls .Image img
{
    width: 35px;
    height: 35px;
    margin-right: 10px;
}
.IRPWorldRoadMapIndividualSuggestionContent .AddCommentControls .TextEntry
{
    width: 100%;
}
.IRPWorldRoadMapIndividualSuggestionContent .AddCommentControls .TextEntry textarea
{
    width: 99%;
    padding: 5px;
    border-color: var(--black-400);
    border-radius: var(--curvature-sml);
}

.IRPWorldRoadMapIndividualSuggestionContent .AddCommentControls .AddCommentSubmitButton
{
    margin-top: 15px;
    text-align: right;
}

/***** IRP WORLD RANKING PAGES *****/
.IRPWorldRankingPagesSubGridRefine
{
    margin-bottom: 10px;
}
.IRPWorldRankingPagesSubGridRefine select
{
    padding: 5px;
}



/********************************************************************************************************************************/
/**************************************************** MANAGEMENT LIGHTBOX/WINDOW ************************************************/
/********************************************************************************************************************************/

.IRPWorldManagementWindowPageKeyStats
{
    padding: 10px;
    border: 1px solid var(--black-400);
    background-color: var(--black-100);
    color: var(--black-700);
    border-bottom-left-radius: var(--curvature-sml);
    border-bottom-right-radius: var(--curvature-sml);
}

.IRPWorldManagementWindowPageKeyStats a
{
    text-decoration: none !important;
    color: var(--black-700);
}

/* Create/Add/Edit/Delete Content */
.IRPWorldManagementWindowManageContentHeader
{
    font-weight: 600;
    font-size: 16px;
    color: var(--black-800);
    margin-bottom: 10px;
}

.IRPWorldManagementWindowManageContentTable
{
    width: 100%;
}

.IRPWorldManagementWindowManageContentTable input, .IRPWorldManagementWindowManageContentTable select
{
    padding: 5px;
}

.IRPWorldManagementWindowManageContentTable .DropdownEntry
{
    width: 320px;
}

.IRPWorldManagementWindowManageContentTable .LongerTextEntry
{
    width: 98%;
}

/* REFINE PANEL */
.IRPWorldManagementWindowRefinePanelContainer
{
    padding: 5px 5px;
    color: var(--black-0);
    background-color: var(--resource-center-portal-colour);
    border-radius: var(--curvature-sml);
}

.IRPWorldManagementWindowRefinePanelContainer select, .IRPWorldManagementWindowRefinePanelContainer textarea
{
    padding: 3px;
    max-width: 200px;
    color: var(--black-0);
    border-radius: var(--curvature-sml);
    background-color: var(--resource-center-portal-colour);
    border: 1px solid var(--black-0);
    margin: 5px;
}

.IRPWorldManagementWindowRefinePanelContainer input
{
    color: var(--resource-center-portal-colour);
    background-color: var(--black-0);
    border: 1px solid var(--resource-center-portal-colour);
    border-radius: var(--curvature-sml);
    padding: 3px;
    margin: 5px;
}

.IRPWorldManagementWindowRefinePanelContainer a
{
    padding: 3px;
    font-size: 12px;
    margin: 5px;
    color: var(--black-0);
    text-decoration: none !important;
    border: 1px solid var(--black-0);
    border-radius: var(--curvature-sml);
}

.IRPWorldManagementWindowRefinePanelContainer ::placeholder
{
    color: var(--black-0);
}

.IRPWorldManagementWindowRefinePanelContainer .Submit
{
    color: var(--black-0);
    font-size: 12px;
    padding: 3px 5px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    background-color: var(--green-warm);
    border: 1px solid var(--green-warm);
    margin: 5px;
}

.IRPWorldManagementWindowRefinePanelContainer .Alternative
{
    color: var(--black-0);
    font-size: 12px;
    padding: 3px 5px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    background-color: var(--primary-colour-1);
    border: 1px solid var(--primary-colour-1);
    margin: 5px;
}

.IRPWorldManagementWindowRefinePanelContainer .Cancel
{
    color: var(--black-0);
    font-size: 12px;
    padding: 3px 5px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    background-color: var(--red-warm);
    border: 1px solid var(--red-warm);
    margin: 5px;
}



/********************************************************************************************************************************/
/******************************************************** STATS AND FIGURES *****************************************************/
/********************************************************************************************************************************/
.IRPWorldStatPositive
{
    color: var(--green-warm)!important;
}
.IRPWorldStatNegative
{
    color: var(--red-warm)!important;
}

.IRPWorldStatPositive.WidgetOverridePositive
{
    color: #a9d800!important;
}
.IRPWorldStatNegative.WidgetOverrideNegative
{
    color: #F7767C!important;
}

.IRPWorldStatEfficiencyRating
{
    text-decoration: none!important;
    max-width: 100px;
    color: var(--black-600);
    border: 1px solid var(--black-600);
    border-radius: var(--curvature-sml);
    text-align: center;
    padding: 5px;
}

.IRPWorldPerformanceRankingFirst /* Gold */
{
    padding: 3px 5px;
    text-align: center;
    font-size: 16px;
    background-color: #A39161!important;
    color: #fff!important;
    border: 1px solid var(--black-1000);
    /*color: #A39161!important;
    border: 2px solid #A39161;*/
    border-radius: var(--curvature-sml);
    text-decoration: none!important;
}

.IRPWorldPerformanceRankingSecond /* Silver */
{
    padding: 3px 5px;
    text-align: center;
    font-size: 16px;
    background-color: #A8A8A8!important;
    color: #fff!important;
    border: 1px solid var(--black-1000);
    /*color: #A8A8A8!important;
    border: 2px solid #A8A8A8;*/
    border-radius: var(--curvature-sml);
    text-decoration: none!important;
}

.IRPWorldPerformanceRankingThird /* Bronze */
{
    padding: 3px 5px;
    text-align: center;
    font-size: 16px;
    background-color: #965A38!important;
    color: #fff!important;
    border: 1px solid var(--black-1000);
    /*color: #965A38!important;
    border: 2px solid #965A38;*/
    border-radius: var(--curvature-sml);
    text-decoration: none!important;
}

.IRPWorldPerformanceRankingUnplaced /* Grey */
{
    padding: 3px 5px;
    text-align: center;
    font-size: 16px;
    background-color: var(--black-700);
    color: var(--black-0)!important;
    border: 1px solid var(--black-1000);
    /*color: var(--black-700);
    border: 2px solid var(--black-700);*/
    border-radius: var(--curvature-sml);
    text-decoration: none!important;
}

.IRPWorldStatBoxEffect
{
    padding: 3px 5px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: var(--black-900);
    background-color: var(--black-200);
    border: 1px solid var(--black-200);
    border-radius: var(--curvature-sml);
    text-decoration: none;
}
.IRPWorldStatBoxEffect a
{            
    color: var(--black-900)!important; 
    text-decoration: none!important;
}

.IRPWorldStatBoxEffectHighlighted
{
    padding: 3px 5px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: var(--black-900);            
    background-color: #F5F5DC;
    border-radius: var(--curvature-sml);
    text-decoration: none;
}
.IRPWorldStatBoxEffectHighlighted a
{            
    color: var(--black-900)!important; 
    text-decoration: none!important;
}

.IRPWorldStatPerformanceIndicatorBoxEffect
{
    padding: 5px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: var(--black-0);
    border-radius: var(--curvature-sml);
    text-decoration: none;
}
.IRPWorldStatPerformanceIndicatorBoxEffect a
{            
    color: var(--black-0)!important; 
    text-decoration: none!important;
}

.IRPWorldStatTrafficLightSystemBase
{
    border-radius: var(--curvature-sml);
    color: var(--black-0);
    padding: 5px;
    width: 50px;
    text-decoration: none;
}

.IRPWorldStatTrafficLightRed
{
    background-color: var(--red-cool);
    border: 1px solid var(--red-hot);
}

.IRPWorldStatTrafficLightOrange
{
    background-color: #de9919;
    border: 1px solid #C68A1C;
}

.IRPWorldStatTrafficLightGreen
{
    background-color: var(--green-cool);
    border: 1px solid var(--green-hot);
}

/*** Customer Satisfaction Status ***/
.SatisfactionStatusContainer
{
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 175px;
    font-size: 15px;
    color: var(--black-700);
    margin-bottom: 10px;
}
.SatisfactionIndicatorBase
{
    border-radius: 50%;
    width: 20px;
    height: 20px;
}
.SatisfactionIndicatorGreen
{
    border: 1px solid var(--green-hot);
    background-color: var(--green-cool);
    color: var(--black-0);
}
.SatisfactionIndicatorAmber
{
    border: 1px solid var(--highlight_2);
    background-color: var(--highlight_2);
    color: var(--black-0);
}
.SatisfactionIndicatorRed
{
    border: 1px solid var(--red-hot);
    background-color: var(--red-cool);
    color: var(--black-0);
}
.SatisfactionIndicatorRedLeaving
{
    border: 1px solid var(--red-hot);
    background-color: var(--red-cool);
    color: var(--black-1000)!important;
    line-height: 30px;
    font-size: 32px;
}

/* SI COMPANY STATUS */
.SIPartnerStatusContainer
{
    padding: 3px 5px;
    text-align: center;
    font-size: 14px;
    color: var(--black-0);
    border-radius: var(--curvature-sml);
}
.SIStatusGoldPartner /*GOLD*/
{
    background-color: #A39161;    
    border: 1px solid #968558;
}
.SIStatusSilverPartner /*SILVER*/
{
    background-color: #A8A8A8;
    border: 1px solid #949494;
}
.SIStatusBronzePartner /*BRONZE*/
{
    background-color: #cd7f32;
    border: 1px solid #875032;
}

/* AGENCY PROFILE COLOUR STATUS */
.AgencyProfilePartnerStatusContainer
{
    padding: 5px;
    font-weight: normal;
    border: 1px solid var(--black-1000);
    border-radius: var(--curvature-sml);
    color: var(--black-0);
    margin-left: 10px;
    text-align: center;
    font-size: 14px;
}
.AgencyProfilePartnerStatusContainer.AgencyStatusGoldPartner /*GOLD*/
{
    background-color: #A39161;    
    border: 1px solid #968558;
}
.AgencyProfilePartnerStatusContainer.AgencyStatusSilverPartner /*SILVER*/
{
    background-color: #A8A8A8;
    border: 1px solid #949494;
}
.AgencyProfilePartnerStatusContainer.AgencyStatusBronzePartner /*BRONZE*/
{
    background-color: #cd7f32;
    border: 1px solid #875032;
}

/* Univeral Follow Styles */
/*.FollowButton
{
    background-color: #595c65;
    display: inline-block;
    padding: 2px 5px;
    border: 2px solid var(--primary-colour-2);
    border-radius: var(--curvature-sml);
    color: #fff!important;
    text-decoration: none!important;
    font-weight: normal;
    cursor: pointer;
}
.FollowButton:hover
{
    background-color: #1b1b1b;
    text-decoration: none!important;
}*/
.FollowButton
{
    padding: 5px;
    font-weight: normal;
    color: var(--black-1000)!important;
    background: var(--black-0);
    border: 1px solid var(--black-1000);
    border-radius: var(--curvature-sml);
    text-decoration: none!important;
    cursor: pointer;
}



/****************************************************************************************************/
/*********************************** PEOPLE SCROLLER CSS ********************************************/
/****************************************************************************************************/
.PeopleScrollerOverallContainer a
{
    text-decoration: none!important;
}

.PeopleScrollerIndividualContainer
{
    padding: 5px;
    /*box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);*/
    transition: box-shadow 83ms;
    background-color: #fff;
    border-radius: 2px;
    height: 150px;
    width: 180px;
    font-size: 13px!important;
    overflow: hidden;
    text-decoration: none!important;
}
.PeopleScrollerIndividualContainer a
{
    text-decoration: none!important;
}
.PeopleScrollerIndividualContainer .ScrollerImage img
{
    max-width: 55px;
    height: 55px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.PeopleScrollerIndividualContainer .ScrollerName
{
    margin-top: 5px;
    font-weight: bold;
    color: #000000;
}
.PeopleScrollerIndividualContainer .ScrollerJob
{
    margin-top: 5px;
    color: #808080;
}
        
.PeopleScrollerOverallContainer .PeopleScroller
{
    margin: 5px 0;
}
.PeopleScrollerOverallContainer .bx-wrapper .bx-viewport
{    
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
    	                        
    width: auto!important;
    /*min-height: 180px!important;
    height: 180px!important;*/
    position: unset!important;
}



/****************************************************************************************************/
/*********************************** IRP WORLD TRAINING EVENTS **************************************/
/****************************************************************************************************/
.IRPWorldTrainingSessionsOverallContainer
{
    border-bottom: 1px solid var(--black-400);
}

.IRPWorldTrainingSessionsIndividualContainer
{            
    justify-content: space-between;
    border-top: 1px solid var(--black-400);
    padding: 20px 5px;
}

.IRPWorldTrainingSessionsName
{
    font-weight: 600;
    color: var(--black-800);
}

.IRPWorldTrainingSessionsDetailsContainer
{
}

.IRPWorldTrainingSessionsStandardDetailsBar
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.IRPWorldTrainingSessionsKeyDetailsButtonBar
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--black-200);
    padding: 10px 0px 10px 10px;
    color: var(--black-1000);
    font-size: 14px;
}

.IRPWorldTrainingSessionsEnrollButton
{
    background-color: var(--green-warm);
    color: var(--black-0);
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    padding: 10px;
    cursor: pointer;
}
.IRPWorldTrainingSessionsViewButton
{
    background-color: var(--primary-colour-1);
    color: var(--black-0);
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    padding: 10px;
    cursor: pointer;
}

.TrainingEnrollContentBlockContainer
{
    margin-top: 40px!important;
}

.TrainingEnrollLikeContainer
{
    text-align: right;
}

.TrainingEnrollTopMainDetailsContainer
{            
    margin-top: 10px;
}
.TrainingEnrollTopMainDetailsContainer .DetailBlock
{
    background-color: var(--black-0);
    border: 1px solid var(--black-400);
    border-radius: var(--curvature-med);
    color: var(--black-1000);
    padding: 10px;
}

.TrainingEnrollTopMainDetailsContainer .Left .SubHeader
{
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 5px;
    color: var(--black-800);
}
.TrainingEnrollTopMainDetailsContainer .Left .SubContent
{
    font-size: 16px;
    color: var(--black-600);
    margin-bottom: 15px;
}
.TrainingEnrollTopMainDetailsContainer .Left .SubContent a
{
    font-size: 16px;
    text-decoration: none;
}
.TrainingEnrollTopMainDetailsContainer .Left .FlexContent
{
    display: flex;
    align-items: center;
    align-content: center;
}
.TrainingEnrollTopMainDetailsContainer .Left .FlexContent > div
{
    margin-right: 10px;
}

.TrainingEnrollTopMainDetailsContainer .Right .TrainingSessionEnrollStatusDiv
{
    font-size: 22px;
    font-weight: 800;
}
.TrainingEnrollTopMainDetailsContainer .Right .CountdownContainer
{
    color: var(--red-warm);
    font-size: 22px;
    font-weight: 800;
}

.TrainingEnrollTopMainDetailsContainer .Right .TrainingSessionEnrollButton
{
    background-color: var(--green-warm);
    border: 1px solid var(--green-hot);
    border-radius: var(--curvature-med);
    color: var(--black-0);
    font-size: 16px;
    font-weight: 800;
    padding: 15px 20px;
    text-align: center;
    cursor: pointer;
}

.TrainingEnrollTopMainDetailsContainer .Right .TrainingSessionCancelButton
{
    background-color: var(--red-warm);
    border: 1px solid var(--red-hot);
    border-radius: var(--curvature-med);
    color: var(--black-0);
    font-size: 16px;
    font-weight: 800;
    padding: 15px 20px;
    text-align: center;
    cursor: pointer;
}



/************************************************************************/
/*************************** IRP WORLD LOGIN ****************************/
/************************************************************************/

.IRPWorldLoginBackgroundImageContainer
{
    min-height: 690px;
    max-height: 750px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

.IRPWorldLoginBackgroundImageContainer .LoginBackGround
{
    position: fixed;
    width: 200%;
    height: 200%;
    left: -50%;
    background: none repeat scroll 0 0 #000;
}

.IRPWorldLoginBackgroundImageContainer .LoginBackGround img
{
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    min-height: 50%;
    min-width: 50%;
    right: 0;
    top: 0;
}

.IRPWorldLoginMainContentContainer
{
    position: relative;
    font-family: lato;
}

.IRPWorldLoginMainContentContainer .LoginPageHeaderContainer
{
}

.IRPWorldLoginMainContentContainer .LoginPageSynopsisContainer
{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 24px;
}

.IRPWorldLoginMainContentContainer .LoginPageSynopsisTickTextContainer
{
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    font-size: 18px;
}

.IRPWorldLoginMainContentContainer .LoginPageSynopsisTickTextContainer img
{
    margin-right: 15px;
}

.IRPWorldLoginMainContentContainer
{
    position: relative;
}

.IRPWorldLoginBottomnavContainer
{
    height: 100%;
    position: relative;
    z-index: 100;
}

.IRPWorldLoginMainContentContainer .LoginInfoContainer
{
    color: var(--black-0);
}

.IRPWorldLoginMainContentContainer .LoginInfoContainer .HeadingText
{
    font-size: 30px;
    margin-top: 0px;
    font-weight: bold;
    color: var(--black-0);
}

.IRPWorldLoginMainContentContainer .LoginInfoContainer .StandardText
{
    font-weight: normal;
    line-height: 1.4em;
}

.IRPWorldLoginMainContentContainer .LoginInfoContainer .StandardText, .IRPWorldLoginMainContentContainer .LoginInfoContainer .StandardText a
{
    font-size: 14px;
    color: var(--black-0);
}

.IRPWorldLoginMainContentContainer .LoginInfoContainer .StandardText a
{
    text-decoration: underline;
}

.IRPWorldLoginMainContentContainer .LoginBoxContainer
{
}

.IRPWorldLoginMainContentContainer .LoginBox
{
}

.IRPWorldLoginMainContentContainer .LoginBox .Header
{
    color: var(--black-0);
    height: 38px;
    line-height: 38px;
    font-size: 20px;
    text-align: center;
    background-color: #323232;
    border: 1px solid #050310;
}

.IRPWorldLoginMainContentContainer .LoginBox .LoginForm
{
    min-height: 235px;
    text-align: center;
    padding: 30px;
    background-color: rgba(1, 39, 62, 0.8);
}

.IRPWorldLoginMainContentContainer .LoginBox .IRPWorldLogoContainer
{
    text-align: left!important;
    margin-bottom: 20px;
}
.IRPWorldLoginMainContentContainer .LoginBox .IRPWorldLogoContainer img
{
    max-width: 60%;
}

.IRPWorldLoginMainContentContainer .LoginBox .LoginFailureContainer
{
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--red-warm);
    margin-bottom: 10px;
}

.IRPWorldLoginMainContentContainer .LoginBox .TextBoxes
{
    margin-top: 10px;
    text-align: left;
    color: var(--black-0);
}

.IRPWorldLoginMainContentContainer .LoginBox .TextBoxes .LabelDiv
{
    margin-bottom: 5px;
}

.IRPWorldLoginMainContentContainer .LoginBox .TextBoxes .InputDiv
{
    margin-bottom: 10px;
}

.IRPWorldLoginMainContentContainer .LoginBox .TextBoxes .InputDiv input
{
    width: calc(100% - 20px);
    padding: 0px 10px;
    border: none;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    outline: none;
    border-radius: var(--curvature-sml);
}

.IRPWorldLoginMainContentContainer .LoginBox .TextBoxes .InputDiv input:focus
{
    outline: none;
}

.IRPWorldLoginMainContentContainer .LoginBox .ButtonContainer
{
    margin-top: 30px;
}

.IRPWorldLoginMainContentContainer .LoginBox .ButtonContainer .LoginButton
{
    width: 100%;
    border-radius: var(--curvature-sml);
    background-color: var(--green-warm);
    border: none!important;
    font-size: 0.875rem;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    text-transform: uppercase;
    padding: 12px 40px;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--black-0);
    cursor: pointer;
}
.IRPWorldLoginMainContentContainer .LoginBox .ButtonContainer .LoginButton:hover
{
}
.IRPWorldLoginMainContentContainer .LoginBox .ButtonContainer .LoginButton:focus
{
    outline: none;
}

.IRPWorldLoginMainContentContainer .LoginBox .StayLoggedInContainer
{
    margin-top: 30px;
    align-items: center;
    color: var(--black-0);
    font-weight: 600;
}

.IRPWorldLoginMainContentContainer .LoginBox .StayLoggedInContainer .StaySignedIn
{
    text-align: center;
}

.IRPWorldLoginMainContentContainer .LoginBox .StayLoggedInContainer .ForgotPassword
{
    text-align: center;
}

.IRPWorldLoginMainContentContainer .LoginBox .StayLoggedInContainer .ForgotPassword a
{
    color: var(--black-0);
    text-decoration: none;
}

.IRPWorldLoginMainContentContainer .LoginBox .StayLoggedInContainer .ForgotPassword a:hover
{
    text-decoration: underline;
}

.IRPWorldLoginMainContentContainer .SignupBox
{
    margin-top: 20px;
    padding: 30px 0;
    text-align: center;
    align-items: center;
    background-color: rgba(1, 39, 62, 0.8);
}

.IRPWorldLoginMainContentContainer .SignupBox .InfoContainer
{
    font-weight: bold;
    color: #fff;
    font-size: 14px;
}

.IRPWorldLoginMainContentContainer .SignupBox .ButtonContainer
{
}

.IRPWorldLoginMainContentContainer .SignupBox .ButtonContainer .SignUpButton
{    
    border: 1px solid var(--black-100);
    background-color: var(--secondary-color-1);
    color: var(--black-0);
    text-decoration: none;
    border-radius: var(--curvature-sml);
    font-size: 0.875rem;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    text-transform: uppercase;
    padding: 12px 40px;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--black-0);
    cursor: pointer;
}
.IRPWorldLoginMainContentContainer .SignupBox .ButtonContainer .SignUpButton:hover
{
        background-color: #254559;
        transition: 0.7s;
}

.IRPWorldLoginMainContentContainer .TermsLinksContainer
{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 20px;
    text-align: right;
}
.IRPWorldLoginMainContentContainer .TermsLinksContainer a
{
    margin: 0 10px;
    color: var(--black-0);
    text-decoration: none;
    font-size: 16px;
}
.IRPWorldLoginMainContentContainer .TermsLinksContainer a:hover
{
    text-decoration: underline;
}



/*********************************************************************************/
/*************************** URL PREVIEW / LINK POSTS ****************************/
/*********************************************************************************/
.urlive-link-container
{
    padding: 15px 10px;
    border: 2px Solid var(--black-300);
    border-radius: var(--curvature-med);
    margin: 20px;
}
.urlive-link-container a
{
    text-decoration: none!important;
}

.urlive-link
{
    color: inherit;
    text-decoration: none;
    display: block;
    overflow: auto;
    position: relative;
    overflow: hidden;
    margin: 0;
    font-size: 16px;
    line-height: normal;
    padding-bottom: 15px;
}
.urlive-link:hover
{
}

.urlive-link *
{
    display: block;
}

.urlive-image
{
    width: 100%;
    display: block;
    max-height: 150px;
}

.urlive-title
{
    font-size: 17px;
    font-weight: bold;
}

.urlive-description
{
    padding-top: 3px;
    font-size: 15px;
    font-size: 14px;
}

.urlive-url
{
    padding-top: 4px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--link-colour-main);
}

.urlive-sitename, .urlive-type
{
    display: none;
}

.urlive-img-wrapper
{
    float: left;
    margin-right: 10px;
}

.urlive-text-wrapper
{
    overflow: auto;
    padding: 0px 10px 10px 10px;
}

/* SMALL IMAGE STYLES*/
.urlive-img-small .urlive-img-wrapper
{
    width: auto;
    width: 110px;
    padding-left: 10px;
}

/******** LARGE IMAGE STYLES ********/
.urlive-img-large-container
{
    position: relative;
    padding-left: 10px;
}

.urlive-img-large .urlive-img-wrapper
{
    /*width: 100%;
    max-width: none;*/
    float: none;
}

.urlive-img-large-displaySize
{
    max-height:120px;
}
/************************************/

.urlive-like-button-container
{
    position: relative;
    padding-left: 140px;
}

.urlive-likescount
{
    font-size: 13px;
    color: #000000;
    cursor: text;
}
.urlive-likescount-active
{
    font-size: 13px;
    color: #3577AB;
}
.urlive-likescount-active:hover
{
    text-decoration: underline;
}

.urlive-comment-functionality-container
{
    padding-left: 10px;
    margin-top: 15px;
}

.urlive-posterinfo-container
{
    padding-left: 10px;
    padding-bottom: 20px;
}

.urlive-posterimage-container
{
    float: left;
    width: 50px;
}

.urlive-posterimage
{
    width: 43px;
    height: 43px;
    border-radius: 50%;
}

.urlive-posterdetails-container
{
    margin-right: 50px;
}

.urlive-posterdetails-name
{
    padding-top: 3px;
}
.urlive-posterdetails-name a
{
    color: #3577AB;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
.urlive-posterdetails-name a:hover
{
    text-decoration: underline;
}

.urlive-posterdetails-postedtime
{
    margin-top: 3px;
    font-size: 12px;
    color: #808080;
}

.urlive-error-container
{
    margin-top: 10px;
    padding: 20px;
    border: 2px Solid var(--black-300);
    border-radius: var(--curvature-med);
    text-decoration: none!important;
}
.urlive-error-text, .urlive-error-container a
{
    padding-left: 10px;
    font-size: 16px;
    color: Red;
    font-weight: bold;
    text-decoration: none!important;
}

/*** Profile - Shared Links Area ***/
.urlive-link-container-profile
{
    padding: 15px 0px;
    margin-top: 10px;
    border: 2px Solid var(--black-300);
    border-radius: var(--curvature-med);
}

.urlive-link-profile
{
    color: inherit;
    text-decoration: none;
    display: block;
    overflow: auto;
    position: relative;
    overflow: hidden;
    margin: 0;
    font-size: 16px;
    line-height: normal;
}

.urlive-link-profile *
{
    display: block;
}



/*******************************************************************************************************/
/*************************** MY PROFILE / PARTNER PROFILE / COMPANY PROFILE ****************************/
/*******************************************************************************************************/

.IRPWorldProfileMainTopSectionOverallContainer
{
    border-radius: var(--curvature-lrg); 
    -webkit-box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.15); 
    box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.15); 
    background-color: var(--article-background);
}
.IRPWorldProfileMainTopSectionContainer
{    
}
.IRPWorldProfileMainTopSectionContainer .ProfileImageSection
{
    padding: 20px; 
    text-align: center;
}
.IRPWorldProfileMainTopSectionContainer .MainDetailsSection
{
    width: -webkit-fill-available; 
    padding: 20px;
}
.IRPWorldProfileMainTopSectionContainer .StatsDetailsSection
{
    padding: 20px;
    min-width: 170px;
}
.IRPWorldProfileMainTopSectionOverallContainer .ExtraBottomPanel
{
    padding: 20px;
}

.IRPWorldProfileMainTopSectionContainer .ProfileAccountTypeIndicatorBadge, .IRPWorldProfileMainTopSectionContainer .ProfileEcommerceManagerIndicator
{
    padding: 0px 5px;
    font-size: 16px;
    font-weight: 400!important;
    background-color: var(--black-800)!important;
    color: var(--black-0)!important;
    text-decoration: none!important;
    border-radius: var(--curvature-sml);
}

.IRPWorldProfileMainTopSectionContainer .IRPWorldProfileTopCompanyBreakdown
{
    margin-top: 10px;
    font-size: 18px;
    font-weight: 600;
    color: var(--black-700);
}
.IRPWorldProfileMainTopSectionContainer .IRPWorldProfileTopCompanyBreakdown a
{
    text-decoration: none!important;
    color: var(--link-colour-main);
}
.IRPWorldProfileMainTopSectionContainer .IRPWorldProfileTopCompanyBreakdown a:hover
{
    color: var(--black-900);
}

.IRPWorldProfileMainTopSectionContainer .ArticleViewsIndicatorContainer
{
    cursor: pointer;
    padding: 2px 4px;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    font-weight: 400;
    color: var(--black-900);
    border: 1px solid var(--black-400);
    background-color: var(--black-100);
}

.IRPWorldProfileMainTopSectionContainer .ActivityBreakdownValuesContainer
{
    align-items: center;
    margin-top: 5px;
    color: var(--black-600);
    text-decoration: none;
}
.IRPWorldProfileMainTopSectionContainer .ActivityBreakdownValuesContainer a
{
    color: var(--black-600)!important;
    text-decoration: none!important;
}
.IRPWorldProfileMainTopSectionContainer .ActivityBreakdownValuesContainer > div
{
    margin-right: 15px;
}

.IRPWorldProfileTopStatsTable
{
}
.IRPWorldProfileTopStatsTable .Header
{
    min-width: 190px;
    padding-right: 10px;
}
.IRPWorldProfileTopStatsTable .Value
{
    font-weight: 600;
}
.IRPWorldProfileTopStatsTable a
{
    text-decoration: none;
    color: var(--black-1000);
}
.IRPWorldProfileTopStatsTable a:hover
{
    text-decoration: underline;
}

.IRPWorldProfileAccreditationsListTable, .IRPWorldProfileAccreditationsListTable a
{
    text-decoration: none!important;
    color: var(--black-800);
}

.IRPWorldProfileArticlePublicationsOverallContainer
{
    max-height: 600px;
    overflow: auto;            
    color: var(--black-800);
}
.IRPWorldProfileArticlePublicationsOverallContainer a
{
    text-decoration: none;            
    color: var(--black-800);
}
.IRPWorldProfileArticlePublicationsOverallContainer .IndividualPublicationContainer
{
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--black-300);
    padding: 10px 5px;
    margin-right: 5px;
}
.IRPWorldProfileArticlePublicationsOverallContainer .IndividualPublicationContainer .ImageContainer
{
    margin-right: 20px;
}
.IRPWorldProfileArticlePublicationsOverallContainer .IndividualPublicationContainer .Title
{
    font-weight: 600;
}
.IRPWorldProfileArticlePublicationsOverallContainer .IndividualPublicationContainer .Synopsis
{
    margin-top: 5px;
}
.IRPWorldProfileArticlePublicationsOverallContainer .IndividualPublicationContainer .LikesPublished
{
    margin-top: 5px;
}

.IRPWorldProfileClientRatingsContainer
{
    background-color: var(--secondary-color-1);
    border-radius: var(--curvature-med);    
    color: var(--black-200);
    padding: 5px;
    cursor: pointer;
    font-weight: 600;
    text-align: center;
    display: flex!important;
    align-items: center!important;
    justify-content: space-evenly!important;
    margin-bottom: 10px;
}
.IRPWorldProfileClientRatingsContainer > div
{
    margin: 0 5px;
}


/*Individual Section Styles*/
.IRPWorldPersonProfileSectionContainer
{
    margin-top: 50px;
}
.IRPWorldPersonProfileSectionContainer .IRPWorldPersonProfileSectionHeader
{
    cursor: pointer;
}
.IRPWorldPersonProfileSectionContainer .IRPWorldPersonProfileSectionContent
{
    margin-top: 20px;
}

.IRPWorldProfileAdditionalStatsConsultantPanel
{
    padding: 10px;
    border: 1px solid var(--black-400);
    border-radius: var(--curvature-med);
}
.IRPWorldProfileAdditionalStatsConsultantPanel .PositioningContainer
{
    display: flex;
}
.IRPWorldProfileAdditionalStatsConsultantPanel .PositioningContainer a
{
    text-decoration: none;
    color: var(--black-800);
}
.IRPWorldProfileAdditionalStatsConsultantPanel .PositioningContainer .Image
{
    margin-right: 10px;
}                                
.IRPWorldProfileAdditionalStatsConsultantPanel .PositioningContainer .Details .Header
{
    font-weight: 600;
    margin-bottom: 5px;
}

.IRPWorldProfileSimplifiedCalculatorContainer
{
    display: flex; 
    align-items: center; 
    justify-content: space-evenly; 
    padding: 10px 5px; 
    border: 1px solid var(--black-400); 
    border-radius: var(--curvature-med);
    text-align: center;
}
.IRPWorldProfileSimplifiedCalculatorContainer > div
{
    margin: 0 5px;
}
.IRPWorldProfileSimplifiedCalculatorContainer .Result
{
    background-color: var(--green-cool);
    border-radius: var(--curvature-sml);
    padding: 3px;
    color: var(--black-0);
}
.IRPWorldProfileSimplifiedCalculatorContainer .ResultGrowth
{
    background-color: var(--black-400);
    border-radius: var(--curvature-sml);
    color: var(--black-0);
    padding: 3px;
}

.IRPWorldProfileDigitalVillageGridSummaryContainer
{
    margin-bottom: 10px; 
    display: flex; 
    align-items: center; 
    justify-content: space-evenly;
}
.IRPWorldProfileDigitalVillageGridSummaryContainer .Value
{
    font-weight: 600;
}

.IRPWorldProfileDigitalVillageMarketsContainer
{
    margin-top: 10px;
}
.IRPWorldProfileDigitalVillageMarketsContainer a
{
    text-decoration: none;
    color: var(--green-warm)!important;
    font-weight: 400;
    margin-right: 10px;
}
.IRPWorldProfileDigitalVillageMarketsContainer a:hover
{
    text-decoration: underline;
}

.IRPWorldProfileCompanyServicesTagContainer
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.IRPWorldProfileCompanyServicesTagContainer .CompanyServicesTag
{
    background-color: var(--black-100);
    padding: 4px 8px;
    border: 1px solid var(--black-300);
    border-radius: var(--curvature-sml);
    margin-right: 6px;
    margin-top: 6px
}

.IRPWorldProfileMainTopSectionContainer .CTAButtonOptions
{
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.IRPWorldProfileMainTopSectionContainer .CTAButtonOptions .Email
{
    padding: 3px 5px;
    border: 1px solid var(--black-1000);
    border-radius: var(--curvature-sml);
    margin-right: 10px;
}

.IRPWorldProfileMainTopSectionContainer .CompanyProductPartnerBadge
{
    padding: 5px 3px;
    font-weight: normal;
    color: var(--black-800) !important;
    background: var(--black-0);
    border: 1px solid var(--black-800);
    border-radius: var(--curvature-sml);
    margin-left: 10px;
}

.IRPWorldProfileMainTopSectionContainer .CTAButtonOptions .CompanyActivityIndicator
{
    color: var(--red-warm);
    font-weight: 600;
}

.UtilityBarCompanyCoreValuesSummary
{
    color: var(--black-800);
    background-color: var(--black-100);
    border: 1px dashed var(--black-300);
    border-radius: var(--curvature-sml);
    padding: 5px;
}

.UtilityBarCompanyCoreValuesSummary .FlexContainer
{
    display: flex;
    align-items: center;
}

.UtilityBarCompanyCoreValuesSummary .FlexContainer > div
{
    margin: 0 5px;
}

.UtilityBarCompanyCoreValuesSummary .FlexContainer .Header
{
    font-size: 13px;
    font-weight: 400;
    line-height: 0.875rem;
}

.UtilityBarCompanyCoreValuesSummary .FlexContainer .Value
{
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
    line-height: 17px;
}



/*************************************************************************************/
/*************************** NEWS FEED NOTIFICATIONS *********************************/
/*************************************************************************************/
.NotificationsNewsFeedListIndividualContainer
{
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid var(--black-300);
}
.NotificationsNewsFeedListIndividualContainer .ProfileImage
{
    width: 50px;
    border-radius: 50%;
}
.NotificationsNewsFeedListIndividualContainer .ProfileImage img
{        
    border-radius: 50%;
}
.NotificationsNewsFeedListIndividualContainer .Details
{
    width: 100%;
    padding: 0 10px;
}
.NotificationsNewsFeedListIndividualContainer .Details .DateTime
{
    color: var(--black-700);
    margin-top: 3px;
}
.NotificationsNewsFeedListIndividualContainer .MarkAsRead
{
}
.NotificationsNewsFeedListIndividualContainer a
{
    text-decoration: none;
    color: var(--black-1000);
}

.NotificationsNewsFeedListUnviewedItem
{
    background-color: var(--black-100);
}

/*** Company Page - Traffic Source Breakdown Header ***/
.CompanyPageMerchantSalesTrafficSourceHeaderPanel
{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 10px;
    padding: 10px;
    background-color: var(--black-200);
    border: 1px solid var(--black-200);
    border-radius: var(--curvature-sml);
}

.CompanyPageMerchantSalesTrafficSourceHeaderPanel a
{
    text-decoration: none;
}

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

/*** COMPANY PAGE - MAIN TOP AREA ***/

.IRPWorldProfileMainTopSectionOverallContainer .ProfileImageSection .ActionListPanel
{
    margin-top: 10px;
}

.CompanyProfilePageMainTopAreaStackedPanelsSubContainer
{
    padding: 0 20px;
}

.CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackTopSubContainer
{            
    align-items: center;
    padding-top: 10px;
}

.CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackTopSubContainer .CompanyNamePanel
{
}

.CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackMiddleSubContainer
{
    margin-top: 10px;
}

.CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackMiddleSubContainer .CTAButtonOptions
{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackMiddleSubContainer .CTAButtonOptions .Email
{
    padding: 3px 5px;
    border: 1px solid var(--black-1000);
    border-radius: var(--curvature-sml);
    margin-right: 10px;
}

.CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackMiddleSubContainer .NavyHighlightedStatsSubBar
{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border-radius: var(--curvature-sml);
    background-color: var(--secondary-color-1);
    color: var(--black-0);
    font-size: 18px;
    padding: 5px;
}
.CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackMiddleSubContainer .NavyHighlightedStatsSubBar > div
{
}

.CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackMiddleSubContainer .GreyedOutStatsSubBar
{            
    color: var(--black-400);
    font-size: 18px;
    padding: 5px;
}
.CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackMiddleSubContainer .GreyedOutStatsSubBar .FlexContainer
{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackMiddleSubContainer .GreyedOutStatsSubBar .FlexContainer > div
{
}

.CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackBottomSubContainer
{
    align-items: center;
    justify-content: space-evenly;
    background-color: var(--black-300);
    border-radius: var(--curvature-sml);
    padding: 10px;
    margin-top: 10px;
}

.CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackBottomSubContainer a
{
    color: var(--black-1000);
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
}

.CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackBottomSubContainer .HighlightedValue
{
    font-size: 20px;
    font-weight: 600;
}

/*** MERCHANT SALES CALCULATOR ***/
.IRPWorldProfileSimplifiedCalculatorOverallContainer
{
    margin-bottom: 10px;
}

.ServiceProviderPerformanceGridTopSummary
{
    margin: 10px 0;
}
.ServiceProviderPerformanceGridTopSummary a
{
    text-decoration: none;
}



/************************************************************************************************/
/*************************** COMPANY/PERSON PROFILE EDIT/CREATE *********************************/
/************************************************************************************************/
.IRPWorldCreateAccountMargin
{            
    text-align: left;
}

.IRPWorldCreateEditAccountOverallContainer
{
    color: var(--black-1000);
    font-family: lato;
    font-size: 16px;
}

.IRPSignUpHeaderBlockBackgroundContainer
{
    background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/IRP-Sign-Header.jpg);
    background-size: 100% 100%;
    background-color: var(--secondary-color-1);
}
.IRPWorldCreateEditAccountOverallContainer .AccountCreationPassphraseContainer
{
    max-width: 450px;
    width: 45%;
    padding: 10px;
    border: 2px solid var(--black-400);
    background-color: var(--black-100);
    border-radius: var(--curvature-med);
    margin-top: 15px;
}
.IRPWorldCreateEditAccountOverallContainer .AccountCreationPassphraseContainer .HeaderContainer
{
    font-weight: 600;
    font-size: 21px;
}
.IRPWorldCreateEditAccountOverallContainer .AccountCreationPassphraseContainer .SubHeaderContainer
{
    margin-top: 10px;
    font-size: 16px;
}
.IRPWorldCreateEditAccountOverallContainer .AccountCreationPassphraseContainer .TextEntryContainer
{
    margin-top: 15px;
    text-align: center;
}
.IRPWorldCreateEditAccountOverallContainer .AccountCreationPassphraseContainer .TextEntryContainer input
{
    padding: 5px;
    width: 95%;
    line-height: 38px;
    height: 38px;
    text-align: center;
    border: 1px solid var(--black-400);
    border-radius: var(--curvature-sml);
    font-size: 16px;
}

.IRPWorldCreateEditAccountOverallContainer .IRPWorldCreateAccountSectionSpacer
{
    margin-top: 30px;
}

.IRPWorldCreateEditAccountOverallContainer .TopHeaderMessage
{
    font-size: 21px;
    font-weight: 600;
    color: var(--black-1000);
    border-bottom: 3px solid var(--black-800);
    padding: 5px;
}
.IRPWorldCreateEditAccountOverallContainer .TopSubHeaderMessage
{
    font-size: 18px;
    color: var(--black-1000);
    padding: 5px;
}

.IRPWorldCreateEditAccountOverallContainer .SubSectionHeader
{
    font-size: 21px;
    font-weight: 600;
    color: var(--black-1000);
    margin: 0 5px;
}

.IRPWorldCreateEditAccountOverallContainer .RequiredIndicatorLabel
{
    color: var(--red-warm);
    font-weight: 800;
    font-size: 18px;
}

.IRPWorldCreateEditAccountOverallContainer .LabelCell
{
}

.IRPWorldCreateEditAccountOverallContainer .StandardTextEntry
{
    padding: 5px;
    height: 38px;
    line-height: 38px;
    border-radius: var(--curvature-sml);
    border: 1px solid var(--black-600);
    font-size: 16px;
}

.IRPWorldCreateEditAccountOverallContainer .SplitNameTextEntry
{
    padding: 5px;
    height: 38px;
    line-height: 38px;
    border-radius: var(--curvature-sml);
    border: 1px solid var(--black-600);
    font-size: 16px;
}

.IRPWorldCreateEditAccountOverallContainer .StandardDropdownSelection
{
    padding: 5px;
    height: 38px;
    line-height: 38px;
    border-radius: var(--curvature-sml);
    border: 1px solid var(--black-600);
    font-size: 16px;
}

.IRPWorldCreateEditAccountOverallContainer .CreateAccountProfileImageUploadContainer
{
}
.IRPWorldCreateEditAccountOverallContainer .CreateAccountProfileImageUploadContainer img
{
    border-radius: var(--curvature-sml);
    width: 230px; 
    max-width: 100%;
}
.IRPWorldCreateEditAccountOverallContainer .CreateAccountProfileImageUploadContainer .ImageSelectorControl
{
    border: 1px solid var(--black-800);
    border-radius: var(--curvature-sml);
    padding: 5px;
    height: 38px;
    line-height: 38px;
    border-radius: var(--curvature-sml);
    border: 1px solid var(--black-600);
    font-size: 16px;
}

.IRPWorldCreateEditAccountOverallContainer .FileSelectorControl
{
    border: 1px solid var(--black-800);
    border-radius: var(--curvature-sml);
    padding: 5px;
    height: 38px;
    line-height: 38px;
    border-radius: var(--curvature-sml);
    border: 1px solid var(--black-600);
    font-size: 16px;
}

.IRPWorldCreateEditAccountOverallContainer .ImageUploadPreview
{
    margin-top: 10px;
}
.IRPWorldCreateEditAccountOverallContainer .ImageUploadPreview img
{
    border-radius: var(--curvature-sml);
}

.IRPWorldCreateEditAccountOverallContainer .BackgroundImageUploadPreview
{
    margin-top: 10px;
}
.IRPWorldCreateEditAccountOverallContainer .BackgroundImageUploadPreview img
{
    border-radius: var(--curvature-sml);
    width: 300px;
}

.IRPWorldCreateEditAccountOverallContainer .BelowEntrySubInformation
{
    margin-top: 10px;
    color: var(--black-500);
    font-size: 14px;
}

.IRPWorldCreateEditAccountOverallContainer .TermsAndConditionsContainer
{
    margin-top: 50px;
    font-size: 18px;
    text-align: center!important;
    padding: 10px;
    line-height: 1.75rem;
}
.IRPWorldCreateEditAccountOverallContainer .TermsAndConditionsContainer a
{
    font-size: 16px;
}
.IRPWorldCreateEditAccountOverallContainer .TermsAndConditionsContainer .ButtonsContainer
{
    margin-top: 50px;
}

.IRPWorldCreateEditAccountOverallContainer .ErrorMessage
{
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    color: var(--red-warm);
    text-align: center;
}

.IRPWorldCreateEditAccountOverallContainer .IRPWorldCreateEditPhoneVisibilitySettings
{
    display: flex;
    margin-top: 10px;
    align-items: center;
}
.IRPWorldCreateEditAccountOverallContainer .IRPWorldCreateEditPhoneVisibilitySettings .LabelDiv
{
    font-weight: bold;
    margin-right: 10px;
    color: var(--black-800);
}
.IRPWorldCreateEditAccountOverallContainer .IRPWorldCreateEditPhoneVisibilitySettings td
{
    padding: 0 10px 0 0!important;
}

.IRPWorldCreateEditAccountOverallContainer .IRPWorldCreateAccountCancelButton
{
    background-color: var(--black-0);
    color: var(--black-1000);
    border: 1px solid var(--black-400);
    border-radius: var(--curvature-sml);
    padding: 15px;
    font-size: 16px;
    cursor: pointer;
    width: 140px;
}
.IRPWorldCreateEditAccountOverallContainer .IRPWorldCreateAccountCancelButton:hover
{
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    background-color: var(--black-200);
}

.IRPWorldCreateEditAccountOverallContainer .IRPWorldCreateAccountSubmitButton
{
    background-color: var(--green-warm);
    color: var(--black-0);
    border: 1px solid var(--green-warm);
    border-radius: var(--curvature-sml);
    padding: 15px;
    font-size: 16px;
    cursor: pointer;
    width: 140px;
}
.IRPWorldCreateEditAccountOverallContainer .IRPWorldCreateAccountSubmitButton:hover
{
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    background-color: var(--green-hot);
}

.IRPWorldCreateEditAccountOverallContainer .IRPWorldCreateAccountSubmitButtonDisabled
{
    background-color: var(--black-300);
    color: var(--black-600);
    border: 1px solid var(--black-500);
    border-radius: var(--curvature-sml);
    padding: 15px;
    font-size: 16px;
    cursor: pointer;
    width: 140px;
}




/************************************************************************************************/
/***************************** IRP WORLD - DEVELOPMENT SERVICES *********************************/
/************************************************************************************************/
.IRPWorldSummaryHeader
{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--green-hot);
    background-color: #f5f5e6;
    border-radius: var(--curvature-sml);
    color: var(--green-hot);
    font-size: 14px;
    margin: 20px 0;
}

.IRPWorldSummaryHeader > div, .IRPWorldSummaryHeader .HoverMoreInfo > div
{
    padding: 10px;
    margin-left: 10px;
}

.IRPWorldSummaryHeader > div > span, .IRPWorldSummaryHeader .HoverMoreInfo > div > span
{
    font-weight: bold;
}

.IRPWorldSummaryHeader .HoverMoreInfo
{
    display: none;
    position: absolute;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--green-hot);
    background-color: #f5f5e6;
    border-radius: var(--curvature-sml);
    color: var(--green-hot);
    font-weight: normal;
}



/************************************************************************************************/
/**************************************** Referrals *********************************************/
/************************************************************************************************/

.ReferralsHeaderBlockBackgroundContainer
{
    background-image: url('https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/IRP-Referral-Header.jpg');
    background-size: 100% 100%;
    background-color: var(--secondary-color-1);
}

.ReferralsTriBlockContainer
{
}

.ReferralsTriBlockContainer .ReferralsTriBlockContainerSubContainer
{
}

.ReferralsTriBlockContainer .ReferralsTriBlockContainerSubContainer .NumberCircle
{
    background-color: var(--secondary-color-1);
    color: var(--black-0);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 32px;
    font-weight: 600;
}

.ReferralsTriBlockContainer .ReferralsTriBlockContainerSubContainer .Title
{
    margin-top: 20px;
    margin-bottom: 5px;
    color: var(--secondary-color-1);
    font-family: co-headline,sans-serif;
    font-size: 36px;
    font-weight: 500;
}

.ReferralsTriBlockContainer .ReferralsTriBlockContainerSubContainer .Text
{
    font-size: 30px;
}

.ReferralsTriBlockCTAButtonContainer
{
    text-align: center;
    display: inline-grid;
    margin-top: 40px;
}

.ReferralSizingOverwrite
{
}

.ReferralsDualBlockAstrixSubMessage
{
    margin-top: 10px;
    text-align: center;
    font-size: 18px;
}

.ReferralsSubmitControlsContainer .TextArea
{
    padding: 0 5px;
    border-radius: var(--curvature-med);
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    border: solid 1px var(--black-500);
    background-color: var(--black-0);
    font-size: 18px;
}

.ReferralsLegalTermsOverallContainer
{
    display: flex;
}

.ReferralsLegalTermsOverallContainer .OpenCloseIndicatorContainer
{
    margin-right: 20px;
    text-align: left;
    font-family: co-headline,sans-serif;
    font-size: 32px;
    min-width: 20px;
}

.ReferralsLegalTermsOverallContainer .TextContentContainer .LegalTermsHeader
{
    cursor: pointer;
    text-align: left;
    font-family: co-headline,sans-serif;
    font-weight: 500;
    font-size: 32px;
}

.ReferralsLegalTermsOverallContainer .TextContentContainer .LegalTermsTerms
{
    text-align: left;
    margin-top: 20px;
    font-size: 16px !important;
    font-weight: 400;
}

.ReferralsLegalTermsOverallContainer .TextContentContainer .LegalTermsTerms p
{
    text-align: left;
    font-size: 16px !important;
    font-weight: 400;
}

body.SiteBlockIRPCommerceLightGreyBackground
{
    background-color: #f0f0f7 !important;
}

.ReferralsEntryAreaContainer
{
    background-color: #f0f0f7 !important;
    margin-top: 10px;
    padding: 20px;
}

.ReferralEntryContainerDiv
{
    display: flex;
    margin-bottom: 15px;
}

.ReferralEntryAreaLabelDiv
{
    margin-right: 20px;
    text-align: left;
    color: var(--black-700);
    font-size: 18px;
    font-weight: 600;
    min-width: 90px;
}

.ReferralEntryAreaEntryDiv
{
    display: flex;
    text-align: left;
    width: 100%;
}

.ReferralEntryTextbox
{
    padding: 0 5px;
    border-radius: var(--curvature-med);
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    border: solid 1px var(--black-500);
    background-color: var(--black-0);
    font-size: 18px;
    width: 96%;
    font-family: lato !important;
}

.ReferralEntryTextboxError
{
    padding: 0 5px;
    border-radius: var(--curvature-med);
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    border: solid 2px var(--red-warm);
    background-color: var(--black-0);
    font-size: 18px;
    width: 96%;
    font-family: lato !important;
}

.ReferralEntryTextboxNonMultiLine
{
    height: 40px;
}

.ReferralEntryDropdown
{
    padding: 0 5px;
    border-radius: var(--curvature-med);
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    border: solid 1px var(--black-500);
    background-color: var(--black-0);
    font-size: 18px;
    height: 40px;
    width: 98%;
    font-family: lato !important;
}

.ReferralEntryDropdownError
{
    padding: 0 5px;
    border-radius: var(--curvature-med);
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    border: solid 2px var(--red-warm);
    background-color: var(--black-0);
    font-size: 18px;
    width: 98%;
    font-family: lato !important;
}

.ReferralsErrorMessage
{
    color: var(--red-warm);
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
}

.ReferralSuccessMessage
{
    color: var(--green-warm);
    font-size: 26px;
    text-align: center;
    font-weight: 600;
}

.ReferralSuccessMessage .Message
{
    margin-bottom: 20px;
}

.ReferralSuccessMessage .Message.Overrite
{
    display: inline-block;
    color: #FF8C00;
    padding: 10px;
    border: 4px solid #FF8C00;
    Border-radius: var(--curvature-med);
    font-size: 35px;
    margin: 30px 0;
}

.ReferralsSubmitButton
{
    background-color: var(--primary-colour-1);
    border: 1px solid var(--highlight_2);
    color: var(--black-0);
    font-size: 14px;
    font-weight: 600;
    padding: 10px;
    text-align: center;
    cursor: pointer;
}

.ReferralsSubmitMessage
{
    clear: both;
    font-size: 16px;
    color: var(--black-700);
    text-align: left;
}

.ReferralsSubmitButtonDiv
{
    text-align: right;
    padding: 0px 10px 0px 0px;
}

.ReferralQuestionReference
{
    opacity: 0;
    position: absolute;
    top: -1000px;
    left: -2000px;
    height: 0;
    width: 0;
    z-index: -1;
}



/*************************************************************************************/
/******************************* Partners Page **********************************/
/*************************************************************************************/

.IRPAgencyPartnersMainHeaderContainer {
    padding-bottom: 0;
}

.AgencyProfileImageTextBreakdown {
    font-size: 18px;
}

.AgencyProfileImageTextBreakdown .NameInfo {
    font-weight: 600;
    margin-top: 15px;
}

.AgencyProfileImageTextBreakdown .CompanyInfo {
    margin-top: 5px;
}

.AgencyProfileImageTextBreakdown .CertifiedLogo {
    margin-top: 15px;
}

.SectionContainerSubContentGridLayout .AgencyKeyDashedSalesBox {
    border: 2px dashed var(--black-400);
    background-color: beige;
    padding: 20px;
    text-align: center !important;
}

.SectionContainerSubContentGridLayout .AgencyKeyDashedSalesBox .MainText {
    font-family: co-headline, sans-serif;
    font-size: 36px;
    font-weight: 500;
}

.SectionContainerSubContentGridLayout .AgencyKeyDashedSalesBox .SubText {
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0;
}

.SectionContainerSubContentGridLayout .AgencyKeyDashedSalesBox .LinkText {
    font-size: 18px;
    font-weight: 600;
}

.SectionContainerSubContentGridLayout.AgencyGridContentOverride {
    grid-gap: 20px;
    font-size: 18px;
}

.AgencyTickingRevenueValueContainer {
    color: var(--black-0);
    padding: 10px;
}

.AgencyTickingRevenueValueContainer .ValueSubContainer {
    margin: 30px 0;
    color: var(--black-1000);
}

.AgencyTickingRevenueValueContainer .ValueSubContainer .Header {
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 5px;
}

.AgencyTickingRevenueValueContainer .ValueSubContainer .Value {
    font-weight: 600;
    color: #a9d800;
}

/* EMAIL CAPTURE CONTROL */
.AgencyPageEmailCaptureOverallContainer {
    padding: 10px 0;
}

.AgencyPageEmailCaptureOverallContainer .EmailAddressEntrybar {
    padding: 0px 5px;
    height: 50px;
    border-radius: var(--curvature-med);
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    background-color: var(--black-0);
}

.AgencyPageEmailCaptureOverallContainer .EmailAddressEntrybar input {
    height: 50px;
    font-size: 16px;
    color: var(--black-1000);
    background-color: transparent !important;
    border: none;
}

.AgencyPageEmailCaptureOverallContainer .EmailAddressEntrybar input:focus {
    outline: none !important;
    color: var(--black-1000);
}

.AgencyPageEmailCaptureOverallContainer .ApplyNowButton {
    background-color: #8076ad;
    border-radius: var(--curvature-med);
    color: var(--black-0);
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    padding: 0 15px;
}

.AgencyPageEmailCaptureResultMessage {
    margin-top: 10px;
}

.AgencyPageEmailCapturePositiveResultMessage {
    margin-top: 10px;
    color: var(--green-warm);
}

/* APPS SCROLLER */
.AgencyPageAppsScrollerContainer.ScollerContent {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.AgencyPageAppsScrollerContainer.ScollerContent a {
    text-decoration: none;
    color: var(--black-800);
}

.AgencyPageAppsScrollerContainer.ScollerContent .SlideContentSubContainer {
    width: 100px;
    margin: 50px 50px 20px 50px;
}

.AgencyPageAppsScrollerContainer.ScollerContent .SlideContentSubContainer .LogoContainer {}

.AgencyPageAppsScrollerContainer.ScollerContent .SlideContentSubContainer .LogoContainer img {
    width: 100px;
    height: 100px;
}

.AgencyPageAppsScrollerContainer.ScollerContent .SlideContentSubContainer .NameContainer {
    display: none;
}

/* Top Merchant Profits Ticker */
.AgencyPageHeaderMerchantProfitsTickerContainer {
    font-size: 24px;
}

.AgencyPageHeaderMerchantProfitsTickerContainer .Text {
    color: var(--black-0);
    margin-right: 10px;
}

.AgencyPageHeaderMerchantProfitsTickerContainer .Value {
    color: #867ECD;
    font-weight: 600;
}

.PartnerPageCTAButtonDivOverride {}

.PartnerPageCTAButtonDivOverride .BecomePartnerButton {
    padding: 20px;
    background-color: #8076ad;
    border-radius: var(--curvature-sml);
    font-weight: 600;
    color: var(--black-0);
    text-align: center;
    text-decoration: none;
    font-size: 24px;
    width: 100%;
}

.PartnerPageCTAButtonDivOverride .SendInfoButton {
    padding: 20px;
    background-color: #aca4cd;
    border-radius: var(--curvature-sml);
    font-weight: 600;
    color: var(--black-0);
    text-align: center;
    text-decoration: none;
    font-size: 24px;
    width: 100%;
}

.PartnerPageCTAButtonDivOverride .BecomePartnerApplyButton
{
    padding: 20px;
    background-color: #8076ad;
    border-radius: var(--curvature-sml);
    font-weight: 600;
    color: var(--black-0);
    text-align: center;
    text-decoration: none;
    font-size: 24px;
}

.PartnersExpandCollapseContentOverallContainer
{
    display: flex;
    margin: 40px 0;
}

.PartnersExpandCollapseContentOverallContainer .OpenCloseIndicatorContainer
{
    margin-right: 20px;
    text-align: left;
    font-family: co-headline, sans-serif;
    font-size: 32px;
    min-width: 20px;
}

.PartnersExpandCollapseContentOverallContainer .TextContentContainer .ContentHeader
{
    cursor: pointer;
    text-align: left;
    font-family: co-headline, sans-serif;
    font-weight: 500;
    font-size: 32px;
}

.PartnersExpandCollapseContentOverallContainer .TextContentContainer .ContendBody
{
    text-align: left;
    margin-top: 20px;
}

/* Partners Table */
.PartnersTableContentContainer
{
    margin: 20px 0;
    overflow: auto;
}

.PartnersTableContentContainer .PartnersContentBreakdownTable
{
    border: 1px solid var(--black-300);
    text-align: left;
    font-size: 18px !important;
    font-weight: 400;
}

.PartnersTableContentContainer .PartnersContentBreakdownTable th
{
    color: var(--black-0);
    background-color: var(--black-600);
    border-right: 1px solid var(--black-0);
}

.PartnersTableContentContainer .PartnersContentBreakdownTable tbody tr:nth-child(odd)
{
    background-color: var(--black-100);
}

.PartnersTableContentContainer .PartnersContentBreakdownTable td
{
    border: 1px solid var(--black-300);
}

.PartnersTableContentContainer .PartnersContentBreakdownTable .BoldContent
{
    font-weight: 600;
}

.PartnersTableContentContainer .PartnersContentBreakdownTable .HighlightedBackgroundRow td
{
    background-color: #f0f0f7;
}

.PartnersTableContentContainer .PartnersContentBreakdownTable li
{
    font-size: 18px;
    font-weight: 400;
}



/*************************************************************************************/
/******************************* MERCHANT ENQUIRIES PAGE **********************************/
/*************************************************************************************/
.MerchantsProductsPageDashBoxContent
{
    padding: 20px; 
    border: 1px dashed var(--black-500); 
    border-radius: var(--curvature-sml); 
    background-color: var(--black-200); 
    text-align: center; 
    font-family: co-headline,sans-serif;
}
.MerchantsProductsPageDashBoxContent .HighlightedSubText
{
    font-weight: 600; 
    font-size: 32px;
}
.MerchantsProductsPageDashBoxContent .StandardSubText
{
    font-size: 28px;
}
.MerchantsProductsPageDashBoxContent .Spacer
{
    margin-top: 10px;
}

.MerchantsPageEmailCaptureIframeContainer
{
    border: none!important; 
    width: 100%;
}


/*************************************************************************************/
/******************************* IRP WORLD HOMEPAGE **********************************/
/*************************************************************************************/
        
/***** Forecasts CSS *****/
.HomePageForecastsSubSectionContainer
{        
    align-content: center;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: var(--secondary-color-1);
    color: var(--black-0)!important;
    border-radius: var(--curvature-med);
}
.HomePageForecastsSubSectionContainer .labelSubSectionContainer
{
}    
.HomePageForecastsSubSectionContainer .valueSubSectionContainer
{
    font-size: 16px;
}
.HomePageForecastsSubSectionContainer .valueSubSectionContainer .Header
{
    margin-right: 10px;
}
.HomePageForecastsSubSectionContainer .valueSubSectionContainer .Value
{
    font-size: 22px;
}
.HomePageForecastsSubSectionContainer .valueSubSectionContainer div
{
    padding: 5px 15px;
    margin: 0 5px;
    background-color: #6E8EAE;
    border-radius: var(--curvature-sml);
}

.PersonasServiceMarketBreakdownContainer
{
    margin: 15px 0;
    padding: 20px;
    background-color: var(--secondary-color-1);
    color: var(--black-0);
    font-size: 18px;
    border-radius: var(--curvature-sml);
}
.PersonasServiceMarketBreakdownContainer a
{
    text-decoration: none;
    color: var(--black-0);
    font-size: 18px;
}
.PersonasServiceMarketBreakdownContainer .HeaderContainer
{
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 10px;
}
.PersonasServiceMarketBreakdownContainer .SubValuesContainer
{
    display: flex;
    align-items: center;
    margin-top: 5px;
}
.PersonasServiceMarketBreakdownContainer .SubValuesContainer .Left
{
    width: 40%;
    margin-right: 10px;
}
.PersonasServiceMarketBreakdownContainer .SubValuesContainer .Right
{
}
.PersonasServiceMarketBreakdownContainer .SubValuesContainer .Value
{
    font-weight: 600;
}

/*************************************************************************************/
/************************ IRP WORLD HOMEPAGE - AGENCY OWNER **************************/
/*************************************************************************************/
.AgencyOwnerHomepageViewContainer
{
}

/* Logo and Name */
.AgencyOwnerHomepageViewContainer .CompanyImageNameContainer
{
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.AgencyOwnerHomepageViewContainer .CompanyImageNameContainer .Image img
{
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid var(--black-400);
    margin-right: 30px;
}
.AgencyOwnerHomepageViewContainer .CompanyImageNameContainer .Title
{
    font-size: 30px;
    font-weight: 600;
}
.AgencyOwnerHomepageViewContainer .CompanyImageNameContainer .PartnerStatus
{
    margin-top: 5px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
.AgencyOwnerHomepageViewContainer .CompanyImageNameContainer .PersonaIndicator
{
    font-size: 20px;
    font-weight: 400;
    color: var(--black-500);
    text-decoration: none;
    margin-left: 10px;
}

/*Ranking Info Tri Blocks*/
.AgencyOwnerHomepageViewContainer .TriBlockBreakdownContainer
{
    margin-top: 20px;
    font-size: 14px;
}
.AgencyOwnerHomepageViewContainer .TriBlockBreakdownContainer .Arrow
{
    padding: 5px;
    width: 30px;
    text-align: center;
}
.AgencyOwnerHomepageViewContainer .TriBlockBreakdownContainer .RankContainer
{
    padding: 5px;
}
.AgencyOwnerHomepageViewContainer .TriBlockBreakdownContainer .Stats
{
    padding: 5px;
}
.AgencyOwnerHomepageViewContainer .TriBlockBreakdownContainer > div
{
    background-color: var(--black-100);
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    min-width: 200px;
}
.AgencyOwnerHomepageViewContainer .TriBlockBreakdownContainer .Highlighted
{
    font-weight: 600!important;
}
.AgencyOwnerHomepageViewContainer .TriBlockBreakdownContainer .RankContainer a
{
    text-decoration: none;
    font-weight: 800;
    font-size: 24px;
    color: var(--black-1000);
}
.AgencyOwnerHomepageViewContainer .TriBlockBreakdownContainer .RankContainer .Rank
{
    padding: 10px;
    background-color: #FFBF00;
    border-radius: var(--curvature-sml);
    min-width: 40px;
    text-align: center;
}

/*Key Sales Figures*/
.AgencyOwnerHomepageViewContainer .KeySalesFiguresSingleBlock
{
    margin-top: 20px;
}
.AgencyOwnerHomepageViewContainer .KeySalesFiguresSingleBlock > div
{
    display: flex;
    align-items: center;
}
.AgencyOwnerHomepageViewContainer .KeySalesFiguresSingleBlock .Header
{
    font-size: 16px;
    margin-right: 10px;
}
.AgencyOwnerHomepageViewContainer .KeySalesFiguresSingleBlock .Value
{
    font-weight: 600;
    font-size: 20px;
}

/*Chart*/
.AgencyOwnerHomepageViewContainer .DynamicChartContainer
{
    margin-top: 20px;
    display: none;
}

/*Tabs Header*/
.AgencyOwnerHomepageViewContainer .TabsHeaderContainer
{
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
}

/*Tabs*/
.AgencyOwnerHomepageViewContainer .TabsContainer
{
    margin-top: 20px;
}

/*Tab Content*/
.AgencyOwnerHomepageViewContainer .TabsContent
{
    margin-top: 20px;
}
.AgencyOwnerHomepageViewContainer .TabsContent .TabsContentSubHeader
{
    font-weight: 600; 
    margin-bottom: 10px;
    text-align: center;
    color: var(--black-500);
}
.AgencyOwnerHomepageViewContainer .TabsContent .HandleGridOverflow
{
    overflow: auto;
}

/*Button Panel*/
.AgencyOwnerHomepageViewContainer .CTAButtonsContainer
{
    margin-top: 20px;
    padding: 20px;
    background-color: var(--black-100);
}
.AgencyOwnerHomepageViewContainer .CTAButtonsContainer a
{
    font-size: 16px;
}

/*People Scroller*/
.AgencyOwnerHomepageViewContainer .PeopleInCompanyScrollerContainer
{
    margin-top: 20px;
}
.AgencyOwnerHomepageViewContainer .PeopleInCompanyScrollerContainer .PeopleScrollerSubHeader, .AccountManagerPersonHPContainer .PeopleInCompanyScrollerContainer .PeopleScrollerSubHeader
{
    color: var(--black-800);
    font-weight: 700;
    text-decoration: none!important;
    font-size: 18px;
}

/*Right Panel*/
.AOPersonaRightPanelStatsHeaderBlock
{                                    
    text-align: center;
    padding: 10px;
    margin-top: 15px;
    background-color: var(--secondary-color-1);
    color: var(--black-0);
    font-size: 14px;
    font-weight: 600;
    border-radius: var(--curvature-sml)!important;
}
.AOPersonaRightPanelStatsContentBlock
{
    padding: 10px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: var(--black-800);            
    background-color: var(--black-0);
    border: 1px solid var(--black-300);
    border-radius: var(--curvature-sml);
    text-decoration: none;
}
.AOPersonaRightPanelStatsContentBlock a
{            
    color: var(--black-800)!important; 
    text-decoration: none!important;
}
.AOPersonaRightPanelStatsContentBlock .SeeAllStatsLinkContainer
{
    margin-top: 10px; 
    text-align: center;
}
.AOPersonaRightPanelStatsContentBlock .SeeAllStatsLinkContainer a
{
    color: var(--link-colour-main)!important;
}

        
/****************************************************************************************/
/************************ IRP WORLD HOMEPAGE - ACCOUNT MANAGER **************************/
/****************************************************************************************/
        
.AccountManagerPersonHPContainer .HandleGridOverflow
{
    overflow: auto;
}

/***** Logo and Name *****/
.AccountManagerPersonHPContainer .PersonalDetailsBreakdownContainer
{
    display: flex;
    margin-top: 20px;
}
.AccountManagerPersonHPContainer .PersonalDetailsBreakdownContainer .Image img
{
    cursor: pointer;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px solid var(--black-400);
    margin-right: 20px;
}
.AccountManagerPersonHPContainer .PersonalDetailsBreakdownContainer .Title .Main a
{
    font-size: 30px;
    font-weight: 600;
    color: var(--black-1000);
    text-decoration: none;
    margin-bottom: 10px;
}
.AccountManagerPersonHPContainer .PersonalDetailsBreakdownContainer .Ranks a
{
    font-size: 16px!important;
    margin-left: 15px;
}
.AccountManagerPersonHPContainer .PersonalDetailsBreakdownContainer .Title a
{
    font-size: 22px;
    font-weight: 400;
    color: var(--black-700);
    text-decoration: none;
}
.AccountManagerPersonHPContainer .PersonalDetailsBreakdownContainer .PersonaIndicator
{
    font-size: 20px;
    font-weight: 400;
    color: var(--black-500);
    text-decoration: none;
    margin-left: 10px;
}

/***** Key Sales Figures Single Block *****/
.AccountManagerPersonHPContainer .KeySalesFiguresSingleBlock
{
    align-items: center;
    justify-content: space-evenly;
    margin-top: 20px;
}
.AccountManagerPersonHPContainer .KeySalesFiguresSingleBlock > div
{
    display: flex;
    align-items: center;
}
.AccountManagerPersonHPContainer .KeySalesFiguresSingleBlock .Header
{
    font-size: 16px;
    margin-right: 10px;
}
.AccountManagerPersonHPContainer .KeySalesFiguresSingleBlock .Value
{
    font-weight: 600;
    font-size: 20px;
}

/***** Key Figures Double Panel *****/
.AccountManagerPersonHPContainer .AMPersonaKeyFiguresBreakdownContainer
{
    justify-content: space-evenly;
    margin-top: 20px;
}
.AccountManagerPersonHPContainer .AMPersonaKeyFiguresBreakdownContainer > div
{
    padding: 10px;
    background-color: var(--black-100);
    border-radius: var(--curvature-sml);
}

/***** Attention Message Panel *****/
.AccountManagerPersonHPContainer .AMPersonaAttentionMessageContainer
{
    margin-top: 20px;
    padding: 10px;
    border-radius: var(--curvature-med);
    border: 1px solid var(--black-500);
}
.AccountManagerPersonHPContainer .AttentionRequired
{
    border: 5px solid var(--red-cool)!important;
    color: var(--red-cool);
    font-weight: 600;
    text-align: center;
    cursor: pointer;
}
.AccountManagerPersonHPContainer .AttentionRequired:hover
{
    border: 5px solid var(--red-hot)!important;
    color: var(--red-hot);
}

/***** Button Panel *****/
.AccountManagerPersonHPContainer .CTAButtonsContainer
{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 20px;
    padding: 15px;
    background-color: var(--black-100);
    border-radius: var(--curvature-sml);
}
.AccountManagerPersonHPContainer .CTAButtonsContainer a
{
    font-size: 16px;
}

/***** Tabs *****/
.AccountManagerPersonHPContainer .TabsContainer
{
    margin-top: 30px;
}
.AccountManagerPersonHPContainer .TabsContent
{
    margin-top: 30px;
}
.AccountManagerPersonHPContainer .TabsContent .TabsContentSubHeader
{
    font-weight: 600; 
    margin-bottom: 10px;
    text-align: center;
    color: var(--black-500);
}

/***** People Scroller ******/
.AccountManagerPersonHPContainer .PeopleInCompanyScrollerContainer
{
    margin-top: 30px;
}
.AccountManagerPersonHPContainer .PeopleInCompanyScrollerContainer .PeopleScrollerSubHeader
{
    color: var(--black-800); 
    font-weight: 600; 
    text-decoration: none!important;
}

/***** Right Panel ******/
.AMPersonaRightPanelStatsHeaderBlock
{                                    
    text-align: center;
    padding: 10px;
    margin-top: 15px;
    background-color: var(--secondary-color-1);
    color: var(--black-0);
    font-size: 14px;
    font-weight: 600;
    border-radius: var(--curvature-sml)!important;
}
.AMPersonaRightPanelStatsContentBlock
{
    padding: 10px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: var(--black-800);            
    background-color: var(--black-0);
    border: 1px solid var(--black-300);
    border-radius: var(--curvature-sml);
    text-decoration: none;
}
.AMPersonaRightPanelStatsContentBlock a
{            
    color: var(--black-800)!important; 
    text-decoration: none!important;
}
.AMPersonaRightPanelStatsContentBlock .SeeAllStatsLinkContainer
{
    margin-top: 10px; 
    text-align: center;
}
.AMPersonaRightPanelStatsContentBlock .SeeAllStatsLinkContainer a
{
    color: var(--link-colour-main)!important;
}

.AMPersonaRightStatStatusContainer
{
    cursor: pointer;
    display: flex;
    align-items: center;
}        
.AMPersonaRightStatStatusContainer.NoAttentionRequired
{            
    color: var(--green-warm);
    font-weight: 600;
}
.AMPersonaRightStatStatusContainer.AttentionRequired
{
    color: var(--red-warm);
    font-weight: 600;
}


/****************************************************************************************/
/*********************** IRP WORLD HOMEPAGE - ECOMMERCE MANAGER *************************/
/****************************************************************************************/

/***** Logo and Name *****/
.EcommerceManagerPersonaHPContainer .PersonalDetailsBreakdownContainer
{
    display: flex;
    margin-top: 20px;
}
.EcommerceManagerPersonaHPContainer .PersonalDetailsBreakdownContainer .Image img
{
    cursor: pointer;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px solid var(--black-400);
    margin-right: 20px;
}
.EcommerceManagerPersonaHPContainer .PersonalDetailsBreakdownContainer .Title .Main
{
    margin-bottom: 5px;
}
.EcommerceManagerPersonaHPContainer .PersonalDetailsBreakdownContainer .Title .Main a
{
    font-size: 30px;
    font-weight: 600;
    color: var(--black-1000);
    text-decoration: none;
}
.EcommerceManagerPersonaHPContainer .PersonalDetailsBreakdownContainer .Ranks a
{
    font-size: 16px!important;
    margin-right: 15px;
}
.EcommerceManagerPersonaHPContainer .PersonalDetailsBreakdownContainer .Title .Company a
{
    font-size: 22px;
    font-weight: 400;
    color: var(--black-700);
    text-decoration: none;
    margin-right: 15px;
}
.EcommerceManagerPersonaHPContainer .PersonalDetailsBreakdownContainer .PersonaIndicator
{
    font-size: 20px;
    font-weight: 400;
    color: var(--black-500);
    text-decoration: none;
    margin-left: 10px;
}
.EcommerceManagerPersonaHPContainer .PersonalDetailsBreakdownContainer .IRPWorldStatEfficiencyRating
{
    margin-right: 15px;
}
.EcommerceManagerPersonaHPContainer .PersonalDetailsBreakdownContainer .FlexContainer
{
    align-items: center;
}
.EcommerceManagerPersonaHPContainer .PersonalDetailsBreakdownContainer .FlexContainer .SubHeaderBoxValue
{
    margin-right: 10px;
    padding: 5px;
    border: 1px solid var(--black-600);
    color: var(--black-800);
    border-radius: var(--curvature-sml);
}
.EcommerceManagerPersonaHPContainer .PersonalDetailsBreakdownContainer .FlexContainer .SubHeaderBoxValue a
{
    color: var(--black-800);
    text-decoration: none;
}

.EcommerceManagerPersonaHPContainer .HandleGridOverflow
{
    overflow: auto;
}


/*Key Sales Figures*/
.EcommerceManagerPersonaHPContainer .KeySalesFiguresSingleBlock
{
    align-items: center;
    justify-content: space-evenly;
    margin-top: 20px;
}
.EcommerceManagerPersonaHPContainer .KeySalesFiguresSingleBlock > div
{
    display: flex;
    align-items: center;
}
.EcommerceManagerPersonaHPContainer .KeySalesFiguresSingleBlock .Header
{
    font-size: 16px;
    margin-right: 10px;
}
.EcommerceManagerPersonaHPContainer .KeySalesFiguresSingleBlock .Value
{
    font-weight: 600;
    font-size: 20px;
}


/***** Charts *****/
.EcommerceManagerPersonaHPContainer .ChartContainer
{
    margin-top: 20px;
    width: 80%;
}


/***** Digital Village ******/
.EcommerceManagerPersonaHPContainer .EcomManPersonaDigitalVillageContainer
{
    margin-top: 30px;
}
.EcommerceManagerPersonaHPContainer .EcomManPersonaDigitalVillageContainer .SubHeader
{
    margin: 10px 0; 
    color: var(--black-700); 
    font-weight: 600;
}
.EcommerceManagerPersonaHPContainer .EcomManPersonaDigitalVillageContainer .SubHeader a
{
    color: var(--link-colour-main);
    text-decoration: none;
}


/***** Opportunity Header Box ******/
.EcommerceManagerPersonaHPContainer .EMPersonaOpportunityTextBox
{
    margin-top: 30px;
    text-align: center;
    font-size: 20px;
    color: var(--black-900);
    font-weight: 600;
}
.EcommerceManagerPersonaHPContainer .EMPersonaOpportunityTextBox .GreenHighlight
{
    color: var(--green-warm);
}
.EcommerceManagerPersonaHPContainer .EMPersonaOpportunityTextBox .RedHighlight
{
    color: var(--red-warm);
}
.EcommerceManagerPersonaHPContainer .EMPersonaOpportunityTextBox .GreyHighlight
{
    color: var(--black-500);
}

/***** People Scroller ******/
.EcommerceManagerPersonaHPContainer .PeopleInCompanyScrollerContainer
{
    margin-top: 30px;
}
.EcommerceManagerPersonaHPContainer .PeopleInCompanyScrollerContainer .PeopleScrollerSubHeader
{
    color: var(--black-800); 
    font-weight: 600; 
    text-decoration: none!important;
}


/***** Right Panel ******/
.EcommerceManagerPersonaRightPanelStatsHeaderBlock
{                                    
    text-align: center;
    padding: 10px;
    margin-top: 15px;
    background-color: var(--secondary-color-1);
    color: var(--black-0);
    font-size: 14px;
    font-weight: 600;
    border-radius: var(--curvature-sml)!important;
}
.EcommerceManagerPersonaRightPanelStatsContentBlock
{
    padding: 10px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: var(--black-800);            
    background-color: var(--black-0);
    border: 1px solid var(--black-300);
    border-radius: var(--curvature-sml);
    text-decoration: none;
}
.EcommerceManagerPersonaRightPanelStatsContentBlock a
{            
    color: var(--black-800)!important; 
    text-decoration: none!important;
}
.EcommerceManagerPersonaRightPanelStatsContentBlock .SeeAllStatsLinkContainer
{
    margin-top: 10px; 
    text-align: center;
}
.EcommerceManagerPersonaRightPanelStatsContentBlock .SeeAllStatsLinkContainer a
{
    color: var(--link-colour-main)!important;
}


/****************************************************************************************/
/************************ IRP WORLD HOMEPAGE - SERVICE PROVIDER *************************/
/****************************************************************************************/

/***** Logo and Name *****/
.ServiceProviderPersonaHPContainer .PersonalDetailsBreakdownContainer
{
    display: flex;
    margin-top: 20px;
}
.ServiceProviderPersonaHPContainer .PersonalDetailsBreakdownContainer .Image img
{
    cursor: pointer;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px solid var(--black-400);
    margin-right: 20px;
}
.ServiceProviderPersonaHPContainer .PersonalDetailsBreakdownContainer .Title .Main
{
    margin-bottom: 5px;
}
.ServiceProviderPersonaHPContainer .PersonalDetailsBreakdownContainer .Title .Main a
{
    font-size: 30px;
    font-weight: 600;
    color: var(--black-1000);
    text-decoration: none;
}
.ServiceProviderPersonaHPContainer .PersonalDetailsBreakdownContainer .PersonaIndicator
{
    font-size: 20px;
    font-weight: 400;
    color: var(--black-500);
    text-decoration: none;
    margin-left: 10px;
}
.ServiceProviderPersonaHPContainer .PersonalDetailsBreakdownContainer .FlexContainer
{
    display: flex;
    align-items: center;
}
.ServiceProviderPersonaHPContainer .PersonalDetailsBreakdownContainer .Ranks a
{
    font-size: 16px!important;
    margin-right: 15px;
}
.ServiceProviderPersonaHPContainer .PersonalDetailsBreakdownContainer .Title .Company a
{
    font-size: 22px;
    font-weight: 400;
    color: var(--black-700);
    text-decoration: none;
    margin-right: 15px;
}

.ServiceProviderPersonaHPContainer .HandleGridOverflow
{
    overflow: auto;
}


/*Key Sales Figures*/
.ServiceProviderPersonaHPContainer .KeySalesFiguresSingleBlock
{
    align-items: center;
    justify-content: space-evenly;
    margin-top: 20px;
}
.ServiceProviderPersonaHPContainer .KeySalesFiguresSingleBlock > div
{
    display: flex;
    align-items: center;
}
.ServiceProviderPersonaHPContainer .KeySalesFiguresSingleBlock .Header
{
    font-size: 16px;
    margin-right: 10px;
}
.ServiceProviderPersonaHPContainer .KeySalesFiguresSingleBlock .Value
{
    font-weight: 600;
    font-size: 20px;
}

/****************************************************************************************/
/************************************* IRP WORLD HOMEPAGE *******************************/
/****************************************************************************************/

.PersonaHomePageRightPanelContentContainer
{
    border: 2px solid var(--black-300);
    border-radius: var(--curvature-sml);
    background-color: var(--black-0);
    padding: 10px;
    margin-top: 10px;
}
.PersonaHomePageRightPanelContentContainer .Header
{                                    
    font-weight: 700;
    margin-bottom: 10px;
}
.PersonaHomePageRightPanelContentContainer .Header.IRPWorldHomePageSubMenuClickHeader
{
    display:flex; 
    align-items: center; 
    justify-content: space-between;
    margin-bottom: 0!important;
    cursor: pointer;
}
.PersonaHomePageRightPanelContentContainer a
{
    text-decoration: none;
    color: var(--black-1000);
}
.PersonaHomePageRightPanelContentContainer .KeyDocuments
{
    margin-top: 10px;
}

.PersonaHomePageRightPanelClickHoverContainer
{
    border: 2px solid var(--black-300);
    border-radius: var(--curvature-sml);
    background-color: var(--black-0);
    padding: 5px;
    text-align: center;
    color: var(--black-1000);
    text-decoration: none;
    cursor: pointer;
    margin-top: 10px;
}
.PersonaHomePageRightPanelClickHoverContainer a
{
    color: var(--black-1000);
    text-decoration: none;
}

.AgencyOwnerAgencyManagerPanel
{
    display: flex;
    align-items: center;
    justify-content: center;
}
.AgencyOwnerAgencyManagerPanel Img
{
    width: 40px; 
    height: 40px; 
    border-radius: 50%;
    margin-right: 10px;
}
.AgencyOwnerAgencyManagerPanel .TextContent
{
    text-align: left;
}

.PersonaHomePageRightPanelContentContainer .KeyDocuments a
{
    text-decoration: none;
    color: var(--black-1000);
}
.PersonaHomePageRightPanelContentContainer .KeyDocuments > div
{                                    
    margin: 5px 0;
}

.PersonaHomePageRightPanelContentContainer.PersonaHomepageKeyStats
{
}
.PersonaHomePageRightPanelContentContainer.PersonaHomepageKeyStats .Stats .Value
{
    font-weight: 700;
}
.PersonaHomePageRightPanelContentContainer.PersonaHomepageKeyStats .SeeMoreLink
{
    text-align: center;
    margin-top: 10px;
}
.PersonaHomePageRightPanelContentContainer.PersonaHomepageKeyStats .SeeMoreLink a
{
    text-decoration: none;
}

.AgencyOwnerHomepageViewContainer .KeySalesFiguresSingleBlock .HoverPointer
{
    cursor: pointer;
}
.KeySalesFiguresSingleBlock .RankingBreakdownSubContainer
{
    display: flex;
    align-items: center;
    padding: 3px;
    border: 2px solid var(--black-300);
    border-radius: var(--curvature-sml);
    text-decoration: none!important;
    color: var(--black-1000);
    background-color: var(--black-0);
}
.KeySalesFiguresSingleBlock .RankingBreakdownSubContainer .RankText
{
    margin-right: 3px;
    text-decoration: none!important;
}
.KeySalesFiguresSingleBlock .RankingBreakdownSubContainer .RankImage img
{
    height: 15px;
}
.KeySalesFiguresSingleBlock .LargeHighlightedValue
{
    font-size: 28px!important;
}
.KeySalesFiguresSingleBlock .LargeHighlightedValue.Positive
{
    background-color: var(--green-cool);
    color: var(--black-0);
    padding: 0 5px;
    border-radius: var(--curvature-sml);
}
.KeySalesFiguresSingleBlock .LargeHighlightedValue.Negative
{
    background-color: var(--red-cool);
    color: var(--black-0);
    padding: 0 5px;
    border-radius: var(--curvature-sml);
}
.KeySalesFiguresSingleBlock .Header.PositiveBoxedFigure
{
    border: 2px solid var(--green-cool);
    border-radius: var(--curvature-sml);
    color: var(--green-warm);
    padding: 3px;
    margin-left: 5px;
}
.KeySalesFiguresSingleBlock .Header.NegativeBoxedFigure
{            
    border: 2px solid var(--red-cool);
    border-radius: var(--curvature-sml);
    color: var(--red-warm);
    padding: 3px;
    margin-left: 5px;
}


.PersonaHomePageRightPanelKeyFiguresBlockContainer
{
    border: 2px solid var(--black-300);
    border-radius: var(--curvature-sml);
    padding: 10px;
    margin-top: 10px;
    font-weight: 700;
}
.PersonaHomePageRightPanelKeyFiguresBlockContainer .HeaderSubBlock
{                                    
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
}
.PersonaHomePageRightPanelKeyFiguresBlockContainer .ValuesSubBlock
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
}
.PersonaHomePageRightPanelKeyFiguresBlockContainer a
{
    text-decoration: none;
    color: var(--black-1000);
}
.PersonaHomePageRightPanelKeyFiguresBlockContainer.Highlighted
{
    background-color: var(--black-100);
}
.PersonaHomePageRightPanelKeyFiguresBlockContainer .AgencyOwnerBlinkMonthProjectedValue, .PersonaHomePageRightPanelKeyFiguresBlockContainer .AgencyOwnerBlinkYearCostOfSalesValue
{
    padding: 3px 5px;
    border-radius: var(--curvature-sml);
    font-size: 18px;
}

.MyAOPersonaHoverValuesContainer
{
    position: absolute;
    z-index: 100;
    visibility: hidden;
    position: absolute;
    background: var(--black-0);
    padding: 10px;
    margin: 10px 0 0 0;
    border-radius: var(--curvature-sml);
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.25);
    text-align: left;
    font-size: 16px;
}
.MyAOPersonaHoverValuesContainer .SubHeader
{
    margin-bottom: 10px;
}
.MyAOPersonaHoverValuesContainer .SubContent
{
    margin-top: 3px;
}
.MyAOPersonaHoverValuesContainer .HighlightedValue
{
    font-weight: 700;
}

.PersonaHomepageNonTabbedGridSectionContentOverallContainer
{
}
.PersonaHomepageNonTabbedGridSectionContentOverallContainer .TitleWithSummary
{
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 24px;
    border-bottom: 1px solid var(--black-400);
}
.PersonaHomepageNonTabbedGridSectionContentOverallContainer .TitleWithoutSummary
{
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 24px;
}
.PersonaHomepageNonTabbedGridSectionContentOverallContainer .Grid
{
}

.EMPErsonaRegulatorMessageContainer
{
    margin-top: 40px;
    color: var(--black-500);
    font-size: 18px;
}
.EMPErsonaRegulatorMessageContainer a
{            
    color: var(--black-500);
    font-size: 18px;
    text-decoration: none;
    font-weight: 600;
}
.EMPErsonaRegulatorMessageContainer a:hover
{
    color: var(--black-600);
}

.SubHeaderBoxValue.Rank
{
    background-color: var(--black-600)!important;
    color: var(--black-0)!important;
}
.SubHeaderBoxValue.Rank a
{
    color: var(--black-0)!important;
}



/*Source Provision Breakdown*/
.ServiceProviderPersonaHPContainer .SourceProvisionBreakdown
{
    margin-top: 30px;
}

                            

/***** People Scroller ******/
.ServiceProviderPersonaHPContainer .PeopleInCompanyScrollerContainer
{
    margin-top: 30px;
}
.ServiceProviderPersonaHPContainer .PeopleInCompanyScrollerContainer .PeopleScrollerSubHeader
{
    color: var(--black-800); 
    font-weight: 600; 
    text-decoration: none!important;
}


/***** Opportunity Header Box ******/
.ServiceProviderPersonaHPContainer .OpportunityTextBox
{
    margin-top: 30px;
    text-align: center;
    font-size: 20px;
    color: var(--black-900);
    font-weight: 600;
}
.ServiceProviderPersonaHPContainer .OpportunityTextBox .GreenHighlight
{
    color: var(--green-warm);
}
.ServiceProviderPersonaHPContainer .OpportunityTextBox .RedHighlight
{
    color: var(--red-warm);
}
.ServiceProviderPersonaHPContainer .OpportunityTextBox .GreyHighlight
{
    color: var(--black-500);
}


/*************************** PAGE LOADING WAIT *******************************/
.AsynchLoadingContainer
{
    padding: 10px;
    z-index: 1000;
    background-color: var(--black-0);
    text-align: center;
    font-weight: 600;
    border-radius: var(--curvature-med);
    color: var(--black-400);
    text-transform: uppercase;
}
.AsynchLoadingContainer .TextSubContainer
{
    margin-bottom: 15px;
}




/********************************************************************/
/************ 2022 MARKETING END CONTENT REFRESH ********************/
/********************************************************************/

.HeaderOneRefurb
{
    font-family: co-headline,sans-serif;
    font-weight: 400;
    color: var(--black-1000);
    font-size: 4.5rem;
    -webkit-font-kerning: none;
    font-kerning: none;
    letter-spacing: -1px;
    line-height: 4.5rem;
}
.HeaderTwoRefurb
{
    font-weight: 400;
    font-size: 3.125rem;
    line-height: 3.125rem;
    font-family: co-headline,sans-serif;
    color: var(--black-1000);
}
.HeaderThreeRefurb
{
    font-weight: 400;
    font-size: 3rem;
    line-height: 3.125rem;
    font-family: co-headline,sans-serif;
    color: var(--black-1000);
}
.HeaderFourRefurb
{
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 2.75rem;
    font-family: co-headline,sans-serif;
    color: var(--black-1000);
    margin: 0;
}
.HeaderTwoRefurbCaseStudies
{
    font-weight: 400;
    font-size: 1.75rem;
    line-height: 3.125rem;
    font-family: co-headline,sans-serif;
    color: var(--black-1000);
}

.HeaderBlackOverride
{
    color: var(--black-1000)!important;
}
.HeaderWhiteOverride
{
    color: var(--black-0)!important;
}

.MarginRestrictedContentContainer
{
    max-width: 1440px; 
    margin: 0 auto;
    padding: 60px 20px;
    font-family: lato;
}
.MarginRestrictedContentContainer a
{
    text-decoration: none;
}

.MarginRestrictedIndividualHeaderContainer
{
    max-width: 1440px; 
    margin: 0 auto;
    padding: 40px 20px 10px 20px;
    font-family: lato;
}

/**** TOP HEADER BLOCK ****/
.HomePageHeaderBlockBackgroundContainer
{
    background-color: var(--secondary-color-1);
}
.CommerceCloudHeaderBlockBackgroundContainer
{
    background-image: url('https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-header-ccloud.jpg');
    background-size: 100% 100%;
    background-color: var(--secondary-color-1);
}
.ReplatformHeaderBlockBackgroundContainer
{
    background-image: url('https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/irp-rp-header-lrg.jpg');
    background-size: 100% 100%;
    background-color: var(--secondary-color-1);
    display: flex;
    align-items: center;
}
.AppStoreHeaderBlockBackgroundContainer
{
    background-image: url('https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-header-appstore.jpg');
    background-size: 100% 100%;
    background-color: var(--secondary-color-1);
}
.ModulesFrontEndHeaderBlockBackgroundContainer
{
    background-image: url('https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-header-modules.jpg');
    background-size: 100% 100%;
    background-color: var(--secondary-color-1);
}
.AgenciesHeaderBlockBackgroundContainer
{
    background-image: url('https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/irpAgencyImgBanner.jpg');
    background-size: 100% 100%;
    background-color: var(--secondary-color-1);
}
.CaseStudiesHeaderBlockBackgroundContainer
{
    background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-header-case.jpg);
    background-size: 100% 100%;
    background-color: var(--secondary-color-1);            
}
.CRCCaseStudyHeaderBlockBackgroundContainer
{
    background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-dk-hd-CReaction.jpg);
    background-size: 100% 100%;
    background-color: var(--secondary-color-1);
}
.ChristiesCaseStudyHeaderBlockBackgroundContainer
{
    background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-dk-hd-CDirect.jpg);
    background-size: 100% 100%;
    background-color: var(--secondary-color-1);
}
.CampingWorldCaseStudyHeaderBlockBackgroundContainer
{
    background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-dk-hd-CWorld.jpg);
    background-size: 100% 100%;
    background-color: var(--secondary-color-1);
}
.JonzaraCaseStudyHeaderBlockBackgroundContainer
{
    background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-dk-hd-jonzara.jpg);
    background-size: 100% 100%;
    background-color: var(--secondary-color-1);
    height: 300px;
}

.eroseCaseStudyHeaderBlockBackgroundContainer
{
    background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-dk-hd-erose.jpg);
    background-size: 100% 100%;
    background-color: var(--secondary-color-1);
    height: 300px;
}

.KWMWinesCaseStudyHeaderBlockBackgroundContainer
{
    background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-dk-hd-kwm.jpg);
    background-size: 100% 100%;
    background-color: var(--secondary-color-1);
}
.AnnsCottageCaseStudyHeaderBlockBackgroundContainer
{
    background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-dk-hd-anns.jpg);
    background-size: 100% 100%;
    background-color: var(--secondary-color-1);
}
.ElecWorldShopifyCaseStudyHeaderBlockBackgroundContainer
{
    background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/casestudies/irpbgheaderimage.jpg);
    background-size: 100% 100%;
    background-color: #93D12B;
}
.TradingTerminalHeaderBlockBackgroundContainer
{
    background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-header-trader.jpg);
    background-size: 100% 100%;
    background-color: var(--secondary-color-1);
}
.FishingTackleBaitCaseStudyHeaderBlockBackgroundContainer
{
    background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-dk-hd-ftb.jpg);
    background-size: 100% 100%;
    background-color: var(--secondary-color-1);
}
.OldMillSaddleryCaseStudyHeaderBlockBackgroundContainer
{
    background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-dk-hd-oms.jpg);
    background-size: 100% 100%;
    background-color: var(--secondary-color-1);
}
.TinneyToysSaddleryCaseStudyHeaderBlockBackgroundContainer
{
    background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-dk-hd-tin.jpg);
    background-size: 100% 100%;
    background-color: var(--secondary-color-1);
}

.AllSportStoreFWDCaseStudyHeaderBlockBackgroundContainer
{
    background-image: url(https://www.irpcommerce.com//Interface/AdminUploads/MarketingEndImages/img-CC-sub-dk-hd-tin-b.png), url(https://www.irpcommerce.com//Interface/AdminUploads/MarketingEndImages/img-CC-sub-dk-hd-tin-bb.jpg);
    background-size: max(30vw, 200px), contain;
    background-position: right bottom, center;
    background-repeat: no-repeat, repeat-x;
    background-color: var(--secondary-color-1);
}



/*** HOMEPAGE - Latest News Panels Section ***/
.HomepageLatestNewsContainer .HomepageLatestNewsSubContainer
{
    width: 310px;
}
.HomepageLatestNewsContainer .HomepageLatestNewsSubContainer .title
{
    margin-top: 20px;
}
.HomepageLatestNewsContainer .HomepageLatestNewsSubContainer a
{
    color: var(--black-1000);
    text-decoration: none;
    font-family: lato;
    font-weight: 700;
    font-size: 21px;
}

.SiteBlockIRPCommerceNavyBackground
{
    background-color: var(--secondary-color-1);
    color: var(--black-0);
}
.SiteBlockIRPCommerceLightGreyBackground
{
    background-color: #f0f0f7;
    color: var(--black-1000);
}
.SiteBlockIRPCommercePaleBlueBackground
{
    background-color: #f0f0f7;
}

/*** 2 Blocked Section ***/
.SectionContainerHeaderContentVideoOverlay
{
    z-index: 1;
    position: relative;
}

.SectionContainerHeaderContent
{
    color: var(--black-0);
}
.SectionContainerHeaderContent.DarkFont
{
    color: var(--black-1000)!important;
}
.SectionContainerHeaderContent .Logo
{
    margin-bottom: 30px;
}
.SectionContainerHeaderContent .Logo img
{
    max-width: 100%;
}
.SectionContainerHeaderContent .Title
{
    margin-bottom: 30px;
}
.SectionContainerHeaderContent .Synopsis
{
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 1.3125rem;
    font-family: lato;
    line-height: 1.875rem;
}                
.SectionContainerHeaderContent .SideBySideLinks
{
    display: flex;
    align-items: center;
    margin-top: 80px;
}
.SectionContainerHeaderContent .SideBySideLinks > div
{
    margin-right: 20px;
    margin-bottom: 20px;
}

/*** Centered Section ***/
.SectionContainerCenteredContent
{
    text-align: center;
}
.SectionContainerCenteredContent .Image
{
    padding: 0px 30px 30px 30px;
}
.SectionContainerCenteredContent .Title
{
    margin-bottom: 30px;
}
.SectionContainerCenteredContent .Synopsis
{
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 1.3125rem;
    font-family: lato;
    line-height: 1.875rem;
}
.SectionContainerCenteredContent .Link
{
    margin-top: 60px;
    margin-bottom: 20px;
}


/*** Centered but left aligned Section ***/
.SectionContainerCenteredLeftAlignedContent
{
    text-align: left;
}
.SectionContainerCenteredLeftAlignedContent .Image
{
    padding: 0px 30px 30px 30px;
}
.SectionContainerCenteredLeftAlignedContent .Title
{
    margin-bottom: 30px;
    text-align: center;
}
.SectionContainerCenteredLeftAlignedContent .Synopsis
{
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 1.3125rem;
    font-family: lato;
    line-height: 1.875rem;
}
.SectionContainerCenteredLeftAlignedContent .Synopsis.SmallerFont
{
    font-size: 1.125rem;
}
.SectionContainerCenteredLeftAlignedContent .Synopsis .SynopsisSubHeader
{
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 24px;
}
.SectionContainerCenteredLeftAlignedContent .Link
{
    margin-top: 60px;
    margin-bottom: 20px;
}
.SectionContainerCenteredLeftAlignedContent .FlexLinksContainer
{
}
.SectionContainerCenteredLeftAlignedContent .FlexLinksContainer a
{
    font-size: 24px;
    text-decoration: none;
}
.SectionContainerCenteredLeftAlignedContent .FlexLinksContainer a:hover
{
    text-decoration: underline;
}
.SectionContainerCenteredLeftAlignedContent .HighlightedTextBoxContainer
{
    padding: 10px;
    background-color: #f0f0f7;            
    border: 2px solid var(--black-300);
    text-align: center;
    font-weight: 600;
    font-size: 24px;
}

.SectionContainerCenteredLeftAlignedContent .tableContentContainer
{
    margin: 20px 0;
    overflow: auto;
}
.SectionContainerCenteredLeftAlignedContent .tableContentContainer .AccountingForEcommerceDataContentTable
{
    border: 1px solid var(--black-300);
    text-align: right;
}
.SectionContainerCenteredLeftAlignedContent .tableContentContainer .AccountingForEcommerceDataContentTable .LabelColumnCell
{
    text-align: left!important;
}
.SectionContainerCenteredLeftAlignedContent .tableContentContainer .AccountingForEcommerceDataContentTable td
{
    border: 1px solid var(--black-300);
}
.SectionContainerCenteredLeftAlignedContent .tableContentContainer .AccountingForEcommerceDataContentTable .BoldContent
{
    font-weight: 600;
}
.SectionContainerCenteredLeftAlignedContent .tableContentContainer .AccountingForEcommerceDataContentTable .HighlightedBackgroundRow td
{
    background-color: #f0f0f7;
}

.SectionContainerCenteredLeftAlignedContent .tableContentContainer  .AccountingForEcommerceDataContentTable.OnlineAccountingTable
{
    width: 100%;
}
.SectionContainerCenteredLeftAlignedContent .tableContentContainer  .AccountingForEcommerceDataContentTable.OnlineAccountingTable td
{
    width: 25%;
}


/*** Standard Text Left & Image Right Container ***/
.SectionContainerTextImageContent
{
    align-items: center;
}
.SectionContainerTextImageContent .ImageContentContainer
{
    text-align: center;
}
.SectionContainerTextImageContent .TextContentContainer .Logo
{
    margin-bottom: 30px;
}
.SectionContainerTextImageContent .TextContentContainer .Header
{
    margin-bottom: 30px;
}
.SectionContainerTextImageContent .TextContentContainer .Synopsis
{
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 1.3125rem;
    font-family: lato;
    line-height: 1.875rem;
}
.SectionContainerTextImageContent .TextContentContainer .Synopsis li
{
    font-weight: 400!important;
}
.SectionContainerTextImageContent .TextContentContainer .Synopsis .SubHighlightedHeader
{
    font-weight: 700;
}
.SectionContainerTextImageContent .TextContentContainer .FlexSynopsis
{
    font-weight: 400;
    font-size: 1.3125rem;
    font-family: lato;
    line-height: 1.875rem;
}
.SectionContainerTextImageContent .TextContentContainer .FlexSynopsis > div
{
    padding-right: 20px;
}
.SectionContainerTextImageContent .TextContentContainer .FlexSynopsis .SubHeader
{
    margin-bottom: 20px;
    font-size: 3rem;
    font-family: co-headline,sans-serif;
}
.SectionContainerTextImageContent .TextContentContainer .SubTextArrowLinkContainer
{
    margin-top: 30px;
}
.SectionContainerTextImageContent .TextContentContainer .SubTextArrowLinkContainer .Text
{
    font-family: co-headline,sans-serif;
    font-weight: 400;
}
.SectionContainerTextImageContent .TextContentContainer .SubTextArrowLinkContainer .Arrow
{
    margin-top: 20px;
}
.SectionContainerTextImageContent .TextContentContainer .TextImageLink
{
    display: flex;
    align-items: center;
}
.SectionContainerTextImageContent .TextContentContainer .TextImageLink a
{
    text-decoration: none;
    color: var(--black-1000);
    font-weight: 700;
}
.SectionContainerTextImageContent .TextContentContainer .TextImageLink img
{
    margin-left: 10px;
    width: 20px;
}

.SectionContainerTextImageContent .TextContentContainer .VerticalImageBulletPoint
{
    display: flex;
}
.SectionContainerTextImageContent .TextContentContainer .VerticalImageBulletPoint .TickPointImage
{
}
.SectionContainerTextImageContent .TextContentContainer .VerticalImageBulletPoint .TextContent
{
    margin-left: 15px;
}
.SectionContainerTextImageContent .TextContentContainer .VerticalImageBulletPoint .TextContent .HeaderText
{
    font-family: co-headline,sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
}


/*** Sub Content Grid Layout ***/
.SectionContainerSubContentGridLayoutContainer
{
    display: flex; 
    justify-content: space-between;
}
.SectionContainerSubContentGridLayout
{
    grid-gap: 0px; 
    grid-template-columns: repeat(2, 1fr); 
    color: var(--black-0);
}
.SectionContainerSubContentGridLayout > div
{
    display: flex;
    margin-right: 40px;
}
.SectionContainerSubContentGridLayout .Image
{
}
.SectionContainerSubContentGridLayout .Content
{
    margin-left: 10px;
    font-family: lato;
    font-weight: 400;
    line-height: 1.5rem;
}
.SectionContainerSubContentGridLayout .Content .ContentTitle
{
    margin-bottom: 20px;
    font-family: co-headline,sans-serif;
    font-weight: 400;
}

.SectionContainerCaseStudyLinksContent
{
}
.SectionContainerCaseStudyLinksContent .UnderlapImg
{
    width: 100%;
}
.SectionContainerCaseStudyLinksContent .ImageContainerHalfOne
{
    position: relative;
}
.SectionContainerCaseStudyLinksContent .ImageContainerHalfTwo
{
    position: relative;
}
.SectionContainerCaseStudyLinksContent .OverlappedTextContainer
{
    background-color: var(--black-0); 
    padding: 20px; 
    position: absolute;
    top: 166px;
    display: inline-block;
    width: 60%;
}
.SectionContainerCaseStudyLinksContent .OverlappedTextContainer .Text
{
    margin-bottom: 50px; 
    font-size: 1.5rem; 
    font-family: lato; 
    font-weight: 700;
}
.SectionContainerCaseStudyLinksContent a
{
    text-decoration: none;
    color: var(--black-1000);
}
.SectionContainerCaseStudyLinksContent .OverlappedTextContainerAlternative
{
    background-color: transparent; 
    padding: 20px; 
    position: absolute;
    top: 195px;
    display: inline-block;
    width: 80%;
}
.SectionContainerCaseStudyLinksContent .OverlappedTextContainerAlternative .Text
{
    margin-bottom: 20px; 
    font-size: 1.5rem; 
    font-family: lato; 
    font-weight: 700;
}
.SectionContainerCaseStudyLinksContent .OverlappedTextContainerAlternative .Text a
{
    text-decoration: none;
    color: var(--black-0); 
}

/*** COMPANY LOGOS SCROLLER ***/
.HomepageCustomerCompanyLogosScroller img
{
    max-height: 70px;
}

/*TriBlock Content*/
.SectionContainerTriBlockContent
{
}
.SectionContainerTriBlockContent .Header
{
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
}
.SectionContainerTriBlockContent .TriBlock
{
    display: flex;
    justify-content: space-evenly;
}
.SectionContainerTriBlockContent .TriBlock > div
{                    
    width: 33.3%;
}
.SectionContainerTriBlockContent .TriBlock .Logo
{
    margin: 0 40px 40px 40px;
    font-size: 36px;
    font-family: co-headline,sans-serif;
    font-weight: 500;
}
.SectionContainerTriBlockContent .TriBlock .SubPoint
{
    display: flex;
    margin: 0 40px 30px 40px;
}
.SectionContainerTriBlockContent .TriBlock .Image
{
    margin-top: 50px;
}
.SectionContainerTriBlockContent .TriBlock .Image > img
{
    width: 100%;
}
.SectionContainerTriBlockContent .TriBlock .SubPoint .Text
{
    margin-left: 10px;
    font-weight: 500;
    font-size: 20px;
}
.SectionContainerTriBlockContent .TriBlock .CentreSubBlock
{
    border-left: 1px solid var(--black-1000);
    border-right: 1px solid var(--black-1000);
}

/***** NEW WHITE PAPER BLOCK *****/
.SectionContainerWhitePaperContent
{
    border-radius: var(--curvature-med);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
    background-color: var(--black-100);
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.SectionContainerWhitePaperContent > div
{
    padding: 20px;
    text-align: center;
}
.SectionContainerWhitePaperContent .LogoContainer img
{
    width: 80%;
}
.SectionContainerWhitePaperContent .TextContainer
{
    font-family: co-headline,sans-serif;
    font-weight: 400;
    font-size: 2rem;
    font-size: 20px;
}
.SectionContainerWhitePaperContent .TextContainer .Highlight
{
    margin-bottom: 10px;
    font-weight: 500;
}
.SectionContainerWhitePaperContent .TextContainer .LargerFont
{
    font-size: 21px;
    font-weight: 700;
}
.SectionContainerWhitePaperContent .ButtonContainer a.CTAButton
{
    display: inline-block;
    margin: 0 0 0 0;
    border-radius: var(--curvature-med);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    color: var(--black-0);
    background-color: var(--secondary-color-1);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    text-align: center;
    position: relative;
    padding: 10px;
}
.SectionContainerWhitePaperContent .ButtonContainer a.CTAButton:hover
{
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    background-color: var(--primary-colour-1);
    cursor: pointer;
}
.SectionContainerWhitePaperHeaderBlock
{
    text-align: center;
    margin: 20px auto 50px auto;
}


/* SIDE BY SIDE IMAGES*/
.SectionContainerFlexImagesContent
{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.SectionContainerFlexImagesContent > div
{
    margin: 0 10px;
}


/*** Button Styles ***/
.LinkOutlinedButtonStyle
{
    border: 2px solid;
    padding: 20px 20px;
    border-radius: var(--curvature-med);
    text-decoration: none;
    transition: all 0.5s ease;
    font-size: 22px;
    font-family: co-headline,sans-serif;
    font-weight: 400;
}
.LinkOutlinedButtonStyle.WhiteOutline
{
    color: var(--black-0);
    border-color: var(--black-0);
}            
.LinkOutlinedButtonStyle.WhiteOutline:hover
{
    background: rgba(255, 255, 255, 0.15);
}
.LinkOutlinedButtonStyle.BlackOuline
{
    color: var(--black-1000);
    border-color: var(--black-1000);
}
.LinkOutlinedButtonStyle.GreyOutline
{
    color: var(--black-500);
    background-color: var(--black-0);
    border-color: var(--black-500);
}
.LinkOutlinedButtonStyle.SolidBlue
{
    color: var(--black-0);
    border-color: #867ECD;
    background-color: #867ECD;
}            
.LinkOutlinedButtonStyle.SolidBlue:hover
{
    border-color: #766fb5;
    background-color: #766fb5;
}
.LinkOutlinedButtonStyle.GreyBlack
{
    color: var(--black-1000);
    border-color: var(--black-400);
}
.LinkOutlinedButtonStyle.GreyBlack:hover
{
    background-color: var(--black-200);
}
.LinkOutlinedButtonStyle.SolidGreen
{
    background-color: #87843A;
    color: var(--black-0) !important;
    border: none;
}
.LinkOutlinedButtonStyle.SolidGreen:hover
{
    color: #87843A !important;
    background-color: var(--black-0);
}

/*** APPS & TECHNICAL PARTNERS ***/
.AppsTPsLinkSectionContainer .LinkInnerContainer
{
    display: flex;
    align-items: center;
}
.AppsTPsLinkSectionContainer a
{
    text-decoration: none;
    color: var(--black-700);
    font-size: 18px;
}
.AppsTPsLinkSectionContainer .LinkInnerContainer .Forward
{
    width: 20px;
    margin-left: 10px;
}
.AppsTPsLinkSectionContainer .LinkInnerContainer .Back
{
    width: 20px;
    margin-right: 10px;
    transform: scaleX(-1);
}

.AppsContentSectionContainer .Title
{
}
.AppsContentSectionContainer .Synopsis
{
    margin-top: 20px;
    font-size: 18px;
}
.AppsContentSectionContainer .SectionAppsListContentContainer
{
    margin-top: 30px;
}

.AppsContentSectionContainer .SectionAppsListContentContainer a
{
    text-decoration: none;
    color: var(--black-1000);
    width: -webkit-fill-available;
}
.AppsContentSectionContainer .SectionAppsListContentContainer.FlexDisplayMode
{
    display: flex;
    justify-content: space-evenly;
}

.AppsContentSectionContainer .SectionAppsListContentContainer .IndividualAppSubContainer
{
    padding: 20px;
    display: flex;
    border: 1px solid;
    border-color: transparent;
    border-radius: var(--curvature-med);
    font-size: 16px;
    min-height: 130px;
}
.AppsContentSectionContainer .SectionAppsListContentContainer .IndividualAppSubContainer:hover
{                    
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
    background-color: var(--black-0);
}
.AppsContentSectionContainer .SectionAppsListContentContainer .IndividualAppSubContainer .Image
{
    margin-right: 20px;
}
.AppsContentSectionContainer .SectionAppsListContentContainer .IndividualAppSubContainer .Image img
{
    max-width: 100px;
}
.AppsContentSectionContainer .SectionAppsListContentContainer .IndividualAppSubContainer .Name
{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}
.AppsContentSectionContainer .SectionAppsListContentContainer .IndividualAppSubContainer .TierRating
{    
    margin-bottom: 10px;
}
.AppsContentSectionContainer .SectionAppsListContentContainer .IndividualAppSubContainer .TierRating img
{

}
.AppsContentSectionContainer .SectionAppsListContentContainer .IndividualAppSubContainer .Synopsis
{
    margin-bottom: 10px;
    line-height: 22px;
}
.AppsContentSectionContainer .SectionAppsListContentContainer .IndividualAppSubContainer .Category
{
}
.AppsContentSectionContainer .SectionAppsListContentContainer a .IndividualAppSubContainer .Category
{
    color: var(--black-700);
}

.AppsContentSectionContainer .slick-list
{
    padding: 15px 10px;
}
.AppsContentSectionContainer .slick-prev:before 
{
    content: url('https://www.irpcommerce.com//interface/adminuploads/marketingendimages/2022redesign/arrow-left@2x.png');
}
.AppsContentSectionContainer .slick-next:before 
{
    content: url('https://www.irpcommerce.com//interface/adminuploads/marketingendimages/2022redesign/arrow-right@2x.png');
}

.AppsTPsViewSectionOverallContainer
{
    font-size: 18px;
}
.AppsTPsViewSectionOverallContainer .LogoContainer
{
}
.AppsTPsViewSectionOverallContainer .LogoContainer .TierRating
{
    margin-top: 10px;
}
.AppsTPsViewSectionOverallContainer .DetailsContainer
{
    width: 100%;
}

.AppsTPsViewSectionOverallContainer .LogoContainer img
{
    max-width: 150px;
}
.AppsTPsViewSectionOverallContainer .DetailsContainer .Header
{        
}
.AppsTPsViewSectionOverallContainer .DetailsContainer .Synopsis
{
    margin-top: 30px;
}
.AppsTPsViewSectionOverallContainer .DetailsContainer .Owner
{
    margin-top: 20px;
}
.AppsTPsViewSectionOverallContainer .DetailsContainer .Category
{
    margin-top: 20px;
    color: var(--black-700);
}
.AppsTPsViewSectionOverallContainer .DetailsContainer .CostBreakdown
{
    display: flex; 
    align-items: center;
    margin-top: 20px;
}
.AppsTPsViewSectionOverallContainer .DetailsContainer .CostBreakdown .CostItemContainer
{
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
    background-color: var(--black-0);
    border-radius: var(--curvature-sml); 
    padding: 10px; 
    background-color: var(--black-0); 
    text-align: left;
    margin-right: 20px;
}
.AppsTPsViewSectionOverallContainer .DetailsContainer .CostBreakdown .CostItemContainer .Label
{
    margin-bottom: 10px;
}
.AppsTPsViewSectionOverallContainer .DetailsContainer .InformationContent
{
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid var(--black-500);
}
.AppsTPsViewSectionOverallContainer .DetailsContainer .InformationContent .Header
{
    font-size: 24px;
    font-family: co-headline,sans-serif;
    font-weight: 500;
}
.AppsTPsViewSectionOverallContainer .DetailsContainer .InformationContent .Content
{
    margin-top: 30px;
    line-height: 30px;
}

.AppsTPsViewSectionOverallContainer .ScollerHeader, .AppsTPsViewSectionOverallContainer .ScrollerHeader
{
    font-size: 24px;
    font-family: co-headline,sans-serif;
    font-weight: 500;
    margin-top: 40px;
}

.AppsTPsViewSectionOverallContainer .ScollerContent
{
    display: flex;
    align-items: center;
    overflow: hidden;
    max-width: 1150px;
}
.AppsTPsViewSectionOverallContainer .ScollerContent a
{
    text-decoration: none;
    color: var(--black-800);
}
.AppsTPsViewSectionOverallContainer .ScollerContent .SlideContentSubContainer
{
    width: 100px;
    margin: 50px 50px 20px 50px;
}
.AppsTPsViewSectionOverallContainer .ScollerContent .SlideContentSubContainer .LogoContainer
{
}
.AppsTPsViewSectionOverallContainer .ScollerContent .SlideContentSubContainer .LogoContainer img
{
    width: 100px;
    height: 100px;
}
.AppsTPsViewSectionOverallContainer .ScollerContent .SlideContentSubContainer .NameContainer
{
}

.AppsListingRefineContainer
{
    padding: 5px;
    border: 1px solid var(--black-500);
    color: var(--black-500);
    border-radius: var(--curvature-med);
}

.AppsOverallContainer
{
    margin-top: 20px;
}
.AppsOverallContainer a
{
    text-decoration: none;
    color: var(--black-1000);
}
.AppsOverallContainer a:hover
{
}

.AppsOverallContainer .AppsSubContainer
{
    padding: 20px;
    display: flex;
    border: 1px solid;
    border-color: transparent;
    border-radius: var(--curature-med);
    font-size: 16px;
    min-height: 130px;
}
.AppsOverallContainer .AppsSubContainer:hover
{
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
    background-color: var(--black-0);
}

.AppsOverallContainer .LogoContainer
{
    margin-right: 20px;
}
.AppsOverallContainer .LogoContainer img
{
    max-width: 100px;
    max-height: 100px;
}

.AppsOverallContainer .DetailsContainer .Title
{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}
.AppsOverallContainer .DetailsContainer .Owner
{
    margin-top: 5px;
    display: none;
}
.AppsOverallContainer .DetailsContainer .Synopsis
{
    margin-bottom: 10px;
    line-height: 22px;
}        
.AppsOverallContainer .DetailsContainer .Category
{
    color: var(--black-700);
}
.AppsOverallContainer .DetailsContainer .Pricing
{
    color: var(--black-700)!important;
    margin-top: 10px;
    display: none;
}

.AppSpecificHeaderContentContainer .GetAppCTA a
{
    cursor: pointer;
}

.AppsSpecificMainContentContainer .LeftPanel .TabbedContentContainer, .AppsSpecificMainContentContainer .LeftPanel .TabbedContentContainer p, .AppsSpecificMainContentContainer .LeftPanel .TabbedContentContainer li
{
    font-family: lato!important;
    font-weight: 500!important;
    font-size: 18px!important;
}
                
ul.tabs.AppsTabs
{
    border: none!important;
    padding: 0!important;
    margin: 0 0 20px 0!important;
}
ul.tabs.AppsTabs li.selected a, ul.tabs.AppsTabs li.selected a:hover, ul.tabs.AppsTabs li a:hover
{
    padding: 0 10px 0 0!important;
    border: 0!important;
    font-size: 21px!important;
    color: var(--black-1000)!important;
}
ul.tabs.AppsTabs li a
{
    padding: 0 10px 0 0!important;
    border: 0!important;
    font-size: 21px!important;
    color: var(--black-700);
    background-color: transparent!important;
    font-weight: 600!important;
}

.AppsSpecificMainContentContainer .RightPanel .ContentBlockContainer
{
    margin-bottom: 40px;
}

.AppsSpecificMainContentContainer .RightPanel .ContentBlockContainer .HeaderContent
{
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--black-500);
}
.AppsSpecificMainContentContainer .RightPanel .ContentBlockContainer .StandardContent
{
}
.AppsSpecificMainContentContainer .RightPanel .ContentBlockContainer .StandardContent a
{
    color: var(--link-colour-main);
    text-decoration: none!important;
    cursor: pointer;
}

.AppsSpecificMainContentContainer .RightPanel .ContentBlockContainer .PriceSubContent
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.AppsSpecificMainContentContainer .RightPanel .ContentBlockContainer .PriceSubContent .Label
{
    font-weight: 600;
}
.AppsSpecificMainContentContainer .RightPanel .ContentBlockContainer .PriceSubContent .Value
{
    font-weight: 400;
}

.TechnicalPartnersFrontEndListOverallContainer
{
    margin: 20px 50px;
}
        
.TechnicalPartnersListingRefineContainer
{
    padding: 5px;
    border: 1px solid var(--black-500);
    color: var(--black-500);
    border-radius: var(--curvature-med);
}

.TechnicalPartnersOverallContainer
{
    margin-top: 20px;
}
.TechnicalPartnersOverallContainer a
{
    text-decoration: none;
    color: var(--black-1000);
}
.TechnicalPartnersOverallContainer a:hover
{
}

.TechnicalPartnersOverallContainer .TechnicalPartnersSubContainer
{
    padding: 10px;
    font-weight: 400;
    text-align: center;
    margin: 10px 0;
}

.TechnicalPartnersOverallContainer .LogoContainer
{
    margin-bottom: 10px;
}
.TechnicalPartnersOverallContainer .LogoContainer img
{
    max-width: 320px;
    height: 90px;
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    border-radius: var(--curvature-med);
    padding: 5px;
}

.TechnicalPartnersOverallContainer .DetailsContainer .Title
{
    font-size: 22px;
    font-weight: 600;
}
.TechnicalPartnersOverallContainer .DetailsContainer .Owner
{
    margin-top: 5px;
}
.TechnicalPartnersOverallContainer .DetailsContainer .Synopsis
{
    color: var(--black-500)!important;
    margin-top: 10px;
}        
.TechnicalPartnersOverallContainer .DetailsContainer .Category
{
    color: var(--black-500)!important;
    margin-top: 10px;
}
.TechnicalPartnersOverallContainer .DetailsContainer .Pricing
{
    color: var(--black-700)!important;
    margin-top: 10px;
}


/**** CASE STUDIES ****/
.SectionCaseStudiesLandingPageCaseStudiesContent
{
}
.SectionCaseStudiesLandingPageCaseStudiesContent a
{
    text-decoration: none;
    color: var(--black-1000);
}
.SectionCaseStudiesLandingPageCaseStudiesContent .Header
{
    margin-bottom: 30px;
}
.SectionCaseStudiesLandingPageCaseStudiesContent .CaseStudiesGridContainer
{
    font-size: 18px;
}
.SectionCaseStudiesLandingPageCaseStudiesContent .CaseStudiesGridContainer .Image
{
}
.SectionCaseStudiesLandingPageCaseStudiesContent .CaseStudiesGridContainer .Image img
{
    width: 100%;
}
.SectionCaseStudiesLandingPageCaseStudiesContent .CaseStudiesGridContainer .Name
{                
    margin-top: 10px;
    font-size: 20px;
    font-weight: 700;
}
.SectionCaseStudiesLandingPageCaseStudiesContent .CaseStudiesGridContainer .Market
{
    margin-top: 5px;
    color: var(--black-500);
}
.SectionCaseStudiesLandingPageCaseStudiesContent .CaseStudiesGridContainer .Tagline
{
    margin-top: 20px;
}
.SectionCaseStudiesLandingPageCaseStudiesContent .CaseStudiesGridContainer .SubTagline
{
    margin-top: 10px;
    font-size: 15px;
}
.SectionCaseStudiesLandingPageCaseStudiesContent .CaseStudiesGridContainer .ReadCTA
{
    margin-top: 10px;
    display: flex;
    align-items: center;
    font-size: 15px;
}
.SectionCaseStudiesLandingPageCaseStudiesContent .CaseStudiesGridContainer .ReadCTA img
{
    margin-left: 10px;
    width: 15px;
}


/************* NEW FONTS FOR ARTICLE PORTALS **************/
.SOPArticlesPortalMainWrapper, .SOPArticlesPortalMainWrapper article, .SOPArticlesPortalMainWrapper section
{
    font-family: lato!important;
}
.SOPArticlesPortalMainWrapper .PortalHeaderOverwrite
{
    font-family: co-headline,sans-serif!important;
}


/** CASE STUDY PAGE **/
.CaseStudySectionContentContainer
{
    display: flex;
    font-size: 18px;
}
.CaseStudySectionContentContainer .LeftFiguresContainer
{
    width: 25%;
    min-width: 25%;
    max-width: 25%;
    margin-right: 50px;
}
.CaseStudySectionContentContainer .RightInformationContainer
{
}

.CaseStudySectionContentContainer .LeftFiguresContainer .SubContainer
{
    display: flex;
    align-content: center;
    margin-top: 10px;
}
.CaseStudySectionContentContainer .LeftFiguresContainer .SubContainer .Header
{
    margin-right: 20px;
    width: 75px;
    font-weight: 700;
}
.CaseStudySectionContentContainer .LeftFiguresContainer .SubContainer .Content
{
}

.CaseStudySectionContentContainer .RightInformationContainer .Header
{
}
.CaseStudySectionContentContainer .RightInformationContainer .MarketDetails
{
    color: var(--black-500);
}
.CaseStudySectionContentContainer .RightInformationContainer .Synopsis
{
    margin-top: 30px;
    font-size: 30px;
    font-weight: 500;
    line-height: 2.5rem;
}
.CaseStudySectionContentContainer .RightInformationContainer .TriFlexFigures
{
}
.CaseStudySectionContentContainer .RightInformationContainer .TriFlexFigures > div
{
}
.CaseStudySectionContentContainer .RightInformationContainer .TriFlexFigures .Figure
{
    font-size: 80px;
    line-height: 85px;
    font-weight: 500;
    font-family: co-headline,sans-serif;
}
.CaseStudySectionContentContainer .RightInformationContainer .TriFlexFigures .Text
{
    font-size: 21px;
}
.CaseStudySectionContentContainer .RightInformationContainer .TextContent
{
    line-height: 2rem;
}
.CaseStudySectionContentContainer .RightInformationContainer .TextContent .CaseStudiesQuoteContainer
{
    font-size: 23px; 
    padding: 20px; 
    margin: 20px 0; 
    background-color: var(--secondary-color-1);
    color: var(--black-0);
}
.CaseStudySectionContentContainer .RightInformationContainer .TextContent .CaseStudiesQuoteContainer .QuoteOwner
{
    margin-top: 20px;
    font-size: 18px!important;
}

.CaseStudySectionContentContainer .RightInformationContainer .TextContent .CaseStudiesShopifyQuoteContainer
{
    font-size: 40px;
    line-height: normal!important;
    padding: 20px; 
    margin: 20px 0; 
    background-color: #88C129;
    color: var(--black-1000);
}
.CaseStudySectionContentContainer .RightInformationContainer .TextContent .CaseStudiesShopifyQuoteContainer .QuoteOwner
{
    margin-top: 20px;
    font-size: 18px!important;
}



/********* CONTACT US - 2022 ***********/
.ContactUsHeaderBlockBackgroundContainer
{
    background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-header-contact.jpg);
    background-size: 100% 100%;
    background-color: var(--secondary-color-1);
}

.SectionContainerCenteredContent .ContactUsDoubleCentredBoxes
{
}
.SectionContainerCenteredContent .ContactUsDoubleCentredBoxes .ContactUsContactSubBox
{
    margin: 20px;
    padding: 20px;
    border-radius: var(--curvature-sml);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
    background-color: var(--black-0);
}
.SectionContainerCenteredContent .ContactUsDoubleCentredBoxes .ContactUsContactSubBox
{
    margin: 20px;
    padding: 20px;
    border-radius: var(--curvature-sml);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
    background-color: var(--black-0);
}
.SectionContainerCenteredContent .ContactUsDoubleCentredBoxes .ContactUsContactSubBox .ContactImage
{
    margin: 20px 0 30px;
}
.SectionContainerCenteredContent .ContactUsDoubleCentredBoxes .ContactUsContactSubBox .Header
{
    margin-top: 20px;
    font-family: co-headline,sans-serif;
    font-size: 36px;
}
.SectionContainerCenteredContent .ContactUsDoubleCentredBoxes .ContactUsContactSubBox .SubText
{
    margin-top: 20px;
    font-size: 21px;
}
.SectionContainerCenteredContent .ContactUsDoubleCentredBoxes .ContactUsContactSubBox .Buttons
{
}
.SectionContainerCenteredContent .ContactUsDoubleCentredBoxes .ContactUsContactSubBox .Buttons .CTAButton
{
    font-size: 20px;
    padding: 10px 20px;
    border-radius: var(--curvature-sml);
    text-decoration: none;
    color: var(--black-0);
    background-color: var(--secondary-color-1);
    border: 1px solid var(--secondary-color-1);
    width: 100%;
}
.SectionContainerCenteredContent .ContactUsDoubleCentredBoxes .ContactUsContactSubBox .Buttons .CTAButton:hover
{
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    color: var(--secondary-color-1);
    background-color: var(--black-0);
}

.SectionContainerCenteredContent .ContactUsDoubleCentredBoxes .ContactUsContactSubBox .Buttons .CTAAlternativeButton
{
    font-size: 20px;
    padding: 10px 20px;
    border-radius: var(--curvature-sml);
    text-decoration: none;
    color: var(--secondary-color-1);
    background-color: var(--black-0);
    border: 1px solid var(--secondary-color-1);
    width: 100%;
}
.SectionContainerCenteredContent .ContactUsDoubleCentredBoxes .ContactUsContactSubBox .Buttons .CTAAlternativeButton:hover
{
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    color: var(--secondary-color-1);
    background-color: var(--black-200);
}

.SectionContainerTextImageContent .TextContentContainer .ContactUsImageTextFlex
{
    display: flex;
    align-items: center;
    font-size: 18px;
}
.SectionContainerTextImageContent .TextContentContainer .ContactUsImageTextFlex img
{
    margin-right: 10px;
}
.SectionContainerTextImageContent .TextContentContainer .ContactUsCallUs
{
    margin-top: 20px;
    font-size: 28px;
}
.SectionContainerTextImageContent .TextContentContainer .ContactUsCallUs a
{
    text-decoration: none;
    color: var(--black-0);
    font-size: 28px;
}            
.SectionContainerTextImageContent .TextContentContainer .ContactUsCallUs a:hover
{
    text-decoration: underline;
}
.SectionContainerTextImageContent .TextContentContainer .ContactUsCompleteFormText
{
    margin-top: 5px;
    font-size: 18px;
}
.SectionContainerTextImageContent .TextContentContainer .ContactUsFormContainer
{
    margin-top: 30px;
}
.SectionContainerTextImageContent .TextContentContainer .ContactUsFormSuccessMessage
{
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 28px;
    color: var(--green-cool);
    line-height: 2.5rem;
}

.ContactUsLocationContentContainer .LocationContentHeader
{
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--black-400);
    font-size: 32px;
    font-family: co-headline,sans-serif!important;
    line-height: 2.5rem;
}
.ContactUsLocationContentContainer .LocationContentFlexContainer
{
}
.ContactUsLocationContentContainer .LocationContentFlexContainer .TextContent
{
    font-size: 21px;
}
.ContactUsLocationContentContainer .LocationContentFlexContainer .TextContent a
{
    color: var(--black-1000);
    text-decoration: none;
}
.ContactUsLocationContentContainer .LocationContentFlexContainer .TextContent a:hover
{
    text-decoration: underline;
}
.ContactUsLocationContentContainer .LocationContentFlexContainer .TextContent .LocationSubContainer
{
}
.ContactUsLocationContentContainer .LocationContentFlexContainer .TextContent .LocationSubContainer .Header
{
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 26px;
}
.ContactUsLocationContentContainer .LocationContentFlexContainer .TextContent .LocationSubContainer .Address
{
    margin-bottom: 5px;
}
.ContactUsLocationContentContainer .LocationContentFlexContainer .TextContent .LocationSubContainer .Telephone
{
    margin-top: 10px;
}
.ContactUsLocationContentContainer .LocationContentFlexContainer .TextContent .LocationSubContainer .Email
{
    margin-top: 5px;
}
.ContactUsLocationContentContainer .LocationContentFlexContainer .TextContent .ExtraMarginTop
{
    margin-top: 50px;
}

.ContactUsLocationContentContainer .LocationContentFlexContainer .MapContent
{
}
.ContactUsLocationContentContainer .LocationContentFlexContainer .MapContent .gmap_canvas
{
    overflow: hidden;
    background: none !important;
    height: 384px;
    width: 100%;
}

.ContactUsAwardsContentContainer
{
}
.ContactUsAwardsContentContainer .AwardsContentHeader
{
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--black-400);
    font-size: 32px;
    font-family: co-headline,sans-serif!important;
}
.ContactUsAwardsContentContainer .AwardsContentContainer
{
}
.ContactUsAwardsContentContainer .AwardsContentContainer .TextContent
{
    flex: 1 0 50%;
    font-weight: 400;
    font-size: 1.3125rem;
    line-height: 1.875rem;
}
.ContactUsAwardsContentContainer .AwardsContentContainer .TextContent .Link
{
    margin-top: 10px;
}
.ContactUsAwardsContentContainer .AwardsContentContainer .TextContent .Link a
{
    text-decoration: none;
    font-weight: 400;
    font-size: 1.3125rem;
    line-height: 1.875rem;
}
.ContactUsAwardsContentContainer .AwardsContentContainer .TextContent .Link a:hover
{
    text-decoration: underline;
}
.ContactUsAwardsContentContainer .AwardsContentContainer .ImageContent
{
    flex: 1 0 50%;
    text-align: center;
}
.ContactUsAwardsContentContainer .AwardsContentContainer .ImageContent img
{
                
}


/************************** ACCOUNTING FOR ECOMMERCE ****************************/

.AccountingForEcommerceHeaderBlockBackgroundContainer
{
    background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/IRP-AC-Header-LRG.jpg);
    background-size: 100% 100%;
    background-color: var(--secondary-color-1);
}

.AccountingPageExpandCollapseOverallContainer
{
    display: flex;
}
.AccountingPageExpandCollapseOverallContainer .OpenCloseIndicatorContainer
{
    margin-right: 20px;
    text-align: left;
    font-family: co-headline,sans-serif;
    font-size: 32px;
    min-width: 20px;
}
.AccountingPageExpandCollapseOverallContainer .TextContentContainer .HeaderContainer
{
    cursor: pointer; 
    text-align: left;
    font-family: co-headline,sans-serif;
    font-weight: 500;
    font-size: 32px;
}
.AccountingPageExpandCollapseOverallContainer .TextContentContainer .ContentContainer
{
    font-weight: 400;
    font-size: 1.3125rem;
    font-family: lato;
    line-height: 1.875rem;
    margin-top: 20px;
    margin-bottom: 20px;
}

.IRPSellerThirtyDaySalesIndictor
{
    margin: 0px 5px;
    font-family: lato !important;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black-0);
    border-radius: var(--curvature-lrg);
    padding: 0 10px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border: solid 1px var(--black-500);
    background-color: var(--red-hot);
    animation: blinkingIRPSellerBackground 1s infinite;
}
@keyframes blinkingIRPSellerBackground{
    0%		{ background-color: #f53f3b;}
    25%		{ background-color: #f03d3a;}
	50%		{ background-color: var(--red-cool);}
	75%		{ background-color: var(--red-warm);}
	100%	{ background-color: var(--red-hot);}
}


/************************** IRP Modules/ Products - Listings Page - Front End ******************************/
.ModulesListProductBreakdownHeaderContainer
{
}
.ModulesListProductBreakdownHeaderContainer .LogoDiv
{
}

.ModulesListOverallContainer
{
}
.ModulesListOverallContainer a
{
    text-decoration: none;
    color: var(--black-1000);
}
.ModulesListOverallContainer a:hover
{
}

.ModulesListOverallContainer .ModulesListSubContainer
{
    padding: 20px;
    border: 1px solid;
    border-color: transparent;
    border-radius: var(--curature-med);
    font-size: 16px;
    min-height: 130px;
    cursor: pointer;
}
.ModulesListOverallContainer .ModulesListSubContainer:hover
{
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
    background-color: var(--black-0);
    transition: 0.7s;
}

.ModulesListOverallContainer .ModulesListSubContainer.GreyedOut
{
    opacity: 0.4!important; 
    filter: alpha(opacity = 40)!important;
}
.ModulesListOverallContainer .ModulesListSubContainer.GreyedOut:hover
{
    opacity: 1!important; 
    filter: alpha(opacity = 100)!important;
    transition: 0.7s;
}

.ModulesListOverallContainer .Image
{
    margin-bottom: 20px;
}
.ModulesListOverallContainer .Image img
{
    width: 100%;
}

.ModulesListOverallContainer .Name
{
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ModulesListOverallContainer .Name img
{
    margin-left: 10px;
}
.ModulesListOverallContainer .Synopsis
{
    margin-bottom: 10px;
    line-height: 22px;
}

.ModulesListOverallContainer .PricingDetailsContainer
{
    padding: 5px;
    border-radius: var(--curvature-sml);
    background-color: var(--black-100);
    font-size: 13px;
    margin-top: 30px;
}
.ModulesListOverallContainer .PricingDetailsContainer .Label
{
    font-weight: 600;
    margin-bottom: 5px;
}

.ModulesListOverallContainer .CTAButtonsContainer
{
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.ModulesListOverallContainer .CTAButtonsContainer a
{
    text-decoration: none;
    color: var(--black-0);
    background-color: var(--green-cool);
    padding: 10px;
    margin-right: 20px;
    border-radius: var(--curvature-sml);
}

/************************** IRP Modules/Products - View Module Page - Front End ****************************/
.ModuleDetailsPageOverallContainer .ModuleDetailsTopColouredBackgroundContainer
{
    background-color: var(--black-200);
}

.AppsTPsLinkSectionContainer.Modules .ExtraLinkContainer.Highlight a
{
    color: var(--link-colour-main)!important;
}

.ModuleDetailsPageOverallContainer .TabsContainer
{
    margin-top: 30px;
    margin-bottom: 40px;
}

.ModuleDetailsPageOverallContainer .InformationDetailsContentContainer
{
    padding: 10px;
}

.ModuleDetailsPageOverallContainer .InformationDetailsContentContainer .ConstantLeftInformatonPanel
{
}

.ModuleDetailsPageOverallContainer .InformationDetailsContentContainer .ConstantLeftInformatonPanel .SubHeader
{        
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 20px;
}

.ModuleDetailsPageOverallContainer .InformationDetailsContentContainer .ConstantLeftInformatonPanel .ModuleHighlights
{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--black-400);
    font-size: 18px;
}
.ModuleDetailsPageOverallContainer .InformationDetailsContentContainer .ConstantLeftInformatonPanel .ModuleHighlights .ModuleHighlightsSubHighlight
{
    margin-top: 20px;
    display: flex;
}
.ModuleDetailsPageOverallContainer .InformationDetailsContentContainer .ConstantLeftInformatonPanel .ModuleHighlights .ModuleHighlightsSubHighlight .BulletPointImageContainer
{
    margin-right: 15px;
}
.ModuleDetailsPageOverallContainer .InformationDetailsContentContainer .ConstantLeftInformatonPanel .ModuleHighlights .ModuleHighlightsSubHighlight .BulletPointImageContainer img
{
    width: 20px;
}
.ModuleDetailsPageOverallContainer .InformationDetailsContentContainer .ConstantLeftInformatonPanel .ModuleHighlights .ModuleHighlightsSubHighlight .TextContainer .Header
{
    font-weight: 600;
    color: var(--black-1000);
}
.ModuleDetailsPageOverallContainer .InformationDetailsContentContainer .ConstantLeftInformatonPanel .ModuleHighlights .ModuleHighlightsSubHighlight .TextContainer .Body
{
    color: var(--black-800);
    margin-top: 5px;
}

.ModuleDetailsPageOverallContainer .InformationDetailsContentContainer .ConstantLeftInformatonPanel .ModuleFurtherHighlights
{
    margin-bottom: 20px;
    font-size: 18px;
}
.ModuleDetailsPageOverallContainer .InformationDetailsContentContainer .ConstantLeftInformatonPanel .ModuleFurtherHighlights .HighlightsSideBySideContent
{
    display: flex;
}

.ModuleDetailsPageOverallContainer .InformationDetailsContentContainer .ConstantLeftInformatonPanel .ModuleAbout
{
    margin-bottom: 20px;
    font-size: 18px;
}


.ModuleDetailsPageOverallContainer .ConstantLeftInformatonPanel .SubHighlightContainer
{
    margin-top: 20px;        
    color: var(--black-800);
}
.ModuleDetailsPageOverallContainer .ConstantLeftInformatonPanel .SubHighlightContainer .Header
{
}
.ModuleDetailsPageOverallContainer .ConstantLeftInformatonPanel .SubHighlightContainer .Value
{
    font-weight: 400;
}
.ModuleDetailsPageOverallContainer .ConstantLeftInformatonPanel .SubHighlightContainer a
{
    color: var(--black-800);
    text-decoration: none;
}
.ModuleDetailsPageOverallContainer .ConstantLeftInformatonPanel .SubHighlightContainer a:hover
{
    text-decoration: underline;
}
.ModuleDetailsPageOverallContainer .ConstantLeftInformatonPanel .SubHighlightContainer.Divider
{
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid var(--black-400);
}    
.ModuleDetailsPageOverallContainer .ConstantLeftInformatonPanel .SubHighlightContainer.Pricing .Value
{
    font-weight: 400;
    font-size: 21px;
}

.ModuleDetailsPageOverallContainer .InformationDetailsContentContainer .ConstantLeftInformatonPanel .ModuleRatingStars
{
    margin-top: 2px;
    max-width: 100px;
}

.TabbedRightInformationPanel .tabs.ModulesTabs
{
    padding-bottom: 2px!important;
}

.ModuleDetailsPageOverallContainer .InformationDetailsContentContainer .KeyFeaturesBenefitsModuleSynopsis
{
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: 20px;
}

.ModulesContentAddOwnModuleButtonBase
{
    display: flex; 
    align-items: center; 
    justify-content: center; 
    padding: 20px 10px;
    font-size: 18px;
    border: 2px solid;
    border-radius: var(--curvature-med);
}
.ModulesContentAddOwnModuleButtonBase.AddModule
{
    color: var(--black-0);
    background-color: var(--secondary-color-1);
    border-color: var(--secondary-color-1);
    font-weight: 600;
}
.ModulesContentAddOwnModuleButtonBase.AddModule:hover
{
    background-color: var(--primary-colour-1);
}
.ModulesContentAddOwnModuleButtonBase.OwnModule
{
    color: var(--black-1000);
    border-color: var(--black-300);
    font-weight: 600;
}

.ModuleDetailsPageOverallContainer ul.tabs.ModulesTabs li.selected a, ul.tabs.ModulesTabs li.selected span
{
    background-color: var(--black-0)!important;
}
.ModuleDetailsPageOverallContainer ul.tabs.ModulesTabs li a, ul.tabs.ModulesTabs li span
{
    background-color: var(--black-200)!important;
    color: var(--black-800)!important;
}

.ModuleDetailsPageOverallContainer .InformationDetailsContentContainer .TabbedRightInformationPanel
{
    font-size: 16px;
    line-height: 24px;
}
.ModuleDetailsPageOverallContainer .InformationDetailsContentContainer .TabbedRightInformationPanel .KeyFeaturesBenefitsSummaryPanel
{        
    background-color: var(--black-100);
    padding: 10px;
    font-size: 20px;
    margin-bottom: 20px;
}
.ModuleDetailsPageOverallContainer .InformationDetailsContentContainer .TabbedRightInformationPanel .KeyFeaturesBenefitsSummaryPanel .Value
{
    margin-top: 5px;
    font-weight: 600;
}

.ModuleDetailsPageOverallContainer .ScrollerHeader
{
    font-size: 24px;
    font-family: co-headline,sans-serif;
    font-weight: 500;
    margin-top: 40px;
}
.ModuleDetailsPageOverallContainer .ScollerContent
{
    display: flex;
    align-items: center;
    max-width: 100%;
}
.ModuleDetailsPageOverallContainer .ScollerContent a
{
    text-decoration: none;
    color: var(--black-800);
}
.ModuleDetailsPageOverallContainer .ScollerContent .SlideContentSubContainer
{
    width: 300px;
    margin: 40px 40px 20px 40px;
    display: flex;
}
.ModuleDetailsPageOverallContainer .ScollerContent .SlideContentSubContainer .LogoContainer
{
}
.ModuleDetailsPageOverallContainer .ScollerContent .SlideContentSubContainer .LogoContainer img
{
    max-width: 70px;
    height: 70px;
    border-radius: var(--curvature-med);
}
.ModuleDetailsPageOverallContainer .ScollerContent .SlideContentSubContainer .DetailsContainer
{
    margin-left: 15px;
    font-size: 14px;
}
.ModuleDetailsPageOverallContainer .ScollerContent .SlideContentSubContainer .DetailsContainer .SubNameContainer
{
    margin-bottom: 5px;
    color: var(--black-1000)!important;
    font-weight: 600;
}
.ModuleDetailsPageOverallContainer .ScollerContent .SlideContentSubContainer .DetailsContainer .SubSynopsisContainer
{
    margin-bottom: 5px;
}
.ModuleDetailsPageOverallContainer .ScollerContent .SlideContentSubContainer .DetailsContainer .SubRatingContainer
{
}
.ModuleDetailsPageOverallContainer .ScollerContent .SlideContentSubContainer .DetailsContainer .SubRatingContainer .ScrollerModuleRating
{
    max-width: 80px;
}

.ModuleDetailsPageOverallContainer .slick-prev:before 
{
    content: url('https://www.irpcommerce.com//interface/adminuploads/marketingendimages/2022redesign/arrow-left@2x.png');
}
.ModuleDetailsPageOverallContainer .slick-next:before 
{
    content: url('https://www.irpcommerce.com//interface/adminuploads/marketingendimages/2022redesign/arrow-right@2x.png');
}

.ModuleDetailsPageOverallContainer .RightPanelExtraLinksContainer .ExtraLinksContainerHeader
{
    font-weight: 600;
    font-size: 20px;
}
.ModuleDetailsPageOverallContainer .RightPanelExtraLinksContainer .LinkContainer
{
    margin-top: 20px;
}
.ModuleDetailsPageOverallContainer .RightPanelExtraLinksContainer .LinkContainer.Standard a
{
    font-size: 1rem;
    color: var(--black-900)!important;
    text-decoration: none;
    font-weight: 500;
}
.ModuleDetailsPageOverallContainer .RightPanelExtraLinksContainer .LinkContainer.Standard a:hover
{
    text-decoration: underline;
}
.ModuleDetailsPageOverallContainer .RightPanelExtraLinksContainer .LinkContainer.ButtonEffect a
{
    font-size: 1rem;
    padding: 5px;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    font-weight: 400;
    color: var(--black-900)!important;
    border: 1px solid var(--black-400);
    background-color: var(--black-100);
}




/*********************************************************************************************************************************/
/**************************************************** SERVICE MARKETPLACE ********************************************************/
/*********************************************************************************************************************************/

.ServiceMarketplacePageHeaderContainer
{
    padding: 10px 20px;
    color: var(--black-0);
    background-color: var(--resource-center-portal-colour);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ServiceMarketplacePageHeaderContainer h1
{
    color: var(--black-0);
    text-decoration: none;
    margin: 0;
}
.ServiceMarketplacePageHeaderContainer a
{
    color: var(--black-0);
    text-decoration: none;
    margin: 0;
}
.ServiceMarketplacePageHeaderContainer a:hover
{
    text-decoration: underline;
}
.ServiceMarketplacePageHeaderContainer .Summary
{
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.ServiceMarketplacePageHeaderContainer .Summary .SizeSummary
{
    margin-right: 25px;
}
.ServiceMarketplacePageHeaderContainer .Summary .KBHelp
{
    display: flex;
    align-items: center;
}
.ServiceMarketplacePageHeaderContainer .Summary .KBHelp img
{
    width: 20px;
}
.ServiceMarketplacePageHeaderContainer .Summary .ValueLabel
{
    margin-right: 5px;
}
.ServiceMarketplacePageHeaderContainer .Summary .Value
{
    font-weight: 600;
    font-size: 20px;
}
.ServiceMarketplacePageHeaderContainer .Refine
{
    margin-top: 20px;
    margin-bottom: 10px;
}
.ServiceMarketplacePageHeaderContainer .Refine select, .ServiceMarketplacePageHeaderContainer .Refine textarea
{
    padding: 5px;
    color: var(--resource-center-portal-colour);
    border-radius: var(--curvature-sml);
    background-color: var(--black-0);
    border: 1px solid var(--black-0);
    margin-right: 5px;
}
.ServiceMarketplacePageHeaderContainer .Refine .Submit
{
    color: var(--black-0);
    font-size: 12px;
    padding: 5px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    background-color: var(--green-warm);
    border: 1px solid var(--green-warm);
    margin-right: 5px;
}
.ServiceMarketplacePageHeaderContainer .Right
{
    text-align: right;
}
.ServiceMarketplacePageHeaderContainer .Right .MarketplaceSpecificLogo
{
    margin-bottom: 10px;
}
.ServiceMarketplacePageHeaderContainer .Right .IRPMarketplaceLogo
{

}


/****** SERVICE MARKETPLACE MANAGEMENT WINDOW **********/
.ServiceMarketViewWindow
{                
    font-size: 16px;
}

.ServiceMarketViewWindow .WindowCenterMainContent
{
    overflow: auto;
    max-height: 600px;
    margin-top: 110px;
    overflow-x: hidden;
}

/* TOP HEADER PANEL */
.ServiceMarketViewWindow .WindowMainHeaderContainer
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--secondary-color-1);
    padding: 10px 20px;
    color: var(--black-0) !important;

    z-index: 900;
    position: fixed;
    top: 0px;
    left: 0px;
    width: -webkit-fill-available;
}
.ServiceMarketViewWindow .WindowMainHeaderContainer .ImageHeaderStatsContainer
{
    display: flex; align-items: center;
}
.ServiceMarketViewWindow .WindowMainHeaderContainer .ImageHeaderStatsContainer .ImageSubContainer img
{
    max-width: 110px; 
    height: 90px;
}
.ServiceMarketViewWindow .WindowMainHeaderContainer .ImageHeaderStatsContainer .HeaderStatsSubContainer
{
    margin-left: 20px;
}
.ServiceMarketViewWindow .WindowMainHeaderContainer .ImageHeaderStatsContainer .HeaderStatsSubContainer .HeaderRow
{
    display: flex; 
    align-items: center;
    margin-bottom: 10px;
}
.ServiceMarketViewWindow .WindowMainHeaderContainer .ImageHeaderStatsContainer .HeaderStatsSubContainer .HeaderRow h1
{
    font-size: 2rem;
    font-weight: 600;
    color: var(--black-0)!important;
    margin: 0 20px 0 0!important;
}
.ServiceMarketViewWindow .WindowMainHeaderContainer .ImageHeaderStatsContainer .HeaderStatsSubContainer .StatsRow
{
    display: flex; 
    align-items: center;
}
.ServiceMarketViewWindow .WindowMainHeaderContainer .ImageHeaderStatsContainer .HeaderStatsSubContainer .StatValueContainer
{
    display: flex;
    align-items: center;
    margin-right: 20px;
    font-size: 18px;
}
.ServiceMarketViewWindow .WindowMainHeaderContainer .ImageHeaderStatsContainer .HeaderStatsSubContainer .StatValueContainer .Header
{
}
.ServiceMarketViewWindow .WindowMainHeaderContainer .ImageHeaderStatsContainer .HeaderStatsSubContainer .StatValueContainer .Value
{
    margin-left: 5px;
    font-size: 24px;
    font-weight: 600;
}
.ServiceMarketViewWindow .WindowMainHeaderContainer .OnMarketIndicatorOverallContainer
{
    color: var(--black-300)!important;
    text-align: center;
}
.ServiceMarketViewWindow .WindowMainHeaderContainer .OnMarketIndicatorOverallContainer .Header
{
    font-size: 14px;
}
.ServiceMarketViewWindow .WindowMainHeaderContainer .OnMarketIndicatorOverallContainer .OnMarketSubContainer
{
    margin-top: 5px;
    padding: 5px 20px;
    border: 1px solid var(--black-300)!important;
    border-radius: 25px;
    text-align: center;
}
.ServiceMarketViewWindow .WindowMainHeaderContainer .OnMarketIndicatorOverallContainer .OnMarketSubContainer .OnMarketIndicator
{
    font-weight: 600;
}
.ServiceMarketViewWindow .WindowMainHeaderContainer .OnMarketIndicatorOverallContainer .OnMarketSubContainer .PrivatePublicIndicator
{
    font-weight: 300;
}
.ServiceMarketViewWindow .WindowMainHeaderContainer .HeaderMerchantRatingsContainer
{
    display: flex;
    align-items: center;
    padding: 0 5px;
    border: 1px solid var(--black-0);
    border-radius: var(--curvature-lrg);
    margin-right: 20px;
}
.ServiceMarketViewWindow .WindowMainHeaderContainer .HeaderMerchantRatingsContainer > div
{
    margin-right: 5px;
    font-size: 20px;
}
.ServiceMarketViewWindow .WindowMainHeaderContainer .HeaderMerchantRatingsContainer img
{
    width: 18px;
    height: 18px;
}

/** Merchant Market Requirements & Ecommerce Manager Panel **/
.ServiceMarketViewWindow  .ServiceMarketplaceWindowMarketRequirementsEcommerceManagerContainerFloat
{
}
.ServiceMarketViewWindow  .ServiceMarketplaceWindowMarketRequirementsEcommerceManagerContainer
{
    display: flex; 
    align-items: center; 
    justify-content: space-between;
    padding: 10px 20px;
    background-color: var(--black-200);
}
.ServiceMarketViewWindow  .ServiceMarketplaceWindowMarketRequirementsEcommerceManagerContainer .MerchantMarketRequirementsOverallContainer
{
    width: 60%;
    font-size: 18px;
    line-height: 23px;
    transition: 0.7s;
}
.ServiceMarketViewWindow .ServiceMarketplaceWindowMarketRequirementsEcommerceManagerContainer .MerchantMarketRequirementsOverallContainer .ViewMoreLink
{
    font-size: 15px;
    color: var(--black-500);
    cursor: pointer;
    margin-top: 5px;
    transition: 0.7s;
}
.ServiceMarketViewWindow  .ServiceMarketplaceWindowMarketRequirementsEcommerceManagerContainer .EcommerceManagerOverallContainer
{
    max-width: 40%;
}
.ServiceMarketViewWindow  .ServiceMarketplaceWindowMarketRequirementsEcommerceManagerContainer .EcommerceManagerContactDetailsContainer
{
    display: flex;
    align-items: center;
    justify-content: right;
    border-radius: var(--curvature-med);
    background-color: var(--black-0);
    padding: 10px;
}
.ServiceMarketViewWindow .ServiceMarketplaceWindowMarketRequirementsEcommerceManagerContainer .EcommerceManagerContactDetailsContainer .Image
{
    margin-right: 10px;
}
.ServiceMarketViewWindow .ServiceMarketplaceWindowMarketRequirementsEcommerceManagerContainer .EcommerceManagerContactDetailsContainer .Image img
{
    border-radius: 50%; 
    width: 40px; 
    max-width: 40px; 
    height: 40px; 
    max-height: 40px;
}
.ServiceMarketViewWindow .ServiceMarketplaceWindowMarketRequirementsEcommerceManagerContainer .EcommerceManagerContactDetailsContainer .Details .Label
{
    display: none;
    color: var(--black-500);
}
.ServiceMarketViewWindow .ServiceMarketplaceWindowMarketRequirementsEcommerceManagerContainer .EcommerceManagerContactDetailsContainer .Details .Name a
{
    font-weight: 600;
    text-decoration: none;
    color: var(--black-1000);
}
.ServiceMarketViewWindow .ServiceMarketplaceWindowMarketRequirementsEcommerceManagerContainer .EcommerceManagerContactDetailsContainer .Details .Email a
{
    color: var(--black-1000);
    text-decoration: none;
}
.ServiceMarketViewWindow .ServiceMarketplaceWindowMarketRequirementsEcommerceManagerContainer .EcommerceManagerContactDetailsContainer .Details .Email a:hover
{
    text-decoration: underline;
}
.ServiceMarketViewWindow .ServiceMarketplaceWindowMarketRequirementsEcommerceManagerContainer .EcommerceManagerContactDetailsContainer .Details .Phone
{
}

/** TABS **/
.ServiceMarketViewWindow ul.tabs
{
    margin-top: 15px!important;
}
.ServiceMarketViewWindow ul.tabs li a, .ServiceMarketViewWindow ul.tabs li span
{
    background-color: transparent!important;
}
ul.tabs li.selected a, ul.tabs li.selected a:hover, ul.tabs li.selected span
{
    font-weight: 600;
}
.ServiceMarketViewWindow .tabs li
{
    line-height: 29px!important;
}

/** SUB STATS PANEL **/
.ServiceMarketViewWindow .WindowSubStatsPanelContainer
{
    padding: 10px;          
    color: var(--black-1000);
    background-color: var(--black-200);
    display: flex; 
    align-items: center; 
    justify-content: space-evenly;
    margin-top: 10px;
    font-size: 18px;
}
.ServiceMarketViewWindow .WindowSubStatsPanelContainer a
{
    color: var(--black-1000);
    text-decoration: none;
    font-size: 18px;
}
.ServiceMarketViewWindow .WindowSubStatsPanelContainer a:hover
{                
    text-decoration: underline;
}
.ServiceMarketViewWindow .WindowSubStatsPanelContainer .value
{
    font-weight: 600;
    font-size: 20px;
}
.ServiceMarketViewWindow .WindowSubStatsPanelContainer .value a
{
    font-weight: 600;
}

/** INPUT FIELDS/CONTROLS FORM **/
.ServiceMarketViewWindow .InputField
{
    color: var(--black-800);
    border: 1px solid var(--black-400);
    border-radius: var(--curvature-sml);
    font-size: 15px;
    padding: 10px 5px;
    font-family: lato;
}
.ServiceMarketViewWindow .InformationLabel
{
    color: var(--black-600);
    margin-top: 3px;
}
.ServiceMarketViewWindow .InputField.RadioButtonList
{
    color: var(--black-800);
    border: none;
    border-radius: var(--curvature-sml);
    font-size: 16px;
    padding: 0;
    margin: 0!important;
    font-family: lato;
}
.ServiceMarketViewWindow .InformationLabel.RadioButtonList
{
    color: var(--black-1000);
    font-size: 22px;
    font-weight: 600;
    margin-top: 10px;
    margin-left: 5px;
}            

/** ERROR/SUCCESS MESSAGES **/
.ServiceMarketViewWindow .SuccessErrorMessageContainer
{
    margin-top: 20px;
    text-align: center;
}
.ServiceMarketViewWindow .SuccessErrorMessageContainer .Success
{
    color: var(--green-warm);
}
.ServiceMarketViewWindow .SuccessErrorMessageContainer .Error
{
    color: var(--red-warm);
}
            
/** BUTTONS **/
.ServiceMarketViewWindow .ViewRegisterOfferInterestButton
{
    color: var(--black-0)!important;
    font-size: 18px;
    padding: 10px 10px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none!important;
    background-color: var(--green-cool);
    border: 1px solid var(--green-cool);
    white-space: nowrap;
    display: block;
}
.ServiceMarketViewWindow .ViewRegisterOfferInterestButtonDisabled
{            
    color: var(--black-600);
    font-size: 18px;
    padding: 10px 10px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none!important;
    background-color: var(--black-300);
    border: 1px solid var(--black-400);
    white-space: nowrap;
    display: block;
}
.ServiceMarketViewWindow .ViewRegisterOfferInterestButtonRemove
{
    color: var(--black-0)!important;
    font-size: 18px;
    padding: 10px 10px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none!important;
    background-color: var(--red-cool);
    border: 1px solid var(--red-cool);
    white-space: nowrap;
    display: block;
}

/** SELECT AGENCY/PROVIDER CONTENT **/
.ServiceMarketViewWindow .SelectAgencyProviderOverallContainer
{
    border-radius: var(--curvature-med); 
    width: fit-content;
}
.ServiceMarketViewWindow .SelectAgencyProviderOverallContainer .HeaderLabel
{
    margin-bottom: 3px; 
    font-weight: 600;
}
.ServiceMarketViewWindow .SelectAgencyProviderOverallContainer .SelectorControl
{
    width: 300px;
    padding: 5px; 
    color: var(--black-800); 
    border-color: var(--black-400); 
    border-radius: var(--curvature-sml); 
    font-size: 15px; 
    font-family: lato;
}

/** CONTENT TABLE **/
.ServiceMarketViewWindow .InterestBidControlsTable
{
    width: 100%;
    margin-top: 20px;
}
.ServiceMarketViewWindow .InterestBidControlsTable a
{
    text-decoration: none;
    color: var(--black-1000);
}
.ServiceMarketViewWindow .InterestBidControlsTable a:hover
{
    text-decoration: underline;
}
.ServiceMarketViewWindow .InterestBidControlsTable td
{
    vertical-align: top!important;
}
.ServiceMarketViewWindow .InterestBidControlsTable .Value
{
    font-weight: 600;
}
.ServiceMarketViewWindow .InterestBidControlsTable .Highlighted
{
    font-weight: 700;
    font-size: 18px;
}

/** CHARTS **/
.ServiceMarketViewWindow .OpportunityWindowChartsPanel
{
    margin: 10px;
    color: var(--black-600);
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr);
}
.ServiceMarketViewWindow .OpportunityWindowChartsPanel canvas
{
    width: 100%!important;
    height: auto!important;
}

/** OTHER **/
.ServiceMarketViewWindow .WindowButtonDivContainer
{
    padding: 10px;
}

.ServiceMarketViewWindow .ContentDividerLine
{
    border-top: 1px solid var(--black-300);
}

/** TERMS AND CONDITIONS PANEL **/
.ServiceMarketViewWindow .TermsConditionsButtonContainer
{
    margin: 20px 0 0 0; 
    padding: 15px 0 10px 0; 
    border-top: 2px solid var(--black-300); 
    display: flex!important; 
    align-items: center; 
    justify-content: space-between;
    background-color: var(--black-0);
}
.ServiceMarketViewWindow .TermsConditionsButtonContainer .TermsAndConditions
{
    display: flex; 
    align-items: center;
    font-size: 16px;
}
.ServiceMarketViewWindow .TermsConditionsButtonContainer .TermsAndConditions a
{
    font-size: 16px;
    color: var(--link-colour-main);
    text-decoration: none;
}
.ServiceMarketViewWindow .TermsConditionsButtonContainer .TermsAndConditions .Checkbox
{
    margin-right: 10px;
}
.ServiceMarketViewWindow .TermsConditionsButtonContainer .TermsAndConditionsControls
{
    margin-left: 20px;
}
.ServiceMarketViewWindow .TermsConditionsButtonContainer .Button
{
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.ServiceMarketViewWindow  .FooterPanelPositioningContainer
{
    z-index: 900; 
    position: fixed; 
    bottom: 0px; 
    left: 0px; 
    width: 100%;
}
.ServiceMarketViewWindow  .FooterPanelPositioningContainer .FooterStatsBarContainer
{
    background-color: var(--secondary-color-1);
    padding: 10px; 
    color: var(--black-0) !important; 
    display: flex; 
    align-items: center; 
    justify-content: space-evenly;
    font-size: 18px;
}
.ServiceMarketViewWindow  .FooterPanelPositioningContainer .FooterStatsBarContainer .ViewMoreDataLink
{
    padding: 10px;
    background-color: var(--primary-colour-1);
    border: 1px solid var(--black-500);
    border-radius: var(--curvature-med);                
    color: var(--black-0)!important;
    text-decoration: none!important;
    display: flex;
    align-items: center;
}
.ServiceMarketViewWindow  .FooterPanelPositioningContainer .FooterStatsBarContainer .ViewMoreDataLink:hover
{
    background-color: var(--secondary-color-1);
    transition: 0.7s;
}
.ServiceMarketViewWindow  .FooterPanelPositioningContainer .FooterStatsBarContainer .ViewMoreDataLink img
{
    width: 15px; 
    margin-left: 10px;
}
.ServiceMarketViewWindow  .FooterPanelPositioningContainer .FooterStatsBarContainer .ValueContainer
{
}
.ServiceMarketViewWindow  .FooterPanelPositioningContainer .FooterStatsBarContainer .ValueContainer .Header
{
}
.ServiceMarketViewWindow  .FooterPanelPositioningContainer .FooterStatsBarContainer .ValueContainer .Value
{
    font-weight: 600;
}



/********************* IRP World Merchant Billing Page ************************/
.IRPWorldMerchantBillingHeaderPanelContainer
{
    display: flex; 
    align-items: center; 
    justify-content: space-between;
}
.IRPWorldMerchantBillingHeaderPanelContainer .LogosContainer
{
    display: flex; 
    align-items: center; 
    justify-content: right;
}
.IRPWorldMerchantBillingHeaderPanelContainer .LogosContainer .PlatformProvider
{
    text-align: center;
    margin-right: 20px;
}
.IRPWorldMerchantBillingHeaderPanelContainer .LogosContainer .AccountManagement
{
    text-align: center;
}
.IRPWorldMerchantBillingHeaderPanelContainer .LogosContainer img
{
    width: 55px;
    height: 55px;
    border-radius: 50%;
    margin-bottom: 5px;
}
.IRPWorldMerchantBillingHeaderPanelContainer .LogosContainer a
{
    color: var(--black-1000);
    text-decoration: none;
    font-size: 12px;
}



/***********************************/
/*** PRODUCTS PAGE UPDATE STYLES ***/
/***********************************/
.SectionContainerProductsAndModules
{
}
.SectionContainerProductsAndModules .Header
{
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
}
.SectionContainerProductsAndModules .TriBoxContainer
{
}
.SectionContainerProductsAndModules .TriBoxContainer a
{
    text-decoration: none;
    color: var(--black-1000);
}
.SectionContainerProductsAndModules .TriBoxContainer .SubBoxContainer
{
    padding: 20px 10px;
    border-radius: var(--curvature-med);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.20);
}
.SectionContainerProductsAndModules .TriBoxContainer .SubBoxContainer:hover
{
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.35);
}
.SectionContainerProductsAndModules .TriBoxContainer .SubBoxContainer .BoxHeader
{
    text-align: center;
    margin-bottom: 15px;
}
.SectionContainerProductsAndModules .TriBoxContainer .SubBoxContainer .BoxHeader img
{
}
.SectionContainerProductsAndModules .TriBoxContainer .SubBoxContainer li
{
    font-weight: 600!important;
}

.SectionContainerProductsAndModules .ModulesScrollerContainer
{
    margin-top: 30px;
}

.SectionContainerProductsAndModules .ScollerContent
{
    display: flex;
    align-items: center;
    max-width: 100%;
}

.SectionContainerProductsAndModules .ScollerContent a
{
    text-decoration: none;
    color: var(--black-800);
}

.SectionContainerProductsAndModules .ScollerContent .SlideContentSubContainer
{
    width: 300px;
    margin: 40px 40px 20px 40px;
    display: flex;
}

.SectionContainerProductsAndModules .ScollerContent .SlideContentSubContainer .LogoContainer
{
}

.SectionContainerProductsAndModules .ScollerContent .SlideContentSubContainer .LogoContainer img
{
    max-width: 70px;
    height: 70px;
    border-radius: var(--curvature-med);
}

.SectionContainerProductsAndModules .ScollerContent .SlideContentSubContainer .DetailsContainer
{
    margin-left: 15px;
    font-size: 14px;
}

.SectionContainerProductsAndModules .ScollerContent .SlideContentSubContainer .DetailsContainer .SubNameContainer
{
    margin-bottom: 5px;
    color: var(--black-1000) !important;
    font-weight: 600;
}

.SectionContainerProductsAndModules .ScollerContent .SlideContentSubContainer .DetailsContainer .SubSynopsisContainer
{
    margin-bottom: 5px;
}

.SectionContainerProductsAndModules .ScollerContent .SlideContentSubContainer .DetailsContainer .SubRatingContainer
{
}

.SectionContainerProductsAndModules .ScollerContent .SlideContentSubContainer .DetailsContainer .SubRatingContainer .ScrollerModuleRating
{
    max-width: 80px;
}

.SectionContainerProductsAndModules .slick-prev:before
{
    content: url('https://www.irpcommerce.com//interface/adminuploads/marketingendimages/2022redesign/arrow-left@2x.png');
}

.SectionContainerProductsAndModules .slick-next:before
{
    content: url('https://www.irpcommerce.com//interface/adminuploads/marketingendimages/2022redesign/arrow-right@2x.png');
}




/********************************************************************************************/
/************************** ECOMMERCE MARKET DATA PAGE **************************************/
/********************************************************************************************/
.EcommerceMarketDataPage h2
{
    margin: 0px!important;
}
    
.EcommerceMarketDataPage h3
{
    margin: 0px!important;
}

.MarketDataSubHeader
{
    padding: 15px 10px;
    margin-bottom: 10px;
    color: var(--black-1000);
    font-size: 26px;
    line-height: 1.3;
    font-weight: 400;
}

.StandardSubSectionContainer
{
    margin: 10px 0;
    padding: 10px;
}

.SummaryMarketsStatTable
{
    width: 100%;
    font-size: 18px;
}    
.SummaryMarketsStatTable td
{
    text-align: left;
    border-bottom: 1px solid var(--black-400);
    height: 35px;
}    
.SummaryMarketsStatTable th
{
    font-weight: 600;
    text-align: left!important;
    border-bottom: 1px solid var(--black-400);
}
.SummaryMarketsStatTable a
{        
    font-size: 18px;
    color: var(--link-colour-main);
    text-decoration: none;
}

.SummaryDataSubSubHeader
{
    color: var(--black-1000);
    font-size: 20px;
    font-weight: 600;
    padding: 10px;
    text-align: center;
}

.MarketDataGridTableScrollContainer
{
    overflow-x: auto;
}

/***** Page Header *****/
.MarketDataOverallPageHeaderContainer h1
{
    color: var(--black-1000);
    font-size: 36px!important;
    margin: 20px 15px!important;
    line-height: 1.5;
    font-weight: 600;
}
.MarketDataOverallPageHeaderContainer .SubContainer
{
    align-items: center;
    justify-content: space-between;
}
.MarketDataOverallPageHeaderContainer .SocialMediaShareContainer
{
    display: flex; 
    align-items: center; 
    justify-content: flex-end; 
    margin-left: 20px;
}

/***** Forecasts CSS *****/
.EcommerceMarketDataPage .ForecastsSubSectionContainer
{        
    align-content: center;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: var(--secondary-color-1);
    color: var(--black-0)!important;
    padding: 20px;
}
.EcommerceMarketDataPage .ForecastsSubSectionContainer .labelSubSectionContainer
{
}    
.EcommerceMarketDataPage .ForecastsSubSectionContainer .valueSubSectionContainer
{
    font-size: 18px;
}
.EcommerceMarketDataPage .ForecastsSubSectionContainer .valueSubSectionContainer .Header
{
    margin-right: 10px;
}
.EcommerceMarketDataPage .ForecastsSubSectionContainer .valueSubSectionContainer .Value
{
    font-size: 26px;
}
.EcommerceMarketDataPage .ForecastsSubSectionContainer .valueSubSectionContainer div
{
    padding: 15px 15px;
    margin: 0 5px;
    background-color: #6E8EAE;
    border-radius: var(--curvature-sml);
}

/***** Tabs and Timeframes *****/
.EcommerceMarketDataPage .MarketDataPageTabsAndTimeFrameContainer .TabsContainer ul.tabs
{
    margin: 0!important;
    padding: 0!important;
    border: none!important;
}
    
.EcommerceMarketDataPage .MarketDataPageTabsAndTimeFrameContainer .TabsContainer ul.tabs li a
{
    font-size: 16px!important;
    padding: 15px!important;
    text-decoration: none!important;
    border-top: 1px solid var(--black-300)!important;
    border-left: 1px solid var(--black-300)!important;
    border-right: 1px solid var(--black-300)!important;
    border-bottom: none!important;
    color: var(--black-900)!important;
    background-color: var(--black-0)!important;
    border-top-right-radius: var(--curvature-med);
    border-top-left-radius: var(--curvature-med);
}
.EcommerceMarketDataPage .MarketDataPageTabsAndTimeFrameContainer .TabsContainer ul.tabs li a:hover
{
    border-color: var(--black-400)!important;
}
.EcommerceMarketDataPage .MarketDataPageTabsAndTimeFrameContainer .TabsContainer ul.tabs li.selected a
{        
    color: var(--black-800) !important;
    background-color: var(--black-300)!important;
    border-color: var(--black-300)!important;
    font-weight: 600;
}
.EcommerceMarketDataPage .MarketDataPageTabsAndTimeFrameContainer .TimeFrameContainer
{
    display: flex;
    align-items: center;
    padding: 10px;
    color: var(--black-700);
    font-size: 18px;
}
.EcommerceMarketDataPage .MarketDataPageTabsAndTimeFrameContainer .TimeFrameContainer .TimeFrameDropdown
{
    padding: 5px;
    font-size: 16px;
    border-radius: var(--curvature-sml);
}
.EcommerceMarketDataPage .MarketDataPageTabsAndTimeFrameContainer .TimeFrameContainer .TimeFrameGoButton
{
    background: var(--green-warm);
    border: medium none;
    border-radius: var(--curvature-sml);
    color: var(--black-0);
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    padding: 5px 10px;
    margin-left: 10px;
}
.EcommerceMarketDataPage .MarketDataPageTabsAndTimeFrameContainer .TimeFrameContainer .TimeFrameLabel
{
    margin-right: 10px;
}

/***** Market & Segment Refine *****/
.MarketRefineSelectionContainerDiv
{
    /*background-color: var(--secondary-color-1);*/
    background-color: var(--black-300);
    padding: 20px;
}
.MarketRefineSelectionContainerDiv > div
{
    margin: 0 5px;
}
.MarketRefineSelectionContainerDiv .MarketRefineSelectionDropdown
{
    padding: 5px;
    font-size: 16px;
    border-radius: var(--curvature-sml);
    border: 1px solid var(--black-800);
    color: var(--black-800);
    min-width: 350px;
}
.MarketRefineSelectionContainerDiv .MarketRefineSelectionGoButton
{
    background: var(--green-warm);
    border: none;
    border-radius: var(--curvature-sml);
    color: var(--black-0);
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    padding: 7px 10px;
}

/***** Traffic Sources Summary *****/
.EcommerceMarketDataPage .TrafficSourceDataSummaryOverallContainer
{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 20px;
    background-color: var(--black-200);
    font-size: 18px;
}
.EcommerceMarketDataPage .TrafficSourceDataSummaryOverallContainer a
{        
    font-size: 18px;
    color: var(--link-colour-main);
    text-decoration: none;
}    
.EcommerceMarketDataPage .TrafficSourceDataSummaryOverallContainer .TrafficSourceSelector
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.EcommerceMarketDataPage .TrafficSourceDataSummaryOverallContainer .TrafficSourceSelector select
{
    margin-left: 10px;
    padding: 5px;
    font-size: 16px;
    border-radius: var(--curvature-sml);
}
.EcommerceMarketDataPage .TrafficSourceDataSummaryOverallContainer .TrafficSourceSummaryValues
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    width: 90%;
}
.EcommerceMarketDataPage .TrafficSourceDataSummaryOverallContainer .TrafficSourceSummaryValues .SubHeader
{
    margin-bottom: 5px;
}
.EcommerceMarketDataPage .TrafficSourceDataSummaryOverallContainer .TrafficSourceBreakdownLogoImage
{
    border-radius: 50%;
}

/***** Charts Area *****/
.EcommerceMarketDataPage .MarketDataChartsOverallContainer
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.EcommerceMarketDataPage .MarketDataChartsOverallContainer .MarketDataIndividualChartContainer
{
    margin: 10px;        
    padding-bottom: 30px;
    border-bottom: 1px solid var(--black-300);
}
.EcommerceMarketDataPage .MarketDataChartsOverallContainer .MarketDataIndividualChartContainer .MarketDataChart
{
    border: 2px solid var(--black-300)!important;
    border-radius: var(--curvature-sml)!important;
}

.MarketDataChartSummaryParagraphContainer
{
    font-size: 16px;
    line-height: 25px;
}

.MarketDataChartSummaryParagraphHeader
{
    color: var(--black-1000);
    font-weight: 600;
    margin: 10px 0 5px 0;
    font-size: 18px;
    line-height: 20px;
}

/***** Market & Segment Risers & Fallers Tabs Content *****/
.MarketRisersAndFallersHeaderContainer
{
    padding: 20px !important;
    background-color: var(--black-300) !important;
    color: var(--black-800) !important;
    font-size: 18px !important;
}

.RisersAndFallersOverallContainer
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.RisersAndFallersOverallContainer .RisersAndFallersIndividualContainer
{
    margin: 10px;
}

/***** Market Commentary Tab Content *****/
.MarketAnalysisCommentaryContentContainer
{
    margin: 10px 0;
    padding: 10px;
    font-size: 18px;
    text-align: left;
}
.MarketAnalysisCommentaryContentContainer .AddedByContainer
{
    margin-top: 30px;
    display: flex;
    align-items: center;
}
.MarketAnalysisCommentaryContentContainer .AddedByContainer img
{
    height: 40px;
    width: 40px;
    border-radius: 50%;
}
.MarketAnalysisCommentaryContentContainer .AddedByContainer a
{
    font-size: 18px;
    color: var(--link-colour-main);
    text-decoration: none;
}
.MarketAnalysisCommentaryContentContainer a
{
    color: var(--link-colour-main);
    text-decoration: none!important;
}




/********************************************************************************************/
/************************ CHANNEL PERFORMANCE DATA PAGE *************************************/
/********************************************************************************************/
.ChannelPerformancePage .BlurredEffect
{
    filter: blur(4px);
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
}

/***** Page Header *****/
.MarketDataOverallPageHeaderContainer .SubContainer .HeaderContainer
{
    display: flex;
    align-items: center;
}
.MarketDataOverallPageHeaderContainer .SubContainer .HeaderContainer .ChannelHeaderSourcePlus
{
    color: var(--black-0);
    padding: 5px;
    background-color: var(--green-cool);
    border: 1px solid var(--green-warm);
    border-radius: var(--curvature-lrg);
    font-weight: 600;
    margin-right: 10px;
}
.MarketDataOverallPageHeaderContainer .SubContainer .HeaderContainer .ChannelHeaderSourceMinus
{
    color: var(--black-0);
    padding: 5px;
    background-color: var(--red-cool);
    border: 1px solid var(--red-warm);
    border-radius: var(--curvature-lrg);
    font-weight: 600;
    margin-right: 10px;
}
.MarketDataOverallPageHeaderContainer .SubContainer .HeaderContainer .ChannelHeaderRankBubble
{
    color: var(--black-700);
    padding: 5px;
    background-color: var(--black-0);
    border: 1px solid var(--black-700);
    border-radius: var(--curvature-lrg);
    font-weight: 600;
    margin-right: 10px;
}
.MarketDataOverallPageHeaderContainer .SubContainer .HeaderContainer img
{
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

.TrafficSourceSDKeyValuesContainer
{
}
.TrafficSourceSDKeyValuesSubContainer > div
{
    margin-top: 10px;
    font-size: 18px;
}
.TrafficSourceSDKeyValuesContainer a
{
    text-decoration: none;
    color: var(--black-1000);
    font-size: 18px;
}

/* SCROLLER STYLES */
.TrafficSourcesScrollerScrollerContainer
{
    display: flex;
    align-items: center;
    max-width: 1150px;
}

.TrafficSourcesScrollerScrollerContainer a
{
    text-decoration: none;
    color: var(--black-1000);
}
.TrafficSourcesScrollerScrollerContainer a .NameContainer
{
    font-weight: 600;
}

.TrafficSourcesScrollerScrollerContainer .SlideContentSubContainer
{
    width: 200px;
    margin: 50px 25px 20px 25px;
}
.TrafficSourcesScrollerScrollerContainer .SlideContentSubContainer .LogoContainer
{
}
.TrafficSourcesScrollerScrollerContainer .SlideContentSubContainer .LogoContainer img
{
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.TrafficSourcesScrollerScrollerContainer .SlideContentSubContainer .NameContainer
{
    margin-top: 5px;
    font-weight: 600;
}
.TrafficSourcesScrollerScrollerContainer .SlideContentSubContainer .ValueContainer
{
    margin-top: 5px;
    color: var(--black-600);
    display: flex;
    align-items: center;
    justify-content: center;
}
.TrafficSourcesScrollerScrollerContainer .SlideContentSubContainer .ValueContainer .GrowthSubContainer
{
    display: flex; 
    align-items: center; 
    padding: 3px; 
    background-color: var(--black-200); 
    border-radius: var(--curvature-med);
    margin-left: 10px;
}
.TrafficSourcesScrollerScrollerContainer .SlideContentSubContainer .ValueContainer .GrowthSubContainer img
{
    width: 13px;
    margin-right: 3px;
}
.TrafficSourcesScrollerScrollerContainer .SlideContentSubContainer .ValueContainer .Value
{
    color: var(--black-1000);
    font-weight: 800!important;
}
.TrafficSourcesScrollerScrollerContainer .SlideContentSubContainer .RankValue
{
    color: var(--black-600)!important;
    margin-left: 5px;
}
.TrafficSourcesScrollerScrollerContainer .SlideContentSubContainer.CurrentSelectedSourceContainer
{
    background-color: var(--black-100);
    padding: 5px;
    border-radius: var(--curvature-lrg);
}
.TrafficSourcesScrollerScrollerContainer .slick-list
{
    padding: 15px 10px;
}
.TrafficSourcesScrollerScrollerContainer .slick-prev:before 
{
    content: url('https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/arrow-left@2x.png');
}
.TrafficSourcesScrollerScrollerContainer .slick-next:before 
{
    content: url('https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/arrow-right@2x.png');
}
.ChannelPerformancePage .slick-list
{
    padding: 15px 10px;
}
.ChannelPerformancePage .slick-prev:before
{
    content: url('https://www.irpcommerce.com//interface/adminuploads/marketingendimages/2022redesign/arrow-left@2x.png');
}
.ChannelPerformancePage .slick-next:before
{
    content: url('https://www.irpcommerce.com//interface/adminuploads/marketingendimages/2022redesign/arrow-right@2x.png');
}

.MarketChannelDataMenuButtonStyle
{
    padding: 10px 20px !important;
    border-radius: var(--curvature-sml) !important;
    background-color: var(--black-300) !important;
    border: none !important;
    height: 25px !important;
    color: var(--black-1000) !important;
    font-size: 16px !important;
    font-family: lato!important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.ChannelListMenuHoverOverallContainerWrapper
{    
    font-family: lato!important;
}
.ChannelListMenuHoverOverallContainerWrapper .ChannelListMenuHoverOverallContainer
{
    cursor: pointer;
}
.ChannelListMenuHoverOverallContainerWrapper .ChannelListMenuHoverOverallContainer .SubContainer
{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-size: 16px;
    padding: 10px 20px;
    border: 1px solid var(--black-300);
    border-radius: var(--curvature-lrg);
    background: var(--black-100);
}
.ChannelListMenuHoverOverallContainerWrapper .ChannelListMenuHoverOverallContainer .SubContainer .Logo img
{
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.ChannelListMenuHoverOverallContainerWrapper .ChannelListMenuHoverOverallContainer .SubContainer .Rank,
.ChannelListMenuHoverOverallContainerWrapper .ChannelListMenuHoverOverallContainer .SubContainer .Logo,
.ChannelListMenuHoverOverallContainerWrapper .ChannelListMenuHoverOverallContainer .SubContainer .Sales,
.ChannelListMenuHoverOverallContainerWrapper .ChannelListMenuHoverOverallContainer .SubContainer .Growth
{
    margin: 0 10px
}

.ChannelListMenuHoverOverallContainerWrapper .ChannelListMenuHoverMenuContainer
{
    z-index: 1000;
    visibility: hidden;
    position: absolute;
    padding: 0;
    margin: 10px 0 0 0;
    border-radius: var(--curvature-sml);
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.25);
    background-color: var(--black-0);
    text-align: left;
}
.ChannelListMenuHoverOverallContainerWrapper .ChannelListMenuHoverMenuContainer .MainMenuContent
{
    padding: 5px;
}
.ChannelListMenuHoverOverallContainerWrapper .ChannelListMenuHoverMenuContainer .MainMenuContent a
{
    text-decoration: none !important;
    color: var(--black-900);
    font-size: 16px;
    font-family: lato!important;
}
.ChannelListMenuHoverOverallContainerWrapper .ChannelListMenuHoverMenuContainer .MainMenuContent .MenuItem
{
    padding: 10px 20px !important;
    border-radius: var(--curvature-sml) !important;
    background-color: var(--black-0);
    border: none !important;
    height: 25px !important;
    color: var(--black-1000) !important;
    font-size: 16px !important;
    font-family: lato!important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.ChannelListMenuHoverOverallContainerWrapper .ChannelListMenuHoverMenuContainer .MainMenuContent .MenuItem:hover
{    
    background-color: var(--black-300);
}

.ChannelListMenuHoverOverallContainerWrapper .ChannelListMenuHoverMenuContainer .MainMenuContent .Logo img
{
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.ChannelListMenuHoverOverallContainerWrapper .ChannelListMenuHoverMenuContainer .MainMenuContent .Rank,
.ChannelListMenuHoverOverallContainerWrapper .ChannelListMenuHoverMenuContainer .MainMenuContent .Logo,
.ChannelListMenuHoverOverallContainerWrapper .ChannelListMenuHoverMenuContainer .MainMenuContent .Sales,
.ChannelListMenuHoverOverallContainerWrapper .ChannelListMenuHoverMenuContainer .MainMenuContent .Growth
{
    margin: 0 10px
}

.ChannelPerformancePage .SummaryMarketsStatTable
{
    width: 100%;
    font-size: 18px;
}    
.ChannelPerformancePage .SummaryMarketsStatTable td
{
    text-align: left;
    border-bottom: 1px solid var(--black-400);
    height: 35px;
}    
.ChannelPerformancePage .SummaryMarketsStatTable th
{
    font-weight: 600;
    text-align: left!important;
    border-bottom: 1px solid var(--black-400);
}
.ChannelPerformancePage .SummaryMarketsStatTable a
{        
    font-size: 18px;
    color: var(--link-colour-main);
    text-decoration: none;
}

/***** Traffic Sources Summary *****/
.ChannelPerformancePage .TrafficSourceDataSummaryOverallContainer
{            
    background-color: var(--black-200);
    font-size: 18px;
    padding: 10px;
    border-radius: var(--curvature-med);
}
.ChannelPerformancePage .TrafficSourceDataSummaryOverallContainer a
{        
    font-size: 18px;
    color: var(--link-colour-main);
    text-decoration: none;
}
.ChannelPerformancePage .TrafficSourceDataSummaryOverallContainer .SummaryHeader
{
    margin-bottom: 5px;
}
.ChannelPerformancePage .TrafficSourceDataSummaryOverallContainer .SummaryContent
{
    font-weight: 600;
}
.ChannelPerformancePage .TrafficSourceDataSummaryOverallContainer .TrafficSourceBreakdownLogoImage
{
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.IRPEcommerceReportTopNavBannerDesktop {
    background-color: #004BFF !important;
}




/********************************************************************************************/
/************************** ACCOUNT MANAGEMENT WINDOW ***************************************/
/********************************************************************************************/
/** TOP SUMMARY BAR **/
.AccountManagementWindow .AccountManagementWindowSummaryFigures
{
    background-color: var(--secondary-color-1);
    padding: 10px 20px;
    color: var(--black-0) !important;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-size: 15px;
    font-family: lato;

    z-index: 900;
    position: fixed;
    top: 0px;
    left: 0px;
    width: -webkit-fill-available;
}

.AccountManagementWindow .AccountManagementWindowSummaryFigures .SummaryHeader
{
    font-weight: 400;
}

.AccountManagementWindow .AccountManagementWindowSummaryFigures .SummaryContent
{
    font-weight: 700;
}

.AccountManagementWindow .AccountManagementWindowContentContainer
{
    padding: 10px;
}

/** TABS **/
.AccountManagementWindow ul.tabs
{
    margin-top: 15px !important;
}

.AccountManagementWindow ul.tabs li a, .AccountManagementWindow ul.tabs li span
{
    background-color: transparent !important;
}

.AccountManagementWindow ul.tabs li.selected a, .AccountManagementWindow ul.tabs li.selected a:hover, .AccountManagementWindow ul.tabs li.selected span
{
    font-weight: 600;
}

/* Service Sales */
.AccountManagementWindow .ServiceSaleBillableRadioButtonList td
{
    padding-right: 10px;
}
.AccountManagementWindow .ServiceSaleBillableRadioButtonList input
{
}

.AccountManagementWindow .ServicesSoldStatusCheckboxList td
{
    padding-right: 10px;
    font-size: 14px;
    text-align: center !important;
}

.AccountManagementWindow .ServiceSalesEmailDetailContainer
{
    padding: 5px;
    background: rgb(241, 243, 246);
    border: 1px solid #d7d7d7;
    text-align: center;
}

.AccountManagementWindow .ServiceSalesEmailDetailContainer .Discount
{
    color: Red;
}

.AccountManagementWindow .ServiceSalesEmailDetailContainer .Service
{
    cursor: help;
}

.AccountManagementWindow .ServiceSalesEmailDetailContainer img
{
    max-height: 40px;
    max-width: 40px;
    margin-top: 2px;
}

.AccountManagementWindow .ServiceSalesEmailContentContainer
{
    margin-top: 10px;
    padding: 0px 20px;
}

.AccountManagementWindow .TermsConditionsContainer
{
    margin: 10px 20px 0px 20px;
}

.AccountManagementWindow .TermsConditionsContainer .Header
{
    font-size: 15px;
    text-decoration: underline;
    color: #444444;
    cursor: pointer;
    background-color: #f1f3f6;
    border: 1px solid #d7d7d7;
    padding: 10px;
}

.AccountManagementWindow .TermsConditionsContainer .Content
{
    padding: 10px;
    border-left: 1px Solid #d7d7d7;
    border-right: 1px Solid #d7d7d7;
    border-bottom: 1px Solid #d7d7d7;
    line-height: 18px;
    font-size: 13px;
    color: #808080;
    display: none;
}

.AccountManagementWindow .ServiceSaleEmailError
{
    text-align: center;
    color: #E80000;
    margin-bottom: 10px;
    font-size: 14px;
}

.AccountManagementWindow .ServiceSaleEmailEntryContainer
{
    width: 560px;
}

.AccountManagementWindow .ServiceSaleEmailEntry
{
    padding: 5px;
    width: 350px;
    margin-right: 10px;
}

.AccountManagementWindow .ServiceSaleEmailEntryError
{
    padding: 5px;
    width: 350px;
    margin-right: 10px;
    border: 2px solid #f00;
}

.AccountManagementWindow .SkipEmailProcessButton
{
    -moz-box-shadow: inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a4e271;
    box-shadow: inset 0px 1px 0px 0px #a4e271;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
    background: -moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
    background-color: #89c403;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #74b807;
    color: #FFFFFF;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
    text-decoration: none;
    cursor: pointer;
}

.AccountManagementWindow .SkipEmailProcessButton:hover
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
    background: -moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
    background-color: #77a809;
}

.AccountManagementWindow .SkipEmailProcessButton:active
{
    position: relative;
    top: 1px;
}

/** REFINE AREAS **/
.AccountManagementWindow .RefineSwitcherOverallContainer
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.AccountManagementWindow .SellServicesAdditionalRefineOverallContainer
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--black-400);
    padding: 5px;
    margin-bottom: 5px;
    border-radius: var(--curvature-sml);
}

.AccountManagementWindow .Refine
{
    padding: 10px;
    background-color: var(--black-400);
    border-radius: var(--curvature-sml);
}

.AccountManagementWindow .SellServicesCheckboxRefine
{
    border-radius: var(--curvature-sml);
}

.AccountManagementWindow .SellServicesSummaryValues
{
    display: flex;
    align-items: center;
}

.AccountManagementWindow .SellServicesSummaryValues > div
{
    margin-left: 15px;
    margin-right: 15px;
}

.AccountManagementWindow .SellServicesSummaryValues .Header
{
}

.AccountManagementWindow .SellServicesSummaryValues .Value
{
    font-weight: 600;
}

.AccountManagementWindow .Refine select, .AccountManagementWindow .Refine textarea
{
    padding: 5px;
    color: var(--resource-center-portal-colour);
    border-radius: var(--curvature-sml);
    background-color: var(--black-0);
    border: 1px solid var(--black-0);
    margin-right: 5px;
}

.AccountManagementWindow .Refine .Submit
{
    color: var(--black-0);
    font-size: 12px;
    padding: 5px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    background-color: var(--green-warm);
    border: 1px solid var(--green-warm);
    margin-right: 5px;
}

/*** ADD KEYNOTE ***/
.AccountManagementWindow .AddKeynoteContentTable
{
    font-size: 14px;
    width: 100%;
}
.AccountManagementWindow .AddKeynoteContentTable td
{
    padding-bottom: 10px;
}

.AccountManagementWindow .AddKeynoteTextboxEntry
{
    width: 300px;
    padding: 5px;
    font-size: 14px;
    border-radius: var(--curvature-sml);
}

.AccountManagementWindow .AddKeynoteLongerTextboxEntry
{
    width: 95%;
    padding: 5px;
    font-size: 14px;
    border-radius: var(--curvature-sml);
}

.AccountManagementWindow .AddKeynoteDropdownEntry
{
    width: 313px;
    padding: 5px;
    font-size: 14px;
    border-radius: var(--curvature-sml);
}

.AccountManagementWindow .AddKeynoteSuccessMessage
{
    color: var(--green-warm);
}

/****** COMPANY SERVICE ASSOCIATIONS ******/
.AccountManagementWindow .ServiceAssocErrorDiv
{
    clear: both;
    text-align: center;
    font-size: 14px;
    color: Red;
    margin-bottom: 10px;
}

.AccountManagementWindow .ServiceAssocRefineDropdown
{
    padding: 5px;
    font-size: 14px;
    border-radius: var(--curvature-sml);
}

.AccountManagementWindow .ServiceAssocDropdown
{
    padding: 5px;
    font-size: 14px;
    margin-right: 20px;
    border-radius: var(--curvature-sml);
}

.AccountManagementWindow .ServiceAssocDateTextbox
{
    padding: 5px;
    font-size: 14px;
    margin-right: 20px;
    max-width: 120px;
    border-radius: var(--curvature-sml);
}

.AccountManagementWindow .ServiceAssocNotesTextbox
{
    padding: 5px;
    font-size: 14px;
    margin-right: 20px;
    width: 500px;
    border-radius: var(--curvature-sml);
}

.AccountManagementWindow .ServiceAssocNotAvailable
{
    color: #808080;
    font-weight: bold;
    font-size: 16px;
}

/*Like Button Image*/
.AccountManagementWindow .likeSpacing
{
    margin: 0;
}
.AccountManagementWindow .likeSpacing .IRPWorldLikeImageButton
{
    padding: 25px;
}




/********************************************************************************************/
/**************************** PERFORMANCE DATA PAGES ****************************************/
/********************************************************************************************/
.IRPWorldChannelPerformance .TrafficSourceSDKeyValuesHeader
{
    font-size: 16px;
    font-weight: 600;
    color: var(--black-1000);
    margin-top: 30px;
}
.IRPWorldChannelPerformance .TrafficSourceSDKeyValuesContainer
{
    display: flex;
    justify-content: space-between;
}
.IRPWorldChannelPerformance .TrafficSourceSDKeyValuesSubContainer > div
{
    margin-top: 10px;
}
.IRPWorldChannelPerformance .TrafficSourceSDKeyValuesContainer a
{
    text-decoration: none;
    color: var(--black-1000);
}
.IRPWorldGridViewBaseInformation
{
    color: var(--black-700);
    margin-top: 5px;
    font-size: 14px;
}




/* STATS OVERVIEW PAGE */
.IRPClientStatsOverviewPage .IRPClientStatsMissingRow
{
    background-color: var(--red-warm);
    color: var(--black-0);
}
.IRPClientStatsOverviewPage .IRPClientStatsMissingRow:hover
{
    background-color: var(--red-warm)!important;
    color: var(--black-0)!important;
}
.IRPClientStatsOverviewPage .IRPClientStatsMissingAlternateRow
{
    background-color: var(--red-cool);
    color: var(--black-0);
}
.IRPClientStatsOverviewPage .IRPClientStatsMissingAlternateRow:hover
{
    background-color: var(--red-cool)!important;
    color: var(--black-0)!important;
}
.IRPClientStatsOverviewPage .IRPClientStatsMissingRow a, .IRPClientStatsMissingAlternateRow a
{
    color: var(--black-0)!important;
}

.IRPClientStatsOverviewPage .IRPClientStatsOverviewActiveIndicator
{
    margin: 10px 0px;
    padding: 5px;
    color: var(--black-0);
    font-weight: bold;
    background-color: var(--green-warm);
    text-align: center;
    border-radius: var(--curvature-sml);
}
                                    
.IRPClientStatsOverviewPage .IRPClientStatsOverviewPendingIndicator
{
    margin: 10px 0px;
    padding: 5px;
    color: var(--black-0);
    font-weight: bold;
    background-color: var(--highlight_2);
    text-align: center;
    border-radius: var(--curvature-sml);
}



/* STATS OVERVIEW PAGE */
.CommercialTermsWindowContainer
{
    padding: 10px;
}
.CommercialTermsWindowContainer .header
{
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}

.CommercialTermsWindowContainer .CompanyDocumentListContainer
{
    padding: 0 20px;
}
.CommercialTermsWindowContainer .CompanyDocumentListContainer > div
{
    margin-bottom: 25px;
}

.CommercialTermsWindowContainer .FlexContainer
{
    display: flex;
}



/* COMPANY ADMINS PAGE */
.IRPWorldSubHeader
{
    font-weight: 600;
    margin-top: 20px;
}

/** COMPANY ADMINISTRATORS **/
.IRPWorldCompanyAdministratorContainer
{
    display: flex;
    align-items: center;
}

.IRPWorldCompanyAdministratorContainer .Image img
{
    max-width: 80px;
    max-height: 80px;
    border-radius: 50%;
}

.IRPWorldCompanyAdministratorContainer .Details
{
    width: 100%;
    padding: 0 20px;
}
.IRPWorldCompanyAdministratorContainer .Details .Highlight
{
    font-weight: 600;
}


/************ IMAGE UPLOADER WINDOW ***********/
.ImageUploaderWindowControlsContainer
{            
    height: 335px;
    display: flex;
    align-items: center;
    border: 1px solid var(--black-300);
    border-radius: var(--curvature-sml);
}
.ImageUploaderWindowControlsContainer .FileSelectorPanel
{
    width: 50%;            
    height: 100%;
    border-right: 1px solid var(--black-300);
    -webkit-align-self: flex-start;
    -ms-flex-item-align: flex-start;
    align-self: flex-start;
}
.ImageUploaderWindowControlsContainer .ImagePreviewPanel
{
    width: 50%;
    text-align: center;
}

.ImageUploaderWindowHeader
{
    font-weight: 600;
    color: var(--black-1000);
    margin: 10px;
}

.ImageUploaderWindowSubHeader
{
    color: var(--black-700);
    margin: 5px 10px;
}

.ImageUploaderWindowInfoArea
{
    color: var(--black-700);
    margin: 5px 10px;
}

.ImageUploaderWindowFileUploader
{
    margin: 5px 10px;
}

.ImageUploaderWindowError
{
    color: var(--red-warm);
    margin: 10px 10px 5px 10px;
}

.ImageUploaderWindowPreviewImage
{
    max-width: 90%;
    max-height: 90%;
}

.ImageUploaderWindowButtonsContainer
{
    padding: 10px 0;
    text-align: right;
}

.ImageUploaderDropdown
{
    padding: 5px;
    width: 283px;
}

.ImageUploaderTextbox
{
    padding: 5px;
    width: 270px;
}

.ImageUploaderLargeTextbox
{
    padding: 5px;
    width: 270px;
}

.ContractSummaryWindowContentContainer
{
    overflow: auto;
    max-width: 100%;
    margin-top: 20px;
}


/*CURRENT PAYOUTS WINDOW*/
.CurrentPayoutsBreakdownWindowContainer
{
    padding: 10px;
}
.CurrentPayoutsBreakdownWindowContainer .DetailsSubContainer
{
    margin-top: 20px;
    font-weight: 600;
}
.CurrentPayoutsBreakdownWindowContainer .Header
{
    margin-bottom: 3px;
    font-weight: normal;
}



/***** IN DEVELOPMENT JOBS / RELEASE HISTORY WINDOW *****/
.InDevJobsWindowValuesContainer
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    margin: 10px 0;
}

.InDevJobsWindowValuesContainer .Header
{
    margin-bottom: 5px;
    font-weight: 600;
}
.InDevJobsWindowValuesContainer img
{
    border-radius: 50%;
    max-width: 40px;
    max-height: 40px;
}

.InDevJobsWindowDescriptionContainer
{
    padding: 10px;
}
.InDevJobsWindowDescriptionContainer .Header
{
    margin-bottom: 5px;
    font-weight: 600;
}


/*IRP WORLD DEFAULTS*/
.IRPWorldDefaultTextBlock
{
    margin: 10px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}
.IRPWorldDefaultTextBlock p, .IRPWorldDefaultTextBlock li
{
    font-size: 16px!important;
    font-weight: 400;
    line-height: 25px;
}
.IRPWorldDefaultTextBlock h4
{
    line-height: 25px;
    margin: 20px 0 10px 0;
    font-size: 18px;
}
.IRPWorldDefaultTextBlock a
{
    text-decoration: none;
}

.IRPWorldDefaultGridViewSubHeader
{
    font-size: 21px;
    text-align: left;
    font-weight: 600;
    color: var(--black-1000);
}



/*ACCREDITATIONS*/
.AccreditationCustomMessagePanel
{
    text-align: center;
    padding: 10px 5px;
    margin-bottom: 30px;
    color: var(--black-0);
    border-bottom-left-radius: var(--curvature-med);
    border-bottom-right-radius: var(--curvature-med);
    background-color: var(--resource-center-portal-colour);
}
.AccreditationCustomMessagePanel a
{
    text-decoration: none;
    color: var(--black-200);
}
.AccreditationCustomMessagePanel a:hover
{
    text-decoration: underline;
}

.AccreditationSectionSpacer
{
    margin-top: 30px;
}

.AccrreditationResultsPageIndicatorHeader
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}
.AccrreditationResultsPageIndicatorHeader .Passed
{
    color: var(--green-warm);
    font-size: 35px;
    font-weight: 800;
    text-transform: uppercase;
    margin-left: 20px;
}
.AccrreditationResultsPageIndicatorHeader .Failed
{
    color: var(--red-warm);
    font-size: 35px;
    font-weight: 800;
    text-transform: uppercase;
    margin-left: 20px;
}

.AccrreditationResultsPageDetailsTable
{
    width: 100%;
    font-size: 16px;
    text-align: left;
}
.AccrreditationResultsPageDetailsTable td
{
    border: 1px solid var(--black-400);
    padding: 10px 20px;
    width: 50%;
}
.AccrreditationResultsPageDetailsTable .HighlightedRow
{
    background-color: var(--black-300);
    font-size: 18px;
    font-weight: 800;
}

.AccrreditationResultsPageQuestionsTable
{
    width: 100%;
    font-size: 16px;
}
.AccrreditationResultsPageQuestionsTable th
{
    background-color: var(--black-300);
    border: 1px solid var(--black-400);
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 800;
}
.AccrreditationResultsPageQuestionsTable td
{            
    padding: 10px 10px;
    border: 1px solid var(--black-400);
}

.AccreditationExamTopBottomBorderDiv
{
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    background-color: var(--black-300); 
    border: 1px solid var(--black-400); 
    font-size: 18px; 
    font-weight: 800; 
    padding: 10px 20px; 
    border-radius: var(--curvature-sml);
}
.AccreditationExamCentreContentDiv
{
    margin: 30px;
    text-align: left; 
    font-size: 18px; 
    font-weight: 600; 
    min-height: 300px; 
    vertical-align: middle;
}

.AccreditationExamAnswerOptionsGrid
{
    margin-top: 10px;
}
.AccreditationExamAnswerOptionsGridRow:hover
{
    color: var(--black-600)!important;
}

.AccreditationExamTimerContainer
{
    display: flex;
    align-items: center;
}
.AccreditationExamTimerContainer .TimerIcon
{
    margin-right: 10px;
}
.AccreditationLargeTakeExamButton
{
    color: var(--black-0);
    font-size: 14px;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    background-color: var(--green-cool);
    border: 1px solid var(--green-warm);
    margin: 10px 0px;
}



/**** IRP WORLD LOCATION MAP ****/
.CompanyLocationsMap_map_canvas
{
    width: 95%;
    height: 700px;
    text-align: left;
    -webkit-box-shadow: 0px 0px 10px 0px #cccccc;
    -moz-bow-shadow: 0px 0px 10px 0px #cccccc;
    box-shadow: 0px 0px 10px 0px #cccccc;
}

.CompanyLocationsMap_map_canvas .info_content
{
    padding: 5px;
}

.CompanyLocationsMap_map_canvas .MapHeaderDiv
{
    margin-bottom: 25px;
}
.CompanyLocationsMap_map_canvas .MapHeaderImageDiv
{
    float: left;
}
.CompanyLocationsMap_map_canvas .MapHeaderImageDiv img
{
    max-width: 40px;
    max-height: 40px;
}
.CompanyLocationsMap_map_canvas .MapHeaderNameDiv
{
    margin-left: 45px;
    padding-top: 5px;
}
.CompanyLocationsMap_map_canvas .MapHeaderNameDiv a
{
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}
.CompanyLocationsMap_map_canvas .MapHeaderNameDiv a:hover
{
    text-decoration: underline;
}

.CompanyLocationsMap_map_canvas .MapDetailDiv
{
    font-weight: 600;
    font-size: 13px;
    margin-top: 7px;
}

.CompanyLocationsMap_map_canvas .MapServicesList
{
    background-color: var(--black-0);
    border: 1px solid var(--black-300);
    border-radius: var(--curvature-med);
    display: inline-block;
    margin-right: 2px;
    padding: 4px;
    font-weight: 400!important;
}


/******************************************/
/****** NEEDS REDONE FOR COMPANY MAP ******/
.CompanyAccountMaPage_map_canvas_company
{
    width: 95%;
    height: 250px;
    margin-top: 20px;
    -webkit-box-shadow: 0px 0px 10px 0px #cccccc;
    -moz-bow-shadow: 0px 0px 10px 0px #cccccc;
    box-shadow: 0px 0px 10px 0px #cccccc;
}
#map_canvas_company
{
    width: 95%;
    height: 250px;
    margin-top: 20px;
    -webkit-box-shadow: 0px 0px 10px 0px #cccccc;
    -moz-bow-shadow: 0px 0px 10px 0px #cccccc;
    box-shadow: 0px 0px 10px 0px #cccccc;
}
/******************************************/        
/******************************************/


/* LOGIN CREDENTIALS RECOVERY */
.LoginCredentialsRecoveryAreaContainer
{
    margin: 20px;
    align-items: center;
}
.LoginCredentialsRecoveryAreaContainer .header
{
    width: 300px;
    margin-right: 10px;
    font-weight: 300;
}
.LoginCredentialsRecoveryLabel
{
    font-weight: 600;
    color: var(--green-hot);
    margin-top: 5px;
}
.LoginCredentialsRecoveryEntry
{
    padding: 5px;
    width: 100%;
    margin-top: 5px;
}
.LoginCredentialsRecoveryButtonContainer
{
    text-align: right;
    margin-top: 20px;
}




/******* LINK POST COMMENTSN WINDOW ******/
.CommentsWindowCommentsContainer
{
    margin-top: 10px;
    padding: 10px;
    height: 310px;
    max-height: 310px;
    overflow: auto;
    vertical-align: top;
}

.CommentsWindowComment
{
    display: flex;
    margin-top: 10px;
}
.CommentsWindowComment .Image
{
    margin-right: 10px;
}
.CommentsWindowComment .Image img
{
    max-width: 40px;
    max-height: 40px;
}
.CommentsWindowComment .Details
{
}
.CommentsWindowComment a
{
    text-decoration: none;
}
.CommentsWindowComment .Date
{
    color: var(--black-500);
    font-weight: 300;
}

.CommentsWindowAddCommentContainer
{
    display: flex;
    align-items: center;
    margin-top: 10px;
    padding: 0 10px;
}
.CommentsWindowAddCommentContainer .CommentEntry
{
    width: 100%;
    padding-right: 20px;
}
.CommentsWindowAddCommentContainer .CommentEntry input
{
    padding: 5px;
    width: 99%
}



/* Notifications News Feed*/
.NotificationsNewsFeedListIndividualContainer
{
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid var(--black-200);
}
.NotificationsNewsFeedListIndividualContainer .ProfileImage
{
    width: 50px;
}
.NotificationsNewsFeedListIndividualContainer .Details
{
    width: 100%;
    padding: 0 10px;
}
.NotificationsNewsFeedListIndividualContainer .MarkAsRead
{
}
.NotificationsNewsFeedListIndividualContainer a
{
    text-decoration: none;
    color: var(--black-1000);
}

.NotificationsNewsFeedListUnviewedItem
{
    background-color: var(--black-100);
}



/****** REFERRALS *****/
.ReferralWindowSubHeader
{
    margin: 20px 0 10px 0;
    color: var(--black-800);
    font-weight: 600;
}

.ReferralWindowDetailsTable
{
    width: 100%;
}
.ReferralWindowDetailsTable .Header
{
    color: var(--black-500);
    font-weight: 300;
    width: 200px;
}
.ReferralWindowDetailsTable a
{
    text-decoration: none;
}

.ReferralsGridSummaryPanel
{
    font-weight: 600;
    text-align: right;
    margin-top: 5px;
}




/*RELEASE HISTORY*/
.ReleasedJobsDeveloperRefineIndicator
{
    padding: 5px;
    border: 2px solid #cccccc;
    border-radius: 4px;
    background-color: #f7f7f7;
    font-size: 13px;
    color: #808080;
    margin-left: 15px;
}
.ReleasedJobsDeveloperRefineIndicator:hover
{
    border: 2px solid #9b9b9b;
}

.IRPWorldRefinePanelContainer .LabelText
{
    font-weight: 300!important;
}

.IRPWorldAdditionalReading
{
    margin: 10px 0;
}
.IRPWorldAdditionalReading a
{
    text-decoration: none;
}
.IRPWorldAdditionalReading a:hover
{
    text-decoration: underline;
}

.EstimatedCostBreakdownContainer
{
    position: absolute;
    display: none;
    background: #eee;
    border: solid 1px #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}





/*IRP WORLD SERVICE DETAILS*/
.IRPWorldServiceDetailsPage .ServiceListMenuHoverOverallContainer
{
    margin: 0px 5px;
    cursor: pointer;
}
.IRPWorldServiceDetailsPage .ServiceListMenuHoverOverallContainer .SubContainer
{
    display: flex;
    align-items: center;

    font-size: 14px;
    padding: 3px;
    border: 1px solid var(--black-300);
    border-radius: var(--curvature-lrg);
    background: var(--black-100);
}
.IRPWorldServiceDetailsPage .ServiceListMenuHoverOverallContainer .SubContainer .Logo img
{
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.IRPWorldServiceDetailsPage .ServiceListMenuHoverOverallContainer .SubContainer .Details
{
}
.IRPWorldServiceDetailsPage .ServiceListMenuHoverMenuContainer
{
    z-index: 100;
    visibility: hidden;
    position: absolute;
    margin: 10px 0 0 0;
    padding: 0;
    z-index: 1000;
    border-radius: var(--curvature-sml);
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.25);
    background-color: var(--black-0);
    text-align: left;
    min-height: 500px;
    overflow: auto;
}
.IRPWorldServiceDetailsPage .ServiceListMenuHoverMenuContainer::-webkit-scrollbar
{
    width: 10px;
    background-color: var(--black-100);
}

.IRPWorldServiceDetailsPage .ServiceListMenuHoverMenuContainer::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.IRPWorldServiceDetailsPage .ServiceListMenuHoverMenuContainer::-webkit-scrollbar-thumb
{
    -webkit-border-radius: var(--curvature-med);
    -moz-border-radius: var(--curvature-med);
    border-radius: var(--curvature-med);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    background-color: var(--black-200);
}
.IRPWorldServiceDetailsPage .ServiceListMenuHoverMenuContainer .MainMenuContent
{
    padding: 5px;
}
.IRPWorldServiceDetailsPage .ServiceListMenuHoverMenuContainer .MainMenuContent a
{
    text-decoration: none !important;
    color: var(--black-900);
    font-size: 14px;
    font-family: 'Source Sans Pro', arial, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
}
.IRPWorldServiceDetailsPage .ServiceListMenuHoverMenuContainer .MainMenuContent .StandardLink
{
    text-align: left;
    color: var(--black-900);
    padding: 5px;
    cursor: pointer;
}
.IRPWorldServiceDetailsPage .ServiceListMenuHoverMenuContainer .MainMenuContent .StandardLink:hover
{
    background: var(--black-100);
}

.IRPWorldServiceDetailsPage .ServiceListMenuHoverMenuContainer .MainMenuContent .StandardLink .FlexContainer
{
    display: flex;
    align-items: center;
}
.IRPWorldServiceDetailsPage .ServiceListMenuHoverMenuContainer .MainMenuContent .StandardLink .FlexContainer .Details
{
    margin-left: 10px;
}
.IRPWorldServiceDetailsPage .AssociatedTrafficSourcesContainer
{
    margin-top: 30px; 
    display: flex; 
    align-items: center;
}
.IRPWorldServiceDetailsPage .AssociatedTrafficSourcesContainer .LabelInfo
{
    margin-right: 15px;
    font-weight: 600;
    color: var(--black-900);
}
.IRPWorldServiceDetailsPage .AssociatedTrafficSourcesContainer .TrafficSource
{
    padding: 5px;
    border: 1px solid var(--black-700);
    border-radius: var(--curvature-med);
    font-weight: 600;
    color: var(--black-700);
}
.IRPWorldServiceDetailsPage .AssociatedTrafficSourcesContainer a
{
    margin-right: 10px;
    text-decoration: none;
    font-weight: 600;
    color: var(--black-700);
}





/*DEVELOPMENT WORKING ON WINDOW*/
.DevelopmentWorkingOnScrollerContainer
{
    width: 95%;
}

.DevelopmentWorkingOnContainer
{
    font-family: lato;
    margin: 10px 20px;
    /*display: flex;
    align-items: center;*/
}

.DevelopmentWorkingOnContainer a
{
    font-family: lato;
    text-decoration: none;
    color: var(--black-1000);
}

.DevelopmentWorkingOnContainer .DeveloperDetails
{
    /*margin-right: 20px;*/
    text-align: center;
    margin-bottom: 5px;
}

.DevelopmentWorkingOnContainer .DeveloperDetails .DeveloperImage img
{
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-bottom: 5px;
}

.DevelopmentWorkingOnContainer .DeveloperDetails .DeveloperThirtyDayLog
{
    margin-top: 5px;
    color: var(--black-500);
}

.DevelopmentWorkingOnContainer .WorkingOnDetails
{
    /*text-align: left;*/
    color: var(--black-700);
}

.DevelopmentWorkingOnContainer .WorkingOnDetails > div
{
    margin-bottom: 5px;
}

.DevelopmentWorkingOnContainer .WorkingOnDetails .Urgent
{
    color: var(--red-warm);
    font-weight: 700;
}

.DevelopmentWorkingOnContainer .WorkingOnDetails .JobTitle
{
    font-weight: 700;
    font-size: 14px;
    color: var(--black-1000);
}

.DevelopmentWorkingOnContainer .WorkingOnDetails .JobTitle .InvestmentValue
{
    font-size: 12px !important;
    margin-left: 10px;
    color: var(--black-600);
}

.DevelopmentWorkingOnContainer .WorkingOnDetails .Status
{
    font-weight: 300;
    font-size: 12px;
    padding: 3px 5px;
    color: var(--black-600);
    margin-left: 10px;
}

.DevelopmentWorkingOnContainer .WorkingOnDetails .LogsLink
{
    color: var(--link-colour-main);
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
    margin-left: 10px;
}

.DevelopmentWorkingOnContainer .WorkingOnDetails .PaidBy
{
    color: var(--black-500);
}

.DevelopmentWorkingOnContainer .WorkingOnDetails .PaidBy .PaidByContainer
{
    display: inline-block;
    margin: 5px 20px 5px 0px;
}

.DevelopmentWorkingOnContainer .WorkingOnDetails .PaidBy .PaidByContainer.Highlighted
{
    color: var(--black-0);
    padding: 5px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    background-color: var(--red-warm);
    border: 1px solid var(--red-warm);
}

.DevelopmentWorkingOnContainer .WorkingOnDetails .JobCategory
{
    margin-left: 10px;
    font-weight: 300;
    color: var(--black-500);
}

.DevelopmentWorkingOnContainer .WorkingOnDetails .TimeContainer
{
    display: flex;
    align-items: center;
    justify-content: center;
}

.DevelopmentWorkingOnContainer .WorkingOnDetails .TimeContainer .TimeSpent
{
    /*width: 200px;*/
    margin-right: 10px;
}

.DevelopmentWorkingOnContainer .WorkingOnDetails .TimeContainer .TimeAllocated
{
    /*width: 160px;*/
    margin-right: 10px;
}

.DevelopmentWorkingOnContainer .WorkingOnDetails .TimeContainer .TimeLeft
{
}

.DevelopmentWorkingOnContainer .PokeButtonContainer
{
}

.DevelopmentWorkingOnContainer .PokeButtonContainer .PokeButton
{
    color: var(--black-0);
    font-size: 12px;
    padding: 3px 5px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border-radius: var(--curvature-sml);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--primary-colour-1);
    border: 1px solid var(--primary-colour-1);
}

.DevelopmentWorkingOnContainer .PokeButtonContainer .PokeLinkButton
{
    color: var(--link-colour-main);
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
}

.DevelopmentWorkingOnWindowLogEntriesFilter
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
}
.DevelopmentWorkingOnWindowLogEntriesFilter .FilterDropdown
{
    padding: 5px;
}

.DevelopmentWorkingOnWindowLogEntriesContainer
{
    padding: 10px;
}

.DevelopmentWorkingOnWindowLogEntriesSummaryContainer
{
    margin-top: 15px;
}

.ChargableStatusBubble
{
    padding: 3px;
    border-radius: var(--curvature-med);
    border: 1px solid var(--black-400);
    background-color: var(--black-300);
    font-weight: 600;
}




/*** LIKES / COMMENTS / VIEWS WINDOW ***/
.ArticleViewsWindowContainer
{
    display: flex;
    align-items: center;
    padding: 5px 10px;
    margin-top: 5px;
}
.ArticleViewsWindowContainer .Details
{
    width: 100%;
    padding: 0 10px;
}
.ArticleViewsWindowContainer .Details .Name
{
    font-weight: 600;
}
.ArticleViewsWindowContainer img
{
    max-width: 80px;
    max-height: 80px;
}



/*** EMAIL EXTRA INFO WONDOW ***/
.EmailCaptureExtraInfoWindow .Title
{
    margin-top: 20px;
}

.EmailCaptureExtraInfoWindow .ReferralsEntryAreaContainer
{
    background-color: var(--black-0)!important;
}

.EmailCaptureExtraInfoWindow .ReferralEntryContainerDiv
{
    display: flex!important;
    align-items: center;
}
.ReferralEntryAreaLabelDiv
{
    min-width: 90px!important;
}
.EmailCaptureExtraInfoWindow .LinkOutlinedButtonStyle
{
    font-size: 18px!important;
}
.EmailCaptureExtraInfoWindow .EmailInfoGatherWindowErrorContainer
{
    color: var(--red-warm);
    font-weight: 600;
    margin: 10px;
    text-align: center;
}

.FrontEndSynopsisLinkPadding
{
    padding: 50px 0px 0px 0px;
}
.FrontEndSynopsisLinkPadding a
{
    color: #000000;
    text-decoration: underline !important;
}

.ProductsPageModulesAppsLinksList .AppLinks
{
    background-color: #f5f5f5;
    padding: 10px 20px;
    border-radius: 4px;
    display: inline-block;
    color: #212121;
    margin-bottom: 10px;
}




/*** KPI REPORT PAGE ***/
.KPIReportPageContainer .CorporateBlueBackground
{
    background-color: #01273E;
}

.KPIReportPageContainer .BabyBlueBackground
{
    background-color: #8EC7E9;
}

.KPIReportPageContainer .VPaleBlueBackground
{
    background-color: #E6F5FD;
}

.KPIReportPageContainer .TurqBlueBackground
{
    background-color: #66A1C5;
}

.KPIReportPageContainer .PaleBlueBackground
{
    background-color: #C9E7F8;
}

.KPIReportPageContainer .DBlueBackground
{
    background-color: #36A4CD;
}

.KPIReportPageContainer .PinkBackground
{
    background-color: #FFC0CC;
}

.KPIReportPageContainer .GreenBackground
{
    background-color: #ADDE97;
}


.KPIReportPageContainer .ReportPageHeaderSectionContainer .TextPanel .Header
{
    margin-bottom: 30px;
}

.KPIReportPageContainer .ReportPageHeaderSectionContainer .TextPanel .Text
{
    font-size: 2rem;
    color: var(--black-0) !important;
}

.KPIReportPageContainer .TriStatsFigureContainer
{
    align-items: center;
    justify-content: center;
    margin-bottom: 60px;
    font-weight: 400;
    font-size: 30px;
    font-family: lato;
}

.KPIReportPageContainer .TriStatsFigureContainer .StatPanelLeft
{
}

.KPIReportPageContainer .TriStatsFigureContainer .StatPanelLeft .Value
{
    font-size: 50px;
    font-weight: 600;
}

.KPIReportPageContainer .TriStatsFigureContainer .StatPanelLeft .Value .ArrowImage
{
    height: 35px;
}

.KPIReportPageContainer .TriStatsFigureContainer .StatPanelLeft .Text
{
}

.KPIReportPageContainer .TriStatsFigureContainer .StatPanelMiddle .Value
{
    font-size: 90px;
    font-weight: 600;
}

.KPIReportPageContainer .TriStatsFigureContainer .StatPanelMiddle .Value .ArrowImage
{
    height: 60px;
}

.KPIReportPageContainer .TriStatsFigureContainer .StatPanelMiddle .Text
{
    font-size: 50px;
}

.KPIReportPageContainer .TriStatsFigureContainer .StatPanelRight
{
}

.KPIReportPageContainer .TriStatsFigureContainer .StatPanelRight .Value
{
    font-size: 90px;
    font-weight: 600;
}

.KPIReportPageContainer .TriStatsFigureContainer .StatPanelRight .Value .ArrowImage
{
    height: 35px;
}

.KPIReportPageContainer .TriStatsFigureContainer .StatPanelRight .Text
{
    font-size: 50px;
}

.KPIReportPageContainer .DeviceDualPanelContainer .Subcontainer .ImageContainer
{
    margin-bottom: 30px;
}

.KPIReportPageContainer .DeviceDualPanelContainer .Subcontainer .ImageContainer .DeviceImage
{
    width: 200px;
}

.KPIReportPageContainer .DeviceDualPanelContainer .Subcontainer .LabelContainer
{
    margin-bottom: 10px;
    font-size: 40px;
}

.KPIReportPageContainer .DeviceDualPanelContainer .Subcontainer .ValueContainer
{
    font-size: 65px;
    font-weight: 600;
}

.KPIReportPageContainer .TopStatisticsTriValueContainer .Subcontainer
{
}

.KPIReportPageContainer .TopStatisticsTriValueContainer .Subcontainer .ImageContainer
{
    margin-bottom: 30px;
}

.KPIReportPageContainer .TopStatisticsTriValueContainer .Subcontainer .ImageContainer .StatIcon
{
    width: 150px;
}

.KPIReportPageContainer .TopStatisticsTriValueContainer .Subcontainer .LabelContainer
{
    margin-bottom: 10px;
    font-size: 40px;
}

.KPIReportPageContainer .TopStatisticsTriValueContainer .Subcontainer .ValueContainer
{
    font-size: 50px;
    font-weight: 600;
}

.KPIReportPageContainer .GrowthForecastDualImageTextContainer
{
    margin-top: 60px;
    margin-bottom: 60px;
}

.KPIReportPageContainer .GrowthForecastDualImageTextContainer .RightTextContainer .Value
{
    margin-bottom: 20px;
    font-size: 50px;
    font-weight: 600;
}

.KPIReportPageContainer .GrowthForecastDualImageTextContainer .RightTextContainer .Text
{
    font-size: 26px;
}

.KPIReportPageContainer .DownloadReportTriPanelContainer
{
    margin: 60px 0;
}

.KPIReportPageContainer .DownloadReportTriPanelContainer .LeftImageContainer
{
    text-align: center;
}

.KPIReportPageContainer .DownloadReportTriPanelContainer .MiddleValueContainer
{
    text-align: center;
}

.KPIReportPageContainer .DownloadReportTriPanelContainer .MiddleValueContainer .Value
{
    font-weight: 600;
    font-size: 90px;
}

.KPIReportPageContainer .DownloadReportTriPanelContainer .MiddleValueContainer .Text
{
    font-size: 50px;
}

.KPIReportPageContainer .DownloadReportTriPanelContainer .RightButtonContainer
{
    text-align: center;
}

.KPIReportPageContainer .DownloadReportTriPanelContainer .RightButtonContainer .Value
{
    font-weight: 600;
    font-size: 50px;
}

.KPIReportPageContainer .DownloadReportTriPanelContainer .RightButtonContainer .Text
{
    font-size: 40px;
    margin-bottom: 20px;
}

.KPIReportPageContainer .DownloadReportTriPanelContainer .RightButtonContainer .Button
{
}

.KPIReportPageContainer .DownloadReportTriPanelContainer .RightButtonContainer .Button .DownloadReport
{
    display: inline-block;
    padding: 10px 20px;
    background-color: var(--green-cool);
    border-radius: var(--curvature-sml);
    font-weight: 600;
    color: var(--black-0);
    text-align: center;
    text-decoration: none;
    font-size: 24px;
}

.KPIReportPageContainer .TriRankingContainer
{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 40px 0;
}

.KPIReportPageContainer .TriRankingContainer .LeftItemPanel
{
    text-align: center;
}

.KPIReportPageContainer .TriRankingContainer .LeftItemPanel .Image img
{
    width: 120px;
    border-radius: 50%;
    padding: 30px;
    background-color: #f5f5f5;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.KPIReportPageContainer .TriRankingContainer .LeftItemPanel .Image img.NoBackground
{
    border-radius: unset !important;
    padding: 0 !important;
    background-color: none !important;
    border: none !important;
    box-shadow: none !important;
}

.KPIReportPageContainer .TriRankingContainer .LeftItemPanel .Text
{
    margin: 10px 0;
    font-size: 26px;
}

.KPIReportPageContainer .TriRankingContainer .LeftItemPanel .Value
{
    font-size: 40px;
    font-weight: 600;
}

.KPIReportPageContainer .TriRankingContainer .MiddleItemPanel
{
    text-align: center;
    margin: 0 20px;
}

.KPIReportPageContainer .TriRankingContainer .MiddleItemPanel .Image img
{
    width: 160px;
    border-radius: 50%;
    padding: 30px;
    background-color: #f5f5f5;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.KPIReportPageContainer .TriRankingContainer .MiddleItemPanel .Image img.NoBackground
{
    border-radius: unset !important;
    padding: 0 !important;
    background-color: none !important;
    border: none !important;
    box-shadow: none !important;
}

.KPIReportPageContainer .TriRankingContainer .MiddleItemPanel .Text
{
    margin: 10px 0;
    font-size: 50px;
}

.KPIReportPageContainer .TriRankingContainer .MiddleItemPanel .Value
{
    font-size: 80px;
    font-weight: 600;
}

.KPIReportPageContainer .TriRankingContainer .RightItemPanel
{
    text-align: center;
}

.KPIReportPageContainer .TriRankingContainer .RightItemPanel .Image img
{
    width: 120px;
    border-radius: 50%;
    padding: 30px;
    background-color: #f5f5f5;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.KPIReportPageContainer .TriRankingContainer .RightItemPanel .Image img.NoBackground
{
    border-radius: unset !important;
    padding: 0 !important;
    background-color: none !important;
    border: none !important;
    box-shadow: none !important;
}

.KPIReportPageContainer .TriRankingContainer .RightItemPanel .Text
{
    margin: 10px 0;
    font-size: 26px;
}

.KPIReportPageContainer .TriRankingContainer .RightItemPanel .Value
{
    font-size: 40px;
    font-weight: 600;
}

.KPIReportPageContainer .MultipleFlagsContainer
{
    margin: 0 0 60px 0;
    text-align: center;
}

.KPIReportPageContainer .AgenciesListImageContainer
{
    padding: 40px 0;
    text-align: center;
}

.KPIReportPageContainer .RankCircleContainer
{
    font-size: 24px;
    color: var(--black-1000);
    font-weight: 600;
    background-color: #C9D160;
    padding: 10px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.KPIReportPageContainer .RankCircleContainer.SalesProductsFirst
{
    position: relative;
    left: 0;
    top: 50px;
}

.KPIReportPageContainer .RankCircleContainer.SalesProductsSecond
{
    position: relative;
    /*left: 40px;*/
    top: 50px;
}

.KPIReportPageContainer .RankCircleContainer.SalesProductsThird
{
    position: relative;
    /*left: 40px;*/
    top: 50px;
}

.KPIReportPageContainer .RankCircleContainer.SalesBrandsFirst
{
    position: relative;
    left: 10px;
    top: 50px;
}

.KPIReportPageContainer .RankCircleContainer.SalesMarketSegmentsFirst
{
    position: relative;
    left: 30px;
    top: 50px;
}

.KPIReportPageContainer .RankCircleContainer.SalesBrandsSecond
{
    position: relative;
    left: -20px;
    top: 50px;
}

.KPIReportPageContainer .RankCircleContainer.SalesBrandsThird
{
    position: relative;
    left: -20px;
    top: 50px;
}

.KPIReportPageContainer .RankCircleContainer.SalesCategoriesFirst
{
    position: relative;
    /*left: 45px;*/
    left: 0;
    top: 50px;
}

.KPIReportPageContainer .RankCircleContainer.SalesCategoriesSecond
{
    position: relative;
    left: -20px;
    top: 50px;
}

.KPIReportPageContainer .RankCircleContainer.SalesCategoriesThird
{
    position: relative;
    left: -20px;
    top: 50px;
}

.KPIReportPageContainer .RankCircleContainer.ExportCountriesFirst
{
    position: relative;
    left: -40px;
    top: 25px;
}

.KPIReportPageContainer .RankCircleContainer.ExportCountriesSecond
{
    position: relative;
    left: -40px;
    top: 25px;
}

.KPIReportPageContainer .RankCircleContainer.ExportCountriesThird
{
    position: relative;
    left: -40px;
    top: 25px;
}

.KPIReportPageContainer .RankCircleContainer.SalesChannelsFirst
{
    position: relative;
    left: -10px;
    top: 50px;
}

.KPIReportPageContainer .RankCircleContainer.SalesChannelsSecond
{
    position: relative;
    left: -20px;
    top: 50px;
}

.KPIReportPageContainer .RankCircleContainer.SalesChannelsThird
{
    position: relative;
    left: -20px;
    top: 50px;
}

.listText
{
    color: #000000;
}


.listText li
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}





/********** STATUS PAGE **********/
.StatusPageHeaderSectionContainer
{
}

.StatusPageHeaderSectionContainer h1
{
    font-size: 2.5rem;
}

.StatusPageHeaderSectionContainer .AzureLink
{
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
}

.StatusPageHeaderSectionContainer .AzureLink img
{
    width: 60px;
    margin-right: 10px;
}

.CurrrentStatusUpdateLine
{
    color: var(--green-warm);
    font-size: 18px;
    font-weight: 600;
}

.StatusUpdatesHeader
{
    font-weight: 600;
    font-size: 22px;
}

.StatusBlockContainer
{
    margin-top: 30px;
    border-top: 1px solid var(--black-300);
    padding-top: 30px;
}

.StatusBlockContainer .Date
{
    margin-right: 40px;
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
}

.StatusBlockContainer .Status
{
    margin-right: 40px;
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
}

.StatusBlockContainer .Detail
{
    font-size: 16px;
    font-weight: 300;
    color: var(--black-700);
}

.StatusBlockContainer .Detail .Title
{
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
    color: var(--black-1000);
}

.StatusBlockContainer .Detail .InfoBlock
{
    margin-top: 15px;
}

.StatusBlockContainer .Detail .InfoBlock .HighlightedText
{
    font-weight: 600;
}

.StatusBlockContainer .Detail .InfoBlock a
{
    font-size: 16px;
    font-weight: 300;
}

.StatusBlockContainer .Detail .InfoBlock a:hover
{
    text-decoration: underline;
}



.SectionContainerSubContentGridLayout .Content .ContentTitle
{
    font-size: 1.25rem;
}


/**** PAYPAL PAGE ***/
.PayPalHeaderLogoPanel
{
    margin-bottom: 50px;
    display: flex;
    align-items: center;
}

.PayPalHeaderLogoPanel .IRPLogo img
{
    height: 50px;
}

.PayPalHeaderLogoPanel .Divider
{
    margin: 0 20px;
    font-size: 50px;
    font-weight: 300;
}

.PayPalHeaderLogoPanel .PayPalLogo img
{
    height: 50px;
}

.PaypalFontOverride
{
    color: #001C65 !important;
}

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

.PaypalSideBySideContent .KeyFigure
{
    font-weight: 600;
    font-size: 38px;
    margin-right: 20px;
}

.TriblockPaypalOverride
{
    border: none !important;
}

.PayPalLegalsContainer p
{
    color: #001C65 !important;
    font-size: 14px !important;
    font-weight: 600;
}

.SiteBlockPayPalDarkBlueBackground
{
    background-color: #001C65;
    color: var(--black-0);
}

.PayPalTriblockBlueSectionOverride h2
{
    font-size: 65px !important;
    line-height: 4.25rem;
}

.PayPalTriblockBlueSectionOverride .Logo
{
    font-size: 75px !important;
}

.PayPalTriblockBlueSectionOverride .SmallerFont
{
    margin-top: 10px;
    font-size: 22px;
}

.PayPalTriblockBlueSectionOverride .HeaderTextPanel
{
    margin-bottom: 50px;
}

.PayPalTriblockBlueSectionOverride .HeaderTextPanel img
{
}

.PaypalBlueReasonsSectionContainer
{
    background-color: #0070E0;
    border-radius: 30px;
    padding: 50px;
    color: var(--black-0) !important;
    font-weight: 600;
    font-size: 56px;
    text-align: left;
}

.PaypalBlueReasonsSectionContainer .SubReasonContainer
{
    border-top: 1px solid var(--black-0);
    padding: 20px 0;
    display: flex;
    align-items: center;
}

.PaypalBlueReasonsSectionContainer .SubReasonContainer .SmallerFont
{
    font-weight: 500;
    font-size: 24px;
    margin-left: 30px;
}




/**** IRP v SHOPIFY CASE STUDY PAGE ***/
.IRPvShopifyCaseStudyOverallContainer .RightInformationContainer
{
    width: 100%;
}

.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyCaseStudyHeaderBlockBackgroundContainer
{
    background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/casestudies/imgheaderimagebg.png), url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/casestudies/imgheaderimagebg.png);
    background-size: 100% 100%;
    background-color: var(--secondary-color-1);
}

.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyCaseStudyHeaderContent
{
    color: var(--black-0);
}

.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyCaseStudyHeaderContent .IRPvShopifyCaseStudyTextBubbleHighlight
{
    background-color: var(--secondary-color-1);
    display: -webkit-inline-box;
    border-radius: 50px;
    padding: 5px 25px;
    text-align: center;
    font-weight: 600;
}

.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyCaseStudyHeaderContent .IRPvShopifyCaseStudyTextBubbleHighlight.Red
{
    background-color: var(--red-cool)!important;
}

.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyCaseStudyHeaderContent .RightPanel .Title
{
    color: var(--black-0) !important;
    font-size: 3.5rem;
    line-height: 3.75rem;
    font-family: co-headline,sans-serif;
    font-weight: 400;
    -webkit-font-kerning: none;
    font-kerning: none;
    letter-spacing: -1px;
    margin-bottom: 10px !important;
}

.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyCaseStudyHeaderContent .RightPanel .Text
{
    font-size: 2.5rem;
    margin: 10px 0 40px 0;
}

.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyCaseStudyHeaderContent .RightPanel .Logos
{
    text-align: right;
}


.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyLargeSideBySideComparisonBoxesContainer .Basetext
{
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyLargeSideBySideComparisonBoxesContainer .BoxBase
{
    margin: 10px 5px;
    border-radius: 50px;
    padding: 10px;
    text-align: center;
    color: var(--black-0);
}

.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyLargeSideBySideComparisonBoxesContainer .BoxBase .Logo
{
    margin-bottom: 30px;
}

.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyLargeSideBySideComparisonBoxesContainer .BoxBase .LargeFigure
{
    font-size: 4.5rem;
    font-weight: 600;
    margin: 30px 0;
}

.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyLargeSideBySideComparisonBoxesContainer .LeftShopifyBox
{
    background-color: #bc0000;
}

.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyLargeSideBySideComparisonBoxesContainer .RightIRPBox
{
    background-color: #74a226;
}


.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyComparisonTable
{
    width: 100%;
    font-size: 22px;
    font-weight: 600;
}

.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyComparisonTable td
{
    width: 33%;
    border-bottom: 1px solid var(--black-400);
    vertical-align: top;
}

.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyComparisonTable td .SubText
{
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
}

.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyComparisonTable td .GreenCell
{
    background-color: #74A226;
    color: var(--black-0);
    font-size: 24px;
    display: inline-block;
    padding: 5px;
}

.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyComparisonTableBaseText
{
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin-top: 10px;
}

.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyComparisonTable td img
{
    max-width: 100%;
}

.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyNavyQuoteBoxContainer
{
    background-color: var(--secondary-color-1);
    border-radius: var(--curvature-lrg);
    padding: 20px;
    text-align: center;
    color: var(--black-0);
    font-size: 1.75rem;
}

.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyDoubleButtonContainer > div .ButtonBase
{
    color: var(--black-1000);
    border-radius: var(--curvature-sml);
    padding: 10px;
    font-size: 24px;
    text-align: center;
}
.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyDoubleButtonContainer > div .ButtonBase:hover
{
    transition: all 0.5s ease;
    opacity: 0.8;
}
.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyDoubleButtonContainer > div .ButtonBase a
{
    color: var(--black-1000);
}

.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyDoubleButtonContainer > div .Left
{
    background-color: var(--black-300);
}

.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyDoubleButtonContainer > div .Right
{
    background-color: #74A226;
}
.IRPvShopifyCaseStudyOverallContainer .IRPvShopifyDoubleButtonContainer > div .Right a
{
    color: var(--black-0)!important;
}

.IRPvShopifyCaseStudyOverallContainer .SubHeaderText
{
    margin-top: 20px;
}

.IRPvShopifyCaseStudyOverallContainer .CaseStudySectionContentContainer
{
    flex-direction: unset;
    max-width: 1080px !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}




/** KEYNOTES GRADES **/
.KeynotesGridCritcalGrade
{
    padding: 3px;
    border-radius: var(--curvature-med);
    border: 1px solid var(--red-warm);
    background-color: var(--red-warm);
    color: var(--black-0);
}
.KeynotesGridImportantGrade
{
    padding: 3px;
    border-radius: var(--curvature-med);
    border: 2px solid var(--red-hot);
    background-color: var(--black-300);
    color: var(--black-1000);
}
.KeynotesGridStandardGrade
{
    padding: 3px;
    border-radius: var(--curvature-med);
    border: 1px solid var(--black-400);
    background-color: var(--black-300);
    color: var(--black-900);
}







/********************************************************************************************************************************/
/********************************************************************************************************************************/
/********************************************************************************************************************************/
/********************************************************** MEDIA QUERIES *******************************************************/
/********************************************************************************************************************************/
/********************************************************************************************************************************/
/********************************************************************************************************************************/

@media only screen and (max-width: 767px)
{
    /* MOBILE */

    .MobileSiteOnly
    {
        display: block!important;
    }
    .DesktopSiteOnly
    {
        display: none!important;
    }

    main
    {
    }

    h1
    {
        font-weight: 400;
        font-size: 2.125rem;
        line-height: 2.125rem;
    }

    h2
    {
        font-weight: 300;
        font-size: 1.5rem;
        line-height: 1.5625rem;
        margin: 0px;
        color: inherit;
    }

    .h2Override
    {
        font-weight: 400;
        font-size: 2rem;
        line-height: 2rem;
    }

    h3
    {
        font-weight: 400;        
        font-size: 1.3125rem;
    }

    .h3Override
    {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }

    h4
    {
        font-weight: 600;
        font-size: 1rem;
    }

    p
    {
        font-weight: 400;
        font-size: 1.25rem;
    }

    .containerBackground
    {
        border: 0px;
        padding: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 20px 0;
    }

    .containerBackground_3
    {
        padding: 0px 20px 0px 20px;
    }

    .containerBackground_4
    {
        padding: 0px 20px 0px 20px;
    }

    .containerPanel
    {
        padding: 0px 0px 20px 0px;
        -webkit-box-flex: 1;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .containerPanel2
    {
        padding: 0px 0px 20px 0px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .containerPanel3
    {
        margin: 0px 0px 0px 0px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    a.buttonCTA
    {
        padding: 1rem 2rem;
        font-size: 1rem;
    }

    .containerBackground
    {
        border: 0px;
        padding: 20px 20px 0px 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    li
    {
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 1.4375rem;
    }

    .paragraphOverride
    {
        margin-bottom: 30px;
    }

    .articleSpacing
    {
        margin: 20px 0px 40px 0px;
    }

    .storyDisplay
    {
        position: relative;
        top: -60px;
        margin-bottom: -50px;
    }

    .flexFixedWidth
    {
        display: none;
    }

    .flexContainer
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .FixedBottomSignUpArea
    {
        display: none;
    }
    
    .IRPWorldAdminUtilityBarContainer
    {
        display: none;
    }

    .ArticleSimilarArticlesScroller .SimilarArticlesWrapper
    {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .SimilarArticlesWrapper .slide
    {
        order: 1;
        align-content: center;
        width: 100%;
        padding-bottom: 10px;
    }

    .SimilarArticlesWrapper .SimilarArticlesTitle
    {
        text-align: center;
        padding: 0;
        -webkit-box-flex: 1;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .ArticleScrollerControlParent .bx-wrapper
    {
    }

    .ArticleScrollerControlParent .bx-viewport
    {
        height: 220px !important;
    }

    .ContactUsPeopleOfInterest
    {
        justify-content: start;
    }

    .ContactUsPeopleOfInterest .LeftSideContainer
    {
        margin-right: 100px;
    }

    .bottomFloatedPanelsSpacing
    {
        margin-bottom: 30px;
    }

    .ContactUsSubmitControlsContainer
    {
        margin: 20px 0;
    }

    /** TABS **/
    ul.tabs
    {
        border-bottom: none!important;
    }
    ul.tabs li
    {
        display: flex;
    }
    ul.tabs li a
    {
        border-right: 1px solid var(--black-400)!important;
    }

    /** LICENCE TOP BREAKDOWN SUMMARY **/
    .LicenceDetailsFlexContainer
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: flex-start;
    }
    .LicenceDetailsSAMContainer, .LicenceDetailsRightContainer
    {
        font-size: 12px;
    }
    .LicenceDetailsRightContainer
    {
        margin-top: 20px;
    }
    .LicenceDetailsRightContainerStats
    {
        width: 100%;
    }
    .LicenceDetailsRightButtonContainer
    {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .LicenceDetailsRightButtonContainer > div
    {
        margin-bottom: 20px;
    }

    .table-class.stickyHeader tr:first-child > th
    {
        top: 0;
    }

    .AgencySupportManagerContainer
    {
        width: 300px;
        height: auto;
        flex-direction: column;
        margin: 0 20px;
    }
    .AgencySupportManagerContainer .AgencySupportManagerSubFlexContainer
    {
        display: inline-flex;
    }

    .NAETopArticleContainerPanel
    {                    
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .NAEFeaturedArticleContainer
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .NAEArticleTopTilesContainer .TopTile
    {
        width: 125px !important;
    }

    .NAEArticleTilesContainer
    {
        justify-content: center !important;
    }
    .NAEArticleTilesContainer .NAEArticleContainer
    {
        width: 125px !important;
    }

    /*Scroller*/

    .buttonPadding
    {
        padding: 40px 0px 0px 0px;
        position: absolute;
    }

    .homePage
    {
        margin: 0;
        padding: 0px 0px 0px 0px;
    }

    .homePageQuote
    {
        font-weight: 600;
        color: var(--black-0);
        font-size: 3rem;
        -webkit-font-kerning: none;
        font-kerning: none;
        letter-spacing: -1px;
        line-height: 3rem;
    }

    .backgroundVideo
    {
        max-width: 100%;
        height: 500px;
        position: relative;
        background-color: #000;
    }

    .videoBlock
    {
        width: 100%;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .videoMessage
    {
        width: 100%;
        height: auto;
        padding: 80px 20px 0px 20px;
        z-index: 2;
    }

    Video
    {
        position: absolute;
        width: 100%;
        height: 500px;
        min-width: 100%;
        min-height: auto;
        z-index: 0;
        -o-object-position: center;
        object-position: center;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .FixedBottomSignUpArea
    {
        display: none;
    }
    
    .IRPWorldAdminUtilityBarContainer
    {
        display: none;
    }

    /**** N&E Portal ****/
    .NAEArticleTopSectionContainer .NAEArticleSocialMediaButtonContainer
    {
        display: none!important;
    }
    .NAEArticleMainContentContainer
    {
        padding: 0px 20px;
    }

    /**** Strategy Centre Portal ****/
    .StrategyCentreTopArticleContainerPanel
    {                    
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .StrategyCentreFeaturedArticleContainer
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .StrategyCentreArticleTopTilesContainer .TopTile
    {
        width: 125px !important;
    }

    .StrategyCentreArticleTilesContainer
    {
        justify-content: center !important;
    }
    .StrategyCentreArticleTilesContainer .StrategyCentreArticleContainer
    {
        width: 125px !important;
    }
            
    .StrategyCentreArticleTopSectionContainer .StrategyCentreArticleSocialMediaButtonContainer
    {
        display: none!important;
    }
    .StrategyCentreArticleMainContentContainer
    {
        padding: 0px 20px;
    }

    /* SEARCH RESULTS */
    h1.fontsmaller
    {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }

    .SearchResultsPageHeaderContainer .DesktopSearchOnly
    {
        display: none;
    }

    .SearchResultsBodyContainer .DesktopSearchOnly
    {
        display: none!important;
    }

    /*Knowledge Base*/
    .containerPanelRight
    {
        padding: 0 20px;
        -webkit-box-flex: 2;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .KBVideosGridContainer
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 10px;
    }

    .flexLikeKnowledgeBase .SubFlex
    {
        margin-top: 15px;
    }

    /*Training Sessions*/
    .IRPWorldTrainingSessionsName
    {
        margin-bottom: 20px;
    }

    .TrainingEnrollLikeContainer
    {
        display: block;
    }

    .TrainingEnrollTopMainDetailsContainer .DetailBlock
    {
        width: 100%;
        height: auto;
    }

    /* IRP WORLD LOGIN */
    .IRPWorldLoginMainContentContainer
    {
        display: block;
        margin: 20px;
        min-height: auto;
    }

    .IRPWorldLoginMainContentContainer .LoginInfoContainer
    {
        width: auto;
    }

    .IRPWorldLoginMainContentContainer .LoginBoxContainer
    {
        width: auto;
        margin-top: 30px;
    }

    .IRPWorldLoginMainContentContainer .LoginBox .StayLoggedInContainer .ForgotPassword
    {
        margin-top: 20px;
    }

    .IRPWorldLoginMainContentContainer .SignupBox .ButtonContainer
    {
        margin-top: 20px;
    }

    /*MY PROFILE*/
    .IRPWorldProfileMainTopSectionContainer .StatsDetailsSection
    {
        /*display: none;*/
        display: block;
    }
    .IRPWorldProfileMainTopSectionContainer .CompanyProfilePageHeaderPanelTwoColumnContainer
    {
        display: block;
    }

    /*IRP WORLD HOMEPAGE*/
    .IRPWorldHomePageIndividualServiceProviderContainer .LogoContainer
    {
        width: 60%;
    }

    /* IRP ROAD MAP */
    .IRPWorldFeatureSuggestionsRefinePanel
    {
        display: none;
    }
    .IRPWorldRoadMapMakeSuggestionContainer .DetailsEntryContainer .SelectionEntry
    {
        width: 100%;
    }
    
    .StrategyCenterleftNavContainer, .IRPWorldleftNavContainer
    {
        width: 80%!important;
    }
          
    /*COMPANY/PERSON PROFILE EDIT/CREATE*/
    .IRPWorldCreateAccountMargin
    {
        margin: 0px;
    }
    .IRPWorldCreateEditAccountOverallContainer table
    {
        width: 100%;
    }

    .IRPWorldCreateEditAccountOverallContainer .LabelCell
    {
        width: 100px;
    }

    .IRPWorldCreateEditAccountOverallContainer .StandardTextEntry
    {
        width: 100%;
    }

    .IRPWorldCreateEditAccountOverallContainer .SplitNameTextEntry
    {
        width: 44%;
    }

    .IRPWorldCreateEditAccountOverallContainer .StandardDropdownSelection
    {
        width: 100%;
    }

    .IRPWorldCreateEditAccountOverallContainer .CreateAccountProfileImageUploadContainer .ImageSelectorControl
    {
        margin-top: 10px;
        width: 100%;
    }

    .IRPWorldCreateEditAccountOverallContainer .FileSelectorControl
    {
        width: 100%;
    }
            
    .IRPWorldCreateEditAccountOverallContainer .BelowEntrySubInformation
    {
        width: 100%;
    }

    .IRPWorldCreateEditAccountOverallContainer .IRPWorldCreateEditPhoneVisibilitySettings
    {
        display: none;
    }

    /*************************************************************************************/
    /******************************* IRP WORLD HOMEPAGE **********************************/
    /*************************************************************************************/
    .HomePageForecastsSubSectionContainer
    {            
        display: block;
        font-size: 18px;
        margin: 20px 10px;
        padding: 5px;
    }
    .HomePageForecastsSubSectionContainer > div
    {
        margin: 10px 0;
    }
    .HomePageForecastsSubSectionContainer .MonthGrowth
    {
        margin-bottom: 10px!important;
    }

    /*Ranking Info Tri Blocks*/
    .AgencyOwnerHomepageViewContainer .TriBlockBreakdownContainer
    {
        display: block;
    }
    .AgencyOwnerHomepageViewContainer .TriBlockBreakdownContainer > div
    {
        margin-top: 10px;
    }

    /*Key Sales Figures*/
    .AgencyOwnerHomepageViewContainer .KeySalesFiguresSingleBlock
    {
        display: block;
        text-align: center;
    }
    .AgencyOwnerHomepageViewContainer .KeySalesFiguresSingleBlock > div
    {
        margin-top: 10px;
    }

    /*Button Panel*/
    .AgencyOwnerHomepageViewContainer .CTAButtonsContainer
    {
        display: block;
        text-align: center;
    }
    .AgencyOwnerHomepageViewContainer .CTAButtonsContainer > div
    {
        padding: 15px;
    }

    .AgencyOwnerHomepageViewContainer .HandleGridOverflow
    {
        overflow: auto;
    }

    .ServiceProviderPersonaHPContainer .IRPWorldStatEfficiencyRating
    {
        visibility: hidden;
    }

    /*Key Sales Figures*/
    .ServiceProviderPersonaHPContainer .KeySalesFiguresSingleBlock
    {
        display: block;
    }

    .EcommerceManagerPersonaHPContainer .PersonalDetailsBreakdownContainer .FlexContainer
    {
        display: block;
    }
    .EcommerceManagerPersonaHPContainer .PersonalDetailsBreakdownContainer .FlexContainer > div
    {
        margin-top: 10px;
    }

    /*Key Sales Figures*/
    .EcommerceManagerPersonaHPContainer .KeySalesFiguresSingleBlock
    {
        display: block;
    }

    .AccountManagerPersonHPContainer .Ranks
    {
        visibility: hidden;
    }

    /***** Key Sales Figures Single Block *****/
    .AccountManagerPersonHPContainer .KeySalesFiguresSingleBlock
    {
        display: block;
    }

    /***** Key Figures Double Panel *****/
    .AccountManagerPersonHPContainer .AMPersonaKeyFiguresBreakdownContainer
    {
        display: block;
    }
    .AccountManagerPersonHPContainer .AMPersonaKeyFiguresBreakdownContainer > div
    {
        margin-top: 10px;
    }

    .AccountManagerPersonHPContainer .IRPWorldDefaultGridViewTopSummary
    {
        display: none;
    }
    /********************************************************************/
    /************ 2022 MARKETING END CONTENT REFRESH ********************/
    /********************************************************************/

    .DesktopOnlyContent
    {
        display: none!important;
    }

    .MarginRestrictedContentContainer
    {
        padding: 40px 20px;
    }

    .HeaderOneRefurb
    {
        font-size: 3rem;
        line-height: 3rem;
    }
    .HeaderTwoRefurb
    {
        font-size: 2.325rem;
        line-height: 2.5rem;
    }
    .HeaderThreeRefurb
    {
        font-size: 2rem;
        line-height: 2rem;
    }
    .HeaderFourRefurb
    {
        font-size: 1.75rem;
        line-height: 1.75rem;
    }
    .HeaderTwoRefurbCaseStudies
    {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .HomePageHeaderBlockBackgroundContainer
    {
        background-image: url('https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-hp-top.jpg');
        background-size: 100% 100%;
    }
    .HomePageHeaderBlockBackgroundContainer video
    {
        display: none;
    }

    .CommerceCloudHeaderBlockBackgroundContainer
    {
        background-image: url('https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-header-ccloud_mobile.jpg');
    }
    .ReplatformHeaderBlockBackgroundContainer
    {
        background-image: url('https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/irp-rp-header-mob.jpg');
    }
    .CRCCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-mob-hd-CReaction.jpg);
    }                
    .ChristiesCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-mob-hd-CDirect.jpg);
    }
    .CampingWorldCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-mob-hd-CWorld.jpg);
    }
    .JonzaraCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-mob-hd-jonzara.jpg);
    }

   .eroseCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-mob-hd-erose.jpg);
    }
    .KWMWinesCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-mob-hd-kwm.jpg);
    }
    .AnnsCottageCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-mob-hd-anns.jpg);
        background-size: 100% 100%;
    }
    .ElecWorldShopifyCaseStudyHeaderBlockBackgroundContainer
    {
    }
    .ContactUsHeaderBlockBackgroundContainer
    {
        background-image: url('https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-header-contact-mobile.jpg');
    }
    .IRPSignUpHeaderBlockBackgroundContainer
    {
        background-image: url('https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/IRP-Sign-Header-MOB.jpg');
    }
    .ReferralsHeaderBlockBackgroundContainer
    {
        background-image: url('https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/IRP-Referral-MOB.jpg');
    }
    .FishingTackleBaitCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url('https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-mob-hd-ftb.jpg');
    }
    .OldMillSaddleryCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-mob-hd-oms.jpg);
    }
    .TinneyToysCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-mob-hd-tin.jpg);
    }
    .AllSportStoreFWDCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com//Interface/AdminUploads/MarketingEndImages/CaseStudies/img-CC-sub-dk-mob-tin-a.jpg);
        background-size: cover;
        background-position: right bottom;
    }

    .IRPWorldCreateEditAccountOverallContainer .AccountCreationPassphraseContainer
    {
        max-width: auto!important;
        width: 100%!important;
    }

    .SectionContainerHeaderContent .SideBySideLinks
    {
        display: block;
    }
    .SectionContainerHeaderContent .SideBySideLinks > div
    {
        margin-bottom: 40px;
    }
                    
    .SectionContainerCenteredContent .Image img
    {
        width: 100%;
    }
                    

    .SectionContainerCaseStudyLinksContent
    {
        margin-bottom: 70px!important;
    }
    .SectionContainerCaseStudyLinksContent .ImageContainerHalfOne
    {
        margin-bottom: 20px;
    }
    .SectionContainerCaseStudyLinksContent .OverlappedTextContainer
    {
        width: 80%;
        top: 155px;
    }
    .SectionContainerCaseStudyLinksContent .OverlappedTextContainer .Text
    {
        margin-bottom: 20px;
    }

    .HomepageLatestNewsContainer .HomepageLatestNewsSubContainer
    {
        margin-right: 30px;
    }

    .LinkOutlinedButtonStyle
    {
        font-size: 1rem;
        padding: 10px;
    }

    .SectionContainerTriBlockContent .Header
    {
        width: auto;
        margin-bottom: 20px
    }
    .SectionContainerTriBlockContent .TriBlock
    {
        display: block;
    }
    .SectionContainerTriBlockContent .TriBlock > div
    {
        width: auto;
    }
    .SectionContainerTriBlockContent .TriBlock .CentreSubBlock
    {
        border: none;
    }
    .SectionContainerTriBlockContent .TriBlock .Logo
    {
        margin: 40px 10px 20px 10px;
    }
    .SectionContainerTriBlockContent .TriBlock .Logo img
    {
        height: 50px;
    }
    .SectionContainerTriBlockContent .TriBlock .SubPoint
    {
        margin: 10px;
    }

    .SectionContainerTextImageContent .ImageContentContainer img
    {
        width: 100%;
    }

    .SectionContainerTextImageContent .TextContentContainer .FlexSynopsis > div
    {
        margin-bottom: 30px;
    }
    .SectionContainerTextImageContent.NonDesktopReverseOrder
    {
        display: flex;
        flex-direction: column-reverse;
    }

    .SectionContainerCenteredContent .Image img
    {
        width: 100%;
    }


    /*** COMPANY LOGOS SCROLLER ***/
    .HomepageCustomerCompanyLogosScroller div
    {
        margin-right: 10px;
    }

    .AppsTPsViewSectionOverallContainer .LogoContainer
    {
        margin-bottom: 40px;
    }

    .AppsTPsLinkSectionContainer
    {
        padding: 20px 20px 0 20px;
    }
    .AppsTPsLinkSectionContainer.Modules
    {
        padding: 0 0 10px 0;
    }
    .AppsTPsLinkSectionContainer.Modules .ExtraLinkContainer
    {
        margin: 10px 0;
    }

    .AppsOverallContainer
    {
        display: grid;
        grid-gap: 1px;
        grid-template-columns: repeat(1, 1fr);
    }

    .SectionContainerTextImageContent .TextContentContainer .TextImageLink
    {
        margin-bottom: 30px;
    }
    .SectionCaseStudiesLandingPageCaseStudiesContent .CaseStudiesGridContainer .ReadCTA
    {
        margin-bottom: 30px;
    }

    .CaseStudySectionContentContainer
    {
        flex-direction: column-reverse;
    }
    .CaseStudySectionContentContainer .LeftFiguresContainer
    {
        margin-top: 30px;
        margin-right: 0;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    .CaseStudySectionContentContainer .RightInformationContainer .TriFlexFigures > div
    {
        margin: 30px 0;
    }
    .CaseStudySectionContentContainer .ContentImage
    {
        width: 100%;
    }

    .MarginRestrictedContentContainer.ReverseContentOrder
    {
        display: flex;
        flex-direction: column-reverse;
    }

    .SectionContainerCenteredContent .ContactUsDoubleCentredBoxes .ContactUsContactSubBox .Buttons .CTAButton
    {                    
    }
    .SectionContainerCenteredContent .ContactUsDoubleCentredBoxes .ContactUsContactSubBox .Buttons div
    {
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .ContactUsLocationContentContainer .LocationContentFlexContainer .MapContent
    {
        margin-top: 30px;
    }

    .ContactUsAwardsContentContainer .AwardsContentContainer .ImageContent
    {
        margin-top: 20px;
    }

    .SectionContainerTextImageContent .TextContentContainer .ContactUsFormContainer
    {
        margin-bottom: 30px;
    }

    .ReferralsTriBlockContainer .ReferralsTriBlockContainerSubContainer
    {
        margin: 10px 0 40px 0;
    }
            
    .ReferralSizingOverwrite
    {
        width: auto;
    }

    .ReferralsLegalTermsOverallContainer
    {
        width: 100%;
    }

.ReferralsTriBlockContainer .ReferralsTriBlockContainerSubContainer .Title
{
font-size: 30px;
}
.ReferralsTriBlockContainer .ReferralsTriBlockContainerSubContainer .Text
{
font-size: 24px;
}

.ReferralsFormTitleContent
{
margin-bottom: 10px!important;
}
.ReferralsFormDescriptionContent
{
font-size: 1rem!important;
line-height: 1.375rem!important;
}
            
.ReferralEntryContainerDiv
    {
        display: block;
    }
    .ReferralEntryAreaLabelDiv
    {
        width: auto;
    }

    .AccountingForEcommerceHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/IRP-AC-Header-MOB.jpg);
    }

    .SectionContainerCenteredLeftAlignedContent
    {
        width: auto;
    }

    .SectionContainerCenteredLeftAlignedContent .FlexLinksContainer
    {
        display: block;
        text-align: center;
    }
    .SectionContainerCenteredLeftAlignedContent .FlexLinksContainer div
    {
        margin: 15px 0;
    }

    .SectionContainerCenteredLeftAlignedContent .tableContentContainer  .AccountingForEcommerceDataContentTable.RetailAccountingTable
    {
        width: 90%;
    }
    .SectionContainerCenteredLeftAlignedContent .tableContentContainer  .AccountingForEcommerceDataContentTable.RetailAccountingTable td
    {
        width: 50%;
    }

    .PersonaHomepageNonTabbedGridSectionContentOverallContainer
    {
        margin-top: 30px;
    }

    .EcommerceManagerPersonaHPContainer .PersonalDetailsBreakdownContainer .FlexContainer .SubHeaderBoxValue
    {
        display: none;
    }

    .EcommerceManagerPersonaHPContainer .PersonalDetailsBreakdownContainer .FlexContainer .SubHeaderBoxValue.Rank
    {
        display: block !important;
    }

    .IRPWorldHomePersonaHomeGridViewTopSummary
    {
        flex-wrap: wrap;
    }

    .AgencyOwnerHomepageViewContainer .KeySalesFiguresSingleBlock > div
    {
        justify-content: center;
    }

    .AppSpecificHeaderContentContainer .GetAppCTA
    {
        margin-top: 30px;
    }

    .AppsSpecificMainContentContainer
    {
    }
    .AppsSpecificMainContentContainer .LeftPanel
    {
    }
    .AppsSpecificMainContentContainer .RightPanel
    {
        margin-top: 40px;
    }

    .SectionContainerFlexImagesContent > div img
    {
        width: 100%;
        height: auto;
    }

    .ReferralEntryTextbox, .ReferralEntryDropdown
    {
        width: 90%;
    }

    /*** PARTNERS PAGE ***/
    .AgencyTickingRevenueValueContainer
    {
        width: 100%;
    }

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

    .AgencyTickingRevenueValueContainer .ValueSubContainer .Header
    {
        margin-top: 10px;
    }

    .AgencyTickingRevenueValueContainer .ValueSubContainer .Value
    {
        margin-bottom: 10px;
        font-size: 55px;
    }

    .SectionContainerSubContentGridLayout .AgencyKeyDashedSalesBox
    {
        margin: 20px 0;
    }

    .AgencyProfileImageTextBreakdown .CertifiedLogo img
    {
        width: auto;
    }

    .AgencyPageEmailCaptureOverallContainer .Left
    {
        margin-bottom: 10px;
    }

    /* Top Merchant Profits Ticker */
    .AgencyPageHeaderMerchantProfitsTickerContainer
    {
        text-align: center;
    }

    .SectionContainerSubContentGridLayout > div
    {
        margin: 10px 0 15px 0;
    }

    .PartnerPageCTAButtonDivOverride
    {
        display: flex;
    }

    .PartnerEnquiryFormContainedContent
    {
        width: 100%;
    }

    .MerchantsPageEmailCaptureIframeContainer
    {
        height: 930px;
    }

    .IRPWorldProfileMainTopSectionContainer .ActivityBreakdownValuesContainer
    {
        display: block;
    }

    .IRPWorldProfileMainTopSectionContainer .ActivityBreakdownValuesContainer > div
    {
        margin-top: 5px;
    }

    /* MODULES FRONT END */
    .ModulesListProductBreakdownHeaderContainer .LogoDiv img
    {
        width: 80%;
    }

    .ModulesListOverallContainer
    {
        display: block;
    }
    .ModulesListOverallContainer .ModulesListSubContainer
    {
        margin-top: 20px;
    }

    .ModulesListOverallContainer .PricingDetailsContainer
    {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 10px;
    }

    .ModuleDetailsPageOverallContainer .InformationDetailsContentContainer .TabbedRightInformationPanel .KeyFeaturesBenefitsSummaryPanel
    {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 10px;
    }

    .ModuleDetailsPageOverallContainer .ModuleHeader
    {
        margin-bottom: 20px;
        display: flex;
        flex-flow: column-reverse;
    }
    .ModuleDetailsPageOverallContainer .AppsTPsLinkSectionContainer.ModulesLink
    {
        margin-bottom: 20px;
        padding: 0;
    }

    .ModuleDetailsPageOverallContainer .RightPanelExtraLinksContainer
    {
        margin-top: 30px;
    }

    .ModuleDetailsPageOverallContainer .ConstantLeftInformatonPanel .SubHighlightContainer.ProductImage img
    {
        max-width: 60%;
    }
    

    .SectionContainerProductsAndModules .Header
    {
        width: auto;
        margin-bottom: 20px
    }
    .SectionContainerProductsAndModules .TriBoxContainer
    {
        display: block;
    }
    .SectionContainerProductsAndModules .TriBoxContainer .SubBoxContainer
    {
        width: auto;
        margin: 15px 5px;
        display: block;
    }
    .SectionContainerProductsAndModules .TriBoxContainer .SubBoxContainer .BoxHeader img
    {
        max-width: 100%;
        max-height: 55px;
    }

    /******* ECOMMERCE MARKET DATA PAGE *******/
    .EcommerceMarketDataPage .MarketDataOverallPageHeaderContainer .SubContainer
    {
        display: block;
    }

    .EcommerceMarketDataPage .HideGridColumn
    {
        display: none;
    }

    .EcommerceMarketDataPage .TabsContainer
    {
        margin-bottom: 30px;
    }

    .EcommerceMarketDataPage .ForecastsSubSectionContainer
    {            
        display: block;
        font-size: 18px;
        margin: 20px 10px;
    }
    .EcommerceMarketDataPage .ForecastsSubSectionContainer > div
    {
        margin: 10px 0;
    }
    .EcommerceMarketDataPage .ForecastsSubSectionContainer .MonthGrowth
    {
        margin-bottom: 10px!important;
    }
    .EcommerceMarketDataPage .ForecastsSubSectionContainer .TwentyFourHourYearGrowth
    {
        margin-bottom: 10px!important;
    }

    .EcommerceMarketDataPage .MarketDataPageTabsAndTimeFrameContainer
    {
        margin-top: 20px;
        display: block;
    }
    .EcommerceMarketDataPage .MarketDataPageTabsAndTimeFrameContainer .TimeFrameContainer
    {
        justify-content: center;
    }
    .EcommerceMarketDataPage .MarketDataPageTabsAndTimeFrameContainer .TimeFrameContainer .TimeFrameLabel
    {
        display: none;
    }

    .EcommerceMarketDataPage .MarketRefineSelectionContainerDiv
    {
        margin: 0 10px;
    }
    .EcommerceMarketDataPage .MarketRefineSelectionContainerDiv > div
    {
        margin: 10px 5px;
        text-align: center;
    }
    .EcommerceMarketDataPage .MarketRefineSelectionContainerDiv .MarketRefineSelectionDropdown
    {
        width: 100%!important;
        min-width: unset;
    }

    .EcommerceMarketDataPage .TrafficSourceDataSummaryOverallContainer
    {
        display: block;
    }

    .EcommerceMarketDataPage .MarketDataChartsOverallContainer
    {
        display: block;
    }
    .EcommerceMarketDataPage .MarketDataChartsOverallContainer .MarketDataIndividualChartContainer
    {
    }
    .EcommerceMarketDataPage .MarketDataChartsOverallContainer .MarketDataIndividualChartContainer .MarketDataChart
    {
        padding: 0!important;
        width: 100%!important;
        height: auto!important;
    }

    .EcommerceMarketDataPage .RisersAndFallersOverallContainer 
    {
        display: block;
    }
    .EcommerceMarketDataPage .RisersAndFallersOverallContainer  .RisersAndFallersIndividualContainer
    {
    }


    /******* CHANNEL PERFORMANCE DATA PAGE *******/
    .ChannelPerformancePage .TrafficSourceDataSummaryOverallContainer
    {
        display: block;
        margin: 20px 10px;
        text-align: center;
    }
    .ChannelPerformancePage .TrafficSourceDataSummaryOverallContainer .SummaryHeader
    {
        margin-top: 15px;
    }
            
    .ChannelPerformancePage .TrafficSourceSDKeyValuesContainer
    {
        display: block;
        margin: 20px 10px;
        text-align: center;
    }
    .ChannelPerformancePage .TrafficSourceSDKeyValuesSubContainer
    {
        margin: 20px 0;
    }
    .ChannelPerformancePage .TrafficSourceSDKeyValuesSubContainer > div
    {
        margin: 10px 0;
    }

    .ChannelPerformancePage .MarketDataOverallPageHeaderContainer .SubContainer
    {
        display: block;
    }

    /*** Company Page - Charts Container ***/
    .ChannelPerformancePage .CompanyProfilePageChartOverallContainer > div
    {
        margin: 10px 0;
        width: auto;
    }

    .ChannelListMenuHoverOverallContainerWrapper
    {
        margin-left: 0px;
        margin-top: 20px;
    }
    .ChannelListMenuHoverOverallContainerWrapper .ChannelListMenuHoverOverallContainer
    {
        width: fit-content;
    }
    
    .MarketChannelDataMenuButtonStyle
    {
        width: fit-content;
    }

    .AsynchLoadingContainer
    {
        width: auto;
        font-size: 22px!important;
        margin: 30px 10px;
        clear: both;
    }
    .AsynchLoadingContainer img
    {
        width: 50%!important;
    }

    /***  Channel Performance Data Page ***/
    .IRPWorldChannelPerformance .CompanyProfilePageChartOverallContainer > div
    {
        margin: 10px 0;
        width: auto;
    }
    .IRPWorldChannelPerformance .IRPWorldDefaultGridViewTopSummary
    {
        display: none;
    }

    /*** Company Page - Charts Container ***/
    .CompanyProfilePageChartOverallContainer > div
    {
        margin: 10px 0;
        width: auto;
    }

    /*** Company Page - Traffic Source Breakdown Header ***/
    .CompanyPageMerchantSalesTrafficSourceHeaderPanel
    {
        flex-wrap: wrap;
    }

    .CompanyPageMerchantSalesTrafficSourceHeaderPanel > div
    {
        margin: 0 10px;
    }

    .CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackTopSubContainer
    {
        justify-content: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackMiddleSubContainer .NavyHighlightedStatsSubBar
    {
        margin-top: 10px;
    }

    .CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackMiddleSubContainer .GreyedOutStatsSubBar
    {
        margin-top: 10px;
    }

    .CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackBottomSubContainer > div
    {
        margin: 5px 0;
    }

    .IRPWorldProfileSimplifiedCalculatorOverallContainer .IRPWorldProfileSimplifiedCalculatorContainer
    {
        display: block;
    }

    .IRPWorldProfileSimplifiedCalculatorOverallContainer .IRPWorldProfileSimplifiedCalculatorContainer .Result
    {
        margin: 10px;
    }

    .IRPWorldProfileSimplifiedCalculatorOverallContainer .IRPWorldProfileSimplifiedCalculatorContainer .ResultGrowth
    {
        margin: 10px;
    }

    .UtilityBarCompanyCoreValuesSummary
    {
        margin-top: 20px;
    }

    .TechnicalPartnersOverallContainer
    {
        display: grid;
        grid-gap: 1px;
        grid-template-columns: repeat(1, 1fr);
    }

    .IRPAgencyPartnersMainHeaderContainer .PartnersPageTopTextInfo .ContainedContentLonger
    {
        width: auto;
        text-align: center;
    }

    .PartnersPageModulesImagesContainer img
    {
        height: 50px;
        margin: 10px 0;
    }


    /** KPI REPORT PAGE **/
    .KPIReportPageContainer .ReportPageHeaderSectionContainer .TextPanel .SubHeader
    {
        font-size: 2.5rem;
        font-weight: normal;
        color: var(--black-0) !important;
    }

    .KPIReportPageContainer .ReportPageHeaderSectionContainer .TextPanel .Header h1
    {
        font-size: 4rem;
        line-height: 4rem;
        font-weight: 500;
        color: var(--black-0) !important;
    }

    .KPIReportPageContainer .ReportPageHeaderSectionContainer .ImagePanel img
    {
        width: 100%;
    }

    .KPIReportPageContainer .MultipleFlagsContainer img
    {
        width: 100%;
    }

    .KPIReportPageContainer .DeviceDualPanelContainer .Subcontainer
    {
        margin-bottom: 30px;
    }

    .KPIReportPageContainer .TopStatisticsTriValueContainer .Subcontainer
    {
        margin-bottom: 30px;
    }

    .KPIReportPageContainer .GrowthForecastDualImageTextContainer .LeftImageContainer img
    {
        width: 80%;
    }

    .KPIReportPageContainer .GrowthForecastDualImageTextContainer .RightTextContainer
    {
        text-align: center;
    }

    .KPIReportPageContainer .TriStatsFigureContainer
    {
        display: block;
    }

    .KPIReportPageContainer .TriStatsFigureContainer .StatPanelRight
    {
        margin-top: 20px;
    }

    .KPIReportPageContainer .DownloadReportTriPanelContainer .MiddleValueContainer
    {
        margin: 30px 0;
    }

    .KPIReportPageContainer .DownloadReportTriPanelContainer .LeftImageContainer img
    {
        width: 100%;
    }

    .KPIReportPageContainer .AgenciesListImageContainer img
    {
        width: 80%;
    }

    .KPIReportPageContainer .TriRankingContainer
    {
        flex-wrap: wrap;
    }

    .KPIReportPageContainer .TriRankingContainer .LeftItemPanel
    {
        order: 2;
    }

    .KPIReportPageContainer .TriRankingContainer .MiddleItemPanel
    {
        order: 1;
    }

    .KPIReportPageContainer .TriRankingContainer .RightItemPanel
    {
        order: 3;
    }




    .StatusPageHeaderSectionContainer .AzureLink
    {
        margin-top: 30px;
    }

    .CurrrentStatusUpdateLine
    {
        line-height: 26px;
        text-align: center;
    }

    .StatusBlockContainer .Status
    {
        margin-top: 20px;
    }



    .IRPReportDownloadsMainSectionContainer .LeftContent
    {
        text-align: center;
        padding: 40px 20px 0px 20px;
    }



    .PartnersExpandCollapseContentOverallContainer
    {
        width: 100%;
    }

    .PartnerEarningsPageTotalEarnings
    {
        font-size: 1.25rem;
        font-weight: 600;
    }


    /*** PAYPAL PAGE ***/
    .PaypalBlueReasonsSectionContainer .Header
    {
        margin-bottom: 20px;
    }

    .PayPalTriblockBlueSectionOverride .HeaderTextPanel img
    {
        margin-bottom: 20px;
    }

    /**IRP v SHOPIFY CASE STUDY PAGE**/
    .IRPvShopifyCaseStudyOverallContainer .IRPvShopifyCaseStudyHeaderContent .LeftPanel
    {
        text-align: center;
    }

    .IRPvShopifyCaseStudyOverallContainer .IRPvShopifyCaseStudyHeaderContent .RightPanel .Logos img
    {
        width: 100%;
    }

    .IRPvShopifyCaseStudyOverallContainer .IRPvShopifyCaseStudyHeaderContent .IRPvShopifyCaseStudyTextBubbleHighlight
    {
        margin: 10px 0;
    }

    .IRPvShopifyCaseStudyOverallContainer .IRPvShopifyDoubleButtonContainer > div
    {
        margin: 30px 0;
    }

    .IRPvShopifyCaseStudyOverallContainer .IRPvShopifyComparisonTable td
    {
        line-height: 30px;
    }
}

@media only screen and (min-width: 768px)
{
    /* TABLETS */

    .MobileSiteOnly
    {
        display: block!important;
    }
    .DesktopSiteOnly
    {
        display: none!important;
    }

    main
    {
        max-width: 1199px;
    }

    .containerBackground
    {
        border: 0px;
        padding: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .containerBackground_3
    {
        padding: 0px 0px 10px 0px;
    }

    .containerBackground_4
    {
        padding: 0px 20px 10px 20px;
    }

    .containerPanel
    {
        width: 50%;
        margin: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .containerPanel2
    {
        width: 50%;
        margin: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .containerPanel3
    {
        width: 700px;
        margin: 0px 20px 0px 20px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .flexOverride
    {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }

    h1
    {
        font-weight: 300;
        font-size: 2.25rem;
        line-height: 2.25rem;
    }

    h2
    {
        font-weight: 300;
        font-size: 1.5rem;
        line-height: 1.5rem;
        margin: 0px;
        color: inherit;
    }

    .h2Override
    {
        font-weight: 300;
        font-size: 1.5rem;
        line-height: 1.5rem;
        margin: 0px;
        color: inherit;
    }

    h3
    {
        font-weight: 400;
        font-size: 1.3125rem;
    }

    .h3Override
    {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }

    h4
    {
        font-weight: 600;
        font-size: 1.1875rem;
    }

    p
    {
        font-weight: 400;
        font-size: 1.1875rem;
    }

    a.buttonCTA
    {
        padding: 1rem 2rem;
        font-size: 1rem;
    }

    li
    {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .paragraphOverride
    {
        margin-bottom: 30px;
    }

    .articleSpacing
    {
        margin: 20px 0px 60px 0px;
    }

    .storyDisplay
    {
        position: relative;
        top: -60px;
        margin-bottom: -50px;
    }

    .flexOverride
    {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }

    .flex
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px;
    }

    .flexContainer
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .ContactUsHeaderWidthOverride
    {
        margin: 0 10px;
    }

    .ContactUsPeopleOfInterest
    {
        justify-content: start;
    }

    .ContactUsPeopleOfInterest .LeftSideContainer
    {
        margin-right: 100px;
    }

    .RevenueModelContainer .FormulaInput
    {
        width: 90px;
    }

    .AgencySupportManagerContainer
    {
        width: 450px;
        height: auto;
        flex-direction: column;
        margin: 0 20px;
    }

    /*Scroller*/

    .buttonPadding
    {
        padding: 40px 0px 0px 0px;
        position: absolute;
    }

    .homePage
    {
        margin: 0;
        padding: 0px 0px 0px 0px;
    }

    .homePageQuote
    {
        font-weight: 600;
        color: var(--black-0);
        font-size: 4.5rem;
        -webkit-font-kerning: none;
        font-kerning: none;
        letter-spacing: -1px;
        line-height: 4.5rem;
    }

    .backgroundVideo
    {
        max-width: 1440px;
        height: 500px;
        position: relative;
        background-color: #000;
    }

    .videoBlock
    {
        width: 90%;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .videoMessage
    {
        width: 100%;
        height: auto;
        padding: 60px 30px 0px 30px;
        z-index: 2;
    }

    Video
    {
        position: absolute;
        width: 100%;
        height: 500px;
        min-width: 100%;
        min-height: auto;
        /*z-index: -1;*/
        z-index: 0;
        -o-object-position: center;
        object-position: center;
        -o-object-fit: cover;
        object-fit: cover;
    }
    
    /**** N&E Portal ****/
    .NAEArticleTopSectionContainer
    {
        display: block;
    }
    .NAEArticleTopSectionContainer .MainDetailsContainer
    {
        width: auto;
        padding: 20px;
    }
    .NAEArticleTopSectionContainer .DisplayImageContainer
    {
        width: auto;
    }
    .NAEArticleTopSectionContainer .NAEArticleSocialMediaButtonContainer
    {
        display: none!important;
    }
    .NAEArticleMainContentContainer
    {
        padding: 0px 20px;
    }

    /**** Strategy Centre Portal ****/
    .StrategyCentreArticleTopSectionContainer
    {
        display: block;
    }
    .StrategyCentreArticleTopSectionContainer .MainDetailsContainer
    {
        width: auto;
        padding: 20px;
    }
    .StrategyCentreArticleTopSectionContainer .DisplayImageContainer
    {
        width: auto;
    }
    .StrategyCentreArticleTopSectionContainer .StrategyCentreArticleSocialMediaButtonContainer
    {
        display: none!important;
    }
    .StrategyCentreArticleMainContentContainer
    {
        padding: 0px 20px;
    }

    /*Search Results*/
    h1.fontsmaller
    {
        font-size: 1.875rem;
        line-height: 1.875rem;
    }

    .SearchResultsPageHeaderContainer .DesktopSearchOnly
    {
        display: none;
    }

    .SearchResultsBodyContainer .DesktopSearchOnly
    {
        display: none!important;
    }

    /*Knowledge Base*/
    .containerPanelRight
    {
        width: 50%;
        margin: 0 20px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .KBVideosGridContainer
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 10px;
    }

    .flexLikeKnowledgeBase .SubFlex
    {
        margin-top: 15px;
    }

    /* Training Sessions */
    .IRPWorldTrainingSessionsName
    {
        margin-bottom: 20px;
    }

    .TrainingEnrollLikeContainer
    {
        display: block;
    }

    .TrainingEnrollTopMainDetailsContainer .DetailBlock
    {
        height: auto;
        margin-top: 10px;
    }

    /* IRP WORLD LOGIN */
    .IRPWorldLoginMainContentContainer
    {
        display: block;
        margin: 20px;
        min-height: auto;
    }

    .IRPWorldLoginMainContentContainer .LoginInfoContainer
    {
        width: auto;
    }

    .IRPWorldLoginMainContentContainer .LoginBoxContainer
    {
        width: auto;
        margin-top: 30px;
    }

    .IRPWorldLoginMainContentContainer .LoginBox .StayLoggedInContainer .ForgotPassword
    {
        margin-top: 20px;
    }

    .IRPWorldLoginMainContentContainer .SignupBox .ButtonContainer
    {
        margin-top: 20px;
    }
            
    /*MY PROFILE*/
    .IRPWorldProfileMainTopSectionContainer .StatsDetailsSection
    {
        /*display: none;*/
        display: block;
    }
    .IRPWorldProfileMainTopSectionContainer .CompanyProfilePageHeaderPanelTwoColumnContainer
    {
        display: block;
    }

    /*IRP WORLD HOMEPAGE*/
    .IRPWorldHomePageIndividualServiceProviderContainer .LogoContainer
    {
        width: 60%;
    }

    /* IRP ROAD MAP */
    .IRPWorldFeatureSuggestionsRefinePanel
    {
        display: none;
    }
    .IRPWorldRoadMapMakeSuggestionContainer .DetailsEntryContainer .SelectionEntry
    {
        width: 100%;
    }
    
    .StrategyCenterleftNavContainer, .IRPWorldleftNavContainer
    {
        width: 80%!important;
    }

    /*COMPANY/PERSON PROFILE EDIT/CREATE*/
    .IRPWorldCreateAccountMargin
    {
        margin: 0px;
    }
    .IRPWorldCreateEditAccountOverallContainer table
    {
        width: 100%;
    }

    .IRPWorldCreateEditAccountOverallContainer .LabelCell
    {
        width: 100px;
    }

    .IRPWorldCreateEditAccountOverallContainer .StandardTextEntry
    {
        width: 100%;
    }

    .IRPWorldCreateEditAccountOverallContainer .SplitNameTextEntry
    {
        width: 44%;
    }

    .IRPWorldCreateEditAccountOverallContainer .StandardDropdownSelection
    {
        width: 100%;
    }

    .IRPWorldCreateEditAccountOverallContainer .CreateAccountProfileImageUploadContainer .ImageSelectorControl
    {
        margin-top: 10px;
        width: 100%;
    }

    .IRPWorldCreateEditAccountOverallContainer .FileSelectorControl
    {
        width: 100%;
    }
            
    .IRPWorldCreateEditAccountOverallContainer .BelowEntrySubInformation
    {
        width: 100%;
    }

    .IRPWorldCreateEditAccountOverallContainer .IRPWorldCreateEditPhoneVisibilitySettings
    {
        display: none;
    }
    
    /*************************************************************************************/
    /******************************* IRP WORLD HOMEPAGE **********************************/
    /*************************************************************************************/

    .HomePageForecastsSubSectionContainer
    {            
        display: block;
        font-size: 18px;
        margin: 20px 10px;
        padding: 5px;
    }
    .HomePageForecastsSubSectionContainer > div
    {
        margin: 10px 0;
    }
    .HomePageForecastsSubSectionContainer .MonthGrowth
    {
        margin-bottom: 10px!important;
    }

    /*Ranking Info Tri Blocks*/
    .AgencyOwnerHomepageViewContainer .TriBlockBreakdownContainer
    {
        display: block;
    }
    .AgencyOwnerHomepageViewContainer .TriBlockBreakdownContainer > div
    {
        margin-top: 10px;
    }

    /*Key Sales Figures*/
    .AgencyOwnerHomepageViewContainer .KeySalesFiguresSingleBlock
    {
        display: block;
        text-align: center;
    }
    .AgencyOwnerHomepageViewContainer .KeySalesFiguresSingleBlock > div
    {
        margin-top: 10px;
    }

    /*Button Panel*/
    .AgencyOwnerHomepageViewContainer .CTAButtonsContainer
    {
        display: block;
        text-align: center;
    }
    .AgencyOwnerHomepageViewContainer .CTAButtonsContainer > div
    {
        padding: 15px;
    }

    .AgencyOwnerHomepageViewContainer .TabsContent .HandleGridOverflow
    {
        overflow: auto;
    }

    .ServiceProviderPersonaHPContainer .IRPWorldStatEfficiencyRating
    {
        visibility: hidden;
    }

    /*Key Sales Figures*/
    .ServiceProviderPersonaHPContainer .KeySalesFiguresSingleBlock
    {
        display: block;
    }

    .EcommerceManagerPersonaHPContainer .PersonalDetailsBreakdownContainer .FlexContainer
    {
        display: block;
    }
    .EcommerceManagerPersonaHPContainer .PersonalDetailsBreakdownContainer .FlexContainer > div
    {
        margin-top: 10px;
    }

    /*Key Sales Figures*/
    .EcommerceManagerPersonaHPContainer .KeySalesFiguresSingleBlock
    {
        display: block;
    }

    .AccountManagerPersonHPContainer .Ranks
    {
        visibility: hidden;
    }

    /***** Key Sales Figures Single Block *****/
    .AccountManagerPersonHPContainer .KeySalesFiguresSingleBlock
    {
        display: block;
    }

    /***** Key Figures Double Panel *****/
    .AccountManagerPersonHPContainer .AMPersonaKeyFiguresBreakdownContainer
    {
        display: block;
    }
    .AccountManagerPersonHPContainer .AMPersonaKeyFiguresBreakdownContainer > div
    {
        margin-top: 10px;
    }

    .AccountManagerPersonHPContainer .IRPWorldDefaultGridViewTopSummary
    {
        display: none;
    }
    /********************************************************************/
    /************ 2022 MARKETING END CONTENT REFRESH ********************/
    /********************************************************************/

    .DesktopOnlyContent
    {
        display: none!important;
    }

    .HomePageHeaderBlockBackgroundContainer
    {
        background-image: url('https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-hp-top.jpg');
        background-size: 100% 100%;
    }
    .HomePageHeaderBlockBackgroundContainer video
    {
        display: none;
    }

    .SectionContainerTriBlockContent .Header
    {
        width: 80%;
    }
    .SectionContainerTriBlockContent .TriBlock .Logo img
    {
        width: 100%;
    }

    .SectionContainerTextImageContent .ImageContentContainer img
    {
        width: 100%;
    }

    .SectionContainerTextImageContent .TextContentContainer .FlexSynopsis > div
    {
        margin-bottom: 30px;
    }
    .SectionContainerTextImageContent.NonDesktopReverseOrder
    {
        display: flex;
        flex-direction: column-reverse;
    }

    .SectionContainerCenteredContent .Image img
    {
        width: 100%;
    }

    .AppsTPsViewSectionOverallContainer .LogoContainer
    {
        margin-bottom: 40px;
    }

    .AppsTPsLinkSectionContainer
    {
        padding: 20px 20px 0 20px;
    }
    .AppsTPsLinkSectionContainer.Modules
    {
        padding: 0 0 10px 0;
    }
    .AppsTPsLinkSectionContainer.Modules .ExtraLinkContainer
    {
        margin: 10px 0;
    }

    .AppsOverallContainer
    {
        display: grid;
        grid-gap: 1px;
        grid-template-columns: repeat(2, 1fr);
    }

    .SectionContainerTextImageContent .TextContentContainer .TextImageLink
    {
        margin-bottom: 30px;
    }
    .SectionCaseStudiesLandingPageCaseStudiesContent .CaseStudiesGridContainer .ReadCTA
    {
        margin-bottom: 30px;
    }

    .CRCCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-mob-hd-CReaction.jpg);
    }                
    .ChristiesCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-mob-hd-CDirect.jpg);
    }
    .CampingWorldCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-mob-hd-CWorld.jpg);
    }
    .JonzaraCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-mob-hd-jonzara.jpg);
    }
    .KWMWinesCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-mob-hd-kwm.jpg);
    }
    .AnnsCottageCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-mob-hd-anns.jpg);
        background-size: 100% 100%;
    }
    .ElecWorldShopifyCaseStudyHeaderBlockBackgroundContainer
    {
    }
    .FishingTackleBaitCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url('https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-mob-hd-ftb.jpg');
    }
    .OldMillSaddleryCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-mob-hd-oms.jpg);
    }

     .TinneyToysCaseStudyHeaderBlockBackgroundContainer {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-mob-hd-tin.jpg);
    }

    .CaseStudySectionContentContainer
    {
        flex-direction: column-reverse;
    }
    .CaseStudySectionContentContainer .LeftFiguresContainer
    {
        margin-top: 30px;
        margin-right: 0;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    .CaseStudySectionContentContainer .RightInformationContainer .TriFlexFigures > div
    {
        margin: 30px 0;
    }
    .CaseStudySectionContentContainer .ContentImage
    {
        width: 100%;
    }

    .MarginRestrictedContentContainer.ReverseContentOrder
    {
        display: flex;
        flex-direction: column-reverse;
    }

    .SectionContainerCenteredContent .ContactUsDoubleCentredBoxes .ContactUsContactSubBox .Buttons .CTAButton
    {                    
    }
    .SectionContainerCenteredContent .ContactUsDoubleCentredBoxes .ContactUsContactSubBox .Buttons div
    {
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .ContactUsLocationContentContainer .LocationContentFlexContainer .MapContent
    {
        margin-top: 30px;
    }

    .ContactUsAwardsContentContainer .AwardsContentContainer .ImageContent
    {
        margin-top: 20px;
    }

    .SectionContainerTextImageContent .TextContentContainer .ContactUsFormContainer
    {
        margin-bottom: 30px;
    }

    ReferralsTriBlockContainer .ReferralsTriBlockContainerSubContainer
    {
        margin: 10px 0 40px 0;
    }
            
    .ReferralSizingOverwrite
    {
        width: auto;
    }

    .ReferralsLegalTermsOverallContainer
    {
        width: 100%;
    }
                        
    .ReferralEntryContainerDiv
    {
        display: block;
    }
    .ReferralEntryAreaLabelDiv
    {
        width: auto;
    }

    .SectionContainerCenteredLeftAlignedContent
    {
        width: auto;
    }

    .SectionContainerCenteredLeftAlignedContent .FlexLinksContainer
    {
        display: block;
        text-align: center;
    }
    .SectionContainerCenteredLeftAlignedContent .FlexLinksContainer div
    {
        margin: 15px 0;
    }

    .SectionContainerCenteredLeftAlignedContent .tableContentContainer  .AccountingForEcommerceDataContentTable.RetailAccountingTable
    {
        width: 90%;
    }
    .SectionContainerCenteredLeftAlignedContent .tableContentContainer  .AccountingForEcommerceDataContentTable.RetailAccountingTable td
    {
        width: 50%;
    }

    .PersonaHomepageNonTabbedGridSectionContentOverallContainer
    {
        margin-top: 30px;
    }

    .EcommerceManagerPersonaHPContainer .PersonalDetailsBreakdownContainer .FlexContainer .SubHeaderBoxValue
    {
        display: none;
    }

    .EcommerceManagerPersonaHPContainer .PersonalDetailsBreakdownContainer .FlexContainer .SubHeaderBoxValue.Rank
    {
        display: block!important;
    }

    .IRPWorldHomePersonaHomeGridViewTopSummary
    {
        flex-wrap: wrap;
    }

    .AgencyOwnerHomepageViewContainer .KeySalesFiguresSingleBlock > div
    {
        justify-content: center;
    }

    .AppSpecificHeaderContentContainer .GetAppCTA
    {
        margin-top: 30px;
    }

    .AppsSpecificMainContentContainer
    {
    }
    .AppsSpecificMainContentContainer .LeftPanel
    {
    }
    .AppsSpecificMainContentContainer .RightPanel
    {
        margin-top: 40px;
    }

    .SectionContainerFlexImagesContent > div img
    {
        width: 100%;
        height: auto;
    }

    /*** PARTNERS PAGE ***/

    .AgencyTickingRevenueValueContainer
    {
        /*width: 50%;*/
    }

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

    .AgencyTickingRevenueValueContainer .ValueSubContainer .Header
    {
        margin-top: 10px;
    }

    .AgencyTickingRevenueValueContainer .ValueSubContainer .Value
    {
        margin-bottom: 10px;
        font-size: 55px;
    }

    .SectionContainerSubContentGridLayout .AgencyKeyDashedSalesBox
    {
        margin: 20px 0;
    }

    .AgencyProfileImageTextBreakdown .CertifiedLogo img
    {
        width: auto;
    }

    .AgencyPageEmailCaptureOverallContainer .Left
    {
        margin-bottom: 10px;
    }

    /* Top Merchant Profits Ticker */
    .AgencyPageHeaderMerchantProfitsTickerContainer
    {
        text-align: center;
    }

    .PartnerPageCTAButtonDivOverride
    {
        display: flex;
    }

    .PartnerEnquiryFormContainedContent
    {
        width: 100%;
    }

    .MerchantsPageEmailCaptureIframeContainer
    {
        height: 930px;
    }

    .IRPWorldProfileMainTopSectionContainer .ActivityBreakdownValuesContainer
    {
        display: block;
    }

    .IRPWorldProfileMainTopSectionContainer .ActivityBreakdownValuesContainer > div
    {
        margin-top: 5px;
    }

    /* MODULES FRONT END */
    .ModulesListProductBreakdownHeaderContainer .LogoDiv img
    {
        width: 80%;
    }

    .ModulesListOverallContainer
    {
        display: block;
    }
    .ModulesListOverallContainer .ModulesListSubContainer
    {
        margin-top: 20px;
    }

    .ModulesListOverallContainer .PricingDetailsContainer
    {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 10px;
    }

    .ModuleDetailsPageOverallContainer .InformationDetailsContentContainer .TabbedRightInformationPanel .KeyFeaturesBenefitsSummaryPanel
    {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 10px;
    }

    .ModuleDetailsPageOverallContainer .ModuleHeader
    {
        margin-bottom: 20px;
        display: flex;
        flex-flow: column-reverse;
    }
    .ModuleDetailsPageOverallContainer .AppsTPsLinkSectionContainer.ModulesLink
    {
        margin-bottom: 20px;
        padding: 0;
    }

    .ModuleDetailsPageOverallContainer .RightPanelExtraLinksContainer
    {
        margin-top: 30px;
    }

    .ModuleDetailsPageOverallContainer .ConstantLeftInformatonPanel .SubHighlightContainer.ProductImage img
    {
        max-width: 60%;
    }
    

    .SectionContainerProductsAndModules .Header
    {
        width: 80%;
    }
    .SectionContainerProductsAndModules .TriBoxContainer
    {
        display: block;
    }
    .SectionContainerProductsAndModules .TriBoxContainer .SubBoxContainer
    {
        width: auto;
        margin: 15px 5px;
        display: block;
    }
    .SectionContainerProductsAndModules .TriBoxContainer .SubBoxContainer .BoxHeader img
    {
        max-width: 100%;
        max-height: 55px;
    }

    /******* ECOMMERCE MARKET DATA PAGE *******/
    .EcommerceMarketDataPage .MarketDataOverallPageHeaderContainer .SubContainer
    {
        display: block;
    }

    .EcommerceMarketDataPage .HideGridColumn
    {
        display: none;
    }

    .EcommerceMarketDataPage .TabsContainer
    {
        margin-bottom: 30px;
    }

    .EcommerceMarketDataPage .ForecastsSubSectionContainer
    {            
        display: block;
        font-size: 18px;
        margin: 20px 10px;
    }
    .EcommerceMarketDataPage .ForecastsSubSectionContainer > div
    {
        margin: 10px 0;
    }
    .EcommerceMarketDataPage .ForecastsSubSectionContainer .MonthGrowth
    {
        margin-bottom: 10px!important;
    }
    .EcommerceMarketDataPage .ForecastsSubSectionContainer .TwentyFourHourYearGrowth
    {
        margin-bottom: 10px!important;
    }

    .EcommerceMarketDataPage .MarketDataPageTabsAndTimeFrameContainer
    {
        margin-top: 20px;
        display: block;
    }
    .EcommerceMarketDataPage .MarketDataPageTabsAndTimeFrameContainer .TimeFrameContainer
    {
        justify-content: center;
    }
    .EcommerceMarketDataPage .MarketDataPageTabsAndTimeFrameContainer .TimeFrameContainer .TimeFrameLabel
    {
        display: none;
    }

    .EcommerceMarketDataPage .MarketRefineSelectionContainerDiv
    {
        margin: 0 10px;
    }
    .EcommerceMarketDataPage .MarketRefineSelectionContainerDiv > div
    {
        margin: 10px 5px;
        text-align: center;
    }
    .EcommerceMarketDataPage .MarketRefineSelectionContainerDiv .MarketRefineSelectionDropdown
    {
        width: 100%!important;
        min-width: unset;
    }

    .EcommerceMarketDataPage .TrafficSourceDataSummaryOverallContainer
    {
        display: block;
    }

    .EcommerceMarketDataPage .MarketDataChartsOverallContainer
    {
        display: block;
    }
    .EcommerceMarketDataPage .MarketDataChartsOverallContainer .MarketDataIndividualChartContainer
    {
    }
    .EcommerceMarketDataPage .MarketDataChartsOverallContainer .MarketDataIndividualChartContainer .MarketDataChart
    {
        padding: 0!important;
        width: 100%!important;
        height: auto!important;
    }

    .EcommerceMarketDataPage .RisersAndFallersOverallContainer 
    {
        display: block;
    }
    .EcommerceMarketDataPage .RisersAndFallersOverallContainer  .RisersAndFallersIndividualContainer
    {
    }


    /******* CHANNEL PERFORMANCE DATA PAGE *******/
    .ChannelPerformancePage .TrafficSourceDataSummaryOverallContainer
    {
        display: block;
        margin: 20px 10px;
        text-align: center;
    }
    .ChannelPerformancePage .TrafficSourceDataSummaryOverallContainer .SummaryHeader
    {
        margin-top: 15px;
    }

    .ChannelPerformancePage .TrafficSourceSDKeyValuesContainer
    {
        display: block;
        margin: 20px 10px;
        text-align: center;
    }
    .ChannelPerformancePage .TrafficSourceSDKeyValuesSubContainer
    {
        margin: 20px 0;
    }
    .ChannelPerformancePage .TrafficSourceSDKeyValuesSubContainer > div
    {
        margin: 15px 0;
    }

    .ChannelPerformancePage .MarketDataOverallPageHeaderContainer .SubContainer
    {
        display: block;
    }

    /*** Company Page - Charts Container ***/
    .ChannelPerformancePage .CompanyProfilePageChartOverallContainer > div
    {
        margin: 10px 0;
        width: auto;
    }

    .ChannelListMenuHoverOverallContainerWrapper
    {
        margin-left: 0px;
        margin-top: 20px;
    }
    .ChannelListMenuHoverOverallContainerWrapper .ChannelListMenuHoverOverallContainer
    {
        width: fit-content;
    }
    
    .MarketChannelDataMenuButtonStyle
    {
        width: fit-content;
    }

    .AsynchLoadingContainer
    {
        width: auto;
        font-size: 22px!important;
        margin: 30px 10px;
        clear: both;
    }
    .AsynchLoadingContainer img
    {
        width: 50%!important;
    }

    /***  Channel Performance Data Page ***/
    .IRPWorldChannelPerformance .CompanyProfilePageChartOverallContainer > div
    {
        margin: 10px 0;
        width: auto;
    }
    .IRPWorldChannelPerformance .IRPWorldDefaultGridViewTopSummary
    {
        display: none;
    }

    /*** Company Page - Charts Container ***/
    .CompanyProfilePageChartOverallContainer > div
    {
        margin: 10px 0;
        width: auto;
    }

    /*** Company Page - Traffic Source Breakdown Header ***/
    .CompanyPageMerchantSalesTrafficSourceHeaderPanel
    {
        flex-wrap: wrap;
    }

    .CompanyPageMerchantSalesTrafficSourceHeaderPanel > div
    {
        margin: 0 10px;
    }

    .CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackTopSubContainer
    {
        justify-content: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackBottomSubContainer > div
    {
        margin: 5px 0;
    }

    .IRPWorldProfileSimplifiedCalculatorOverallContainer .IRPWorldProfileSimplifiedCalculatorContainer
    {
        display: block;
    }

    .IRPWorldProfileSimplifiedCalculatorOverallContainer .IRPWorldProfileSimplifiedCalculatorContainer .Result
    {
        margin: 10px;
    }

    .IRPWorldProfileSimplifiedCalculatorOverallContainer .IRPWorldProfileSimplifiedCalculatorContainer .ResultGrowth
    {
        margin: 10px;
    }

    .UtilityBarCompanyCoreValuesSummary
    {
        margin-top: 20px;
    }

    .TechnicalPartnersOverallContainer
    {
        display: grid;
        grid-gap: 1px;
        grid-template-columns: repeat(2, 1fr);
    }

    .IRPAgencyPartnersMainHeaderContainer .PartnersPageTopTextInfo .ContainedContentLonger
    {
        width: auto;
        text-align: center;
    }

    .PartnersPageModulesImagesContainer img
    {
        height: 50px;
        margin: 10px 0;
    }

    /** KPI REPORT PAGE **/

    .KPIReportPageContainer .ReportPageHeaderSectionContainer .TextPanel .SubHeader
    {
        font-size: 2.5rem;
        font-weight: 600;
        color: var(--black-0) !important;
    }

    .KPIReportPageContainer .ReportPageHeaderSectionContainer .TextPanel .Header h1
    {
        font-size: 4rem;
        line-height: 4rem;
        font-weight: 500;
        color: var(--black-0) !important;
    }

    .KPIReportPageContainer .ReportPageHeaderSectionContainer .ImagePanel img
    {
        width: 100%;
    }

    .KPIReportPageContainer .MultipleFlagsContainer img
    {
        width: 100%;
    }

    .KPIReportPageContainer .DeviceDualPanelContainer .Subcontainer
    {
        margin-bottom: 30px;
    }

    .KPIReportPageContainer .TopStatisticsTriValueContainer .Subcontainer
    {
        margin-bottom: 50px;
    }

    .KPIReportPageContainer .GrowthForecastDualImageTextContainer .LeftImageContainer img
    {
        width: 80%;
    }

    .KPIReportPageContainer .GrowthForecastDualImageTextContainer .RightTextContainer
    {
        text-align: center;
    }

    .KPIReportPageContainer .DownloadReportTriPanelContainer .MiddleValueContainer
    {
        margin: 30px 0;
    }

    .KPIReportPageContainer .DownloadReportTriPanelContainer .LeftImageContainer img
    {
        width: 100%;
    }

    .KPIReportPageContainer .AgenciesListImageContainer img
    {
        width: 80%;
    }

    .KPIReportPageContainer .TriRankingContainer
    {
        flex-wrap: wrap;
    }

    .KPIReportPageContainer .TriRankingContainer .LeftItemPanel
    {
        order: 2;
    }

    .KPIReportPageContainer .TriRankingContainer .MiddleItemPanel
    {
        order: 1;
    }

    .KPIReportPageContainer .TriRankingContainer .RightItemPanel
    {
        order: 3;
    }

    .KPIReportPageContainer .TriStatsFigureContainer
    {
        display: block;
    }

    .KPIReportPageContainer .TriStatsFigureContainer .StatPanelRight
    {
        margin-top: 20px;
    }




    .StatusPageHeaderSectionContainer .AzureLink
    {
        margin-top: 30px;
    }

    .CurrrentStatusUpdateLine
    {
        line-height: 26px;
        text-align: center;
    }

    .StatusBlockContainer .Status
    {
        margin-top: 20px;
    }



    .IRPReportDownloadsMainSectionContainer .LeftContent
    {
        text-align: center;
        padding: 40px 20px 0px 20px;
    }



    .PartnersExpandCollapseContentOverallContainer
    {
        width: 100%;
    }

    .PartnerEarningsPageTotalEarnings
    {
        font-size: 2rem;
        font-weight: 600;
    }

    /*** PAYPAL PAGE ***/
    .PaypalBlueReasonsSectionContainer .Header
    {
        margin-bottom: 20px;
    }

    .PayPalTriblockBlueSectionOverride .HeaderTextPanel img
    {
        margin-bottom: 20px;
    }

    /**IRP v SHOPIFY CASE STUDY PAGE**/
    .IRPvShopifyCaseStudyOverallContainer .IRPvShopifyCaseStudyHeaderContent .LeftPanel
    {
        text-align: center;
    }

    .IRPvShopifyCaseStudyOverallContainer .IRPvShopifyCaseStudyHeaderContent .RightPanel .Logos img
    {
        width: 100%;
    }

    .IRPvShopifyCaseStudyOverallContainer .IRPvShopifyCaseStudyHeaderContent .IRPvShopifyCaseStudyTextBubbleHighlight
    {
        margin: 10px 0;
    }

    .IRPvShopifyCaseStudyOverallContainer .IRPvShopifyDoubleButtonContainer > div
    {
        margin: 30px 0;
    }

    .IRPvShopifyCaseStudyOverallContainer .IRPvShopifyComparisonTable td
    {
        line-height: 30px;
    }

}

@media only screen and (min-width: 1200px)
{
    /* DESKTOP */

    .MobileSiteOnly
    {
        display: none!important;
    }
    .DesktopSiteOnly
    {
        display: block!important;
    }

    main
    {
        max-width: 1440px;
    }

    .containerBackground
    {
        border: 0px;
        padding: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .containerBackground_2
    {
        padding: 50px 50px 0px 50px;
    }

    .containerBackground_3
    {
        padding: 0px 50px 20px 50px;
    }

    .containerBackground_4
    {
        padding: 0px 50px 20px 50px;
    }

    .containerBackground_PaddingRemoved
    {
        padding: 0;
    }

    .containerPanel
    {
        width: 700px;
        margin: 20px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .containerPanel2
    {
        width: 700px;
        margin: 20px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .containerPanel3
    {
        width: 700px;
        margin: 0px 20px 0px 20px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .flexOverride
    {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }

    .flexFixedWidth
    {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 291px;
        flex: 0 0 291px;
    }

    h1
    {
        font-weight: 300;
        font-size: 3.25rem;
        line-height: 3.75rem;
    }

    h2
    {
        font-weight: 300;
        font-size: 2rem;
        line-height: 2rem;
        margin: 0px;
        color: inherit;
    }

    .h2Override
    {
        font-weight: 300;
        font-size: 3.125rem;
        line-height: 3.125rem;
    }

    h3
    {
        font-weight: 400;
        font-size: 1.5rem;
    }

    .h3Override
    {
        font-size: 30px;
    }

    h4
    {
        font-weight: 600;
        font-size: 1.3125rem;
    }

    p
    {
        font-weight: 400;
        font-size: 1.3125rem;
    }

    a.buttonCTA
    {
        padding: 1rem 2rem;
        font-size: 1.3125rem;
    }

    li
    {
        font-weight: 400;
        font-size: 1.3125rem !important;
        line-height: 1.875rem;
    }

    .paragraphOverride
    {
        margin-bottom: 30px;
    }

    .storyDisplay
    {
        position: relative;
        top: -100px;
        margin-bottom: -70px;
    }

    .articleSpacing
    {
        margin: 20px 0px 60px 0px;
    }

    .articleContainerOveride
    {
        margin-top: 30px;
    }

    .ArticleSimilarArticlesScroller .SimilarArticlesWrapper
    {
        flex-wrap: nowrap;
    }

    .HomeHeader
    {
        margin: 50px 0 20px 0;
    }

    .ContactUsHeaderWidthOverride
    {
        margin: 0 20px;
    }

    .ContactUsPeopleOfInterest
    {
        justify-content: space-evenly;
    }

    .ContactUsPeopleOfInterest .LeftSideContainer
    {
        margin-right: 20px;
    }

    .RevenueModelContainer .FormulaInput
    {
        width: 133px;
    }

    .AgencySupportManagerContainer
    {
        width: 660px;
        height: 94px;

        display: flex;
        flex-direction: unset;
    }

    .NAETopArticleContainerPanel
    {
        display: flex;
        margin-bottom: 30px;
    }

    .NAEFeaturedArticleContainer
    {
        display: flex;
    }

    .NAEFeaturedArticleContainer .image
    {
        width: 50%;
    }

    /*Scroller*/

    .buttonPadding
    {
        padding: 40px 0px 0px 0px;
        position: absolute;
    }

    .homePage
    {
        margin: 0;
        padding: 0px 0px 0px 0px;
    }

    .homePageQuote
    {
        font-weight: 600;
        color: var(--black-0);
        font-size: 4.5rem;
        -webkit-font-kerning: none;
        font-kerning: none;
        letter-spacing: -1px;
        line-height: 4.5rem;
    }

    .backgroundVideo
    {
        max-width: 1440px;
        height: 500px;
        position: relative;
        background-color: #000;
    }

    .videoBlock
    {
        width: 70%;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .videoMessage
    {
        width: 100%;
        height: auto;
        padding: 70px;
        z-index: 2;
    }

    Video
    {
        position: absolute;
        width: 100%;
        height: 500px;
        min-width: 100%;
        min-height: auto;
        z-index: 0;
        -o-object-position: center;
        object-position: center;
        -o-object-fit: cover;
        object-fit: cover;
    }

    /**** N&E Portal ****/
    .NAEArticleTopSectionContainer
    {
        display: flex;
        background-color: var(--black-100);
        line-height: 1.5;
    }
    .NAEArticleTopSectionContainer .MainDetailsContainer
    {
        width: 50%;
        padding: 20px;
        padding-right: 10%;
    }
    .NAEArticleTopSectionContainer .DisplayImageContainer
    {
        width: 50%;
        padding: 20px;
    }

    .NAEArticleTopSectionContainer .MainDetailsContainer .NAEArticleSocialMediaButtonContainer
    {
        display: flex!important;
        align-items: center;
    }

    .NAEArticleMainContentContainer
    {
        padding: 40px 200px;
    }

    /**** Strategy CentrePortal ****/
    .StrategyCentreTopArticleContainerPanel
    {
        display: flex;
        margin-bottom: 30px;
    }

    .StrategyCentreFeaturedArticleContainer
    {
        display: flex;
    }

    .StrategyCentreFeaturedArticleContainer .image
    {
        max-width: 50%;
    }

    .StrategyCentreArticleTopSectionContainer
    {
        display: flex;
        background-color: var(--black-100);
        line-height: 1.5;
    }
    .StrategyCentreArticleTopSectionContainer .MainDetailsContainer
    {
        width: 50%;
        padding: 20px;
        padding-right: 10%;
    }
    .StrategyCentreArticleTopSectionContainer .DisplayImageContainer
    {
        width: 50%;
        padding: 20px;
    }

    .StrategyCentreArticleTopSectionContainer .MainDetailsContainer .StrategyCentreArticleSocialMediaButtonContainer
    {
        display: flex!important;
        align-items: center;
    }

    .StrategyCentreArticleMainContentContainer
    {
        padding: 40px 200px;
    }

    .StrategyCentreExtraContentHeaderContainer .StrategyCentreExtraContentHeader
    {
        width: 350px;
    }

    /*Search Results*/
    h1.fontsmaller
    {
        font-size: 3.25rem;
        line-height: 3.75rem;
    }

    .SearchResultsPageHeaderContainer .DesktopSearchOnly
    {
        display: inline;
    }

    .SearchResultsBodyContainer .DesktopSearchOnly
    {
        display: block!important;
    }

    /*Knowledge Base*/
    .KBRelativeHeaderSection
    {
        padding: 0 30px 30px 30px!important;
    }
    .containerPanelRight
    {
        width: 700px;
        margin: 20px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .flexFixedWidthRight
    {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 291px!important;
        flex: 0 0 291px!important;
    }
    .KBArticleVideoContainer .Video
    {
        margin-bottom: 10px;
        position: unset;
        padding-bottom: 0;
        height: auto;
    }
    .KBArticleVideoContainer .Video iframe
    {
        position: unset;
        top: auto;
        left: auto;
        width: 600px;
        height: 300px;
    }
    .KBVideosGridContainer
    {
        -webkit-box-orient: unset;
        -webkit-box-direction: normal;
        -ms-flex-direction: unset;
        flex-direction: unset;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .KBVideosGridContainer .TrainingVideosVideoContainer
    {
        width: 45%;
        padding: 10px;
    }
    .KBVideosGridContainer .TrainingVideosVideoContainer .Caption
    {
        margin-top: 5px;
        min-height: 80px;
    }

    .flexLikeKnowledgeBase
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        justify-items: center;
    }    
    
    /*Training Sessions*/
    .IRPWorldTrainingSessionsIndividualContainer
    {
        display: flex;
    }
            
    .IRPWorldTrainingSessionsName
    {
        width: 45%;
    }

    .IRPWorldTrainingSessionsDetailsContainer
    {
        width: 55%;
    }

    .TrainingEnrollLikeContainer
    {
        display: block;
    }

    .TrainingEnrollTopMainDetailsContainer
    {
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: space-between;
    }

    .TrainingEnrollTopMainDetailsContainer .DetailBlock
    {
        width: 46%;
        height: 300px;
    }

    /* IRP WORLD LOGIN */
    .IRPWorldLoginMainContentContainer
    {
        display: flex;
        margin: 50px;
        min-height: 700px;
    }

    .IRPWorldLoginMainContentContainer .LoginInfoContainer
    {
        width: 50%;
    }

    .IRPWorldLoginMainContentContainer .LoginBoxContainer
    {
        width: 50%;
        margin-top: 0;
    }

    .IRPWorldLoginMainContentContainer .LoginBox
    {
        width: 80%;
    }

    .IRPWorldLoginMainContentContainer .LoginBox .StayLoggedInContainer
    {
        display: flex;
    }
    .IRPWorldLoginMainContentContainer .LoginBox .StayLoggedInContainer .StaySignedIn
    {
        width: 50%;
    }
    .IRPWorldLoginMainContentContainer .LoginBox .StayLoggedInContainer .ForgotPassword
    {
        width: 50%;
        margin-top: 0;
    }

    .IRPWorldLoginMainContentContainer .SignupBox
    {
        width: 80%;
        display: flex;
    }
    .IRPWorldLoginMainContentContainer .SignupBox .InfoContainer
    {
        width: 50%;
    }
    .IRPWorldLoginMainContentContainer .SignupBox .ButtonContainer
    {
        width: 50%;
        margin-top: 0;
    }

    .IRPWorldLoginMainContentContainer .TermsLinksContainer
    {
        width: 80%;
    }

    /*MY PROFILE*/
    .IRPWorldProfileMainTopSectionContainer
    {
        display: flex;
    }
    .IRPWorldProfileMainTopSectionContainer .StatsDetailsSection
    {
        display: block;
    }
    .IRPWorldProfileMainTopSectionContainer .CompanyProfilePageHeaderPanelTwoColumnContainer
    {
        display: flex;
    }

    /*IRP WORLD HOMEPAGE*/
    .IRPWorldHomeFloatedLinkPost .storyDisplay
    {
        top: -70px;
    }
    .IRPWorldHomePageMainHeaderSection
    {
        padding: 0 30px 30px 30px!important;
    }
    .IRPWorldHomePageIndividualServiceProviderContainer .LogoContainer
    {
        width: 250px;
        height: 250px;
    }

    /* IRP ROAD MAP */
    .IRPWorldFeatureSuggestionsRefinePanel
    {
        display: block;
    }
    .IRPWorldRoadMapMakeSuggestionContainer .DetailsEntryContainer .SelectionEntry
    {
        width: auto;
    }
    
    .StrategyCenterleftNavContainer, .IRPWorldleftNavContainer
    {
        max-width: 500px;
    }

    /*COMPANY/PERSON PROFILE EDIT/CREATE*/
    .IRPWorldCreateAccountMargin
    {
        margin: 0 200px;
    }

    .IRPWorldCreateEditAccountOverallContainer .LabelCell
    {
        width: 250px;
    }

    .IRPWorldCreateEditAccountOverallContainer .StandardTextEntry
    {
        width: 900px;
    }

    .IRPWorldCreateEditAccountOverallContainer .SplitNameTextEntry
    {
        width: 440px;
    }

    .IRPWorldCreateEditAccountOverallContainer .StandardDropdownSelection
    {
        width: 910px;
    }

    .IRPWorldCreateEditAccountOverallContainer .CreateAccountProfileImageUploadContainer
    {
        display: flex;
        align-items: center;
    }
    .IRPWorldCreateEditAccountOverallContainer .CreateAccountProfileImageUploadContainer .ImageSelectorControl
    {
        margin-left: 10px;
        min-width: 400px;
    }

    .IRPWorldCreateEditAccountOverallContainer .FileSelectorControl
    {
        width: 900px;
    }
            
    .IRPWorldCreateEditAccountOverallContainer .BelowEntrySubInformation
    {
        width: 900px;
    }
            
    .IRPWorldCreateEditAccountOverallContainer .IRPWorldCreateEditPhoneVisibilitySettings
    {
        display: flex;
    }

    /*************************************************************************************/
    /******************************* IRP WORLD HOMEPAGE **********************************/
    /*************************************************************************************/

    .HomePageForecastsSubSectionContainer
    {
        display: flex;
        font-size: 18px;
        margin: 0;
        justify-content: space-evenly;
        padding: 0;
    }

    .HomePageForecastsSubSectionContainer .valueSubSectionContainer
    {
        display: flex;
        align-items: center;
    }

    .HomePageForecastsSubSectionContainer .MonthGrowth
    {
        margin-bottom: 0px !important;
    }

    /*Ranking Info Tri Blocks*/
    .AgencyOwnerHomepageViewContainer .TriBlockBreakdownContainer
    {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .AgencyOwnerHomepageViewContainer .TriBlockBreakdownContainer > div
    {
        margin-top: 0;
    }

    /*Key Sales Figures*/
    .AgencyOwnerHomepageViewContainer .KeySalesFiguresSingleBlock
    {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        text-align: left;
    }
    .AgencyOwnerHomepageViewContainer .KeySalesFiguresSingleBlock > div
    {
        margin-top: 0;
    }

    /*Button Panel*/
    .AgencyOwnerHomepageViewContainer .CTAButtonsContainer
    {
        display: flex; 
        align-items: center; 
        justify-content: space-evenly;
    }
    .AgencyOwnerHomepageViewContainer .CTAButtonsContainer > div
    {
        padding: 0;
    }

    .ServiceProviderPersonaHPContainer .IRPWorldStatEfficiencyRating
    {
        visibility: visible;
    }

    /*Key Sales Figures*/
    .ServiceProviderPersonaHPContainer .KeySalesFiguresSingleBlock
    {
        display: flex;
    }

    .EcommerceManagerPersonaHPContainer .PersonalDetailsBreakdownContainer .FlexContainer
    {
        display: flex;
    }
    .EcommerceManagerPersonaHPContainer .PersonalDetailsBreakdownContainer .FlexContainer > div
    {
        margin-top: 0;
    }

    /*Key Sales Figures*/
    .EcommerceManagerPersonaHPContainer .KeySalesFiguresSingleBlock
    {
        display: flex;
    }

    .AccountManagerPersonHPContainer .Ranks
    {
        visibility: visible;
    }

    /***** Key Sales Figures Single Block *****/
    .AccountManagerPersonHPContainer .KeySalesFiguresSingleBlock
    {
        display: flex;
    }

    /***** Key Figures Double Panel *****/
    .AccountManagerPersonHPContainer .AMPersonaKeyFiguresBreakdownContainer
    {
        display: flex;
    }
    .AccountManagerPersonHPContainer .AMPersonaKeyFiguresBreakdownContainer > div
    {
        margin-top: 0;
    }

    .AccountManagerPersonHPContainer .IRPWorldDefaultGridViewTopSummary
    {
        display: flex;
    }
    /********************************************************************/
    /************ 2022 MARKETING END CONTENT REFRESH ********************/
    /********************************************************************/

    .DesktopOnlyContent
    {
        display: block!important;
    }

    .HomePageHeaderBlockBackgroundContainer
    {
        background-image: url('');
        min-height: 500px;
    }
    .HomePageHeaderBlockBackgroundContainer video
    {
        display: block;
    }

    .CommerceCloudHeaderBlockBackgroundContainer
    {
        height: 500px;
    }
    .ReplatformHeaderBlockBackgroundContainer
    {
        height: 500px;
    }
    .AgenciesHeaderBlockBackgroundContainer
    {
        height: 500px;
    }
    .CaseStudiesHeaderBlockBackgroundContainer
    {
        height: 500px;
    }
    .TradingTerminalHeaderBlockBackgroundContainer
    {
        height: 500px;
    }

    .SectionContainerHeaderContent .Title .ContainedContent
    {
        display: inline-block; width: 50%;
    }
    .SectionContainerHeaderContent .Synopsis .ContainedContent
    {
        display: inline-block; width: 30%;
    }
    .SectionContainerHeaderContent .Title .ContainedContentLonger
    {
        display: inline-block; width: 60%;
    }
    .SectionContainerHeaderContent .Synopsis .ContainedContentLonger
    {
        display: inline-block; width: 40%;
    }
    .SectionContainerHeaderContent .Synopsis .ContainedContentHomepageBanner
    {
        display: inline-block; 
        width: 45%;
        font-weight: 400;
        font-size: 1.75rem;
        font-family: 'Lato';
        line-height: 2rem;
    }

    .SectionContainerTextImageContent .TextContentContainer .Synopsis .ContainedContent
    {
        display: inline-block; 
        width: 60%;
    }
    .SectionContainerTextImageContent .TextContentContainer .Synopsis .ContainedContentLonger
    {
        display: inline-block; 
        width: 75%;
    }
    .SectionContainerTextImageContent .TextContentContainer .FlexSynopsis
    {
        display: flex;
        justify-content: space-between;
    }
    .SectionContainerTextImageContent .TextContentContainer .FlexSynopsis > div
    {
        width: 33%;
        padding-right: 20px;
    }
    .SectionContainerTextImageContent.NonDesktopReverseOrder
    {
        flex-direction: unset;
    }
    .SectionContainerTextImageContent .TextContentContainer .FlexSynopsis .SubHeader
    {
        margin-bottom: 20px;
        font-size: 3rem;
    }

    .HeaderOneRefurb .ContainedContent
    {
        display: inline-block; 
        width: 50%;
    }

    .SectionContainerSubContentGridLayout
    {
        display: grid;
    }

    .SectionContainerCaseStudyLinksContent
    {
        display: flex;
        justify-content: space-between;
    }

    .HomepageLatestNewsContainer
    {
        display: flex!important;
        justify-content: space-between!important;
    }
    .HomepageLatestNewsSubContainerWidth
    {
        width: 25%;
    }
    .HomepageLatestNewsContainer .slick-track
    {
        width: auto!important;
    }
    .HomepageLatestNewsContainer .slick-list
    {
        width: 100%;
    }

    .SectionContainerTriBlockContent .Header
    {
        width: 40%;
    }
    .SectionContainerTriBlockContent .LongerHeader
    {
        width: 70%;
    }
    .SectionContainerTriBlockContent .TriBlock .Logo img
    {
        width: auto;
    }


    .SectionContainerTextImageContent
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .SectionContainerTextImageContent .TextContentContainer
    {
        flex: 1 0 50%;
    }                
    .SectionContainerTextImageContent .ImageContentContainer
    {
        flex: 1 0 50%;
    }
    .SectionContainerTextImageContent .ImageContentContainer img
    {
        width: auto;
    }

                    
    .SectionContainerCenteredContent .Synopsis .ContainedContent
    {
        display: inline-block; 
        width: 50%;
    }
    .SectionContainerCenteredContent .Image img
    {
        max-width: 450px;
    }


    /*** COMPANY LOGOS SCROLLER ***/
    .HomepageCustomerCompanyLogosScroller div
    {
        margin-right: 50px;
    }

    .AppsTPsViewSectionOverallContainer
    {
        display: flex;
    }
    .AppsTPsViewSectionOverallContainer .LogoContainer
    {
        margin-right: 100px;
    }

    .AppsOverallContainer
    {
        display: grid;
        grid-gap: 1px;
        grid-template-columns: repeat(3, 1fr);
    }

    .SectionContainerWhitePaperHeaderBlock
    {
        width: 60%;
    }

    .SectionCaseStudiesLandingPageCaseStudiesContent .CaseStudiesGridContainer
    {
        display: grid;
        grid-gap: 30px;
        row-gap: 50px;
        grid-template-columns: repeat(3, 1fr);
    }

    .CRCCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-dk-hd-CReaction.jpg);
    }                
    .ChristiesCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-dk-hd-CDirect.jpg);
    }
    .CampingWorldCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-dk-hd-CWorld.jpg);
    }
    .JonzaraCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-dk-hd-jonzara.jpg);
    }
    .KWMWinesCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-dk-hd-kwm.jpg);
    }
    .AnnsCottageCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-dk-hd-anns.jpg);
        background-size: 100% 100%;
    }
    .ElecWorldShopifyCaseStudyHeaderBlockBackgroundContainer
    {
    }
    .FishingTackleBaitCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url('https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-dk-hd-ftb.jpg');
    }
    .OldMillSaddleryCaseStudyHeaderBlockBackgroundContainer
    {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-dk-hd-oms.jpg);
    }

 .TinneyToysCaseStudyHeaderBlockBackgroundContainer {
        background-image: url(https://www.irpcommerce.com/interface/adminuploads/marketingendimages/2022redesign/img-CC-sub-dk-hd-tin.jpg);
    }

    .youtube-embed-wrapper-overallcontainer
    {
        width: 60%;
    }
    .CaseStudySectionContentContainer
    {
        flex-direction: unset;
    }
    .CaseStudySectionContentContainer .LeftFiguresContainer
    {
        width: 25%;
        min-width: 25%;
        max-width: 25%;
        margin-top: 0;
        margin-right: 50px;
    }
    .CaseStudySectionContentContainer .RightInformationContainer .TriFlexFigures
    {
        display: grid;
        grid-gap: 20px;
        grid-template-columns: repeat(3, 1fr);
    }
    .CaseStudySectionContentContainer .RightInformationContainer .TriFlexFigures .Figure
    {
        margin-bottom: 10px;
    }
    .CaseStudySectionContentContainer .RightInformationContainer .TriFlexFigures > div
    {
        margin: 0;
    }
    .CaseStudySectionContentContainer .ContentImage
    {
        width: auto;
    }

    .MarginRestrictedContentContainer.ReverseContentOrder
    {
        /*display: -webkit-box;*/
        display: flex!important;
        flex-direction: unset!important;
    }

    .SectionContainerCenteredContent .ContactUsDoubleCentredBoxes
    {
        display: flex;
        align-content: center;
        justify-content: center;
    }

    .SectionContainerCenteredContent .ContactUsDoubleCentredBoxes .ContactUsContactSubBox .Buttons
    {
        margin-top: 20px;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .SectionContainerCenteredContent .ContactUsDoubleCentredBoxes .ContactUsContactSubBox .Buttons div
    {
        min-width: 40%;
        margin: 20px 0;
    }

    .SectionContainerTextImageContent .TextContentContainer .ContactUsCallUs
    {
        display: flex;
        align-items: center;
    }

    .ContactUsLocationContentContainer .LocationContentFlexContainer
    {
        display: flex;
        justify-content: space-between;
    }
    .ContactUsLocationContentContainer .LocationContentFlexContainer .MapContent
    {
        margin-top: 0px;
    }
                
    .ContactUsAwardsContentContainer .AwardsContentContainer
    {
        display: flex;
        align-items: center;
    }
    .ContactUsAwardsContentContainer .AwardsContentContainer .ImageContent
    {
        margin-top: 0px;
    }

    .SectionContainerTextImageContent .TextContentContainer .ContactUsFormContainer
    {
        margin-bottom: 0px;
    }

.ReferralsHeaderBlockBackgroundContainer
{
        height: 500px;
}
.ReferralsHeaderBlockBackgroundContainer .Logo
{
        margin-top: 30px;
}

    .ReferralsTriBlockContainer
    {
        display: flex;
        align-content: center;
        justify-content: center;
    }
    .ReferralsTriBlockContainer .ReferralsTriBlockContainerSubContainer
    {
        margin: 0 30px;
    }
            
    .ReferralSizingOverwrite
    {
        width: 500px;
    }

    .ReferralsLegalTermsOverallContainer
    {
        width: 800px;
    }

.ReferralsSubmitControlsWidthOverwrite
{
width: 70%!important;
}

    .ReferralEntryContainerDiv
    {
        display: flex;
    }
    .ReferralEntryAreaLabelDiv
    {
        width: 190px;
    }

.AccountingForEcommerceHeaderBlockBackgroundContainer
    {
        height: 500px;
    }

    .SectionContainerCenteredLeftAlignedContent
    {
        width: 55%;
    }

    .SectionContainerCenteredLeftAlignedContent .FlexLinksContainer
    {
        display: flex; 
        align-items: center; 
        justify-content: space-around;
    }
    .SectionContainerCenteredLeftAlignedContent .FlexLinksContainer div
    {
        margin: 0;
    }

    .SectionContainerCenteredLeftAlignedContent .tableContentContainer  .AccountingForEcommerceDataContentTable.RetailAccountingTable
    {
        width: 500px;
    }
    .SectionContainerCenteredLeftAlignedContent .tableContentContainer  .AccountingForEcommerceDataContentTable.RetailAccountingTable td
    {
        width: 50%;
    }

    .PersonaHomepageNonTabbedGridSectionContentOverallContainer
    {
        margin-top: 50px;
    }

    .EcommerceManagerPersonaHPContainer .PersonalDetailsBreakdownContainer .FlexContainer .SubHeaderBoxValue
    {
        display: block;
    }

    .AgencyOwnerHomepageViewContainer .KeySalesFiguresSingleBlock > div
    {
        justify-content: start;
    }

    .AppSpecificHeaderContentContainer
    {
        display: flex; 
        align-items: center;
        justify-content: space-between;
    }
    .AppSpecificHeaderContentContainer .GetAppCTA
    {
        margin-top: 0;
        margin-left: 10;
    }

    .AppsSpecificMainContentContainer
    {
        display: flex;
    }
    .AppsSpecificMainContentContainer .LeftPanel
    {
        width: 70%;
        padding-right: 30px;
    }
    .AppsSpecificMainContentContainer .RightPanel
    {
        width: 30%;
        margin-top: 0;
    }

    .SectionContainerFlexImagesContent > div img
    {
        height: 60px;
    }

    /*** PARTNERS PAGE ***/
    .IRPAgencyPartnersMainHeaderContainer
    {
        display: flex;
        justify-content: space-between;
    }

    .IRPAgencyPartnersMainHeaderContainer .RightImageContainer
    {
        align-self: self-end;
    }

    .IRPAgencyPartnersMainHeaderContainer .MerchantsProductsHeaderLeftContent
    {
        flex: 1 0 50%;
    }
    .IRPAgencyPartnersMainHeaderContainer .RightImageContainerCentreMiddle
    {
        align-self: center;
    }

    .AgencyTickingRevenueValueContainer
    {
    }

    .AgencyTickingRevenueValueContainer .ValueSubContainer
    {
        /*text-align: left;*/
        text-align: center;
    }

    .AgencyTickingRevenueValueContainer .ValueSubContainer .Header
    {
        margin-top: 0;
    }

    .AgencyTickingRevenueValueContainer .ValueSubContainer .Value
    {
        margin-bottom: 0;
        font-size: 65px;
    }

    .SectionContainerSubContentGridLayout .AgencyKeyDashedSalesBox
    {
        margin: 0;
    }

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

    .AgencyPageEmailCaptureOverallContainer .Left
    {
        margin-right: 20px;
        margin-bottom: 0;
    }

    .AgencyPageEmailCaptureOverallContainer .EmailAddressEntrybar input
    {
        width: 500px;
    }

    /* Top Merchant Profits Ticker */
    .AgencyPageHeaderMerchantProfitsTickerContainer
    {
        display: flex;
        align-items: center;
        text-align: left;
    }

    .PartnerPageCTAButtonDivOverride
    {
        display: inline-flex;
        min-width: 410px;
    }

    .MerchantsProductsPageDashBoxContent
    {
        width: 400px;
    }

    .PartnerEnquiryFormContainedContent
    {
        width: 70%;
        display: inline-block;
    }

    .MerchantsPageEmailCaptureIframeContainer
    {
        height: 750px;
    }

    .IRPWorldProfileMainTopSectionContainer .ActivityBreakdownValuesContainer
    {
        display: flex;
    }

    .IRPWorldProfileMainTopSectionContainer .ActivityBreakdownValuesContainer > div
    {
        margin-top: 0;
    }

    .AppsTPsLinkSectionContainer
    {
        display: flex;
        align-items: center;
        justify-content: end;
    }
    .AppsTPsLinkSectionContainer.Modules
    {
        margin: 0 0 20px 0;
    }
    .AppsTPsLinkSectionContainer.Modules .ExtraLinkContainer
    {
        margin: 0 0 0 30px;
    }

    /* MODULES FRONT END */
    .ModulesListProductBreakdownHeaderContainer .LogoDiv img
    {
        width: auto;
    }

    .ModulesListOverallContainer
    {
        margin-top: 20px;
        display: grid;
        grid-gap: 1px;
        grid-template-columns: repeat(3, 1fr);
    }
    .ModulesListOverallContainer .ModulesListSubContainer
    {
        margin-top: 0;
    }

    .ModulesListOverallContainer .PricingDetailsContainer
    {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }

    .ModuleDetailsPageOverallContainer .InformationDetailsContentContainer
    {
        display: flex;
    }

    .ModuleDetailsPageOverallContainer .InformationDetailsContentContainer .ConstantLeftInformatonPanel
    {
        margin-right: 50px;
        min-width: 20%;
        max-width: 25%;
    }

    .ModuleDetailsPageOverallContainer .InformationDetailsContentContainer .TabbedRightInformationPanel
    {
        width: 100%;
    }
        
    .ModuleDetailsPageOverallContainer .InformationDetailsContentContainer .TabbedRightInformationPanel .KeyFeaturesBenefitsSummaryPanel
    {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    

    .ModuleDetailsPageOverallContainer .ModuleHeader
    {
        margin: 0px 10px 20px 10px;
        display: flex!important;
        align-items: center!important; 
        justify-content: space-between!important;
        flex-flow: unset;
    }

    .ModuleDetailsPageOverallContainer .TabsContainer.ModulesTabs, .TabbedRightInformationPanel .tabs.ModulesTabs
    {
        margin-top: 0!important;
        margin-bottom: 20px!important;
    }

    .ModuleDetailsPageOverallContainer .InformationDetailsContentContainer .ConstantLeftInformatonPanel .SubHeader.AboutModuleHeader
    {
        margin-top: 60px;
    }

    .ModuleDetailsPageOverallContainer .ConstantLeftInformatonPanel .SubHighlightContainer.ProductImage
    {
        margin-top: 40px;
    }
    .ModuleDetailsPageOverallContainer .ConstantLeftInformatonPanel .SubHighlightContainer.ProductImage img
    {
        max-width: 200px;
    }

    .MarginRestrictedContentContainer.ModulesMarginRestrictedContent
    {
        padding: 20px 20px;
    }

    .ModuleDetailsPageOverallContainer .RightPanelExtraLinksContainer
    {
        margin-top: 0px;
        margin-left: 30px;
        min-width: 15%;
        max-width: 20%;
    }

    .SectionContainerProductsAndModules .Header
    {
        width: 40%;
    }
    .SectionContainerProductsAndModules .LongerHeader
    {
        width: 70%;
    }
    .SectionContainerProductsAndModules .TriBoxContainer
    {
        display: flex;
        justify-content: space-evenly;
    }
    .SectionContainerProductsAndModules .TriBoxContainer .SubBoxContainer
    {
        width: 30%;
        margin: 0;
    }
    .SectionContainerProductsAndModules .TriBoxContainer .SubBoxContainer .BoxHeader img
    {
        max-height: 55px;
    }

    /******* ECOMMERCE MARKET DATA PAGE *******/
    .EcommerceMarketDataPage .MarketDataOverallPageHeaderContainer .SubContainer
    {
        display: flex;
    }

    .EcommerceMarketDataPage .ForecastsSubSectionContainer
    {            
        display: flex;
        font-size: 26px;
        margin: 0 0 20px 0;
        justify-content: space-evenly;
    }
    .EcommerceMarketDataPage .ForecastsSubSectionContainer .valueSubSectionContainer
    {
        display: flex;
        align-items: center;
    }
    .EcommerceMarketDataPage .ForecastsSubSectionContainer .MonthGrowth
    {
        margin-bottom: 0px!important;
    }
    .EcommerceMarketDataPage .ForecastsSubSectionContainer .TwentyFourHourYearGrowth
    {
        margin-bottom: 0px!important;
    }

    .EcommerceMarketDataPage .HideGridColumn
    {
        display: block;
    }

    .EcommerceMarketDataPage .MarketDataPageTabsAndTimeFrameContainer
    {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .EcommerceMarketDataPage .MarketDataPageTabsAndTimeFrameContainer .TabsContainer
    {
        margin-bottom: 0;
    }

    .EcommerceMarketDataPage .MarketDataPageTabsAndTimeFrameContainer .TimeFrameContainer
    {
        justify-content: flex-end;
    }
    .EcommerceMarketDataPage .MarketDataPageTabsAndTimeFrameContainer .TimeFrameContainer .TimeFrameLabel
    {
        display: initial;
    }

    .EcommerceMarketDataPage .MarketRefineSelectionContainerDiv
    {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
    }

    .EcommerceMarketDataPage .TrafficSourceDataSummaryOverallContainer
    {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }
    .EcommerceMarketDataPage .TrafficSourceDataSummaryOverallContainer .TrafficSourceSummaryValues
    {
        width: 600px;
    }

    .EcommerceMarketDataPage .MarketDataChartsOverallContainer
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .EcommerceMarketDataPage .MarketDataChartsOverallContainer .MarketDataIndividualChartContainer
    {
        width: 47%;
    }
    .EcommerceMarketDataPage .MarketDataChartsOverallContainer .MarketDataIndividualChartContainer .MarketDataChart
    {
        width: 100%!important;
    }

    .EcommerceMarketDataPage .RisersAndFallersOverallContainer
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .EcommerceMarketDataPage .RisersAndFallersOverallContainer .RisersAndFallersIndividualContainer
    {
        width: 47%;
    }
    
    .EcommerceMarketDataPage .RisersAndFallersOverallContainer .StatTableScroller
    {
        overflow: auto;
        max-height: 333px;
    }

    .EcommerceMarketDataPage .MarketDataPageDefinitions p
    {
        font-size: 16px;
    }

    /******* CHANNEL PERFORMANCE DATA PAGE *******/
    .ChannelPerformancePage .TrafficSourceDataSummaryOverallContainer
    {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        margin-top: 0;
        margin-bottom: 20px;
        text-align: left;
    }
    .ChannelPerformancePage .TrafficSourceDataSummaryOverallContainer .SummaryHeader
    {
        margin-top: 0;
    }

    .ChannelPerformancePage .TrafficSourceSDKeyValuesContainer
    {
        display: flex;
        justify-content: space-around;
        margin-top: 0;
        margin-bottom: 20px;
        text-align: left;
    }
    .ChannelPerformancePage .TrafficSourceSDKeyValuesSubContainer
    {                
        margin-top: 0;
    }
    .ChannelPerformancePage .TrafficSourceSDKeyValuesSubContainer > div
    {
    }

    .ChannelPerformancePage .MarketDataOverallPageHeaderContainer .SubContainer
    {
        display: flex;
    }

    /*** Company Page - Charts Container ***/
    .ChannelPerformancePage .CompanyProfilePageChartOverallContainer
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .ChannelPerformancePage .CompanyProfilePageChartOverallContainer > div
    {
        width: 48%;
        margin: 5px;
    }

    .ChannelListMenuHoverOverallContainerWrapper
    {
        margin-left: 30px;
        margin-top: 0;
    }
    .ChannelListMenuHoverOverallContainerWrapper .ChannelListMenuHoverOverallContainer
    {
        width: auto;
    }
    
    .MarketChannelDataMenuButtonStyle
    {
        width: auto;
    }

    .NAETopArticleContainerPanel .NAENewestArticleContainer img
    {
        min-width: 525px;
        max-width: 550px;
    }

    .StrategyCentreTopArticleContainerPanel .StrategyCentreNewestArticleContainer img
    {
        min-width: 525px;
        max-width: 550px;
    }

    .AsynchLoadingContainer
    {
        width: 500px;
        font-size: 36px!important;
        margin: 30px 0 0 0;
    }
    .AsynchLoadingContainer img
    {
        width: 140px!important;
        height: 140px!important;
    }

    .SectionContainerTextImageContent .TextContentContainer .Header.HeaderWidthAdjustment
    {
        width: 90%;
    }

    /***  Channel Performance Data Page ***/
    .IRPWorldChannelPerformance #LiNotParticipating
    {
        float: right;
    }
    .IRPWorldChannelPerformance .CompanyProfilePageChartOverallContainer
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .IRPWorldChannelPerformance .CompanyProfilePageChartOverallContainer > div
    {
        width: 48%;
        margin: 5px;
    }
    .IRPWorldChannelPerformance .IRPWorldDefaultGridViewTopSummary
    {
        display: flex;
    }

    .IRPWorldProfileSimplifiedCalculatorOverallContainer
    {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    /*** Company Page - Charts Container ***/
    .CompanyProfilePageChartOverallContainer
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .CompanyProfilePageChartOverallContainer > div
    {
        width: 48%;
        margin: 5px;
    }

    .CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackTopSubContainer
    {
        display: flex;
        justify-content: space-between;
        padding-bottom: 0;
    }

    .CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackMiddleSubContainer
    {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackMiddleSubContainer .NavyHighlightedStatsSubBar > div
    {
        margin: 0 15px;
        margin-top: 0 !important;
    }

    .CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackMiddleSubContainer .GreyedOutStatsSubBar .FlexContainer > div
    {
        margin: 0 15px;
        margin-top: 0 !important;
    }

    .CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackBottomSubContainer
    {
        display: flex;
    }

    .CompanyProfilePageMainTopAreaStackedPanelsSubContainer .StackBottomSubContainer > div
    {
        margin: 0;
    }

    .IRPWorldProfileSimplifiedCalculatorOverallContainer .IRPWorldProfileSimplifiedCalculatorContainer
    {
        display: flex;
    }

    .CompanyPageMerchantSalesTrafficSourceHeaderPanel .SourceContainer
    {
        min-width: 170px;
    }

    .CompanyPageMerchantSalesTrafficSourceHeaderPanel .SPContainer
    {
        min-width: 50px;
    }

    .CompanyPageMerchantSalesTrafficSourceHeaderPanel .SalesContainer
    {
        min-width: 100px;
    }

    .CompanyPageMerchantSalesTrafficSourceHeaderPanel .CostContainer
    {
        min-width: 100px;
    }

    .CompanyPageMerchantSalesTrafficSourceHeaderPanel .CPAContainer
    {
        min-width: 60px;
    }

    .CompanyPageMerchantSalesTrafficSourceHeaderPanel .PercentageSalesContainer
    {
        min-width: 80px;
    }

    .CompanyPageMerchantSalesTrafficSourceHeaderPanel .GrowthContainer
    {
        min-width: 80px;
    }

    .CompanyPageMerchantSalesTrafficSourceHeaderPanel .PercentileContainer
    {
        padding: 0px 5px;
        min-width: 80px;
        background-color: var(--black-300);
        border-radius: var(--curvature-sml);
    }

    .UtilityBarCompanyCoreValuesSummary
    {
        margin-top: 0;
    }

    .LoginCredentialsRecoveryAreaContainer
    {
        display: flex;
    }

    .LoginCredentialsRecoveryEntry
    {
        width: 600px;
        margin-top: 0;
    }

    .LoginCredentialsRecoveryLabel
    {
        margin-top: 0;
    }

    .TechnicalPartnersOverallContainer
    {
        display: grid;
        grid-gap: 1px;
        grid-template-columns: repeat(3, 1fr);
    }
    
    .IRPAgencyPartnersMainHeaderContainer .PartnersPageTopTextInfo .ContainedContentLonger
    {
        width: 60%;
        text-align: left;
    }

    .PartnersPageModulesImagesContainer
    {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }

    .PartnersPageModulesImagesContainer img
    {
        height: 75px;
    }

    .SectionContainerCenteredContent .ProductsPageModulesAppsLinksList 
    {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .SectionContainerCenteredContent .ProductsPageModulesAppsLinksList>div 
    {
        margin: 0 20px;
    }

    .SectionContainerFlexImagesContent.ProductsPageLogosList>div img 
    {
        height: 75px;
    }

    .MarginRestrictedContentContainer h2
    {
        font-size: 3.75rem !important;
    }

    .MarginRestrictedContentContainer .Synopsis
    {
        font-size: 1.35rem !important;
        line-height: 2rem !important;
    }

    /** KPI REPORT PAGE **/

    .KPIReportPageContainer .ReportPageHeaderSectionContainer
    {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .KPIReportPageContainer .ReportPageHeaderSectionContainer .TextPanel .SubHeader
    {
        font-size: 3.5rem;
        font-weight: 500;
        color: var(--black-0) !important;
    }

    .KPIReportPageContainer .ReportPageHeaderSectionContainer .TextPanel .Header h1
    {
        font-size: 5.5rem;
        font-weight: 500;
        color: var(--black-0) !important;
    }

    .KPIReportPageContainer .ReportPageHeaderSectionContainer .TextPanel .Header
    {
        margin-top: 20px;
    }

    .KPIReportPageContainer .ReportPageHeaderSectionContainer .ImagePanel img
    {
        width: 500px;
    }

    .KPIReportPageContainer .TriStatsFigureContainer
    {
        display: flex;
    }

    .KPIReportPageContainer .TriStatsFigureContainer .StatPanelMiddle
    {
        margin: 0px 50px 0px 0px;
    }

    .KPIReportPageContainer .TriStatsFigureContainer .StatPanelRight
    {
        margin-top: 0;
    }


    .KPIReportPageContainer .MultipleFlagsContainer img
    {
        max-height: 50px;
        width: auto;
    }

    .KPIReportPageContainer .DeviceDualPanelContainer
    {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .KPIReportPageContainer .DeviceDualPanelContainer .Subcontainer
    {
        margin: 0 80px;
    }

    .KPIReportPageContainer .DeviceDualPanelContainer .Subcontainer
    {
        margin-bottom: 0;
    }

    .KPIReportPageContainer .TopStatisticsTriValueContainer
    {
        display: grid;
        grid-gap: 1px;
        grid-template-columns: repeat(3, 1fr);
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .KPIReportPageContainer .TopStatisticsTriValueContainer .Subcontainer
    {
        margin-bottom: 30px;
    }

    .KPIReportPageContainer .GrowthForecastDualImageTextContainer
    {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .KPIReportPageContainer .GrowthForecastDualImageTextContainer .LeftImageContainer
    {
        margin-right: 60px;
    }

    .KPIReportPageContainer .GrowthForecastDualImageTextContainer .LeftImageContainer img
    {
        width: 400px;
    }

    .KPIReportPageContainer .GrowthForecastDualImageTextContainer .RightTextContainer
    {
        width: 380px;
        text-align: left;
    }

    .KPIReportPageContainer .DownloadReportTriPanelContainer
    {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }

    .KPIReportPageContainer .DownloadReportTriPanelContainer .LeftImageContainer img
    {
        width: 400px;
    }

    .KPIReportPageContainer .AgenciesListImageContainer img
    {
        width: auto;
    }

    .KPIReportPageContainer .LargerWidthContainedContent
    {
        max-width: 1000px;
        display: inline-block;
        text-align: left;
    }

    .KPIReportPageContainer .TriRankingContainer
    {
        flex-wrap: nowrap;
    }

    .KPIReportPageContainer .TriRankingContainer .LeftItemPanel
    {
        order: unset;
    }

    .KPIReportPageContainer .TriRankingContainer .MiddleItemPanel
    {
        order: unset;
    }

    .KPIReportPageContainer .TriRankingContainer .RightItemPanel
    {
        order: unset;
    }




    .StatusPageHeaderSectionContainer
    {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .StatusPageHeaderSectionContainer .AzureLink
    {
        margin-top: 0;
    }

    .CurrrentStatusUpdateLine
    {
        line-height: inherit;
        text-align: left;
    }

    .StatusBlockContainer
    {
        display: flex;
    }

    .StatusBlockContainer .Date
    {
        min-width: 120px;
    }

    .StatusBlockContainer .Status
    {
        min-width: 120px;
        max-width: 120px;
        margin-top: 0;
    }



    .IRPReportDownloadsMainSectionContainer
    {
        display: flex;
        justify-content: space-between;
    }

    .IRPReportDownloadsMainSectionContainer .LeftContent
    {
        flex: 1 0 45%;
        text-align: left;
        padding: 40px 0;
    }

    .IRPReportDownloadsMainSectionContainer .LeftContent .ReportSubHeaderOverride
    {
        display: inline-block;
        width: 80%;
    }

    .IRPReportDownloadsMainSectionContainer .RightContent
    {
    }

    .IRPReportDownloadsMainSectionContainer .RightContent img
    {
        width: 100%;
        height: 100%;
    }



    .PartnersApplicationMarginContainerOverride
    {
        max-width: 1040px;
    }

    .PartnersExpandCollapseContentOverallContainer
    {
        width: 100%;
    }

    .PartnerEnquiryFormContainedContent
    {
        width: 70%;
        display: inline-block;
    }

    .PartnerEarningsPageTotalEarnings
    {
        font-size: 2rem;
        font-weight: 600;
    }


    /*** PAYPAL PAGE ***/
    .PaypalBlueReasonsSectionContainer
    {
        display: flex;
        justify-content: space-between;
    }

    .PaypalBlueReasonsSectionContainer .Header
    {
        margin-bottom: 0;
    }

    .PayPalTriblockBlueSectionOverride .HeaderTextPanel
    {
        display: flex;
        align-items: center;
        margin-bottom: 50px;
    }

    .PayPalTriblockBlueSectionOverride .HeaderTextPanel img
    {
        margin-right: 50px;
        margin-bottom: 0;
    }

    .ReverseContentOrder
    {
        display: flex !important;
        flex-direction: unset !important;
    }

    /**IRP v SHOPIFY CASE STUDY PAGE**/
    .IRPvShopifyCaseStudyOverallContainer .IRPvShopifyCaseStudyHeaderContent
    {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 10px;
    }

    .IRPvShopifyCaseStudyOverallContainer .IRPvShopifyCaseStudyHeaderContent .LeftPanel
    {
        flex: 1 0 20%;
        text-align: left;
        padding-bottom: 40px;
    }

    .IRPvShopifyCaseStudyOverallContainer .IRPvShopifyCaseStudyHeaderContent .LeftPanel img
    {
        width: 200px;
    }

    .IRPvShopifyCaseStudyOverallContainer .IRPvShopifyCaseStudyHeaderContent .RightPanel .Title
    {
        padding-top: 40px;
    }
    .IRPvShopifyCaseStudyOverallContainer .IRPvShopifyCaseStudyHeaderContent .RightPanel .Text
    {
        padding-bottom: 40px;
    }

    .IRPvShopifyCaseStudyOverallContainer .IRPvShopifyCaseStudyHeaderContent .RightPanel .Logos img
    {
        width: auto;
    }

    .IRPvShopifyCaseStudyOverallContainer .IRPvShopifyCaseStudyHeaderContent .IRPvShopifyCaseStudyTextBubbleHighlight
    {
        margin: auto;
    }

    .IRPvShopifyCaseStudyOverallContainer .IRPvShopifyLargeSideBySideComparisonBoxesContainer
    {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .IRPvShopifyCaseStudyOverallContainer .IRPvShopifyLargeSideBySideComparisonBoxesContainer > div
    {
        width: 40%;
    }

    .IRPvShopifyCaseStudyOverallContainer .SectionContainerCaseStudyLinksContent .OverlappedTextContainerAlternative
    {
        top: 160px !important;
    }

    .IRPvShopifyCaseStudyOverallContainer .SectionContainerCaseStudyLinksContent > div
    {
        margin: 0 10px;
    }

    .IRPvShopifyCaseStudyOverallContainer .SectionContainerCaseStudyLinksContent .OverlappedTextContainerAlternative .Text
    {
        font-size: 20px;
        line-height: 30px;
    }

    .IRPvShopifyCaseStudyOverallContainer .IRPvShopifyDoubleButtonContainer
    {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .IRPvShopifyCaseStudyOverallContainer .IRPvShopifyDoubleButtonContainer > div
    {
        margin: 10px;
    }

    .IRPvShopifyCaseStudyOverallContainer .IRPvShopifyComparisonTable td
    {
        line-height: 38px;
    }

}