@font-face {
    font-family: 'Proxima Nova';
    src: url('../../fonts/proxima nova font.otf') format('opentype');
}

* /* Apply this font family everywhere throughout the site */ {
    font-style: normal;
    font-family: "Proxima Nova";
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.MenuSurround {
    background-repeat: repeat-x;
    background-color: Transparent;
}

.MenuStatic {
    border-bottom: #333333 1px solid;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #4D1A5D;
}

.MenuDynamic {
    border-bottom: #333333 1px solid;
    background-color: #4D1A5D;
}

.MenuDynamicHover {
    background-color: #4D1A5D;
}

.IE8Fix {
    z-index: 100;
}

.MenuStatic, .MenuDynamic {
    height: 30px;
    background-image: url(../../Images/PI/menugrad.jpg);
    background-repeat: repeat-x;
    color: #333333;
    background-color: #CCCCCC /*#EAEAEA;*/;
}

.MenuStaticHover, .MenuDynamicHover {
    height: 30px;
    color: #333333;
    background-image: url(../../Images/PI/MenuHighlight32px.jpg);
    background-repeat: repeat-x;
    background-color: #b6c4c1;
}

    .MenuStatic a, .MenuStaticHover a, .MenuDynamic a, .MenuDynamicHover a /* Modification for ASP.NET Menu as per http: //blogs.msdn.com/dannychen/ */ {
        height: auto;
        display: block;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 10px;
        padding-right: 0px;
    }

    .MenuStatic a, .MenuStaticHover a {
        width: 100%;
    }

    .MenuDynamic a, .MenuDynamicHover a {
        width: 240px;
    }


/* ----------------------------------------------- Start 'MyGrid' ------------------------------------------- */
.MyGrid, .MyGrid td, .MyGrid th {
    border: solid 1px White;
}

    .MyGrid td img, .MyGrid td input {
        vertical-align: middle;
    }

.MyGridHeader, .MyGridHeaderModalMultiSelect {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
}

    .MyGridHeader, .MyGridHeader a:visited, .MyGridHeader a:hover, .MyGridHeader a:link,
    .MyGridHeaderModalMultiSelect, .MyGridHeaderModalMultiSelect a:visited, .MyGridHeaderModalMultiSelect a:hover, .MyGridHeaderModalMultiSelect a:link {
        font-weight: bold;
        text-decoration: none;
    }

        .MyGridHeader a:hover, .MyGridHeaderModalMultiSelect a:hover {
            color: #000000;
        }

        .MyGridHeader th, .MyGridHeaderModalMultiSelect th {
            padding-right: 5px;
            padding-left: 5px;
            padding-bottom: 3px;
            padding-top: 3px;
        }

.MyGridItem, .MyGridItemALT, .MyGridItemHighlight, .MyGridItemALTHighlight, MyGridItemModalMultiSelect {
    font-weight: normal;
    vertical-align: middle;
    color: #4C195C;
}

.MyGridItem, MyGridItemModalMultiSelect {
    overflow: hidden;
    color: #333;
    text-overflow: ellipsis;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}

.MyGridItemALT {
    background-color: #CFCFCF;
}

    .MyGridItem td, .MyGridItemALT td, .MyGridItemHighlight td, .MyGridItemALTHighlight td, MyGridItemModalMultiSelect td {
        padding: 16px;
    }


.MyGridItemHighlight, .MyGridItemALTHighlight {
    cursor: pointer;
    color: black;
    background-color: #FFFDFF;
}

.MyGridHiddenCol {
    display: none;
}

.EmptyDataText {
    text-align: center;
    padding: 7px;
    border: solid 1px #999;
    color: #666;
    display: block;
}

/* ----------------------------------------------- End 'MyGrid' ------------------------------------------- */

/* ----------------------------------------------- AJAX Tab ------------------------------------------- */

/* xp theme (ajax__tab_xp) */
.AjaxTab .ajax__tab_header {
    font-family: "Proxima Nova";
    font-size: 11px;
    background: url(../../images/tab-line.gif) repeat-x bottom;
    height: 21px;
}

.AjaxTab .ajax__tab_outer {
    padding-right: 4px;
    background: url(../../images/tab-right.gif) no-repeat right;
    height: 21px;
}

.AjaxTab .ajax__tab_inner {
    padding-left: 3px;
    background: url(../../images/tab-left.gif) no-repeat;
}

.AjaxTab .ajax__tab_tab {
    height: 13px;
    padding: 4px;
    margin: 0px;
    background: url(../../images/tab.gif) repeat-x;
}

.AjaxTab .ajax__tab_hover .ajax__tab_outer {
    cursor: pointer;
    background: url(../../images/tab-hover-right.gif) no-repeat right;
}

.AjaxTab .ajax__tab_hover .ajax__tab_inner {
    cursor: pointer;
    background: url(../../images/tab-hover-left.gif) no-repeat;
}

.AjaxTab .ajax__tab_hover .ajax__tab_tab {
    cursor: pointer;
    background: url(../../images/tab-hover.gif) repeat-x;
}

.AjaxTab .ajax__tab_active .ajax__tab_outer {
    background: url(../../images/tab-active-right.gif) no-repeat right;
}

.AjaxTab .ajax__tab_active .ajax__tab_inner {
    background: url(../../images/tab-active-left.gif) no-repeat;
}

.AjaxTab .ajax__tab_active .ajax__tab_tab {
    background: url(../../images/tab-active.gif) repeat-x;
}

.AjaxTab .ajax__tab_disabled {
    color: #A0A0A0;
}

.AjaxTab .ajax__tab_body {
    font-family: "Proxima Nova";
    font-size: 12px;
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #ffffff;
}

/* scrolling */
.ajax__scroll_horiz {
    overflow-x: scroll;
}

.ajax__scroll_vert {
    overflow-y: scroll;
}

.ajax__scroll_both {
    overflow: scroll;
}

.ajax__scroll_auto {
    overflow: auto;
}

/* ----------------------------------------------- End AJAX Tab ------------------------------------------- */


/* ----------------------------------------------- Start Modal Popup ------------------------------------ */
.modalBackground {
    background: rgba(0,0,0,0.501961);
    filter: alpha(opacity=70);
}

.modalPopup {
    padding: 8px 24px 40px;
    box-shadow: 0px 2px 12px #58595B;
    border-radius: 14px;
    background-color: #FFFFFF;
}

.closePopupArea {
    border-bottom: 1px #E0E0E0 solid;
}
/* --------------------------------------- End Modal Popup --------------------------------------------- */
/* ------------------------------ Start Rounded Box (and iepngfix) ------------------------------------- */
.BoxTL, .BoxTR, .BoxBL, .BoxBR, input.AtosDynamicButton, .pngalpha, .NewAppBottomBox, .PopupCloseIcon, .HelpIcon {
    behavior: url(../iepngfix/iepngfix.htc);
}

.BoxTL {
    background-image: url(../../Images/PI/BoxTL.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
}

.BoxTM {
    /*background-image: url(../../Images/PI/BoxTM.png);*/
    background-position: left top;
    background-repeat: repeat-x;
    height: 10px;
    background-color: White;
}

.BoxTR {
    background-image: url(../../Images/PI/BoxTR.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
}

.BoxML {
    /*background-image: url(../../Images/PI/BoxML.png);*/
    background-position: left top;
    background-repeat: repeat-y;
    width: 10px;
    height: 10px;
    background-color: White;
}

.BoxMM {
    background-color: White;
    word-wrap: break-word;
}

.BoxMR {
    /*background-image: url(../../Images/PI/BoxMR.png);*/
    background-position: left top;
    background-repeat: repeat-y;
    width: 10px;
    height: 10px;
    background-color: White;
}

.BoxBL {
    background-image: url(../../Images/PI/BoxBL.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
}

.BoxBM {
    /*background-image: url(../../Images/PI/BoxBM.png);*/
    background-position: left top;
    background-repeat: repeat-x;
    height: 10px;
    background-color: White;
}

.BoxBR {
    background-image: url(../../Images/PI/BoxBR.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
}

/* ----------------------------------------------- End Rounded Box --------------------------------------------- */


/* ----------------------------------------------- Start Other --------------------------------------------- */

.TermsandConditions {
    background-color: #DDD;
}

.HelpIcon {
    vertical-align: middle;
}

.MinHeight220 {
    min-height: 220px;
    height: auto !important;
    height: 220px;
}

.MinHeight300 {
    min-height: 310px;
    height: auto !important;
    height: 310px;
}


.MyLabelError, .MyLabelWarn, .MyLabelInfo {
    padding-right: 10px;
}

.MyLabelError {
    font-weight: bold;
    color: red;
}

.MyLabelWarn {
    font-weight: bold;
}

.MyLabelInfo {
    font-weight: normal;
}

.MyLabel /* Used within tables */ {
    padding-right: 15px;
    vertical-align: middle;
    text-align: right;
}

#ctl00_ContentPlaceHolder1_divRegisteredAddressUK .MyLabel {
    text-align: left;
}

#ctl00_ContentPlaceHolder1_divCorrAddressUK .MyLabel {
    text-align: left;
}

#ctl00_ContentPlaceHolder1_divCorrAddressNonUK .MyLabel {
    text-align: left;
}

#ctl00_ContentPlaceHolder1_divRegisteredAddressNonUK .MyLabel {
    text-align: left;
}

#tblBankAddressUK .MyLabel {
    text-align: left;
}

.MyLabelCentre /* Used within tables */ {
    vertical-align: middle;
    text-align: center;
}

.MyLabelLeft {
    vertical-align: middle;
    text-align: left;
}

.MyLabelLeftPad {
    vertical-align: middle;
    text-align: left;
    padding-right: 15px;
}

.MyLabelHyperLink {
    cursor: pointer;
    text-decoration: underline;
}

.MyLabelBlock {
    display: block;
}

.Hand {
    cursor: pointer;
}

.VAT {
    vertical-align: top;
}

.VAM {
    vertical-align: middle;
}

.HAM {
    text-align: center;
}

.PopupCloseIcon {
    cursor: pointer;
    position: absolute;
    right: 1px;
    top: 1px;
    background-image: url(../../Images/PI/Close.png);
    background-repeat: no-repeat;
    background-position: left;
    width: 16px;
    height: 16px;
}

    .PopupCloseIcon.pad {
        right: 10px;
        top: 10px;
    }

.divWarning, .divOK, .divProcessingDelay {
    border-style: solid;
    border-width: 1px;
    padding: 10px 15px 10px 10px;
    margin-top: 5px;
    background-repeat: repeat-x;
    font-size: 11px;
}

.divProcessingDelay {
    margin: 30px auto 15px auto;
    width: 450px;
}

.divWarning, .divProcessingDelay {
    background-image: url(../../Images/PI/gridhead.jpg);
    background-repeat: repeat-x;
    background-color: #626262;
    border-color: #CFCFCF;
    color: White;
}

.divAlert {
    background: #eb193c;
    background-position: top;
    border: solid 1px #999;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    padding: 10px 15px 10px 10px;
}

    .divAlert a {
        color: #fff;
    }

.divInfo {
    background: url("../../images/form-info-icon.png") no-repeat scroll #e2e6e5;
    background-position: 7px 8px;
    border: none;
    padding: 8px 12px 8px 24px;
    margin-top: 5px;
    font-size: 11px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .divInfo.narrow {
        width: 202px;
        margin: 7px 0 10px 0;
        z-index: 100;
        white-space: nowrap;
    }

.RememberMe {
    font-size: 12px;
    font-weight: normal;
}

.PadLeft {
    margin-left: 5px;
}

.SmallText, .SmallTextLowLight {
    font-size: 10px;
    vertical-align: middle;
}

.SmallTextLowLight {
    color: #999;
}

.TBReadOnly {
    background-color: #EEEEEE;
}

.TinyButton {
    font-size: 10px;
    height: 18px;
}


.Footer {
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 7px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    /*background-image: url(../../Images/PI/footergradient.jpg);*/
    background-color: #ffffff;
    background-repeat: repeat-x;
    border-color: #808080;
    border-width: 1px 0px;
    border-style: solid;
}

    .Footer a {
        color: #333;
        text-decoration: none;
        font-weight: 500 !important;
    }

.FooterPrivacy {
    float: left;
    margin-right: 10px;
    text-align: left;
    padding-left: 10px;
    color: #FFFFFF;
    text-decoration: none;
}


.FooterVersion {
    float: right;
    text-align: left;
    padding-right: 10px;
}

.OuterPanel {
    position: relative;
    background-color: white;
}

.LeftOuterPanel {
    vertical-align: top;
    height: auto;
    width: 210px;
    padding: 0px 5px 5px 0px;
}


.RightOuterPanel, .RightOuterPanelMinWidth {
    vertical-align: top;
    height: auto;
    /*padding: 0px 0px 5px 5px;*/
}

.RightOuterPanel {
    width: 700px;
}

.RightOuterPanelMinWidth {
    min-width: 700px;
    width: auto;
}

.CentreOuterPanel {
    vertical-align: top;
    height: auto;
    width: 900px;
    /*padding: 5px 0px 5px 0px;*/
}



#divVersion {
    position: absolute;
    top: 79px;
    right: 5px;
    color: #511E62;
    font-size: 11px;
}

.BreadCrumbBar {
    min-height: 14px;
    /*background-color: #e8ebea;*/
    color: #333333; /*background-image:url(../../Images/GradiantBars/GreyBar_20px.jpg);*/
    background-repeat: repeat-x;
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: middle;
    font-size: 11px;
}

.BreadCrumbPre {
    padding-left: 5px;
    color: #333333;
    margin-top: 20px;
    margin-left: 15px;
    font-size: 13px;
}

.BreadCrumb {
    color: #333333;
    font-size: 14px;
    font-family: Proxima Nova;
    font-weight: 400;
    line-height: 16px;
    word-wrap: break-word
}


.NewAppStep1, .NewAppStep2, .NewAppStep3, .NewAppStep4, .NewAppStep5 {
    position: relative;
    height: 40px;
}

.NewAppStep1 {
    background-image: url(../../Images/PI/TabStep1.png);
}

.NewAppStep2 {
    background-image: url(../../Images/PI/TabStep2.png);
}

.NewAppStep3 {
    background-image: url(../../Images/PI/TabStep3.png);
}

.NewAppStep4 {
    background-image: url(../../Images/PI/TabStep4.png);
}

.NewAppStep5 {
    background-image: url(../../Images/PI/TabStep5.png);
}

.NewAppContent {
    min-height: 365px;
    height: auto !important;
    height: 365px;
    background-color: White;
    padding-left: 20px;
    padding-right: 20px;
}

.NewAppContentMarketing {
    width: 800px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 10px;
    overflow: hidden;
}

    .NewAppContentMarketing img {
        margin-right: 20px;
        margin-top: 5px;
        float: left;
    }

.NewAppContenttMarketingHead {
    color: #4D1A5D;
    vertical-align: middle;
    text-align: left;
    padding-right: 15px;
}

.NewAppContentStrapLine {
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-style: italic;
}

.NewAppContentMarketingBody {
    font-size: 14px;
    color: #333333;
    font-style: italic;
    padding-bottom: 5px;
}

.NewAppContentStrapLineSmallPurple {
    font-size: 14px;
    font-weight: 600;
    color: #511e61;
}

.NewLeadTypeContent {
    min-height: 20px;
    height: auto !important;
    height: 100px;
    background-color: White;
    padding-left: 20px;
    padding-right: 20px;
}

.NewAppCardDetailContent {
    min-height: 240px;
    height: auto !important;
    height: 240px;
    background-color: White;
    padding-left: 20px;
    padding-right: 20px;
}

.NewAppPageHead {
    font-size: 18px;
    /*font-weight: 700;*/
    color: #4D1A5D;
    vertical-align: middle;
    text-align: left;
    padding-right: 15px;
    padding-bottom: 10px;
}

.NewAppBottomBox {
    position: static;
    /*background-image: url(../../Images/PI/BoxGradBottom.png);*/
    background-color: #E2E6E5;
    height: 38px;
}

    .NewAppBottomBox .tdL {
        text-align: left;
        width: 130px;
    }

    .NewAppBottomBox .tdM {
        text-align: center;
        width: auto;
        font-weight: lighter;
    }

    .NewAppBottomBox .tdR {
        text-align: right;
        width: 130px;
    }

    .NewAppBottomBox table {
        padding: 7px 20px 0px 20px;
    }



.Watermark {
    color: #CC9999;
    font-style: italic;
}

.ReqField {
    color: #4D1A5D;
    cursor: help;
}

.HelpCursor {
    cursor: help;
}

.GoogleResTitle {
    padding-top: 3px;
    font-size: larger;
    font-weight: bold;
}

.GoogleResDist {
    padding-left: 13px;
    padding-top: 1px;
    padding-bottom: 3px;
    color: Red;
    font-style: italic;
}

.GoogleResAddr {
    padding-left: 13px;
    padding-bottom: 4px;
}

.GoogleResHome {
    padding: 6px 6px 6px 6px;
    margin: 2px;
    background-color: #DDD;
    cursor: pointer;
}

.GoogleResHomeIcon {
    float: left;
    padding-right: 5px;
    padding-bottom: 6px;
}

.newsitems {
    top: -10px;
    position: relative;
}

#ctl00_ContentPlaceHolder1_txtTermsAndConditions {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 16px;
    background-color: #EEEEEE;
}

.ddlTooltip {
    position: absolute;
    display: none;
    background-color: #FFFFDD;
    color: Black;
    border: 1px solid gray;
    padding: 2px;
    font-size: 11px;
    z-index: 99;
}

.OpenCorrespondenceTabLink {
    cursor: pointer;
    padding: 0px;
}

    .OpenCorrespondenceTabLink p {
        margin-top: 20px;
        color: #4D1A5D;
        border: solid 1px #c0afe5;
        padding: 5px;
        width: 320px;
        text-align: center;
        float: right;
    }

.PageHeaderHelpDeskNumber {
    position: absolute;
    left: 540px;
    top: 76px;
    color: White;
    font-weight: bold;
    font-size: 14px;
    font-family: "Proxima Nova";
}

.PageHeaderLoggedInText {
    color: White;
    font-family: "Proxima Nova";
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 5px;
    text-align: right;
}

.CardListMyCardIcon {
    float: left;
    margin-right: 4px;
}

.CardListCardStatus {
    color: #806FA5;
    text-align: center;
    font-weight: bold;
}

.RadioButtonList {
    border-width: 1px;
    border-style: solid;
    border-color: #C0AFE5;
}

.ReportListItem {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #D0BFF5;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #C0AFE5;
    font-size: 14px;
    padding-top: 7px;
    padding-bottom: 7px;
    vertical-align: middle;
}

    .ReportListItem span {
        vertical-align: middle;
        padding-left: 10px;
    }

    .ReportListItem input {
        vertical-align: middle;
    }

.ajaxloaderimage {
    margin: 10px;
}

.RadioButtonCss input {
    margin-top: -4px;
    position: relative;
}


.RadioButtonCss label {
    vertical-align: bottom;
    padding-left: 5px;
}

.ResumeDiv {
    background-color: #F0F3F3;
    padding: 15px 15px 10px 15px;
    margin-top: 13px;
}

.BenefitsDiv {
    padding: 7px 14px 0px 14px;
    margin-top: 25px;
    margin-bottom: 15px;
    border: 1px solid #CDD7D4;
}

    .BenefitsDiv ul {
        padding-left: 22px;
        list-style: none;
    }

        .BenefitsDiv ul li {
            padding: 2px;
            list-style: square outside url("../../images/PI/BenefitsTick.png");
            font-style: italic;
        }

.BenefitsTitle {
    font-size: 18px;
    font-weight: 500;
    color: #6C3072;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.ResumeTitle {
    font-size: 18px;
    font-weight: 500;
    color: #6C3072;
    padding-bottom: 3px;
    margin-top: 0px;
    margin-bottom: 2px;
}

.ResumeBody {
    color: #333333;
    margin-top: 0px;
    margin-bottom: 8px; /* line-height: 18px;*/
}

.ResumeCode {
    margin-bottom: 5px;
    border: 1px solid #e2e6e5;
}

.ResumeForgotten {
    font-size: 11px;
    color: #333333;
    margin-top: 10px;
}

    .ResumeForgotten a {
        font-size: 11px;
        color: #6C3072;
        margin-top: 5px;
    }

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

.WelcomeTitle {
    color: #511e62;
    font-size: 32px;
    height: 43px;
    position: relative;
    left: -10px;
    top: -20px;
}

.WelcomeLeft {
    width: 575px;
    float: left;
    padding: 30px 10px 5px 30px;
}

.WelcomeRight {
    float: left;
    padding: 30px 10px 5px 30px;
}

.WelcomeLeft div ul {
    padding-left: 12px;
}

.WelcomeBody {
    line-height: 16px;
    padding-bottom: 8px;
}

.IncentiveBody {
    font-size: 12px;
    line-height: 16px;
}

    .IncentiveBody p {
        padding: 0px 0px 10px 0px;
    }

    .IncentiveBody h1 {
        font-size: 20px;
        font-weight: 900;
        color: #4D1A5D;
        padding-bottom: 5px;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .IncentiveBody h2 {
        font-size: 16px;
        font-weight: 900;
        color: #4D1A5D;
        padding-bottom: 5px;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .IncentiveBody ul {
        margin-left: 40px;
    }

        .IncentiveBody ul li {
            list-style-type: none;
            background: url(../../images/bullet.png) no-repeat;
            margin: 0 0 0 0;
            padding: 0 0 4px 28px;
            font-size: 12px;
            text-align: inherit;
        }

    .IncentiveBody ol {
        margin-left: 40px;
    }

.VirtualCardWarning {
    margin: 20px 10px;
    padding: 5px;
    font-size: 14px;
    color: #4d1a5d;
    line-height: 20px;
    font-weight: bold;
    font-style: italic;
}

#DDReceipt {
    color: #444444;
    font-size: 11px;
}
/* HRG specific */
#DDReceipt {
    margin-top: 10px;
    margin-bottom: 10px;
}

    #DDReceipt .panel {
        width: 419px;
    }

        #DDReceipt .panel.companynameandaddress {
            font-size: 14px;
            margin-bottom: 10px;
        }

            #DDReceipt .panel.companynameandaddress div {
                margin-bottom: 10px;
                margin-bottom: 5px;
            }

    #DDReceipt .ddInstructionTitle {
        font-size: 18px;
        font-weight: bold;
        width: 300px;
        line-height: 22px;
    }

    #DDReceipt .ddInstructionText {
        font-size: 11px;
        margin-top: 40px;
        margin-bottom: 28px;
        line-height: 16px;
    }

        #DDReceipt .ddInstructionText big {
            font-size: 14px;
            font-weight: bold;
        }

    #DDReceipt .ddtitle {
        font-size: 11px;
        margin-bottom: 2px;
    }

    #DDReceipt .dddata {
        font-size: 11px;
        font-weight: normal;
        width: 360px;
        border: solid 1px #666; /* HRG specific */
        margin-bottom: 10px;
        padding: 3px;
        min-height: 18px;
        line-height: 18px;
        background-color: #FAFAFA;
        color: #333;
    }

    #DDReceipt .bankAddressHeight {
        height: 90px;
    }

    #DDReceipt .dddata.spaced {
        letter-spacing: 6px;
    }

    #DDReceipt .dddata.narrow {
        width: 125px;
    }

.hr {
    color: #4D1A5D;
    background-color: #4D1A5D;
    height: 2px;
}

.right {
    float: right;
}

.left {
    float: left;
}

.clear {
    clear: both;
}

/* ----------------------------------------------- End Other --------------------------------------------- */


/* ----------------------------------------------- BUILT-IN (but modified) --------------------------------------------- */

P {
    margin-top: 10px;
    margin-bottom: 10px;
}

BODY {
    font-size: 12px;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal; /*background-color:white;*/
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    color: #333333; /*#444444;*/ /*#919191;*/
    /* background-image: url(../../Images/PI/backgroundgradient.jpg);*/
    background-repeat: repeat-x;
    /*    background-color: #f0f2f2;*/
}

A {
    color: #511e62; /*#4C1C56;*/
}

.ALight {
    color: #6C3072;
}

IMG {
    border-top-width: 0px;
    padding-right: 0px;
    padding-left: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    border-right-width: 0px;
}

input {
    vertical-align: middle;
}

.IputTextCase {
    text-transform: capitalize;
}

h1 {
    font-size: 18px;
    /*font-weight: 900;*/
    color: #511e62;
    padding-bottom: 5px;
    margin-top: 0px;
    margin-bottom: 10px;
}



h1, .SubSectionHeaderSmall {
    margin-bottom: 20px !important;
}


.SubSectionHeader.lessspaceafter {
    padding-bottom: 0px;
    margin-bottom: 8px;
}

h2 {
    font-size: medium;
    color: #511e62;
    margin-bottom: 0px;
    /*font-weight: bold;*/
}

h4 {
    font-size: 12px;
    color: #511e62;
    margin-bottom: 0px;
    font-weight: bold;
}


.AmountToPay {
    color: #000;
    font-weight: bold;
    font-size: 16px;
}

    .AmountToPay b {
        color: #69146B;
    }

.MyTable {
    width: 230px;
    border: solid 1px #4D1A5D;
}

.MyTableHeader {
    font-size: 14px;
    background-image: url(../../Images/PI/footergradient.jpg) !important;
    background-repeat: repeat-x;
    background-color: #C162BC;
}

.MyTableTD {
    background-color: #EAEAEA;
    color: #444444;
    font-size: 17pt;
    font-weight: bold;
}

    .MyTableTD .amountbox {
        margin-left: 2px;
        margin-top: -2px;
        border-color: #777;
        border-style: solid;
        border-width: 1px;
        color: #444444;
        font-size: 15pt;
        font-weight: bold;
        height: 20px;
        width: 110px;
    }

.BalancePayment {
    color: #444444;
    font-size: 15pt;
    font-weight: bold;
}

#ProgressContainerOverlay {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    text-align: center;
    /* IE filter */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5; /* Mozilla extension */
    -khtml-opacity: 0.5; /* Safari/Conqueror extension */
    opacity: 0.5; /* CSS3 */
    z-index: 1000;
    background-color: #4D1A5D;
}

#ProgressContainer {
    top: 50%;
    left: 40%;
    padding-top: 30px;
    position: absolute;
    z-index: 2000;
    padding: 6px;
    padding-top: 10px;
    background: #FFF4FE;
    width: 260px;
    height: 60px;
    text-align: center;
    color: #4D1A5D;
    font-size: 13px;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 3px solid #4D1A5D;
    font-weight: bold;
}

/* Loading message */

#loadingmsg {
    color: black;
    background: #fff;
    padding: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    margin-right: -25%;
    margin-bottom: -25%;
    text-align: center;
    color: #4D1A5D;
    font-size: 13px;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 3px solid #4D1A5D;
    font-weight: bold;
    padding: 25px 15px;
}

    #loadingmsg b {
        color: #4C1C56;
    }

#loadingover {
    background: #4D1A5D;
    z-index: 99;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    /* IE filter */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5; /* Mozilla extension */
    -khtml-opacity: 0.5; /* Safari/Conqueror extension */
    opacity: 0.5; /* CSS3 */
}

.SuccessDiv {
    background-image: url(../../Images/tick_32.png);
    background-color: #F4FCEF;
    background-repeat: no-repeat;
    background-position: 7px 27px;
    padding: 25px 15px 25px 50px;
    border: solid 1px #547A52;
    color: #4C1C56;
    font-size: 12px;
    font-weight: normal;
    display: block;
}

.Print {
    background-image: url(../../Images/Printer.png);
    background-repeat: no-repeat;
    background-position: left 7px;
    padding: 5px 5px 5px 20px;
    color: #4C1C56;
    font-size: 13px;
    font-weight: bold;
    float: right;
}

ul.tick {
    list-style-type: none;
    margin-bottom: 5px;
    text-align: left !important;
}

    ul.tick li {
        list-style-type: none;
        list-style: none;
        background-image: url('../../Images/TickSmall.png');
        background-repeat: no-repeat;
        background-position: 0px 5px;
        padding-left: 14px;
        margin-bottom: 5px;
        text-align: left !important;
    }

ul.TickBold {
    list-style-type: none;
    margin-bottom: 5px;
    margin-left: 10%;
}

    ul.TickBold li {
        list-style-type: none;
        list-style: none;
        background-image: url('../../Images/TickSmall.png');
        background-repeat: no-repeat;
        background-position: 0px 10px;
        padding-left: 14px;
        margin-bottom: 5px;
        font-weight: bold;
        line-height: 30px;
    }

    ul.TickBold a {
        text-decoration: none;
    }

        ul.TickBold a:hover {
            text-decoration: underline;
        }

li.NoBullets {
    background-image: none !important;
}

.RightFloat {
    float: right;
}

.LeftFloat {
    float: left;
}

.spaceafter {
    margin-bottom: 10px;
}

.morespaceafter {
    margin-bottom: 15px;
}

.homepage #dashboard, .homepage #dashboardv2 {
    position: relative;
    left: 10px;
}

#dashboard {
    /*width: 640px;*/
}

    #dashboard .spent {
        background: #511e62;
    }

    #dashboard .available {
        background: #00798e;
    }

    #dashboard .spenttext {
        color: #511e62;
    }

    #dashboard .availabletext {
        color: #00798e;
    }

    #dashboard .availabletextonstop {
        color: #DD0000;
    }

    #dashboard .surround {
        border: solid 1px #999;
        padding: 5px;
    }

        #dashboard .surround .key {
            font-weight: bold;
            font-size: 11px;
            height: 30px;
        }

            #dashboard .surround .key div {
                float: left;
                width: 310px;
                text-align: center;
            }

            #dashboard .surround .key .keyicon {
                width: 10px;
                height: 10px;
                display: inline-block;
                margin-right: 4px;
            }

            #dashboard .surround .key .value {
                font-size: 12px;
                font-weight: bold;
                padding-left: 5px;
            }

        #dashboard .surround .bar {
            height: 20px;
            display: block;
            position: relative;
        }

            #dashboard .surround .bar div {
                height: 10px;
                margin: 1px 0px 1px 0px;
            }

        #dashboard .surround .info {
            height: 18px;
            padding-top: 5px;
        }

            #dashboard .surround .info span {
                float: left;
                font-size: 10px;
                font-weight: bold;
                padding: 0px;
                margin-left: 10px;
                width: 144px;
                text-align: center;
            }

        #dashboard .surround .buttons {
            height: 25px;
        }

            #dashboard .surround .buttons input {
                float: left;
                font-size: 10px;
                padding: 0px;
                margin-left: 10px;
                width: 144px;
            }

        #dashboard .surround .footnote {
            color: #666;
            font-size: 10px;
        }

    #dashboard .footnoteonstop {
        color: #DD0000;
        font-size: 10px;
    }

    #dashboard .purple {
        background: #511e62;
    }

    #dashboard .green {
        background: #00798e;
    }

    #dashboard .CardListIcons {
        height: 20px;
        margin-left: 5px;
    }

    #dashboard .hstack .spent.green {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

#dashboardv2 {
    width: 640px;
}

    /*#dashboardv2 .outstanding {
        background: #D9A200 url(../../images/GradiantBars/dashboard.outstanding.gradient.png) repeat-x;
        background-position: top
    }

    #dashboardv2 .newtransactions {
        background: #1300FF url(../../Images/GradiantBars/dashboard.spent.gradient.png) repeat-x;
        background-position: top
    }

    #dashboardv2 .available {
        background: #008000 url(../../Images/GradiantBars/dashboard.available.gradient.png) repeat-x;
        background-position: top
    }*/

    #dashboardv2 .outstandingtext {
        color: #C99200;
    }

    #dashboardv2 .newtransactionstext {
        color: #1300FF;
    }

    #dashboardv2 .availabletext {
        color: #008000;
    }

    #dashboardv2 .value.red {
        color: #DD0000;
    }

    #dashboardv2 .value.green {
        color: #008000;
    }

    #dashboardv2 .surround {
        border: solid 1px #999;
        padding: 5px;
        background: #EEE url(../../Images/GradiantBars/dashboard.gradient.png) repeat-x;
        background-position: bottom;
    }

        #dashboardv2 .surround .key {
            font-weight: bold;
            font-size: 11px;
            height: 30px;
        }

            #dashboardv2 .surround .key div {
                float: left;
                width: 32%;
                text-align: center;
            }

                #dashboardv2 .surround .key div.helpimage {
                    width: auto;
                }

            #dashboardv2 .surround .key .keyicon {
                width: 10px;
                height: 10px;
                display: inline-block;
                margin-right: 4px;
            }

            #dashboardv2 .surround .key .value {
                font-size: 12px;
                font-weight: bold;
                padding-left: 5px;
            }

        #dashboardv2 .surround .bar {
            height: 20px;
            display: block;
            position: relative;
        }

            #dashboardv2 .surround .bar div {
                float: left;
                height: 18px;
                margin: 0px;
            }

        #dashboardv2 .surround .info {
            height: 18px;
            padding-top: 5px;
        }

            #dashboardv2 .surround .info span {
                float: left;
                font-size: 10px;
                font-weight: bold;
                padding: 0px;
                margin-left: 10px;
                width: 144px;
                text-align: center;
            }

        #dashboardv2 .surround .buttons {
            height: 25px;
        }

            #dashboardv2 .surround .buttons input {
                float: left;
                font-size: 10px;
                padding: 0px;
                margin-left: 10px;
                width: 144px;
            }

        #dashboardv2 .surround .footnote {
            color: #666;
            font-size: 10px;
        }

    #dashboardv2 .footnoteonstop {
        color: #DD0000;
        font-size: 10px;
    }

.AccountDetailsCreditLimitSummaryInfo {
    font-size: 12px;
}

    .AccountDetailsCreditLimitSummaryInfo td.col1 {
        width: 130px;
    }

    .AccountDetailsCreditLimitSummaryInfo td.col2 {
        width: 90px;
        font-weight: bold;
    }

    .AccountDetailsCreditLimitSummaryInfo td.col3 {
        width: 110px;
    }

    .AccountDetailsCreditLimitSummaryInfo td.col4 {
        width: 90px;
        font-weight: bold;
    }

    .AccountDetailsCreditLimitSummaryInfo td.col5 {
        width: 105px;
    }

    .AccountDetailsCreditLimitSummaryInfo td.col6 {
        width: 100px;
        font-weight: bold;
    }

    .AccountDetailsCreditLimitSummaryInfo tr.gap {
        height: 6px;
    }

.divNeedHelp {
    font-weight: bold;
    padding-bottom: 10px;
}

    .divNeedHelp div {
        padding-bottom: 3px;
    }

    .divNeedHelp a {
        font-weight: normal;
        color: #444444;
        text-decoration: underline;
    }

    .divNeedHelp .invert {
        font-weight: normal;
    }

        .divNeedHelp .invert a {
            font-weight: bold;
            cursor: pointer;
        }



/* Business Card Css*/

#DivBusinessCard {
    background: transparent url(../../Images/PI/BussinessCardNew.png) no-repeat;
    max-width: 425px;
    height: 260px;
    display: block;
}

    #DivBusinessCard div.divCardName {
        color: #797979;
        display: block;
        font-weight: bold;
        padding-left: 35px;
        padding-top: 175px;
        width: 300px;
    }

    #DivBusinessCard div.divCompanyName {
        color: #797979;
        display: block;
        font-weight: bold;
        padding-left: 35px;
        width: 300px;
    }

.divExtenderPosition {
    left: 281px !important;
    top: 281px !important;
}


/* set the image to use and establish the lower-right position */
.RoundedBox, .RoundedBox_body, .RoundedBox_head, .RoundedBox_head h2 {
    text-align: left;
}

.RoundedBox {
    /* intended total box width - padding-right(next) */
    width: 265px; /* IE Win = width - padding */
    padding-right: 15px; /* use to position the box */
    margin: 0px 0 5px 8px;
}


.RoundedBoxBig {
    margin: 0 auto;
    padding-right: 15px;
    width: 495px !important;
}

/* set the top-right image */
.RoundedBox_head {
    background-position: top right; /* pull the right image over on top of border */
    margin-right: -15px; /* right-image-gap + right-inside padding */
    padding-right: 40px;
}

    /* set the top-left image */
    .RoundedBox_head h2 {
        background-position: top left;
        margin: 0; /* reset main site styles*/
        border: 0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */
        padding: 25px 0 5px 30px;
        height: auto !important;
        height: 1%;
        font-size: 18px;
        text-align: left;
    }
/* IE Holly Hack */

/* set the lower-left corner image */
.RoundedBox_body {
    background-position: bottom left;
    margin-right: 5px; /* interior-padding right */
    padding: 5px 0 15px 20px;
}

.RoundedBox_bodySmallHeight {
    height: 235px !important;
}
/* mirror .RoundedBox_head right/left */

.RoundedBox_body P {
    padding: 0 10px;
}

.HintText {
    color: #58595b;
}

.InlinePanels {
    display: inline;
    float: left;
}

.watermarked {
    text-align: left;
    color: #58595b;
}

#HelpNavContainer {
    clear: both;
    padding-top: 5px;
    width: 100%;
}

    #HelpNavContainer ul {
        padding-left: 0;
        margin: 0 auto;
        text-align: center;
    }

        #HelpNavContainer ul li {
            display: inline;
            /*border-right: 1px solid #c5c5c5;*/
            border-right: none;
        }

            #HelpNavContainer ul li a {
                padding: 0.2em 1em;
                font-weight: bold;
                color: #511e62; /*#4D1A5D;*/
                text-decoration: none;
            }

            #HelpNavContainer ul li:last-child {
                border-right: none;
            }

            #HelpNavContainer ul li a:hover {
                text-decoration: underline;
            }

td.tdInput {
    text-align: left;
}

.ErrorBlock {
    display: block !important;
}


span.spanTick {
    background-image: url("../../Images/TickSmall.png");
    background-position: 0 6px;
    background-repeat: no-repeat;
    display: block;
    font-weight: normal;
    margin-bottom: 5px;
    margin-left: 55px;
    padding-left: 17px;
    text-align: left !important;
}

.AnkNoUnderlineBold a {
    text-decoration: none;
    font-weight: bold;
    color: #511e62 /*#4D1A5D*/;
}

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

img.imgTick {
    display: inline;
    margin: 0 5px 0 15px !important;
}
/******** ----------------------------Popupbox reults --------------------------------------*/

.PopupBoxResults {
    display: block;
    width: auto;
    height: auto;
    margin-left: 15px;
}

    .PopupBoxResults .heading {
        display: inline;
        float: left;
        font-weight: bold;
        line-height: 25px;
        width: 50%;
    }

    .PopupBoxResults .details {
        display: inline;
        float: right;
        font-weight: normal;
        line-height: 25px;
        text-align: left;
        width: 50%;
    }

    .PopupBoxResults .headingSmall {
        width: 200px;
    }

    .PopupBoxResults .headingSmaller {
        width: 100px;
    }

    .PopupBoxResults .detailsNoFloat {
        float: none !important;
    }


/**************************************************************************/
.MessageInfo, .MessageSuccess, .MessageWarning, .MessageError, .MessageValidation {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.MessageInfo {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../../Images/Icons/info.png');
}

.MessageSuccess {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../../Images/Icons/success.png');
}

.MessageWarning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../../Images/Icons/warning.png');
}

.MessageError {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../../Images/Icons/error.png');
}

.MessageValidation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('../../Images/Icons/validation.png');
}

#ScrollingSidebar {
    position: absolute;
    top: 250px;
    right: 20px;
    width: 120px;
    z-index: 100;
}



/*
REMOVED AS PER C5487037
.form_settings input[type="text"], input[type="password"], .form_settings input[type="password"], .form_settings input[type="email"], .form_settings input[type="url"], .form_settings input[type="date"], .form_settings input[type="month"], .form_settings input[type="time"], .form_settings input[type="datetime"], .form_settings input[type="datetime-local"], .form_settings input[type="week"], .form_settings input[type="number"], .form_settings input[type="search"], .form_settings input[type="tel"], .form_settings input[type="color"], .form_settings select, .form_settings textarea {
      
        -moz-box-sizing: border-box;
        border: 1px solid #CCCCCC;
        border-radius: 4px;
        box-shadow: 0 1px 3px #DDDDDD inset;
        display: inline-block;
        padding: 0.2em 0.4em;
    }*/

.form_settings td {
    padding: 3px;
}

.NewAppContentMinHgt {
    min-height: 0 !important
}

.divCollapsible {
    background-image: url(../../Images/PI/divokhead.jpg);
    background-repeat: repeat-x;
    background-color: #CFCFCF;
    border: solid 1px #4d1a5d;
    padding: 5px 10px;
    cursor: pointer;
}

.SortAsc {
    background: url(../../images/SortUpGreen.png) right no-repeat;
}

.SortDesc {
    background: url(../../images/SortDownGreen.png) right no-repeat;
}

.CifasTextSize {
    font-size: 12px;
}

.ui-menu {
    z-index: 900001 !important;
}

#ctl00_ContentPlaceHolder1_rfvStartupEmail, #ctl00_ContentPlaceHolder1_reqAuthorisation, #ctl00_ContentPlaceHolder1_reqPwd, #ctl00_ContentPlaceHolder1_reqRegistrationCode, #ctl00_ContentPlaceHolder1_reqTitle, #ctl00_ContentPlaceHolder1_reqForename, #ctl00_ContentPlaceHolder1_reqPositionWithinCompany, #ctl00_ContentPlaceHolder1_rfvEmailConfirm, #ctl00_ContentPlaceHolder1_reqRegistrationQuestion, #ctl00_ContentPlaceHolder1_reqRegistrationAnswer, #ctl00_ContentPlaceHolder1_reqHotelBookingRole, #ctl00_ContentPlaceHolder1_reqCompanyName, #ctl00_ContentPlaceHolder1_reqTradingStyle, #ctl00_ContentPlaceHolder1_reqEstimatedSpend, #ctl00_ContentPlaceHolder1_addrRegisteredUK_reqAddr1, #ctl00_ContentPlaceHolder1_addrRegisteredUK_reqAddr2, #ctl00_ContentPlaceHolder1_RequiredFieldValidator1, #ctl00_ContentPlaceHolder1_reqBnkAccountName, #ctl00_ContentPlaceHolder1_reqBnkAccountNumber, #ctl00_ContentPlaceHolder1_reqBnkSortCode1, #ctl00_ContentPlaceHolder1_reqBnkSortCode2, #ctl00_ContentPlaceHolder1_reqBnkSortCode3, #ctl00_ContentPlaceHolder1_reqBnkBankName, #ctl00_ContentPlaceHolder1_addrBank_reqAddr1, #ctl00_ContentPlaceHolder1_addrBank_reqAddr2, #ctl00_ContentPlaceHolder1_addrBank_reqPostcode, #ctl00_ContentPlaceHolder1_reqMyCard, #ctl00_ContentPlaceHolder1_reqCardRegInfoTitle, #ctl00_ContentPlaceHolder1_reqCardRegInfoForename, #ctl00_ContentPlaceHolder1_reqCardRegInfoSurname, #ctl00_ContentPlaceHolder1_RequiredFieldValidator1, #ctl00_ContentPlaceHolder1_reqTimeTrading, #ctl00_ContentPlaceHolder1_reqPartnerTitle, #ctl00_ContentPlaceHolder1_reqPartnerFirstName, #ctl00_ContentPlaceHolder1_reqPartnerLastName, #ctl00_ContentPlaceHolder1_reqCompRegNumber, #ctl00_ContentPlaceHolder1_reqCharityNumber, #ctl00_ContentPlaceHolder1_rfvCaptcha, #ctl00_ContentPlaceHolder1_rvvForgottenLoginFullCardNumber, #ctl00_ContentPlaceHolder1_Requiredfieldvalidator2, #ctl00_ContentPlaceHolder1_ucCon1_rfvEmail, #ctl00_ContentPlaceHolder1_ucCon1_rfvBody, #ctl00_ContentPlaceHolder1_rfvForgottenLoginAccountNumber, #ctl00_ContentPlaceHolder1_rfvForgottenLoginRegEmailAddress, #ctl00_ContentPlaceHolder1_reqEmailAddress, #ctl00_ContentPlaceHolder1_Requiredfieldvalidator1, #ctl00_ContentPlaceHolder1_reqSecurityCodeEmailAddress, #ctl00_ContentPlaceHolder1_reqDDCompleteByName, #ctl00_ContentPlaceHolder1_reqDDCompleteByEmail, #ctl00_ContentPlaceHolder1_reqDDCompleteByEmailConfirm, #ctl00_ContentPlaceHolder1_cvDDSetup1, #ctl00_ContentPlaceHolder1_reqTandCCompletedBy, #ctl00_ContentPlaceHolder1_reqTandCEmailRecipient, #ctl00_ContentPlaceHolder1_reqTandCEmailRecipientConfirm, #ctl00_ContentPlaceHolder1_cvConfirmTandC, #ctl00_ContentPlaceHolder1_regInfo1_reqUserForename, #ctl00_ContentPlaceHolder1_regInfo1_reqUserSurname, #ctl00_ContentPlaceHolder1_regInfo1_reqEmail, #ctl00_ContentPlaceHolder1_regInfo1_rfvEmailConfirm, #ctl00_ContentPlaceHolder1_regInfo1_rfvEmailConfirm, #ctl00_ContentPlaceHolder1_regInfo1_reqHotelBookingRole, #ctl00_ContentPlaceHolder1_ValidationSummary1, #ctl00_ContentPlaceHolder1_reqVerifyAccountRegistrationAnswer, #ctl00_ContentPlaceHolder1_regInfo1_cvEmailConfirm, #ctl00_ContentPlaceHolder1_regInfo1_revEmail, #ctl00_ContentPlaceHolder1_regInfo1_reqUserTitle, #ctl00_ContentPlaceHolder1_regInfo1_reqCustomLoginName, #ctl00_ContentPlaceHolder1_regInfo1_lblMobileValidation, #ctl00_ContentPlaceHolder1_regInfo1_lblMobileValidation, #ctl00_ContentPlaceHolder1_reqSurname, #ctl00_ContentPlaceHolder1_revEmail, #ctl00_ContentPlaceHolder1_cvEmailConfirm, #ctl00_ContentPlaceHolder1_addrRegisteredUK_reqAddress, #ctl00_ContentPlaceHolder1_addrCorrespondenceUK_reqAddress, #ctl00_ContentPlaceHolder1_addrCorrespondenceUK_revPostcodeInternal, #ctl00_ContentPlaceHolder1_addrRegisteredUK_reqPostcodeInternal, #ctl00_ContentPlaceHolder1_reqCorrAddrTitle, #ctl00_ContentPlaceHolder1_addrCorrespondenceUK_reqPostcodeInternal, #ctl00_ContentPlaceHolder1_reqDDSetup, #ctl00_ContentPlaceHolder1_addrCorrespondenceNonUK_rfvAddressLine1, #ctl00_ContentPlaceHolder1_addrCorrespondenceNonUK_rfvAddressLine2, #ctl00_ContentPlaceHolder1_addrCorrespondenceNonUK_rfvAddressLine3, #ctl00_ContentPlaceHolder1_addrCorrespondenceNonUK_rfvISOCountryCode, #ctl00_ContentPlaceHolder1_cvRegistrationCode, #ctl00_ContentPlaceHolder1_cvNewCustomer, #ctl00_ContentPlaceHolder1_addrRegisteredUK_reqPostcode, #ctl00_ContentPlaceHolder1_cvFindCompanyDetails, #ctl00_ContentPlaceHolder1_addrRegisteredNonUK_rfvAddressLine1, #ctl00_ContentPlaceHolder1_addrRegisteredNonUK_rfvAddressLine2, #ctl00_ContentPlaceHolder1_addrRegisteredNonUK_rfvAddressLine3, #ctl00_ContentPlaceHolder1_addrRegisteredNonUK_rfvISOCountryCode {
    color: #eb193c !important;
}

#ctl00_ContentPlaceHolder1_tabMain_pgGeneral_rfvAccountRegistrationQuestion, #ctl00_ContentPlaceHolder1_tabMain_pgGeneral_rfvAccountRegistrationAnswer, #ctl00_ContentPlaceHolder1_tabMain_pgRegDetails_rfvRegContact_Forename, #ctl00_ContentPlaceHolder1_tabMain_pgRegDetails_rfvRegContact_Surname, #ctl00_ContentPlaceHolder1_tabMain_pgRegDetails_rfvRegContact_Email, #ctl00_ContentPlaceHolder1_tabMain_pgRegDetails_addrRegisteredUK_reqAddr1, #ctl00_ContentPlaceHolder1_tabMain_pgRegDetails_addrRegisteredUK_reqAddr2, #ctl00_ContentPlaceHolder1_tabMain_pgRegDetails_addrRegisteredUK_reqPostcode, #ctl00_ContentPlaceHolder1_tabMain_pgCorrDetails_addrCorrespondenceUK_reqPostcodeInternal, #ctl00_ContentPlaceHolder1_tabMain_pgRegDetails_addrRegisteredUK_reqPostcode, #ctl00_ContentPlaceHolder1_tabMain_pgCorrDetails_rfvCorr_Forename, #ctl00_ContentPlaceHolder1_tabMain_pgCorrDetails_rfvCorr_Surname, #ctl00_ContentPlaceHolder1_tabMain_pgCorrDetails_addrCorrespondenceUK_reqAddr1, #ctl00_ContentPlaceHolder1_tabMain_pgCorrDetails_addrCorrespondenceUK_reqAddr2, #ctl00_ContentPlaceHolder1_tabMain_pgRegDetails_addrRegisteredNonUK_rfvAddressLine1, #ctl00_ContentPlaceHolder1_tabMain_pgRegDetails_addrRegisteredNonUK_rfvAddressLine2, #ctl00_ContentPlaceHolder1_tabMain_pgRegDetails_addrRegisteredNonUK_rfvAddressLine3, #ctl00_ContentPlaceHolder1_tabMain_pgRegDetails_addrRegisteredNonUK_rfvISOCountryCode, #ctl00_ContentPlaceHolder1_rfvCardHolderName, #ctl00_ContentPlaceHolder1_tabMain_pgCardHolder_reqMyCard, #ctl00_ContentPlaceHolder1_tabMain_pgCardHolder_reqCardRegInfoTitle, #ctl00_ContentPlaceHolder1_tabMain_pgCardHolder_reqCardRegInfoForename, #ctl00_ContentPlaceHolder1_tabMain_pgCardHolder_reqCardRegInfoSurname, #ctl00_ContentPlaceHolder1_tabMain_pgCardHolder_RequiredFieldValidator1, #ctl00_ContentPlaceHolder1_ctrlContactPreferences_rfvUserForename, #ctl00_ContentPlaceHolder1_ctrlContactPreferences_rfvUserSurname, #ctl00_ContentPlaceHolder1_ctrlContactPreferences_rfvEmailAddr, #ctl00_ContentPlaceHolder1_ucPwd1_rfvOldPassword, #ctl00_ContentPlaceHolder1_ucPwd1_rfvNewPassword1, #ctl00_ContentPlaceHolder1_ucPwd1_rfvNewPassword2, #ctl00_ContentPlaceHolder1_rfvAuthorisationID, #ctl00_ContentPlaceHolder1_rfvAuthorisationIDConfirm, #ctl00_ContentPlaceHolder1_reqNumPartners, #ctl00_ContentPlaceHolder1_tabMain_pgCorrDetails_rfvCorr_Email, #ctl00_ContentPlaceHolder1_tabMain_pgCorrDetails_addrCorrespondenceUK_reqPostcode, #ctl00_ContentPlaceHolder1_tabMain_pgCorrDetails_addrCorrespondenceUK_revPostcode, #ctl00_ContentPlaceHolder1_rfNewCreditLimit, #ctl00_ContentPlaceHolder1_rfvDateFrom, #ctl00_ContentPlaceHolder1_rfvDateTo, #ctl00_ContentPlaceHolder1_rfvInvoiceNo, #ctl00_ContentPlaceHolder1_rfvScheduleDescr, #ctl00_ContentPlaceHolder1_rfvFrequency, #ctl00_ContentPlaceHolder1_rfvDateRange, #ctl00_ContentPlaceHolder1_rfvScheduledTime, #ctl00_ContentPlaceHolder1_ctrlContactPreferences_rfvUserTitle, #ctl00_ContentPlaceHolder1_ctrlContactPreferences_revEmailAddr, #ctl00_ContentPlaceHolder1_ctrlContactPreferences_reqHotelBookingRole, #ctl00_ContentPlaceHolder1_tabMain_pgGeneral_rfvPgAccDets_NumEmployees, #ctl00_ContentPlaceHolder1_tabMain_pgRegDetails_rfvRegContact_Title, #ctl00_ContentPlaceHolder1_tabMain_pgCorrDetails_rfvCorr_Title, #ctl00_ContentPlaceHolder1_tabUsers_pgRandI_rfvRandIAdd_UserTitle, #ctl00_ContentPlaceHolder1_tabUsers_pgRandI_rfvRandIAdd_Forename, #ctl00_ContentPlaceHolder1_tabUsers_pgRandI_rfvRandIAdd_Surname, #ctl00_ContentPlaceHolder1_tabUsers_pgRandI_rfvRandIAdd_Email, #ctl00_ContentPlaceHolder1_tabUsers_pgRandI_rfvRandIAdd_EmailConfirm, #ctl00_ContentPlaceHolder1_tabUsers_pgRandI_revRandIAdd_Email, #ctl00_ContentPlaceHolder1_tabUsers_pgRandI_cvRandIAdd_EmailConfirm {
    color: #eb193c !important;
}

#ctl00_ContentPlaceHolder1_reqEmail, #ctl00_ContentPlaceHolder1_rfvTelesalesPersonUserId, #ctl00_ContentPlaceHolder1_rfvTelesalesUserPin, #ctl00_ContentPlaceHolder1_rfvtxtTelesalesUserFullName, #ctl00_ContentPlaceHolder1_RequiredFieldValidator4, #ctl00_ContentPlaceHolder1_rfvtxtResetPin, #ctl00_ContentPlaceHolder1_ucContentHeader_rfvDateFrom, #ctl00_ContentPlaceHolder1_ucContentHeader_rfvDateTo, #ctl00_ContentPlaceHolder1_lblInvalidValidation {
    color: #eb193c !important;
}

#ctl00_ContentPlaceHolder1_trWelcome {
    background-color: #ffffff;
}

.divErrorCode {
    color: #666;
    font-size: 11px;
    padding-top: 15px;
    padding-bottom: 5px;
}

div.morespace {
    margin-top: 15px;
    margin-bottom: 15px;
}

.loginPageIntegratedWarningMessage {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.APITest {
    padding: 15px;
    margin: 10px
}

    div.APITest input {
        width: 500px
    }

div.divILReturnButton {
    position: absolute;
    top: 35px;
    right: 30px;
}

a.pibtn:hover {
    background-color: #6c3072;
    border-color: #6c3072;
}

a.pibtn {
    border-image: initial;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    /*box-shadow: 0 3px 1px -2px #e0e0e0;*/
    color: #511e62;
    cursor: pointer;
    display: inline-block;
    font-family: "Proxima Nova";
    font-size: 18px;
    font-weight: normal;
    line-height: 28px;
    outline: medium none;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
    transition: color 0.3s ease 0s, background 0.3s ease 0s, border 0.3s ease 0s;
    vertical-align: middle;
    background-color: #9d79a2;
    border-color: #9d79a2;
    color: #fff;
    text-decoration: none;
}


/* Login page - Start */

.LPRoundedBox, .LPLoginRoundedBox {
    /*background: transparent url(../../Images/WhiteBox.png) no-repeat bottom right;*/
    border: 0.5px solid grey;
    text-align: left;
}

.LPRoundedBox {
    /* intended total box width - padding-right(next) */
    padding-right: 15px; /* use to position the box */
    margin: 0px 0px 15px 0px;
}

.LPLoginRoundedBox {
    /* intended total box width - padding-right(next) */
    padding-right: 15px; /* use to position the box */
    margin: 0px 0px 20px 0px;
}

/* set the top-right image */
.LPRoundedBox_head {
    background-position: top right; /* pull the right image over on top of border */
    margin-right: -15px; /* right-image-gap + right-inside padding */
    padding-right: 40px;
}

    .LPRoundedBox_head h2 {
        background-position: top left;
        margin: 0; /* reset main site styles*/
        border: 0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */
        padding: 18px 0 5px 30px;
        height: auto !important;
        height: 1%;
        font-size: 18px;
        text-align: left;
    }

.LPBookerRoundedBox_head {
    border-top: 0.5px solid grey;
    background-position: top; /* pull the right image over on top of border */
    /*margin-right: -15px;*/ /* right-image-gap + right-inside padding */
    padding-right: 40px;
}

    .LPBookerRoundedBox_head h2 {
        background-position: top left;
        margin: 0; /* reset main site styles*/
        border: 0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */
        padding: 15px 0 0px 10px;
        height: auto !important;
        height: 1%;
        font-size: 18px;
        text-align: left;
    }

.LPApplyRoundedBox_body {
    background-position: bottom left;
    margin-right: 5px; /* interior-padding right */
    padding: 5px 0 0px 30px;
}

.LPRegisterRoundedBox_body {
    background-position: bottom left;
    margin-right: 5px; /* interior-padding right */
    padding: 5px 0 4px 30px;
}

.LPLoginRoundedBox_body {
    background-position: bottom left;
    margin-right: 5px; /* interior-padding right */
    padding: 5px 0 5px 20px;
}

.LPRoundedBox_body P {
    padding: 0 10px;
}

.LPRememberMePC {
    font-size: 10px;
    font-weight: normal;
    color: #6c3072;
}

/* Login page - End */


/* Login stuff for my prefered heights - Start */

.LPApplyRoundedBox_body2, .LPRegisterRoundedBox_body2, .LPLoginRoundedBox_body2 {
    background: transparent url(../../Images/WhiteBox.png) no-repeat bottom right;
    text-align: left;
}

.LPApplyRoundedBox_body2 {
    background-position: bottom left;
    margin-right: 5px; /* interior-padding right */
    padding: 5px 0 15px 30px;
    height: 105px;
}

.tabcolumn {
    position: relative;
    min-height: 40px;
    padding: 5px 10px 5px 10px;
    width: 100%;
}

.NewAppBarON, .NewAppBarOFF {
    border-right: 1px solid #ffffff;
    text-align: center;
    height: 36px;
    text-decoration: none;
}

.NewAppBarON {
    color: #ffffff;
    font-weight: bold;
    font-size: 13px;
    -webkit-box-shadow: inset 0px -3px 0px 0px #f9c940;
    -moz-box-shadow: inset 0px -3px 0px 0px #f9c940;
    box-shadow: inset 0px -3px 0px 0px #f9c940;
    background-color: #511e62;
}

.NewAppBarOFF {
    color: #511e62;
    font-weight: bold;
    font-size: 13px;
    background: #E2D6E3;
    background-color: #E2D6E3;
}

.LPRegisterRoundedBox_body2 {
    background-position: bottom left;
    margin-right: 5px; /* interior-padding right */
    padding: 5px 0 15px 30px;
    height: 155px;
}

.LPLoginRoundedBox_body2 {
    background-position: bottom left;
    margin-right: 5px; /* interior-padding right */
    padding: 5px 0 15px 20px;
    height: 348px;
}

/* Login stuff for my prefered heights - End */

.tooltip {
    position: relative;
    display: inline-block;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        text-align: left;
        width: 350px;
        white-space: normal;
        position: absolute;
        z-index: 1000;
        background-image: url(../../Images/PI/divokhead.jpg);
        background-repeat: repeat-x;
        background-color: #CFCFCF;
        border-color: #626262;
        border-style: solid;
        border-width: 1px;
        padding: 10px 15px 10px 10px;
        margin-top: 5px;
        background-repeat: repeat-x;
        font-size: 11px;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

.column {
    float: left;
}

.colLeft {
    width: 20%;
}

.colRight {
    width: 80%;
}

/* Clear floats after the columns */
.ColRow:after {
    content: "";
    display: table;
    clear: both;
}

/*------------------------------------------------------------------------------*/
/*New CSS Added*/
/*------------------------------------------------------------------------------*/
.bannerBG {
    background-color: #fff;
    box-shadow: 0 2px 8px 0 #ccc;
}

.ContentPanelCenter {
    margin-top: 10px;
}

.form-group-overriden {
    margin-bottom: 0px !important;
}



.divUpdateBottomArea {
    margin: 15px 0px;
}
/*------------------------------------------------------------------------------*/
/*Heading Customization CSS*/
/*------------------------------------------------------------------------------*/
.h2 span {
    font-style: normal;
    font-weight: 700;
    font-family: "Proxima Nova";
    color: #511e62;
}

.h4 {
    font-weight: 600;
    font-family: "Proxima Nova";
    color: #511e62;
}

.Footer .h6 {
    margin-bottom: 0px;
}
/*------------------------------------------------------------------------------*/
/*ToolTip Customization CSS*/
/*------------------------------------------------------------------------------*/
.divOK {
    background-color: #E5F2F6;
    opacity: 1;
    border: none;
    border-radius: 2px;
    color: #333333;
    z-index: 9;
    padding: 16px !important;
}

    .divOK > p {
        color: #333333;
    }
/*------------------------------------------------------------------------------*/
/*Check Box Customization CSS*/
/*------------------------------------------------------------------------------*/
input[type=checkbox] {
    width: 20px;
    height: 20px;
}

    input[type=checkbox]:checked {
        accent-color: #00798E;
    }

.label-for-check {
    color: #333333;
    font-size: 16px;
    font-family: Proxima Nova;
    font-weight: 400;
    line-height: 24px;
    word-wrap: break-word;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 6px;
}

.label-margin > label {
    margin-left: 6px;
}
/*------------------------------------------------------------------------------*/
/*Bootstrap Custom Modification*/
/*------------------------------------------------------------------------------*/
.container-fluid-padding {
    padding: 0px 0px;
}

.row-margin {
    margin-right: 0px !important;
}

/*------------------------------------------------------------------------------*/
/*Bootstrap Custom Button*/
/*------------------------------------------------------------------------------*/
/*btn root css*/
.btn {
    font-weight: 500;
    padding: 16px;
    font-family: "Proxima Nova";
    font-size: 18px;
    line-height: 24px;
    border-radius: 3px;
    width: 100%;
    max-width: 309px;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    white-space: normal;
    margin-bottom: 5px;
    margin-top: 5px;
}

.table .btn {
    color: #511E62;
    font-size: 16px;
    font-family: Proxima Nova;
    font-weight: 500;
    line-height: 24px;
    word-wrap: break-word
}

.btn:disabled {
    color: #333333;
    background: #DDDDDD;
    border: none;
}

.btn-small {
    padding: 8px 16px !important;
    width:auto;
}



/*btn-primary is of color Green*/
.btn-primary {
    background-color: #00798E;
    border-color: #00798E;
    color: #fff;
}

    .btn-primary:hover {
        background: #008FA8;
        border-color: #008FA8;
        color: #fff;
        justify-content: center;
        align-items: center;
        gap: 8px;
        display: inline-flex;
    }

    .btn-primary:focus, .btn-primary:active {
        background: #00798E;
        box-shadow: 0px 0px 8px #00A5C2;
        background-color: #00798E !important;
        border-color: #00798E !important;
        color: #fff;
        justify-content: center;
        align-items: center;
        gap: 8px;
        display: inline-flex;
    }

/*btn-secondary is of color purple*/
.btn-secondary {
    background-color: #511E62;
    border-color: #511E62;
    color: #fff;
}

    .btn-secondary:hover {
        background: #65257A;
        border-color: #65257A;
        color: #fff;
        justify-content: center;
        align-items: center;
        gap: 8px;
        display: inline-flex;
    }

    .btn-secondary:focus, .btn-secondary:active {
        background: #511E62;
        box-shadow: 0px 0px 8px #7A2D94;
        background-color: #511E62 !important;
        border-color: #511E62 !important;
        color: #fff;
        justify-content: center;
        align-items: center;
        gap: 8px;
        display: inline-flex;
    }

/*btn-tertiary is of color white*/
.btn-tertiary {
    background: white;
    border: 1px #511E62 solid;
    color: #511E62;
}

    .btn-tertiary:hover {
        background: rgba(72, 27, 87, 0.05);
        border-color: #511E62;
        border: 1px #511E62 solid;
        color: #511E62;
        justify-content: center;
        align-items: center;
        gap: 8px;
        display: inline-flex;
    }

    .btn-tertiary:focus, .btn-tertiary:active {
        background: white;
        box-shadow: 0px 0px 8px #7A2D94;
        border: 1px #511E62 solid !important;
        background-color: white !important;
        border-color: #511E62 !important;
        color: #511E62;
        justify-content: center;
        align-items: center;
        gap: 8px;
        display: inline-flex;
    }


/*------------------------------------------------------------------------------*/
/* Bootstrap Textbox Customize CSS*/
/*------------------------------------------------------------------------------*/
.form-control {
    font-size: 16px;
    font-family: Proxima Nova;
    font-weight: 400;
    line-height: 24px;
    word-wrap: break-word;
    color: #333333;
}

    .form-control:focus {
        border: 2px #00798E solid;
    }
/*------------------------------------------------------------------------------*/
/* Bootstrap Select Customize CSS*/
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* Bootstrap Checkbox Customize CSS*/
/*------------------------------------------------------------------------------*/
.form-check-input:checked {
    background-color: #00798e;
    border-color: #00798e;
}

.form-check-input:focus {
    border-color: #00798e;
    outline: 0;
    box-shadow: 0 0 2px 2px #00798e;
}
/*------------------------------------------------------------------------------*/
/*Radio Box Customization CSS*/
/*------------------------------------------------------------------------------*/
input[type=radio] {
    width: 20px;
    height: 20px;
}

    input[type=radio]:checked {
        accent-color: #00798E;
    }

    input[type=radio] + label {
        color: #333333;
        font-size: 16px;
        font-family: Proxima Nova;
        font-weight: 400;
        line-height: 24px;
        word-wrap: break-word;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        margin-left: 12px;
        margin-right: 6px;
    }

.form-radio span.form-check-input {
    display: flex;
    align-items: center;
    margin-right: 14px !important;
    margin-left: auto;
    width: 100%;
}

.form-radio {
    display: flex;
    flex-direction: row;
    gap: 10px; /* space between options */
}

.rightAutoMargin span.form-check-input {
    margin-right: auto !important;
}

.radioBtnForReports input[type=radio] + label {
    margin-right: 200px !important;
}

.reportCSV {
    border-radius: 8px;
    border: 1px #CCCCCC solid;
    overflow: hidden;
    border-collapse: separate !important;
}

.form-radio .form-check-input {
    border: 1px #979797 solid;
    padding: 20px;
    color: #333333;
    font-size: 16px;
    font-family: Proxima Nova;
    font-weight: 400;
    line-height: 24px;
    word-wrap: break-word
}

    .form-radio .form-check-input:has(input[type=radio]:checked) {
        border: 2px #00798E solid;
    }

    .form-radio .form-check-input:focus {
        border-color: #00798e;
        outline: 0;
        box-shadow: 0 0 2px 2px #00798e;
    }

    .form-radio .form-check-input input[type=radio][disabled] + label {
        color: #DDDDDD;
    }

    .form-radio .form-check-input:has(input[type=radio][disabled]) {
        color: #DDDDDD;
        border: 1px #DDDDDD solid;
    }

/*------------------------------------------------------------------------------*/
/* Bootstrap Tab Customize CSS*/
/*------------------------------------------------------------------------------*/
.nav-tabs .nav-link {
    border-radius: 0;
}

.navigationTab {
    background: #DDDDDD;
    border-top: 1px #CCCCCC solid;
    border-bottom: 1px #CCCCCC solid;
    padding: 16px;
}

.tab-content > .tab-pane {
    border-top: none;
    border-left: 1px solid #ecebeb;
    border-right: 1px solid #ecebeb;
    border-bottom: 1px solid #ecebeb;
}


/*------------------------------------------------------------------------------*/
/* Select dropdown Floating placeholder label Customize CSS*/
/*------------------------------------------------------------------------------*/
.form-select {
    width: auto;
    display: initial;
    border: 1px #979797 solid;
    padding: 8px 1.7rem 8px 8px;
    background-position: right 0.8rem center;
}

    .form-select:focus {
        border: 2px #00798E solid;
        box-shadow: none;
    }

.form-floating > .form-select {
    width: 100%;
    padding: 16px;
    border-radius: 4px;
    border: 1px #333333 solid;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
    color: #58595B;
    font-size: 16px;
    font-family: Proxima Nova;
    font-weight: 400;
    line-height: 24px;
    word-wrap: break-word;
    --bs-form-select-bg-img: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g id='Chevron'><path id='Path' fill-rule='evenodd' clip-rule='evenodd' d='M17.4697 8.46967L18.5303 9.53033L12 16.0607L5.46967 9.53033L6.53033 8.46967L12 13.939L17.4697 8.46967Z' fill='%2358595B'/></g></svg>");
}

    .form-floating > .form-select:focus {
        border: 2px #00798E solid;
        box-shadow: none;
    }

        .form-floating > .form-select:focus + label {
            color: #00798E !important;
        }

        .form-floating > .form-select:focus + label,
        .form-floating > .form-select:not([value=""]):valid + label {
            top: -16px;
            color: #333333;
            font-size: 16px;
            font-family: Proxima Nova;
            font-weight: 400;
            line-height: 24px;
            word-wrap: break-word;
        }

    .form-floating > .form-select + label {
        top: 12px;
        color: #58595B;
        font-size: 16px;
        font-family: Proxima Nova;
        font-weight: 400;
        line-height: 24px;
        word-wrap: break-word;
    }

    .form-floating > .form-select:disabled {
        border: 1px #E0E0E0 solid;
        color: #E0E0E0;
        background-color: white;
        --bs-form-select-bg-img: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><g id='Chevron'><path id='Path' fill-rule='evenodd' clip-rule='evenodd' d='M17.4697 8.46967L18.5304 9.53033L12.0001 16.0607L5.46973 9.53033L6.53039 8.46967L12.0001 13.939L17.4697 8.46967Z' fill='%23E0E0E0'/></g></svg>");
    }

        .form-floating > .form-select:disabled + label {
            color: #E0E0E0;
        }

    /*Validation CSS*/
    .form-floating > .form-select.is-invalid, .was-validated .form-select:invalid {
        border: 2px #D90941 solid !important;
    }

        .form-floating > .form-select.is-invalid + label, .was-validated .form-select:invalid + label {
            color: #D90941 !important;
        }

        .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
            --bs-form-select-bg-icon: none !important;
        }
/*------------------------------------------------------------------------------*/
/* End Select dropdown Floating placeholder label Customize CSS*/
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*Textbox Floating placeholder label Customize CSS*/
/*------------------------------------------------------------------------------*/
/*Floating label textbox*/
.form-floating > .form-control, .form-floating > .form-control-plaintext {
    padding: 16px;
    background: white;
    border-radius: 4px;
    border: 1px #979797 solid;
    color: #333333 !important;
    width: 100%;
}

    .form-floating > .form-control:focus,
    .form-floating > .form-control-plaintext:focus {
        border: 2px #00798E solid;
        box-shadow: none;
    }

.login .form-floating > .form-control + label {
    left: 12px;
}

.form-floating > .form-control + label {
    font-size: 16px;
    font-family: Proxima Nova;
    font-weight: 400;
    line-height: 24px;
    color: #58595B !important;
}

.form-floating > .form-control:focus + label {
    top: -16px;
    color: #00798E !important;
}

.form-floating > .form-control-plaintext:not(:placeholder-shown) + label,
.form-floating > .form-control:not(:placeholder-shown) + label {
    top: -16px;
}

.form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
    padding-top: 0.625rem;
}

/*------------------------------------------------------------------------------*/
/*Change the datetime picker css*/
/*------------------------------------------------------------------------------*/


/*Validation CSS*/
.form-floating > .form-control.is-invalid, .was-validated .form-control:invalid {
    border: 2px #D90941 solid !important;
}

    .form-floating > .form-control.is-invalid + label, .was-validated .form-control:invalid + label {
        color: #D90941 !important;
    }

.validation-error {
    margin-top: 8px;
    color: #D90941;
    /*padding-left: 16px;*/
    font-size: 13px;
    font-family: Proxima Nova;
    font-weight: 400;
    line-height: 16px;
    word-wrap: break-word;
}

/*Disabled css*/
.form-floating > .form-control:disabled,
.form-floating > .form-control:read-only {
    color: #E0E0E0 !important;
    border: 1px #E0E0E0 solid;
}

    .form-floating > .form-control:disabled + label,
    .form-floating > .form-control:read-only + label {
        color: #E0E0E0 !important;
    }

    .form-floating > .form-control:disabled ~ label::after, .form-floating > :disabled ~ label::after,
    .form-floating > .form-control:read-only ~ label::after {
        background-color: white !important;
    }
/*End Floating label textbox*/

/*------------------------------------------------------------------------------*/
/* Text Area CSS*/
/*------------------------------------------------------------------------------*/
.form-text-area:focus {
    border: 2px #00798E solid;
    box-shadow: none;
}

/*------------------------------------------------------------------------------*/
/*Footer Custom CSS*/
/*------------------------------------------------------------------------------*/
.footer-root {
    width: 100%;
    height: 100%;
    padding-left: 35px;
    padding-right: 66px;
    padding-top: 48px;
    background: white;
    border-top: 1px #DDDDDD solid;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 48px;
    display: inline-flex;
}

.footer-version-area {
    align-self: stretch;
    border-top: 1px #CCCCCC solid;
}

.footer-version-div {
    align-self: stretch;
    padding-top: 24px;
    padding-bottom: 24px;
    background: white;
    justify-content: flex-start;
    align-items: center;
    gap: 57px;
    display: inline-flex;
    flex: 1 1 0;
    color: #333333;
    font-size: 14px;
    font-family: Proxima Nova;
    font-weight: 400;
    line-height: 16px;
    word-wrap: break-word;
}

.footer-label {
    color: #333333;
    font-size: 16px;
    font-family: Proxima Nova;
    font-weight: 600;
    line-height: 24px;
    word-wrap: break-word
}

.footer-links-area {
    width: 100%;
}
/*------------------------------------------------------------------------------*/
/*End Footer Custom CSS*/
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
/*Grid Custom CSS*/
/*------------------------------------------------------------------------------*/
.table {
    border-radius: 8px;
    border: 1px #CCCCCC solid;
    overflow: hidden;
    border-collapse: separate !important;
}

.table-empty {
    border-radius: 8px;
    border: 1px #CCCCCC solid;
    overflow: hidden;
}

.table td {
    color: #333333;
    font-size: 16px;
    font-family: Proxima Nova;
    font-weight: 400;
    line-height: 24px;
    word-wrap: break-word;
}

.MyGridHeader > th {
    background: #E5F2F6;
    padding: 16px;
    border-right: 1px #CCCCCC solid;
    border-bottom: 1px #CCCCCC solid;
    flex: 1 1 0;
    color: #333333;
    font-size: 16px;
    font-family: Proxima Nova;
    font-weight: 600;
    line-height: 24px;
    word-wrap: break-word;
}

.MyGridHeaderModalMultiSelect > th {
    background: #E5F2F6;
    padding: 16px;
    border-right: 1px #CCCCCC solid;
    border-bottom: 1px #CCCCCC solid;
    flex: 1 1 0;
    color: #333333;
    font-size: 16px;
    font-family: Proxima Nova;
    font-weight: 600;
    line-height: 24px;
    word-wrap: break-word;
}

.form-label-grid-navigation {
    color: #333333;
    font-size: 16px;
    font-family: Proxima Nova;
    font-weight: 400;
    line-height: 24px;
    word-wrap: break-word
}

.grid-navigation .form-select {
    width: auto;
    display: initial;
    border: 1px #979797 solid;
    padding: 4px 1.3rem 4px 4px;
    background-position: right 0.4rem center;
}

.divGridNavigationRight .btn-small {
    padding: 5px 7px !important;
}

.divGridNavigationRight > .btn {
    width: auto;
}

.divGridNavigationLeft > .form-select:focus {
    border: 2px #00798E solid;
    box-shadow: none;
}

.divGridNavigationRight > .form-select:focus {
    border: 2px #00798E solid;
    box-shadow: none;
}

.divGridNavigationRight > .btnPrevPage {
    margin-left: 2px;
}

.divGridNavigationRight > .btnNextPage {
    margin-left: 2px;
}
/*------------------------------------------------------------------------------*/
/*End Grid Custom CSS*/
/*------------------------------------------------------------------------------*/

/*Alert notification messages*/
.alert.alert-warning {
    padding: 16px;
    background: #FEEFD9;
    border-radius: 3px;
    border: 1px rgba(215, 61, 0, 0.40)
}

.alert.alert-danger {
    padding: 16px;
    background: #FBE6EC;
    border-radius: 3px;
    border: 1px rgba(217, 9, 65, 0.40)
}

.alert.alert-info {
    padding: 16px;
    background: #E5F2F6;
    border-radius: 3px;
    border: 1px rgba(0, 127, 171, 0.40) solid;
}

.alert.alert-light {
    padding: 16px;
    background: white;
    border-radius: 3px;
    border: 1px #DDDDDD solid;
}

.alert.alert-success {
    padding: 16px;
    background: #E8F3ED;
    border-radius: 3px;
    border: 1px rgba(28, 135, 84, 0.40) solid;
}

.btn-close {
    --bs-btn-close-focus-shadow: none;
    --bs-btn-close-bg: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Notifications"><path id="Path" fill-rule="evenodd" clip-rule="evenodd" d="M12.8493 2L14 3.15074L9.15111 8L14 12.8493L12.8493 14L8 9.15111L3.15074 14L2 12.8493L6.84889 8L2 3.15074L3.15074 2L8 6.84889L12.8493 2Z" fill="%23333333"/></g></svg>');
}
/*Temporary added - Confirm below css and add/remove */
.ajax__tab_default .ajax__tab_tab {
    padding-bottom: 19px;
}

.titleLabel {
    color: #511e62;
}

.SubSectionHeader {
    color: #511e62;
}

.badge-custom {
    background-color: #E5F1F3;
}

    .badge-custom > span {
        color: #00798E !important;
    }

.outstandingAmt {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-color: #511e62;
    border-radius: 10px;
}

.newTransactionAmt {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-color: #00798e;
    border-radius: 10px;
}

.availableAmt {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-color: #B0CACE;
    border-radius: 10px;
}

.multicolorbar {
    height: 10px;
    width: 100%;
    border-radius: 5px;
}

.outstanding {
    height: 10px;
    background-color: #511e62;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.newtransactions {
    height: 10px;
    background-color: #00798e;
}

.available {
    height: 10px;
    background-color: #B0CACE;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.navigationTab {
    color: #511e62;
}

.dvRowPay {
    background-color: #511e62;
}

.payText {
    color: #ffffff;
    font-size: 14px;
}

.dvRowPayAmt {
    background-color: #EAEAEA
}


.newCreditLimit {
    width: 200px;
}

.sortCodeInline input {
    display: inline;
}

.paymentBtn {
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*label CSS*/
.form-label {
    color: #333333;
    font-family: Proxima Nova;
    word-wrap: break-word;
}

/* Header CSS*/
.font-size-29 {
    font-size: 29px;
    font-weight: 600;
    line-height: 40px;
}

/* Sub Header CSS*/
.font-size-26 {
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
}

.font-size-20 {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.font-size-18 {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.font-size-16 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.font-size-14 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

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

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

.nav-link, .dropdown-item {
    color: #333333;
    font-size: 16px;
    font-family: Proxima Nova;
    font-weight: 400;
    line-height: 24px;
    word-wrap: break-word
}

.MarketingConsentLeftEdge h4 {
    color: #333333;
    line-height: 24px;
    font-size: 26px;
    font-weight: bold;
}

.MarketingConsentLeftEdge label {
    padding: 5px;
    display: inline;
}

.MarketingConsentBlock .question {
    margin-bottom: 15px;
}

.regquestion .label-margin label {
    display: inline;
    margin-left: 10px;
}
/*------------------------------------------------------------------------------*/
/*Boostrap Datepicker Custom CSS*/
/*------------------------------------------------------------------------------*/
.datepicker-days {
    padding: 10px;
}

.datepicker td, th {
    text-align: center;
    padding: 10px 15px;
}

.sortDelimeter {
    margin-left: 5px;
}

.datepicker table tr td span {
    width: 31% !important;
}
/*------------------------------------------------------------------------------*/
/*End Boostrap Datepicker Custom CSS*/
/*------------------------------------------------------------------------------*/

.options-col-btn {
    width: 50% !important;
}
/*------------------------------------------------------------------------------*/

.dvRowCardPay {
    background-color: #511e62;
    width: 250px;
}

.dvRowPayCardAmt {
    background-color: #EAEAEA;
    width: 250px;
}

.divCaptureDespatch {
    height: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.SortAsc {
    background: #E5F2F6 url(../../images/SortUpGreen.png) right no-repeat !important;
}

.SortDesc {
    background: #E5F2F6 url(../../images/SortDownGreen.png) right no-repeat !important;
}

.custom-link {
    cursor: pointer;
}

.table-hover > tbody > tr:hover > * {
    --bs-table-color-state: #e8f3ed !important;
    --bs-table-bg-state: rgba(232,243,237,255) !important;
}

.p5 {
    padding: 3rem;
}

.rightAlignment {
    float: right
}

.labelTextWrap {
    white-space: normal !important;
}

.firstRadioNoMargin {
    margin-left: 0px !important;
}
/* Apply default horizontal layout for the RadioButtonList */
.multipleRadioBtn-Align {
    display: flex;
}

    .multipleRadioBtn-Align .form-check-input {
        display: flex;
        width: unset;
        height: 3.3em;
    }

.margin-left-unset {
    margin-left: unset !important;
}

.hideOverflow {
    overflow-x: hidden;
}
/*------------------------------------------------------------------------------*/
/*Start Media css*/
/*------------------------------------------------------------------------------*/
/* For mobile devices */
@media screen and (max-width: 768px) {
    .ContentPanel, .ContentPanelCenter, .ContentPanelNoTopBorder {
        background-color: Transparent;
        vertical-align: top;
        height: auto !important;
        padding: 10px 0px 10px 12px;
    }

    .CentreOuterPanel .ContentPanelCenter {
        background-color: Transparent;
        vertical-align: top;
        height: auto !important;
        padding: 10px 28px 10px 0px
    }

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

    .labelAvailable {
        justify-content: normal !important;
    }

    .labelNewTransaction {
        justify-content: normal !important;
    }
    
    .form-radio {
        flex-direction: column;
    }

        .form-radio span.form-check-input {
            width: 100%;
            margin-right: 0;
            margin-left: 0;
        }

        .form-radio .form-check-input {
            border: 1px #979797 solid;
            padding: 22px;
            color: #333333;
            font-size: 16px;
            font-family: Proxima Nova;
            font-weight: 400;
            line-height: 24px;
            word-wrap: break-word
        }

    .form-normal-radio input[type=radio] + label {
        width: 18em !important;
        display: inline;
    }

    .LeftPanel .ContentPanelNoTopBorder {
        padding-left: 0px;
    }
    /* Reduce padding into tab for mobile screen */
    .p5 {
        padding: 0.8rem;
    }

    .rightAlignment {
        float: left
    }

    .divOK {
        left: auto !important;
        max-width: 320px !important;
    }

    .responsiveNotificationText {
        overflow-y: scroll;
        height: 350px;
    }

    #ctl00_ContentPlaceHolder1_divReportParameters .text-end {
        text-align: left !important;
    }

    .multipleRadioBtn-Align {
        /* Vertical layout for mobile view */
        display: inline;
    }

        .multipleRadioBtn-Align .form-check-input {
            width: 62% !important;
            margin-bottom: 12px !important;
        }

    .radioBtnForReports input[type=radio] + label {
        width: 40px !important;
        margin-right: unset !important;
    }

    .multipleRadioBtn-Align br {
        display: none;
    }

    .multipleRadioBtn-Align span.form-check-input {
        margin-left: 0px;
    }

    .regInfoRadioBtn-Align .form-check-input {
        width: 16em !important;
        height: auto;
    }

    #DivBusinessCard {
        background-size: 305px 225px !important;
    }

        #DivBusinessCard div.divCardName {
            padding-left: 29px;
            padding-top: 140px;
        }

        #DivBusinessCard div.divCompanyName {
            padding-left: 29px;
        }

    .largeLableText {
        max-width: 99%
    }

    .flex-column {
        margin-top: 4px;
    }

    .cardNewAddButton-Align {
        text-align: right !important;
    }

    .removeTelLink a {
        text-decoration: none;
        font-size: 29px;
        color: #333333;
        font-weight: 600;
    }

    .g-recaptcha {
        transform: scale(0.90);
        transform-origin: 0 0;
    }
    .displayInline {
         font-size : 14px !important ;
    }
    .NewAppCardDetailContent {
        padding-left: 2px;
        padding-right: 2px;
    }
    .modelPopupForMobile {
        padding: 8px 5px 40px;
    }
    .allowMultiLine {
        overflow-wrap: break-word;
        white-space: normal !important;
    }
}



/* For tablets */
@media screen and (min-width: 768px) and (max-width: 992px) {
    .ContentPanel, .ContentPanelCenter, .ContentPanelNoTopBorder {
        background-color: Transparent;
        vertical-align: top;
        height: auto !important;
        padding: 10px 0px 10px 12px;
    }

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

    .LeftPanel .ContentPanelNoTopBorder {
        padding-left: 0px;
    }

    .maskedAccountNum-align {
        text-align: right !important;
        flex: 0 0 auto;
        width: 17%;
    }

    .removeTelLink a {
        text-decoration: none;
        font-size: 29px;
        color: #333333;
        font-weight: 600;
    }
}

/* For desktops and larger devices */
@media screen and (min-width: 992px) {
    .ContentPanel, .ContentPanelCenter, .ContentPanelNoTopBorder {
        background-color: Transparent;
        vertical-align: top;
        min-height: 380px;
        height: auto !important;
        height: 400px;
        padding: 10px 10px 10px 10px;
        border-style: none;
    }

    .resumeBtn {
        margin-top: 10px;
    }

    .divCancelPayment {
        margin-top: 10px;
    }

    .poundSign {
        font-size: 17px;
        text-align: right;
        margin-top: 25px;
    }

    .paymentAmt {
        font-size: 17px;
    }

    .labelOutstanding {
        font-size: 12px;
    }

    .labelNewTransaction {
        font-size: 12px;
    }

    .labelAvailable {
        font-size: 12px;
    }

    .amountValues {
        display: none;
    }

    .outstandingValue {
        display: block;
    }

    .newTransactionValue {
        display: block;
    }

    .availableValue {
        display: block;
    }

    .labelOutstanding {
        font-size: 12px;
    }

    .labelNewTransaction {
        font-size: 12px;
        text-align: center;
    }

    .labelAvailable {
        font-size: 12px;
        text-align: right;
    }

    .allAmount {
        display: block;
    }

    .outstandingValue {
        display: none;
    }

    .newTransactionValue {
        display: none;
    }

    .availableValue {
        display: none;
    }

    .btnMargin {
        margin-top: 8px;
    }

    .tabcolumn {
        width: 20%;
        float: left;
    }
}
/*------------------------------------------------------------------------------*/
/*End Media css*/
/*------------------------------------------------------------------------------*/
.SingleClickActivate > h1, .Incentives > h1 {
    font-size: 29px;
    font-weight: 600;
    line-height: 40px;
    color: #333333;
}

.SingleClickActivate > p, .Incentives > p {
    font-weight: bold;
}
.displayInline {
    font-size: 15px;
    white-space: nowrap; /* Prevent wrapping to multiple lines */
    overflow: hidden; /* Optional: hide overflowing content */
    text-overflow: ellipsis; /* Optional: show ellipsis if content overflows */
}