/*.navbar.navbar-inverse .navbar-inner {
    background: #FFF
}

body {
    background: #FFF;

}

.nav-collapse {
    clear: both;
    margin-left: 120px;
}

.navbar .nav {
    float: none;
    width: 100%;
    background: #00568F;
    padding-left: 120px;
}

#headerLoginForm {
    position: relative;
}
*/


html, body { background: #f7f7f7; }

/*	FONTS */

h1, .page-header h2 { font-family: 'Fira Sans', sans-serif; font-size: 20px; font-weight: 500; line-height: 30px; text-transform: uppercase; color: #00508d; margin: 0 0 10px 0; padding-bottom: 0px; border-bottom:  4px solid #9cc03e; }
h2 { font-size: 17px; font-weight: 700; line-height: 24px; text-transform: uppercase; color: #00508d; margin: 0px; }

p { font-size: 16px; font-weight: 400; line-height: 24px; }
a, a:visited { color: #00508d;  }
a.btn-primary { color: #FFFFFF;}
a.btn-default { color: #000;}
a:hover { text-decoration: underline; }
p a, li a, h4 a {
    text-decoration: underline;
    font-weight: bold;
}
.darkblue { color: #00508d; }
.slateblue { color: #286ea5; }
.lightblue { color: #6394c0; }

.bold {font-weight: bold;}

/*	HEADER---------------------------------------*/
header { width: 100%; background-color: #FFFFFF; }
.logo { text-align: center; padding: 1% 0; margin-left: 9px; }
.logo img {
    display: inherit;
    max-height: 70px;
}

a.btn {
    font-style: normal;
    text-decoration: none;
}

header .btn { font-family: 'Fira Sans', sans-serif; font-weight: 500; font-size: 12px; letter-spacing: 1px;  margin-top: 35px; }
a.login-btn {  background: #9cc03e; color: #F7F7F7; float: right;  }
a.login-btn:hover, a.schedule-btn:hover, a.conf-btn:hover { background: #333; color: #CCC; }

.navbar { min-height: 40px; margin-bottom: 0; }
.nav a { text-decoration: none;}
.navbar-nav { float: none; text-align: justify; }
ul.navbar-nav:after {width: 100%; display: inline-block; content: ""; visibility: hidden}


.navbar-default { background: none; box-shadow: none; border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; border-radius: 0; border-left: none; border-right: none; }
.navbar-default .navbar-nav > li > a { text-transform: uppercase; font-weight: 700; font-size: 12px; color: #666; }
.navbar-default .navbar-nav > li { float: none; display: inline-block; }

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background: #DDD; color: #333 }

.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #333;
}
.navbar-nav > li > a {
    padding: 10px 15px;
}
.dropdown-menu { background: #5081b2;}
.dropdown-menu > li > a { color: #fff; }


/* Collapse menu for small screens */
.navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #FFFFFF;
}
.navbar-nav .open .dropdown-menu {
    background: #5081b2;
}
.navbar-default .navbar-nav > li {
    display: block;
}
ul.navbar-nav > li {
    height: auto;
}


.adminMenuIcon {
    font-size: 20px;
    margin: -11px 0 -20px;
}
/*	HOME */

.wrapper-slider { width: 100%; background-color: #d7d7d7; margin-bottom: 7%; }
.wrapper-slider .container { max-height: 494px; }

.wrapper-slider  .btn-lg { float: left; margin: 2% 5% 0 0; font-family: 'Fira Sans', sans-serif; font-weight: 500; font-size: 13px; letter-spacing: 1px; padding: 8px 16px; }

#homepage-slide-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: #d7d7d7;
    background-color: #0070ad;
    margin-bottom: 25px;
    margin-left: 0;
    margin-right: 0;
}
.homepage-slider-c {
    margin: 0 auto;
}

#conference {
    height: 481px;
}
#conference img {
    margin: 0px auto;
}

#homepage-slides #conference .carousel-caption {
    top: 15%;
    right: 10%;
    bottom: auto;
    left: auto;
    width: 375px;
}
#homepage-slide-container #conference h1 {
    font-size: 14px;
    line-height: 14px;
}
#homepage-slide-container #conference p {
    font-size: 11px;
    line-height: 12px;
}

.carousel .item {
    /*min-height: 180px; */
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
}

#homepage-slide-container h1 {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color: #FFFFFF;
    text-shadow: none;
    border: none;
    margin: auto 15px auto 15px;
    padding: 4% 0;
    text-transform: none;
}

#homepage-slide-container p { font-family: 'Fira Sans', sans-serif; font-size: 10px; line-height: 12px; color: #FFFFFF; margin-bottom: 0; font-weight: 400; }

#homepage-slides .carousel-caption {
    padding: 10px;
    text-shadow: none;
    text-align: left;
    cursor: pointer;
    width: 100%;
    top: 35%;
    left: auto;
    right: auto;
    bottom: auto;
}

.divImage {
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.div_p {
    cursor: pointer;
}

#homepage-slides .divImage {
    width: 30px;
    height: 30px;
}

.navImages .divImage {
    width: 30px;
    height: 30px;
}

#homepage-slides hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.carousel-indicators {
    bottom: -10px;
}

#carousel_CR_ET .carousel-caption.caption1 {
    background-color: rgba(144, 176, 56, .85);
}

#carousel_CR_ET .carousel-caption.caption2 {
    top: 67%;

    background-color: rgba(63, 119, 137, .85);
}

#carousel_WF_NC .carousel-caption {
    background-color: rgba(101, 49, 143, .85)
}

#carousel_AS_SS .carousel-caption.caption1 {
    background-color: rgba(253,230,58,0.85);
}

#carousel_AS_SS .carousel-caption.caption1 h1 {
    color: #444444;
}

#carousel_AS_SS .carousel-caption.caption1 hr {
    border-top: 1px solid #444444;
}

#carousel_AS_SS .carousel-caption.caption1 p {
    color: #444444;
}

#carousel_AS_SS .carousel-caption.caption2 {
    top: 64%;

    background-color: rgba(95,138,177,0.85);
}

#carousel_CPP .carousel-caption {
    background-color: rgba(213,114,59,0.85);
}

/* NAV BAR */
#divImageNavBar {
    display: none;
}

#divImageNavBarMobile {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.divImage_CR {
    background-image: url('/images/nccbp/pages/icons/icon_CR.png');
}

.divImage_ET {
    background-image: url('/images/nccbp/pages/icons/icon_ET.png');
}

.divImage_NC {
    background-image: url('/images/nccbp/pages/icons/icon_NC.png');
}

.divImage_SS {
    background-image: url('/images/nccbp/pages/icons/icon_SS.png');
}

.divImage_AS {
    background-image: url('/images/nccbp/pages/icons/icon_AS.png');
}

.divImage_CPP {
    background-image: url('/images/nccbp/pages/icons/icon_CPP.png');
}

.navImages p {
    font-size: 15px;
    color: #444444;
}
/* END NAV BAR */

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #divImageNavBar {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #divImageNavBarMobile {
        display: none;
    }

    .carousel .item {
        height: 500px;
    }

    #homepage-slides .divImage {
        width: 55px;
        height: 65px;
    }

    .navImages .divImage {
        position: relative;
        left: 45px;
        width: 55px;
        height: 55px;
    }

    #homepage-slides hr {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #carousel_CR_ET .carousel-caption.caption1 {
        top: 3%;
        right: auto;
        left: 1%;
        bottom: auto;
        width: 300px;

        background-color: rgba(144, 176, 56, .85);
    }

    #carousel_CR_ET .carousel-caption.caption2 {
        top: auto;
        right: 1%;
        left: auto;
        bottom: 3%;
        width: 325px;

        background-color: rgba(63, 119, 137, .85);
    }

    #carousel_WF_NC .carousel-caption {
        top: 5%;
        right: 1%;
        bottom: auto;
        left: auto;
        width: 350px;

        background-color: rgba(101, 49, 143, .85)
    }

    #carousel_AS_SS .carousel-caption.caption1 {
        top: 3%;
        left: 3%;
        bottom: auto;
        right: auto;
        width: 280px;

        background-color: rgba(253,230,58,0.85);
    }

    #carousel_AS_SS .carousel-caption.caption1 h1 {
        color: #444444;
    }

    #carousel_AS_SS .carousel-caption.caption1 hr {
        border-top: 1px solid #444444;
    }

    #carousel_AS_SS .carousel-caption.caption1 p {
        color: #444444;
    }

    #carousel_AS_SS .carousel-caption.caption2 {
        top: auto;
        left: auto;
        bottom: 1%;
        right: 1%;
        width: 360px;

        background-color: rgba(95,138,177,0.85);
    }

    #carousel_CPP > img {
        width: 100%;
        height: 500px;
    }

    #carousel_CPP .carousel-caption {
        top: 1%;
        left: 5%;
        bottom: auto;
        right: auto;
        width: 350px;

        background-color: rgba(213,114,59,0.85);
    }

    /* NAV BAR */
    .divImage_CR {
        width: 65px !important;
        height: 65px !important;
    }

    .navImages p {
        font-size: 15px;
        color: #444444;
    }
    /* END NAV BAR */
    }

.laptop { position: absolute; z-index: 9999; right: 0; top:  0; }

.home-column { margin-bottom: 3%; }
.home-column p {font-family: 'Fira Sans', sans-serif;  font-size: 18px; line-height: 24px; font-weight: 300; font-style: italic;  color: #777; }
.home-column a, .home-column a:visited { font-size: 14px; font-weight: 700; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; }
.home-column a:hover {color: #256a9e;  }

.testimonial { border-bottom: 1px solid #d7d7d7; text-align:center; padding: 3% 0; margin-bottom: 3%; }
.testimonial blockquote { border: none; padding: 0; margin: 0 0 15px 0; }
.testimonial blockquote p { font-family: 'Fira Sans', sans-serif; font-weight: 300; color: #666;  font-size: 140%; line-height: 100%;  }
.testimonial blockquote footer { font-size: 14px; line-height: 16px;color: #6394c0; font-weight: 500; }
.testimonial blockquote footer cite { color: #00508d; font-size: 16px; }
.testimonial .quote-left { text-align: right;}
.testimonial .quote-right { text-align: left;}

.view-more { text-transform: uppercase; font-size: 14px; float: right; font-weight: 700; line-height: 14px; }

/*	SECONDARY PAGES TEMPLATE */

.sec-header h1 { border-bottom:  4px solid #9cc03e; margin-bottom: 2%; line-height: 34px; }

.breadcrumb { text-transform: uppercase; margin: 2% 0 .5% 0; padding: 0; font-size: 80%; }
.breadcrumb>.active {  color: #6394c0; }

p.sec-intro{ font-family: 'Fira Sans', sans-serif;  font-size: 24px; font-weight: 300; line-height: 32px; font-style: italic; color: #888; margin-bottom:  3%; padding-bottom: 1.75%; }
.sec-intro a {font-weight: normal;}
.sec-img-hdr { margin-bottom: 3%; }
.sec-banner { position: relative; z-index: 1; padding: 3.5% 4%;}
.sec-banner.sec-banner-2 { background-color: #00508d; background-color: rgba(0,80,141,0.85) }
.sec-banner p { font-family: 'Fira Sans', sans-serif;  font-weight: 300; line-height: 34px; font-style: italic; text-align: left; color: #FEFEFE}

.sec-banner.sec-banner-cr {
/*    background-color: #9cc03e; */
    background-color: rgba(156,192,62,0.85);
    color: #444444;
    margin-top: 17px;
    margin-left: -38px;
}

#page-benchmarks-cr h3 {
/*    color: #9cc03e; */
    color: rgba(156,192,62);
}

#page-benchmarks-cr .pageLogo {
    max-height: 60px;
}

#page-benchmarks-cr .pageImg {
    width: 750px;
    height: 100%;
    margin-left: 0;
}

.sec-banner.sec-banner-nc {
/*    background-color: #65318F; */
    background-color: rgba(101,49,143,0.85);
    color: white;
    margin-top: 30px;
    margin-left: 80px;
}

#page-benchmarks-nc h3 {
/*    color: #65318F; */
    color: rgba(101,49,143);
}

#page-benchmarks-nc .pageLogo {
    height: 100%;
    width: 350px;
}

#page-benchmarks-nc .pageImg {
    width: 700px;
    height: 100%;
    margin-left: -150px;
}

.sec-banner.sec-banner-et {
    background-color: rgba(58,162,203,0.85);
    color: white;
    margin-top: 100px;
    margin-left: 80px;
}

#page-benchmarks-et h3 {
    color: rgba(58,162,203);
}

#page-benchmarks-et .pageLogo {
    height: 100%;
    width: 260px;
}

#page-benchmarks-et .pageImg {
    width: 700px;
    height: 100%;
    margin-left: 10px;
}

.sec-banner.sec-banner-cpp {
    background-color: rgba(213,114,59,0.85);
    color: white;
    margin-top: 10px;
    margin-left: 75px;
}

#page-benchmarks-cpp h3 {
    color: rgba(213,114,59);
}

#page-benchmarks-cpp .pageLogo {
    height: 100%;
    width: 260px;
}

#page-benchmarks-cpp .pageImg {
    width: 650px;
    height: 100%;
    margin-top: -10px;
    margin-left: -75px;
}

.sec-banner.sec-banner-as {
    background-color: rgba(95,138,177,0.85);
    margin-top: 10px;
    margin-left: -150px;
    width: 660px;
}

.sec-banner.sec-banner-as p {
    color: white;
}

#page-benchmarks-as h3 {
    color: #00508d;
}

#page-benchmarks-as .pageLogo {
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100px;
    height: 93px;
}

#page-benchmarks-as .pageImg {
    width: 400px;
    height: 100%;
    margin-left: 75px;
}

.sec-banner.sec-banner-ss {
    background-color: rgba(253,230,58,0.85);
    margin-top: 50px;
    margin-left: -20px;
    width: 660px;
}

.sec-banner.sec-banner-ss p {
    color: #444444;
}

#page-benchmarks-ss h3 {
    color: rgba(95,138,177);
}

#page-benchmarks-ss .pageLogo {
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100px;
    height: 100px;
}

#page-benchmarks-ss .pageImg {
    width: 550px;
    height: 100%;
    margin-left: 75px;
}

.caption p { border-top: 1px solid #c0c0c0; font-size: 12px; font-style: italic; color: #999; text-align: right; }

/*	WHO WE HELP */
.table { margin-top: 2%; }
.table > thead > tr > th, table.table.dataTable > thead > tr > th { text-transform: uppercase; border-bottom: 2px solid #9cc03e; color: #286ea5; }

.peertable tr td { padding-left: 0 !important; }
.peertable tr td:not(:first-child) { text-align: center; }
.peertable tr:first-child { border-bottom: 2px solid #48ad8b; font-size: 16px; text-transform: uppercase; color: #00508d;  }
.peertable tr:first-child td {padding-bottom: 0; }

.featureBox {
    background: rgb(238, 238, 238);
    padding: 5px 10px;
    border: 1px solid rgb(204, 204, 204);
}
.featureBox ul {
    margin-bottom: 35px;
}

.divBenefits {
    background-image: url('/images/nccbp/benefits.jpg');
    background-repeat: no-repeat;
    width: 100%;
    height: 800px;
}

.sec-banner.sec-banner-benefits {
    position: absolute;
    top: 0;
    right: 0;
    background: rgb(155, 191, 61, 0.85);
    width: 660px;
}

.sec-banner.sec-banner-benefits ul {
    color: white;
    font-size: 23px;
}

.benefits {
    position: relative;
}
.benefits.sec-banner {
    background: rgb(155, 191, 61, 0.85);
    max-height: none;
    max-width: 50%;
    padding: 10px;
}

.benefits.sec-banner ul {
    color: #FFFFFF;
    padding: 0 15px;
}
.benefits.sec-banner li {
    margin-bottom: 13px;
}

.benefits.sec-banner ul, .benefits.sec-banner p {
    font-size: 9px;
}

/*  TIMELINE */
#timeline h4 {
    background-color:#0065a1;
    color: #FFFFFF;
    width: 20%;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    padding: 10px 1%;
    text-align:right;
    float: left;
    clear: none;
    margin:20px 0px;
}

#timeline p {
    width: 74%;
    float: left;
    padding: 0px 2%;
    margin: 15px 0px 20px 0px;
}

#timeline div {
    float: left;
    width:100%;
    border-bottom:1px solid #AAAAAA;
}

#firsttimediv {
    border-top:1px solid #AAAAAA;
}

#timeline2 h4 {
    background-color:#0065a1;
    color: #FFFFFF;
    width: 55%;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    padding: 3px 0;
    text-align: center;
    margin:10px auto;
}

#timeline2 div.row {
    margin-left: 0;
    width: 100%;
    border-bottom:1px solid #AAAAAA;
}

#timeline2 p {
    padding: 0px 2%;
    margin: 15px 0px 20px 0px;
}

/* RENEW PAGE */
.renewInfo .userGroup {
    margin-bottom: 25px;
}

.renewInfo .btn {
    margin-bottom: 10px;
}

/*	REPORTS */

@media print {
    .nationalReportChart {
        display: none;
        visibility: hidden;
    }
    .nationalReportChart.chartVisible {
        display: table-row;
        visibility: visible;
    }


}

.reports-body { margin-top: 25px; margin-bottom: 75px; }

.timeframe {
    color: #AAA;
    font-weight: normal;
    font-size: 66%;
}
blockquote { border: none; padding: 0; text-align: center; padding: 3.5% 5%; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; margin: 3% 0; }
blockquote p { font-family: 'Fira Sans', sans-serif; font-weight: 300; font-style: italic;  color: #666;  font-size: 150%; line-height: 100%;  }
blockquote footer { font-size: 11px; line-height: 13px;color: #6394c0; font-weight: 500; }
blockquote footer cite { color: #00508d; font-size: 12px; }

/*	FOOTER */
.footer { width: 100%; background-color: #555555; margin-top: 3%; }
.footer .container { padding-top: 16px; padding-bottom: 20px; }

/*
.footer-nav { text-align: right; margin: 5px 0; }
.footer-nav li { display: inline-block; font-size: 11px; font-weight: 400; line-height: 14px;  text-transform: uppercase; margin-left: 1.5%; letter-spacing: 1px; }
*/
.footer-nav li a, .footer-nav li a:visited {  color: #ebebeb; text-decoration: none;}
.footer-nav li a:visited:hover { color: #9cc03e; text-decoration: none; }
.footer-nav li a:hover { color: #9cc03e; text-decoration: none; }
.footer p { display: block; float: right; color: #ebebeb; font-size: 9px; line-height: 14px; letter-spacing: .5px; margin-top: 16px;}
.footer-nav .pull-right {
    float: none !important;
}

.socialButtons {
    padding-left: 40px;
}
.socialButtons img {
    width: 32px;
}
.socialButtons a {
    display: block;
    background: #666;
    width: 32px;
    float: left;
    margin: 0 15px 0 0;
}
.socialButtons a:hover {
    background: #888;
}

.socialButtons.institutePage {
    padding-left: 40%;
    padding-top: 40px;
    margin-bottom: 20px;
}
.socialButtons.institutePage img {
    width: 48px;
}
.socialButtons.institutePage a {
    width: 48px;
}

/* hide footer nav from phones */
.footer-nav {
    display: none;
}
/*
#headerButtons {
    position: absolute;
    right: 10px;
    width: 620px;
}
*/
.userMenu .nav {
    float: right !important;
}

.userMenu a img {
    height: 40px !important;
}

#headerLoginForm {
    display: none;
    padding-top: 15px;
    float: right;
    text-align: right;
    position:absolute;
    right: 10px;
    z-index: 1;
    width: 335px;
}

#headerButtons a:visited.btn {
    color: #FFF;
}

/* Hide the heading, forgot password link and errors */
#headerLoginForm h1, /*#headerLoginForm a,*/ #headerLoginForm .help-inline {
    display: none;
}

#headerLoginForm a {
    font-size: 8px;
    color: #CCC;
}
#headerLoginForm p {
    line-height: 8px;
    margin-right: 108px;
    margin-top: 57px;
}

#headerLoginForm form {
    margin: 0px;
}
#headerLoginForm dl {
    margin-bottom: 15px;
}

#headerLoginForm dt {

    display: none;
}

#headerLoginForm dd {
    float: left;
    width: auto;
    padding-top: 5px;
    margin: 0 5px;
}

#headerLoginForm dd input {
    width: 110px;
}

#headerLoginForm button {
    margin-top: 0px;
    text-transform: uppercase;
    background-color: #9cc03e;
    border-color: #9cc03e;
}


/* Admin navigation */
.adminNavigation {
    border: 1px solid #ccc;
    border-bottom: 2px solid #bbb;
    background: #ddd;
    padding: 0px;
    height: 45px;
}

.adminNavigation li {
    float: left;
    padding-left: 15px;
}
.adminNavigation h3 {
    width: 200px;
    float: left;
    line-height: 20px;
    margin: 10px;
}

.adminNavigation .nav {
    margin: 0px;
}


.report-nav {
    margin-bottom: 15px;
}

.benchmark-container .sec-banner p {
    font-size: 11px;
}


.submittedValues h3 {
    margin-top: 20px;
}

form h3 {
    margin-top: 40px;
}

#data-dictionary h3 {
    margin-top: 30px;
}

/* highlight form */
.control-group {
    padding: 10px;
    margin-bottom: 10px !important;
}
.subheading-description {
    font-style: italic;
    font-size: 90%;
}

/* cmsPage */
.cmsPage {
    padding: 0px 15px;
}

#controls-captcha {
    width: 465px;
    /*background-color: #FFF;*/
}



/* Member home page */
.sidebar {
    background-color: #0065a1;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-top:3px solid #0065a1;
    border-bottom:3px solid #0065a1;
    border-left:1px solid #0065a1;
    border-right:1px solid #0065a1;
    display:inline-block;
    padding:15px;
    margin-bottom:15px;
}

.sidebar h2 {
    color:#FFFFFF;
}

.sidebar h3 {
    color:#FFFFFF;
    line-height:125%;
}

.sidebar h4 {
    color:#FFFFFF;
}

.sidebarinset h4 {
    margin:0px;
}


.sidebar p {
    margin-top:10px;
    color:#FFFFFF;
}

.sidebar p a {
    color:#FFFFFF;
}

.sidebar p a:hover {
    color:#002c57;
}

.sidebarinset {
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-top:3px solid #0065a1;
    border-bottom:3px solid #0065a1;
    border-left:1px solid #0065a1;
    border-right:1px solid #0065a1;
    display:inline-block;
    margin-top:15px;
    padding:15px;
    background-color: #FFFFFF;
}

.sidebarinset h4 {
    margin:0px;
    color: #0065a1;
}

.sidebar .sidebarinset p {
    color:#000000;
}

.sidebar .sidebarinset a {
    color:#0065a1
}

.sidebar .sidebarinset p a:hover {
    color: #002c57;
}

.sidebar.sidebar-alt {
    background-color: #9cc03e;
    border-color: #9cc03e;
}
.sidebar .sidebarinset.sidebarinset-alt {
    border-color: #9cc03e;
}

/* Pills/tabs (for years, usuall */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: #00508d;
}

/* Navbar */
.navbar-toggle {
    border-color: #ddd;
    margin-top: 15px;
}
.navbar-toggle .icon-bar {
    background-color: #888;
}
.navbar-default {
    min-height: 0;
}

#actionItems {
    border-top: 1px solid #ddd;
    text-align: center;
}
header #actionItems .btn {
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-primary {
    background: #00508d;
    color: #F7F7F7;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 500;
}

.contact textarea {
    width: 98%;
}

form dd {
    margin-bottom: 15px;
}

.renew-nav, .join-nav {
    background: #9cc03e;
}
.navbar-default .navbar-nav > li.renew-nav > a, .navbar-default .navbar-nav > li.join-nav > a {
    color: white;
}




/* Forms */
input, textarea {
    display: block;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input[type=text] {
    height: 34px;
}
.controls label {
    font-weight: normal;
}
input:focus, textarea:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}


/* form styles from bootstrap 2 */
.form-horizontal .control-group {
    margin-bottom: 20px;
    *zoom: 1;
}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
    display: table;
    content: "";
    line-height: 0;
}
.form-horizontal .control-group:after {
    clear: both;
}
.form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right;
}
.form-horizontal .controls {
    *display: inline-block;
    *padding-left: 20px;
    margin-left: 180px;
    *margin-left: 0;
}
.form-horizontal .controls:first-child {
    *padding-left: 180px;
}


.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
    color: #c09853;
}
.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
    color: #c09853;
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
    border-color: #c09853;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
    border-color: #a47e3c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853;
}
.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
    color: #b94a48;
}
.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
    color: #b94a48;
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
    border-color: #953b39;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48;
}
.alert.alert-error input {
    border-color: #b94a48;
}
.alert.alert-error, .help-inline {
    color: #b94a48;
}

.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
    color: #468847;
}
.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
    color: #468847;
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
    border-color: #468847;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
    border-color: #356635;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847;
}
.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {
    color: #3a87ad;
}
.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
    color: #3a87ad;
}
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
    border-color: #3a87ad;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
    border-color: #2d6987;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
}
.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #3a87ad;
}

.radio {
    margin-left: 20px;
}

.nav-tabs {
    margin-bottom: 15px;
}

.sec-banner p {
    font-size: 16px;
    line-height: 1.3em;
}

#resources h4 {
    font-weight: bold;
}

/* Report overview slides */
#reports-slides .carousel-inner {
    max-width: 630px;
}

#reports-slides .carousel-caption {
    background-color: #666;
    background-color: rgba(10, 10, 10, 0.4);
    right: 0;
    left: 0;
    bottom: 0px;
    padding-bottom: 14px;
    color: #DDD;
}

#reports-slide-container .carousel-control.left,
#reports-slide-container .carousel-control.right {
    background-image: none;
}


/* Changes and errata */
.changes-body h2 {
    margin-top: 30px;
    float: left;
}

.changes-body h4 {
    margin-top: 30px;
    float: right;
}

.changes-body p {
    clear: both;
}


/* Other projects page */
#orgbox h2 {
    display: none;
}
#orgbox #cost-and-productivity img.img-responsive {
    height: 100px;
    width: 212px;
}

#orgbox div.col-md-4 {
    margin-bottom: 50px
}

#orgbox div.col-md-4 img {
    margin-bottom: 20px;
}

/* Impersonation */
.impersonation {
    margin-bottom: 20px;
    padding: 10px 20px;
    background: #DDD;
    border-top: 2px solid #0065a1;
    border-bottom: 2px solid #0065a1;
}

/* System college switching */
#system-admin-switch .btn {
    margin-left: 15px;
}
/* From pre-launch tweaks: */
.logo { text-align: left }
h3 { font-size: 16px; font-weight: bold; line-height: 18px; text-transform: uppercase; color: #9cc03e; margin: 0 0 5px 0; }
ul.benchmarks { margin-bottom: 25px; padding-left: 25px; }
ul.benchmarks li { line-height: 16px; margin-bottom: 8px }
.page-header {margin: 30px 0 5px 0; border-bottom: 0; padding-bottom: 0;}
.sec-banner { padding: 10px 13px 5px; }

/* Fancybox */
/*a.fancybox img {
    border: 3px solid transparent;
}
a:hover.fancybox img {
    border: 3px solid #9cc03e;
}*/
span.rollover {
    background:url(/images/mag.png) center center no-repeat #000;
    height: 346px;
    position: absolute;
    width: 347px;
    z-index: 10;
    -webkit-box-shadow: 0px 0px 4px #000;
    -moz-box-shadow: 0px 0px 4px  #000;
    box-shadow: 0px 0px 4px  #000;
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

#schedule-demo, #loginButton, #schedule-webinar, #confBtn {
    display: none;
}

#homepage-laptop {
    display: none;
}

.wrapper-slider p {
    margin: 15px;
}


.logo.col-xs-4 {
    width: 64%;
}
.headerLogin.col-xs-8 {
    width: 32%;
}

a.schedule-btn {background: #00508d; color: #F7F7F7; float: right;}
a.conf-btn {background: #9cc03e; color: #F7F7F7; float: right;}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

    #headerLoginForm {
        display: none;
    }

    a.schedule-btn, a.conf-btn {
        margin-right: 0;
    }

    .logo.col-xs-4 {
        width: 31%;
    }
    .headerLogin.col-xs-8 {
        width: 64%;
    }


    h1, .page-header h2 { font-size: 30px; }
    h2 { font-size: 20px; }

    #schedule-demo, #loginButton, #schedule-webinar, #confBtn {
        display: inline-block;
    }

    #actionItems {
        display: none;
    }

    .sec-banner p, .benefits.sec-banner p {
        font-size: 23px;
    }

    .benefits.sec-banner ul {
        font-size: 13px;
        padding: 15px 15px 15px 25px;
    }

    .benefits.sec-banner li {
        margin-bottom: 23px;
    }


    .benefits.sec-banner {
        max-width: 60%;
    }

    /* bigger screens get the horizontal menu */
    ul.navbar-nav > li {height:40px}
    .navbar-default .navbar-nav > li { display: inline-block;}

    .benchmark-container .sec-banner p {
        font-size: 25px;
    }


}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #headerLoginForm {
        display: none;
    }

    a.schedule-btn, a.conf-btn {
        margin-right: 0;
    }

    #homepage-laptop {
        display: block;
    }

    .wrapper-slider p {
        margin: 0 0 15px 0;
    }

    .sec-banner p, .benefits.sec-banner p {
        font-size: 28px;
    }

    .benefits.sec-banner ul {
        font-size: 23px;
    }

    .benefits.sec-banner {
        max-width: 50%;
        padding: 20px;
    }


    ul.navbar-nav {
        height: 40px;
    }

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

    #homepage-slide-container h1 { font-size: 17px; line-height: 20px;}
    #homepage-slide-container p { font-size: 15px; line-height: 20px; }

    #homepage-slides .carousel-caption {
        padding: 15px;
    }

    .bordered-center-col {
        height: 375px;
        border-left: 2px solid rgb(204, 204, 204);
        border-right: 2px solid rgb(204, 204, 204);
    }

    .bordered-left-col, .bordered-right-col {
        height: 375px;
    }


    .footer-nav { display: block; }
    .footer p { margin-top: 5px;}


}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #actionItems {
        display: none;
    }

    a.schedule-btn, a.conf-btn {
        margin-right: 20px;
    }
}

.progress .progress-bar {
    background: #0d87ce;
    background: -webkit-linear-gradient(#005799, #00508d);
    background: linear-gradient(#005799, #00508d);
}

#control-group-submitButton, #control-group-previewButton, #control-group-cancelButton {
    width: 32% !important;
}


/** Push footer to bottom, even on short pages */
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

html, body {
    min-height: 100vh;
    height: 100%;
}
#pageWrap {
    position: relative;
    min-height: 100vh;
    padding-bottom: 125px;
}