/* Primary Colour Palette */
/* AGL Light blue, was @cyan */
/* AGL Dark blue, was @blue */
/* AGL Black */
/* AGL White */
/* End Primary Colour Palette */
/* Secondary Colour Palette */
/* AGL Light yellow */
/* AGL Dark pink, was @crimson*/
/* End Secondary Colour Palette */
/* Neutrals Digital Grey Tints */
/*AGL Digital grey 1 */
/*AGL Digital grey 2, use for field keyline */
/*AGL Digital grey 3 */
/*AGL Digital grey 4 */
/*AGL Digital grey 5 */
/* use this for mid grey field text */
/* End Greyscale Tints */
/* Fonts */
/* End Fonts */
/* Common Styles */
body {
    background: #EFF0F4;
}

#wrap {
    background-image: url('../images/common/main_bg.gif');
}

a {
    color: #001CB0;
    text-decoration: underline;
}

    a:hover {
        color: #001CB0;
        text-decoration: none;
    }

video {
    /*margin:20px;*/
}

input[type="submit"],
button,
button[type="reset"],
input[type="button"],
.button,
.btn,
.approveBtn,
.documentLibrary ul li div a.btn,
.showAllContainer a,
#aDownload {
    background-color: #001CB0;
    color: #FFF;
    font: normal 14px/18px 'Titillium Web', sans-serif !important;
    font-weight: 600 !important;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    float: left;
    text-decoration: none;
    text-transform: uppercase;
    padding: 6px 15px;
    letter-spacing: 1px;
    border-radius: 3px !important;
}

.download-content .button,
.download-content .btn,
.documentLibrary ul li div a.btn {
    font-size: 12px;
    margin: 10px 7px 10px;
    /*padding:4px 14px 4px 14px;*/
}

    input[type="submit"]:hover,
    button,
    button[type="reset"]:hover,
    input[type="button"]:hover,
    .button:hover,
    .btn:hover,
    .approveBtn:hover,
    .documentLibrary ul li div a.btn:hover,
    .showAllContainer a:hover,
    #aDownload:hover {
        background-color: #00DFED;
        color: #FFF;
        border: 0;
    }
.downloadSectionLink {
  margin-right: 10px;
  margin-top: 10px;
}
/* Add reset button for Asset share */
        button[type="reset"],
        .button.reset {
            background-color: #D6D9E0 !important;
            color: #2B2E31 !important;
        }

            button[type="reset"]:hover,
            .button.reset:hover {
                background-color: #001CB0 !important;
                color: #FFF !important;
            }
/* End reset button for Asset share */
.ui-selectmenu-menu ul {
    background-color: #FFF;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: #2B2E31;
}

.ui-selectmenu:hover,
.ui-state-active {
    color: #001CB0 !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background-color: #FFF;
}

.ui-selectmenu-menu li.ui-selectmenu-item-focus a {
    /*(background-color:@lightblue;*/
    background-image: linear-gradient(to right, #001cb0, #0075cc);
    color: #FFF;
}

.redNumber {
    color: #00DFED;
    margin-right: 0px;
}

p.download-header {
    padding: 6px 0 2px 26px;
    background-position: 0 -75px;
}

    p.download-header:hover {
        background-position: 0 -127px;
    }

    p.download-header.open {
        font-weight: bold;
        background-position: 0 -101px;
    }

    p.download-header.open,
    .download-content {
        background-color: #FFF;
        border-color: #D6D9E0;
    }

.infoDetails .infoDetailsActions {
    background-color: #F9F9F9;
    border-color: #D6D9E0;
    padding: 7px 10px 4px 10px;
}

.addToAlbumSelected.infoDetails {
    width: 220px;
}

.download-content ul {
    float: left;
    margin: 10px 0 0;
}

    .download-content ul li {
        background-position: 0 -133px;
        margin: 0;
    }

        .download-content ul li a {
            color: #000;
            padding: 0 0 8px;
            text-decoration: none;
            word-wrap: break-word;
            -ms-word-wrap: break-word;
            word-break: break-all;
            float: left;
        }

            .download-content ul li a:hover {
                color: #001CB0;
            }

.infoDetails .infoDetailsActions li {
    font: normal 12px/16px 'Open Sans', sans-serif;
}

    .infoDetails .infoDetailsActions li a {
        font: normal 14px/16px 'Open Sans', sans-serif;
    }

.fileType {
    font: 12px/16px 'Open Sans', sans-serif;
    width: 42px !important;
}

.expiryWarning {
    font: bold 12px/16px 'Open Sans', sans-serif;
    width: 286px !important;
}

.expiryWarningTop {
    font: bold 12px/16px 'Open Sans', sans-serif;
}

.expiryWarningForm {
    font: bold 12px/16px 'Open Sans',sans-serif;
    padding-bottom: 1px !important;
}

.download-content .info {
    background-position: -6px -30px;
}

    .download-content .info:hover {
        background-position: -6px -56px;
    }

.download-content ul li .rightCol .fileType {
    margin-top: 0;
}

.download-content .downloadAll {
    background-color: #F9F9F9;
    border-color: #D6D9E0;
}
/* End Common Styles */
/* Header */
#header {
    background: #FFF;
    height: 130px;
}

#company_logo {
    /* background: url('../images/common/agl-logo-login-218x206px.png') top left no-repeat; */
    float: left;
    margin: 21px 25px 20px;
    width: 66px;
    height: 61px;
    background-size: 64px;
}
/* Search */
ul.loggedin {
    margin: 13px 25px 10px 0;
}

#search fieldset {
    width: 350px;
    margin: 0 25px 0 0;
    border-radius: 4px;
}

    #search fieldset label {
        color: #666;
        font: normal 12px/32px 'Open Sans', sans-serif;
        width: 50px;
        margin: 0;
    }

    #search fieldset input[type=text] {
        font: normal 12px/32px 'Open Sans', sans-serif;
        color: #666;
        width: 195px;
        height: 32px;
        border: solid #A7A9B3;
        border-width: 1px 0 1px 1px;
    }

        #search fieldset input[type=text]:focus {
            color: #000;
            outline: 0;
        }

    #search fieldset input[type=button] {
        background-position: 2px 4px;
        height: 32px;
        border: solid #A7A9B3;
        border-width: 1px 1px 1px 0;
        border-radius: 0 2px 2px 0 !important;
    }

        #search fieldset input[type=button]:hover,
        #search fieldset input[type=button]:active {
            background-position: 2px -18px;
        }

    #search fieldset #searchOption-button {
        background-color: #FFF;
        float: left;
        height: 32px;
        width: 77px !important;
        margin-right: 2px;
        border-radius: 2px;
        background: white;
        padding: 0;
        border: 0;
    }

        #search fieldset #searchOption-button .ui-selectmenu-status,
        #search fieldset #searchOption-button .ui-selectmenu-text {
            font-size: 12px;
            line-height: 30px;
            color: #666;
            padding: 0 6px;
            border: solid #A7A9B3;
            border-width: 1px;
        }

            #search fieldset #searchOption-button .ui-selectmenu-status:hover,
            #search fieldset #searchOption-button .ui-selectmenu-text:hover,
            #search fieldset #searchOption-button .ui-selectmenu-status:active,
            #search fieldset #searchOption-button .ui-selectmenu-text:active,
            #search fieldset #searchOption-button .ui-selectmenu-status:focus,
            #search fieldset #searchOption-button .ui-selectmenu-text:focus {
                color: #000;
            }

        #search fieldset #searchOption-button .ui-selectmenu-icon,
        #search fieldset #searchOption-button span.ui-icon {
            height: 30px !important;
            background: #FFF url(/images/common/searchBox_icons.png) 0 2px no-repeat !important;
            top: 0;
            right: 0;
            width: 20px;
            margin: 0;
            border: solid #A7A9B3;
            border-width: 1px 1px 1px 0;
        }

            #search fieldset #searchOption-button .ui-selectmenu-icon:hover,
            #search fieldset #searchOption-button span.ui-icon:hover,
            #search fieldset #searchOption-button .ui-selectmenu-icon:active,
            #search fieldset #searchOption-button span.ui-icon:active,
            #search fieldset #searchOption-button .ui-selectmenu-icon:focus,
            #search fieldset #searchOption-button span.ui-icon:focus {
                background-position: 0 -26px !important;
            }

#searchOption-menu {
    border: 0;
    border-radius: 2px;
    font-size: 12px !important;
    width: 130px !important;
    box-sizing: border-box;
    padding-bottom: 5px !important;
}

.ui-selectmenu-open {
    z-index: 8000 !important;
}

    .ui-selectmenu-open .ui-menu .ui-menu-item {
        border: 0;
        padding: 4px 15px;
    }

    .ui-selectmenu-open .ui-menu .ui-state-focus,
    .ui-selectmenu-open .ui-menu .ui-state-active {
        background: #00DFED;
        color: #FFF;
        margin: 0;
    }
/* End Header */
#mainContent {
    /*overflow:visible !important;overflow-x:visible !important;*/
    float: left;
    /*min-height:auto !important;*/
    background: #FFF url('/images/common/main_bg.gif') top right repeat-y;
    /*padding:0;*/
}
/* RHS Column */
.pageOptions {
    background-color: #EFF0F4;
    width: 120px;
}

ul.pageTools a.print_page,
ul.pageTools a.share_page {
    color: #2B2E31;
    font: normal 12px/1.2 'Open Sans', sans-serif;
}

    ul.pageTools a.print_page:hover,
    ul.pageTools a.share_page:hover {
        color: #001CB0;
    }
ul.pageTools a.downloadLink {
    background: url(../images/common/pageOptions_iconsPrintSection.png) 0 0 no-repeat;
}
ul.pageTools li.open a.share_page {
    color: #001CB0;
}

ul.pageTools .share_page_container fieldset label {
    color: #000;
    font: normal 12px/1 'Open Sans', sans-serif;
}

ul.pageTools .share_page_container input[type="text"],
ul.pageTools .share_page_container input[type="email"] {
    background-color: #F9F9F9;
    border: 1px solid #D6D9E0;
    color: #000;
    font: normal 12px/1 'Open Sans', sans-serif;
    width: 120px;
    border-radius: 1px;
}

    ul.pageTools .share_page_container input[type="text"]:focus,
    ul.pageTools .share_page_container input[type="email"]:focus {
        background-color: #FFF;
        border: 1px solid #001CB0;
    }

ul.pageTools .share_page_container textarea {
    background-color: #F9F9F9;
    border: 1px solid #D6D9E0;
    color: #000;
    font: normal 12px/1.3 'Open Sans', sans-serif;
    width: 120px;
    border-radius: 1px;
}

    ul.pageTools .share_page_container textarea:focus {
        background-color: #FFF;
        border: 1px solid #001CB0;
    }

ul.pageTools .share_page_container span.error,
ul.pageTools .share_page_container span.field-validation-error {
    background-color: #2B2E31;
    font: bold 12px/1.1 'Titillium Web', sans-serif;
    z-index: 10;
}

ul.pageTools .share_page_container .button:hover {
    background-color: #00DFED;
    color: #FFF !important;
}

ul.pageTools .success h3,
ul.pageTools .success p {
    color: #000;
}

.myFavourites {
    background-color: #EFF0F4;
    width: 120px;
    padding: 10px;
    margin: 0 10px 10px;
}

    .myFavourites h3 {
        background: url('../images/common/accordion-header_bg.png') 90px -177px no-repeat;
        margin: 0 0 10px;
        padding: 0;
        cursor: pointer;
    }

        .myFavourites h3:hover {
            text-decoration: underline;
        }

        .myFavourites h3.open {
            margin: 0;
        }

    .myFavourites ul {
        display: none;
        margin: 8px 0 6px;
    }

        .myFavourites ul li {
            margin: 3px 0 4px;
            word-wrap: break-word;
        }

        .myFavourites ul a {
            color: #2B2E31;
        }

            .myFavourites ul a:hover {
                color: #001CB0;
                text-decoration: underline;
            }

    .myFavourites a.viewAll,
    .myFavourites a.addThisPage {
        color: #2B2E31;
        font: normal 12px/1.4 'Open Sans', sans-serif;
    }

        .myFavourites a.viewAll:hover,
        .myFavourites a.addThisPage:hover {
            color: #001CB0;
        }

.brandAlert {
    background-color: #EFF0F4;
    width: 120px;
    margin: 0 10px 10px;
}
    /* .brandAlert h3{color:@black;font-size:12px;line-height:14px;} */
    .brandAlert ul li a {
        color: #2B2E31;
    }

        .brandAlert ul li a:hover {
            color: #001CB0;
        }

    .brandAlert a.viewAll {
        font: normal 12px/1.3 'Open Sans', sans-serif;
        color: #2B2E31;
    }

        .brandAlert a.viewAll:hover {
            color: #001CB0;
        }

.brandFacts {
    background-color: #EFF0F4;
    margin: 0 10px 10px;
}

    .brandFacts ul {
        font-size: 12px;
    }
/* RHS TILES */
.rhsTileContainer {
    background-color: #EFF0F4;
    /* property override */
    border-radius: 2px;
    float: right;
    margin: 0 10px 10px;
    padding: 10px 10px 8px 10px;
    text-decoration: none;
}

    .rhsTileContainer:hover {
        background-color: #d6d9e0;
        /* property override */
    }

    .rhsTileContainer h3 {
        margin: 0px 0 20px 0;
        color: "";
        /* property override */
    }

    .rhsTileContainer img {
        width: 120px;
        /* height: 82px; ---ideal height */
        bottom: -2px;
    }

.relatedLinks {
    background-color: #EFF0F4;
    width: 120px;
    margin: 10px 10px 0 0;
    border-radius: 2px;
}

    .relatedLinks h3 {
        margin: 0;
        padding: 0;
    }

    .relatedLinks ul {
        float: left;
        width: 120px;
        margin: 5px 0 0;
        padding: 0;
    }

        .relatedLinks ul li {
            float: left;
            margin: 5px 0;
            padding: 0;
            list-style: none;
            width: 100%;
        }

            .relatedLinks ul li p {
                line-height: 12px;
            }

            .relatedLinks ul li a {
                color: #2B2E31;
                font: normal 12px/1.3 'Open Sans', sans-serif;
                text-decoration: none;
            }

                .relatedLinks ul li a:hover {
                    color: #001CB0;
                }
/* End RHS Column */
/* My favourites Page */
#myFavouritesContainer ul.header {
    background-color: #EFF0F4 !important;
}

    #myFavouritesContainer ul.header li label {
        line-height: 30px;
        font-family: 'Titillium Web', sans-serif;
        font-weight: 300;
        padding-top: 0 !important;
    }

    #myFavouritesContainer ul.header li input[type="checkbox"] {
        top: -8px !important;
    }

#myFavouritesContainer ul.content li.odd {
    background-color: #FFF !important;
}

#myFavouritesContainer ul.content li.even {
    background-color: #F9F9F9 !important;
}
/* End My favourites Page */
/* What's new Page */
.brandAlertList ul li.headlineRow {
    background-color: #EFF0F4;
}

.brandAlertList ul li.odd {
    background-color: #FFF;
}

.brandAlertList ul li.even {
    background-color: #F9F9F9;
}

.brandAlertList ul li p {
    color: #000 !important;
    font-weight: bold;
}
/* End What's new Page */
/* Footer */
#footer {
    color: #FFF;
    font: normal 12px/40px 'Open Sans', sans-serif;
}

#footer_container {
    background: #EFF0F4;
    color: #2B2E31;
}

    #footer_container ul {
        font: normal 12px/40px 'Open Sans', sans-serif;
    }

    #footer_container a {
        color: #2B2E31;
        text-decoration: none;
    }

        #footer_container a:hover {
            color: #001CB0;
            text-decoration: underline;
        }

    #footer_container .webmaster a {
        font-weight: bold;
    }

.brandtoolbox a {
    font: bold 12px/40px 'Open Sans', sans-serif;
}
/* End Footer */
/* Paragraph Styles */
h1,
.section_heading h2 {
    color: #001CB0;
    font: normal 40px/1.1 'Titillium Web', sans-serif;
    font-weight: 300;
    letter-spacing: -1px;
    margin: 5px 0 20px 0;
}

.toPrint h1 {
    word-break: break-all !important;
}

.section_heading h2 {
    padding: 0;
}

.feature {
    color: #001CB0;
    font: normal 21px/1.2 'Titillium Web', sans-serif;
    font-weight: 300;
    letter-spacing: -0.25px;
}

    .feature strong {
        color: #001CB0;
        font: bold 21px/1.2 'Titillium Web', sans-serif;
        letter-spacing: -0.25px;
    }

h2 {
    color: #001CB0;
    font: bold 18px/1.1 'Titillium Web', sans-serif;
    margin: 25px 0 12px 0;
    letter-spacing: -0.1px;
}

h3 {
    color: #000;
    font: bold 14px/1.4 'Open Sans', sans-serif;
    margin: 15px 0 10px 0;
    letter-spacing: -0.1px;
}

h4 {
    color: #000;
    font: bold 14px/1.4 'Open Sans', sans-serif;
    margin: 15px 0 0 0;
    letter-spacing: -0.1px;
}

p {
    color: #000;
    font: normal 14px/1.4 'Open Sans', sans-serif;
    margin: 0 10px 10px 0;
    letter-spacing: -0.1px;
}

    p strong {
        font-weight: bold;
        letter-spacing: -0.1px;
    }

.caption {
    color: #000;
    font: bold 12px/1.4 'Open Sans', sans-serif;
    margin: -10px 0 25px 0;
    clear: both;
    letter-spacing: -0.1px;
}

.highlight {
    font-family: monospace, monospace !important;
    color: #FD334C;
    background: #EFF0F4;
    padding: 4px 6px;
}

ul {
    color: #000;
    font: normal 14px/1.4 'Open Sans', sans-serif;
    margin: 0 0 20px 18px;
    padding: 0;
    letter-spacing: -0.1px;
}
.listItemDescription ul {
  list-style: unset;
}
ol {
    color: #000;
    font: normal 14px/1.5 'Open Sans', sans-serif;
    display: block;
    margin: 0 0 20px 0;
    padding: 0 0 0 18px;
    list-style: none;
    overflow: hidden;
    counter-reset: item;
    letter-spacing: -0.1px;
}

    ol > li {
        margin: 0 0 5px 0;
        padding: 0;
        position: relative;
        letter-spacing: -0.1px;
    }

        ol > li:before {
            counter-increment: item;
            content: counter(item);
            float: left;
            position: absolute;
            left: -18px;
            font: normal 14px/1.5 'Open Sans', sans-serif;
            text-align: center;
            color: #000;
            letter-spacing: -0.1px;
        }

li strong {
    font-weight: bold;
}

hr {
    background-color: #A7A9B3;
    height: 1px;
    margin-top: 50px;
}
/* End Paragraph Styles */
.error,
.field-validation-error {
    color: #000;
}
/* Main Menu */
.sm-blue {
    background: #001CB0;
    padding-left: 25px;
    height: 30px;
}

    .sm-blue a {
        color: #FFF;
        font-family: 'Titillium Web', sans-serif;
        font-weight: 600;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin: 2px 0 0;
        line-height: 26px;
        padding: 0 8px 2px;
    }

    .sm-blue .selected > a {
        background-color: #FFF;
        color: #001CB0;
        border-radius: 2px 2px 0 0;
    }
    /* Main Menu Lvl 1 - Has Lvl 2*/
    .sm-blue li#hasChildren > a:hover,
    .sm-blue li#hasChildren > a:focus,
    .sm-blue li#hasChildren > a:active,
    .sm-blue li#hasChildren > a.highlighted,
    .sm-blue li#hasChildren .selected > a {
        background: #FFF;
        color: #001CB0;
        margin: 2px 0 0;
    }

    .sm-blue a.home {
        width: 40px !important;
    }

        .sm-blue a.home:hover {
            background-color: #FFF;
            background-position: bottom center;
            margin: 2px 0 0;
        }

    .sm-blue .selected a.home {
        background-color: #FFF;
        background-position: bottom center;
        margin: 2px 0 0;
    }
/* Main Menu Lvl 1 - No Lvl 2*/
ul.sm a {
    border-radius: 2px 2px 0 0;
}

.sm-blue a:hover,
.sm-blue > a:focus,
.sm-blue > a:active,
.sm-blue a.highlighted {
    background-color: #FFF;
    color: #001CB0;
}
/* Main Menu Lvl 2 */
.sm-blue ul {
    background: #FFF;
    border-bottom-color: #001CB0;
}

    .sm-blue ul a {
        color: #001CB0;
        font-family: 'Open Sans', sans-serif;
        text-transform: none;
        letter-spacing: 0;
    }

        .sm-blue ul li:hover,
        .sm-blue ul li:hover > a,
        .sm-blue ul a:hover,
        .sm-blue ul a:focus,
        .sm-blue ul a:active,
        .sm-blue ul .selected > a,
        .sm-blue li#hasChildren ul .selected > a {
            background-image: linear-gradient(to right, #001CB0, #0075CC);
            color: #FFF;
            border-radius: 0;
        }

    .sm-blue ul .selected > a,
    .sm-blue li#hasChildren ul .selected > a {
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
    }
    /* Main Menu Lvl 3 */
    .sm-blue ul ul {
        background: #FFF;
    }
/* End Main Menu */
/* Sub Menu */
/*.subnav{background-color:@white;border-color:@digitalgrey4;font:normal 12px/1 @featureFontLight;background-color:@digitalgrey5;border-radius:2px;list-style:none;text-align:left;border:1px solid @digitalgrey4;border-top:0;padding:0;}*/
div.subnav {
    margin: 0 0 0 0;
    padding: 0;
}

ul.subnav {
    background-color: #FFF;
    border-color: #D6D9E0;
    font: normal 12px/1 'Open Sans', sans-serif;
    background-color: #EFF0F4;
    border-radius: 0px;
    list-style: none;
    text-align: left;
    border-right: 0px;
    border-left: 0px;
    border-top: 0;
}

.subnav li {
    border-color: #D6D9E0;
}

    .subnav li a {
        color: #2B2E31;
    }

        .subnav li a:hover {
            color: #001CB0;
            text-decoration: underline;
        }

    .subnav li.selected,
    .subnav li.selected.hasChildren {
        /*background-color:@darkblue;*/
        background-image: linear-gradient(to right, #001cb0, #0075cc);
    }

    .subnav li.ancestorSelected a:hover {
        color: #001CB0;
        text-decoration: underline;
    }

    .subnav li.selected,
    .subnav li.ancestorSelected {
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
    }

    .subnav li a.selected,
    .subnav li a.selected:hover {
        color: #FFF;
    }

        .subnav li a.selected.ancestorSelected {
            color: #FFF;
        }

    .subnav li a.ancestorSelected {
        color: #001CB0;
    }

.subnav ul {
    font: normal 12px/1 'Open Sans', sans-serif;
    line-height: 1;
    padding-bottom: 1px;
}

.subnav li li.selected,
.subnav li li.selected.ancestorSelected {
    /*background-color:@darkblue;*/
    background-image: linear-gradient(to right, #001cb0, #0075cc);
}
/* End Sub Menu */
/* Breadcrumbs */
ul.breadcrumbs {
    font: normal 12px/1 'Open Sans', sans-serif;
    color: #2B2E31;
}
/* End Breadcrumbs */
/* Log In */
#login_container {
    background-image: url('../images/login/BT-Login-BG-image-01.jpg');
}

.loginDiv {
    background: url('../images/common/bt-logo-login-218x206px.png') 30px 10px no-repeat;
    background-size: 100px;
    float: left;
    margin: 25px;
    padding: 80px 30px 40px;
    width: 360px;
}

    .loginDiv h1 {
        /*color:@white;*/
        font-size: 44px;
        line-height: 38px;
        margin: 70px 0 15px -2px;
    }

    .loginDiv .feature {
        font: normal 18px/1.2 'Titillium Web', sans-serif;
        margin: 20px 0 35px;
        font-weight: 300;
    }

    .loginDiv h2 {
        font: normal 19px/1 'Titillium Web', sans-serif;
        font-weight: 600;
    }

    .loginDiv h3 {
        font-size: 15px;
    }

.register h3 {
    margin-bottom: 2px;
}
/*.loginDiv p, .loginDiv a{color:@white;}*/
#OpenIdConnect {
    background: url(../images/login/microsoft-logo-squares.png) 10px 8px no-repeat;
    /* background-color: #6ed1f3 !important; */
    border: 1px solid #A7A9B3;
    border-radius: 0px !important;
    padding: 8px 0 7px 25px;
    color: black;
    width: 104px;
    position: absolute;
    top: 346px;
    right: 65px;
}

    #OpenIdConnect:hover {
        background-color: #D6D9E0 !important;
    }

.loginDiv .inline-list {
    list-style: none;
}

.loginDiv hr {
    margin-top: 30px;
    margin-bottom: -7px;
    margin-right: 10px;
}

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

.loginDiv button[type="submit"] {
    background-color: #FFE344;
    border-radius: 30px !important;
    margin-top: 5px;
    color: #2B2E31;
    padding: 12px 30px;
}

    .loginDiv button[type="submit"]:hover {
        background-color: #ffdb0f;
        box-shadow: 1px 1px 5px #D6D9E0;
    }

.loginDiv li button[type="submit"] {
    background: url(../images/login/microsoft-logo-squares.png) 10px 8px no-repeat;
    border: 1px solid #A7A9B3;
    border-radius: 0px !important;
    padding: 8px 0 7px 25px;
    color: black;
    width: 104px;
    position: absolute;
    top: 319px;
    right: 65px;
}

    .loginDiv li button[type="submit"]:hover {
        background-color: #D6D9E0 !important;
    }

.loginDiv .forgotPassword {
    /*color:@white;*/
    text-decoration: none;
    margin: 15px -5px 5px 15px;
}

    .loginDiv .forgotPassword:hover {
        text-decoration: underline;
    }

.loginDiv .username label,
.loginDiv .password label {
    /*background-color:@digitalgrey4;*/
    color: #000;
    font: normal 13px/18px 'Open Sans', sans-serif;
    margin: 0;
    padding: 6px 10px;
    width: 90px;
    border: solid #A7A9B3;
    border-width: 1px 0 1px 1px;
    border-radius: 4px 0 0 4px;
}

.loginDiv input[type=text],
.loginDiv input[type=password] {
    background: #FFF;
    color: #666;
    font: normal 13px/18px 'Open Sans', sans-serif;
    width: 200px;
    border: solid #A7A9B3;
    border-width: 1px 1px 1px 0;
    border-radius: 0 4px 4px 0;
    height: 32px;
}

    .loginDiv input[type=text]:focus,
    .loginDiv input[type=password]:focus {
        color: #000;
        outline: 0;
    }

.loginDiv .errorMessage {
    color: #000 !important;
    font: bold 12px 'Titillium Web', sans-serif;
    line-height: 18px !important;
    padding: 0 0 0 27px !important;
    margin-top: 10px;
}

.loginDiv .register {
    margin-top: 5px;
}

.loginDiv a.registerLink {
    background: url('/images/common/small_arrow.png') center right no-repeat;
    padding-right: 10px;
    text-decoration: none;
    padding-bottom: 3px;
}

.loginDiv a.registerLink:hover {
    /*color:@white;*/
    text-decoration: underline;
}

.login .validation-summary-errors ul {
    background: url(../images/common/attention_icon.png) 0px 0px no-repeat;
    float: left;
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.2;
    text-transform: uppercase;
    padding-left: 28px;
    padding-top: 2px;
    list-style: none;
    margin: 8px 0 4px;
}

.Login-Register .error,
.Login-Register .field-validation-error {
    margin-left: 0;
    margin-bottom: 8px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
    padding-top: 0;
}

.Login-Register .field-validation-valid {
    padding-left: 0;
}

/* MFA styling */
#mfa-heading {
    padding-top: 12px;
}

#mfa-qrCode {
    height: 120px;
    margin-left: -4px;
}

.mfa-input input[type=text] {
    border-width: 1px;
    border-radius: 4px;
    margin-top: 6px;
    margin-bottom: 10px;
}

.cancelMFAButton {
    float: left;
    margin: 20px -5px 5px 15px;
    text-decoration: none;
}

.cancelMFAButton:hover {
    text-decoration: underline !important;
}

.loginDiv a.searchToolTip {
    margin-top: 17px;
    margin-right: 60px;
}

/* Logged In */
ul.loggedin .message {
    color: #666;
    font-family: 'Open Sans', sans-serif;
}

ul.loggedin input[type=submit] {
    color: #FFF;
    font-family: 'Open Sans', sans-serif;
}

ul.loggedin a {
    color: #001CB0;
    font: normal 12px/15px 'Open Sans', sans-serif;
    text-decoration: none;
}

    ul.loggedin input[type=submit]:hover,
    ul.loggedin a:hover {
        color: #001CB0;
        text-decoration: underline;
    }
/* Log Out */
ul.loggedin .logout.open {
    background: #FFF;
    box-shadow: none !important;
}

    ul.loggedin .logout.open a {
        color: #001CB0;
        font-weight: bold;
    }

ul.loggedin .logout .logoutBtn {
    background: #F9F9F9;
    width: 210px;
    top: 25px;
    font: normal 13px/2 'Open Sans', sans-serif;
    color: #2B2E31;
    text-align: left;
    padding: 12px 15px 12px 10px;
    z-index: 1;
}

    ul.loggedin .logout .logoutBtn input[type=submit],
    #header .loggedin input {
        padding: 4px 10px;
        box-shadow: none;
        float: right;
    }
/* End Log In */
/* Register */
.registration_container {
    font: normal 12px/1.5 'Titillium Web', sans-serif;
    font-weight: 300;
}

    .registration_container h3 {
        background-color: #001CB0;
        font: bold 14px/18px 'Titillium Web', sans-serif;
        color: #FFF;
        line-height: 18px;
        margin: 0;
        padding: 5px 330px 5px 10px;
    }

    .registration_container .block {
        background-color: #EFF0F4;
    }

    .registration_container input[type="text"],
    .registration_container input[type="password"] {
        border-color: #D1D1D1 !important;
        color: #000 !important;
        font: normal 12px/14px 'Open Sans', sans-serif !important;
        height: 22px !important;
        padding: 0 6px !important;
    }

        .registration_container input[type="text"]:focus,
        .registration_container input[type="password"]:focus {
            border-color: #D6D9E0;
        }

    .registration_container .error {
        color: #000;
        font: bold 12px 'Titillium Web', sans-serif;
        line-height: 18px !important;
        padding: 0 0 0 27px !important;
    }

    .registration_container .col1 p,
    .registration_container .col2 p,
    .registration_container .col3 p {
        line-height: 16px !important;
    }

.registration_container .inputRowWide {
    float:left;
    width:780px;
    margin:0;
    padding:4px 0;
}

.registration_container .col1wide {
    width: 190px;
    float: left;
}
.registration_container .col2wide {
    width: 390px;
    float: left;
}

#employeeEmailMessage2,
#nonemployeeEmailMessage {
    background-color: #EFF0F4 !important;
    border-color: #EFF0F4 !important;
}

.registration_container #employeeEmailMessage2 p.details,
.registration_container #nonemployeeEmailMessage p.details {
    background-color: #EFF0F4 !important;
    color: #2B2E31;
    font: normal 12px 'Open Sans', sans-serif;
}

.registration_container .fine_print .error {
    margin-left: 0 !important;
    clear: both;
    float: left !important;
    margin-top: 6px !important;
    width: 100%;
}

.register_container {
    margin-top: -20px;
}

.registration_container #passwordRow1 .inputRow .col1,
.registration_container #passwordRow2 .inputRow .col1 {
    margin-left: 10px !important;
    margin-right: -10px !important;
    font-family: 'Open Sans', sans-serif !important;
}

.registration_container label {
    padding: 0 15px 0 0 !important;
}

.g-recaptcha {
    margin: 10px 0 -2px 10px;
}
/* Approval screen styling */
#divExpiry,
.expiryDateText {
    font: normal 14px/1.4 'Open Sans', sans-serif;
}

.expiryDateText {
    padding-left: 5px;
}

.rejectMember-container {
    border-top: 1px solid #A7A9B3;
    /*margin-top: 5px;*/
    /*padding: 5px;*/
    /*height: 75px;*/
}

.approveBtn {
    margin-top: 0px !important;
}

#btnReject {
    background-color: #D6D9E0 !important;
    color: #2B2E31 !important;
}

    #btnReject:hover {
        background-color: #00DFED !important;
        color: #FFF !important;
    }
/* End Approval screen styling */
/* End Register */
/* Forgot Password */
.forgot_your_password_container .feature {
    font: normal 21px/1.2 'Titillium Web', sans-serif !important;
    letter-spacing: -0.25px !important;
    font-weight: 300 !important;
}

.forgot_your_password_container label span {
    color: #000;
    font: bold 16px/30px 'Titillium Web', sans-serif;
}

.forgot_your_password_container input[type="text"] {
    border-color: #EFF0F4;
    color: #000;
    font: normal 13px/22px 'Open Sans', sans-serif;
}

    .forgot_your_password_container input[type="text"]:focus {
        border-color: #D6D9E0;
        color: #000;
        outline: 0;
    }

.reset_password_container .validation-summary-errors ul,
.forgot_your_password_container .validation-summary-errors ul {
    background: url(../images/common/attention_icon.png) 0px 0px no-repeat;
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 28px;
    list-style: none;
    margin-bottom: 20px;
    margin-left: 0px;
}
/* End Forgot Password */
/* Quick Search Highlight */
.quickSearchHighlight {
    background: #EFF0F4 url('../images/common/highlight_panel_bg.png') 524px 30px no-repeat;
    border-radius: 6px;
    float: left;
    margin-bottom: 20px;
    padding: 20px 230px 20px 20px;
    width: 630px;
    box-sizing: border-box;
}
/* End Quick Search Highlight */
/* Comments */
.commentsForm label {
    color: #000;
    font: normal 14px/1.5 'Open Sans', sans-serif;
}

.commentsForm textarea {
    border-color: #A7A9B3;
    color: #000;
    font: normal 12px/1.5 'Open Sans', sans-serif;
}

    .commentsForm textarea:focus {
        border-color: #001CB0;
    }

    .commentsForm textarea.error {
        border-color: #DC1728;
        font: bold 12px/1.5 'Open Sans', sans-serif;
    }

.commentsForm span.error {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
}

.commentsForm .feature {
    border-top: 1px solid #A7A9B3;
    border-bottom: 0;
    margin: 40px 0 15px;
    padding: 15px 0 0;
}
/* End Comments */
/* Feedback */
.feedbackBtn {
    background-color: #FFE344;
    color: #2B2E31;
    font: normal 12px/24px 'Titillium Web', sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
}

    .feedbackBtn:hover {
        background-color: #2B2E31;
        color: #FFF;
    }

    .feedbackBtn.active,
    .feedbackBtn.active:hover {
        background-color: #FFF;
        color: #001CB0;
    }

.feedbackForm .feature {
    color: #001CB0;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 300;
}

.feedbackForm select,
.feedbackForm .selectMenu:before {
    background-color: #EFF0F4;
}

.feedbackForm textarea {
    background-color: #FFF;
    border: 1px solid #D6D9E0;
    color: #000;
    font: normal 12px/1.5 'Open Sans', sans-serif;
}

    .feedbackForm textarea:disabled {
        background-color: #EFF0F4;
        border: 1px solid #D6D9E0;
        color: #2B2E31;
    }

    .feedbackForm textarea:focus {
        background-color: #FFF;
        border: 1px solid #001CB0;
    }

.feedbackForm span.error,
.feedbackForm .field-validation-error {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.feedbackForm .button.reset,
.feedbackForm .button:disabled {
    background: #D6D9E0;
    color: #2B2E31;
}

    .feedbackForm .button:hover,
    .feedbackForm .button.reset:hover {
        background-color: #001CB0;
        color: #FFF;
    }

.feedbackForm label {
    font: bold 14px/18px 'Open Sans', sans-serif;
}

.feedbackForm .field-validation-error #Category-error {
    color: #DC1728;
    text-transform: uppercase;
    float: left;
    margin: -10px 0 5px 0;
}

.feedbackForm .field-validation-error #Message-error {
    color: #DC1728;
    text-transform: uppercase;
    float: left;
    width: 318px;
    margin: 4px 0 0;
}
/* End Feedback */
/* Home Page */
.home_container .leftCol {
    background-color: #FFF;
    /* accordian colour fix - 22Jul2022 */
    border-radius: 0 !important;
}

.home_container .homeImageTop {
    background-color: #F9F9F9;
}

    .home_container .homeImageTop h1 {
        font: bold 32px/35px 'Titillium Web', sans-serif;
        margin: 8px 0 0 0;
        padding: 10px 80px 10px 10px;
        box-sizing: border-box;
        width: 260px;
        height: 137px;
    }

    .home_container .homeImageTop .text p {
        font: normal 13px/17px 'Open Sans', sans-serif;
        margin: 0 0 15px;
    }

    .home_container .homeImageTop .text a {
        background: url(../images/common/carousel-controls_bg.png) right -21px no-repeat;
        color: #000;
        padding-right: 20px;
        text-decoration: underline;
    }

        .home_container .homeImageTop .text a:hover {
            text-decoration: none;
        }

.home_container .homeImageBottom {
    background-color: #00DFED;
}

    .home_container .homeImageBottom h2 {
        color: #FFF;
        font: bold 14px/18px 'Open Sans', sans-serif;
        padding: 0 0 20px;
    }

    .home_container .homeImageBottom p {
        color: #FFF;
        font: normal 12px/17px 'Open Sans', sans-serif;
    }

        .home_container .homeImageBottom p a {
            background: url(../images/common/carousel-controls_bg.png) right -21px no-repeat;
            color: #FFF;
            float: left;
            margin-top: 10px;
            padding-right: 20px;
            text-decoration: underline;
        }

            .home_container .homeImageBottom p a:hover {
                color: #FFF;
                text-decoration: none;
            }

    .home_container .homeImageBottom td.col1 {
        width: 130px;
        height: 226px;
        vertical-align: top;
        padding: 12px 0 0 12px;
        box-sizing: border-box;
    }

    .home_container .homeImageBottom td.col2 {
        width: 130px;
        height: 226px;
        vertical-align: middle;
    }
/* Guidelines Links */
.guidelinesIntro h3 {
    margin-top: 11px;
    font: bold 16px/1 'Titillium Web', sans-serif;
}

ul.guidelinesLinks li a {
    width: 100px !important;
    background-color: #FFF;
    /* override */
    border: 1px solid #001CB0;
    /* override */
}

    ul.guidelinesLinks li a:hover {
        background-color: #D6D9E0;
        /* override */
    }

    ul.guidelinesLinks li a h3 {
        color: #001CB0;
        /* override */
        font: bold 16px/1 'Titillium Web', sans-serif;
    }

    ul.guidelinesLinks li a.disabled::before {
        width: 120px;
    }

    ul.guidelinesLinks li a.disabled::after {
        width: 120px;
    }
/*
ul.guidelinesLinks li a.row1Item1 {
    background-color: @white;
    border: 1px solid @darkblue;
}

ul.guidelinesLinks li a.row1Item1:hover {
    background-color: fade(@digitalgrey3, 100%);
}
ul.guidelinesLinks li a.row1Item2 {
    background-color: @white;
    border: 1px solid @darkblue;
}

ul.guidelinesLinks li a.row1Item2:hover {
    background-color: fade(@digitalgrey3, 100%);
}
ul.guidelinesLinks li a.row1Item3 {
    background-color: @white;
    border: 1px solid @darkblue;
}

ul.guidelinesLinks li a.row1Item3:hover {
    background-color: fade(@digitalgrey3, 100%);
}
ul.guidelinesLinks li a.row1Item4 {
    background-color: @white;
    border: 1px solid @darkblue;
}

ul.guidelinesLinks li a.row1Item4:hover {
    background-color: fade(@digitalgrey3, 100%);
}
ul.guidelinesLinks li a.row2Item1 {
    background-color: @white;
    border: 1px solid @darkblue;
}

ul.guidelinesLinks li a.row2Item1:hover {
    background-color: fade(@digitalgrey3, 100%);
}
ul.guidelinesLinks li a.row2Item2 {
    background-color: @white;
    border: 1px solid @darkblue;
}

ul.guidelinesLinks li a.row2Item2:hover {
    background-color: fade(@digitalgrey3, 100%);
}

ul.guidelinesLinks li a.row2Item3 {
    background-color: @white;
    border: 1px solid @darkblue;
}

ul.guidelinesLinks li a.row2Item3:hover {
    background-color: fade(@digitalgrey3, 100%);
}
ul.guidelinesLinks li a.row2Item4 {
    background-color: @white;
    border: 1px solid @darkblue;
}

ul.guidelinesLinks li a.row2Item4:hover {
    background-color: fade(@digitalgrey3, 100%);
}
*/
/* End Guidelines Links */
/* Examples Carousel */
#carousel {
    background-color: #EFF0F4;
    height: 422px;
}

    #carousel h3 {
        color: #000;
        font: bold 16px/1 'Titillium Web', sans-serif;
    }

.carousel-active {
    background-color: #001CB0;
}

    .carousel-active:hover {
        background-color: #70706F;
    }

.carousel-inactive {
    background-color: #001CB0;
}

    .carousel-inactive:hover {
        background-color: #70706F;
    }

#carousel a.viewAll {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 300;
}

.tracker-individual-container .tracker-individual-blip {
    background-color: #001CB0;
}

    .tracker-individual-container .tracker-individual-blip:hover {
        background-color: #70706F;
    }

.tracker-individual-container .tracker-individual-blip-selected {
    background-color: #70706F;
}

    .tracker-individual-container .tracker-individual-blip-selected:hover {
        background-color: #70706F;
    }

#carousel-left {
    background-position: 0 -60px;
}

    #carousel-left:hover {
        background-position: 0 -40px;
    }

#carousel-right {
    background-position: 0 -20px;
}

    #carousel-right:hover {
        background-position: 0 0;
    }

.flex-control-nav li a {
    background-color: #00DFED;
}

    .flex-control-nav li a:hover,
    .flex-control-nav li a.active {
        background-color: #00DFED;
    }
/* End Examples Carousel */
/* Quicklinks */
.a11yAccordion {
    background-color: #FFF !important;
    /* accordian colour fix - 22Jul2022 */
    /* @digitalgrey3 instead of #cec6c5 */
    height: auto !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #D6D9E0;
}

    .a11yAccordion p {
        font-size: 13px;
    }

    .a11yAccordion .selected .a11yAccordionItemHeader {
        background-color: #FFF !important;
        border-color: #EFF0F4 !important;
    }

.light-a11yAccordion-area {
    background-color: #FFF !important;
}

.a11yAccordionItemHeader:hover h3,
.a11yAccordionItemHeader h3 {
    color: #001CB0 !important;
}

.active-header:hover {
    background-color: #F9F9F9;
}

.inactive-header {
    background-color: #EFF0F4;
    border-bottom: 1px solid #D6D9E0;
}

.a11yAccordionItemHeader h3,
.selected .a11yAccordionItemHeader:hover h3 {
    color: #000 !important;
    font: bold 16px/1 'Titillium Web', sans-serif;
}

.light-a11yAccordion-header {
    background-color: #FFF !important;
}

    .light-a11yAccordion-header:hover {
        background-color: #EFF0F4 !important;
    }

.inactive-header:hover h3 {
    color: #00DFED !important;
}

.accordion-header {
    width: 260px;
    margin: 0;
    padding: 10px 30px 10px 10px;
    box-sizing: border-box;
}

.accordion-content {
    background-color: #F9F9F9;
    border-bottom: 1px solid #D6D9E0;
    width: 100%;
    box-sizing: border-box;
}

.active-header {
    background-color: #F9F9F9;
    color: #00DFED !important;
}

ul.quickLinks li a {
    color: #000 !important;
}

    ul.quickLinks li a:hover {
        color: #001CB0 !important;
    }

.a11yAccordion ul.quickLinks li a {
    font: normal 13px/1.3 'Open Sans', sans-serif !important;
}
/* remove border radius*/
.a11yAccordion .a11yAccordionItem,
.a11yAccordion .a11yAccordionNoResultsItem {
    border-radius: 0px !important;
    /* accordian colour fix - 22Jul2022 */
    /* @digitalgrey3 instead of #cec6c5 */
    border-top: 1px solid #D6D9E0;
}

.a11yAccordion li.selected {
    /* accordian colour fix - 22Jul2022 */
    border-bottom: none !important;
}

.a11yAccordion .a11yAccordionItem .a11yAccordionItemHeader,
.a11yAccordion .a11yAccordionNoResultsItem .a11yAccordionItemHeader {
    border-radius: 0px !important;
    /* accordian colour fix - 22Jul2022 */
    border-bottom: none !important;
}
/* End Quicklinks */
/* End Home Page */
/* MASTER BRAND GUIDELINES LINKS */
a.masterBrandGuidelines {
    background: #BAD8E7 url('../images/common/masterBrandGuidelines.png') 0 0 no-repeat;
    border-radius: 2px;
    padding: 10px;
    width: 105px;
    height: 110px;
    text-decoration: none;
    float: right;
    margin: 8px 25px 0 0;
}

    a.masterBrandGuidelines:hover {
        background-color: #A8CEE0;
    }

    a.masterBrandGuidelines h3 {
        color: #000;
        font: bold 12px/14px 'Titillium Web', sans-serif;
        margin: 0;
        padding: 0;
    }

    a.masterBrandGuidelines p {
        color: #000;
        font: bold 12px/14px 'Titillium Web', sans-serif;
        margin: 0;
        padding: 0;
    }
/* DIGITAL GUIDELINES LINKS */
a.digitalGuidelines {
    background: #BAD8E7 url('../images/common/digitalGuidelines.png') 0 0 no-repeat;
    border-radius: 2px;
    padding: 10px;
    width: 105px;
    height: 110px;
    text-decoration: none;
    float: right;
    margin: 8px 25px 0 0;
}

    a.digitalGuidelines:hover {
        background-color: #A8CEE0;
    }

    a.digitalGuidelines h3 {
        color: #000;
        font: bold 12px/14px 'Titillium Web', sans-serif;
        margin: 0;
        padding: 0;
    }

    a.digitalGuidelines p {
        color: #000;
        font: bold 12px/14px 'Titillium Web', sans-serif;
        margin: 0;
        padding: 0;
    }
/* PHOTOGRAPHY LIBRARY BUTTON */
a.photographyLibraryButton {
    background: #E1E6CD url('../images/common/guidelinesLinks_bg.png') 0 -990px no-repeat;
    border-radius: 2px;
    padding: 10px;
    width: 105px;
    height: 110px;
    text-decoration: none;
    float: right;
    margin: 8px 25px 0 0;
}

    a.photographyLibraryButton:hover {
        background-color: #D2DAB4;
    }

    a.photographyLibraryButton h3 {
        color: #000;
        font: bold 12px/14px 'Titillium Web', sans-serif;
        margin: 0;
        padding: 0;
    }

    a.photographyLibraryButton p {
        color: #000;
        font: bold 12px/14px 'Titillium Web', sans-serif;
        margin: 0;
        padding: 0;
    }
/* BRAMD TRAINING BUTTON */
a.brandTraining {
    background: #FFDB76 url('../images/common/brandtraining.png') 0 0 no-repeat;
    border-radius: 2px;
    padding: 10px;
    width: 105px;
    height: 110px;
    text-decoration: none;
    float: right;
    margin: 8px 25px 0 0;
}

    a.brandTraining:hover {
        background-color: #ffe291;
    }

    a.brandTraining h3 {
        color: #000;
        font: bold 12px/14px 'Titillium Web', sans-serif;
        margin: 0;
        padding: 0;
    }

    a.brandTraining p {
        color: #000;
        font: bold 12px/14px 'Titillium Web', sans-serif;
        margin: 0;
        padding: 0;
    }
/* DIGITAL GUIDELINES LINKS */
a.corporateTemplatesBtn {
    background: #82EFE3 url('../images/common/guidelinesLinks_bg2.png') 0 -430px no-repeat;
    border-radius: 2px;
    padding: 10px;
    width: 105px;
    height: 110px;
    text-decoration: none;
    float: right;
    margin: 8px 25px 0 0;
}

    a.corporateTemplatesBtn:hover {
        background-color: #9bf2e9;
    }

    a.corporateTemplatesBtn h3 {
        color: #000;
        font: bold 12px/14px 'Titillium Web', sans-serif;
        margin: 0;
        padding: 0;
    }

    a.corporateTemplatesBtn p {
        color: #000;
        font: bold 12px/14px 'Titillium Web', sans-serif;
        margin: 0;
        padding: 0;
    }
/* CUSTOMER STYLE GUIDES */
a.customerStyleGuides {
    background: #F8ABCC url('../images/common/customerstyleguides.png') 0 0 no-repeat;
    border-radius: 2px;
    padding: 10px;
    width: 105px;
    height: 110px;
    text-decoration: none;
    float: right;
    margin: 8px 25px 0 0;
}

    a.customerStyleGuides:hover {
        background-color: #fac4db;
    }

    a.customerStyleGuides h3 {
        color: #000;
        font: bold 12px/14px 'Titillium Web', sans-serif;
        margin: 0;
        padding: 0;
    }

    a.customerStyleGuides p {
        color: #000;
        font: bold 12px/14px 'Titillium Web', sans-serif;
        margin: 0;
        padding: 0;
    }
/* Feature page */
.featurePageText {
    background-image: linear-gradient(to right, #001CB0, #0075CC);
    border-radius: 0;
    float: left;
    margin-bottom: 40px !important;
    padding: 30px 30px 40px !important;
    width: 630px !important;
    box-sizing: border-box;
}

    .featurePageText h1 {
        color: #FFF !important;
        margin: 0 0 20px !important;
        padding: 0 !important;
    }

    .featurePageText p {
        color: #FFF !important;
    }

    .featurePageText a {
        color: #FFE344 !important;
        text-decoration: underline !important;
    }

        .featurePageText a:hover {
            text-decoration: none !important;
        }

.featurePageImage {
    border-radius: 0;
    float: left;
    margin-bottom: 40px !important;
    width: 630px;
}

    .featurePageImage h1 {
        color: #FFF !important;
        margin: 0 0 20px !important;
        padding: 0 !important;
    }

    .featurePageImage p {
        color: #FFF !important;
    }

    .featurePageImage a {
        color: #FFE344 !important;
        text-decoration: underline !important;
    }

        .featurePageImage a:hover {
            text-decoration: none !important;
        }

    .featurePageImage .text {
        background-image: linear-gradient(to right, #001CB0, #0075CC);
        border-radius: 0;
        float: left;
        margin: 0;
        padding: 30px 30px 40px;
        width: 630px;
        box-sizing: border-box;
    }

    .featurePageImage .featurePagetext {
        float: left;
        margin: 0;
        padding: 25px 30px 0 20px;
        width: 580px !important;
        height: 88px !important;
    }

    .featurePageImage .featurePageBulletText {
        background: #F9F9F9 !important;
        float: left;
        padding: 20px 20px 30px !important;
        width: 590px !important;
    }

    .featurePageImage ul {
        color: #FFF !important;
        list-style-image: none;
    }

    .featurePageImage .feature {
        color: #FFF !important;
    }

    .featurePageImage .featureTextBullets {
        color: #FFF !important;
        font: normal 21px/1.2 'Titillium Web', sans-serif;
        font-weight: 300;
        letter-spacing: -0.25px;
        margin: 0 0 18px;
    }
/* End Feature page */
/* Colour palette */
table.colourPalette {
    margin-bottom: 30px;
}

    table.colourPalette td {
        border-radius: 0;
        vertical-align: top;
    }

        table.colourPalette td p {
            color: #000;
            margin: 10px 0;
        }

.colourPalette h2 {
    margin-right: 0px;
}
/* End Colour palette */
table.keylineTableClean {
    border: 1px solid #D6D9E0;
    border-width: 0 0 1px 1px;
}

    table.keylineTableClean td {
        padding: 8px 10px 0;
        border: 1px solid #D6D9E0;
        border-width: 1px 1px 0px 0;
        vertical-align: top;
    }

    table.keylineTableClean tr:first-child td p {
        font-weight: bold;
        font-size: 120%;
    }

    table.keylineTableClean td p {
        margin: 6px 10px 15px;
    }

    table.keylineTableClean li {
        margin: 0 0 5px 10px;
    }

    table.keylineTableClean ul,
    ol {
        margin-right: 15px;
    }

table.keylineTableColor {
    border: 1px solid #D6D9E0;
    border-width: 0 0 1px 1px;
}

    table.keylineTableColor td {
        padding: 8px 10px 0;
        border: 1px solid #D6D9E0;
        border-width: 1px 1px 0px 0;
        vertical-align: top;
    }
    /* table.keylineTableColor tr:nth-child(even) {background:@white} */
    table.keylineTableColor tr:nth-child(odd) {
        background: #FFF;
    }

    table.keylineTableColor tr:first-child td {
        background-color: #001CB0;
    }

        table.keylineTableColor tr:first-child td p {
            font-weight: bold;
            /*color:@black;*/
            font-size: 120%;
        }

    table.keylineTableColor td p {
        margin: 6px 10px 15px;
    }

    table.keylineTableColor li {
        margin: 0 0 5px 10px;
    }

    table.keylineTableColor ul,
    ol {
        margin-right: 15px;
    }
/* Photography Library */
.imageLibraryFilter {
    background-color: #EFF0F4 !important;
    top: -56px !important;
    margin: 20px 0 0 0 !important;
    border-radius: 0 2px 2px 0 !important;
}

ul.tabs {
    font: bold 15px/18px 'Titillium Web', sans-serif !important;
}

    ul.tabs li {
        background-color: #F9F9F9 !important;
    }

        ul.tabs li a {
            color: #2B2E31 !important;
            font-size: 16px;
        }

            ul.tabs li a:hover,
            ul.tabs li a.active {
                background-color: #EFF0F4 !important;
                color: #001CB0 !important;
            }

#image_search {
    margin-top: -331px !important;
}

.image_search_form {
    background-color: #EFF0F4 !important;
    margin-top: -2px;
}

#image_search h3 {
    background-color: #ece9e400;
    padding: 8px 10px 5px;
    width: 135px;
}

.image_search_form label {
    color: #000 !important;
    font: bold 14px/17px 'Titillium Web', sans-serif !important;
}

.image_search_form ul .submitBtn .btnSearch,
.searchField #btnSearch {
    border-radius: 0 3px 3px 0 !important;
}

.imageGalleryAlbumFilter label,
.assetLightboxFilters label,
.downloadHistoryFilters label {
    color: #000 !important;
    font: normal 12px/1 'Open Sans', sans-serif !important;
    margin: 0 !important;
}

.assetSearchResults ul li span.archived,
.imageGalleryAlbum ul li span.archived {
    background: url(../images/common/archived_icon.png) 0 0 no-repeat;
    border: 0;
    display: block;
    position: absolute;
    text-indent: -9999px;
    top: -1px;
    left: -1px;
    width: 70px;
    height: 70px;
    z-index: 1;
}

.assetSearchResults ul li span.deleted,
.imageGalleryAlbum ul li span.deleted {
    background: url(../images/common/unpublished_icon.png) 0 0 no-repeat;
    border: 0;
    display: block;
    position: absolute;
    text-indent: -9999px;
    top: -1px;
    left: -1px;
    width: 70px;
    height: 70px;
    z-index: 1;
}

.assetSearchResults ul li h3 {
    width: 185px;
    margin: 8px 10px 5px;
}

.imageGalleryAlbum ul li {
    float: left !important;
    width: 25% !important;
    height: 220px !important;
    position: relative !important;
    margin: 0 0 -1px -1px !important;
    padding: 0 !important;
    border: 1px solid #e5e5e5 !important;
    border-width: 1px !important;
    box-sizing: border-box !important;
}

    .imageGalleryAlbum ul li .preview {
        top: 10px !important;
        left: -50% !important;
        z-index: 5;
    }

    .imageGalleryAlbum ul li .thumb_div {
        padding: 0 3px;
        text-align: center;
    }

        .imageGalleryAlbum ul li .thumb_div a {
            float: none !important;
            text-align: center;
        }

            .imageGalleryAlbum ul li .thumb_div a img {
                float: none !important;
                max-width: 130px;
                max-height: 130px;
            }

    .imageGalleryAlbum ul li input[type=checkbox] {
        float: right;
        margin: 5px 5px 10px 140px;
    }

    .imageGalleryAlbum ul li .meta_div {
        margin: 0 !important;
        padding: 5px 10px;
        box-sizing: border-box;
    }

.relatedImages .imageGalleryAlbum ul li .thumb_div a img {
    margin-top: 10px;
}

.downloadedImagesList li {
    float: left !important;
    width: 25% !important;
    height: 225px !important;
    position: relative !important;
    margin: 0 0 -1px -1px !important;
    padding: 10px !important;
    border: 1px solid #e5e5e5 !important;
    border-width: 1px !important;
    box-sizing: border-box !important;
    text-align: center;
    border-radius: 0 !important;
}

    .downloadedImagesList li p {
        text-align: left;
        margin: 0 5px 2px !important;
    }

    .downloadedImagesList li a {
        text-decoration: none;
    }

        .downloadedImagesList li a:hover {
            text-decoration: underline;
        }

        .downloadedImagesList li a img {
            max-width: 130px;
            max-height: 130px;
        }

    .downloadedImagesList li span.version,
    .downloadedImagesList li span.dateDownloaded,
    .downloadedImagesList li span.timesDownloaded {
        margin: 0 0 3px 3px !important;
    }

    .downloadedImagesList li.updated,
    .downloadedImagesList li.deleted,
    .downloadedImagesList li.archived {
        background-color: #F9F9F9 !important;
    }

        .downloadedImagesList li.updated img,
        .downloadedImagesList li.deleted img,
        .downloadedImagesList li.archived img {
            margin: 0 !important;
            max-width: 130px;
            max-height: 130px;
        }

.nice-select .list {
    font-size: 12px;
    top: 110% !important;
    left: -30% !important;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background-color: #001CB0 !important;
    color: #FFF;
}

.nice-select .option.disabled,
.nice-select .option.disabled.focus {
    background-color: transparent !important;
    color: #666 !important;
}

.image_search_form ul li input[type=text],
.imagesContainer .createLightbox input[type=text] {
    font: normal 12px/22px 'Open Sans', sans-serif !important;
}

.image_search_form ul li.submitBtn {
    width: 105px !important;
}

#resultsPageBottom,
.pageResults,
.pagerUI {
    background-color: #EFF0F4 !important;
    width: 200px !important;
}

    #resultsPageBottom label {
        font-family: 'Open Sans', sans-serif !important;
        font-size: 12px !important;
    }

.pageResults {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px !important;
    width: 410px !important;
}

    .pageResults span {
        font-family: 'Open Sans', sans-serif !important;
        font-weight: bold;
    }

#widecontentcontainer .pageResults {
    width: 550px !important;
}

.pagerUI table td {
    font-family: 'Open Sans', sans-serif !important;
}

    .pagerUI table td .previous,
    .pagerUI table td .next {
        background-color: #2B2E31;
        border-color: #2B2E31;
    }

        .pagerUI table td .previous:hover,
        .pagerUI table td .next:hover {
            background-color: #00DFED;
            border-color: #00DFED;
        }

        .pagerUI table td .previous.aspNetDisabled,
        .pagerUI table td .next.aspNetDisabled,
        .pagerUI table td .previous.aspNetDisabled:hover,
        .pagerUI table td .next.aspNetDisabled:hover {
            background-color: #F9F9F9;
            border-color: #F9F9F9;
            color: #EFF0F4;
        }

.imagesContainer .createLightbox,
.imagesContainer #Lightbox s.pagerUI,
.imagesContainer #DownloadHistory .pagerUI {
    background-color: #EFF0F4 !important;
}

.imagesContainer ul.assetLightboxDetails li.date {
    width: 90px !important;
    font: normal 12px/1.8 'Open Sans', sans-serif;
}

.imagesContainer ul.assetLightboxDetails li.functions {
    width: 185px !important;
}

.downloadedImagesDetails {
    background-color: #EFF0F4 !important;
}

.imageLibraryFilter label {
    font: normal 12px/1 'Open Sans', sans-serif !important;
}

.createLightbox label {
    color: #000 !important;
    font: bold 12px/30px 'Open Sans', sans-serif !important;
}

.lightboxMessage {
    color: #000 !important;
    font: bold 12px/16px 'Titillium Web', sans-serif !important;
}

ul.assetLightboxDetails {
    background-color: #EFF0F4 !important;
}

#imageDetails {
    width: 630px;
}

.imageDetails table {
    border-color: #EFF0F4;
    color: #000;
    font: normal 12px/1.5 'Open Sans', sans-serif !important;
}

    .imageDetails table td {
        border-color: #EFF0F4 !important;
    }

    .imageDetails table .lftCol {
        font-family: 'Open Sans', sans-serif !important;
        font-weight: bold;
    }

    .imageDetails table .rtCol {
        word-break: break-all;
    }

    .imageDetails table p {
        font-size: 12px;
        margin-bottom: 6px;
    }

.imageDetails .consentFormPath, .consentFormPath {
    margin-bottom: 5px;
}

.imageDetails .consentFormPath .plus:after, .consentFormPath .plus:after {
        content: "+";
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        vertical-align: text-top;
    }

.imageDetails .consentFormPath .plus, .consentFormPath .plus {
        cursor: pointer;
        background: #00DFED;
        border: 1px solid #00DFED;
        color: #fff;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        display: inline-block;
        box-sizing: border-box;
        position: relative;
        margin-right: 3px;
        text-align: center;
        vertical-align: middle;
        font-weight: bold;
    }

.imageDetails .consentFormPath .plus:hover, .consentFormPath .plus:hover {
            background: #001CB0;
            border-color: #001CB0;
        }

.imageDetails .consentFormPath .plus.active:after, .consentFormPath .plus.active:after {
            content: "-";
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            vertical-align: text-top;
        }

.imageDetails .consentFormPath .plus.active, .consentFormPath .plus.active {
            border: 1px solid #bababa;
            background: #fff;
            color: #bababa;
        }

.imageDetails .consentFormPath .plus.active:hover, .consentFormPath .plus.active:hover {
                background: #f2f2f2;
            }

.imageDetails .consentFormPath .fileXPath, .consentFormPath .fileXPath {
        display: none;
    }

.imageTools > ul {
    background-color: #FFF !important;
}

.imageTools ul a.downloadImage {
    font: bold 14px/15px 'Titillium Web', sans-serif !important;
    padding: 9px 0 8px !important;
}

.imageTools ul .downloadImage_container ul {
    font: bold 12px/13px 'Titillium Web', sans-serif !important;
}

    .imageTools ul .downloadImage_container ul li a {
        background-color: #001CB0 !important;
        color: #FFF !important;
        border-radius: 3px;
    }

        .imageTools ul .downloadImage_container ul li a:hover {
            background-color: #00DFED !important;
        }

        .imageTools ul .downloadImage_container ul li a.fancybox {
            background-image: url('../images/common/attention_icon.png') !important;
        }

.imageTools ul a.lightbox {
    font: bold 12px/13px 'Titillium Web', sans-serif;
    background-color: #001CB0 !important;
    color: #FFF !important;
    border-radius: 3px;
}

    .imageTools ul a.lightbox.share {
        background-image: url(/images/common/assetShareIcon.png);
        background-position: -2px -5px;
        margin-top: 6px;
    }

    .imageTools ul a.lightbox:hover,
    .imageTools ul a.lightbox.open {
        background-color: #00DFED !important;
        color: #FFF !important;
    }

.imageTools ul input[type=button].printPreviewImage {
    background-color: #001CB0 !important;
    color: #FFF !important;
    font: bold 12px/13px 'Titillium Web', sans-serif !important;
    border-radius: 3px;
    letter-spacing: 0px;
}

    .imageTools ul input[type=button].printPreviewImage:hover {
        background-color: #00DFED !important;
        color: #FFF !important;
    }

.imageTools ul .lightbox_container {
    border-color: #FFF !important;
}

    .imageTools ul .lightbox_container input[type="text"] {
        width: 190px !important;
        height: 20px !important;
        box-sizing: border-box;
        margin: 0 !important;
        font-size: 12px !important;
    }

        .imageTools ul .lightbox_container input[type="text"]:focus {
            background: #FFF !important;
            color: #2B2E31 !important;
            border-color: #001CB0 !important;
        }

.imageTools ul li a.LightboxCreateImage:hover,
.imageTools ul li a.LightboxAddImage:hover {
    color: #001CB0 !important;
    text-decoration: none;
}

.fancybox-inner input[type="submit"] {
    float: none;
    margin-top: 10px;
}

.fancybox-inner button {
    float: none;
    background-color: #001CB0;
    margin-top: 10px;
}

    .fancybox-inner button:hover {
        background-color: #00DFED;
    }

#image_search .preview table td.image_cell h3,
.preview table td.image_cell h3 {
    width: 100% !important;
    word-wrap: break-word !important;
}
/* End Photography Library */
/* Asset Library search */
.download-container .download-heading {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.documentLibrary fieldset {
    background-color: #EFF0F4 !important;
}

    .documentLibrary fieldset .leftCol .categorySpan {
        float: left;
        margin: 0 0 10px;
    }

    .documentLibrary fieldset label {
        color: #000 !important;
        font: bold 14px/30px 'Titillium Web', sans-serif !important;
    }

    .documentLibrary fieldset .rightCol {
        float: right;
        width: 485px;
    }

        .documentLibrary fieldset .rightCol .categorySpan {
            float: left;
            margin: 20px 0 0;
        }

        .documentLibrary fieldset .rightCol input[type=text] {
            font: normal 12px/22px 'Titillium Web', sans-serif !important;
            font-weight: 300 !important;
            width: 270px !important;
        }

.documentSearchTabs ul {
    font-family: 'Titillium Web', sans-serif !important;
    font-weight: 600 !important;
}

    .documentSearchTabs ul li span a {
        background-color: #EFF0F4 !important;
        color: #2B2E31 !important;
    }

        .documentSearchTabs ul li span a:hover,
        .documentSearchTabs ul li span a.selected {
            background-color: #2B2E31 !important;
            color: #FFF !important;
        }

.infoDetails .previewImage {
    width: 652px;
    border-color: #EFF0F4 !important;
    background-color: #DBDBDB !important;
    background-image: linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
    background-size: 21px 21px;
    background-position: 0 0,10px 10px;
}

.infoDetails .mediaPlayer {
    margin: 20px 0;
}

.infoDetails table {
    border-color: #EFF0F4 !important;
    color: #000 !important;
    font: normal 12px/1.5 'Open Sans', sans-serif !important;
    width: 650px !important;
}

    .infoDetails table p {
        font-size: 12px;
        padding-bottom: 4px;
    }

.infoDetails .infoDetailsContent .leftCol table {
    width: 430px !important;
}

.infoDetails table td {
    border-color: #EFF0F4 !important;
}

    .infoDetails table td.lftCol {
        font-family: 'Open Sans', sans-serif !important;
    }

    .infoDetails table td.rtCol {
        word-break: break-word !important;
    }

.infoDetails .infoDetailsActions {
    padding: 7px 10px 4px 10px !important;
}

    .infoDetails .infoDetailsActions li input[type=text] {
        border-radius: 0;
        height: 20px;
        font-family: 'Open Sans', sans-serif;
    }

    .infoDetails .infoDetailsActions li a {
        font: normal 12px/16px 'Open Sans', sans-serif !important;
    }

        .infoDetails .infoDetailsActions li a.LightboxCreateAsset,
        .infoDetails .infoDetailsActions li a.addLightbox {
            background-color: #001CB0 !important;
            border-radius: 0;
            color: #FFF !important;
            font-family: 'Open Sans', sans-serif !important;
            padding: 3px 9px !important;
            text-decoration: none !important;
            border-radius: 3px !important;
        }

        .infoDetails .infoDetailsActions li a.LightboxAddAsset,
        .infoDetails .infoDetailsActions li a.addFile {
            background-color: #001CB0 !important;
            border-radius: 0;
            color: #FFF !important;
            font-family: 'Open Sans', sans-serif !important;
            padding: 3px 9px !important;
            text-decoration: none !important;
            border-radius: 3px !important;
        }

            .infoDetails .infoDetailsActions li a.LightboxCreateAsset:hover,
            .infoDetails .infoDetailsActions li a.LightboxAddAsset:hover,
            .infoDetails .infoDetailsActions li a.addLightbox:hover,
            .infoDetails .infoDetailsActions li a.addFile:hover {
                background-color: #00DFED !important;
                color: #FFF !important;
            }

    .infoDetails .infoDetailsActions li input[type="submit"],
    .infoDetails .infoDetailsActions li input[type="button"] {
        padding: 3px 9px !important;
        letter-spacing: 0.2px;
    }
/* styling image request form */
/* INFO DETAILS --- added 22 Oct 2021 */
.infoDetails table.talentFeesTable {
    border-top: 1px solid #E5E5E5;
    font: normal 12px/15px 'Open Sans', sans-serif;
    margin: 10px 0 15px;
    width: 100%;
}

    .infoDetails table.talentFeesTable td {
        border-bottom: 1px solid #E5E5E5;
        padding: 5px 0;
        /* width: 650px !important; */
    }

    .infoDetails table.talentFeesTable .lftCol {
        color: #000;
        font-weight: bold;
        text-align: right;
        vertical-align: middle;
        width: 150px;
    }

    .infoDetails table.talentFeesTable .midCol {
        color: #000;
        padding-left: 10px;
        text-align: left;
        width: 460px;
    }

    .infoDetails table.talentFeesTable .rtCol {
        color: #000;
        padding: 2px 0 2px 3px;
        text-align: left;
        width: 1px;
    }

    .infoDetails table.talentFeesTable .midCol select {
        margin-right: 7px;
    }

    .infoDetails table.talentFeesTable .midCol input[type="text"] {
        border: 1px solid #D1D1D1;
        border-radius: 2px;
        width: 208px;
        height: 16px;
        font: normal 12px/14px 'Open Sans', sans-serif;
        color: #999;
        padding: 2px 0;
        text-indent: 3px;
        background: #FCFCFC;
        outline: 0;
    }

        .infoDetails table.talentFeesTable .midCol input[type="text"]:focus {
            background: #FFF;
            color: #77787A;
            border-color: #5F9BAF;
        }

    .infoDetails table.talentFeesTable .rtCol input[type="text"] {
        border: 1px solid #D1D1D1;
        border-radius: 2px;
        display: none;
        width: 248px;
        height: 16px;
        font: normal 12px/14px 'Open Sans', sans-serif;
        color: #999;
        padding: 2px 0;
        text-indent: 3px;
        background: #FCFCFC;
        outline: 0;
    }

        .infoDetails table.talentFeesTable .rtCol input[type="text"]:focus {
            background: #FFF;
            color: #77787A;
            border-color: #5F9BAF;
        }

    .infoDetails table.talentFeesTable textarea {
        background: #FCFCFC;
        border: 1px solid #D1D1D1;
        border-radius: 2px;
        color: #999;
        font: normal 12px/14px 'Open Sans', sans-serif;
        padding: 2px 0;
        text-indent: 3px;
        width: 455px;
        height: 120px;
        resize: none;
        outline: 0;
    }

        .infoDetails table.talentFeesTable textarea:focus {
            background: #FFF;
            color: #77787A;
            border-color: #5F9BAF;
        }

    .infoDetails table.talentFeesTable input[type="submit"] {
        margin: 5px 0;
    }

    .infoDetails table.talentFeesTable .error {
        background: url(../images/common/attention_icon.png) 0 3px no-repeat;
        color: #3C322D;
        margin-left: 10px;
        padding: 3px 0 3px 27px;
    }

    .fancybox-inner table label,
    .infoDetails table.talentFeesTable textarea,
    #RequiredBy,
    #RequestType,
    #ImageUseLength,
    #ImageUseLengthType,
    #AssetUseLength,
    #AssetUseLengthType {
        /* --- added 22 Oct 2021 */
        font-family: 'Open Sans', sans-serif !important;
        font-size: 13px;
    }

#IntendedUse-error,
#RequiredBy-error,
#TargetAudience-error,
#ImageUseLength-error,
#AssetUseLength-error {
    /* --- added 22 Oct 2021 */
    font-weight: bold;
    text-transform: uppercase;
}

.rejectMember-container .field-validation-error {
    font-weight: bold;
    text-transform: uppercase;
    margin: -8px 0 8px !important;
}

.infoDetails.sharelightbox p.error.field-validation-error {
    font-weight: bold;
    text-transform: uppercase;
    margin: -8px 0 3px 0 !important;
}

#Approve_Rejected,
.approveMember-container button {
    background-color: #001CB0;
    color: #FFF;
    border: 0;
}

    #Approve_Rejected:hover,
    .approveMember-container button:hover {
        background-color: #00DFED;
    }

.rejectMember-container .input-validation-error {
    border-color: #dc1828;
}

.approveMember-container {
    width: 630px;
}
/*end*/
ul.assetLightboxes li.open ul.assetLightboxDetails > li {
    background-color: #2B2E31 !important;
}

.downloadedAssetsList a {
    color: #001CB0 !important;
    text-decoration: none !important;
}

    .downloadedAssetsList a:hover {
        text-decoration: underline !important;
    }

.imagesContainer .message,
.infoDetailsActions .message,
.assetsContainer .message {
    font: bold 12px/30px 'Open Sans', sans-serif;
    background-position: 0 10px !important;
}

.infoDetailsActions .message {
    text-transform: none;
    line-height: 18px;
    margin-top: 3px;
    background-position: 0 5px !important;
}

.downloadRemoveFunctions label {
    padding: 0 5px 3px 21px;
    line-height: 1.1;
}

.downloadRemoveFunctions input[type="checkbox"] {
    top: 3px;
}

.downloadRemoveFunctions {
    background: #EFF0F4;
}

    .downloadRemoveFunctions button,
    .downloadRemoveFunctions input {
        background-color: #001CB0;
        margin-right: 10px;
    }

        .downloadRemoveFunctions button:hover {
            background-color: #00DFED;
        }

.assetSearchResults {
    width: 100%;
}

    .assetSearchResults li {
        list-style: none;
    }

    .assetSearchResults ul {
        list-style: none !important;
        margin: 10px 0 0 !important;
        padding: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        display: table !important;
        border-left: 0 !important;
        border-bottom: 0 !important;
    }

        .assetSearchResults ul li {
            float: left !important;
            width: 25% !important;
            height: 235px !important;
            position: relative !important;
            margin: 0 0 -1px -1px !important;
            padding: 0 !important;
            border: 1px solid #EFF0F4 !important;
            border-width: 1px !important;
            box-sizing: border-box !important;
        }

            .assetSearchResults ul li div.previewImgWrap {
                float: left;
                height: 120px;
                position: relative;
                padding: 0;
                width: 100%;
            }

                .assetSearchResults ul li div.previewImgWrap a {
                    float: left;
                    background-color: transparent !important;
                    border: none !important;
                    border-radius: 0 !important;
                    padding: 0 !important;
                    margin: 0 !important;
                }

                .assetSearchResults ul li div.previewImgWrap img {
                    background-color: #DBDBDB;
                    background-image: linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
                    background-size: 21px 21px;
                    background-position: 0 0,10px 10px;
                    max-width: 150px;
                    height: auto;
                    max-height: 100px;
                    margin: auto;
                    float: none;
                    display: block;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                }

ul.downloadedAssetsList li img,
ul.assetLightboxes ul.downloadedAssetsList li img {
    width: 80px;
    margin-bottom: 5px;
    background-color: #dbdbdb;
    background-image: linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef), linear-gradient(45deg, #efefef 25%, transparent 25%, transparent 75%, #efefef 75%, #efefef);
    background-size: 21px 21px;
    background-position: 0 0,10px 10px;
    max-width: 150px;
    height: auto;
    max-height: 100px;
}

.assetSearchResults ul.levelThree p {
    margin: 0 10px 8px !important;
    clear: both !important;
}

    .assetSearchResults ul.levelThree p.download-header {
        margin-left: 0 !important;
        float: left !important;
        background-position: 4px -77px !important;
        padding: 6px 0 2px 30px !important;
    }

.assetSearchResults ul li p.download-header:hover {
    background-position: 4px -129px !important;
}

.assetSearchResults ul.levelThree p.download-header a {
    display: block;
    background-color: transparent !important;
    border: none !important;
    color: #000 !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
    background-image: none !important;
}

    .assetSearchResults ul.levelThree p.download-header a:hover {
        color: #001CB0 !important;
        text-decoration: underline !important;
    }

.assetSearchResults ul.levelThree .download-container-downloads {
    bottom: 0;
    box-sizing: border-box;
    height: 35px !important;
    margin: 0;
    padding: 0;
}

    .assetSearchResults ul.levelThree .download-container-downloads.open {
        width: 381px;
        z-index: 200;
        display: block;
        float: left;
        box-sizing: border-box;
        left: 0;
        top: 0;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
        height: auto !important;
        border-radius: 2px;
        background-color: #FFF;
        border: 1px solid #D6D9E0;
        position: relative;
    }

.documentLibrary .download-container-downloads.open .download-content {
    display: block !important;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    /* border: 0; */
}

.documentLibrary .download-container-downloads .leftColx {
    float: left;
    margin-left: 31px;
    margin-top: 1px;
    height: auto;
    box-sizing: border-box;
    padding: 0;
    width: 265px;
}

    .documentLibrary .download-container-downloads .leftColx a {
        background-color: transparent;
        border: 0;
        border-radius: 0;
        color: #000 !important;
        float: none;
        margin: 0;
        padding: 0;
        text-decoration: none;
        background-image: none;
        word-wrap: break-word;
    }

        .documentLibrary .download-container-downloads .leftColx a:hover {
            color: #001CB0 !important;
        }

.documentLibrary .download-content ul li {
    background-position: 4px -134px;
}

.documentLibrary .download-container-downloads .rightColx {
    float: right;
    width: 70px;
    padding: 0;
}

    .documentLibrary .download-container-downloads .rightColx .fileType {
        width: 42px !important;
        padding: 0;
    }

.documentLibrary ul.levelThree .info {
    border: 0 !important;
    padding: 0;
    background-position: -6px -30px !important;
    height: 16px !important;
}

    .documentLibrary ul.levelThree .info:hover {
        background-position: -6px -56px !important;
    }

.documentLibrary .download-container-downloads.open p.download-header {
    background-position: 4px -103px !important;
    width: 100%;
    box-sizing: border-box;
    /* border: 0; */
}

.documentLibrary ul li div span {
    float: left;
    font: normal 12px/22px Arial, Helvetica, sans-serif;
    margin: 0 5px 0 2px;
}

.documentLibrary ul li div a.aspNetDisabled {
    background-color: #F9F9F9;
    border: 1px solid #F9F9F9;
    color: #EFF0F4;
}

.documentLibrary ul li .download-content ul {
    margin: 0 0 5px 0 !important;
    font-size: 12px !important;
}

    .documentLibrary ul li .download-content ul li {
        border: 0 !important;
        margin: 0 0 5px !important;
        width: 100% !important;
        height: auto !important;
    }

.documentLibraryFilter label {
    font: normal 12px/1 'Titillium Web', sans-serif !important;
    font-weight: 300 !important;
}

.documentLibrary li.mediaitem input[type=checkbox],
.photoLibrary li.mediaitem input[type=checkbox] {
    float: right;
    margin: 5px 5px 0 0;
}

.documentLibrary .download-buttons:after,
.photoLibrary .download-buttons:after {
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.documentLibrary .donwload-hr,
.photoLibrary .donwload-hr {
    clear: both;
}

.documentLibrary .download-buttons,
.photoLibrary .download-buttons {
    padding: 5px 0 5px 0;
    min-height: 38px;
}

    .documentLibrary .download-buttons ul,
    .photoLibrary .download-buttons ul {
        list-style: none;
        margin: 0;
        display: inline-block;
        width: 100%;
    }

        .documentLibrary .download-buttons ul li:first-child,
        .photoLibrary .download-buttons ul li:first-child {
            padding-top: 7px;
        }

        .documentLibrary .download-buttons ul li:nth-child(2),
        .photoLibrary .download-buttons ul li:nth-child(2) {
            padding-top: 8px;
            padding-left: 5px;
            cursor: default;
        }

        .documentLibrary .download-buttons ul li,
        .photoLibrary .download-buttons ul li {
            float: left;
            width: auto !important;
            cursor: default;
        }

            .documentLibrary .download-buttons ul li button,
            .photoLibrary .download-buttons ul li button {
                float: right;
                margin-left: 10px;
                margin-top: 2px;
                background-color: #001CB0 !important;
            }

                .documentLibrary .download-buttons ul li button:hover,
                .photoLibrary .download-buttons ul li button:hover {
                    background-color: #00DFED !important;
                }

            .documentLibrary .download-buttons ul li:last-child,
            .photoLibrary .download-buttons ul li:last-child {
                margin-top: 6px;
                float: right;
            }

    .documentLibrary .download-buttons .publishedStatus,
    .photoLibrary .download-buttons .publishedStatus {
        float: right;
        margin-top: 8px;
    }
/* RobGodino added to fix download fancy box download icon styles */
.singleCol .download-container-downloads.open p.download-header.open {
    background-position: 0px -101px !important;
}

.threeColumnDownloadTable .download-container-downloads .leftColx {
    width: 250px !important;
}

.singleCol .download-container-downloads .leftColx {
    width: 527px;
    margin-left: 28px;
    padding-right: 8px;
    padding-bottom: 8px;
}

.singleCol .download-container-downloads .rightColx {
    padding-top: 2px;
}

.singleCol .documentLibrary .download-content ul li {
    background-position: 0px -133px;
}

table.threeColumnDownloadTable td .download-container-downloads .download-content {
    width: 350px !important;
}

.documentLibrary .assetSearchResults .download-container-downloads.open p.download-header,
.documentLibrary .assetSearchResults .download-container-downloads.open .download-content {
    border: 0;
}
/* CLOSE RobGodino fix */
/* asset share */
.assetShareContainer {
    padding: 0 0 0 22px;
}

.assetShareButton {
    background-image: url(../images/common/assetShareIcon.png);
    background-position: 0 -5px;
    background-repeat: no-repeat;
    width: 195px;
    box-sizing: border-box;
    border-radius: 3px !important;
    cursor: pointer;
    margin: 9px 0 0;
    text-transform: none !important;
    text-align: left;
    padding: 9px 0 8px 36px !important;
    font: normal 13px/13px 'Titillium Web', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0px !important;
}

.shareAssetFancybox {
    width: 500px;
}

    .shareAssetFancybox input,
    .shareAssetFancybox textarea {
        background-color: #FFF;
        border: 1px solid #D6D9E0;
        color: #000;
        font: normal 13px/18px 'Open Sans', sans-serif !important;
        float: none;
        width: 100%;
        margin: 0 0 10px 0;
        padding: 4px 6px;
        height: 30px;
        box-sizing: border-box;
    }

        .shareAssetFancybox input:focus,
        .shareAssetFancybox textarea:focus {
            box-shadow: none;
            outline: 0;
            border-color: #001CB0 !important;
        }

    .shareAssetFancybox textarea {
        min-height: 90px;
    }

    .shareAssetFancybox .error,
    .shareAssetFancybox .field-validation-error {
        font: normal 14px/1.5 'Titillium Web', sans-serif;
        font-weight: 600;
        margin-top: -12px;
        background-position: 0 6px;
        margin-left: 0;
        margin-bottom: 10px;
        float: inherit;
    }

    .shareAssetFancybox .floatDateExpiry {
        font: normal 13px/18px 'Open Sans', sans-serif !important;
        float: right;
        padding: 15px 0 0 0;
    }

    .shareAssetFancybox input[type="radio"] {
        width: unset;
        margin: 4px 10px 0 0;
        height: 14px;
    }

#imgSharedFormat {
    display: flex;
    margin-bottom: 45px;
    margin-left: 2px;
    font: normal 14px/18px 'Open Sans', sans-serif !important;
    color: #000;
    height: 0 !important;
}

    #imgSharedFormat label {
        margin-right: 30px;
    }

.getShareable {
    padding: 18px 0 8px !important;
}

    .getShareable .getShareableLink {
        background-image: url(../images/common/get-share-link-icon.png);
        background-size: 24px;
        background-repeat: no-repeat;
        cursor: pointer;
        padding: 3px 0 8px 32px !important;
        font: normal 13px/13px 'Open Sans', sans-serif !important;
    }

    .getShareable .getShareMessage {
        display: none;
        background-color: #efefef;
        padding: 8px;
        border-radius: 3px;
        float: right;
        margin-right: 165px;
        margin-top: -5px;
        font: normal 13px/13px 'Open Sans', sans-serif !important;
    }
/* end asset share */
/* Public Download Area */
ul.publicDownloadList {
    list-style: none;
    float: left;
    margin: 10px 0 30px !important;
    padding: 0;
}

    ul.publicDownloadList li {
        border-bottom: 1px solid #EFF0F4;
        float: left;
        width: 100%;
        margin: 0;
        padding: 10px 0;
    }

        ul.publicDownloadList li:first-child {
            border-top: 1px solid #EFF0F4;
        }

        ul.publicDownloadList li ul {
            border: 0;
            list-style: none;
            margin: 0 !important;
            padding: 0;
        }

            ul.publicDownloadList li ul li {
                border: 0;
                float: left;
                width: 95px;
                padding: 0;
            }

                ul.publicDownloadList li ul li:first-child {
                    border: 0;
                    width: 450px;
                    word-wrap: break-word;
                    padding: 0 15px 0 0;
                }

                ul.publicDownloadList li ul li:last-child {
                    border: 0;
                    width: 70px;
                }
/* End Public Download Area */
/* End Asset Library Search */
/* Lightbox */
.createLightbox {
    background-color: #EFF0F4 !important;
}
/* End Lightbox */
/* Downloaded Assets */
ul.downloadedAssetsList {
    padding: 20px 0 !important;
}

    ul.downloadedAssetsList li {
        border-radius: 0 !important;
        width: 25% !important;
        height: 210px !important;
        position: relative !important;
        margin: 0 0 -1px -1px !important;
        padding: 25px 10px 0 !important;
        border: 1px solid #e5e5e5 !important;
        border-width: 1px !important;
        box-sizing: border-box !important;
        text-align: center;
    }

        ul.downloadedAssetsList li img {
            max-width: 130px !important;
            max-height: 130px !important;
        }

        ul.downloadedAssetsList li p {
            text-align: left;
            margin: 0 0 4px;
        }

        ul.downloadedAssetsList li span.version,
        ul.downloadedAssetsList li span.dateDownloaded,
        ul.downloadedAssetsList li span.timesDownloaded {
            margin-top: 0 !important;
            margin-right: 3px;
            margin-bottom: 2px;
        }

        ul.downloadedAssetsList li input[type=checkbox] {
            position: absolute;
            top: 5px;
            right: 5px;
        }

        ul.downloadedAssetsList li.updated,
        ul.downloadedAssetsList li.deleted,
        ul.downloadedAssetsList li.archived {
            background-color: #F9F9F9 !important;
        }

.downloadedAssetsDetails {
    background-color: #EFF0F4 !important;
}

.archivedAssetValue a,
.archivedImagesValue a {
    background-color: orange !important;
    color: #FFF !important;
    font-family: 'Titillium Web', sans-serif !important;
    font-weight: bold !important;
}

    .archivedAssetValue a:hover,
    .archivedAssetValue a:active,
    .archivedAssetValue a.selected,
    .archivedImagesValue a:hover,
    .archivedImagesValue a:active,
    .archivedImagesValue a.selected {
        color: #FFF !important;
        background-color: #000 !important;
    }

.updatedAssetValue a,
.updatedImagesValue a {
    background-color: #001CB0 !important;
    color: #FFF !important;
    font-family: 'Titillium Web', sans-serif !important;
    font-weight: bold !important;
}

    .updatedAssetValue a:hover,
    .updatedAssetValue a:active,
    .updatedAssetValue a.selected,
    .updatedImagesValue a:hover,
    .updatedImagesValue a:active,
    .updatedImagesValue a.selected {
        color: #FFF !important;
        background-color: #000 !important;
    }

.deletedAssetValue a,
.deletedImagesValue a {
    color: #FFF !important;
    font-family: 'Titillium Web', sans-serif !important;
    font-weight: bold !important;
}

    .deletedAssetValue a:hover,
    .deletedAssetValue a:active,
    .deletedAssetValue a.selected,
    .deletedImagesValue a:hover,
    .deletedImagesValue a:active,
    .deletedImagesValue a.selected {
        color: #FFF !important;
    }

    .updatedImagesValue a:hover,
    .updatedImagesValue a:active,
    .updatedImagesValue a.selected,
    .deletedImagesValue a:hover,
    .deletedImagesValue a:active,
    .deletedImagesValue a.selected,
    .archivedImagesValue a:hover,
    .archivedImagesValue a:active,
    .archivedImagesValue a.selected {
        background-color: #000 !important;
    }

ul.downloadedAssetsWarning li label,
ul.downloadedImagesWarning li label {
    font-family: 'Titillium Web', sans-serif !important;
    font-weight: bold !important;
}

.updatedAssetValue,
.deletedAssetValue,
.archivedAssetValue,
.updatedImagesValue,
.deletedImagesValue,
.archivedImagesValue {
    font-family: 'Titillium Web', sans-serif !important;
    font-weight: 300 !important;
}

.rename input[type=text] {
    border-color: #D6D9E0 !important;
    color: #000 !important;
    height: 30px !important;
}

    .rename input[type=text]:focus {
        border-color: #00DFED !important;
    }

.rename input[type="submit"] {
    float: left;
    margin-top: 0;
}
/* End Downloaded Assets */
/* End Asset Library */
/* Asset Use Popup */
.assetUsePopup .fancybox-skin {
    background-color: #00DFED;
}

    .assetUsePopup .fancybox-skin p,
    .assetUsePopup .fancybox-skin h2 {
        color: #001CB0;
    }

.assetUsePopup .fancybox-close.button {
    background-color: #FFE344;
    border-radius: 30px !important;
    margin-top: 5px;
    color: #2B2E31;
    padding: 13px 0 0;
    width: 130px;
    height: 32px;
    right: 104px;
}

    .assetUsePopup .fancybox-close.button:hover {
        background-color: #ffdb0f;
        color: #2B2E31;
        box-shadow: 1px 1px 5px #A7A9B3;
    }
/* End Asset Use Popup */
/* Search Page */
.search_form,
#search_summary_stats {
    background-color: #EFF0F4 !important;
}

.search_result.odd {
    background-color: #FFF !important;
}

.search_result.even {
    background-color: #F9F9F9 !important;
}

#search #page_numbers_nav .currentpage {
    background-color: #00DFED !important;
    border-color: #00DFED !important;
}
/* End Search Page */
/* Back to Top */
.cd-top {
    background: #001CB0 url('../images/common/backToTop.png') 0 0 no-repeat !important;
    color: #FFF !important;
    font-family: 'Titillium Web', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    border-radius: 20px;
}

    .cd-top:hover {
        background-color: #00DFED !important;
    }
/* End Back to Top */
/* Sitemap */
.sitemap ul li {
    font: bold 15px/18px 'Titillium Web', sans-serif;
}

.sitemap li a {
    background-color: #EFF0F4 !important;
}

    .sitemap li a:hover {
        background-color: #EFF0F4 !important;
        text-decoration: underline;
    }

.sitemap li li a {
    background-color: #FFF !important;
    text-decoration: underline;
}

    .sitemap li li a:hover {
        background-color: #FFF !important;
        text-decoration: none;
    }
/* End Sitemap */
a.searchToolTip {
    background: #001CB0;
    color: #FFF;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    float: right;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    margin-top: 5px;
    text-decoration: none;
    margin-right: 0px;
}

    a.searchToolTip:hover {
        background: #000;
        text-decoration: none;
    }

.monospace {
    font-family: monospace, monospace !important;
    font-size: 14px !important;
    color: #FD334C;
    background: #EFF0F4;
    padding: 4px 6px;
}

.crop-properties {
    height: 30px;
}

    .crop-properties label {
        font: normal 14px/1.5 'Open Sans', sans-serif;
        color: black;
    }

    .crop-properties .sizes {
        float: left;
    }

    .crop-properties .buttons {
        float: left;
        margin: 0px 10px 0 10px;
    }

        .crop-properties .buttons .flip:hover {
            opacity: 1;
        }

        .crop-properties .buttons .flip {
            cursor: pointer;
            width: 20px;
            height: 20px;
            background: url('/images/common/ic_swap_horiz_black_18dp_2x.png') no-repeat;
            opacity: 0.5;
            background-size: cover;
        }

.cropper-bg.img-container {
    position: relative;
}

    .cropper-bg.img-container div:first-child {
        margin: auto;
    }

.clearfix {
    clear: both;
    display: block;
}
/* Reporting page */
.ui-widget,
.ui-selectmenu-menu ul {
    font: normal 14px/1.5 'Open Sans', sans-serif !important;
}

.ui-icon {
    background-color: #FFF !important;
}

.updateProgress {
    position: fixed;
    bottom: 40%;
    left: 50%;
    cursor: pointer;
    z-index: 8060;
    width: 70px;
    height: 70px;
    display: block;
}

    .updateProgress div {
        display: none;
        border-radius: 2px;
        width: 70px;
        height: 70px;
        background: rgba(0, 0, 0, 0.8) url('../images/common/loading_asset_finder.gif') center center no-repeat;
        display: block;
        text-indent: -9999px;
    }

.reportingPage .loadMedia {
    background: none !important;
    border: none;
    padding: 0 !important;
    font: normal 14px/18px 'Titillium Web', sans-serif !important;
    cursor: pointer;
    color: #00DFED !important;
    font-weight: 300 !important;
    text-transform: none !important;
    text-decoration: underline !important;
    white-space: normal;
    text-align: left;
}

    .reportingPage .loadMedia:hover {
        text-decoration: none !important;
        color: #001CB0 !important;
    }

.reportingPage .album-message-response {
    border: 1px solid #60b515;
    background: #dff0d0;
    color: #565656;
    padding: 5px;
}

.reportingPage .col-filename {
    max-width: 300px;
    word-wrap: break-word;
}

.reportingPage fieldset {
    background-color: #EFF0F4;
    border-radius: 0 2px 2px 2px;
    float: left;
    margin: 0 0 5px;
    padding: 5px 0 20px;
    width: 770px;
}

    .reportingPage fieldset .ui-state-default,
    .reportingPage fieldset .ui-widget-content .ui-state-default,
    .reportingPage fieldset .ui-widget-header .ui-state-default,
    .reportingPage fieldset .ui-widget-content {
        background-color: #FFF;
        float: left;
    }

    .reportingPage fieldset .leftCol {
        float: left;
        margin-left: 10px;
    }

        .reportingPage fieldset .leftCol.brand {
            width: 200px;
        }

            .reportingPage fieldset .leftCol.brand select {
                width: 200px;
            }

        .reportingPage fieldset .leftCol.categories {
            width: 195px;
        }

            .reportingPage fieldset .leftCol.categories select {
                width: 195px;
            }

        .reportingPage fieldset .leftCol.subcategories {
            width: 195px;
        }

            .reportingPage fieldset .leftCol.subcategories label:only-child {
                display: none;
            }

            .reportingPage fieldset .leftCol.subcategories select {
                width: 195px;
            }

        .reportingPage fieldset .leftCol.media-type {
            width: 115px;
        }

            .reportingPage fieldset .leftCol.media-type select {
                width: 115px;
            }

        .reportingPage fieldset .leftCol.file-format {
            width: 150px;
        }

            .reportingPage fieldset .leftCol.file-format select {
                width: 150px;
            }

        .reportingPage fieldset .leftCol label {
            float: left;
            color: #000 !important;
            font: bold 14px/30px 'Titillium Web', sans-serif !important;
            width: 100%;
        }

        .reportingPage fieldset .leftCol select {
            float: left;
        }

    .reportingPage fieldset .brand-and-format {
        clear: both;
        display: block;
    }

    .reportingPage fieldset .middleCol {
        float: left;
    }

        .reportingPage fieldset .middleCol select {
            width: 195px;
        }

    .reportingPage fieldset .date-range {
        margin-left: 10px !important;
        margin: 0;
        display: block;
        clear: both;
    }

        .reportingPage fieldset .date-range label {
            float: left;
            color: #000 !important;
            font: bold 14px/30px 'Titillium Web', sans-serif !important;
            width: 100%;
        }

        .reportingPage fieldset .date-range select {
            float: left;
            width: 175px;
        }

        .reportingPage fieldset .date-range input[type="text"] {
            border: 0;
            float: none;
            height: 30px;
            padding: 10px;
            box-sizing: border-box;
            font: normal 12px/30px 'Titillium Web', sans-serif !important;
            font-weight: 300 !important;
            border-radius: 2px;
            width: 140px !important;
        }

        .reportingPage fieldset .date-range .button.reset {
            float: right;
            margin: 0 20px;
        }

        .reportingPage fieldset .date-range .customRange {
            display: none;
            float: left;
            font: normal 12px/30px 'Titillium Web', sans-serif !important;
            font-weight: 300 !important;
            margin-left: 10px;
        }

            .reportingPage fieldset .date-range .customRange .customRangeDatePicker {
                float: left;
            }

.reportingPage .download-buttons {
    padding: 5px 0 5px 0;
    min-height: 38px;
}

    .reportingPage .download-buttons ul {
        list-style: none;
        margin: 0;
        display: inline-block;
        width: 770px;
    }

        .reportingPage .download-buttons ul li:first-child {
            float: left;
            margin-top: 6px;
        }

        .reportingPage .download-buttons ul li {
            float: left;
        }

            .reportingPage .download-buttons ul li:last-child {
                margin-top: 6px;
                float: right;
            }

.reportingPage .widecontent {
    background-color: #EFF0F4;
    border-radius: 0 2px 2px 2px;
    box-sizing: border-box;
    float: left;
    margin: 0 0 30px;
    padding: 20px 90px 20px 20px;
    width: 770px;
}

    .reportingPage .widecontent .button {
        float: none;
        margin-bottom: 20px;
        display: inline-block;
    }

.reportingPage .bodyText {
    float: left;
    width: 100%;
}
/* DataTable */
.dataTables_wrapper .dt-buttons {
    padding: 10px;
    background: #EFF0F4;
    width: 50%;
    float: left;
    text-align: left;
    height: 50px;
    box-sizing: border-box;
    border-radius: 2px 0 0 2px;
    font-family: 'Titillium Web', sans-serif !important;
    font-weight: 300 !important;
}

    .dataTables_wrapper .dt-buttons .dt-button {
        background-image: none !important;
        background-color: #001CB0 !important;
        border: 0 !important;
        padding: 0 0.75em !important;
        color: #FFF !important;
        font: bold 12px/30px 'Titillium Web', sans-serif !important;
        height: 30px !important;
    }

        .dataTables_wrapper .dt-buttons .dt-button:active:not(.disabled),
        .dataTables_wrapper .dt-buttons .dt-button:active:not(.disabled):hover:not(.disabled),
        .dataTables_wrapper .dt-buttons .dt-button:focus:not(.disabled),
        .dataTables_wrapper .dt-buttons .dt-button:hover:not(.disabled) {
            background-image: none !important;
            background-color: #00DFED !important;
            border: 0 !important;
            box-shadow: none !important;
            text-shadow: none !important;
        }

.dataTables_wrapper .dataTables_filter {
    background: #EFF0F4;
    padding: 10px;
    height: 50px;
    width: 50%;
    box-sizing: border-box;
    border-radius: 0 2px 2px 0;
    font-size: 12px;
    font-family: 'Titillium Web', sans-serif !important;
    font-weight: 300 !important;
}

    .dataTables_wrapper .dataTables_filter label {
        font: bold 12px/30px 'Titillium Web', sans-serif;
    }

    .dataTables_wrapper .dataTables_filter input {
        height: 30px;
        border: 0;
        border-radius: 2px;
        width: 250px;
        padding: 5px 6px;
    }

.dataTables_wrapper .dataTable {
    float: left;
    font-family: 'Titillium Web', sans-serif !important;
    font-weight: 300 !important;
    margin: 10px auto 20px !important;
    width: 770px !important;
}

    .dataTables_wrapper .dataTable thead th,
    .dataTables_wrapper .dataTable thead td,
    .dataTables_wrapper .dataTable tfoot th,
    .dataTables_wrapper .dataTable tfoot td {
        box-sizing: border-box;
        font: bold 13px/14px 'Titillium Web', sans-serif;
        padding-left: 10px !important;
    }

    .dataTables_wrapper .dataTable thead th {
        vertical-align: bottom;
    }

        .dataTables_wrapper .dataTable thead th.sorting,
        .dataTables_wrapper .dataTable thead th.sorting_asc,
        .dataTables_wrapper .dataTable thead th.sorting_desc {
            background-image: none !important;
            position: relative;
        }

            .dataTables_wrapper .dataTable thead th.sorting:before {
                content: '';
                position: absolute;
                top: 21px;
                right: 2px;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 6px 8px 6px;
                border-color: transparent transparent #EFF0F4 transparent;
            }

            .dataTables_wrapper .dataTable thead th.sorting:after {
                content: '';
                position: absolute;
                top: 30px;
                right: 2px;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 8px 6px 0 6px;
                border-color: #EFF0F4 transparent transparent transparent;
            }

            .dataTables_wrapper .dataTable thead th.sorting_asc:after {
                content: '';
                position: absolute;
                top: 27px;
                right: 2px;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 6px 8px 6px;
                border-color: transparent transparent #00DFED transparent;
            }

            .dataTables_wrapper .dataTable thead th.sorting_desc:after {
                content: '';
                position: absolute;
                top: 27px;
                right: 2px;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 8px 6px 0 6px;
                border-color: #00DFED transparent transparent transparent;
            }

        .dataTables_wrapper .dataTable thead th.filenameCol {
            width: 400px !important;
        }

        .dataTables_wrapper .dataTable thead th.downloadedCol {
            width: 130px !important;
        }

        .dataTables_wrapper .dataTable thead th.modifiedCol {
            width: 120px !important;
        }

        .dataTables_wrapper .dataTable thead th.lastDownloadedCol {
            width: 120px !important;
        }

        .dataTables_wrapper .dataTable thead th.keywordCol {
            width: 400px !important;
        }

        .dataTables_wrapper .dataTable thead th.utilisedCol {
            width: 130px !important;
        }

        .dataTables_wrapper .dataTable thead th.discreteCol {
            width: 120px !important;
        }

        .dataTables_wrapper .dataTable thead th.dateCol {
            width: 120px !important;
        }

.dataTables_wrapper tbody th,
.dataTables_wrapper tbody td {
    box-sizing: border-box;
    font: normal 13px/20px 'Titillium Web', sans-serif;
    font-weight: 300;
    padding: 10px;
}

    .dataTables_wrapper tbody th a.filename,
    .dataTables_wrapper tbody td a.filename {
        word-break: break-word;
    }

    .dataTables_wrapper tbody th a.keyword,
    .dataTables_wrapper tbody td a.keyword {
        float: right;
        width: 95%;
    }

.dataTables_wrapper tbody td {
    vertical-align: middle;
}

.dataTables_wrapper tbody tr.selected {
    background-color: rgba(0, 223, 237, 0.2) !important;
}

    .dataTables_wrapper tbody tr.selected .sorting_1 {
        background-color: rgba(0, 223, 237, 0.1) !important;
    }

    .dataTables_wrapper tbody tr.selected a {
        color: #000;
    }

.dataTables_wrapper tfoot th {
    vertical-align: top;
}

.dataTables_wrapper .dataTables_info {
    padding: 10px !important;
    background: #F9F9F9;
    width: 100%;
    float: left;
    text-align: left;
    height: 36px;
    box-sizing: border-box;
    border-radius: 2px;
    font: normal 12px/16px 'Titillium Web', sans-serif;
    font-weight: 300;
}

    .dataTables_wrapper .dataTables_info .select-info {
        font-family: 'Titillium Web', sans-serif;
        margin-left: 5px;
        font-weight: bold;
    }

.dataTables_wrapper .dataTables_paginate {
    margin-top: 15px;
    width: 100%;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        background-image: none !important;
        background-color: #EFF0F4 !important;
        border: 0 !important;
        margin-left: 8px !important;
        padding: 0 0.75em !important;
        color: #3C322D !important;
        font: bold 12px/24px 'Titillium Web', sans-serif;
        height: 24px;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button:active,
        .dataTables_wrapper .dataTables_paginate .paginate_button:focus,
        .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
            background-image: none !important;
            background-color: #3C322D !important;
            color: #FFF !important;
            border: 0 !important;
            box-shadow: none;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.current,
        .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
            background-image: none !important;
            background-color: #00DFED !important;
            border: 0 !important;
            padding: 0 0.75em !important;
            color: #FFF !important;
            font: bold 12px/24px 'Titillium Web', sans-serif !important;
            height: 24px !important;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
            background-color: #EFF0F4 !important;
            opacity: 0.5;
        }

.dt-button-info {
    border: 1px solid #EFF0F4 !important;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 300;
}

@media screen {
    .dt-print-view {
        padding: 20px 100px;
    }
}

.dt-print-view {
    background: #FFF;
    font-family: 'Titillium Web', sans-serif !important;
    font-weight: 300 !important;
}

    .dt-print-view h1 {
        font-size: 18pt;
        width: 180mm;
    }

    .dt-print-view .dataTable {
        font-family: 'Titillium Web', sans-serif !important;
        font-weight: 300 !important;
        font-size: 10pt;
        margin: 0;
        width: 180mm;
    }

        .dt-print-view .dataTable thead th {
            font-family: 'Titillium Web', sans-serif;
            font-weight: bold;
            padding: 2mm !important;
            text-align: left;
            vertical-align: bottom;
            word-break: break-word;
            width: 30mm;
        }

            .dt-print-view .dataTable thead th:nth-child(2) {
                width: 15mm;
            }

            .dt-print-view .dataTable thead th:nth-child(3) {
                width: 120mm;
            }

        .dt-print-view .dataTable tbody td {
            padding: 2mm !important;
            text-align: left;
            word-break: break-word;
        }

    .dt-print-view th.expand-control,
    .dt-print-view td.expand-control {
        display: none;
    }