/* Kendo UI fix */
/* https://docs.telerik.com/kendo-ui/backwards-compatibility/2017-backward-compatibility */
.k-i-arrow-60-left {
    background-position: 0px -48px;
}

.k-i-arrow-60-right {
    background-position: 0 -16px;
}

.k-i-arrow-end-right {
    background-position: 0 -80px;
}

.k-i-arrow-end-left {
    background-position: 0 -112px;
}

.k-i-sort-desc-sm {
    background-position: 0px -32px;
}

.k-i-sort-asc-sm {
    background-position: 0px 0px;
}

.k-i-bold {
    background-position: -240px 0px;
}

.k-i-italic {
    background-position: -240px -24px;
}

.k-i-underline {
    background-position: -240px -48px;
}

.k-i-align-left {
    background-position: -240px -144px;
}

.k-i-align-center {
    background-position: -240px -168px;
}

.k-i-align-right {
    background-position: -240px -192px;
}

.k-i-list-unordered {
    background-position: -240px -264px;
}

.k-i-list-ordered {
    background-position: -240px -288px;
}

.k-i-indent-increase {
    background-position: -288px 0px;
}

.k-i-link-horizontal {
    background-position: -288px -48px;
}

.k-i-image {
    background-position: -288px -98px;
}

.k-i-table-insert {
    background-position: -192px 0px;
}

.k-i-table-row-insert-above {
    background-position: -192px -72px;
}

.k-i-table-row-insert-below {
    background-position: -192px -96px;
}

.k-i-table-column-insert-left {
    background-position: -192px -24px;
}

.k-i-table-column-insert-right {
    background-position: -192px -48px;
}

.k-i-table-row-delete {
    background-position: -192px -120px;
}

.k-i-table-column-delete {
    background-position: -192px -144px;
}

.k-i-table-properties {
    background-position: -192px -168px;
}

.k-i-sub-script {
    background-position: -288px -146px;
}

.k-i-sup-script {
    background-position: -288px -170px;
}

.k-i-strikethrough {
    background-position: -240px -72px;
}

.k-i-align-justify {
    background-position: -240px -217px;
}

.k-i-indent-decrease {
    background-position: -288px -25px;
}

.k-i-foreground-color {
    background-position: -240px -92px;
}

.k-i-paint {
    background-position: -240px -117px;
}

.k-i-unlink-horizontal {
    background-position: -288px -73px;
}

.k-i-close {
    background-position: -33px -16px;
}

.k-i-folder-add {
    background-position: -31px -267px;
}

.k-search {
    background-position: -30px -237px;
}

.k-i-arrow-chevron-right {
    background-position: -16px -16px;
}

.k-i-html {
    background-position: -288px -122px;
}

.k-i-answer {
    background-position: -288px -242px;
}

.k-i-clear-css {
    background-position: -312px -291px;
}

.k-i-copy-format {
    background-position: -312px -268px;
}

.k-i-apply-format {
    background-position: -288px -290px;
}

.k-i-print {
    background-position: -291px -268px;
}

[name="questionUI"] [title="answer block"] {
    box-shadow: 0 2px 5px rgb(67 76 159);
}

.k-i-calendar {
    background-position: -46px -175px;
}
.k-datepicker input {
    outline: none;
    border: 1px solid #cccccc;
    width: 100%;
    padding: 6px 12px;
    border-radius: 4px 0px 0px 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.k-datepicker button {
    min-height: 1.94em;
    line-height: 2.31em;
    vertical-align: top;
    text-align: center;
    width: 1.9em;
    height: 100%;
    padding: 0px;
    border-radius: 0px 4px 4px 0px;
    margin-left: -1px;
}
.k-datepicker button:hover .k-i-calendar {
    background-position: -46px -175px !important;
}
.k-state-hover > * > .k-i-calendar {
    background-position: -46px -175px;
}

span.k-tool-icon.k-icon.k-i-Video-insert,
span.k-tool-icon.k-icon.k-i-Strip-hTML,
span.k-tool-icon.k-icon.k-i-Audio-insert {
    width: 0px;
}

a[title="Insert Video"]::after {
    content: "\1F4F9";
}

a[title="Insert Audio"]::after {
    content: "\1F50A";
}

a[title="Strip HTML"]::after {
    content: "\2702";
}

/* sf14 only fix */
.k-tool-text {
    display: none;
}


.signInLink {
    /*display: none !important;*/
}

.sfsearchBox span.k-icon.k-i-loading.k-hidden {
    display: none;
}
.purpose {
    text-align: center;
    margin-bottom: 50px;
}
.newCharterDesignationBanner {
    position: fixed;
    bottom: 0px;
    background: #ad852e;
    left: 0px;
    right: 0px;
    text-align: center;
    color: #fff;
    z-index: 1;
    padding: 14px 5%;
    font-size: 16px;
    display: none;
}
.newCharterDesignationBanner a {
    color: #ffffff;
}
.newCharterDesignationBanner a:hover {
    text-decoration: underline;
}

.purpose .sectionHead {
    border-bottom: 0px !important;
}
.purposeStatement {
    font-size: 28px;
    font-style: italic;
    text-shadow: 1px 1px 2px #002f2f;
}
.new.menuNew {
    border-radius: 200px;
    font-size: 10px !important;
    font-weight: 600;
    padding: 4px 10px;
    margin-left: 4px;
}
.riAlert {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1;
    width: 200px;
    background: #0869a2;
    height: 200px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 400px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.7);
    font-size: 23px;
    padding: 20px;
}
.examDateChangePopup .modal-body {
    background-image: none;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}
.examDateChangePopup .modal-content {
    background: #a70000 !important;
}
.examDateChangePopup h1 {
    font-family: 'Open Sans';
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 2px 2px 3px #480000;
    font-size: 24px;
}
.examDateChangePopup .content {
    padding: 0px 0px 0px 0px;
}
.examDateChangePopup a {
    color: #fff;
    text-decoration: underline;
}
.examDateChangePopup .btn {
    background: #ffffff;
    color: #a70000;
    font-size: 16px;
    margin-top: 6px;
    font-weight: 500;
    border: 0px solid;
    text-decoration: none;
    border-radius: 200px;
}
.examDateChangePopup .btn:hover {
    background: #500000;
    color: #fff;
    border: 0px solid;
}
@media (min-width: 768px) {
    .examDateChangePopup .content {
        padding: 0px 0px 0px 30%;
    }
    .examDateChangePopup h1 {
        font-size: 30px;
    }
    .examDateChangePopup .modal-body {
        background-image: url(/cisiweb2/image/cal5.png);
        background-size: 40%;
        color: #fff;
        font-weight: 400;
        font-size: 16px;
        background-repeat: no-repeat;
        background-position: -20%;
    }
}
@media (min-width: 992px) {
    .examDateChangePopup .modal-body {
        font-size: 18px;
    }
    .examDateChangePopup h1 {
        font-size: 40px;
    }
}

/* kendo fixes - sort when kendo css is updated - also  Kendo UI fix in boostrapnavchanges.css */
.k-file-extension-wrapper,
.k-file-size {
    display: none;
}


@media (prefers-color-scheme: dark) {
    .isApp body,
    .isApp .mainWrapper,
    .isApp .mycisiBlock,
    html.isApp .mycisiContent,
    html.isApp .mycisiBlock .title,
    html.isApp .mycisiBlock h2,
    html.isApp h2,
    html.isApp h3,
    html.isApp .mycisiBlock h4{
        background-color: #000;
        color: #fff !important;
    }

    html.isApp .forgotPasswordBox p
    html.isApp .forgotEmailBox p {
        color:#ffffff;
    }
    html.isApp .forgotPasswordBox,
    html.isApp .forgotEmailBox {
        background: #000000 !important;
    }
    .isApp .nav-tabs > li > a {
        color: #fff;
    }
    .isApp #examTitle,
    .isApp #examDetails h2 {
        background: transparent;
    }
    .isApp .prevCand .col-sm-3 > div {
        background: #383838;
        color: #fff;
    }
    .isApp .tips {
        filter:invert(1);
        color: #000;
    }
    .isApp .nextExam,
    .isApp #examDetails .content{
        background: #1b5858 !important;
    }
    .isApp .examStats .col-sm-4 > div {
        background: #347575;
    }
    .isApp .nav-tabs {
        border-color: #1b5858;
    }
    .isApp .nav-tabs > li.active > a, 
    .isApp .nav-tabs > li.active > a:hover, 
    .isApp .nav-tabs > li.active > a:focus {
        border-bottom: 1px solid #1b5858;
        background: #1b5858;
    }
    .isApp a {
        color: #78bbbb;
    }
    .isApp .greyButton a {
        color: #444444;
    }
    .isApp .moduleChapter:nth-child(2n+1) {
        background-color: #56563f;
    }
    .isApp .moduleChapter:nth-child(2n) {
        background-color: #4c5a23;
    }
    .isApp .moduleChapter a {
        color:#ffffff;
    }
    .isApp .moduleChapter:nth-child(even) .generalParagraphHandyHint {
        background-color: #2f3a0e;
        color: #fff;
    }
    .isApp .moduleChapter:nth-child(odd) .generalParagraphHandyHint {
        background-color: #333323;
        color: #fff;
    }
    .isApp .testAnswer {
        background-color: #56563f;
    }
    .isApp #testQuestionText {
        color: #ffffff;
    }
    .isApp #membershipPrivilegesHeaderButton {
        color: #444444;
    }
    .isApp #membershipPrivilegesLink a {
        color: #ffffff;
    }
    .isApp .singleResult > div {
        color:#000000;
    }
}

.isApp #cookieConsent,
.isApp #infoAlert,
.isApp .covidAlert,
.isApp .footerWrapper,
.isApp .headerWrapper,
.isApp .mycisiNavWrapper,
.isApp .signInAndRegisterContainer .borderLeft,
.isApp .signInWarning,
.isApp .backToSignInBox,
.isApp .pageTitle,
.isApp .memberFact,
.isApp .forgotPasswordBoxTitle,
.isApp .forgotEmailBoxTitle,
.isApp .welcomePad,
.isApp .menuIcon,
.isApp .headerImage h3,
.isApp .breadcrumbWrapper {
    display: none !important;
}
.isApp .examPolicyWrapper {
    margin-bottom: 20px !important;
}
.isApp .signInContainer {
    padding-top: 0px !important;
    margin-top: -20px;
}
.isApp h1, .isApp h2, .isApp h3, .isApp h4, .isApp h5, .isApp h6, .isApp .h1, .isApp .h2, .isApp.h3, .isApp .h4, .isApp .h5, .isApp .h6, .isApp .pullQuote, .isApp .pullQuote p, .isApp .crossHead, .isApp .crossHead p {
    font-family: inherit;
}
.isApp .signInAndRegisterContainer h3 {
    /*margin-bottom: -15px;*/
}
html.isApp .forgotPasswordBox,
html.isApp .forgotEmailBox   {
    background: #fff;
    padding: 0px;
}
html.isApp .forgotPasswordBoxTitle {
    visibility: hidden;
}
html.isApp .forgotPasswordBoxTitle:before {
    content: 'Reset your password';
    visibility: visible;
}
html.isApp .forgotPasswordBox p {
    /*visibility: hidden;
    margin-bottom: -30%;*/
}
/*
html.isApp .forgotPasswordBox p:before {
    content: 'Enter your registered email address below and we will send you instructions on how to reset your password. If you have previously locked your account with 5 unsuccessful sign in attempts you will need to contact us in order to unlock your account first.';
    visibility: visible;
}*/
.isApp .mainWrapper {
    margin-top: 0px;
}
.isApp .submitNow {
    width: 100%;
    border-radius: 10px;
}
html.isApp .beforeBlock h2, 
html.isApp .ondayBlock h2, 
html.isApp .afterBlock h2 {
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    background: transparent;
}
.isApp .mycisiContent {
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.isApp .rei {
    margin-bottom: 0px;
}
/*.isApp .mainWrapper {
    background: #fff;
}*/
.isApp .mycisiBlock .title,
.isApp .mycisiBlock h2,
html.isApp h2,
html.isApp h3 {
    background: transparent;
    font-weight: 600;
    color: #000;
    text-transform: inherit;
    font-size: 20px;
    padding-bottom: 0px;
}
    .isApp .imBlocks h3, 
    .isApp .imBlocks h4 {
        background: #dc5d41 none repeat scroll 0 0;
        color: #ffffff !important;
        margin-bottom: 5px !important;
        margin-top: 5px !important;
        padding: 10px;
        font-weight: 200;
        
    }
    .isApp .imBlocks h3 {
        font-size: 18px;
    }
.isApp .mycisiBlock h4{
    background: #fff;
    font-weight: 600;
    color: #343434;
    text-transform: inherit;
    font-size: 18px;
    padding-bottom: 0px;
}
.isApp #examTitleIntro > h4 {
    margin-top: 0 !important;
    color: #ffffff !important;
    background: transparent;
    font-family: inherit;
    font-weight: 500 !important;
}
html.isApp #timeUntilExam{
    text-transform: uppercase;
    font-weight: 500 !important;
}
html.isApp h3.timeUntilExam {
    background: transparent;
}
html.isApp .headerImage {
    margin-left: 0px;
    margin-right: 0px;
    min-height: 250px;
}
html.isApp #logoDisclaimer .btn {
    padding: 10px !important;
    font-size: 12px !important;
}
html.isApp #logoDisclaimer .modal-body {
    font-size: 14px;
}
html.isApp .memberBadgesHeader {
    display: none;
}
html.isApp #chapterBackgroundImage {
    background-image: none !important;
}
html.isApp #moduleResource {
    display: none !important;
}
html.isApp #moduleContent,
html.isApp #generalParagraphBackgroundColor {
    width: 100% !important;
}
html.isApp .moduleChapter {
    margin-top: 20px;
    margin-bottom: 20px;
}
html.isApp .newModule,
html.isApp .refreshed_module {
    width: 50px;
    height: 50px;
    z-index: 1;
}
html.isApp .fortyFiveMinMod,
html.isApp .thirtyMinMod,
html.isApp .sixtyMinMod,
html.isApp .seventyFiveMinMod,
html.isApp .ninetyMinMod,
html.isApp .hundredAndFiveMinMod,
html.isApp .hundredAndTwentyMinMod,
html.isApp .hundredAndThiryFiveMinMod,
html.isApp .thirtyMinMod,
html.isApp .fortyFiveMinMod,
html.isApp .sixtyMinMod,
html.isApp .seventyFiveMinMod,
html.isApp .ninetyMinMod,
html.isApp .hundredAndTwentyMinMod,
html.isApp .hundredAndThiryFiveMinMod,
html.isApp .hundredAndFiftyMinMod,
html.isApp .hundredAndSixtyFiveMinMod,
html.isApp .hundredAndEightyMinMod,
html.isApp .hundredAndNinetyFiveMinMod,
html.isApp .twoHundredAndTenMinMod,
html.isApp .twoHundredAndTwentyFiveMinMod,
html.isApp .twoHundredAndFortyMinMod,
html.isApp .twoHundredAndFiftyFiveMinMod,
html.isApp .twoHundredAndSeventyMinMod,
html.isApp .twoHundredAndEightyFiveMinMod,
html.isApp .threeHundredMinMod,
html.isApp .threeHundredAndFifteenMinMod,
html.isApp .threeHundredAndThirtyMinMod,
html.isApp .threeHundredAndFortyFiveMinMod,
html.isApp .threeHundredAndSixtyMinMod,
html.isApp .threeHundredAndSeventyFiveMinMod,
html.isApp .threeHundredAndNinetyMinMod,
html.isApp .fourHundredAndFiveMinMod,
html.isApp .fourHundredAndTwentyMinMod,
html.isApp .fourHundredAndThirtyFiveMinMod,
html.isApp .fourHundredAndFiftyMinMod,
html.isApp .fourHundredAndSixtyFiveMinMod,
html.isApp .fourHundredAndEightyMinMod,
html.isApp .fourHundredAndNinetyFiveMinMod,
html.isApp .fiveHundredAndTenMinMod,
html.isApp .fiveHundredAndTwentyFiveMinMod,
html.isApp .fiveHundredAndFortyMinMod,
html.isApp .fiveHundredAndFiftyFiveMinMod,
html.isApp .fiveHundredAndSeventyMinMod,
html.isApp .fiveHundredAndEightyFiveMinMod,
html.isApp .sixHundredMinMod,
html.isApp .sixHundredAndFifteenMinMod,
html.isApp .sixHundredAndThirtyMinMod,
html.isApp .sixHundredAndfortyFiveMinMod 
{
    width: 40px;
    height:40px;
    top:-10px;
    left:-10px;
}
@media (min-width: 768px) {
    html.isApp .forgotPasswordBox p {
        visibility: hidden;
        margin-bottom: -5%;
    }
}

@media (min-width: 991px) {
    html.isApp .forgotPasswordBox p {
        visibility: hidden;
        margin-bottom: 0%;
    }
    .isApp .signInContainer {
        width: 100%;
    }
    html.isApp .label_rdr_ethics {
        font-size: 12px;
    }
    .isApp .imBlocks h3, 
    .isApp .imBlocks h4 {
        background: #dc5d41 none repeat scroll 0 0;
        color: #ffffff !important;
        margin-bottom: 5px !important;
        margin-top: 5px !important;
        padding: 10px;
        font-weight: 200;
    }
}

/* hiding new sf12 clear search cross */
.k-clear-value {
    display: none;
}

.cfEmailPopup .modal-body {
    background: #006666;
    color: #fff;
}
.has-error {
    border-radius: 200px;
}
.covidAlert {
    background: #000;
    width: 100%;
    padding: 20px 40px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    z-index: 2000;
    height: auto;
    justify-content: center;
    display: none;
}
.covidAlert a {
    color: #fff !important;
    text-decoration: underline;
}
.covidAlert .glyphicon {
    color: #fff !important;
}
@media (min-width: 1199px) {
    .covidAlert {
        background: #000;
        width: 100%;
        padding: 60px 15%;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        z-index: 1000;
        height:auto;
        justify-content: center;
        top:110px;
    }
}

#infoAlert a {
    color: white !important;
    text-decoration: underline;
}

#infoAlert .container {
    width: 100%;
    color: #fff;
    font-size: 14px;
}
#RadWindowWrapper_PropertyEditorDialog #propertyEditor_ctl00_ctl00_ctl00_ctl00_ctl00_htmlEditor_ctl00_ctl00_editControlCenter {
    height: 80% !important;
}

#ChangeEventConsentShareWrapper {
    padding: 0px;
}
/* dave do: bodge: remove this below */
.amberAlert {
    display: none;
}

a#selfDeclarePopupClose {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #fff !important;
}

#selfDeclarePopupClose .glyphicon {
    color: #fff;
    font-size: 20px;
}

body.standard.sfPageEditor .containercorrect:before {
    content: "-- MOVE EVERYTHING BELOW HERE --";
    background: purple;
    display: block;
    text-align: center;
}

body.standard.sfPageEditor .containercorrect:after {
    content: "-- MOVE EVERYTHING ABOVE HERE --";
    background: purple;
    display: block;
    text-align: center;
}

/* lee do: sort this */
.menuGapFill {
    display: none !important;
}


.cisiShowWarning .generalMessage,
.cisiShowError .generalMessage,
.cisiShowSuccess .generalMessage {
    display: inline-block;
}

.cisiShowWaiting .waiting {
    display: inline-block !important;
}



/* hide the kenod upload button */
.k-upload .k-upload-selected {
    display: none !important;
}


/* Philippines AML PA */
.paHeader {
    background-image: url(/cisiweb2/image/homepage/philippines.jpg);
    background-position: center 30%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}

.paHeaderContent {
    background: rgba(0,0,0,0.7 );
    padding: 50px 20px 50px;
    text-align: center;
    margin-bottom: 50px;
}

.paHeader .paHeaderContent h1 {
    color: #fff;
    font-family: open sans;
    font-size: 30px;
}

.paHeader .paHeaderContent p {
    margin-top: 30px;
    font-size: 14px;
}

.isPH .navbar-nav,
.isPH .mainHeader,
.isPH .basketLink,
.isPH .search,
.isPH .signInAndSignOutAndBasketContainer,
.isPH .navbar-toggle,
.isPH .footerTop,
.isPH .footerMiddle,
.isPH .footerBottom .links,
.isPH .registerAsCustomer,
.isPH .notAMemberYet,
.isPH #infoAlert,
.isPH .covidAlert {
    display: none !important;
}

    .isPH .signInAndSignOutAndBasketContainer .pullDown .mainBar {
        padding-right: 0px;
    }

.isPH .copyright {
    border-top: 0px;
    margin-top: 0px;
}

.isPH .phSecLogo {
    position: fixed;
    top: 14px;
    right: 20px;
    display: block;
    z-index: 1040;
    width: 70px;
    margin: 0;
}

.isPH .benefits {
    text-align: center;
}

    .isPH .benefits img {
        width: 150px;
        margin: 30px auto;
    }

.isPH .actionButtons {
    position: fixed;
    top: 80px;
    right: 00px;
    color: #fff;
    z-index: 1040;
    width: 100%;
    background: #009090;
    text-align: center;
}

.isPH .loginButton,
.isPH .registerButton,
.isPH .signOutButton,
.isPH .uploadButton {
    display: inline-block;
    margin: 0 10px;
    padding: 10px;
    font-size: 12px;
}

    .isPH .loginButton:hover,
    .isPH .registerButton:hover,
    .isPH .uploadButton:hover,
    .isPH .signOutButton:hover {
        border-bottom: 2px solid #6ec2c2;
        cursor: pointer;
    }

    .isPH .loginButton a,
    .isPH .registerButton a,
    .isPH .signOutButton a,
    .isPH .uploadButton a {
        color: #fff;
    }

.isPH #cph_main_cph_main_C010_Col00 {
    margin-top: 50px;
}

.isPH .greenBlock {
    background: #52a7a7;
    padding: 30px;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.isPH .borderLeft:before, .borderBoth:before, .borderBoth:after, .borderRight:after {
    border: 0px solid;
}

.isPH img.et {
    border-radius: 200px;
    width: 150px;
}

.isPH .greyWrapper {
    margin-top: 110px !important;
}

@media (min-width: 768px) {
    .paHeaderContent {
        background: rgba(0,0,0,0.5);
        padding: 30px 10% 50px;
        margin-bottom: 50px;
    }

    .paHeader .paHeaderContent h1 {
        font-size: 40px;
    }

    .paHeader .paHeaderContent p {
        margin-top: 30px;
        font-size: 18px;
    }

    .isPH .actionButtons {
        position: fixed;
        top: 20px;
        right: 10px;
        color: #fff;
        z-index: 1040;
        width: auto;
        background: transparent;
    }

    .isPH .loginButton,
    .isPH .registerButton,
    .isPH .signOutButton,
    .isPH .uploadButton {
        font-size: 14px;
    }

    .isPH .phSecLogo {
        left: 120px;
    }

    .isPH #cph_main_cph_main_C010_Col00 {
        margin-top: 30px;
    }
}


@media (min-width: 1200px) {
    .isPH .phSecLogo {
        top: 16px;
        left: 190px;
        width: 100px;
    }

    .isPH .actionButtons {
        top: 32px;
        right: 20px;
    }

    .paHeader .paHeaderContent h1 {
        font-size: 60px;
    }

    .paHeader .paHeaderContent p {
        margin-top: 40px;
        font-size: 20px;
    }

    .paHeaderContent {
        padding: 70px 10% 100px;
        margin-bottom: 70px;
    }
}

/* QFMA Professional Assessments */
.isQAQFMA .navbar-nav,
.isQAQFMA .mainHeader,
.isQAQFMA .basketLink,
.isQAQFMA .search,
.isQAQFMA .signInAndSignOutAndBasketContainer,
.isQAQFMA .navbar-toggle,
.isQAQFMA .footerTop,
.isQAQFMA .footerMiddle,
.isQAQFMA .footerBottom .links,
.isQAQFMA .registerAsCustomer,
.isQAQFMA .notAMemberYet,
.isQAQFMA .footerBottom,
.isQAQFMA .newModule,
.isQAQFMA #infoAlert,
.isQAQFMA .covidAlert {
    display: none !important;
}

.isQAQFMA .copyright {
    border-top: 0px;
    margin-top: 0px;
}

.isQAQFMA .footerBottom {
    background: #14245a;
}

.isQAQFMA .navbar-default {
    background-color: #002e62;
}

.isQAQFMA body {
    background-color: #041e3c;
}

.isQAQFMA .moduleNormal .itemContent {
    background-color: rgba(177, 128, 23, 0.90);
}

    .isQAQFMA .moduleNormal .itemContent:hover {
        background-color: rgba(177, 128, 23, 1)
    }

.isQAQFMA .item > a:hover,
.isQAQFMA .item > div:hover {
    outline: 6px solid #fff;
}

.isQAQFMA .navbar-header {
    width: 100%;
}

.isQAQFMA .qfmaPALogo {
    float: right;
    margin-right: 0px;
    margin-top: 15px;
    width: 200px;
}

.isQAQFMA .moduleChapter:nth-child(2n+1) {
    background-color: #fbe8c0;
}

.isQAQFMA .moduleChapter:nth-child(even) .generalParagraphHandyHint {
    background-color: #fbe8c0;
    color: #cb931b;
    font-weight: 500;
}

.isQAQFMA .moduleChapter:nth-child(odd) .generalParagraphHandyHint {
    background-color: #c39b47;
    color: ##fbe8c0;
    font-weight: 500;
}

.isQAQFMA .moduleChapter:nth-child(odd) .handyHintImage {
    background-image: url("/cisiweb2/image/cisipr/handyHintImageQFMA2.png") !important;
}

.isQAQFMA .moduleChapter:nth-child(2n) {
    color: #ffffff !important;
    background: #1f456f;
}

.isQAQFMA .caseStudyAnswer,
.isQAQFMA .testAnswerLabel,
.isQAQFMA .testResultLabel {
    background-color: #dcb76a
}

    .isQAQFMA .caseStudyAnswer:hover,
    .isQAQFMA .testAnswerLabel:hover {
        background-color: #e6c88a;
    }

.isQAQFMA .testAnswerLabelSelected {
    background-color: #b38a34;
    color: #fff;
}

.isQAQFMA #testQuestionNumber {
    background-color: #1f456f;
    color: #fff;
}

/*.isQAQFMA .double_column_list a.testAnsweredMenu {
background-color: #436e9e;
color: #fff;
}*/

.isQAQFMA #nextChapter,
.isQAQFMA #prvChapter,
.isQAQFMA #moduleTest,
.isQAQFMA .moduleChapter:nth-child(2n) #nextChapter,
.isQAQFMA .moduleChapter:nth-child(2n) #prvChapter,
.isQAQFMA .moduleChapter:nth-child(2n) #moduleTest,
.isQAQFMA .submitTestButton,
.isQAQFMA #compConformation,
.isQAQFMA #noComplete,
.isQAQFMA .retakeTestButton {
    background: #b38a34 !important;
    border-color: #b38a34 !important;
    cursor: pointer;
}

    .isQAQFMA #nextChapter:hover,
    .isQAQFMA #prvChapter:hover,
    .isQAQFMA #moduleTest:hover,
    .isQAQFMA .moduleChapter:nth-child(2n) #nextChapter:hover,
    .isQAQFMA .moduleChapter:nth-child(2n) #prvChapter:hover,
    .isQAQFMA .moduleChapter:nth-child(2n) #moduleTest:hover,
    .isQAQFMA .submitTestButton:hover,
    .isQAQFMA #compConformation:hover,
    .isQAQFMA #noComplete:hover,
    .isQAQFMA .retakeTestButton:hover {
        background: #d4af63 !important;
    }

.isQAQFMA .chapterMenu,
.isQAQFMA .chapterMenuTest {
    background: #c79e3f;
}

    .isQAQFMA .chapterMenu:hover,
    .isQAQFMA .chapterMenuTest:hover {
        background: #ad852a;
    }

.isQAQFMA .cbp-spmenu {
    background: #17314e;
}

.isQAQFMA .modal-content {
    background: #ffffff;
}

    .isQAQFMA .modal-content button {
        color: #17314e;
    }

.isQAQFMA .double_column_list {
    background-color: #14245a;
}

.isQAQFMA .testAnswer {
    background-color: #fbe8c0;
}

.isQAQFMA .subjectResultBlock {
    background: #fbe8c0;
}

.isQAQFMA .testIncorrect {
    background-color: rgb(164,57,32) !important;
    color: #ffffff;
}

.isQAQFMA .testCorrect {
    background-color: rgb(121, 175, 33) !important;
    color: #ffffff;
}

.isQAQFMA .subjectResultBlock.resultPassed {
    background: #c39b47;
}

@media (min-width: 768px) {
    .isQAQFMA .qfmaPALogo {
        float: right;
        margin-right: 30px;
        margin-top: 10px;
        width: 300px;
    }
}

@media (min-width: 1200px) {
    .isQAQFMA .qfmaPALogo {
        float: right;
        margin-right: 30px;
        margin-top: 0px;
        width: 400px;
    }
}

/*  --  */




/* HKSI Professional Assessments */
.isHKHKSI .navbar-nav,
.isHKHKSI .mainHeader,
.isHKHKSI .basketLink,
.isHKHKSI .search,
.isHKHKSI .signInAndSignOutAndBasketContainer,
.isHKHKSI .navbar-toggle,
.isHKHKSI .footerTop,
.isHKHKSI .footerMiddle,
.isHKHKSI .footerBottom .links,
.isHKHKSI .registerAsCustomer,
.isHKHKSI .notAMemberYet,
.isHKHKSI .footerBottom,
.isHKHKSI .newModule,
.isHKHKSI #infoAlert,
.isHKHKSI .covidAlert,
.isHKHKSI .TestCert,
.isHKHKSI .modulePassed .certBtn,
.isHKHKSI .testCert{
    display: none !important;
}
.isHKHKSI body,
.isHKHKSI .generalParagraphNumber,
.isHKHKSI h1,
.isHKHKSI h2,
.isHKHKSI h3,
.isHKHKSI .scenarioQuestion {
    font-family: Arial !important;
}
.isHKHKSI #chapterSubjectDescription {
    font-size: 18px;
}
.isHKHKSI .pastSubjectTitle {
    color: #fff !important;
}
.isHKHKSI .copyright {
    border-top: 0px;
    margin-top: 0px;
}
.isHKHKSI .moduleResume > *, 
.isHKHKSI .moduleResume .moduleText {
    background-color: rgba(172,153,108,0.85);
}
.isHKHKSI .modulePassed > *, 
.isHKHKSI .modulePassed .moduleText, 
.isHKHKSI .moduleCompleted > *, 
.isHKHKSI .moduleCompleted .moduleText {
    background-color: rgba(79,113,117,0.85);
}


.isHKHKSI .footerBottom {
    background: #14245a;
}

.isHKHKSI .navbar-default {
    background-color: #02205d;
}

.isHKHKSI body {
    background-color: #3b3e69;
}

.isHKHKSI .moduleNormal .itemContent {
    background-color: #ac996c;
}

    .isHKHKSI .moduleNormal .itemContent:hover {
        background-color: #ac996c;
    }

.isHKHKSI .item > a:hover,
.isHKHKSI .item > div:hover {
    outline: 6px solid #fff;
}

.isHKHKSI .navbar-header {
    width: 100%;
}

.isHKHKSI .qfmaPALogo {
    float: right;
    margin-right: 0px;
    margin-top: 15px;
    width: 150px;
}

.isHKHKSI .moduleChapter:nth-child(2n+1) {
    background-color: #dfe6ed;
}

.isHKHKSI .moduleChapter:nth-child(even) .generalParagraphHandyHint {
    background-color: #f8f6f2;
    color: #ac996c;
    font-weight: 500;
}

.isHKHKSI .moduleChapter:nth-child(odd) .generalParagraphHandyHint {
    background-color: #14245a;
    color: #fff;
    font-weight: 500;
}

.isHKHKSI .moduleChapter:nth-child(odd) .handyHintImage {
    background-image: url("/cisiweb2/image/cisipr/handyHintImageQFMA2.png") !important;
}
.isHKHKSI .moduleChapter:nth-child(even) .handyHintImage {
    background-image: url("/cisiweb2/image/cisipr/handyHintImageHKSI.png") !important;
}

.isHKHKSI .moduleChapter:nth-child(2n) {
    color: #ffffff !important;
    background: #ac996c;
}

.isHKHKSI .caseStudyAnswer {
    background-color: #dcd2ba;
}
.isHKHKSI .testAnswerLabel,
.isHKHKSI .testSingleAnswer + label,
.isHKHKSI .testResultLabel {
    background-color: #9eaebf;
}

    .isHKHKSI .caseStudyAnswer:hover{
        background-color: #cbbfa2;
    }
.isHKHKSI .testAnswerLabel:hover,
.isHKHKSI .testSingleAnswer + label:hover {
        background-color: #7c91a7;
    }
 
.isHKHKSI .moduleChapter:nth-child(2n+1) .caseStudyAnswer {
    background-color: #9eaebf;
}
.isHKHKSI .moduleChapter:nth-child(2n+1) .caseStudyAnswer:hover {
    background-color: #7c91a7;
}

.isHKHKSI .testAnswerLabelSelected,
.isHKHKSI .testSingleAnswer:checked + label, 
.isHKHKSI .testMultiAnswer:checked + label {
    background-color: #14245a;
    color: #fff;
}

.isHKHKSI #testQuestionNumber {
    background-color: #1f456f;
    color: #fff;
}

/*.isHKHKSI .double_column_list a.testAnsweredMenu {
background-color: #436e9e;
color: #fff;
}*/

.isHKHKSI #nextChapter,
.isHKHKSI #prvChapter,
.isHKHKSI #moduleTest,
.isHKHKSI .moduleChapter:nth-child(2n) #nextChapter,
.isHKHKSI .moduleChapter:nth-child(2n) #prvChapter,
.isHKHKSI .moduleChapter:nth-child(2n) #moduleTest,
.isHKHKSI .submitTestButton,
.isHKHKSI #compConformation,
.isHKHKSI #noComplete,
.isHKHKSI .retakeTestButton {
    background: #bf0018 !important;
    border-color: #bf0018 !important;
    cursor: pointer;
}

    .isHKHKSI #nextChapter:hover,
    .isHKHKSI #prvChapter:hover,
    .isHKHKSI #moduleTest:hover,
    .isHKHKSI .moduleChapter:nth-child(2n) #nextChapter:hover,
    .isHKHKSI .moduleChapter:nth-child(2n) #prvChapter:hover,
    .isHKHKSI .moduleChapter:nth-child(2n) #moduleTest:hover,
    .isHKHKSI .submitTestButton:hover,
    .isHKHKSI #compConformation:hover,
    .isHKHKSI #noComplete:hover,
    .isHKHKSI .retakeTestButton:hover {
        background: #e3001c !important;
    }

.isHKHKSI .chapterMenu,
.isHKHKSI .chapterMenuTest {
    background: #53648d;
}

    .isHKHKSI .chapterMenu:hover,
    .isHKHKSI .chapterMenuTest:hover {
        background: #b5342e;
    }

.isHKHKSI .cbp-spmenu {
    background: #53648d;
}

.isHKHKSI .modal-content {
    background: #ffffff;
}

.isHKHKSI .modal-content button {
    color: #14245a;
    top: 8px;
    font-size: 50px;
}

.isHKHKSI .double_column_list {
    background-color: #14245a;
}

.isHKHKSI .testAnswer {
    background-color: #dfe6ed;
}

.isHKHKSI .subjectResultBlock {
    background: #ac996c;
}
.isHKHKSI .backtoModuleButton {
    background-color: #14245a !important;
}


.isHKHKSI .testIncorrect {
    background-color: #bf0018 !important;
    color: #ffffff;
}
.isHKHKSI .double_column_list a.wrongAnswer {
     background-color: #bf0018 !important;
}

.isHKHKSI .testCorrect {
    background-color: rgb(121, 175, 33) !important;
    color: #ffffff;
}

.isHKHKSI .subjectResultBlock.resultPassed {
    background: #ac996c;
}

@media (min-width: 768px) {
    .isHKHKSI .qfmaPALogo {
        float: right;
        margin-right: 0px;
        margin-top: 10px;
        width: 160px;
    }
}

@media (min-width: 1200px) {
    .isHKHKSI .qfmaPALogo {
        float: right;
        margin-right: 30px;
        margin-top: 10px;
        width: 210px;
    }
}

/*  --  */


/* SAIS custom MyCISI */

.isSAIS #myAccountMenu,
.isSAIS #myStudyMenuLink,
.isSAIS #eventsMembers,
.isSAIS #reviewMenu,
.isSAIS #membershipPrivileges,
.isSAIS #integrityEthics,
.isSAIS #socialMedia,
.isSAIS #jobsOnline,
.isSAIS #smcrMenu,
.isSAIS #mentalHealthToolkit,
.isSAIS #localEventsWrapper,
.isSAIS #digitalCardWrapper,
.isSAIS .newSliders,
.isSAIS #AGMblock,
.isSAIS #studentMembership,
.isSAIS #cfpToolkit,
.isSAIS .cpdStatusBlock .row.content,
.isSAIS .cpdStatusBlock br,
.isSAIS .statsBlock,
.isSAIS .eventsBlock,
.isSAIS .committeeBlock,
.isSAIS .newsBlock,
.isSAIS .updatesBlock,
.isSAIS .itemListContainer.mycisiBlock,
.isSAIS .tiles,
.isSAIS #endorsedCPDSubMenuLink,
.isSAIS #mainNavCollapse,
.isSAIS .pullDown,
.isSAIS .main,
.isSAIS .footerTop,
.isSAIS .footerMiddle,
.isSAIS .footerBottom .container:first-child,
.isSAIS #footerWrapper,
.isSAIS #completingCPDLink a,
.isSAIS #auditingCPDLink a,
.isSAIS #changeCPDDateLink a,
.isSAIS #viewOthers,
.isSAIS .cisiTVPopup .feedback,
.isSAIS .TestCert.pastResultCert,
.isSAIS .breadcrumbWrapper,
.isSAIS #infoAlert,
.isSAIS #memberBadges,
.isSAIS #memberCard,
.isSAIS .covidAlert,
.isSAIS #appMenu,
.isSAIS #paMenu,
.isSAIS #mentoringMenu {
    display: none !important;
}

.isSAIS #branchIntro {
    background-image: url('/cisiweb2/image/mycisi/sais.jpg') !important;
    background-repeat: no-repeat;
}

    .isSAIS #branchIntro h1 {
        font-weight: 400 !important;
        color: #fff !important;
    }

.isSAIS .branchIntroMessage {
    /*background: rgba(126,94,38,0.35) !important;*/
}

.isSAIS .intro .col-sm-3 {
    display: none;
}

.isSAIS .cpdStatusBlock .content {
    padding-top: 30px !important;
}

.isSAIS .cpdDashboard {
    display: none !important;
}

.isSAIS #branchIntro p {
    font-weight: 400;
}

.isSAIS .copyright {
    border-top: 0px solid;
    margin: 0px auto auto;
}

.isSAIS .cpdYearProgress .k-state-selected,
.isSAIS .k-state-selected {
    background: #ceb281;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-color: #ceb281;
}

.isSAIS .sf-RadioButtons input:hover,
.isSAIS .sf-Checkboxes input:hover,
.isSAIS input[type="radio"]:hover,
.isSAIS input[type="checkbox"]:hover {
        background: #ceb281;
    }

    .isSAIS .sf-RadioButtons input:checked,
	.isSAIS .sf-Checkboxes input:checked,
	.isSAIS input[type="radio"]:checked,
	.isSAIS input[type="checkbox"]:checked {
        background: #ceb281;
    }
.isSAIS .glyphicon {
    color: #ceb281;
}

.isSAIS .cisiTVPopup .close {
    background-color: #ceb281;
}

.isSAIS .surveyButton {
    background: #ceb281;
}

.isSAIS .intro h1 {
    color: #A07C3C !important;
}

.isSAIS .cisiField.btn-primary,
.isSAIS .tableButton.btn-primary,
.isSAIS .btn-primary {
    background-color: #ceb281;
    border-color: #c1a36f;
    color: #fff !important;
}

    .isSAIS .cisiField.btn-primary:hover,
    .isSAIS .btn-primary:hover {
        background-color: #B3945E;
        border-color: #c1a36f;
        color: #fff !important;
    }

.isSAIS .k-pager-wrap .k-link {
    color: #ceb281;
}

.isSAIS .navbar-inverse,
.isSAIS .mycisiNavWrapper,
.isSAIS .mycisiNav .navbar-header {
    background: #453e41;
}

.isSAIS .navbar-default,
.isSAIS .footerBottom {
    background-color: #1a0b13;
}

.isSAIS .cpdYearSummary td {
    background: #ecdabb;
    background: linear-gradient(to bottom, #FCF5EA, #F3E5CE);
}

.isSAIS .dropdown-menu > li > a:hover,
.isSAIS .dropdown-menu > li > a:focus {
    background: #ceb281;
}

.SAISBlock {
    display: none;
}








/* Mauritius Professional Assessments */
.isMUMF .navbar-nav,
.isMUMF .mainHeader,
.isMUMF .basketLink,
.isMUMF .search,
.isMUMF .signInAndSignOutAndBasketContainer,
.isMUMF .navbar-toggle,
.isMUMF .footerTop,
.isMUMF .footerMiddle,
.isMUMF .footerBottom .links,
.isMUMF .registerAsCustomer,
.isMUMF .notAMemberYet,
.isMUMF .footerBottom,
.isMUMF .newModule,
.isMUMF #infoAlert,
.isMUMF .covidAlert,
.isMUMF .borderLeft {
    display: none !important;
}
.isMUMF body,
.isMUMF .generalParagraphNumber,
.isMUMF h1,
.isMUMF h2,
.isMUMF h3,
.isMUMF .scenarioQuestion {
    font-family: Arial !important;
}
.isMUMF #chapterSubjectDescription {
    font-size: 18px;
}
.isMUMF .pastSubjectTitle {
    color: #fff !important;
}
.isMUMF .copyright {
    border-top: 0px;
    margin-top: 0px;
}
.isMUMF .moduleResume > *, 
.isMUMF .moduleResume .moduleText {
    background-color: rgba(253,107,53,0.85);
}
.isMUMF .modulePassed > *, 
.isMUMF .modulePassed .moduleText, 
.isMUMF .moduleCompleted > *, 
.isMUMF .moduleCompleted .moduleText {
    background-color: rgba(53,191,174,0.85);
}
.isMUMF .btn-primary {
    background-color: #fd6b35;
    border-color: #fd6b35;   
}

.isMUMF .signInBoxTitle {
    color: #14245a;
}
.isMUMF .footerBottom {
    background: #14245a;
}

.isMUMF .navbar-default {
    background-color: #0f1d41;
}

.isMUMF body {
    background-color: #1e305c;
}

.isMUMF .moduleNormal .itemContent {
    background-color: #fd6b35;
}

    .isMUMF .moduleNormal .itemContent:hover {
        background-color: #fd6b35;
    }

.isMUMF .item > a:hover,
.isMUMF .item > div:hover {
    outline: 6px solid #fff;
}

.isMUMF .navbar-header {
    width: 100%;
}

.isMUMF .qfmaPALogo {
    float: right;
    margin-right: 0px;
    margin-top: 15px;
    width: 150px;
}

.isMUMF .moduleChapter:nth-child(2n+1) {
    background-color: #dfe6ed;
}



.isMUMF .moduleChapter:nth-child(2n) {
    color: #ffffff !important;
    background: #676e88;
}

.isMUMF .caseStudyAnswer {
    background-color: #dcd2ba;
}
.isMUMF .testAnswerLabel,
.isMUMF .testResultLabel {
    background-color: #00a1e1;
    color: #ffffff;
}

    .isMUMF .caseStudyAnswer:hover{
        background-color: #cbbfa2;
    }
.isMUMF .testAnswerLabel:hover {
        background-color: #7c91a7;
    }
 
.isMUMF .moduleChapter:nth-child(2n+1) .caseStudyAnswer {
    background-color: #9eaebf;
}
.isMUMF .moduleChapter:nth-child(2n+1) .caseStudyAnswer:hover {
    background-color: #7c91a7;
}

.isMUMF .testAnswerLabelSelected {
    background-color: #14245a;
    color: #fff;
}

.isMUMF #testQuestionNumber {
    background-color: #1f456f;
    color: #fff;
}

/*.isMUMF .double_column_list a.testAnsweredMenu {
background-color: #436e9e;
color: #fff;
}*/

.isMUMF #nextChapter,
.isMUMF #prvChapter,
.isMUMF #moduleTest,
.isMUMF .moduleChapter:nth-child(2n) #nextChapter,
.isMUMF .moduleChapter:nth-child(2n) #prvChapter,
.isMUMF .moduleChapter:nth-child(2n) #moduleTest,
.isMUMF .submitTestButton,
.isMUMF #compConformation,
.isMUMF #noComplete,
.isMUMF .retakeTestButton {
    background: #fd6b35 !important;
    border-color: #fd6b35 !important;
    cursor: pointer;
}

    .isMUMF #nextChapter:hover,
    .isMUMF #prvChapter:hover,
    .isMUMF #moduleTest:hover,
    .isMUMF .moduleChapter:nth-child(2n) #nextChapter:hover,
    .isMUMF .moduleChapter:nth-child(2n) #prvChapter:hover,
    .isMUMF .moduleChapter:nth-child(2n) #moduleTest:hover,
    .isMUMF .submitTestButton:hover,
    .isMUMF #compConformation:hover,
    .isMUMF #noComplete:hover,
    .isMUMF .retakeTestButton:hover {
        background: #fd6b35 !important;
    }

.isMUMF .chapterMenu,
.isMUMF .chapterMenuTest {
    background: #00a1e1;
}

    .isMUMF .chapterMenu:hover,
    .isMUMF .chapterMenuTest:hover {
        background: #fd6b35;
    }

.isMUMF .cbp-spmenu {
    background: #53648d;
}

.isMUMF .modal-content {
    background: #ffffff;
}

.isMUMF .modal-content button {
    color: #14245a;
    top: 8px;
    font-size: 50px;
}

.isMUMF .double_column_list {
    background-color: #0f1d41;
}

.isMUMF .testAnswer {
    background-color: #dfe6ed;
}

.isMUMF .subjectResultBlock {
    background: #979cae;
}
.isMUMF .backtoModuleButton {
    background-color: #14245a !important;
}


.isMUMF .testIncorrect {
    background-color: #bf0018 !important;
    color: #ffffff;
}
.isMUMF .double_column_list a.wrongAnswer {
     background-color: #bf0018 !important;
}

.isMUMF .testCorrect {
    background-color: rgb(121, 175, 33) !important;
    color: #ffffff;
}

.isMUMF .subjectResultBlock.resultPassed {
    background: #35bfae;
}
.isMUMF h1.pageTitle,
.isMUMF .signInContact,
.isMUMF .signInWarning {
    color: #fff !important;
}
.isMUMF .signInWarning {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .isMUMF .qfmaPALogo {
        float: right;
        margin-right: 0px;
        margin-top: 10px;
        width: 160px;
    }
}

@media (min-width: 1200px) {
    .isMUMF .qfmaPALogo {
        float: right;
        margin-right: 30px;
        margin-top: 10px;
        width: 210px;
    }
}

/*  --  */

/*!
* =========================================================================== 
* SF|Boilerplated based on Bootstrap v3.0.2 | sfproject.less
* ===========================================================================
*/
.lt-ie8 input.sfsearchTxt,
.lt-ie8 input.form-control {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* do: remove this when telerik file is removed ?? */
.sf_cols {
    width: auto !important;
}
/* do: changed to !important to stop telerik interferring */
.row {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.sfInlineEditingPageMenu { /* make sure sitefinity menu appears over everything else */
    z-index: 2500 !important;
}
/* do: sort the ordering of this file */

.btn a, greyButton a, greenButton a {
    color: inherit;
}

/* do: why is not standard? */
a:active,
a:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: none 0;
}

.btn:focus, .btn:active:focus, .btn.active:focus,
a.greenButton:focus, a.greenButton:active:focus, a.greenButton.active:focus,
a.greyButton:focus, a.greyButton:active:focus, a.greyButton.active:focus,
.greenButton a:focus, .greenButton a:active:focus, .greenButton a.active:focus,
.greyButton a:focus, .greyButton a:active:focus, .greyButton a.active:focus {
    outline: none 0;
}

/* override font size for menus */
.dropdown.yamm-fw,
.signInAndSignOutAndBasketContainer {
    font-size: 14px;
}


.mainWrapper {
    position: relative;
}

.sfError {
    color: red; /* ??? */
}

/*.search .sfsearchSubmit,
.mobileSearch .sfsearchSubmit,
.searchAgain .sfsearchSubmit*/
.sfsearchSubmit {
    font-size: 0;
}

@media (min-width: 768px) {
    /*  #MainWrapperheader h1,*/
    .mainWrapper .pageTitle,
    .mainWrapper .articleTitle {
        font-size: 58px;
    }
}

.mainHeader h1 {
    font-size: 69px;
    line-height: 90px;
}

    .mainHeader h1 a {
        text-decoration: none;
    }

.headerWrapper h1,
.headerWrapper h2,
.headerWrapper h3 {
    margin: 0;
}

.mainWrapper .articleTitle,
.mainWrapper .pageTitle {
    margin-top: 0;
}

a {
    cursor: pointer;
}

h1, h2 {
    font-weight: 200;
}


.generalSpacing .form-group {
    margin-right: 30px;
}

    .generalSpacing .form-group:last-child {
        margin-right: 0px;
    }

    .generalSpacing .form-group label,
    .generalSpacing .btn {
        margin-right: 5px;
    }

        .generalSpacing .form-group label:last-child,
        .generalSpacing .btn:last-child {
            margin-right: 0px;
        }

.kendoGrid .generalSpacing .btn,
.kendoTree .generalSpacing .btn {
    margin-bottom: 2px;
}

    .kendoGrid .generalSpacing .btn:last-child,
    .kendoTree .generalSpacing .btn:last-child {
        margin-bottom: 2px;
    }

/*
.k-progressbar-horizontal {
width: 100%;
}*/
.k-grid-header th.k-header {
    vertical-align: top;
    white-space: normal;
}
/*.kendoGrid .btn {
margin: 2px 0;
}*/
.table-responsive .kendoGrid,
.table-responsive .kendoTree {
    min-width: 800px;
}


/* S1 - standard utility classes */
/* S2 - general layout items */
/* S3 - header */
/* S4 - Login and top drag down area */
/* S5 - navigation menus */
/* S6 - main overlay styles */
/* S7 - totop styles */
/* S8 - cookie styles */
/* S9 - general article styles */
/* S10 - Comments */
/* S11 - Search Results */
/* S12 - social share icons */
/* S13 - infinite scroller loading styles */
/* S14 - table styles */
/* S15 - dropdown styles */
/* S16 - date styles */



/* -------------------------------------------------------------------------------- */
/* S1 - standard utility classes */
/* left
right
hidden
visuallyhidden
visible
invisible
clearfix
*/
/* -------------------------------------------------------------------------------- */
.fixedContent {
    position: fixed;
}
/* hide fixed layout things while in editor */
body.standard.sfPageEditor .hideInSitefinity,
body.standard.sfPageEditor .fixedContent {
    display: none;
}

.relativeContent {
    position: relative;
}

.absoluteContent {
    position: absolute;
}

.rightAlign {
    text-align: right;
}

.centre,
.center {
    text-align: center;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.inlineBlock {
    display: inline-block !important;
    zoom: 1;
    *display: inline;
}

.placeholder {
    color: #aaa;
}

.transition {
    transition: all 0.5s ease 0s;
}

.noMargin {
    margin: 0;
}

.noPadding {
    padding: 0;
}



/* only show if the below rules are valid */
/*.isAnonymous,               /* only true if not logged in */
/*.isSignedIn,                /* only true if logged in */
/*.isNotMemberOrAnonymous,    /* only true if not logged in or is non member */
/*.isNotMember,               /* only true if logged in as non member */
/*.isMember {                 /* only true if logged in and member */
/*	display: none;
}*/

/* the fullWidthElement must be given a fixed height to stop elements below pushing underneath it */
.fullWidthElement > * {
    position: absolute;
    left: 0;
    right: 0;
}

.fullWidth {
    width: 100%;
}



/* -------------------------------------------------------------------------------- */
/* S2 - general layout items */
/* -------------------------------------------------------------------------------- */
.waiting {
    display: inline-block;
    display: none;
    width: 128px;
    height: 22px;
    margin: 5px 0;
    padding: 0;
    vertical-align: bottom;
    border: none;
    background: url("../../image/master/waiting.gif") no-repeat scroll center center transparent;
}

.generalMessage {
    display: none;
    padding: 20px;
    border-radius: 10px;
    color: #FFFFFF;
    background: #e7922d;
    text-align: left;
}

    .generalMessage.warning {
        padding-left: 80px;
        background: url("../../image/master/warning.png") no-repeat scroll 22px center #e17c00;
    }

    .generalMessage.error {
        padding-left: 80px;
        background: url("../../image/master/error.png") no-repeat scroll 22px center #FB494A;
    }

    .generalMessage.success {
        padding-left: 80px;
        background: url("../../image/master/success.png") no-repeat scroll 22px center #78C751;
    }

.panel-footer .generalMessage,
.modal-footer .generalMessage {
    margin-bottom: 10px;
}

.generalMessage.error a {
    color: White;
    text-decoration: underline;
}

.mainWrapper .greyBox {
    padding: 30px;
    background: #f5f5f5;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

    .mainWrapper .greyBox > p {
        margin-bottom: 30px;
    }

    .mainWrapper .greyBox .generalMessage {
        margin-top: 20px;
    }


/* override bootstrap button styles - added here so dropdowns dont get the smaller text size */
/*.selectButton, 
.multiselectButton,
.btn,
.greyButton,
.greyButton a,
.greenButton,
.greenButton a {
text-shadow: none;
box-shadow: none;*/ /*0 3px 5px -5px rgba(0, 0, 0, 0.3);*/
/*}*/
.btn,
.greyButton,
.greyButton a,
.greenButton,
.greenButton a {
    /*border-radius: 0px; removed to go back to rounded corner buttons */
     font-size: 14px;
    /*white-space: break-spaces;*/
    min-width: 150px;
    /*min-height: 40px;*/
}


    .btn-default,
    .btn-default:focus,
    .greyButton,
    .greyButton:focus,
    .greyButton a,
    .greyButton a:focus {
        background: #ebebeb;
        border: 0px solid #dfdfdf;
        border-radius: 200px;
        transition: all 0.3s;
    }

        .btn-default:hover,
        .greyButton:hover,
        .greyButton a:hover {
            background: #dadada;
            border: 0px solid #dfdfdf;
            text-decoration: none;
        }

a.btn.disabled {
    border-radius: 200px;
    border: 0px solid;
    cursor: wait;
}

.btn-primary,
.sfFormSubmit input[type="submit"] {
    border-radius: 200px;
    transition: all 0.3s;
    outline: none;
}

.sfFormSubmit input[type="submit"] {
    padding: 14px 25px;
    font-size: 14px;
}
/* for pdf exporting */
.pdfExport {
    display: none;
    position: relative;
}

.k-pdf-export .pdfExport {
    display: block;
}

.pdfExportA5Landscape {
    height: 148mm;
    width: 210mm;
}

.pdfExportA5Portrait {
    height: 210mm;
    width: 148mm;
}
/* lxp - 12/08/2016 - should be 297 and 210 but reducing by 1/3 due to kendo issue to 221 and 156 */
.pdfExportA4Landscape {
    height: 156mm;
    width: 221mm;
}

.pdfExportA4Portrait {
    height: 221mm;
    width: 156mm;
}
/* --------------------------------------------------------------------------------------------------- */
/* Kendo PDF Export - AZA -10-09-2018 PBI 736-598 CPD PDF Export (person details with the cpd entries) */
/* --------------------------------------------------------------------------------------------------- */
kendo-pdf-document {
    font-family: "DejaVu Sans", "Arial", sans-serif;
}

    kendo-pdf-document .mycisiBlock .title {
        font-size: 9px;
    }

    kendo-pdf-document .form-inline,
    kendo-pdf-document .form-group {
        font-size: 7px;
    }

    kendo-pdf-document .k-grid tr td,
    kendo-pdf-document .kendoTable table th,
    kendo-pdf-document .kendoTable table td,
    kendo-pdf-document .kendoTree table th,
    kendo-pdf-document .kendoTree table td {
        font-size: 7px;
        max-width: 1.5cm;
    }

    kendo-pdf-document .k-grid-header th.k-header, .k-filter-row th {
        border-width: 0.1px;
    }

    kendo-pdf-document .k-grid td {
        border-width: 0.1px;
    }

    kendo-pdf-document .k-grid tr td {
        border-width: 0.1px;
    }

    kendo-pdf-document #cpdEntriesTabsList li a {
        font-size: 7px;
        height: 11mm;
    }

    kendo-pdf-document .title {
        height: 11mm;
    }

    kendo-pdf-document .kendoTable table {
        width: 132mm;
    }

    kendo-pdf-document .table-responsive {
        padding-top: 20px;
    }

    kendo-pdf-document #cpdYear {
        height: 221mm;
    }

    kendo-pdf-document .kendoTable table tr td img {
        width: 7px;
        height: 7px;
    }

    kendo-pdf-document .k-grid-header th > .k-link > .k-icon {
        display: none;
    }

#cisiLogo .cisiLogoImg {
    height: 30%;
    width: 30%;
}

.logoCisi {
    text-align: right;
    padding-bottom: 15px;
    display: none;
}

kendo-pdf-document .logoCisi {
    display: block;
}

kendo-pdf-document #cpdUserDetails img {
    height: 50%;
    width: 50%;
}

kendo-pdf-document section {
    margin-bottom: 1px;
}

kendo-pdf-document .btn,
kendo-pdf-document #cpdEntriesFilterDetails,
kendo-pdf-document #cpdYearManual,
kendo-pdf-document .k-grid-toolbar,
kendo-pdf-document .k-button {
    display: none
}

/* -------------------------------------------------------------------------------- */
/* S8 - browser happy styles */
/* -------------------------------------------------------------------------------- */
.browsehappy {
    padding: 8px 20px 6px;
    background: #991f1f;
    color: white;
}

    .browsehappy a {
        color: white;
        text-decoration: underline;
    }


/* -------------------------------------------------------------------------------- */
/* S3 - header bar */
/* -------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------- */
/* S4 - Login and top drag down area */
/* -------------------------------------------------------------------------------- */

/* styles that all signin boxes use */
.signInBox .forgotEmail,
.signInBox .forgotPassword {
    float: left;
}

.signInBox .showPassword {
    float: right;
    margin-top: 0px;
}

    .signInBox .forgotEmail a,
    .signInBox .forgotPassword a,
    .signInBox .showPassword label {
        margin: 4px 0;
        color: inherit;
        font-size: 11px;
        font-style: italic;
        cursor: pointer;
    }

.signInBox .form-group label {
    display: none;
}

.lt-ie10 .signInBox .form-group label {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

/* styles for top menu signin box only */
.signInAndSignOutAndBasketContainer .signInBox fieldset {
    text-align: right;
}

.signInAndSignOutAndBasketContainer .signInBox .form-group {
    margin: 0 5px;
    vertical-align: top;
}

.signInAndSignOutAndBasketContainer .signInBox .form-control {
    display: block;
    width: 170px;
}

.signInAndSignOutAndBasketContainer .signInBox .showPassword {
    display: none;
}
/* signInAndSignOutAndBasket base containers */
.signInAndSignOutAndBasketContainer {
    position: fixed;
    top: -196px;
    width: 100%;
    left: 0px;
    z-index: 1031;
    transition: all 0.5s ease 0s;
}
/*.globalBasketText {
display: none;
}*/
@media (min-width : 992px) {
    .signInAndSignOutAndBasketContainer {
        top: -136px;
    }
}

.lt-ie8 .signInAndSignOutAndBasketContainer {
    top: 0px;
}

.signInAndSignOutAndBasketContainerOpen {
    top: 0px !important;
}

.signInAndSignOutAndBasketContainer,
.signInAndSignOutAndBasketContainer .pullDown .mainBar {
    background: none repeat scroll 0 0 #2d8383;
    box-shadow: 0 -50px 40px 25px #000000;
}

    .signInAndSignOutAndBasketContainer > * {
        position: relative;
    }
    /* main container area */
    .signInAndSignOutAndBasketContainer .main {
        z-index: inherit;
        background: inherit;
    }

        .signInAndSignOutAndBasketContainer .main .signInTitle,
        .signInAndSignOutAndBasketContainer .main .signedInName,
        .signInAndSignOutAndBasketContainer .main .signInForm,
        .signInAndSignOutAndBasketContainer .main .signedInDetails {
            height: 100px;
            text-align: center;
        }

            .signInAndSignOutAndBasketContainer .main .signInForm .form-group {
                text-align: left;
            }

        .signInAndSignOutAndBasketContainer .main .signedInSignOut {
            height: 60px;
            text-align: center;
        }

@media (min-width : 992px) {
    .signInAndSignOutAndBasketContainer .main .signInTitle,
    .signInAndSignOutAndBasketContainer .main .signedInName,
    .signInAndSignOutAndBasketContainer .main .signInForm,
    .signInAndSignOutAndBasketContainer .main .signedInDetails,
    .signInAndSignOutAndBasketContainer .main .signedInSignOut {
        height: 140px;
    }

    .signInAndSignOutAndBasketContainer .main .signInTitle,
    .signInAndSignOutAndBasketContainer .main .signedInName {
        text-align: left;
    }

    .signInAndSignOutAndBasketContainer .main .signInForm,
    .signInAndSignOutAndBasketContainer .main .signedInDetails,
    .signInAndSignOutAndBasketContainer .main .signedInSignOut {
        text-align: right;
    }
}

@media (max-width: 991px) {
    .signInAndSignOutAndBasketContainer .main .signedInName {
        height: 40px;
    }
}

.lt-ie8 .signInAndSignOutAndBasketContainer .main .signInTitle,
.lt-ie8 .signInAndSignOutAndBasketContainer .main .signedInName,
.lt-ie8 .signInAndSignOutAndBasketContainer .main .signInForm,
.lt-ie8 .signInAndSignOutAndBasketContainer .main .signedInDetails,
.lt-ie8 .signInAndSignOutAndBasketContainer .main .signedInSignOut {
    display: none;
}
/* titles etc on the drag down area */
.signInAndSignOutAndBasketContainer .main h1 {
    margin: 0 0 0.2em;
}

.signInAndSignOutAndBasketContainer .main h2 {
    margin-bottom: 0;
}

.signInAndSignOutAndBasketContainer .main .signedInName {
    font-size: 18px;
    font-weight: 200;
}

.signInAndSignOutAndBasketContainer .main .memberCard {
    display: none;
    width: 130px;
}

@media (min-width: 992px) {
    .signInAndSignOutAndBasketContainer .main .memberCard {
        display: none;
    }
}
/* pulldown styles */
.signInAndSignOutAndBasketContainer .pullDown > div {
    position: relative;
}

    .signInAndSignOutAndBasketContainer .pullDown > div > * {
        position: absolute;
        right: 0px;
        height: 35px;
    }

        .signInAndSignOutAndBasketContainer .pullDown > div > * > * {
            float: left;
            height: 35px;
        }

.signInAndSignOutAndBasketContainer .pullDown .signInImage {
    position: relative;
    z-index: 1031;
}

.signInAndSignOutAndBasketContainer .pullDown .mainBar {
    position: relative;
    padding-right: 120px;
}

    .signInAndSignOutAndBasketContainer .pullDown .mainBar a {
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin: 5px 0px 5px 5px;
    }
/*.signInAndSignOutAndBasketContainer .pullDown .signInLink:after,*/
.signInAndSignOutAndBasketContainer .pullDown .signedInLink:after {
    content: url("/cisiweb2/image/master/arrowdown.png");
    margin-left: 6px;
}
/*.signInAndSignOutAndBasketContainerOpen .pullDown .signInLink:after,*/
.signInAndSignOutAndBasketContainerOpen .pullDown .signedInLink:after {
    content: url("/cisiweb2/image/master/arrowup.png");
}
/*.lt-ie8 .signInAndSignOutAndBasketContainer .pullDown .signInLink:after,*/
.lt-ie8 .signInAndSignOutAndBasketContainer .pullDown .signedInLink:after {
    content: "";
    margin-left: 0px;
}
/*.lt-ie8 .signInAndSignOutAndBasketContainerOpen .pullDown .signInLink:after,*/
.lt-ie8 .signInAndSignOutAndBasketContainerOpen .pullDown .signedInLink:after {
    content: "";
}
/* search styles for the drag down */
.signInAndSignOutAndBasketContainer .pullDown .search {
    position: absolute;
    right: -14px;
    top: 0px;
    z-index: 1032;
    
}

    .signInAndSignOutAndBasketContainer .pullDown .search input.sfsearchTxt {
        height: 26px;
        width: 120px !important; /* bodge: needed to stop the 100% that kendo adds as inline style */
        margin-top: 2px;
        border: none;
        outline: 0px solid;
        border: 0px solid;
    }

        .signInAndSignOutAndBasketContainer .pullDown .search input.sfsearchTxt:focus {
            width: 270px !important;
        }

.lt-ie9 .signInAndSignOutAndBasketContainer .pullDown .search {
    right: 0px;
}

    .lt-ie9 .signInAndSignOutAndBasketContainer .pullDown .search input.sfsearchTxt {
        width: 120px !important;
    }

        .lt-ie9 .signInAndSignOutAndBasketContainer .pullDown .search input.sfsearchTxt:focus {
            width: 266px !important;
        }

.signInAndSignOutAndBasketContainer .pullDown .search .sfsearchSubmit {
    top: 6px;
}

.signInAndSignOutAndBasketContainer,
.signInAndSignOutAndBasketContainer a,
.signInAndSignOutAndBasketContainer a:active,
.signInAndSignOutAndBasketContainer a:hover,
.signInAndSignOutAndBasketContainer a:visited
.mainHeader,
.mainHeader a,
.mainHeader a:active,
.mainHeader a:hover,
.mainHeader a:visited {
    color: White;
}

@media (max-width : 1199px) {
    .signInAndSignOutAndBasketContainer,
    .mainHeader {
        display: none;
    }
}


/* -------------------------------------------------------------------------------- */
/* S5 - navigation menus
/* -------------------------------------------------------------------------------- */
.mainNav {
    border: none;
    background-image: none;
    box-shadow: none;
}
    /*.mainNav .navbar-toggle .icon-bar {
display: block;
height: 5px;
width: 36px;
border-radius: 4px;
}*/
    .mainNav .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }
    /*.mainNav .navbar-toggle .icon-bar + .icon-bar {
margin-top: 5px;
}*/
    .mainNav .navbar-collapse.collapse,
    .mainNav .navbar-collapse.collapsing {
        width: 100%;
        margin: 0;
        border: none;
        box-shadow: none;
    }

    .mainNav .navbar-nav {
        margin-top: 0;
        margin-bottom: 10px;
    }

@media (min-width: 1200px) {
    .mainNav .navbar-nav {
        margin-bottom: 0;
    }
}

.mainNav .navbar-nav > .open > a,
.mainNav .navbar-nav > .active > a {
    background-image: none;
    box-shadow: none;
}

@media (max-width: 1199px) {
    .mainNav .navbar-nav {
        padding-right: 0px;
    }

    .mainNav #mainNavCollapse li > a,
    .mainNav #mainNavCollapse li > a:hover,
    .mainNav #mainNavCollapse li > a:active,
    .mainNav #mainNavCollapse li > a:focus {
        padding: 10px 34px 10px 14px; /* 10px 14px; recent: */
        font-size: 18px;
        line-height: 24px;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position: right 16px center;
        background-size: 13px auto;
        background-repeat: no-repeat !important; /* bootstrap .navbar-default .navbar-nav > .open > a taking precendence */
    }

    .mainNav #mainNavCollapse li.yamm-fw > a,
    .mainNav #mainNavCollapse li.submenu > a {
        background-image: url("/cisiweb2/image/master/arrowdownlg.png");
    }

        .mainNav #mainNavCollapse li.yamm-fw.open > a,
        .mainNav #mainNavCollapse li.submenu > a.collapsed {
            background-image: url("/cisiweb2/image/master/arrowuplg.png");
        }
}

/* main menu */
.mainNav .navbar-header {
    height: 80px;
}

.mainNav .navbar-toggle {
    margin-top: 18px;
}

.mainNav .navbar-brand {
    margin-left: 8px;
    margin-top: 6px;
}

    .mainNav .navbar-brand img {
        width: 90px;
    }
        /* For 25th logo */
        .mainNav .navbar-brand img[src*="/cisiweb2/image/master/cisilogo3.png"] {
            width: 150px;
            margin-top: 3px
        }
        /* For SAIS logo */
        .mainNav .navbar-brand img[src*="/cisiweb2/image/master/cisilogo4.png"] {
            width: 150px;
            margin-top: 3px
        }

.isSAIS .mainNav .navbar-brand {
    padding: 12.5px 15px;
}

@media (min-width: 1200px) {
    .mainNav .navbar-header {
        height: 100px;
        margin-top: 10px;
        margin-left: 20px;
    }

    .mainNav .navbar-nav {
        float: right;
        margin-top: 58px;
    }

    .mainNav .navbar-brand {
        margin-top: 0;
    }

        .mainNav .navbar-brand img {
            width: 140px;
        }
            /* For 25th logo */
            .mainNav .navbar-brand img[src*="/cisiweb2/image/master/cisilogo3.png"] {
                width: 200px;
            }
            /* For SAIS logo*/
            .mainNav .navbar-brand img[src*="/cisiweb2/image/master/cisilogo4.png"] {
                width: 250px;
            }

    .isSAIS .mainNav .navbar-brand {
        padding: 2px 0px;
    }

    .mainNav .navbar-nav > li > a {
        color: #ffffff;
        border-bottom: 2px solid transparent;
        transition: all 0.15s ease-in-out;
        text-decoration: none;
    }

        .mainNav .navbar-nav > li > a:hover {
            border-bottom: 2px solid #6ec2c2;
        }
}

@media (max-width: 1199px) {
    .mainNav .navbar-nav > li > a,
    .mainNav .navbar-nav > li > a:hover,
    .mainNav .navbar-nav > li > a:active,
    .mainNav .navbar-nav > li > a:focus {
        border-bottom: 1px solid #006666;
        background-color: #3f8d8d !important; /* bootstrap .navbar-default .navbar-nav > .open > a taking precendence */
    }
}


/* -------------------------------------------------------------------------------- */
/* S6 - main overlay styles */
/* -------------------------------------------------------------------------------- */
.overlay {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1001;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
}


/* -------------------------------------------------------------------------------- */
/* S7 - totop styles */
/* -------------------------------------------------------------------------------- */
.toTop {
    display: none;
    position: fixed;
    width: 50px;
    bottom: 20px;
    right: 20px;
    z-index: 2;
}

@media (min-width: 768px) {
}

.toTop img {
    width: 100%;
}


/* -------------------------------------------------------------------------------- */
/* S8 - cookie styles */
/* -------------------------------------------------------------------------------- */
.cookieConsent {
    display: none;
    bottom: 0;
    width: 100%;
    z-index: 9998;
    background: none repeat scroll 0 0 #636261;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* For IE8 and earlier */
    filter: alpha(opacity=90);
}
.cookieConsent .container {
    margin-bottom: 0px !important;
    padding: 12px 120px 12px 20px;
}

    .cookieConsent,
    .cookieConsent a {
        color: White;
    }

        .cookieConsent a {
            text-decoration: underline;
        }

        .cookieConsent > * {
            padding: 12px 120px 12px 20px;
        }

        #cookieClose span {
            margin-top: -3px !important;
            line-height: 0px;
            display: block;
        }

        .cookieConsent .close {
            margin-left: 0px;
            margin-right: 0px;
            margin-top: 0px;
            font-size: 35px;
            color: White;
            opacity: 1;
            line-height: 0.5;
            position: absolute;
            right: 0px;
            top:0px;
            height: 100%;
            width: 100px;
            background: #383838;
        }

            .cookieConsent .close:focus,
            .cookieConsent .close:hover {
                opacity: 1;
            }

            .cookieConsent p {
                margin: 0;
                text-align: center;
                font-size: 14px;
                font-weight: 500;
            }


#infoAlert {
    display: none;
    width: 100%;
    z-index: 9999;
    bottom: 0;
    /*padding: 0px;*/
    padding: 10px 0px;
    position: fixed;
    background: none repeat scroll 0 0 rgb(174 80 8);
    color: white;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    /*white-space: pre-line;*/
    /*background-image: url('/cisiweb2/image/icons/alert2.png'); 
background-repeat: no-repeat;
background-size: contain;*/
}

#infoAlertClose {
    color: white;
    font-size: 32px;
    margin-right: 0px;
    opacity: 1;
    line-height: 0.5;
    position: absolute;
    right: 0px;
    top: 0;
    height: 100%;
    width: 100px;
    background: #7c3905;
}
#infoAlertClose span {
    display: block;
    margin-top: -4px !important;
}

#infoAlertMessage {
    padding: 0px 100px 0px 20px;
    margin: 0px;
}

@media (max-width : 991px) {
    #infoAlert {
        /*padding: 5%;*/
        background-image: none;
    }

    #infoAlertMessage {
        /*padding:0 3%;*/
    }
    
}


/* -------------------------------------------------------------------------------- */
/* S9 - general article styles */
/* also p,b,i
    h1,h2,h3,h4
*/
/* -------------------------------------------------------------------------------- */
.standFirst {
    margin: 20px 0px; /* 25px 0px;*/
    font-size: 22px;
    font-family: 'Raleway', century gothic, sans-serif;
    color: #333;
    font-weight: 200;
    line-height: normal; /*28px;*/
}

.pullQuote {
    display: block;
    padding: 20px 0px 20px 0px;
    margin: 35px 0px 35px 0px;
    font-size: 30px; /*26px;*/
    font-family: 'Raleway', century gothic, sans-serif;
    color: #333; /*#666666 !important;*/
    font-weight: 300;
    line-height: normal;
    border-bottom: 1px solid #cfcfcf;
    border-top: 1px solid #cfcfcf;
}

.crossHead {
    display: block;
    color: #333;
    font-family: 'Raleway',century gothic,sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 10px;
}

.standFirst p {
    margin: 20px 0px; /* 25px 0px;*/
    font-size: 22px;
    font-family: 'Raleway', century gothic, sans-serif;
    color: #333;
    font-weight: 200;
    line-height: normal; /*28px;*/
}

.pullQuote p {
    display: block;
    padding: 20px 0px 20px 0px;
    margin: 35px 0px 35px 0px;
    font-size: 30px; /*26px;*/
    font-family: 'Raleway', century gothic, sans-serif;
    color: #333; /*#666666 !important;*/
    font-weight: 300;
    line-height: normal;
    border-bottom: 1px solid #cfcfcf;
    border-top: 1px solid #cfcfcf;
}

.crossHead p {
    display: block;
    color: #333;
    font-family: 'Raleway',century gothic,sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 10px;
}

.boxout {
    float: right;
    margin: 10px 0px 10px 10px;
    padding: 30px;
    width: 100%;
    font-size: 28px;
    font-family: 'Raleway', century gothic, sans-serif;
    color: #ffffff;
    background-color: #006666;
    font-weight: 300;
    line-height: normal;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
}

    .boxout h1 {
        margin: 0;
        font-size: 90px;
        color: #ffffff;
    }

.infoBox {
    float: right;
    margin: 0px 0px 20px 0px;
    padding: 20px;
    width: 100%;
    background-color: #d7eeee;
    font-weight: normal;
    line-height: normal;
    text-align: left;
    background-image: url("../../image/master/infobox.png");
    background-position: right top;
    background-repeat: no-repeat;
}
@media (min-width: 768px) {
    .boxout {
        width: 25%;
        margin: 20px 0px 20px 20px;
    }
    .infoBox {
        margin: 0px 0px 20px 50px;
        padding: 30px;
        width: 40%
    }
}

    .infoBox .crossHead {
        margin-top: 0;
    }

.readersLetters {
    background: #f5f5f5;
    padding: 15px 25px 20px 25px;
    font-size: 14px;
    font-weight: 300;
    line-height: 26px;
    display: block;
}

.readersLettersAuthor {
    display: block;
    line-height: 28px;
    text-align: right;
    color: #000000;
    font-weight: 400;
}

.sf_pagerNumeric {
    text-align: center;
}

    .sf_pagerNumeric a {
        padding: 6px 10px;
        text-decoration: none;
        margin: 2px;
        color: #006666;
    }

        .sf_pagerNumeric a:hover {
            background: #efefef;
            color: #218F8F;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

.sf_PagerCurrent, .sf_PagerCurrent:hover {
    background: #006666 !important;
    color: #ffffff !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.articleCopy table a:link {
    color: #666;
    font-weight: bold;
    text-decoration: none;
}

.articleCopy table a:visited {
    color: #999999;
    font-weight: bold;
    text-decoration: none;
}

.articleCopy table a:active,
.articleCopy table a:hover {
    color: #bd5a35;
    text-decoration: underline;
}

.articleCopy table {
    /*	font-family:Arial, Helvetica, sans-serif;*/
    color: #666;
    font-size: 12px;
    text-shadow: 1px 1px 0px #fff;
    background: #eaebec;
    margin: 10px;
    border: #ccc 1px solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
    overflow: auto;
    overflow-y: hidden;
    display: compact;
    border-collapse: separate;
}

    .articleCopy table p {
        font-size: 12px;
    }

    .articleCopy table th {
        padding: 21px 25px 22px 25px;
        border-top: 1px solid #fafafa;
        border-bottom: 1px solid #e0e0e0;
        background: #ededed;
        background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
        background: -moz-linear-gradient(top, #ededed, #ebebeb);
    }

        .articleCopy table th:first-child {
            text-align: left;
            padding-left: 15px;
        }

    .articleCopy table tr:first-child th:first-child {
        -moz-border-radius-topleft: 3px;
        -webkit-border-top-left-radius: 3px;
        border-top-left-radius: 3px;
    }

    .articleCopy table tr:first-child th:last-child {
        -moz-border-radius-topright: 3px;
        -webkit-border-top-right-radius: 3px;
        border-top-right-radius: 3px;
    }

    .articleCopy table tr {
        text-align: center;
        padding-left: 15px;
    }

    .articleCopy table td:first-child {
        text-align: left;
        padding-left: 15px;
        border-left: 0;
    }

    .articleCopy table td {
        padding: 2px 10px;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #e0e0e0;
        border-left: 1px solid #e0e0e0;
        background: #fafafa;
        background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
        background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
        text-align: left;
    }

    .articleCopy table tr.even td {
        background: #f6f6f6;
        background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
        background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
    }

    .articleCopy table tr:last-child td {
        border-bottom: 0;
    }

        .articleCopy table tr:last-child td:first-child {
            -moz-border-radius-bottomleft: 3px;
            -webkit-border-bottom-left-radius: 3px;
            border-bottom-left-radius: 3px;
        }

        .articleCopy table tr:last-child td:last-child {
            -moz-border-radius-bottomright: 3px;
            -webkit-border-bottom-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }

    .articleCopy table tr:hover td {
        background: #f2f2f2;
        background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
        background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
    }

.tableLeft {
    margin-right: 20px;
}

.tableRight {
    margin-left: 20px;
}

.imgShadow {
    border: 1px solid #AEAEAE;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);
    margin-bottom: 6px;
}


/* -------------------------------------------------------------------------------- */
/* S10 - Comments styling */
/* -------------------------------------------------------------------------------- */
.commentsList ol {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
}

.commentsList li {
    display: block;
    padding: 15px;
    margin-bottom: 15px;
    background-color: #f5f5f5;
}

.commentsList .title {
    margin-bottom: 0.5em;
    font-size: 16px;
}

.commentsList .date {
    font-style: italic;
}

.commentsList .authorAvatar {
    float: left;
    width: 60px;
    height: 60px;
    vertical-align: top;
    margin-right: 12px;
}

.commentsList .submitText {
    margin-left: 72px;
    font-size: 13px;
}

.commentsSubmit .submitText {
    width: 100%;
}

.sfcommentsOderFilterWrp,
.sfLeaveCommentLnk,
.sfcommentsFormWithAvatarWrp img {
    display: none !important;
}

.sfcommentsFormWrp label {
    width: 150px;
}


/* -------------------------------------------------------------------------------- */
/* S11 - Search Results */
/* -------------------------------------------------------------------------------- */
.searchAgain .sfsearchBox,
.signInAndSignOutAndBasketContainer .sfsearchBox,
#mainNavCollapse .sfsearchBox {
    position: relative;
}

    .searchAgain .sfsearchBox > span.sfsearchTxt,
    .searchAgain .sfsearchBox > span.sfsearchTxt:focus,
    .searchAgain .sfsearchBox > span.sfsearchTxt:hover,
    .searchAgain .sfsearchBox > span.sfsearchTxt:active,
    .signInAndSignOutAndBasketContainer .sfsearchBox > span.sfsearchTxt,
    .signInAndSignOutAndBasketContainer .sfsearchBox > span.sfsearchTxt:focus,
    .signInAndSignOutAndBasketContainer .sfsearchBox > span.sfsearchTxt:hover,
    .signInAndSignOutAndBasketContainer .sfsearchBox > span.sfsearchTxt:active,
    #mainNavCollapse .sfsearchBox > span.sfsearchTxt,
    #mainNavCollapse .sfsearchBox > span.sfsearchTxt:focus,
    #mainNavCollapse .sfsearchBox > span.sfsearchTxt:hover,
    #mainNavCollapse .sfsearchBox > span.sfsearchTxt:active {
        display: inline;
        background: transparent;
        color: transparent;
        border: none;
    }

.signInAndSignOutAndBasketContainer .sfsearchTxt > input.sfsearchTxt,
.searchAgain .sfsearchTxt > input.sfsearchTxt,
#mainNavCollapse .sfsearchTxt > input.sfsearchTxt {
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    padding: 0px 35px 0px 10px;
    background: #f9f9f9;
    border: 1px solid #CCCCCC;
    border-radius: 15px !important; /*  Bodge to fix search issues 2/3/17 */
    text-indent: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    color: #222; /* do: set anywhere else? */
}
/*  Bodge to fix search issues 2/3/17 */
#cph_header_SignInAndSignOutAndBasket_ctl00_ctl00_signInSearchContainer_ctl00_ctl00_searchTextBox-list {
    display: none !important;
}

.searchAgain .sfsearchBox > .sfsearchSubmit,
.signInAndSignOutAndBasketContainer .sfsearchBox > .sfsearchSubmit,
#mainNavCollapse .sfsearchBox > .sfsearchSubmit {
    position: absolute;
    top: 6px;
    right: 4px;
    width: 20px;
    height: 20px;
    background: url("../../image/master/searchIcon.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border: none;
}

.lt-ie9 .searchAgain .sfsearchTxt > .sfsearchSubmit,
.lt-ie9 .signInAndSignOutAndBasketContainer .sfsearchBox > .sfsearchSubmit,
.lt-ie9 #mainNavCollapse .sfsearchBox > .sfsearchSubmit {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cisiweb2/image/master/searchIcon.png',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cisiweb2/image/master/searchIcon.png',sizingMethod='scale')";
    /* z-index: auto  - ie7 fix? */
}

@media (min-width: 768px) {
    .searchAgain .sfsearchTxt > input.sfsearchTxt,
    .signInAndSignOutAndBasketContainer .sfsearchTxt > input.sfsearchTxt,
    #mainNavCollapse .sfsearchTxt > input.sfsearchTxt {
        height: 28px;
    }

    .signInAndSignOutAndBasketContainer .sfsearchBox > .sfsearchSubmit,
    #mainNavCollapse .sfsearchBox > .sfsearchSubmit {
        top: 4px;
    }
}

/* do: move all the below to a search.css? */
.searchAgain {
    margin-bottom: 50px;
}

@media (min-width: 768px) {
    .searchAgain {
        width: 400px;
    }
}

.sfsearchResultStatistics {
    margin-top: 0;
    color: #006666;
}

dl .sfsearchResultsWrp {
    margin-top: 35px;
    padding-bottom: 40px;
    border-bottom: 1px dashed #CFCFCF;
}

    dl .sfsearchResultsWrp:last-child {
        margin-bottom: 50px;
        border-bottom: none;
    }

.sfsearchResultTitle a { /* same as h2 */
    color: #006666;
    text-decoration: none;
}

.sfsearchResultHighLighter {
    margin: 15px 15px 0;
    padding-left: 15px;
    color: #777; /* #666 */
    font-style: italic;
    font-size: 13px;
    line-height: 22px;
    border-left: 1px solid #cfcfcf;
}

    .sfsearchResultHighLighter .sfHighlight {
        padding: 3px 5px;
        background: #E6F2F2;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .sfsearchResultHighLighter:hover .sfHighlight {
        background: #1badad;
        color: #ffffff;
    }

.sfFormRadiolist .sfRadioList label {
    margin-right: 10px;
}


/* -------------------------------------------------------------------------------- */
/* S12 - social share icons */
/* -------------------------------------------------------------------------------- */
.socialOptionsContainer a {
    display: inline-block;
    zoom: 1;
    *display: inline;
    height: 22px;
    padding: 0 20px;
    margin-right: 8px;
    background-color: #aaa;
    background-repeat: no-repeat;
    background-size: 86px 22px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    transition: background-color 0.5s ease;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

@media (min-width : 768px) {
    .socialOptionsContainer a {
        width: 86px;
        padding: 2px 10px 0px 42px;
    }
}

.twitterShare {
    background-image: url("../../image/master/twittericon.png");
}

.lt-ie9 .twitterShare {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cisiweb2/image/master/twittericon.png',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cisiweb2/image/master/twittericon.png',sizingMethod='scale')";
}

.linkedinShare {
    background-image: url("../../image/master/linkedinicon.png");
}

.lt-ie9 .linkedinShare {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cisiweb2/image/master/linkedinicon.png',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cisiweb2/image/master/linkedinicon.png',sizingMethod='scale')";
}

.googleShare {
    background-image: url("../../image/master/googleplusicon.png");
}

.lt-ie9 .googleShare {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cisiweb2/image/master/googleplusicon.png',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cisiweb2/image/master/googleplusicon.png',sizingMethod='scale')";
}

.facebookShare {
    background-image: url("../../image/master/facebookicon.png");
}

.lt-ie9 .facebookShare {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cisiweb2/image/master/facebookicon.png',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cisiweb2/image/master/facebookicon.png',sizingMethod='scale')";
}

.printShare {
    background-image: url("../../image/master/printicon.png");
}

.lt-ie9 .printShare {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cisiweb2/image/master/printicon.png',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cisiweb2/image/master/printicon.png',sizingMethod='scale')";
}

.twitterShare:hover {
    background-color: #63cdf1;
}

.linkedinShare:hover {
    background-color: #007bb6;
}

.googleShare:hover {
    background-color: #d61515;
}

.facebookShare:hover {
    background-color: #507cbe;
}

.printShare:hover {
    background-color: #006666;
}



/* -------------------------------------------------------------------------------- */
/* S13 - infinite scroller loading styles */
/* -------------------------------------------------------------------------------- */
#infscr-loading {
    position: fixed;
    z-index: 1;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 20px;
    background: rgb(245,245,245);
    background: transparent;
    background: rgba(245, 245, 245, 0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5,endColorstr=#f5f5f5);
    zoom: 1;
    text-align: center;
    color: #006666;
}

    #infscr-loading div,
    #infscr-loading h4 {
        display: inline;
    }


/* -------------------------------------------------------------------------------- */
/* S14 - table styles */
/* -------------------------------------------------------------------------------- */
.tableSearch {
    float: right;
}

    .tableSearch label {
        margin: 0 5px;
        vertical-align: middle;
    }

    .tableSearch input {
        width: 400px;
    }

table tr.greyRow {
    background-color: #dadada !important;
}

table tr.k-alt.greyRow,
.greyRow {
    background-color: #cdcdcd !important;
}

table tr.blueRow {
    background-color: #dadcff !important;
}

table tr.k-alt.blueRow,
.blueRow {
    background-color: #cdd0ff !important;
}

table tr.greenRow {
    background-color: #daffda !important;
}

table tr.k-alt.greenRow,
.greenRow {
    background-color: #cdffcd !important;
}

table tr.yellowRow {
    background-color: #ffffda !important;
}

table tr.k-alt.yellowRow,
.yellowRow {
    background-color: #ffffcd !important;
}

table tr.orangeRow {
    background-color: #ffecda !important;
}

table tr.k-alt.orangeRow,
.orangeRow {
    background-color: #ffe6cd !important;
}

table tr.redRow {
    background-color: #ffdada !important;
}

table tr.k-alt.redRow,
.redRow {
    background-color: #ffcdcd !important;
}

table tr.purpleRow {
    background-color: #ffdaff !important;
}

table tr.k-alt.purpleRow,
.purpleRow {
    background-color: #ffcdff !important;
}

.lt-ie9 .k-grid-pdf { /* hide pdf buttons from ie8 */
    display: none;
}


/* -------------------------------------------------------------------------------- */
/* S15 - dropdown styles */
/* -------------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------------- */
/* S16 - date styles */
/* -------------------------------------------------------------------------------- */
/* not needed lxp 30/01/2017 and class has changed to date
.datepicker {
display: block;
}
.form-inline .datepicker {
display: inline-block;
vertical-align: middle;
}*/




/* -------------------------------------------------------------------------------- */
/* S17 - Add to basket pop up */
/* -------------------------------------------------------------------------------- */
.tick {
    display: none;
}

.basketPopUpMessage {
    /*color: #fff;*/
    font-size: 14px;
    padding-bottom: 20px;
    padding-top: 10px;
    text-align: left;
}

.basketButtons .addToBasket {
    float: right;
}

.currentBasketPopUp .basketItemWrapper {
    /*color: #fff;*/
    font-size: 12px;
    margin: 14px 0 0;
}

.basketItemWrapperRemoved {
    padding: 0 !important;
}

.basketItemWrapper .col-xs-2 {
    padding-left: 0px;
}

.basketButtons {
    display: inline-block;
}

.basketPopUp .cisiFieldWrapper.buttonWrapper {
    float: none;
    padding: 0px;
    width: 100%;
}

    .basketPopUp .cisiFieldWrapper.buttonWrapper .btn {
        width: 100% !important;
    }

.basketPopUp .popupFooter.modal-footer {
    padding: 0px 20px 0px;
    border: 0px solid;
}

.basketPopUp .modal-body {
    padding: 10px 20px 10px;
}

.basketPopUp .price {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    /*color: #fff;*/
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.basketPopUp .col-xs-2.qty {
    padding: 0px 10px;
}

.basketPopUp h2 {
    font-size: 24px;
}

@media (min-width : 768px) {
    .basketPopUp .cisiFieldWrapper.buttonWrapper {
        float: left;
        padding: 0px;
        width: auto;
    }

    .basketPopUp .modal-body {
        padding: 10px 40px 10px;
    }

    .basketPopUp .popupFooter.modal-footer {
        padding: 0px 40px 30px;
    }

    .tick {
        margin-right: 10px;
        margin-top: -12px;
        width: 50px;
        display: inline-block;
    }

    .currentBasketPopUp .basketItemWrapper {
        font-size: 14px;
        margin: 20px 0 0;
    }

    .basketPopUp .price {
        font-size: 16px;
    }

    .basketPopUp .col-xs-2.qty {
        padding: 0px 15px;
    }

    .basketPopUp h2 {
        font-size: 30px;
    }
}


/* -------------------------------------------------------------------------------- */
/* S18 - Loading animation */
/* -------------------------------------------------------------------------------- */
#basketPageLoadWrapper .waiting,
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1002;
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    display: none;
}

.sfPageEditor #basketPageLoadWrapper .waiting,
.sfPageEditor #loader-wrapper {
    display: none;
}

#basketPageLoadLoader,
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 6px solid transparent;
    border-top-color: #006666;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

    #basketPageLoadLoader:before,
    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 6px solid transparent;
        border-top-color: #2c9c9c;
        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #basketPageLoadLoader:after,
    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 6px solid transparent;
        border-top-color: #6fc5c5;
        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}


/* global basket */
/*.globalBasketQuantity {
margin-left: 4px;
}*/
.signInAndSignOutAndBasketContainer .basketLink::before {
    font-family: 'Glyphicons Halflings';
    content: "\e116";
    font-size: 13px;
    margin-right: 6px;
}

.signInAndSignOutAndBasketContainer .signedInLink::before {
    font-family: 'Glyphicons Halflings';
    content: "\e008";
    font-size: 13px;
    margin-right: 6px;
}

.signInAndSignOutAndBasketContainer .pullDown .mainBar .signedInLink {
    margin-right: 15px;
}

.signInAndSignOutAndBasketContainer .pullDown .mainBar .basketLink {
    margin-right: 10px;
}

.signInAndSignOutAndBasketContainer .pullDown .mainBar .registerLink {
    margin: 5px 20px 5px 0;
}

.signInAndSignOutAndBasketContainer .signInLink::before {
    font-family: 'Glyphicons Halflings';
    content: "\e008";
    font-size: 13px;
    margin-right: 6px;
}

@media (max-width: 1199px) {
    .signInAndSignOutAndBasketContainer .registerLink::before {
        font-family: 'Glyphicons Halflings'; /* do: change this to plus */
        content: "\e008";
        font-size: 13px;
        margin-right: 6px;
    }
}

@media (min-width: 1200px) {
    .signInAndSignOutAndBasketContainer .signInLink::after {
        content: " / ";
    }
}

.signInAndSignOutAndBasketContainer .signInAndSignOutAndBasketContainer .pullDown .mainBar .signInLink {
    margin: 5px 0 5px 5px;
}
/* ----- */


#browseShopSection img:hover {
    outline: 8px solid #23adad;
}



/* ---------------------------------------- GDPR popups ----------------------------------------------------- */

#gdprPopup1 .popupBody {
    background: url(/cisiweb2/image/gdpr/popup1bgmobile.jpg);
    background-size: cover;
    background-position: center top;
    padding: 150px 20px 20px 20px;
    max-height: 100vh;
    color: #222;
    line-height: normal;
    font-size: 14px;
}

#gdprPopup2 .popupBody {
    background: url(/cisiweb2/image/gdpr/popup2bgmobile.jpg);
    background-size: cover;
    background-position: center top;
    padding: 150px 30px 30px 30px;
    max-height: 100vh;
    color: #222;
    line-height: normal;
    font-size: 14px;
}

#gdprPopup3 .popupBody {
    background: url(/cisiweb2/image/gdpr/popup2bgmobile.jpg);
    background-size: cover;
    background-position: center top;
    padding: 150px 20px 20px 20px;
    max-height: 100vh;
    color: #222;
    line-height: normal;
    font-size: 14px;
}

#surveyPopup .popupBody {
    background: #000;
    background-size: cover;
    background-position: left top;
    padding: 30px 20px 0px 20px;
    max-height: 100vh;
    color: #fff;
    font-size: 18px;
}

    #surveyPopup .popupBody h2 {
        font-size: 35px;
    }

    #surveyPopup .popupBody .mobileSurveyImage {
        width: 100%;
        margin-top: 30px;
    }

    #surveyPopup .popupBody a {
        background: #000000;
        background-blend-mode: overlay;
        border: 2px solid #dfe3e4;
        border-radius: 200px;
        padding: 12px 40px;
        font-size: 16px;
        margin-top: 20px;
        opacity: 1;
        white-space: normal;
        display: inline-block;
        vertical-align: middle;
        color: #fff;
    }

.gdprPopups .popupBody h2 {
    color: #910000;
    font-weight: 500;
    font-size: 22px;
}

.gdprPopups .popupBody .btn-primary {
    background: #910000;
    display: block;
    border: 1px solid #910000;
    font-size: 16px;
}

.gdprPopups .popupBody #popup1No,
.gdprPopups .popupBody #popup3No {
    display: block;
    text-align: center;
    color: #444;
    font-weight: 600;
}

img.sketchArrow {
    display: none;
}

.fpc20Popup .popupBody {
    padding: 30px;
    background-size: 50%;
    background-color: #01144e;
    background-repeat: no-repeat;
    background-position: center -100px;
}

.ppc19Popup .popupBody {
    background: url(/cisiweb2/image/events/ppc19/bgsmall.jpg);
    padding: 60px 40px;
    background-size: cover;
    background-position: left;
}

.ppc20Popup .popupBody {
    background: url(/cisiweb2/image/events/ppc20/popupbg.jpg);
    padding: 60px 40px;
    background-size: cover;
    background-position: center;
}
.fpWeekPopup .popupBody {
    background: url(/cisiweb2/image/fp/fpweek20/mycisipop.jpg);
    padding: 60px 40px;
    background-size: cover;
    background-position: center;
    outline: 20px solid #62d79e;
}

.fpc20Popup .popupBody h2,
.ppc19Popup .popupBody h2 {
    color: #fff;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 30px;
    font-size: 22px;
    font-family: 'Open Sans';
    display: inline-block;
    background: #112b83;
    padding: 15px 30px;
    box-shadow: 10px 10px 0px #ec1b2e;
}

.ppc20Popup h2 {
    font-weight: 600;
    font-size: 20px;
    text-shadow: 0px 0px 20px rgba(0,0,0,0.9), 0px 0px 30px rgba(0,0,0,0.9), 0px 0px 40px rgba(0,0,0,0.9), 0px 0px 40px rgba(0,0,0,0.9), 0px 0px 40px rgba(0,0,0,0.9), 0px 0px 40px rgba(0,0,0,0.9);
}
.fpWeekPopup a {
    color: #62d79e;
    font-weight: 600;
}
.fpWeekPopup .btn {
    background: #62d79e;
    border: 0px;
    font-size: 16px;
    color: #fff;
}
.fpWeekPopup .btn:hover {
    background: #41b17a;
    border: 0px;
    font-size: 16px;
}
a#fpWeekPopupClose {
    position: absolute;
    top: 10px;
    right: 10px;
}
.fpWeekPopup span.glyphicon {
    color: #fff;
}

.fpc20Popup .popupBody h4,
.ppc19Popup .popupBody h4 {
    color: #fff;
    font-weight: 600;
    margin-top: 0px;
    font-family: 'Open Sans';
    margin-bottom: 30px;
    text-shadow: 0px 0px 30px #000, 0px 0px 30px #000;
}

.fpc20Popup .popupBody .content {
    width: 100%;
    text-align: center;
    color: #fff;
}
.ppc19Popup .popupBody .content {
    width: 100%;
    text-align: center;
    color: #fff;
    margin-top: 320px;
}
.fpWeekPopup .popupBody .content {
    width: 100%;
    text-align: center;
    color: #fff;
}
.ppc20Popup .content {
    padding-top: 70%;
    color: #fff;
    text-align: center;
    font-family: open sans;
    font-weight: 600 !important;
}

.selfDeclarePopup .popupBody .content {
    width: 100%;
    text-align: center;
    color: #fff;
}

    .selfDeclarePopup .popupBody .content .btn-primary {
        background: #fff;
        color: #3d3487;
        border-radius: 100px;
        border: 0px solid;
        font-weight: bold;
        padding: 14px 40px;
        font-size: 16px;
        text-transform: uppercase;
        width: 100%;
    }

.fpc20Popup .popupBody .content .btn-primary {
    background: #ec1b2e;
    color: #fff;
    border-radius: 100px;
    border: 0px solid;
    font-weight: bold;
    padding: 14px 40px;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 10px;
    max-width: 100%;
}

.fpc20Popup .popupBody .content .btn-primary.yellowButton {
    background: #ffcc05;
    color: #080d26;
}

.ppc19Popup .popupBody .content .btn-primary {
    background: #fff;
    color: #3000c8;
    border-radius: 100px;
    border: 0px solid;
    font-weight: bold;
    padding: 14px 40px;
    font-size: 16px;
    text-transform: uppercase;
    width: 100%;
}

.ppc20Popup .popupBody .content .btn-primary {
    background: rgba(0,0,0,0.8);
    color: #fff;
    border-radius: 100px;
    border: 2px solid #fff;
    font-weight: bold;
    padding: 14px 40px;
    font-size: 16px;
    text-transform: uppercase;
}

.fpc20Popup .popupBody .content .btn-primary:hover {
    background: #3a5bcb;
    color: #fff;
}

.ppc20Popup .popupBody .content .btn-primary:hover {
    background: #fff;
    color: #000;
}

.selfDeclarePopup .popupBody .content .btn-primary:hover {
    background: #3d3487;
    color: #fff;
}

.ppc19Popup .popupBody .content .btn-primary:hover {
    background: #3000c8;
    color: #fff;
}

.fpc20Popup .popupBody .content .confLogo,
.selfDeclarePopup .popupBody .content .confLogo {
    width: 80%;
    margin: auto;
}

.ppc19Popup .popupBody .content .confLogo {
    width: 60%;
    margin: auto;
}

.fpc20Popup .popupBody .content .btn-primary .glyphicon {
    color: #f1c63c;
    margin-right: 6px;
    font-size: 22px;
    vertical-align: sub;
}

a#confPopupClose,
a#confPopupClosePPC {
    position: absolute;
    top: 4px;
    right: 10px;
    color: #fff !important;
    font-size: 26px;
}

#confPopupClose .glyphicon,
#confPopupClosePPC .glyphicon {
    color: #fff;
}

.selfDeclarePopup .popupBody .content .btn-primary {
    color: #af0a0a;
}

    .selfDeclarePopup .popupBody .content .btn-primary:hover {
        background: #af0a0a;
        color: #fff;
    }

.selfDeclarePopup .popupBody {
    background: url(/cisiweb2/image/nocpdmobile.jpg);
    padding: 30px;
    background-size: cover;
    background-position: left;
    border: 4px solid #fff;
}

    .selfDeclarePopup .popupBody h2 {
        color: #fff;
        font-weight: 600;
        margin-top: 0px;
        font-family: 'Open Sans';
        font-size: 28px;
    }

    .selfDeclarePopup .popupBody h4 {
        color: #fff;
        font-weight: 600;
        margin-top: 0px;
        font-family: 'Open Sans';
        margin-bottom: 30px;
    }

.fpc20Popup small {
    color: #fff;
    line-height: 1.6 !important;
    font-size: 18px;
    font-weight: 500;
    display: block;
    margin-top: 10px;
}

.fpc20Popup.modal .modal-body {
    max-height: 800px;
}

a#confPopupCloseFPC2020 {
    position: absolute;
    top: 6px;
    right: 6px;
    color: #fff;
}

a#closePara2020 {
    position: absolute;
    top: 10px;
    right: 10px;
}

    a#closePara2020 .glyphicon {
        color: #fff;
        font-size: 30px;
    }

a#confPopupCloseFPC2020 .glyphicon {
    color: #fff;
    font-size: 30px;
}

@media (min-width: 330px) {
    .gdprPopups .popupBody h2 {
        color: #910000;
        font-weight: 500;
        font-size: 26px;
    }
}

@media (min-width: 768px) {
    #gdprPopup1 .popupBody {
        padding: 250px 30px 30px 30px;
        max-height: 100vh;
        font-size: 16px;
    }

    #gdprPopup2 .popupBody {
        padding: 250px 30px 30px 30px;
        max-height: 100vh;
        font-size: 16px;
    }

    #gdprPopup3 .popupBody {
        padding: 250px 30px 30px 30px;
        max-height: 100vh;
        font-size: 16px;
    }

    #surveyPopup .popupBody {
        background: url(/cisiweb2/image/mycisi/surveybg.jpg);
        background-size: cover;
        background-position: center top;
        padding: 30px 46% 20% 30px;
        max-height: 100vh;
        color: #fff;
        font-size: 21px;
    }

        #surveyPopup .popupBody h2 {
            font-size: 45px;
        }

        #surveyPopup .popupBody a {
            background: #000000;
            background-blend-mode: overlay;
            border: 2px solid #dfe3e4;
            border-radius: 200px;
            padding: 14px 40px;
            font-size: 20px;
            margin-top: 20px;
            opacity: 0.8;
            white-space: normal;
            display: inline-block;
            vertical-align: middle;
            color: #fff;
        }

    .fpc20Popup .popupBody,
    .ppc19Popup .popupBody {
        padding: 30px;
        background-size: 50%;
        background-color: #01144e;
        background-repeat: no-repeat;
        background-position: center -100px;
    }

        .fpc20Popup .popupBody h2,
        .ppc19Popup .popupBody h2 {
            color: #fff;
            font-weight: 600;
            margin-top: 0px;
            margin-bottom: 30px;
            font-size: 26px;
            font-family: 'Open Sans';
            display: inline-block;
            background: #112b83;
            padding: 15px 30px;
            box-shadow: 10px 10px 0px #ec1b2e;
        }

        .fpc20Popup .popupBody h4,
        .ppc19Popup .popupBody h4 {
            color: #fff;
            font-weight: 600;
            margin-top: 0px;
            font-family: 'Open Sans';
            margin-bottom: 30px;
            text-shadow: 0px 0px 30px #000, 0px 0px 30px #000;
        }

        .fpc20Popup .popupBody .content,
        .ppc19Popup .popupBody .content {
            width: 100%;
        }

    .ppc20Popup h2 {
        font-size: 30px;
        margin-bottom: 40px;
    }
    .fpWeekPopup h2 {
        font-size: 30px;
        margin-bottom: 40px;
        margin-top: 0px !important;
        font-weight: 800;
    }
    .fpWeekPopup h3 {
        font-size: 18px;
        margin-bottom: 20px;
        margin-top: 0px !important;
        line-height: 1.4;
        font-family: open sans;
    }

    .ppc20Popup .content {
        padding-top: 50%;
        color: #fff;
        text-align: center;
        font-family: open sans;
        font-weight: 600 !important;
    }
}

@media (min-width: 992px) {
    .ppc20Popup .content {
        padding-top: 30%;
        color: #fff;
        text-align: center;
        font-family: open sans;
        font-weight: 600 !important;
    }
    .fpWeekPopup .content {
        padding-left: 50%;
        color: #fff;
        text-align: center;
        font-family: open sans;
    }

    #gdprPopup1 .popupBody {
        background: url(/cisiweb2/image/gdpr/popup1bg.jpg);
        background-size: cover;
        padding: 50px 50px 50px 35%;
    }

    #gdprPopup2 .popupBody {
        background: url(/cisiweb2/image/gdpr/popup2bg.jpg);
        background-size: cover;
        padding: 30px 50px 50px 55%;
    }

    #gdprPopup3 .popupBody {
        background: url(/cisiweb2/image/gdpr/popup2bg.jpg);
        background-size: cover;
        padding: 50px 50px 80px 50%;
    }

    #surveyPopup .popupBody {
        background: url(/cisiweb2/image/mycisi/surveybg.jpg);
        background-size: cover;
        background-position: left top;
        padding: 50px 46% 20% 50px;
        max-height: 100vh;
        color: #fff;
        font-size: 21px;
    }

    img.sketchArrow {
        display: block;
        position: absolute;
        left: 200px;
        top: 40px;
    }

    .gdprPopups .popupBody h2 {
        font-weight: 400;
    }

    .fpc20Popup .popupBody {
        padding: 30px;
        background-size: 50%;
        background-color: #01144e;
        background-repeat: no-repeat;
        background-position: center -100px;
    }

    .ppc19Popup .popupBody {
        padding: 80px 50px 90px 50px;
        background-size: cover !important;
        background: url(/cisiweb2/image/events/ppc19/bgsmall2.jpg);
    }

    .selfDeclarePopup .popupBody {
        padding: 50px;
        background-size: cover !important;
        background: url(/cisiweb2/image/nocpd.jpg);
    }

        .selfDeclarePopup .popupBody .content {
            width: 62%;
            float: right;
        }
}