@font-face {
    font-family: 'Roboto';
    src: url('../../cssstyle/fonts/roboto-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto';
    src: url('../../cssstyle/fonts/roboto-bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'Roboto';
    src: url('../../cssstyle/fonts/roboto-italic.ttf') format('truetype');
    font-style: italic;
}


@font-face {
    font-family: 'Roboto';
    src: url('../../cssstyle/fonts/roboto-bolfitalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}



html, body {
    font-family: Roboto, Verdana, Geneva, sans-serif;
}

.clrDkBlue {
    color: rgba(13,31,48,1); /* #0D1F30 */
}

.clrBlue {
    color: rgba(59,102,112,1); /* #3B6670 */
}

.clrYellow {
    color: #f7cf1d;
}

.clrLtBlue {
    color: rgba(139,173,163,1); /* #8BADA3 */
}

.clrStakeholderBlue {
    color: rgba(0,112,192,1); /* #8BADA3 */
}

.clrBeige {
    color: rgba(240,227,192,1); /* #F0E3C0 */
}

.clrOrange {
    color: rgba(255,95,0,1); /* #DB6C0F */
}

.clrGrey {
    color: #808080;
}


.clrBlack {
    color: #000000;
}

.clrGreen {
    color: #0b0;
}

.clrAmber {
    color: #ffbf00;
}

.clrRed {
    color: #c00;
}

.bgDkBlue {
    background-color: rgba(13,31,48,1); /* #0D1F30 */
}

.bgBlue {
    background-color: rgba(59,102,112,1); /* #3B6670 */
}

.bgLtBlue {
    background-color: rgba(139,173,163,1); /* #8BADA3 */
}

.bgBeige {
    background-color: rgba(240,227,192,1); /* #F0E3C0 */
}

.bgOrange {
    background-color: rgba(255,95,0,1); /* #FF5F00 */
}

.bgGreen {
    background-color: rgba(47,177,47,1); /* #2fb12f; */
}

.bgVeryLightGrey {
    background-color: rgba(249,249,249,1); /* #2fb12f; */
}

.bgDkBlue,
.bgBlue,
.bgLtBlue,
.bgOrange,
.bgGreen,
.bgDkBlue a,
.bgBlue a,
.bgLtBlue a,
.bgOrange a,
.bgGreen a {
    color: #fff;
}

a {
    color: rgba(219,108,15,1);
}

.bgDkBlue .trans {
    background-color: rgba(13,31,48,0.5); /* #0D1F30 */
}

.bgBlue .trans {
    background-color: rgba(59,102,112,0.5); /* #3B6670 */
}

.bgLtBlue .trans {
    background-color: rgba(139,173,163,0.5); /* #8BADA3 */
}

.bgBeige .trans {
    background-color: rgba(240,227,192,0.5); /* #F0E3C0 */
}

.bgOrange .trans {
    background-color: rgba(219,108,15,0.5); /* #DB6C0F */
}

.bottomborderGreen {
    border-bottom: solid 4px #0b0;
}

.bottomborderAmber {
    border-bottom: solid 4px #ffbf00;
}

.bottomborderRed {
    border-bottom: solid 4px #c00;
}



.panel-rag-green > .panel-heading span > .ProjectSummaryPagePanelHeaderclrGrey {
    color: #444 !Important;
}

/* Bootstrap mods 
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.open>a {
  background-image: -webkit-linear-gradient(top,rgba(47,177,47,1) 0,rgba(104,187,104,1) 100%);
    background-image: -o-linear-gradient(top,rgba(47,177,47,1) 0,rgba(104,187,104,1) 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(47,177,47,1)),to(rgba(104,187,104,1)));
    background-image: linear-gradient(to bottom,rgba(47,177,47,1) 0,rgba(104,187,104,1) 100%);
    background-image: none;
    background-color: rgba(255,95,0,1);
    color: #fefefe;
}
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.open>a:hover { background-color: #555; background-image: none; color: #fff; }

/*.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.open>a:hover { background-color: #555; background-image: none; color: #fff; }*/

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-default .navbar-nav a {
    font-size: 12px;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    background-image: none;
    background-color: rgba(255,95,0,1);
}



.dropdown-menu > .active-notcurrent > a,
.dropdown-menu > .active-notcurrent > a:focus,
.dropdown-menu > .active-notcurrent > a:hover {
    background-image: none;
    background-color: rgba(47,177,47,1);
    color: #fff;
    text-decoration: none;
}




.panel-green > .panel-heading {
    background-image: none;
    background-color: rgba(47,177,47,1);
    color: #fff;
}

.panel-amber > .panel-heading {
    background-image: none;
    background-color: rgba(255, 191, 0,1);
    color: #fff;
}

.panel-red > .panel-heading {
    background-image: none;
    background-color: rgba(177,47,47,1);
    color: #fff;
}

.panel-orange {
    background-image: none;
    border-color: rgba(255,173,124,1);
}

.pagePanels .panel-title > a {
    display: inline-block;
    width: 100%;
    font-size: 1.1em;
    color: #444;
    font-size: 1.2em;
}

    .pagePanels .panel-title > a .status {
        float: right;
        text-transform: uppercase;
        font-size: 14px;
    }

    .pagePanels .panel-title > a .fa {
        text-transform: uppercase;
        margin-left: 4px;
        font-size: 16px;
    }

.panel-rag-green > .panel-heading {
    background-color: none !important;
    background: none;
    border-left: solid 5px #0b0;
}

.panel-rag-amber > .panel-heading {
    background-color: none !important;
    background: none;
    border-left: solid 5px #ffbf00;
}

.panel-rag-red > .panel-heading {
    background-color: none !important;
    background: none;
    border-left: solid 5px #c00;
}

.panel-rag-grey > .panel-heading {
    background-color: none !important;
    background: none;
    border-left: solid 5px rgba(200,200,200,1);
}
/*.panel-heading span { font-size: 1.2em; }*/
.panel-rag-green > .panel-heading span {
    color: #0b0;
}

.panel-rag-amber > .panel-heading span {
    color: #ffbf00;
}

.panel-rag-red > .panel-heading span {
    color: #c00;
}

.table tfoot {
    border-top: solid 2px #ccc;
}

.table.table-nonfluid {
    width: auto;
}

.form-control-static {
    padding: .375rem .75rem;
    border: solid 1px rgba(0,0,0,0.1);
    border-radius: 0.25rem;
    display: block;
    margin-bottom: 0;
}

.required::after {
    content: " *";
    color: #c22;
}
/* End of Bootstrap Amends */

.centerOnPage {
    display: table;
    table-layout: fixed;
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
}

    .centerOnPage > div {
        display: table-cell;
        vertical-align: middle;
    }

.xxs {
    font-size: 0.6em;
}

.xs {
    font-size: 0.7em;
}

.s {
    font-size: 0.8em;
}

.m {
    font-size: 1em;
}

.l {
    font-size: 1.5em;
}

.xl {
    font-size: 2em;
}

.xxl {
    font-size: 3em;
}

.xxxl {
    font-size: 4em;
}

.caps {
    text-transform: uppercase;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .row.no-gutters > [class^="col-"],
    .row.no-gutters > [class*=" col-"] {
        padding-right: 0;
        padding-left: 0;
    }

.coverBg {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.containBg {
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

/* Burger */
#burgerOuter {
    position: fixed;
    top: 1.35em;
    right: 1.35em;
    z-index: 105;
    display: none;
}

#burgerInner {
    position: relative;
    width: 30px;
    height: 27px;
    cursor: pointer;
}

.burgerLine {
    position: absolute;
    left: 0;
    background: #444;
    width: 100%;
    height: 3px;
    border-radius: 1px;
}

.on .burgerLine {
    background-color: #fff;
}

#burgerLine1 {
    top: 0;
}

#burgerLine2 {
    top: 12px;
}

#burgerLine3 {
    bottom: 0;
}

/* Burger Animation */
.burgerLine {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#burgerInner.on #burgerLine1 {
    -webkit-transform-origin: middle center;
    transform-origin: middle center;
    -webkit-animation-name: burgerMenuTopOn;
    animation-name: burgerMenuTopOn;
}

@-webkit-keyframes burgerMenuBottomOn {
    50% {
        bottom: 12px;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        bottom: 12px;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

@keyframes burgerMenuBottomOn {
    50% {
        bottom: 12px;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        bottom: 12px;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

#burgerInner.on #burgerLine3 {
    -webkit-transform-origin: middle center;
    transform-origin: middle center;
    -webkit-animation-name: burgerMenuBottomOn;
    animation-name: burgerMenuBottomOn;
}

@-webkit-keyframes burgerMenuMiddleOn {
    100% {
        opacity: 0;
    }
}

@keyframes burgerMenuMiddleOn {
    100% {
        opacity: 0;
    }
}

#burgerInner.on #burgerLine2 {
    -webkit-transform-origin: middle center;
    transform-origin: middle center;
    -webkit-animation-name: burgerMenuMiddleOn;
    animation-name: burgerMenuMiddleOn;
}
/* Reverse */

@-webkit-keyframes burgerMenuTopOff {
    0% {
        top: 12px;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    50% {
        top: 12px;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        top: 0;
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes burgerMenuTopOff {
    0% {
        top: 12px;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    50% {
        top: 12px;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        top: 0;
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

#burgerInner.off #burgerLine1 {
    -webkit-transform-origin: middle center;
    transform-origin: middle center;
    -webkit-animation-name: burgerMenuTopOff;
    animation-name: burgerMenuTopOff;
}

@-webkit-keyframes burgerMenuBottomOff {
    0% {
        bottom: 12px;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    50% {
        bottom: 12px;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        bottom: 0;
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes burgerMenuBottomOff {
    0% {
        bottom: 12px;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    50% {
        bottom: 12px;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        bottom: 0;
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

#burgerInner.off #burgerLine3 {
    -webkit-transform-origin: middle center;
    transform-origin: middle center;
    -webkit-animation-name: burgerMenuBottomOff;
    animation-name: burgerMenuBottomOff;
}

@-webkit-keyframes burgerMenuMiddleOff {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes burgerMenuMiddleOff {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#burgerInner.off #burgerLine2 {
    -webkit-transform-origin: middle center;
    transform-origin: middle center;
    -webkit-animation-name: burgerMenuMiddleOff;
    animation-name: burgerMenuMiddleOff;
}

#mainSidebarContainer {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    padding: 1em;
    z-index: 10;
}

    #mainSidebarContainer .nav a::before {
        width: 2em;
        display: inline-block;
        text-align: center;
    }

#sidebarTop {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
}
/*#sidebarTop > div { display: inline-block; }*/
#sidebarLogo {
    height: 60px;
    background-position: 50% 0;
}

#sidebarUser {
}

.sidebar {
    /*width: 22em;*/
    width: 24em;
}
    /*.sidebar .nav a { font-size: 1em; }*/
    .sidebar .nav > li > a {
        padding-left: 0.3em;
    }

    .sidebar .nav > li.active > a {
        background-color: #444;
    }

    .sidebar .nav > li > a:hover {
        background-color: #666;
    }

#mainNav .panel,
#mainNav .panel-default > .panel-heading {
    background: none;
    padding-left: 0;
}

    #mainNav .panel-default,
    #mainNav .panel-default > .panel-heading,
    #mainNav .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border: none;
        box-shadow: none;
    }

#mainNav .panel-body {
    padding-top: 0;
}
/*#mainNav h4 a { font-size: 0.8em; }*/
#mainNav .fa {
    display: inline-block;
    width: 20px;
    text-align: center;
}

#mainNav ul, #mainNav li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#mainNav ul {
    padding-left: 10px;
}

#mainNav li a {
    padding: 4px 0;
    font-size: 0.8em;
    display: inline-block;
    width: 100%;
}

#toggleSidebar {
    background-color: rgba(255,95,0,1);
    color: rgba(255,255,255,0.75);
    display: table;
    position: absolute;
    right: -1.5em;
    top: 0;
    height: 100%;
    width: 1.5em;
    text-align: center;
    cursor: pointer;
}

    #toggleSidebar:hover {
        background-color: rgba(255,131,50,1);
    }

    #toggleSidebar > div {
        display: table-cell;
        vertical-align: middle;
        height: 100%;
    }

#mainSidebarContainer {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

    #mainSidebarContainer.off {
        -webkit-animation-name: slideOutLeftVisible;
        animation-name: slideOutLeftVisible;
    }

#sidebarFooter {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #000;
    font-size: 0.75em;
    padding: 1em;
}

#jrpLogo {
    height: 50px;
    margin-bottom: 1em;
}

/* Main area */

#main {
    width: 100%;
    padding: 0;
}
/*.pageSection { padding: 0.5em 2em 0.5em 26em; transition: padding 1s; display: inline-block; width: 100%; }*/
.pageSection {
    padding: 0.5em 2em 0em 28em;
    transition: padding 1s;
    display: inline-block;
    width: 100%;
}

#main.fullwidth .pageSection {
    padding-left: 3.5em;
}
/*.pageSection#pageHeader { padding-top: 2em; }
#pageHeader { padding-bottom: 0; }
*/
#pageHeader {
    /*margin: 1em 0;*/
    margin-bottom: 3px;
}

#pageHeaderBox {
    margin-left: 0.5em;
    margin-bottom: 0.4em;
    margin-right: 0.5em;
    margin-top: 0.2em;
}

#pageHeader .fa {
    margin-right: 0.5em;
}

#headerLogo {
    text-align: right;
}

    #headerLogo img {
        height: 65px;
    }

#pageBreadcrumb {
    padding-bottom: 0;
}

#pageInfo {
    padding-bottom: 0;
    padding-top: 0;
}

#pageContent {
    background-color: #eee;
    padding-bottom: 2.5em;
}

#pageInfo {
    margin: 1em 0 0 0;
}

    #pageInfo > div {
        padding: 0;
    }

#pageNavContainer {
    margin-top: 0px;
}

    #pageNavContainer li {
        text-transform: uppercase;
    }



.details-panel-border {
    margin-bottom: 0px !important;
}


#navHelp span {
    margin: 0 0.25em 0 0;
}

.subHeading {
    margin: 0 0 0.5em 0;
}

#panelTools {
    margin-bottom: 1em;
}

.breadcrumb > li + li:before {
    content: '\00bb';
    padding-left: 0;
}

/* ------------- */
/* LOGIN         */
/* ------------- */
#login {
    height: 80%;
}

#loginOuter {
}

#loginInner {
    border-radius: 4px;
    border: solid 1px #f1f1f1;
    box-shadow: 0 0 20px #efefef;
    width: 800px;
    margin: 0 auto;
    padding: 2em;
}

#loginLogo {
    margin-bottom: 2em;
}

#loginInner form {
    margin: 2em 0;
}

    #loginInner form input {
        text-align: center;
    }

#loginNotice {
    width: 600px;
    margin: 0 auto;
    margin-bottom: 20px;
}

#loginBoxes {
    width: 500px;
    margin: 0 auto;
}

footer.fixed {
    position: fixed;
    bottom: 20px;
    text-align: center;
    width: 100%;
}

    footer.fixed > div {
        width: 80%;
        margin: 0 auto;
    }

#loginFooterLogo {
    width: 140px;
    margin-bottom: 20px;
}


/* INLINE OVERRIDES */
table {
    border: none !important;
}

    table th,
    table td {
        border: none !important;
    }

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    border-top: 1px solid #ddd !important;
}

.pagination-ys table {
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination-ys table a,
    .pagination-ys table span {
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: rgba(219,108,15,1);
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }

    .pagination-ys table span {
        color: #999;
    }


/* Center Table Text */
.tabletext-center th, .tabletext-center td {
    text-align: center;
}


/* right align Table Text */
.tabletext-right th, .tabletext-right td {
    text-align: right;
}

/* match table height to that with textbox */
.tabletdheight-matchtextbox th {
    height: 60px;
}

.tabletdheight-matchtextbox td {
    height: 66px;
}




.fullwidth {
    width: 100%;
}

/* Datepicker */
.ajax__calendar .ajax__calendar_container {
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding: 5px 5px 20px 5px;
    width: 180px;
}

.ajax__calendar_container td {
    padding: 3px;
}

.ajax__calendar_year,
.ajax__calendar_month {
    height: 38px;
    width: 36px;
}




/* chevron mods */

/* RQ Modified Nav Bar Bootstrap mods */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .open > a {
    /*  background-image: -webkit-linear-gradient(top,rgba(47,177,47,1) 0,rgba(104,187,104,1) 100%);
    background-image: -o-linear-gradient(top,rgba(47,177,47,1) 0,rgba(104,187,104,1) 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(47,177,47,1)),to(rgba(104,187,104,1)));
    background-image: linear-gradient(to bottom,rgba(47,177,47,1) 0,rgba(104,187,104,1) 100%);*/
    background-image: url('../img/chevronorange.png');
    background-size: 100% auto;
    background-position: 100% 50%;
    padding-left: 30px;
    /*background-color: rgba(255,95,0,1);*/
    color: #ffffff;
}


    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .active > a:hover {
        /*  background-image: -webkit-linear-gradient(top,rgba(47,177,47,1) 0,rgba(104,187,104,1) 100%);
    background-image: -o-linear-gradient(top,rgba(47,177,47,1) 0,rgba(104,187,104,1) 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(47,177,47,1)),to(rgba(104,187,104,1)));
    background-image: linear-gradient(to bottom,rgba(47,177,47,1) 0,rgba(104,187,104,1) 100%);*/
        background-image: url('../img/chevronorange.png');
        background-size: 100% auto;
        background-position: 100% 50%;
        padding-left: 30px;
        /*background-color: rgba(255,95,0,1);*/
        color: #ffffff;
    }






/* complete tab */

#pageNavContainer li.complete {
    background-image: url('../img/chevrongreenline.png');
    background-size: 100% auto;
    background-position: 100% 50%;
    width: 130px;
}

    #pageNavContainer li.complete a {
        padding-left: 30px; /*color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.25); */
    }


/* current tab*/

#pageNavContainer li.current {
    background-image: url('../img/chevronorange.png');
    background-size: 100% auto;
    background-position: 100% 50%;
    width: 130px;
    color: #fff;
}

    #pageNavContainer li.current a {
        padding-left: 30px; /*color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.25); */
    }

    #pageNavContainer li.current > a {
        color: #fff;
    }

        #pageNavContainer li.current > a:hover {
            background-image: url('../img/chevronorange.png');
            background-size: 100% auto;
            background-position: 100% 50%;
            color: #fff;
        }

    #pageNavContainer li.current > .open > a:focus {
        background-image: url('../img/chevronorange.png');
        background-size: 100% auto;
        background-position: 100% 50%;
        color: #fff;
    }


/* selected tab, not current */



.navbar-default .navbar-nav > .selected-notcurrent.active > a,
.navbar-default .navbar-nav > .selected-notcurrent.open > a {
    /*  background-image: -webkit-linear-gradient(top,rgba(47,177,47,1) 0,rgba(104,187,104,1) 100%);
    background-image: -o-linear-gradient(top,rgba(47,177,47,1) 0,rgba(104,187,104,1) 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(47,177,47,1)),to(rgba(104,187,104,1)));
    background-image: linear-gradient(to bottom,rgba(47,177,47,1) 0,rgba(104,187,104,1) 100%);*/
    background-image: url('../img/chevrongreen.png');
    background-size: 100% auto;
    background-position: 100% 50%;
    padding-left: 30px;
    /*background-color: rgba(255,95,0,1);*/
    color: #ffffff;
}


    .navbar-default .navbar-nav > .selected-notcurrent.active > a:focus,
    .navbar-default .navbar-nav > .selected-notcurrent.active > a:hover {
        /*  background-image: -webkit-linear-gradient(top,rgba(47,177,47,1) 0,rgba(104,187,104,1) 100%);
    background-image: -o-linear-gradient(top,rgba(47,177,47,1) 0,rgba(104,187,104,1) 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(47,177,47,1)),to(rgba(104,187,104,1)));
    background-image: linear-gradient(to bottom,rgba(47,177,47,1) 0,rgba(104,187,104,1) 100%);*/
        background-image: url('../img/chevrongreen.png');
        background-size: 100% auto;
        background-position: 100% 50%;
        padding-left: 30px;
        /*background-color: rgba(255,95,0,1);*/
        color: #ffffff;
    }


#pageNavContainer li.selected-notcurrent {
    background-image: url('../img/chevrongreen.png');
    background-size: 100% auto;
    background-position: 100% 50%;
    width: 130px;
    color: #fff;
}

    #pageNavContainer li.selected-notcurrent a {
        padding-left: 30px; /*color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.25); */
    }

    #pageNavContainer li.selected-notcurrent > a {
        color: #fff;
    }

        #pageNavContainer li.selected-notcurrent > a:hover {
            background-image: url('../img/chevrongreen.png');
            background-size: 100% auto;
            background-position: 100% 50%;
            color: #fff;
        }

    #pageNavContainer li.selected-notcurrent > .open > a:focus {
        background-image: url('../img/chevrongreen.png');
        background-size: 100% auto;
        background-position: 100% 50%;
        color: #fff;
    }

    #pageNavContainer li.selected-notcurrent > .open > a:focus {
        background-image: url('../img/chevrongreen.png');
        background-size: 100% auto;
        background-position: 100% 50%;
        color: #fff;
    }





/* current tab, not selected */

#pageNavContainer li.current-notselected {
    background-image: url('../img/chevronorangeline.png');
    background-size: 100% auto;
    background-position: 100% 50%;
    width: 130px;
}

    #pageNavContainer li.current-notselected a {
        padding-left: 30px; /*color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.25); */
    }


/* future tab */

#pageNavContainer li.todo {
    background-image: url('../img/chevronredlinedashed.png');
    background-size: 100% auto;
    background-position: 100% 50%;
    width: 130px;
}

    #pageNavContainer li.todo a {
        padding-left: 30px; /*color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.25); */
    }

/*#pageNavContainer li.complete:hover {  }
#pageNavContainer li.complete:hover a { text-shadow: 0 1px 1px rgba(255,255,255,.25); color: #777; }*/






/* Panel summary label Colours */
.panel-summary-red {
    color: #c00 !important;
}

.panel-summary-amber {
    color: #ffbf00 !important;
}

.panel-summary-green {
    color: #0b0 !important;
}


.panel-summary-black {
    color: #000 !important;
}


.panel-summary-grey {
    color: #808080 !important;
}

/* panel dropdown arrow black colour */

.panel-dropdown-arrow-black {
    color: #000000 !important;
}

/* panel main label black colour override */

.panel-maintext {
    color: #000000 !important;
}


/* checkbox list mod */

.checkbox.checkboxlist input[type="checkbox"] {
    margin-left: 0px;
}

.checkbox.checkboxlist label {
    margin-bottom: 4px;
    margin-left: 2px;
    font-size: 14px;
}

fieldset .checkbox.checkboxlist {
    margin-top: 7px;
}


/* label height ovveride to match dropdown/textboxes */

.labelheightmatch {
    height: 22px;
}



/* padding for Grey Boxes for splitting panels in panels */

/* 5px div padding */
.divpadding5px {
    padding: 5px 15px 1px 15px;
    border-radius: 4px;
}


/* left margin 5px;*/
.leftmargin5px {
    margin-left: 5px;
}


/* right margin 5px;*/


.rightmargin5px {
    margin-right: 5px;
}


/* Top Margin for panels in panels */
.topmargin15px {
    margin-top: 15px;
}



/* header/nav bar mods */

.navbar-default {
    margin-bottom: -7px !important;
}


/* Show/Hide all button padding top */

.showhidebutton {
    padding-top: 15px;
}


/* make label text match background for formatting */
.labelcolour-grey {
    color: rgba(249,249,249,1);
}



.labelcolour-white {
    color: #fff;
}



/* make disabled date text box background white */

.datetextbox[disabled],
.datetextbox[readonly] {
    background-color: #fff;
    opacity: 1;
    cursor: default;
}




/* change cursor back to normal for dropdown boxes that overlap */

.dropdownoverlap[disabled] {
    cursor: default;
}


/* disable resizing of multiline textboxes */

.multilinetextbox-resizedisabled {
    resize: none;
}


/* hide textbox (colour/bg etc.) for alignment purposes (dummy) (Grey BG) */

.dummytextbox[disabled],
.dummytextbox[readonly] {
    outline: none;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background-color: rgba(249,249,249,1);
    color: rgba(249,249,249,1);
    cursor: default;
}


/* hide textbox (colour/bg etc.) for alignment purposes (dummy) (White BG) */

.dummytextboxWhite[disabled],
.dummytextboxWhite[readonly] {
    outline: none;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #FFF;
    color: #FFF;
    cursor: default;
}


/*Risks score label formatting*/

.riskScoreLabel {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}



/* top padding to line text up with logo in projects header dropdown*/

.ProjectsHeaderDropDownTitle {
    padding-top: 23px;
}

    .ProjectsHeaderDropDownTitle a {
        font-size: 20px;
    }


/* modal dialog large width*/
.largewidth {
    width: 800px;
}

/* hide sidebar */

.hidesidebar {
    display: none;
}



.homepageheadertext {
    font-size: 4em;
    font-weight: bold;
    color: black;
}



/* hide textbox Background to look like there's no textbox but still have text in it (Grey BG) */

.dummytextboxWithText[disabled],
.dummytextboxWithText[readonly] {
    outline: none;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background-color: rgba(249,249,249,1);
    cursor: default;
}

/* hide textbox Background to look like there's no textbox but still have text in it (White BG) */

.dummytextboxWhiteWithText[disabled],
.dummytextboxWhiteWithText[readonly] {
    outline: none;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #FFF;
    cursor: default;
}



/* button colours */

.btn-login {
    background-color: #FAFAFA;
    border-color: #FAFAFA;
    color: #444;
    /*text-shadow: 0 -1px 0 rgba(0,0,0,1);*/
    text-shadow: 0 1px 0 #fff;
    background-color: #f0f0f0;
    background-image: -moz-linear-gradient(top,#FAFAFA,#e1e1e1);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#FAFAFA),to(#e1e1e1));
    background-image: -webkit-linear-gradient(top,#FAFAFA,#e1e1e1);
    background-image: -o-linear-gradient(top,#FAFAFA,#e1e1e1);
    background-image: linear-gradient(to bottom,#FAFAFA,#e1e1e1);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe0e0e0', GradientType=0);
    border-color: #e1e1e1 #e1e1e1 #bababa;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}

    .btn-login:hover,
    .btn-login:focus {
        text-decoration: none;
        background-position: 0 -15px;
        -webkit-transition: background-position .1s linear;
        -moz-transition: background-position .1s linear;
        -o-transition: background-position .1s linear;
        transition: background-position .1s linear;
    }

    .btn-login:hover,
    .btn-login:focus {
        background-color: #e1e1e1;
    }

    .btn-login:active,
    .btn-login.active,
    .btn-login.active:hover {
        background-color: #ededed;
        border-color: #e1e1e1;
    }

    .btn-login.disabled:hover,
    .btn-login.disabled:focus,
    .btn-login.disabled:active,
    .btn-login.disabled.active,
    .btn-login[disabled] .btn-login:hover,
    .btn-login[disabled] .btn-login:focus,
    .btn-login[disabled] .btn-login:active,
    .btn-login[disabled] .btn-login.active {
        background-color: #FAFAFA;
        border-color: #FAFAFA;
    }




/* Modal popup backgrounds */

.modalBackground,
#ContentPlaceHolder1_ErrorMPE_backgroundElement,
#ContentPlaceHolder1_GeneralMPE_backgroundElement,
#ContentPlaceHolder1_NoIdeasForCriteriaMPE_backgroundElement,
#ContentPlaceHolder1_NoProjectsForCriteriaMPE_backgroundElement,
#ContentPlaceHolder1_DetailsGeneralMPE_backgroundElement,
#ContentPlaceHolder1_SavingsGeneralMPE_backgroundElement,
#ContentPlaceHolder1_ConfirmDeleteSavingMPE_backgroundElement,
#ContentPlaceHolder1_CostsGeneralMPE_backgroundElement,
#ContentPlaceHolder1_ConfirmDeleteCostMPE_backgroundElement,
#ContentPlaceHolder1_ConfirmDeleteOpportunityMPE_backgroundElement,
#ContentPlaceHolder1_OpportunitySavedMPE_backgroundElement,
#ContentPlaceHolder1_ButtonsGeneralMPE_backgroundElement,
#ContentPlaceHolder1_FilterErrorMPE_backgroundElement,
#ContentPlaceHolder1_SaveErrorMPE_backgroundElement,
#ContentPlaceHolder1_ConfirmConvertOpportunityToProjectMPE_backgroundElement,
#ContentPlaceHolder1_ConfirmSelectedSiteMPE_backgroundElement,
#ContentPlaceHolder1_ConfirmDeleteIdeaMPE_backgroundElement,
#ContentPlaceHolder1_IdeaSavedMPE_backgroundElement,
#ContentPlaceHolder1_ConfirmConvertIdeaToOpportunityMPE_backgroundElement,
#ContentPlaceHolder1_AcceptNotTickedMPE_backgroundElement,
#ContentPlaceHolder1_ConvertToImplementMPE_backgroundElement,
#ContentPlaceHolder1_ConfirmConvertToImplementMPE_backgroundElement,
#ContentPlaceHolder1_ChangeSubStatusMPE_backgroundElement,
#ContentPlaceHolder1_SubStatusErrorMPE_backgroundElement,
#ContentPlaceHolder1_NoOpportunitiesForCriteriaMPE_backgroundElement,
#ContentPlaceHolder1_ChangeStatusMPE_backgroundElement,
#ContentPlaceHolder1_NewCostMPE_backgroundElement,
#ContentPlaceHolder1_DeleteCostMPE_backgroundElement,
#ContentPlaceHolder1_NewSavingMPE_backgroundElement,
#ContentPlaceHolder1_DeleteSavingMPE_backgroundElement,
#ContentPlaceHolder1_CancelCreateProjectMPE_backgroundElement,
#ContentPlaceHolder1_ConfirmCreateProjectMPE_backgroundElement,
#ContentPlaceHolder1_ChangeDefaultOrganisationMPE_backgroundElement,
#ContentPlaceHolder1_DeleteUserMPE_backgroundElement,
#ContentPlaceHolder1_CreateNewUserMPE_backgroundElement,
#ContentPlaceHolder1_CreateNewUserLocationDivisionMPE_backgroundElement,
#ContentPlaceHolder1_NewUserDataErrorMPE_backgroundElement,
#ContentPlaceHolder1_AddNewUtilityMPE_backgroundElement,
#ContentPlaceHolder1_PermissionErrorMPE_backgroundElement,
#ContentPlaceHolder1_ConfirmEditHeaderDataMPE_backgroundElement,
#ContentPlaceHolder1_VersionNumberMPE_backgroundElement,
#ContentPlaceHolder1_ChangeUtilityDataMPE_backgroundElement,
#ContentPlaceHolder1_ChangeUtilityDataErrorMPE_backgroundElement,
#ContentPlaceHolder1_FutureChangesMPE_backgroundElement,
#ChangeOrganisationMPE_backgroundElement,
#ChangeFullUserToSuggestionOnlyMPE_backgroundElement,
#ContentPlaceHolder1_AlreadyHaveMaxSuggestionUsersMPE_backgroundElement,
#ContentPlaceHolder1_AlreadyHaveMaxFullUsersMPE_backgroundElement,
#ContentPlaceHolder1_NewUserAlreadyHaveMaxSuggestionUsersMPE_backgroundElement,
#ContentPlaceHolder1_NewUserAlreadyHaveMaxFullUsersMPE_backgroundElement,
#ContentPlaceHolder1_SaveSuccessMPE_backgroundElement,
#ContentPlaceHolder1_AccessErrorMPE_backgroundElement,
#ContentPlaceHolder1_NoSuggestionsForCriteriaMPE_backgroundElement,
#ContentPlaceHolder1_NoSuggestionsInSystemMPE_backgroundElement,
#UpcomingMaintenanceMPE_backgroundElement,
#ContentPlaceHolder1_AdministrationSecurityErrorMPE_backgroundElement,
#ContentPlaceHolder1_TextLengthErrorMPE_backgroundElement {
    height: 100%;
    background-color: #e1e1e1;
    filter: alpha(opacity=50);
    opacity: 0.6;
}



.FavouriteProjectsStarDiv {
    padding-bottom: 20px;
}


#ContentPlaceHolder1_FavouriteProjectsDiv {
    padding-top: 30px;
}