:root {
    --school: #00008B;
    --district: #6699CC;
    --state: #D0E8F2;

    /*    Blue (dist ONLY: accredited with distinction)*/
    --pfblue: #F6F6F6;
    /*    Green (dist: accredited, school: performance)*/
    --pfgreen: #8ABD83;
    /*    Yellow (dist: accredited with improvement, school: improvement)*/
    --pfyellow: #F2D97E;
    /*    Orange (dist: accredited with priority improvement, school: priority improvement)*/
    --pforange: #F6AF69;       
    /*    Red (dist: accredited with turnaround, school: turnaround)*/
    --pfred: #EA888A;                 
    /*    Gray (dist: accredited with insufficient state data, school: insufficient state data)*/
    --pfgray: #CEC7C4;

}


      /*Color options*/

        /*Blue, yellow, orange
        R - 44, G - 51, B - 132 (#2c3384)
        R - 248, G - 179, B - 51 (#f8b333)
        R - 239, G - 117, B - 33 (#3f7521)*/

        /*Purple, light green, blue
        R - 109, G - 59, B - 93 (#6d3b5d)
        R - 163, G - 210, B - 131 (#a3d282)
        R - 72, G - 139, B - 201 (#90c8e7 - formerly #488bc9)
          (A super-light blue that has more greyscale contrast with the green district color is #C8E3F4)
        */

        /*Dark blue, light blue, green
        R - 44, G - 51, B - 132 (#2c3384)
        R - 144, G - 200, B - 231 (#90c8e7)
        R - 37, G - 165, B - 74 (#25a54a)*/

        /*Teal, cream, green
        R - 15, G - 110, B - 114 (#0f6e72)
        R - 254, G - 207, B - 133 (#FECF85)
        R - 134, G - 190, B - 64 (#86be40) */

         /* Blue v1: Dark blue, medium blue, light blue
        #00008B
        #6699CC
        #D0E8F2*/

        /* Blue v2: Light blue, medium blue, dark blue
        #ADD8E6
        #0000CD
        #00008B*/
}


body {
  font-family: "SourceSansProRegular",Arial,sans-serif;
  line-height: 1.25em;
  color: #333333;
  font-size: 14px;
  padding-bottom: 30px;
}

div.container {
  border: 2px solid #d0d2d2;
  padding: 0px;
}

/*Text align*/
      .rteright {
        text-align: right;
      }

      .rteleft {
        text-align: left;
      }

      .rtecenter {
        text-align: center;
      }

/*Text indent*/
      .rteindent1 {
        margin-left: 30px;
      }

      .rteindent2 {
        margin-left: 60px;
      }

      .rteindent3 {
        margin-left: 90px;
      }     

/*Link text decoration*/
      .textdecorationnone {
         text-decoration: none;
      }

      .textdecorationunderline {
         text-decoration: underline;
      }

/*CDE page header*/
      #cdepageheader {
      background-image: url("../images/bg-header01.gif");
      background-position: left top;
      background-repeat: repeat-x;
      }

      #cdepageheader #headcol1 img {
      margin-bottom: 22px;
      margin-left: 24px;
      margin-top: 33px;
      }

      #cdepageheader #headcol2 img {
      margin-bottom: 22px;
      margin-right: 24px;
      margin-top: 19px;
      text-align : right;
      }

      #cdepageheader #headcol2 {
      padding-top: 41px;
      padding-right: 62px;
      font-size : 1.3em;
      text-align : center;
      }

      #cdepageheader #headcol2 p {
      color: #5c6670;
      }

      #toppagebar {
        background-color: #5e6871;
        margin: 0px;
      }

      .toppagebartext {
        margin: 10px;
        text-align: right;
      }
      .toppagebarlink {
        color: #FFFFFF;
      }

      .contactus {
        font-size: 14px;
      }

#maincontent {
padding : 0px 20px 20px 20px;
}

.skip-to-main-content-link {
  position: absolute;
  left: -9999px;
  z-index: 999;
  padding: 1em;
  background-color: white;
  color: black;
  opacity: 0;
}
.skip-to-main-content-link:focus {
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
}

#bottomnav {
margin-top: 20px;
}

h1 {
color: #1c3467;
font-family: "MuseoSlabRegular","SourceSansProRegular",Arial,sans-serif;
font-size: 19pt;
font-weight: normal;
}

h2 {
color: #000000;
font-family: "MuseoSlabRegular","SourceSansProRegular",Arial,sans-serif;
font-size: 16pt;
font-weight: normal;
}

h3 {
color: #000000;
font-family: "MuseoSlabRegular","SourceSansProRegular",Arial,sans-serif;
font-size: 14pt;
font-weight: normal;
margin-top: 0px;
}

/*Museo Slab*/
@import url('https://fonts.cdnfonts.com/css/museo-slab-500');

.pull-left {
    padding-right: 20px;
}

.hr-smallspacing {
	margin: 4px;
}

.notbold h2 h3 {
	font-weight: lighter;
}

.morebold h2 h3 {
	font-weight: bolder;
}

ul.nav-tabs {
	overflow: inherit;
}

li.activestandard {
	font-weight: bold;
}

.table.table-bordered {
	border :  1px solid #000000;
	}

th {
    background-color:#d9edf7;
	color : #31708f;
	font-size : 11px;
}

.budgettable td {
	font-size : 11px;	
}

.budgettable td.nullcell {
	background-color:#f5f5f5;
}

.schoollisttable td {
	font-size : 11px;	
}

.schoollisttable td.nullcell {
	background-color:#f5f5f5;
}

/*Frameworks modal popup methodology table styles*/

  /*Overall styling of header row*/

      .frameworkstable th {
        background-color:#CCCCCC;
        color: #000000;
        text-align: center;
      }

      .frameworkstable td:first-child {
        background-color:#CCCCCC;
        color: #000000;
        text-align: left;
      }

/*  Exceeds row (blue)*/

      .frameworkstableexceeds td {
        background-color:#DEEAF6;
        text-align: center;
      }

      .frameworkstableexceeds td:first-child {
        background-color:#DEEAF6;
        text-align: left;
      }

  /*  Meets row (green)*/

      .frameworkstablemeets td {
        background-color:#E1EED9;
        text-align: center;
      }

      .frameworkstablemeets td:first-child {
        background-color:#E1EED9;
        text-align: left;
      }

  /*  Approaching row (yellow)*/

      .frameworkstableapproaching td {
        background-color:#FFF1CC;
        text-align: center;
      }

      .frameworkstableapproaching td:first-child {
        background-color:#FFF1CC;
        text-align: left;
      }

  /*  Does not meet row (red)*/

      .frameworkstabledoesnotmeet td {
        background-color:#FFCCCC;
        text-align: center;
      }

      .frameworkstabledoesnotmeet td:first-child {
        background-color:#FFCCCC;
        text-align: left;
      }



.nowrap {
	white-space: nowrap;
	}	

.popover-example .popover {
	position: relative;
	display: block;
	margin: 20px;
}

.popover-student {
    background-color:#9fd9b4;
}

.popover-teacher {
    background-color:#b9d9ec;
}

.indentedblock {
	margin: auto 20px auto 20px;
}

body.modal-open {
    overflow: visible;
}

.centered.img-responsive {
    margin: 0 auto;
}

#activityItemStatus {
	display: none;
}

#reviewCommentStatus {
	display: none;
}

.emptyitem {
	background-color: #ffe1e1;
}

#addEditCharterStatus {
	display: none;
}

#addEditDelinquentStatus {
	display: none;
}

#addEditNeglectedStatus {
	display: none;
}

#addEditNonPublicStatus {
	display: none;
}

#addEditPublicStatus {
	display: none;
}

.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 #cccccc;
}

.table > tbody > tr > td.nonPublicT1 {
	border-top : 1px solid #eeeeee;
}

.hrwell {
	border : 1px solid #cccccc;
}

.label {
    font-size: 110%;
}

.btn-default.active, .btn-default:active {
    background-color: #8bf84a;
}

.btn-default.active.ns-btn, .btn-default.active.sw-no, .btn-default:active {
    /*background-color: #ececec;*/
	background-color: #8bf84a;
}

.narrativeblock {
	border : 1px solid #cccccc;
	padding : 15px;
}

.printsection {
	page-break-before: always;
}

.well.gle {
	background-image: -webkit-linear-gradient(top,#075187 0,#f5f5f5 100%);
	background-image: -o-linear-gradient(top,#075187 0,#f5f5f5 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#075187),to(#f5f5f5));
	background-image: linear-gradient(to bottom,#075187 0,#f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff075187', endColorstr='#fff5f5f5', GradientType=0);
	background-repeat: repeat-x;
	border-color: #dcdcdc;
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);
}

.nocommentbtn {
	display : none;
}

#budgetItemStatus {
	display: none;
}

.notDisplayed {
	display: none;
}

.fundstable th{
	font-size: 10pt;
	color: #000000;
}

th.dollarLabel {
	text-align: right;
}
td.dollarValue {
	text-align: right;
}

.fundstable td {
	font-size: 10pt;
}

.fundstable {
	margin-bottom: 40px;
}

.reviewblock {
	margin-top: 20px;
	background-color: #b2dfdc;
	background-image: none;
	margin-bottom:20px;
}

.feedbackblock {
	margin-top: 20px;
	background-color: #f2dede;
	background-image: none;
	margin-bottom:20px;
}

.spacedbullets li {
    margin-top: 8px;
}

.lockedTextArea {
  border : 1px solid #cccccc;
  padding : 10px;
  margin : 10px;
}


.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-menu {
  width: 422px;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  /* border: 1px solid #ccc; */
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.typeahead, .typeaheadhp {
  padding: 20px;
  padding-left: 35px;
  width: 300px;
  font-size: 15px;
  background-image: url('/schoolview/explore/images/search.svg');
  background-repeat: no-repeat;
  background-position: 12px center;
}

/*For welcome page search box only*/
.typeaheadhome, .typeaheadhphome {
  padding: 20px;
  padding-left: 35px;
  width: 340px;
  height:60px;
  font-size: 15px;
  background-image: url('/schoolview/explore/images/search.svg');
  background-repeat: no-repeat;
  background-position: 12px center;
}

.placeholdertexthome {
  font-size: 1.2em;
}

#the-basics .tt-menu {
  max-height: 150px;
  overflow-y: auto;
}

.well.affix {
  margin-top: -100px; 
  width : 260px;
}

#mainNavSidebar.affix {
  margin-top: -100px; 
  width : 260px;
}


a.activeMenu {
	font-weight: bold;
}

.panel-body {
	padding: 0px;
}

.panel-heading {
  font-size: 20px;
}

.faqpanel {
  margin: 20px;
}

.faqquestiontext {
  font-weight: bold;
  margin:3px;
}

.faqtextqa {
  font-size: 18pt;
  font-weight: bold;
  margin-right: 7px;
  color: #2c3384;
}

.well h1 {
	margin-top: 10px;
	font-size: 16pt;
}

.tt-suggestion {
  text-align: left;
  cursor: pointer;
}

.tt-menu .tt-suggestion:hover {
  background-color: #e1e8ee;
}

.tt-highlight {
  background-color: #ccf3f9;
}

.tableauPlaceholder {
  border : 2px solid #cccccc;
  /*padding: 10px;*/
}


/*Main Nav*/
    #mainNavContainer ul {
      margin-left : 20px;
      padding-left : 0px;
    }

    .navtext li {
      font-size: 15px;
    }

.baseData {
	display: none;
}

.activeBaseData {
	display: block;
}

.subjectHeader {
  font-size: 15px;
  font-weight : bold;
}

/*
	Browse by District
*/
.show-content {
  display: block;
}

.hide-content {
  display: none;
}

.icon {
  display: inline-block;
  position: relative;
  top: -0.1em;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

.browseDistrictPadding {
  padding-right: 15px;
  padding-left: 15px;
}

.btn_expand:focus, .btn_expand:hover {
  background-color: transparent;
  text-decoration: underline;
}
.btn_expand {
  padding: 5px;
  line-height: inherit;
  color: #0054AD;
  text-align: inherit;
}
.expandLink {
    font-weight: 700;
}

/*Header school/district address*/

      .address {
        font-weight: 700;
        line-height: 1.3;
      }

      .address-locale, .address-street {
        display: block;
        color: #555;
        font-size: 1.1rem;
      }

      .address-name {
          display: block;
          color: #5770aa;
      }

/*District list hide/show buttons on welcome page*/

      .btn_ft {
          display: inline-block;
          vertical-align: middle;
          padding: 0.41em 0.75em;
          border: 2px solid transparent;
          border-radius: 0.25rem;
          outline: none;
          font-size: 16px;
          line-height: 1.2;
          text-align: center;
          white-space: normal;
          cursor: pointer;
          transition: background-color .25s ease,color .25s ease,border-color .25s ease;
          font-weight: 700;
      }

      .drawer-close-btn {
        background-color: #555;
        border-radius: 5%;
        width: 3rem;
        color: #fff;
      }

      .drawer-close-btn:hover {
        color: #555;
        background-color: #a7a8aa;
      }

/*Data table styling*/

      .pdrdatatable th {
        color: #000000;
        background-color: #ececec;
        white-space: nowrap;
      }

      .pdrdatatable td {
        white-space: nowrap;
      }

      .pdrdatatable2 th {
        color: #000000;
        background-color: #ececec;
        white-space: nowrap;
      }

      .pdrdatatable2 td:first-child {
        white-space: nowrap;
        text-align: left;
      }

      .pdrdatatable3 th {
        color: #000000;
        background-color: #ececec;
        white-space: nowrap;
      }

      .pdrdatatable3 td:first-child {
        white-space: nowrap;
        text-align: left;
      }

      .pdrdatatable3 td {
        text-align: left;
        font-weight: normal;
      }


/*Profile page narrative section - hide full narrative by default*/
      #readmore {
        display: none;
      }

      .moreinfotext {
         text-align:center;
         margin-top:30px;
      }

      .smalltext {
         text-align:center !important;
         font-size:15px !important; 
         margin-top:10px !important;
         font-weight: bold !important;
      }

      .smallwhitespacemoreinfo {
         margin:-14px 0px 10px 0px;
      }

      .smallwhitespacebody {
         margin:-20px;
      }

/*Hide Google Translate code for charts*/

      .chartText {
        height : 0px;
      }
      .chartText div{
        visibility: hidden;
      }

/*Below-nav content*/

      .schoolviewicons {
        display:block; 
        margin:auto;
      }

      .schoolviewiconsrow {
        margin-top:20px;
      }

      .schoolviewiconstext {
        font-size: 9pt;
        font-weight: bold;
        line-height: 1.25em;
        font-family: 'Museo Slab 500', sans-serif;
      }

      .schoolviewiconslink a {
         text-decoration: none;
         color: #2c3384;
      }

      .frameworksdashboardscursor {
        cursor: pointer;
      }

      .buildsublinktext {
        color:#cbc4c1;
      }

/*Colors for frameworks      */

    .frameworksblue {
        background-color: var(--pfblue);
      }

    .frameworksgreen {
        background-color: var(--pfgreen);
      }

    .frameworksyellow {
        background-color: var(--pfyellow);
      }

    .frameworksorange {
        background-color: var(--pforange);
      }

    .frameworksred {
        background-color: var(--pfred);
      }

    .frameworksgray {
        background-color: var(--pfgray);
      }


/* Colors for location - school, district and state - used sitewide in cards and elsewhere */

    /*School location color*/

      .schoolcolor {
        border-color: #e8e8e8;
      }
      .schoolcolor .panel-heading {
        background-color: var(--school);
      }
      .schoolcolor .panel-title {
        text-align:center;
        color: #FFFFFF;
      }
      .schoolcolor .panel-body {
        text-align:center;
        font-size:30px;
        margin:20px;
        font-weight:bold;
      }

    /*District location color*/

      .districtcolor {
        border-color: #e8e8e8;
      }
      .districtcolor .panel-heading {
        background-color: var(--district);
      }
      .districtcolor .panel-title {
        text-align:center;
        color: #FFFFFF;
      }
      .districtcolor .panel-body {
        text-align:center;
        font-size:30px;
        margin:20px;
        font-weight:bold;
      }

    /*State location color*/

      .statecolor {
        border-color: #e8e8e8;
      }
      .statecolor .panel-heading {
        background-color: var(--state);
      }
      .statecolor .panel-title {
        text-align:center;
      }
      .statecolor .panel-body {
        text-align:center;
        font-size:30px;
        margin:20px;
        font-weight:bold;
      }

      .faqstate {
        background-color: var(--state);
      }



/*      NO school location selected - grey transparent color*/

      .noschoolcolor {
        border-color: #e8e8e8;
      }
      .noschoolcolor .panel-heading {
        background-color: #e8e8e8;
        opacity: 0.5;
      }
      .noschoolcolor .panel-title {
        text-align:center;
        color: #000000;
      }
      .noschoolcolor .panel-body {
        text-align:center;
        font-size:16px;
        margin:20px;
      }

      .noschoolcolorprofile {
        text-align:center;
        font-size:20px;
        font-weight: bold;
        margin:20px;
      }

/*Participation rate text for charts*/

      .assessmentparticipation {
        font-weight: bold !important;
        font-size: 0.8em;
      }

/*Participation rate and other text for cards*/

      .cardtextsmall {
        font-size:11pt;
      }


      .cardtextsmallnobold {
        font-size:11pt;
        font-weight: normal;
      }

/*Smaller padding for headings above cards*/

      .headingcardpadding {
        margin-top: 0px;
      }

/*Chart tab border styling*/

      .navpillstyle {
        border-bottom:1px solid #337AB7;
        margin-top:10px;
      }

/*Historical data section - styling for one and 2 column layouts*/

      .historicaldatastylecol1 {
         margin: 20px 5px;
      }

      .historicaldatastylecol2 {
         margin: 20px 5px;
         padding: 0px 10px;
      }

/*Divider between grades with anchor*/

      .gradedividerstyle {
        margin:10px;
      }

/*Spacing between data table and chart above*/

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

/*Increase size of Highcharts text on hover / tooltip */

      .highchartstooltiptext {
        font-size:11pt;
      }

/*Glyphicon or other icon spacing when used next to text*/

      .iconmarginleft {
        margin-left:3px;
      }

      .iconmarginright {
        margin-right:3px;
      }


/*SchoolView Legend Styles*/

      .legendborder {
        border: 1px solid #E9E9E9;
        padding: 18px;
        margin: 20px 5px 25px 5px;
        border-radius: 10px;
      }

      .legendlocationtext {
        font-size: 11pt;
        margin: 7px 0px 15px 10px;
      }

      .legendlocationcircleschool {
        background-color: var(--school);
        width: 30px;
        height: 30px;
        text-align: center;
        padding: 5px;
      }

      .legendlocationcircledistrict {
        background-color: var(--district);
        width: 30px;
        height: 30px;
        text-align: center;
        padding: 5px;
      }

      .legendlocationcirclestate {
        background-color: var(--state);
        width: 30px;
        height: 30px;
        text-align: center;
        padding: 5px;
      }

      .legendsuppressionlabelsmargin {
        margin-top:15px;
      }

      .legendsuppressionlabels {
         font-size:11pt;
      }

      .legendsuppressiontext {
         font-size:10pt;
         margin-left:5px;
      }

      .legendinfoiconmargin {
        margin: 15px -3px -3px;
      }

      .legendtitlemargin {
        margin-bottom: 15px;
      }

      .bodylegendnote {
        margin-bottom: 25px;
        font-size: 9pt;
      }





/*Exploring code to swap display of page title and page header so that h1 is at the top of the page*/

/*@media screen and (max-width:300px){
  #parent{
    display:flex;
    flex-flow: column;
  }

  #pageTitle{order:2;}
  #headerContent{order:1;}

}*/