/*-----------------------------------------------*
  Report: State Accountability Data Dashboard CSS
  Module: All 
*-----------------------------------------------*/

/*                                  Main app -- begin                                  */
body{
  background-color: #ececec;
  font-family: Arial, sans-serif;  /*"Helvetica Neue", Helvetica, */
  color: #000;
}

a, .expandAllToggle, .indLegends  { text-decoration: underline; }
.sec-title>a, .panel-heading>a, .panel>a { text-decoration: none; }
.panel-heading>a:hover, .panel>a:hover { text-decoration: underline; }

#app {
  color: #000000;
  background-color: #ffffff;
  padding: 15px 45px 10px 45px;
  width: 990px;
  margin: 0px auto;
}

.row-spacer {
  height: 10px;
}

.row-spacer-big {
  height: 20px;
}
/*                                  Main app -- end                                  */

/*                                  header: DOE logo, print, feedback and dropdown -- begin                   */
.doe-logo img {
  width: 78px;
  padding: 0px;
}
.doe-green { color: #80B34D; }
.doe-orange { color: #FF9933; }
.doe-blue { color: #6699CC; }

/*h4.doe-welcome-color { margin-bottom: 2px; margin-top: 6px; font-weight: bold; font-size: 16px; color: #4d6b2e; }*/

.welcome-color1{ border: 8px solid #6898B6;}
.welcome-color2{ border: 8px solid #3E74AA;}
.welcome-color3{ border: 8px solid #2C557D;}
.welcome-tile {  width:auto; padding-bottom: 20px;  }
.welcome-row-spacer{ height: 20px; width:auto;  }

h4.doe-welcome-color { 
  margin-bottom: 25px;
  margin-top: 25px;
  font-weight: bold;
  font-size: 24px;
  font-family: Arial, sans-serif;
  color: #000;
}
.welcome-tile-desc{ font-weight: normal; font-size: 18px; color: #000; font-family: Arial, sans-serif; line-height: 1.15;  }
.welcome-links { font-weight:bold; padding: 0 1px; margin: 0 -1px; /* background-color: #fff; */  }

.justify-txt p, ul, li {
  font-size: 14px;
  text-align:justify;
  text-justify:inter-word;  
}

.report-title h1 {
  display: inline-block;
  padding-left: 0px;
  font-size: 18px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 2px;
}

.page-links {
  color: #3277b3;
  font-size: 11px;
  cursor: auto;
  background-color: transparent;
}

.pull-right {
  float: right !important;
}

.school-line {
  display: inline-block;
  padding-left: 0px;
}

/* Added this CSS for IE to make dropdown display properly */
[data-v-1787c306].fuzzy-searchbox { position:relative;display:inline-block;width:inherit }
[data-v-1787c306].autocomplete-results { padding:0;margin:0;border:1px solid #eee;max-height:400px;overflow-y:auto;width:100%;left:0 ;background-color:#fff;position:absolute;z-index:999!important;box-shadow:0 4px 5px rgba(0,0,0,.15)}
[data-v-1787c306].autocomplete-result { list-style:none;text-align:left;padding:4px 2px;cursor:pointer;display:list-item }
[data-v-1787c306].autocomplete-result.is-active { background-color:#4aae9b;color:#fff }
[data-v-1787c306].autocomplete-input { width:inherit }


.select-school-lbl {
  padding: 2px 12px 0px 0px;
  font-size: 13px;
  font-weight: bold;
}

#select-school {
  width: 400px;
}

#select-school > input{
  max-height: 20px;
  width: 100%;
}

.report-select-school{
  display: flex;
}
/*                                  header: DOE logo, print, feedback and dropdown -- end                             */

/*                                  Module 1: State Designations -- begin                                  */
.sec-title {      
  background-color: #2C557D;
  color: white;
  display: block;
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 1.45em;
  font-weight: bold; 
  padding: 9px 0 8px 8px;
}   

.welcome-title {      
  background:#163761 url('/start/assets/start_banner_tall.png') no-repeat right;
  text-align: left;
  color: white;
  height: 100px; 
  margin: auto;
  width: auto;
  padding: 18px;
  /*border: 1px solid #00264d;*/
}   
.welcome-title-low{
  font-size: 20px; 
}
.welcome-title-high{
  font-size: 28px; 
}


.sec-title-shadow {
  -webkit-box-shadow: 0 5px 3px -3px #777;
  -moz-box-shadow: 0 5px 3px -3px #777;
  box-shadow: 0 5px 3px -3px #777;     
}

.school-info {
  /*color:#595959;*/
  color: #696969;
  padding-left: 5px;
  max-width: auto;
  width:auto;
  word-spacing: 2px;
  /*font-family: Gill Sans, Verdana;*/
  font-family: "ProximaNovaCond",sans-serif;
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
}

.boxhead {
  text-align: left;
  font-size: 20px;
  margin: 0 0 0 2px;
  font-weight: normal;        
}
.boxhead.exit {
  text-align: left;
}

.div-table{
  display:table;         
  width:auto; 
  border: 2px solid #3E74AA; 
  padding: 8px 9px;       
  /*background-color:#fff; 
  background-color: rgba(255, 255, 255, 1); */             
  /*border-spacing:0px 2px;*/ /*5px*/
}

.div-table-row{
  /*display:table-row;*/
  width:auto;
  clear:both;
  color: #000;
  border-bottom: 1px dotted #3E74AA;
}
.div-table-row div {
  margin-bottom: 0px;
  padding: 1px 0;
}
.div-table-row:last-child {
  border-bottom:none;
}
.div-table-row:last-child div {
  margin-bottom: 0;
}

.div-table-col-lt{
  display:inline-block;
  /*float:left;   //fix for non-chrome browsers
  display:table-column;*/         
  width:61px;        
  /*background-color:#3E74AA;*/ /*ddebf7*/
  /*background-color: rgba(221, 235, 247, 1);*/
  text-align: center;
  /*-webkit-border-radius: 5px 0px 0px 5px;*/
  -webkit-print-color-adjust: exact;
  /*padding-top: 2px;
  padding-bottom: 2px;*/
  vertical-align: top;
}

.div-table-col-rt{
  display:inline-block;
  /*float:left;   //fix for non-chrome browsers
  display:table-column;*/         
  width:332px;        
  /*background-color:#3E74AA;*/ /*ddebf7*/
  /*background-color: rgba(221, 235, 247, 1);*/
  text-align: left;
  padding-left: 10px !important;
  /*-webkit-border-radius: 5px 0px 0px 5px;*/
  -webkit-print-color-adjust: exact;
  /*padding-top: 2px;
  padding-bottom: 2px;*/
}

.boxframe {
  background-color: #D6E3EB;/* 3E74AA ddebf7 */
  width: 100%;      
  height: 100%;
  margin: 0 auto;
  padding: 13px;
  border: 2px solid #3E74AA;
  /*border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; */  

  display: inline-block;
  text-align: left;
  /*font-size: 14px; */
  position: relative;
  top: 0;
  z-index: 1;
  /*border: 1px solid #d4d4d4;*/
}
.boxframe .box-txt3 a{
  color: #134979
}

#progressbox.boxframe {
  text-align: left;
  padding: 13px;
}

.box-txt1 { 
  color: #000;/*333333*/
  font-size: 22px; /* 1.255em  font-size: 1.675em;*/
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  letter-spacing: 0.03em;
}

.box-txt2 {
  color: #000;/*804000*/
  font-size: 22px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  letter-spacing: 0.05em;
}

.top-hr {
  border-top: 1px dotted #000;
}

.box-txt3 { 
  color: #000;
  font-size: 14px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

#progressdiv, #pripstatusdiv {
    margin-top: 5px;
}

.spanBold {
  font-weight: bold;
  color: #000;
}

.download-icon {
  padding: 3px 0px 0px 0px; 
  color:#FFFFFF;
}

.no-decoration {
  text-decoration: none;
}

.covid-banner {
  border: solid 2px #3E74AA;
  padding: 7px;
  margin-top: 10px;
}

/*                                  Module 1: State Designations -- end                                  */

/*                                  Module 2: CSI / TSI Metrics -- begin                                  */
/*                                  Module 2: CSI / TSI Metrics -- end                                  */

/*                                  Module 3: Data Explorer -- begin                                  */
.left{
  text-align:left;
}

.center{
  text-align:center;
}
.right{
  text-align:right;
}
/*
.color-legend-block {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-style: solid;
    border-top-width: 10px;
    border-bottom-width: 10px;
}
*/
.color-legend-text {
  display: block;
  position: relative;
  font-size: 11px;
  top: 2px;
  padding-left: 5px;
  padding-right: 10px;
  font-weight: bold;
  text-align: left;
}

/*Start legend*/
.color-legend-school {
  background-color: #1f497d;
  border-color: #1f497d;
}

.color-legend-district {
  background-color: #7e7e7e; 
  border-color: #7e7e7e;
}

.color-legend-city {
  background-color: #4C8C0D;/*bdbdbd*/ 
  border-color: #4C8C0D;
}

.div-explorer .explorer-title {
  text-align: left;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 90%;
}
.div-explorer .explorer-scale ul {
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
  float: left;
  list-style: none;
}
.div-explorer .explorer-scale ul li {
  /*font-size: 80%;*/
  font-size: 14px;
  list-style: none;
  margin-left: 0;
  line-height: 1.55;
  margin-bottom: 9px;
  font-weight: normal;
}
.div-explorer ul.explorer-labels li span {
  display: block;
  float: left;
  height: 20px;
  width: 30px;
  margin-right: 5px;
  margin-left: 0;
}
.div-explorer .explorer-source {
  font-size: 70%;
  color: #999;
  clear: both;
}
.explorer-desc {
  text-align: left;
  margin-top: 20px;
}
/*end legend*/

#metricOne,#subgroupOne,#metricTwo,#subgroupTwo,#metricThree,#subgroupThree{
  width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 5px;
}

.nopadding-mod3-col1 {
   padding: 0 !important;
   margin: 0 !important;
}

.table-stat1-mod3-pi{
  font-weight: bold;
  text-align:right;
  font-size: 10px;
  padding: 0px;
  margin: 0px 0px 0px -5px;
}

.table-stat2-mod3-pi{
  text-align:right;
  font-size: 10px;
  padding: 0px;
  margin: 0px 0px 0px -5px;
}

.table-stat1-mod3-gr{
  font-weight: bold;
  text-align:right;
  font-size: 10px;
  padding: 0px;
  margin: 0px 0px 0px -2px;
}

.table-stat2-mod3-gr{
  text-align:right;
  font-size: 10px;
  padding: 0px;
  margin: 0px 0px 0px -2px;
}

.nopadding-mod3-col2-pi {
   padding: 0px 0px 0px 1px !important;
   margin: 0px 0px 0px 0px !important;
}


.div-table-col1-mod3-pi{
  float:left;/*fix for  buggy browsers*/
  display:table-column;
  width:62px;
  /*background-color:#ddebf7;*/
  font-weight: bold;
  text-align: center;
  font-size: 10px;
  -webkit-print-color-adjust: exact;
}

.div-table-col2-mod3-pi{
  float:left;/*fix for  buggy browsers*/
  display:table-column;
  width:62px;
  font-weight: normal !important;
  /*background-color:#ddebf7;*/
  text-align: center;
  font-size: 10px;
  -webkit-print-color-adjust: exact;
}

.div-table-col1-mod3-gr{
  float:left;/*fix for  buggy browsers*/
  display:table-column;
  width:63px;
  /*background-color:#ddebf7;*/
  font-weight: bold;
  text-align: center;
  font-size: 10px;
  -webkit-print-color-adjust: exact;
}

.div-table-col2-mod3-gr{
  float:left;/*fix for  buggy browsers*/
  display:table-column;
  width:63px;
  font-weight: normal !important;
  /*background-color:#ddebf7;*/
  text-align: center;
  font-size: 10px;
  -webkit-print-color-adjust: exact;
}

.txtsize{
  font-size: 10px;
}

#xaxis .domain {
  fill:none;
  stroke:#000;
}
#yaxis .domain {
  fill:none;
  stroke:#000;
}

#xaxis text, #yaxis text {
  font-size: 14px;
}

body div.tooltip_m3 {
  position: absolute;
  text-align: center;
  width: 73px;
  /*height: 53px;*/
  padding: 2px;
  font: 10px sans-serif;
  background: rgba(176, 196, 222, 0.92);/*lightsteelblue*/
  border: 0px;
  border-radius: 7px;
  pointer-events: none;
}

/*                                  Module 3: Data Explorer -- end