/* Minification failed. Returning unminified contents.
(1563,1): run-time error CSS1019: Unexpected token, found '}'
(1718,63): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
 */
/* 
Department of Education stylesheet
Version: 1.0
*/


.table-responsive a {
    text-decoration: underline;
}

a {
    color: #1f496e;
}

.normallink {
    text-decoration: underline;
}

.moreinfolink {
    font-size: small;
}

.uplink{
    margin-bottom: 25px;
}

/*  Whole Page  */
html, body {
    height: 100%;
    margin: 0;
}

body {
    background-color: #c7dce2;
    font-family: "proxima-nova";
    font-size: 16px;
}

.back-link {
    text-align: right;
    padding: 20px 5px;
}

    .back-link a {
        color: #FFF;
        font-size: 1.1em;
        font-weight: 600;
    }

    .back-link .fa {
        color: #fff !important;
        margin-right: 10px;
    }

main {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.blue-button {
    background-color: #03617A;
    color: #fff !important;
    padding: 15px 20px;
    border-radius: 5px;
    font-size: 16px;
    display: inline-block;
}

    .blue-button a {
        color: #fff;
        text-decoration: none;
    }

        .blue-button a :hover {
            text-decoration: none;
        }

/*TODO: STRANGE SCREEN SIZE - WHY IS THIS NEEDED?*/
@media only screen and (max-width: 1302px) {
    .blue-button {
        font-size: 14px;
    }
}

/*styles for all screens smaller than lg*/
@media only screen and (max-width: 1199px) {
    .blue-button {
        font-size: 16px;
    }
}

.blue-button:hover, .blue-button:active, .blue-button:focus {
    color: #FFF;
   
}

.col-wrap {
    display: flex;
    flex: 1;
    margin: 0;
}

.down {
    font-size: .7em;
}

/*.tooltip.right {
}*/

/*styles screens smaller than md*/
/*@media (max-width: 991px) {
    [data-toggle="tooltip"] {
    }
}*/

.white-box {
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #c8d7ea;
    margin-bottom: 30px;
    padding: 20px;
}

/*.white-box-CompareSearch {
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #c8d7ea;
    margin-bottom: 30px;
    padding: 20px;
    width: 1650px;
}*/
.white-box-CompareSearch {
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #c8d7ea;
    margin-bottom: 30px;
    margin-left:-170px;
    position:relative;
    float:left;
    padding: 20px;
    width: 1650px;
}
.white-box-Download {
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #c8d7ea;
    margin-bottom: 30px;
    padding: 20px;
    width: 1200px;
}
.alittleMore {
    height:900px;
}

.white-box.row {
    margin-right: 0;
    margin-left: 0;
}

.white-box-legend {
    font-size: small;
}

.white-box-legend-bottom-spacer {
    margin-bottom: 100px;
}

/* used to hold the toggle buttons so they look like they are part of the white-box below it */
.white-box-stack {
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #c8d7ea;
    margin-bottom: 0px;
    padding: 10px;
}

.btn-alt, .btn-alt:hover {
    color: #000000;
    background-color: #70C8B8;
    border-color: #70C8B8;
}


.btn-alt1, .btn-alt1:hover {
    color: #000000;
    background-color: #E0A624; /*used to be #c39072;*/
    border-color: #E0A624; /*used to be #c39072;*/
}

.moreInformation{
    font-size: 14px;
    color: #03617A;
}
.blu {
    /*color: #03617A;*/
    color: #03617A;
}


.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-alt,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-alt1 {
    color: #fff;
    background: #03617A;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-alt1,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-alt {
    color: #fff;
    background: #E0A624; /*used to be #c39072;*/
}



/*barcharts*/
.barLabel {
    margin-top: 8px;
    height: 18px;
    padding-bottom: 3px;
    margin-bottom: -10px;
}

.byAllStudents {
    height: 200px;
}

.navLinks {
    display: none !important;
}

    .navLinks.visible {
        display: block !important;
    }



h1, h2, h3, h4, h5, h6 {
    font-family: "proxima-nova";
    color: #03617A;
}

h1, h2 {
    color: #FFF;
}

h1 {
    font-size: 1.8em;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}

h2 {
    font-size: 1em;
    margin: 10px 0;
    text-transform: uppercase;
}

h3 {
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 600;
}

h4 {
    font-size: 1em;
    font-weight: 600;
}





/* Header  */
.info-banner {
    width: 100%;
    background-color: #03617A;
    color: #FFF;
    position: relative;
    padding-bottom: 60px;
}

.info-banner-sm {
    width: 100%;
    background-color: #c7dce2;
    color: #FFF;
    position: relative;
}

.locate .fa {
    color: #729bc3;
    margin-bottom: 10px;
    margin-right: 5px;
    font-size: 1.4em;
}

.info-banner a {
    color: #fff;
    text-decoration: underline;
}

.nav-container {
    position: relative;
}


/*styles for all screens smaller than lg*/
@media (max-width: 1199px) {
    .info-banner {
        padding-top: 100px;
        padding-bottom: 20px;
    }

    .navbar-header {
        float: none;
    }

    .spaceforsliver {
        margin-top: 40px;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

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

    .collapse.in {
        display: block !important;
    }
}

.navbar-nav .fa {
    color: #000000;
}


/*styles for xs only*/
@media (max-width: 967px) {
    .nav-container {
        margin-top: 30px;
    }

    .navbar-toggle {
        border: 2px solid #03617A !important;
    }

        .navbar-toggle .icon-bar {
            height: 3px !important;
            background-color: #03617A !important;
        }

            .navbar-toggle .icon-bar + .icon-bar {
                margin-top: 6px !important;
            }

    .info-banner {
        padding-bottom: 0;
        padding-top: 80px;
    }

    #school-info [class='col-sm-6']:first-of-type {
        margin-bottom: 40px;
    }
}



/*styles for lg only*/
@media (min-width: 1200px) {

    #main-nav {
        position: absolute;
        width: 100.1%;
        font-size: 1.2em;
        text-transform: uppercase;
        font-weight: bold;
        margin-top: 2%;
        padding: 0;
    }

    .navbar-collapse {
        padding: 0;
    }

    .navbar-header h3 {
        display: none !important;
    }
}

/*styles for md and lg only*/
@media (min-width: 992px) {
    .page-details-label-section {
        width: 500px;
    }
}


.navbar-header h3 {
    display: inline-block;
}

#main-nav a {
    text-decoration: none;
    padding-right: 15px;
    color: #03617A;
}

#main-nav .active a {
    border-bottom: 3px solid #f6e54d;
    background-color: #FFF;
    color: #337ab7;
}

#main-nav .active .dropdown-menu a {
    border-bottom: 0;
}

    #main-nav .active .dropdown-menu a:hover {
        background-color: #f5f5f5;
    }

/* Charts */
#barChart {
    font-weight: 600;
}

.barNegContainer .highcharts-point {
    stroke: #70C8B8;
    fill: #70C8B8;
}

/*this could be used as an alternative color 1*/
.barNegContainerAlt1 .highcharts-point {
    stroke: #E0A624; /*used to be #c39072;*/
    fill: #E0A624; /*used to be #c39072;*/
}

/*.barContainer .highcharts-series1 .highcharts-point {*/
.barContainer .highcharts-series-1 .highcharts-point {
    stroke: #70C8B8;
    fill: #70C8B8;
}

/*this could be used as an alternative color 1*/
.barContainerAlt1 .highcharts-series-1 .highcharts-point {
    stroke: #E0A624; /*used to be #c39072;*/
    fill: #E0A624; /*used to be #c39072;*/
}

/*.barContainer .highcharts-series1 .highcharts-point {*/
.barContainer .highcharts-series-0 .highcharts-point {
    stroke: #cfece7;
    fill: #cfece7;
}

/*this could be used as an alternative color 1*/
.barContainerAlt1 .highcharts-series-0 .highcharts-point {
    stroke: #f8ebce; /*used to be #f2e5dd;*/
    fill: #f8ebce; /*used to be #f2e5dd;*/
}


/* DataTable - START */
#perf-table {
    text-align: center;
}

    #perf-table a {
        text-decoration: underline;
    }

        #perf-table a:hover {
            color: #333;
        }

    #perf-table thead td {
        border-bottom: 1px solid #c4d7e9;
        position: relative;
        text-transform: uppercase !important;
        font-size: .8em;
        font-weight: 700;
    }

    #perf-table td {
        font-weight: 600;
        text-transform: uppercase;
        word-break: break-all;
    }

        #perf-table td strong {
            font-weight: 800;
        }

            #perf-table td strong.larger {
                font-size: 1.5em;
            }

        #perf-table td:first-of-type {
            text-align: left;
            border-left: 0;
            text-transform: none;
        }

    #perf-table tbody td:nth-of-type(even) {
        background-color: #f0f4f7;
    }

    #perf-table tbody td:empty {
        background-color: #fff;
        border-left: 0;
        border-right: 0;
    }

    #perf-table tbody tr:last-of-type td:not(:empty) {
        border-right: 1px solid #c4d7e9;
        border-bottom: 1px solid #c4d7e9;
    }

    #perf-table.dataTable.no-footer {
        border-bottom: 0;
    }

#school-table td {
    width: 20%;
    padding: 20px 20px 20px 40px;
}

    #school-table td:before {
        top: 20px;
    }
/* DataTable - END */




/* Interior  */
.interior main {
    padding: 40px 15px;
    min-height: 50vh;
}

/* Home Page Left  */
main {
    min-height: 95vh;
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.left {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.card-overview-index {
    width: 80%;
    margin: 5% auto 0;
    text-align: center;
    border-radius: 5px;
    flex-grow: 1;
}

.card-overview-other {
    text-align: center;
    border-radius: 5px;
    flex-grow: 1;
}

.card-overview-popup {
    width: 85%;
    margin: 5% auto 0;
    text-align: center;
    border-radius: 5px;
    flex-grow: 1;
}

/*styles for all screens smaller than lg*/
@media only screen and (max-width: 1199px) {
    .card-overview {
        margin: 5% auto 0;
    }
}

/*TODO - This is a strange screen size*/
@media only screen and (max-width: 1000px) {
    .card-overview {
        width: 95%;
    }
}

.card-heading {
    background-color: #03617A;
    color: #FFF;
    font-family: "proxima-nova";
}

    .card-heading h1 {
        margin: 0;
        font-family: "proxima-nova";
        font-size: 32px;
        line-height: 60px;
        font-weight: 600;
    }

/*styles for all screens smaller than lg*/
@media only screen and (max-width: 1199px), (max-height: 640px) {
    .card-heading h1 {
        font-size: 28px;
    }
}



/*styles for all screens smaller than lg*/
@media screen and (max-width: 1199px), (max-height: 640px) {
    .card-body {
        font-size: 14px;
        font-family: "proxima-nova";
    }
}

/*TODO - This is a strange screen size*/
@media screen and (max-width: 370px), (max-height: 640px) {
    .card-body {
        padding: 10px 30px 5px;
        font-family: "proxima-nova";
    }
}
.card-body {
    padding: 20px 60px 15px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #333333;
    background-color: #FFF;
    font-family: "proxima-nova";
}
.school-selector {
    margin: 50px 5px;
    display: inline-block;
    width: 100%;
}

/*styles for all screens smaller than lg*/
@media screen and (max-width: 1199px) {
    .school-selector {
        margin: 30px 5px;
    }
}

.school-search{
    background: #fffcc8;
    font-size: 14px;
}

.school-selector input {
    width: 100%;
    padding: 15px 10px;
    border: 0;
    float: left;
}

.school-selector img {
    margin-left: -30px;
    padding-top: 15px;
    padding-right: 10px;
}

.school-selector .text {
    margin-top: 15px;
}

.logonForm {
    padding-top: 15px;
}

.logonForm {
    margin: 0 auto;
    width: 80%
}

/*styles for all screens smaller than lg*/
@media screen and (max-width: 1199px) {
    .school-selector .text {
        margin-bottom: 15px;
    }
}

.school-selector .button {
    padding: 0;
}

.left-footer {
    align-self: flex-end;
    width: 100%;
    text-align: center;
    background-color: #FFF;
    font-size: 12px;
    padding: 25px 10px 0;
}

    .left-footer img {
        margin-bottom: 20px;
    }

/* Home Page Right - START */
/*.homepageRightContent {
    background-image: url('images/HeroImage_NEW.png');
    align-self: stretch;
    background-position: center;
    background-size: cover;
}*/

/* Home Page Right - START */
.homepageRightContent {
    background-image: url('images/HeroImage_NEW.png');
    align-self: stretch;
    background-position: center;
    background-size: cover;
}
/* Home Page Right - END */

/* Footer - START */
.left-footer, footer {
    align-self: flex-end;
    width: 100%;
    text-align: center;
    background-color: #FFF;
    font-size: 12px;
    padding: 25px 10px 0;
}

    .left-footer img, footer img {
        margin-bottom: 20px;
    }
/* Footer - END */

.tooltip {
    display: inline-block;
    opacity: 100;
    position: relative;
}

/*to show a tool tip remove this class from the element - leave in css as it is need to hide other tooltips*/
.tooltiphide {
    display: none;
}

.popoverhelptext {
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
}

.targetedsubgroupstext {
    font-size: smaller;
}

/* utilities - START */
.outline {
    border: 1px solid black;
}

.outlineRed {
    border: 1px solid red;
}

.outlineBlue {
    border: 1px solid blue;
}
/* utilities - END */


/*Search By District or School Name Bootstrap fix */
#rptPicka {
    position: absolute;
    width: 80%;
}

/*Search By District or School Name Bootstrap fix */
#rptPickaSearch {
    position: relative;
    width: 90%;
}

/*styles screens smaller than md*/
@media screen and (max-width: 991px) {
    #rptPicka {
        width: 90%;
        margin-left: 15px;
    }
}

#rptPicka .panel {
    /*border: none;*/
}

/*SCHOOL/DISTRICT DATATABLES STYLES - START*/
#findtargetSearch th.noSho, td.noSho {
    display: none;
}

#findtargetSearch th.smallersho, #findtargetSearch td.smallerSho {
    font-size: 12px;
    color: #505050;
}

#findtargetSearch th.smallSho, #findtargetSearch td.smallSho {
    font-size: 13px;
    color: #505050;
}

#findtargetSearch.dataTable.stripe tbody tr.odd, #findtargetSearch.dataTable.display tbody tr.odd {
    background-color: #BCD8E6;
}

    #findtargetSearch.dataTable.stripe tbody tr.odd.selected, #findtargetSearch.dataTable.display tbody tr.odd.selected {
        background-color: #96D1EF;
    }

#findtargetSearch.dataTable.hover tbody tr:hover, #findtargetSearch.dataTable.display tbody tr:hover {
    background-color: #BDE5F9;
}

    #findtargetSearch.dataTable.hover tbody tr:hover.selected, #findtargetSearch.dataTable.display tbody tr:hover.selected {
        background-color: #a9b7d1;
    }

#findtargetSearch.dataTable th.dt-left,
#findtargetSearch.dataTable td.dt-left {
    text-align: left;
    cursor: pointer;
}


/*SCHOOL/DISTRICT DATATABLES STYLES - START*/
#findtarget th.noSho, td.noSho {
    display: none;
}

#findtarget th.smallersho, #findtarget td.smallerSho {
    font-size: 12px;
    color: #505050;
}

#findtarget th.smallSho, #findtarget td.smallSho {
    font-size: 13px;
    color: #505050;
}

#findtarget.dataTable.stripe tbody tr.odd, #findtarget.dataTable.display tbody tr.odd {
    background-color: #BCD8E6;
}

    #findtarget.dataTable.stripe tbody tr.odd.selected, #findtarget.dataTable.display tbody tr.odd.selected {
        background-color: #96D1EF;
    }

#findtarget.dataTable.hover tbody tr:hover, #findtarget.dataTable.display tbody tr:hover {
    background-color: #BDE5F9;
}

    #findtarget.dataTable.hover tbody tr:hover.selected, #findtarget.dataTable.display tbody tr:hover.selected {
        background-color: #a9b7d1;
    }

#findtarget.dataTable th.dt-left,
#findtarget.dataTable td.dt-left {
    text-align: left;
    cursor: pointer;
}
/*SCHOOL/DISTRICT DATATABLES STYLES - END*/

/*style show/hide link initial used for demographics seciton on school summary*/
.showhide {
    font-size: smaller;
    text-decoration: underline;
    cursor: pointer;
}

/*Custom Error Page*/
.customError {
    color: #f00
}

/*Highchart Custom Styles - START*/

.studentCountsLabel {
    font-size: small;
    font-weight: 100;
}

.advancedlabeledbar1 {
    height: 400px;
}

.advancedlabeledbar2 {
    height: 400px;
}

.advancedlabeledbar3 {
    height: 400px;
}

.advancedlabeledbar4 {
    height: 450px;
}

.advancedlabeledbar5 {
    height: 500px;
}

.advancedlabeledbar6 {
    height: 600px;
}

.advancedlabeledbar7 {
    height: 700px;
}

.advancedlabeledbar8 {
    height: 775px;
}

.advancedlabeledbar9 {
    height: 825px;
}

.advancedlabeledbar10 {
    height: 850px;
}

.advancedlabeledbar11 {
    height: 900px;
}

.advancedlabeledbar12 {
    height: 1000px;
}

.advancedlabeledbar13 {
    height: 1050px;
}

.advancedlabeledbar14 {
    height: 1100px;
}

.advancedlabeledbar15 {
    height: 1200px;
}
.advancedlabeledbar16 {
    height: 1250px;
}
.advancedlabeledbar17 {
    height: 1300px;
}
.advancedlabeledbar18 {
    height: 1350px;
}
.advancedlabeledbar19 {
    height: 1400px;
}
.advancedlabeledbar20 {
    height: 1450px;
}
.advancedlabeledbar21 {
    height: 1750px;
}
.advancedlabeledbar22 {
    height: 1550px;
}
.advancedlabeledbar23 {
    height: 1600px;
}
.advancedlabeledbar24 {
    height: 1650px;
}
.advancedlabeledbar25 {
    height: 1700px;
}
.advancedlabeledbar26 {
    height: 1750px;
}
.advancedlabeledbar27 {
    height: 1800px;
}
.advancedlabeledbar28 {
    height: 1850px;
}
.advancedlabeledbar29 {
    height: 1900px;
}
.advancedlabeledbar30 {
    height: 1950px;
}
.advancedlabeledbar31 {
    height: 2000px;
}
.advancedlabeledbar32 {
    height: 2050px;
}
.advancedlabeledbar33 {
    height: 2100px;
}
.advancedlabeledbar34 {
    height: 2150px;
}
.advancedlabeledbar35 {
    height: 2200px;
}
.advancedlabeledbar36 {
    height: 2850px;
}
.advancedlabeledbar37 {
    height: 2300px;
}
.advancedlabeledbar38 {
    height: 2350px;
}
.advancedlabeledbar39 {
    height: 3100px;
}
.advancedlabeledbar40 {
    height: 2500px;
}
.advancedlabeledbar41 {
    height: 2550px;
}
.advancedlabeledbar42 {
    height: 2600px;
}
.advancedlabeledbar43 {
    height: 2650px;
}
.advancedlabeledbar44 {
    height: 2700px;
}
.advancedlabeledbar45 {
    height: 2750px;
}
.advancedlabeledbar46 {
    height: 2800px;
}
.advancedlabeledbar47 {
    height: 2850px;
}
.advancedlabeledbar48 {
    height: 2950px;
}
.advancedlabeledbar49 {
    height: 3000px;
}
.advancedlabeledbar50 {
    height: 3050px;
}

/*Highchart Custom Styles - END*/

.guidelinks h3 {
    margin: 0px 0px 0px 0px;
}


@media screen and (max-width: 767px) {
    .table-responsive {
        border: 0px;
    }
}

/*Make DIVs Scrollable - START*/
/*styles for xs only*/
/*@media screen and (max-width: 767px) {
    .divscrollcontainer {
        white-space: nowrap;
        overflow-x: auto;
    }

    .divscrollbox {
        width: 765px;
        display: inline-block;
    }
}*/
@media screen and (max-width: 767px) {
    .divscrollcontainer {
        white-space: nowrap;
        overflow-x: auto;
    }

    .divscrollbox {
        height:600px;
        width: 765px;
        display: inline-block;
    }
}
.draggable {
    cursor: move; /* fallback: no `url()` support or images disabled */
    cursor: url(images/grab.cur); /* fallback: Internet Explorer */
    cursor: -webkit-grab; /* Chrome 1-21, Safari 4+ */
    cursor: -moz-grab; /* Firefox 1.5-26 */
    cursor: grab; /* W3C standards syntax, should come least */
}

    .draggable:active {
        cursor: url(images/grabbing.cur);
        cursor: -webkit-grabbing;
        cursor: -moz-grabbing;
        cursor: grabbing;
    }
/*Make DIVs Scrollable - END*/

@media (max-width:1199px) {
    .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }
}

#searchModal .modal-body {
    background-color: #c7dce2;
}

#modalsearcherr {
    background-color: red;
    color: white;
    padding-left: 5px;
}

.modal-title {
    font-size: larger;
    font-weight: bold;
}


/* CUSTOM CHECKBOXES */
/* https://www.w3schools.com/howto/howto_css_custom_checkbox.asp */
/* Customize the label (the container) */
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .checkbox-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border: 2px;
    border-color: #000;
    border-style: solid;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}





/* STYLES FOR PRINTING */
@media print {

    /*hides the sliver section from being printed*/
    #iowa_sliver_spacer, #iowa_sliver {
        display: none;
    }

    /*hides the tooltip icons from being printed*/
    img {
        display: none;
    }

    /*hides the urls from links from being printed*/
    a[href]:after {
        display: none;
    }

    /*hides the having trouble section from being printed*/
    #info-links {
        display: none;
    }

    #hidden-compare-inputs {
        display: none;
    }
}





.reportTypeMenu {
    border: 2px solid #03617A;
    border-radius: 5px;
}

.reportTypeMenuAlt1 {
    border: 2px solid #E0A624; /*used to be #c39072;*/
    border-radius: 5px;
}

tbody td.font-bold {
    font-weight: bold;
}

.dataviewtoggle {
    margin-top: 12px;
}

div > .dataviewtoggle2 {
    margin-top: 12px;
}


/*Donut Chart Styles  (custom-charts.js)*/

.defaultDonutContainer {
    width: 100%;
    height: 200px;
    margin: 0 auto;
}

.btmDonutLabel {
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
    color: #666;
}

.btmDonutSubLabel {
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    color: #666;
}

.btmDonutLabel3 {
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    color: #666;
}


.donutInnerLabel {
    color: #333;
    font-family: "proxima-nova";
    font-weight: bold;
}

.donutInnerLabelUpper {
    font-size: 38px;
}

.donutInnerLabelLower {
    font-size: 11px;
}

.trendDonutInnerLabelUpper {
    font-size: 32px;
}

.trendDonutInnerLabelLower {
    font-size: 9px;
}
.remainderColor {
    background-color: #c7dce2;
}

.highcharts-color-20 {
    // remainder series color background-color: #c7dce2;
}

.overallgrade {
    font-size: large;
    font-weight: 800;
    color: #fff;
    background-color: #7c7c7c; /*used to be #c3b872;*/ 
    text-transform: uppercase;
    height: 48px;
    padding-top: 12px;
    margin-bottom: 30px;
}



/*PIE CHART ALT COLORS*/
.chartContainerAlt .highcharts-container > svg > g.highcharts-series-group > g.highcharts-series.highcharts-series-0.highcharts-pie-series.highcharts-tracker > path:nth-child(1) {
    fill: #E0A624; /*used to be #c39072;*/
}

.chartContainerAlt div[id^='highcharts-'] > svg > g.highcharts-series-group > g.highcharts-series.highcharts-series-0.highcharts-pie-series.highcharts-tracker > path:nth-child(1):hover {
    fill: #E0A624; /*used to be #c39072;*/
}

.chartContainerAlt div[id^='highcharts-'] > svg > g.highcharts-series-group > g.highcharts-series.highcharts-series-0.highcharts-pie-series.highcharts-tracker > path:nth-child(2) {
    fill: #f8ebce; /*used to be #f2e5dd;*/
}

    .chartContainerAlt div[id^='highcharts-'] > svg > g.highcharts-series-group > g.highcharts-series.highcharts-series-0.highcharts-pie-series.highcharts-tracker > path:nth-child(2):hover {
        fill: #f8ebce; /*used to be #f2e5dd;*/
    }

.chartContainerAlt div[id^='highcharts-'] svg > g.highcharts-series-group > g.highcharts-series.highcharts-series-0.highcharts-pie-series.highcharts-tracker > path:nth-child(3) {
    fill: #f8ebce; /*used to be #f2e5dd;*/
}

    .chartContainerAlt div[id^='highcharts-'] svg > g.highcharts-series-group > g.highcharts-series.highcharts-series-0.highcharts-pie-series.highcharts-tracker > path:nth-child(3):hover {
        fill: #f8ebce; /*used to be #f2e5dd;*/
    }


.txtSize {
    font-size: 22px;
    font-weight: bold;
    font-family: "proxima-nova";
}

.form-control {
    font-size: 14px;
}

.txtUp {
    padding-bottom: 41px;
    top: 2px;
    font-size: 20px;
    font-weight: bold;
    font-family: "proxima-nova";
}

/*CompareAll ScatterPlotChart (bubble) view*/


.btnGo {
    margin-top: 15px;
    height: 35px;
    padding-top: 4px;
}

.compareAllReload {
    margin-top: 5px;
    height: 35px;
    padding-top: 4px;
}

.compareAllKeys {
    font-size: 10px;
    width: 40px;
}

.compareAllKeyBox {
    text-align: center;
}



.dublelinedivider {
    border: 0;
    margin: 30px 0 30px 0;
    height: 4px;
    border-top: #ddd 1px solid;
    border-bottom: #ddd 1px solid;
    text-align: center;
    position: relative;
    clear: both;
}

    .dublelinedivider > .fa {
        color: #bbb;
        background: #fff;
        text-align: center;
        display: inline-block;
        height: 50px;
        line-height: 50px;
        text-align: center;
        width: 50px;
        font-size: 20px;
        position: absolute;
        top: -25px;
        left: 50%;
        margin: 0 auto 0 -25px;
    }

.bs-callout {
    clear: both;
    position: relative;
    overflow: hidden;
    background: #ddd;
    margin: 30px 0;
    padding: 36px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}


a .panel-heading {
    background-color: rgb(243, 243, 243);
    color: #333;
    font-weight: bolder !important;
}

.about p a {
    text-decoration: underline;
}

.aboutmeasurestbl td {
    padding: 5px;
    vertical-align: top
}

/*HighChart Defaults (all charts)*/

.highcharts-root {
    background-color: #ffffff;
    background: #ffffff;
    font-family: proxima-nova, Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #03617A;
}

.highcharts-container text {
    cursor: default;
}

.highcharts-container a {
    text-decoration: underline;
}
/* Colors for data series and points.*/


.highcharts-credits {
    display: none;
}


.panel-fullscreen {
    display: block;
    z-index: 9999;
    position: fixed !important;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
    background-color: #fff;
}

.fullscreen-btn {
    float: left;
}


.container_ScatterPlot {
    /*min-width: 310px;
    max-width: 800px;
    height: 500px;
    max-width: 100%;*/
    margin: 0 auto;
    background: #ffffff;
}
/*This will make ALL Highcharts legends show a default arrow cursor rather than a pointer becase we have disabled the click event so don't want to show the pointer cursor*/
div[id^="highcharts"] > svg > g.highcharts-legend > g > g > g > text {
    cursor: default !important;
}

}
/*This will make ALL Highcharts legends show a default arrow cursor rather than a pointer becase we have disabled the click event so don't want to show the pointer cursor*/
div[id^="highcharts"] > svg > g.highcharts-legend > g > g > g > text {
    cursor: default !important;
}

.guidelinktext {
    text-transform: none;
    text-align: right;
}

.displaytypeexplanation {
    padding-left: 2em;
    padding-right: 2em;
    font-size: smaller;
    font-style: italic;
    text-align: center;
}


#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

    #myBtn:hover {
        background-color: #555; /* Add a dark-grey background on hover */
    }

.accountabilityColor {
    color: #c7dce2;
    background-color: #03617A;
    font-weight: 800;
    padding: 4px 4px 4px 4px;
}

.indepthColor {
    color: #fff;
    background-color: #E0A624; /*used to be #c39072;*/
    font-weight: 800;
    padding: 4px 4px 4px 4px;
}

.assessedColor {
    color: #fff;
    background-color: #E0A624; /*used to be #c39072;*/
    font-weight: 800;
    padding: 4px 4px 4px 4px;
}

.notassessedColor {
    color: #fff;
    background-color: #E0A624; /*used to be #c39072;*/
    font-weight: 800;
    padding: 4px 4px 4px 4px;
}
.fullscreenlnk {
    font-size: x-small;
}

.vertbtngrp {
    vertical-align: top;
}

.oaTable {
    border: 1px solid #0C3F8A;
    font-family: "proxima-nova";
    font-size: 16px;
    border-collapse: collapse;
    width: 100%;
  
}
.oaTH {
    background-color: #03617A;
    text-align: left;
    padding-left: 5px;
    color: white;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #0C3F8A;
}
.oaTD {
    text-align: left;
    padding-left: 5px;
    border: 1px solid #0C3F8A;
}

tr:nth-child(even) {
    /*background-color: #dddddd;*/
    background-color: #c7dce2;
}

.upupComeOnUp {
    margin-top: -58px;
}
.upComeOnUp {
    margin-top: -47px;
}

.pickaPicka{
    position:relative;
}
.panel-group{
    margin-bottom:5px;
}
.overallPerformanceTop{
    margin-top:350px;
    width:auto;
}
.searchCompare{
    font-size: 12px;
}
.centWap{
    text-align:center;
}
.centInner{
    display:inline-block;
    width:100%;
}
.searchmodallinky{
    width:100%;
    text-decoration:underline;
    cursor:pointer;
    font-weight: bold;
}

.tophatRow {
    background-color: #171818 !important;
    line-height: 2.6rem !important;
    height: 48px !important;
    color: white !important;
    font-family: "Work Sans",Arial,Helvetica,sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.tophatSpacer {
    margin-right: 25px !important;
}

.tophatLink {
    color: white !important;
}

    .tophatLink:hover {
        color: white !important;
        -webkit-text-decoration: underline solid .125rem var(--color-white) !important;
        text-decoration: underline solid 0.125rem white !important;
        text-underline-offset: 0.25rem !important;
        transition: color .12s ease-in,text-decoration-color .12s ease-in !important;
    }

.navbar-fixed-top, .fixed-top {
    top: 0 !important;
}

.tophatRow.row {
    margin-left: -12px !important;
    margin-right: -12px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.tophatFontWeight700 {
    font-weight: 700;
}