/*-------------------------------------------------*
  Report: State Accountability Data Dashboard CSS
  Module: All 
  Note: To display colors and layout on print page 
  Created By: Jayadev;
    Additions: Angel
*--------------------------------------------------*/
@media print  {

  /*no print*/
  div.noprint {
    display: none;
  }
  a.noprint {
    display: none;
  }
  span.noprint {
    display: none;    
  }
  i.noprint {
    display: none;    
  }


  /*Remove links from printing in page print*/
  a[href]:after {
    content: none !important;
  }

  /*                                  Main app -- begin                                  */
  body{
    background-color: #ececec !important;
    font-family: Arial, sans-serif;
    color: #000 !important;
    -webkit-print-color-adjust: exact;
  }

  #app {
    color: #000000 !important;
    background-color: #ffffff !important;
    padding: 15px 45px 10px 45px;
    width: 990px;
    margin: 0px auto;
    -webkit-print-color-adjust: exact;
  }

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

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

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

  .page-links {
    color: #3277b3 !important;
    font-size: 11px;
    cursor: auto;
    background-color: transparent;
    -webkit-print-color-adjust: exact;
  }

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

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

  .select-school-lbl {
    padding: 0px 12px 0px 0px;
    font-size: 13px;
    font-weight: bold;
  }
  /*                                  header: DOE logo, print, feedback and dropdown -- end                                  */

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

  .sec-title {      
    background-color: #2C557D !important;
    color: #fff !important;
  }

  .sec-title-shadow {
    -webkit-box-shadow: 0 5px 3px -3px #777 !important;
    -moz-box-shadow: 0 5px 3px -3px #777 !important; 
    -webkit-print-color-adjust: exact;   
  }

  .school-info {
    color: #696969 !important;
    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;
    -webkit-print-color-adjust: exact; 
  }


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

  .div-table{
    display:table;         
    width:auto;         
    background-color:#ffffff !important;                
    /*border-spacing:0 5px;*/
    -webkit-print-color-adjust: exact; 
  }

  .div-table-row{
    width:auto;
    clear:both;
  }

  .div-table-col-lt{
    /*fix for non-chrome browsers*/
    display:inline-block;
    /*width:90px;*/
    background-color:#fff !important; 
    color: #000 !important;
    text-align: center;
    -webkit-print-color-adjust: exact;
    /*border: 3px solid #3E74AA !important;
    border-color: #3E74AA !important;
    border-style: solid;
    border-width: 0.12em !important;
    border-right-width: 0 !important;*/
  }
  .div-table-col-rt{
    /*fix for non-chrome browsers*/
    display:inline-block;
    /*width:390px;*/
    background-color:#fff !important; 
    color: #000 !important;
    text-align: left;
    -webkit-print-color-adjust: exact;
    /*border: 3px solid #3E74AA !important;
    border-color: #3E74AA !important;
    border-style: solid;
    border-width: 0.12em !important;
    border-left-color: #a6aeb5 !important;*/
  }

  .boxframe {
    background-color: #D6E3EB !important;
    border: 2px solid #3E74AA !important;
  }

  .box-txt1 { 
    color: #000 !important;
    font-size: 22px; /*font-size: 1.675em;*/
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    -webkit-print-color-adjust: exact; 
  }

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

  .box-txt2 {
    color: #000 !important;
    font-weight: normal;

  }
  .box-txt3, .box-txt3 span {
    color: #000 !important;
    
  }

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

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

  #year-dropdown span {
    color: white !important;
  }
  #year-dropdown select {
    color: #000 !important;
    background-color: #fff !important;
  }

  .detailsMiniTable a.mfSpan { color: #000 !important; }

  .c-check-color.active::before { color: #286090 !important; opacity: 1.0; }
  .c-green { color: #008000 !important; opacity: 1.0; }
  .c-red { color: #8b0000 !important; opacity: 1.0; }
  ul.nav.nav-pills li:not(.active) { display: none !important; }
  ul.nav.nav-pills li.active {
    background-color: #163761 !important;
    display: block !important;
    position: relative;
    height: 22px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    font-size: 14px !important; 
    padding: 0px 0px 0px 5px !important;
  }   
  ul.nav.nav-pills li.active a { color: white !important; padding: 0 !important; text-align: left !important; border: none !important; }
  #partTab div>hr { margin-top: 57x !important;  margin-bottom: 15px !important; }
  .titletext_gr {
        background-color: #d9d9d9 !important;
  }
  .part-graph-wrapper, #summaryEms, #summaryHs { page-break-inside: avoid; }
  div[id^="metricDetail_"] { page-break-inside: avoid; }

  /*Subgroup expand button styles*/
  .panel > a[aria-expanded="true"] { background: #484848 !important; }
    /*.panel > a[aria-expanded="true"] span.glyphicon { display:none !important; }*/
  .panel > a[aria-expanded="true"] span.glyphicon:before { color:#fff !important; }

  /*#schoolEms>.panel-heading,#schoolHs>.panel-heading {
    background: #769D4E !important;  
    padding: 3px;
  }*/
  .panel-group .panel-heading+div[id^="collapseSchool"].panel-collapse>.panel-body { border-top: 5px double #444 !important; }
  button.btn.btn-primary {
      background:#163761 !important;
      color:white !important;
  }


  .color-legend-below {
    background-color: #FF9933 !important;
    border-color: #FF9933 !important; -webkit-print-color-adjust: exact;
  }
  .color-legend-above {
    background-color: #919191 !important;
    border-color: #919191 !important; -webkit-print-color-adjust: exact;
  }

  .primaryWarning20 { color: #BF2928 !important; font-weight: bold !important; }
  .secondaryWarning20 { color: #6D0E0D !important; font-weight: bold !important; }
  /*ul class="nav nav-pills
  presentation
  */
  h4.panel-title { background-color: #6898B6 !important; }
  h4.panel-title a, h4.panel-title a span::before { color: #fff !important; }

  /*.summary-view tr.rows.alertGrp.redGroup td:first-child span { background: #4F3B51 !important; }
  .summary-view tr.rows.alertGrp.greyGroup td:first-child span { background: #7e7e7e !important; }
  .summary-view tr.rows.alertGrp.potentialGroup td:first-child span { background: #7e7e7e !important; }*/

  .summary-view tr.rows.alertGrp.redGroup td:first-child { color: #BF2928 !important; font-weight: bold !important;  }
  .summary-view tr.rows.alertGrp.greyGroup td:first-child { color: #6D0E0D !important; font-weight: bold !important;  }
  .summary-view tr.rows.alertGrp.potentialGroup td:first-child { color: #6D0E0D !important; font-weight: bold !important;  }

  .summary-view table.table th { vertical-align: middle; width: 12%; min-width: 70px; background-color:#d9d9d9 !important; font-weight: bold; }
  #hsGradRateAns.bg-warning1 { background-color: #ffd2a6 !important; }




    /*                                  Module 2: CSI / TSI Metrics -- end                                  */
tr td.cells.bg-cellWarning {
    border: 3px solid #D97D00 !important;
}


    /*                                  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 !important;
    border-color: #1f497d !important;
        -webkit-print-color-adjust: exact;
  }

  .color-legend-district {
    background-color: #7e7e7e !important;
    border-color: #7e7e7e !important;
        -webkit-print-color-adjust: exact;
  }

  .color-legend-city {
    background-color: #4C8C0D !important;
    border-color: #4C8C0D !important;
        -webkit-print-color-adjust: exact;
  }
  .color-legend-at {
    background-color: #ff9819 !important;
    border-color: #ff9819 !important; -webkit-print-color-adjust: exact;
  }
  .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: 18px;
    margin-bottom: 10px;
    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 !important;
    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: 10px;
  }

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

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

  #data-explorer-placeholder { page-break-inside: avoid; }

  /*                                  Module 3: Data Explorer -- end                                  */
}

@media all {
  .page-break { display: none; }
}

@media print {
  .page-break { display: block; height: 1px; page-break-before: always; }
}