/*****************************************************************************/
/*     Default Colours Copy to portal.css to overide for a specific site     */
/*****************************************************************************/
:root {
    --colour-main: #3C6dA4;
    --colour-grey: #667086;
    --colour-dark: #28486c;
    --colour-light: #7ba2bc;
    --colour-lightest: #ffffff;
    --colour-contrast: #ecc30f;
    --footer-background: #3C6dA4;
    --footer-text: #ffffff;
    --footer-link-text: #ecc30f;
    --main-background: #28486c;
    --main-text: #ffffff;
    --main-link-text: #ecc30f;
    --alternate-background: #3C6dA4;
    --alternate-text: #ecc30f;
    --contrast-background: #ffffff;
    --contrast-text: #000;
    --contrast-link-text: #28486c;
    --menu-background: #28486c;
    --menu-text: #ffffff;
    --menu-hover-background: #ecc30f;
    --menu-hover-text: #667086;
    --menu-active-background: #ffffff;
    --menu-active-text: #28486c;

}

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


body,
.bg-primary,
.cke_contents,
.dnnFormPopup,
.ContainerWrapper {
    background-color: var(--main-background) !important;
    color: var(--main-text);
    font-family: Calibri, Arial, Helvetica, sans-serif;
    padding: 10px;
}
.ui-dialog-title {
    color:var(--colour-contrast);
}

.dnnFormPopup .ui-dialog-content {
    background-color: var(--colour-main);
}
blockquote, blockquote p {
    font-size: 17px;
    line-height: 24px;
    color: var(--colour-lightest);
    font-style: normal;

}
blockquote {
    padding: 20px 10px 0px 20px;
    border-top: 5px solid var(--colour-light);
    border-left: 10px solid var(--colour-light);    
}
ul {
    list-style: none;
}
.bulletedlist  > li::before {
    content: "\2022";
    color: var(--colour-light);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
    
    ul.navbar-nav li::before {
        display:none;
    }
/*****************************************************************************/
/*                         Secondary Action                                    */
/*****************************************************************************/
.dnnSecondaryAction, .dnnFormItem input[type="submit"], a.dnnSecondaryAction {
    border-color: var(--colour-light);
    background: var(--colour-main);
    background: -moz-linear-gradient(top, var(--colour-main) 0%, var(--colour-dark) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--colour-main)), color-stop(100%,var(--colour-dark))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, var(--colour-main) 0%,var(--colour-dark) 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, var(--colour-dark) 0%,var(--colour-main) 100%); /* W3C */
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    color: var(--colour-contrast);
    text-shadow: 0px -1px 0px var(--colour-light);
}

.dnnSecondaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnSecondaryAction:hover {
    border-color: var(--colour-main);
    background: var(--colour-contrast);
    color: var(--colour-main);
    border-width: 2px;
    padding: 5px;
}

.dnnSecondaryAction:active, .dnnFormItem input[type="submit"]:active, a.dnnSecondaryAction:active {
    border-color: var(--colour-dark);
    background: var(--colour-main);
    background: -moz-linear-gradient(top, var(--colour-contrast) 0%, #4387d2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--colour-contrast)), color-stop(100%,var(--colour-contrast))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, var(--colour-contrast) 0%,var(--colour-contrast) 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, var(--colour-contrast) 0%,var(--colour-contrast) 100%); /* W3C */
    color: var(--colour-light);
}

.dnnSecondaryAction[disabled], .dnnSecondaryAction[disabled]:hover, .dnnSecondaryAction[disabled]:active {
    background: var(--colour-grey) !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: var(--colour-lightest) !important;       
    text-shadow: none;
}

/*****************************************************************************/
/*                         Primary Action                                    */
/*****************************************************************************/

.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {
    border-color: var(--colour-main);
    background: var(--colour-main);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    color: var(--colour-contrast);
    text-shadow: 0px -1px 0px var(--colour-main);
}

    .dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover {
        border-color: var(--colour-lightest);
        background: var(--colour-dark);
        color: var(--colour-lightest);
        border-width: 2px;
        padding: 5px;
    }

    .dnnPrimaryAction:active, .dnnFormItem input[type="submit"]:active, a.dnnPrimaryAction:active {
        border-color: var(--colour-light);
        background: var(--colour-lightest);
        background: -moz-linear-gradient(top, var(--colour-dark) 0%, #4387d2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--colour-dark)), color-stop(100%,var(--colour-dark))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, var(--colour-dark) 0%,var(--colour-dark) 100%); /* Chrome10+,Safari5.1+ */
        background: linear-gradient(top, var(--colour-dark) 0%,var(--colour-dark) 100%); /* W3C */
        color: var(--colour-main);
    }

    .dnnPrimaryAction[disabled], .dnnPrimaryAction[disabled]:hover, .dnnPrimaryAction[disabled]:active {
        background: var(--colour-grey) !important;
        border: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        color: var(--colour-main) !important;
        text-shadow: none;
    }


/***********************************************************************/
/*                         Contrast Container                          */
/***********************************************************************/
.container .ContainerWrapper.Contrast {
    background-color: var(--contrast-background) !important;
    /* Use -ve margins so the background is extended the full width of the screen*/

}

    .container .ContainerWrapper.Contrast h1,
    .container .ContainerWrapper.Contrast h2,
    .container .ContainerWrapper.Contrast h3,
    .container .ContainerWrapper.Contrast h4,
    .container .ContainerWrapper.Contrast h5,
    .container .ContainerWrapper.Contrast h6,
    .container .ContainerWrapper.Contrast .Normal {
        color: var(--contrast-text);
    }
    .container .ContainerWrapper.Contrast .Normal {
        padding-left: 10px;
        padding-right: 10px;
    }
/***********************************************************************/
/*                         Alternate Container                          */
/***********************************************************************/
.container .ContainerWrapper.Alternate {
    background-color: var(--alternate-background) !important;
    /* Use -ve margins so the background is extended the full width of the screen*/
    /*margin-left: -1000px;
    padding-left: 1050px;
    margin-right: -1000px;
    padding-right: 1050px;*/
}

    .container .ContainerWrapper.Alternate h1,
    .container .ContainerWrapper.Alternate h2,
    .container .ContainerWrapper.Alternate h3,
    .container .ContainerWrapper.Alternate h4,
    .container .ContainerWrapper.Alternate h5,
    .container .ContainerWrapper.Alternate h6,
    .container .ContainerWrapper.Alternate .Normal {
        color: var(--alternate-text);
    }
    .container .ContainerWrapper.Alternate .Normal {
        padding-left: 10px;
        padding-right: 10px;
    }
/***********************************************************************/




a:link,
a:visited {
    color: var(--colour-contrast);
}
.Normal {
    font-size: 14px;
    line-height: 1.428;
    color: var(--main-text);
}

.SkinLink {
    margin-top: 15px;
    text-align: center;
}
img {
    max-width: 100%; /*Images will shrink if required, but won't expand */
    height: auto;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--colour-lightest);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.container {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    z-index: 1;
}



#dnn_dnnLOGO_imgLogo {
    max-height: 83px;
    width: auto;
}
/**************************************************************************************/
/*              NAV BAR                                                               */
/**************************************************************************************/

.text-uppercase {text-transform:none !important;} /* Stop Menu displaying in all caps */



/**************************************************************************************/
/*              Search Box                                                            */
/**************************************************************************************/

.searchBox {
    padding: 15px;
    width: 240px;
}
.dnnSearchBoxPanel {
    background-color: var(--colour-main);
}

.dnnSearchBoxPanel .dnnSearchBox {
    margin-right: 115px;
}
.dnnSearchResultPanel {
    background-color: var(--colour-main);
}

.dnnSearchResultPanel > .dnnRight > span.dnnSearchResultCountPerPage {
    color: var(--colour-lightest);
}

.dnnSearchResult-hint-tbl {

    background-color: transparent;

}

.dnnSearchResultContainer {
    background-color: var(--colour-main);
}
.dnnSearchResultPager span {
    color: var(--colour-lightest);
}
.dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Description,
.dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Description {
    color: var(--colour-lightest);
}

.dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Description b,
.dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Description b {
    color: var(--colour-contrast);
}

.dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Others,
.dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Others {
    background-color: var(--colour-dark);
}
.dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Others {
    margin-left: -30px;
    margin-right: -10px;
}
 /*#dnn_dnnSearch_cmdSearch {
     margin-left: auto;
     margin-right: auto;
 }*/
    .searchBox .searchText {
        color: #000;
        float: right;
    }

.searchSkinObjectPreview_group {
    display: none;
}

/**************************************************************************************/
/*              dnnTable Display                                                      */
/**************************************************************************************/
.dnnTableDisplay th {
    color: var(--colour-main);
}
tr.dnnTableDisplay {
    color: var(--colour-darkest);
}


ul.dnnAdminTabNav {
    height: 40px;
    border-radius: 0 !important;
}
/**************************************************************************************/
/*              dnnGrid - used by Documents module                                     */
/**************************************************************************************/
.dnnGridAltItem {
    background: var(--colour-dark);
}
.dnnGridHeader td {
    background: var(--colour-main);
    border: none;
}
table.dnnGrid {
    border: none;
}
.dnnGridItem:hover, .dnnGridAltItem:hover {
    background-color: var(--colour-main);
}
/**************************************************************************************/
/*              Edit Action Menus                                                     */
/**************************************************************************************/
div.actionMenu ul.dnn_mact > li ul,
div.actionMenu ul.dnn_mact > li ul a {
    color: var(--colour-contrast);
    background-color: var(--colour-dark);
}
div.actionMenu ul.dnn_mact > li ul:hover,
div.actionMenu ul.dnn_mact > li ul a:hover {
    color: var(--colour-dark);
    background-color: var(--colour-grey);
}
div.actionMenu ul.dnn_mact > li.actionMenuMove > ul li {
    height:auto;
}

/**************************************************************************************/
/*          styling for the Edit Profile and My Account links in User Profiles        */
/**************************************************************************************/
.dnnActions {
    display: inline-block;
}

    .dnnActions li {
        margin-right: 5px;
        list-style: none;
        float: left;
    }


/*override for dnnLabels in the bootstrap */
.form-group .dnnLabel {
    text-align: left;
    width: auto;
}

.dnnLabel + span {
    white-space: normal;
}

/* Addition to bootstrap menu styles */

/* Navigation */
.navbar-light .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link {
    color: var(--menu-text);
    padding: 1rem;
}

.dropdown-menu {
    background-color: var(--menu-background);
    color: var(--menu-text);
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    outline: 0;
    background-color: var(--menu-hover-background);
    color: var(--menu-hover-text);
}

.navbar-light .navbar-nav .show > .nav-link, 
.navbar-light .navbar-nav .active > .nav-link, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .nav-link.active {
    color: var(--menu-active-text);
}

.navbar-toggle .icon-bar {
    display: block !important;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

    .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 4px
    }
.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-radius: 15px;
}

/* Displace second and deeper level menus right from their parent.  */
.dropdown-menu .dropdown-menu {
    margin-left: 160px;
}
.show.dropdown-menu {
    display: block;
}
.open .dropdown-menu {
    display: block
}
li.nav-item:hover {
    background-color: var(--menu-hover-background);
    color: var(--menu-hover-text);
    
    border-radius: 15px;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:hover {
    color: var(--menu-hover-text);
}

.dropdown-menu a.nav-link {
    color: var(--menu-text);
}

.navbar-default .navbar-nav > li > div > ul > li > a, .navbar-default .LoginLink, .LoginLink {
    color: var(--menu-text);

}

    .navbar-default .navbar-nav > li > div > a:hover,
    .navbar-default .navbar-nav > li > div > a:focus,
    .navbar-default .navbar-nav > li > div > ul > li > a:hover,
    .navbar-default .navbar-nav > li > div > ul > li > a:focus {
        color: var(--menu-hover-text);
        background-color: var(--menu-hover-background);
    }


.navbar-nav > li > a {
    padding: 10px;
}




/*------------------------------------------------*/
/* LOGIN */
/*------------------------------------------------*/

.navbar-right {
    height: 45px;
}

    .navbar-right .registerGroup,
    .navbar-right .registerGroup *,
    .navbar-right .loginGroup,
    .navbar-right .loginGroup * {
        display: inline;
        color:#FFF;
    }

    .navbar-right .registerGroup,
    .navbar-right .loginGroup {
        float: right;
    }

        .navbar-right .registerGroup li:first-child:hover {
            border-left: #222;
        }

        /* Register Group Styles */
        .navbar-right .registerGroup li {
            float: left;
        }

        .navbar-right .registerGroup .buttonGroup {
            margin-right: 0;
        }

        .navbar-right .registerGroup a,
        .navbar-right .loginGroup a {
            display: block;
            position: relative;
            min-width: 12px;
            padding: 10px 10px 10px 10px;
            vertical-align: middle;
        }

            .navbar-right .registerGroup a:hover,
            .navbar-right .loginGroup a:hover {
            }

            .navbar-right .registerGroup a:active,
            .navbar-right .loginGroup a:active {
                text-shadow: 0 -1px 0 #ffffff;
            }

            .navbar-right .registerGroup a:hover,
            .navbar-right .loginGroup a:hover {
                text-decoration: none;
            }

            .navbar-right .registerGroup a strong,
            .navbar-right .loginGroup a strong {
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                overflow: hidden;
                font-size: 0;
                text-indent: -9999px;
            }

    .navbar-right .userMessages a,
    .navbar-right .userNotifications a {
        background-color: transparent;
        margin: 10px 0;
    }

    .navbar-right .userMessages strong {
        height: 100%;
        background: url('i/icon_message.png') no-repeat center center;
    }

    .navbar-right .userNotifications {
    }

        .navbar-right .userNotifications strong {
            height: 100%;
            background: url('i/icon_notification.png') no-repeat center center;
        }

    .navbar-right .registerGroup a span {
        display: inline-block;
        min-width: 7px;
        margin-right: 3px;
        text-align: center;
    }



    .navbar-right .registerGroup .userProfileImg a {
        min-width: 45px;
        min-height: 45px;
        padding: 0;
    }

    .navbar-right .registerGroup a img {
        height: 45px;
        width: 45px;
    }

    /* Login Group Styles */
    .navbar-right .loginGroup {
    }

        .navbar-right .loginGroup a {
        }

    /* Number of message next to the message icon*/
    .navbar-right .userMessages a span,
    .navbar-right .userNotifications a span {
        display: inline-block;
        margin-top: 0;
        margin-right: 0;
        background-color: transparent;
    }

    .navbar-right .userNotifications span, .navbar-right .userMessages span {
        height: 100%;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        overflow: hidden;
        font-size: 0;
        text-indent: -9999px;
        z-index: 999;
    }

    .navbar-right .userNotifications span {
        background: url('i/icon_notification_active.png') no-repeat center center;
    }

    .navbar-right .userMessages span {
        background: url('i/icon_message_active.png') no-repeat center center;
    }

@media (min-width: 992px) {
    .pl-lg-4, .px-lg-4 {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
}
/* Content formatting */

#Content, #TopContent {
    margin-top: 10px;
}




/***********************************************************************/
/*                            Footer                                   */
/***********************************************************************/

.loginGroup {
    display: inline-block;
}
#FooterContainer {
    background-color: var(--footer-background);
    color: var(--footer-text);
}
footer > div > div > div > div > a:link,
footer > div > div > div > div > div > a:link,
footer > div > div > div > div > a:visited,
footer > div > div > div > div > div > a:visited {
    color: var(--footer-link-text);
}
/* fix for carousel for large resolution displays */
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    margin: 0 auto;
    width: 100%;
}


/* fix for DNN dropdown lists being cut off*/

.dnnDropDownList .selected-item, .dnnDropDownList .selected-item a {
    height: 35px !important;
}


/* fix for coloring on DNN Check boxes and radio */
.dnnCheckbox .mark, .dnnRadiobutton .mark {
    background: none;
}

/***********************************************************************/
/*                            Login                                   */
/***********************************************************************/
.LoginPanel {
    padding: 20px;
}

/***********************************************************************/
/*                            Admin                                    */
/***********************************************************************/
h2.dnnFormSectionHead a.dnnSectionExpanded,
h2.dnnFormSectionHead a {
    color: var(--colour-contrast);
}
h2.dnnFormSectionHead a.dnnSectionExpanded:hover,
h2.dnnFormSectionHead a:hover {
    color: var(--colour-lightest);
    background-color: var(--colour-main);
}
.urlControl, span.dnnFormRadioButtons {
    background-color: var(--colour-main);
}