﻿.row.nomargin {margin:0; padding:0;}
.colnopadding {padding:0;}
.row.nomargin.line-margin{ margin-bottom:15px;}

.container, .container.spContainer {max-width:1024px; padding:0;}
.container.spContainer {padding:0 15px;}
.container .row, .spContainer .row{
    padding:0px !important;
}
/*.container {margin:0 auto; padding:0; max-width:1220px;}*/


    /*Width of toggle button*/
.state-profile a.k-toggle-button {
    /*width: 8.75rem;*/
}

/* Page Narrative text margin and padding properties */
.page-narrative-container {
    border-bottom:none;
}
.page-narrative {
    /*margin-left: .625rem;
    margin-right: .625rem;*/
    padding: 1.5rem .5rem 1rem .6rem ;
}

    /* Page Narrative Paragraph properties */
    .page-narrative p {
        font-size: .875rem; /*1.2rem;*/  /*14pt*/
    }

/*************************************** kendo UI Grid CLASSES overriding - BEGIN *************************************/

#TableFormatOptions,
#TableFormatOptions1,
#TableFormatOptions2,
TableFormatOptions3
 {
    color: #007367;
}
/*Override existing Kendo Grid Display Properties */
.state-profile .k-grid {
    border-radius: 0px;
    background-color: rgba(255,254,254,1);
    font-family: OpenSans, Arial, Helvetica, sans-serif;
    font-size: 1rem;   /*1.7rem;*/  /*21pt*/
    border-radius: 0px;
    text-align: center;
    vertical-align: middle;
    margin:0 1px
}

.state-profile .export-summary{
    display:inline-block;
        position: relative;
    top: 9px;
    left: -30px;
}
.k-grid-header:first-child th.k-header:first-child, thead.k-grid-header th.k-header:first-child, .k-rtl thead.k-grid-header th.k-header:last-child {
    border-radius:0;
}
.state-profile .k-grid thead tr:last-child th {
    background-color:white;
    color: #001871;
}
.state-profile .k-grid thead tr:last-child th>.k-link {
    color: #001871;
}

    /*Set Grid widget align properties */
    .state-profile .k-grid .k-widget {
        vertical-align: middle;
    }

/* Padding right important needed as kendo is setting inline style by default*/  
.state-profile div.k-grid-header
{
    padding-right: 0px !important;
    font-size: .9375rem; /*14pt;*/
}
/*Set Grid header link display properties */
.state-profile .k-grid-header .k-link:link, .state-profile .k-grid-header .k-link {
    color: white;
}

/* Set Grid header display properties*/
.state-profile .k-grid-header th.k-header {
    border-radius: 0px;
    vertical-align: bottom;
    padding:5px 10px 5px 10px;
    position:relative;
}

.state-profile .k-grid-header th.k-header a:after {
    content:'';
    display:block;
    height:16px;
}
.state-profile .k-grid .k-grid-header .k-icon.k-i-arrow-w,
.state-profile .k-grid .k-grid-header .k-icon.k-i-arrow-n,
.state-profile .k-grid .k-grid-header .k-icon.k-i-arrow-s
 {
    display:block;
    margin: 0 auto;
    position:absolute;
    left:50%;
    margin-left:-24px;
}

/*Overrind the Kendo ui borders*/
.state-profile .k-grid tr td {
    border-style: none;
    border-width: 0px;
}

/* Set high/med legend symbol properties*/
.high .sigDiff,
.med .sigDiff {
    color: white;
}

/* Set low legend symbol properties*/
.low .sigDiff {
    color: #002269;
}

/*Common State Profile Page Classes Begin*/
.width-forty-percent {
    width: 40% !important;
}

.float-left {
    float: left;
}

.align-right {
    text-align: right;
}

.padding-right-by-twenty-pixels {
    padding-right: 1.25rem;
}
/*Common State Profile Page Classes End*/

/* Color when grid row is selected */
.k-grid .k-state-selected {
     background-color: #f2ede2;
    color: #002269;
}

/* Color of special National/Public Row */
.k-grid .focal-jurisdiction {
    background-color: #007367;
    color: #fff;
}

.k-grid .focal-jurisdiction .text-align-left {
    background-color: #007367;
    color: #fff;
}

/*#gridAvergeScore colgroup col:nth-child(2)  {
    text-align: left;
}*/

#gridAvergeScore table tbody tr{
    cursor:pointer;
}

/*Align Jurisdictions Column on Left*/
.text-align-left {
    text-align: left;
    background-color: #F5F4F3;
}


/*.k-grid-header .k-icon.k-i-arrow-s {
    text-align: right;
    
    background-position-x: -175px;
    background-position-y: -205px;
    opacity: 0.5;
}*/

/*.k-grid-header .k-icon.k-i-arrow-n {
        text-align: right;
    
    background-position-x: -175px;
    background-position-y: -175px;
    opacity: 0.5;
}*/

/*.k-grid-header .k-icon.selected-arrow {
    opacity: 1;
   
}*/

/*.k-grid-header .k-icon.selected-arrow:hover {
    opacity: 1;
    
}*/

/*.k-header .k-link:hover .k-icon.k-i-arrow-n
{
    text-align: right;
    
    background-position-x: -175px;
    background-position-y: -175px;

}*/

/*.k-header .k-link:hover .k-icon.k-i-arrow-s
{
    text-align: right;
    
    background-position-x: -175px;
    background-position-y: -205px;
}*/

/*************************************** kendo UI Grid CLASSES overriding - END *************************************/


/*************************************** kendo UI Grid Footer overriding - Begin *************************************/

/* Remove default kendo arrow */

.state-profile .k-icon.k-i-arrow-s.k-panelbar-expand,
.state-profile .k-icon.k-i-arrow-n.k-panelbar-collapse
{
    background-image: none;
}

/* Create custom down arrow */
.state-profile .k-icon.k-i-arrow-s.k-panelbar-expand:after
{
    
    content:"";
    position: absolute;
    right: 20%;
    z-index: 500;
    top: 40%;
    
    border-left: .43rem solid transparent;
	border-right: .43rem solid transparent;
	border-top: .43rem solid #C69214;
    border-bottom: .43rem solid transparent;
}

/* Create custom up arrow */
.state-profile .k-icon.k-i-arrow-n.k-panelbar-collapse:after
{
    content:"";
    position: absolute;
    right: 30%;
    bottom: 30%;
    z-index: 500;
    border-left: .43rem solid transparent;
	border-right: .43rem solid transparent;
	border-top: .43rem solid #fff;
    border-bottom: .43rem solid transparent;
    transform: rotate(180deg)
}

/* Set display properties of panel bar*/

.state-profile .k-panelbar, .state-profile .k-panelbar .k-content {
    border:0;
}

.state-profile .k-panelbar > li.k-state-default > .k-link {
    color: #007367;
}

/* Set display properties of panel bar background*/
.state-profile .k-link.k-header {
    background-color: #f2ede2;
    font-family: "OpenSansBold", Arial, Helvetica, sans-serif;
    font-size: .87rem; 
    color:#007367;
    border:1px solid #c69214;
}

.state-profile .k-state-default.k-state-highlight.k-state-active .k-group.k-panel {    background: #E7E7E8;
    border: 0px solid #c69214;}
.state-profile .k-state-default.k-state-highlight.k-state-active .k-group.k-panel li:first-child {padding-bottom:1rem;}
.state-profile .k-state-default.k-state-highlight.k-state-active .k-group.k-panel li{font-size:.875rem;}

/* Set display of panel bar when selected */
.state-profile .k-panelbar .k-link.k-header.k-state-selected {
    background-color: #007367;
    font-family: "OpenSansBold", Arial, Helvetica, sans-serif;
    font-size: .87rem;
    color:#fff;
}
.state-profile .k-panelbar>li.k-item[aria-expanded="true"] > span {
  background-color: #007367 !important;
  color:#fff !important;
      border: 0px;
}
.state-profile .k-panelbar>li.k-item[aria-expanded="false"] > span {
 background-color: #f2ede2 !important;
  color:#007367 !important;
}

.state-profile .k-panelbar .k-state-focused.k-state-selected 
{
    box-shadow: none;
}

.state-profile .k-panelbar .k-panel, .k-panelbar .k-content
{
    padding: 1.25rem;
}

.state-profile ul[data-role="panelbar"]
{
    margin: 1.5rem 0;
    
}

.state-profile .k-panelbar li li {
    list-style:none;
    font-size:.9rem;
}

/*************************************** kendo UI Grid Footer overriding - END *************************************/

/*#region Map Header classes*/
.map-title{
 height:100%;
}
 

.state-profile .map-title .map-title-subject,
.state-profile .map-title .map-title-grade, 
.state-profile .map-title .map-title-year
{
    font-family: "OpenSansSemiBold", Arial, Helvetica, sans-serif;
    font-size:1.55rem;
    text-transform: uppercase;
    color:rgb(10,25,113);
 }
.state-profile .map-title-text  {
    font-family: "OpenSansBold", Arial, Helvetica, sans-serif;
    font-size:1.2rem;
    color:rgb(100,100,104);
    display:block;
    padding-top:.5rem;
}

.state-profile .map-title .map-title-subject:after,
.state-profile .map-title .map-title-grade:after {
   font-family: "OpenSansBold", Arial, Helvetica, sans-serif;
    font-size:1.55rem;
    content:"|";
    color:rgb(222,216,210);
}

.hide-map-footer{
    display:none;
}

.input-group-addon {
  background: #fff;
  color: #c69214;
  border: 1px solid #c69214;
}

.bannerSearchbar.form-control {
  border: none;
}

.bannerSearchbar input[type=search], input[type=text] {
  border-left: 1px solid #C69214;
  border-top: 1px solid #C69214;
  border-bottom: 1px solid #C69214;
  border-right: 0px solid #fff;
  width: 90%;
  color: #007367;
}
  
/*year drop down style*/
 
.state-profile .year-dropdown span.k-dropdown, .state-profile .compareYears span.k-dropdown
 {position:relative; padding-top:0; float:right}

.year-dropdown p, .state-profile .compareYears p {font-size:.8rem; text-align:right}

/*#endregion*/

.selected-statistic-header-text{
    font-family: "OpenSansBold", Arial, Helvetica, sans-serif;
    font-size: 1.0rem;
    color:#007367;
    position: relative;
    top: -15px;    
}

.state-profile #tabSpOverview-4 .map-title,
.state-profile .landing-page .map-title{
 position:relative;
 top:-10px;
}

.grid-title h3, h2.gap-map-title {
    font-family: "OpenSans", Arial, Helvetica, sans-serif;
    font-size:1rem;
    color:rgb(100,100,104);
    display:block;
    padding-top:.5rem;
        line-height: 1.6rem;
}

.grid-title .legend h3, .grid-heading h2 {
    padding-top:0.5rem;
    font-family: "OpenSansSemiBold", Arial, Helvetica, sans-serif;
    font-size: 1.688rem; /*27 pt*/
    color: #001871;
}

.grid-title .legend h3 strong , .grid-heading h2 strong{
    font-family: "OpenSansSemiBold", Arial, Helvetica, sans-serif !important;
}

.grid-heading h2, h2.gap-map-title  {
    padding-top:0;
}
 
 .row .gap-comp-tab-no-assessment{
     margin-top:25px;
 }



/*************************************** kendo UI toolbar CLASSES overriding - BEGIN *************************************/

.k-toolbar {
    /*background-image: -webkit-linear-gradient(bottom,transparent,transparent 25%,#dcd7d0 25%,#dcd7d0 75%,#f3f0ed 75%,#f3f0ed 100%);
    background: -o-linear-gradient(to bottom,transparent,transparent 25%,#dcd7d0 25%,#dcd7d0 75%,#f3f0ed 75%,#f3f0ed 100%);
    background: -moz-linear-gradient(to bottom,transparent,transparent 25%,#dcd7d0 25%,#dcd7d0 75%,#f3f0ed 75%,#f3f0ed 100%);
    background: linear-gradient(to bottom,transparent,transparent 25%,#dcd7d0 25%,#dcd7d0 75%,#f3f0ed 75%,#f3f0ed 100%);*/
    border: none;
    background: none;
}


.state-profile .k-toolbar .k-button.k-state-active
{
    background: #007367;
    height: 2.5rem; 
    line-height: 2.5rem;
    /*top: 0;*/
    z-index: 100;
    text-decoration: none;
    color: #fff;
    box-shadow: none !important;
}



/* Toggle button outer display properties*/
.state-profile .k-toolbar .k-toggle-button.k-button{
    border-radius: 0px;
    border-width: 0px 0px 0.01px 0px;
    border-bottom: 1px solid #c69214;
    border-top: 1px solid #c69214;
    /*box-shadow: none !important;*/
    
}

    .state-profile .k-overflow-container .k-overflow-button:hover,
    .k-overflow-group .k-button:hover {
        color: white;
        background-color: rgb(255,148,41);
    }

.state-profile .k-toolbar .k-button,
.k-toolbar .k-button:link {
    background: #f2ede2;
    color: #007367;
    cursor: pointer;
    zoom: 1;
    font-family: "OpenSansSemiBold", Arial, Helvetica, sans-serif; 
    font-size: 1.1rem;  /* 1.45rem;*/  /*17pt*/
    height: 2.5rem;
    /*left: 1.25rem;*/
    line-height: 2.5rem;
    margin: 0;
    overflow: visible;
    padding: 0px 1.25rem;
    position: relative;
    text-align: center;
    /*top: -.325rem;*/
    vertical-align: middle;
    z-index: 50;
    text-decoration: none;
} 
.state-profile #toolbar.k-toolbar .k-toggle-button.k-button:focus, 
.state-profile #toolbarFindings.k-toolbar .k-toggle-button.k-button:focus, 
 .state-profile #tbScoreCompare.k-toolbar .k-toggle-button.k-button:focus, 
.state-profile #tbGapCompare.k-toolbar .k-toggle-button.k-button:focus
  {
    -moz-box-shadow:    inset 0 0 10px #5d4208;
   -webkit-box-shadow: inset 0 0 10px #5d4208;
   box-shadow:         inset 0 0 10px #5d4208;
}

.state-profile #toolbar.k-toolbar .k-toggle-button.k-button:focus, 
.state-profile #toolbar.k-toolbar .k-toggle-button.k-button:hover, 
.state-profile #toolbarFindings.k-toolbar .k-toggle-button.k-button:focus, 
.state-profile #toolbarFindings.k-toolbar .k-toggle-button.k-button:hover, 
.state-profile #tbScoreCompare.k-toolbar .k-toggle-button.k-button:focus, 
.state-profile #tbScoreCompare.k-toolbar .k-toggle-button.k-button:hover, 
.state-profile #tbGapCompare.k-toolbar .k-toggle-button.k-button:focus, 
.state-profile #tbGapCompare.k-toolbar .k-toggle-button.k-button:hover {
    -moz-box-shadow:    inset 0 -3px 0px 0px #007367;
-webkit-box-shadow: inset 0 -3px 0px 0px #007367;
box-shadow:        inset 0 -3px 0px 0px #007367;
}

.state-profile #toolbar.k-toolbar .k-toggle-button.k-state-active, 
.state-profile #toolbar.k-toolbar .k-toggle-button.k-state-active:focus, 
.state-profile #toolbar.k-toolbar .k-toggle-button.k-state-active:hover, 
.state-profile #toolbarFindings.k-toolbar .k-toggle-button.k-state-active, 
.state-profile #toolbarFindings.k-toolbar .k-toggle-button.k-state-active:focus, 
.state-profile #toolbarFindings.k-toolbar .k-toggle-button.k-state-active:hover, 
.state-profile #tbScoreCompare.k-toolbar .k-toggle-button.k-state-active, 
.state-profile #tbScoreCompare.k-toolbar .k-toggle-button.k-state-active:focus, 
.state-profile #tbScoreCompare.k-toolbar .k-toggle-button.k-state-active:hover, 
.state-profile #tbGapCompare.k-toolbar .k-toggle-button.k-state-active, 
.state-profile #tbGapCompare.k-toolbar .k-toggle-button.k-state-active:focus, 
.state-profile #tbGapCompare.k-toolbar .k-toggle-button.k-state-active:hover {
    -moz-box-shadow:    none;
   -webkit-box-shadow: none;
   box-shadow:         none;
       border: none;
}

.state-profile #toolbar.k-toolbar .k-toggle-button.k-button.k-state-disabled:before, 
.state-profile #toolbarFindings.k-toolbar .k-toggle-button.k-button.k-state-disabled:before, 
.state-profile #tbScoreCompare.k-toolbar .k-toggle-button.k-button.k-state-disabled:before, 
.state-profile #tbGapCompare.k-toolbar .k-toggle-button.k-button.k-state-disabled:before
 {
    /*content: "\f05e";
    padding-right: 5px;
    font-family: FontAwesome !important;*/
}
.state-profile #toolbar.k-toolbar .k-toggle-button.k-button.k-state-disabled:after, 
.state-profile #toolbarFindings.k-toolbar .k-toggle-button.k-button.k-state-disabled:after, 
.state-profile #tbScoreCompare.k-toolbar .k-toggle-button.k-button.k-state-disabled:after, 
.state-profile #tbGapCompare.k-toolbar .k-toggle-button.k-button.k-state-disabled:after {
    content:'';
}
.state-profile #toolbar.k-toolbar .k-toggle-button.k-button.k-state-disabled, 
.state-profile #toolbarFindings.k-toolbar .k-toggle-button.k-button.k-state-disabled, 
.state-profile #tbScoreCompare.k-toolbar .k-toggle-button.k-button.k-state-disabled,  
.state-profile #tbGapCompare.k-toolbar .k-toggle-button.k-button.k-state-disabled {
    background: #DCD7D0;
    color:#837d73; 
        border-bottom: 1px solid #c69214;
}
/*Custom Toggle Button Selected styling - BEGIN*/
.state-profile .k-toolbar .k-toggle-button.k-button.k-state-active::before {
    /*border-color: transparent transparent transparent #00715f;
    border-style: solid;
    border-width: .5rem 0 0 .563rem;
    content: "";
    height: 0rem;
    right: -.563rem;
    position: absolute;
    top: 0rem;
    width: 0rem;*/
}
.state-profile .k-toolbar .k-toggle-button.k-button.k-state-active:hover   {
    background:#00715f;
    border-color: transparent transparent transparent #00715f;
}
.state-profile .k-toolbar .k-toggle-button.k-button.k-state-active:hover::after {
    /*border-color: #00715f transparent transparent transparent;
    border-style: solid;
    border-width: .688rem .813rem 0 .813rem;
    bottom: -.625rem;
    content: "";
    height: 0rem;
    position: absolute;
    left: 50%;
    margin-left: -.813rem;
    width: 0rem;
    background:transparent;*/
}

.state-profile .k-toolbar .k-toggle-button.k-button:hover {
    /*background:#8f6a19;*/
    /*border-bottom: 3px solid #007367;*/
}
#toolbarFindCohort .k-toggle-button.k-button {
   border-bottom:none !important;
}
#toolbarFindCohort .k-toggle-button.k-button:hover {
    border-bottom: 3px solid #007367 !important;
}
#toolbarFindCohort .k-toggle-button.k-button:focus {
    box-shadow:none !important;
}



.state-profile .k-toolbar .k-toggle-button.k-button.k-state-active::after {
    /*border-color: #00a795 transparent transparent transparent;
    border-style: solid;
    border-width: .688rem .813rem 0 .813rem;
    bottom: -.625rem;
    content: "";
    height: 0rem;
    position: absolute;
    left: 50%;
    margin-left: -.813rem;
    width: 0rem;*/
}

#toolbar > .k-button-group, #tbScoreCompare > .k-button-group, #tbGapCompare > .k-button-group
 {
    /*padding: 1.25rem 4rem .625rem 0px;*/
    padding:0px;
    margin: 20px 0px 20px 0px;
    border:none;
    background: #f2ede2;
}

#toolbar > .k-separator, #tbScoreCompare > .k-separator, #tbGapCompare > .k-separator {
    margin: 0px .625rem 0px .938rem;
}
    /*toolbar text*/

.toolbarSub {
    display:inline-block;
    padding:0 0 0 1rem;
    text-transform: uppercase;
    font-family: OpenSansBold, Arial, Helvetica, sans-serif;
    color: #656565;
    top: -5px;
    position: relative;
}


/*************************************** kendo UI toolbar CLASSES overriding - END *************************************/

/* Removing default kendo widget styling */
.state-profile .k-widget {
    box-shadow: none;
    border: none;
}
.state-profile .k-grid table{
    border: 1px solid #ccc;
}
/*Set Map Title Header display style*/
.state-profile .nde-state-profiles-title {
    font-size: 1.25rem;
    color: #4a4a4a;
    font-family: "OpenSans", Arial, Helvetica, sans-serif;
}
    /*Set Map Title Subheader display style*/
    .state-profile .nde-state-profiles-title::first-line {
        font-family: "OpenSansBold", Arial, Helvetica, sans-serif; 
        font-size: 1.5rem;
        color: #001871;
    }

/* Set default header for kendo controls */
.state-profile .k-header {
    background-color: #C69214;
    color: #fff;
}

/* Set default table row header for kendo controls */
.state-profile tr .k-header {
    background-color: #001871;
    vertical-align: middle;
    text-align: center;
    font-family:OpenSansBold, Arial, Helvetica, sans-serif;
    color: white;
    /*padding-left: 1.2rem;*/
}

/* Set background for grid scrollbar*/
.state-profile .km-scroll-container {
    background-color: #f5f4f3;
}

/*Set alternate row background color */
.state-profile .k-alt {
    background-color: #f7f7f5 !important;
}

/*Set section subheading style */
.state-profile .section-subheading,
.state-profile h3[data-bind = 'html:gapPageTitle'],
.state-profile h3[data-bind = 'html:lblScoreCompPageTitle'],
.state-profile h3[data-bind = 'html:gridScoreCompareHeading'],
.state-profile h3[data-bind = 'html:lblDmographicTitle'],
.state-profile h3[data-bind = 'html:FindingsPageTitle'],
.state-profile h3[data-bind = 'html:PageTitle'],
.state-profile h3[data-bind = 'html:PageNarrative'] {
    font-family: "OpenSans", Arial, Helvetica, sans-serif;
    font-size: 1.7em; /*27 pt*/
    color: #001871;
}

.state-profile .landing-page h1 .section-heading, .state-profile .landing-page h2 .section-heading  {
    font-size:1rem;
}

.state-profile .landing-page h1 span.section-subheading, .state-profile .landing-page h2 span.section-subheading {
    font-size:1.7rem;
}

.state-profile .page-section-heading h2{
    margin-top:10px;
}

.state-profile .page-title h1  {
    font-family: "OpenSansSemiBold", Arial, Helvetica, sans-serif;
    font-size: 1.7rem; /*27 pt*/
    color: #001871;
    padding:1rem 0;
}
.state-profile .page-title h1 strong  {
    font-family: "OpenSansSemiBold", Arial, Helvetica, sans-serif !important;
}

.state-profile h2[data-bind = 'html:PageNarrative'] {
    font-family: "OpenSansSemiBold", Arial, Helvetica, sans-serif;
    font-size: 1.7rem; /*27 pt*/
    color: #001871;
    padding:0px 0 10px 0;
}
 
.state-profile h2[data-bind = 'html:PageNarrative'] strong {
    font-family: "OpenSansSemiBold", Arial, Helvetica, sans-serif !important;
}

/*Set section heading style */
.state-profile .section-heading strong,
.state-profile h3[data-bind = 'html:gapPageTitle'] strong,
.state-profile h3[data-bind = 'html:lblScoreCompPageTitle'] strong,
.state-profile h3[data-bind = 'html:gridScoreCompareHeading'] strong,
.state-profile h3[data-bind = 'html:lblDmographicTitle'] strong,
.state-profile h3[data-bind = 'html:FindingsPageTitle'] strong,
.state-profile h3 span[data-bind = 'html:PageTitle'] strong,
.state-profile h3[data-bind = 'html:PageNarrative'] strong {
   font-size: 1.7rem; /*27 pt*/
    color: #001871;
    font-family: "OpenSans", Arial, Helvetica, sans-serif; 
}

/* Set alternate row style*/
.state-profile .k-alt {
    background-color: white !important;
}

/* Set style when user sorts by column*/
.state-profile .k-header-sort-on {
    background-color: #007367 !important;
}
.state-profile .k-header-sort-on>.k-link, .state-profile .k-header-sort-on span{
    color:white !important;
}

/* Set background color on sorted column */
.state-profile .k-colgroup-sort-on {
    background-color: #e6f6f2;
}

.state-profile .k-statistic-col {
    /*background-color: inherit;*/ /* per Shikha - we do not want default column highlighted.*/
}

/* Choose white arrow from sprite image */
.state-profile .k-header {
    background-position: -175px -205px;
}


/*************************************** OVERRIDING KENDO UI DROPDOWN CLASSES - BEGIN *******************************************/


/* Remove kendo default dropdown styling */
.state-profile .k-dropdown.k-header {
    background-color: transparent;
}

/* Remove kendo default dropdown widget styling */
.state-profile .page-narrative .k-widget.k-dropdown {
    background-color: transparent;
    width: 100%;
}

/* Set dropdown border properties */
.state-profile .k-dropdown-wrap {
    border-radius: 0px;
    /*border-bottom-style: solid;
    border-bottom-color: #8f6a19 !important;
    border-width: 0 0 .25rem 0;*/
    margin-top:.6em;     
    border-color:transparent;    
    background-color: transparent;
}

 .state-profile .k-dropdown-wrap.k-state-focused {
        -webkit-box-shadow: 0px 0px 0px 4px -webkit-focus-ring-color;
        -moz-box-shadow: 0px 0px 15px 2px #A5C7FE;
        box-shadow: 0px 0px 0px 4px #A5C7FE;
    }

/* Set display properties of dropdown*/
.state-profile .k-dropdown .k-dropdown-wrap .k-input {
    border-radius: 0px;
    color: #007367;
    font-family: "OpenSans", Arial, Helvetica, sans-serif;
    font-size:  1.688rem;        /*2.25rem;*/ /*27pt*/
    background-color: #F2EDE2; 
    padding:0 .375rem 0 11px;    
    border: 1px solid #c69214 !important;
    text-indent:0;
}

.state-profile .whiteBGInput .k-dropdown .k-dropdown-wrap .k-input {    
    background-color: #fff; 
}

/* Set image within sprite to use (white down arrow)*/
.state-profile .k-dropdown .k-dropdown-wrap .k-icon {
    background:transparent url(images/select_down.png) no-repeat center center;
    height:16px;
    width:22px;
    position:relative; 
    top:7px;
}
/*Setting the OpenSans and bold for only Year drop down*/
.state-profile .pull-right .k-dropdown .k-dropdown-wrap .k-input {
    font-family: "OpenSansBold", Arial, Helvetica, sans-serif; 
    font-size: 2.25rem; /*3.68rem;*/ /*44 pt*/
    height:3rem; 
    line-height:3rem;
    text-indent:.75rem;
}

/* Set dropdown select  */
.state-profile .k-dropdown .k-dropdown-wrap .k-select {
    background-color: #c69214;
    border-radius: 0px;
    width:3em;
}

.k-list-container .k-state-selected.k-state-focused {
    /*background:#8f6a19 !important;*/
    background: #001871;
    color: #fff;
    border-radius: 0px;
    box-shadow:none;
}

.k-popup.k-list-container, .k-popup.k-calendar-container{
     border: 1px solid #C69214;
     border-radius:0px;
     box-shadow:none;
}

/*drop down list styling*/

#ddlJurisdiction_list .k-list-optionlabel.k-state-selected.k-state-focused {
    display:none !important;
}

#ddlJurisdiction_listbox .k-item, #ddlYear_listbox .k-item, #ddlComparisonYear_listbox  {
    font-size:1.2em; 
    font-family:OpenSans, Arial, Helvetica, sans-serif !important; 
    border-radius:0 !important;
    color:#4A4A4A;

}

#ddlJurisdiction_listbox .k-item.k-selected, #ddlYear_listbox .k-item.k-selected,
#ddlJurisdiction_listbox .k-item.k-state-hover, #ddlYear_listbox .k-item.k-state-hover
 {
    /*background-color:#C69214;*/
    background: #007367 !important;
    color:#fff;
}

#ddlJurisdiction_listbox .k-item.k-state-selected.k-state-focused,
#ddlYear_listbox .k-item.k-state-selected.k-state-focused {
    /*background-color:#d6ad4a;*/
    background: #007367;
    border:0px;
    border-radius:0 !important;
    color:#fff;
}
 


    /*.state-profile .k-icon.k-i-arrow-s:hover {
        zoom: 1.2;
    }*/

.state-profile .k-icon.k-i-arrow-n {
    zoom: 1.2;
    background-position-x: -175px;
    background-position-y: -175px;
}

    /*.state-profile .k-icon.k-i-arrow-n:hover {
        zoom: 1.2;
    }*/

/*************************************** Radio Button group Styling - START *************************************/
/*Set radio button group font*/
.radio-button-group {
    font-family: "OpenSans", Arial, Helvetica, sans-serif;
    font-size: .9375rem; /*14pt */
    font-weight: normal; 
}

.radio-button-group ul.statistic-row {padding:.5rem 0 0 1rem;}
    .radio-button-group ul.statistic-row label {
        color: #4A4A4A;
    }
.radio-button-group.element-background {padding-bottom:0;}

/*Set styling when hovering over radio button*/
.state-profile .k-item.k-state-hover,
.k-item.k-state-hover:hover {
    color: white;
    background-color: #C69214;
}

.state-profile div[data-bind="html: StatTypeLabel"], 
.state-profile div[data-bind="html: FocalJurisdictionLabel"] { 
    font-family:OpenSansBold, Arial, Helvetica, sans-serif;
    color:#4A4A4A;
}
ul.statistic-row {padding:0 0 0 1rem;}
ul.statistic-row  li {display:inline-block; list-style:none; padding:0;}
/*************************************** Radio Button Styling - END *************************************/


/*************************************** OVERRIDING KENDO UI DROPDOWN CLASSES - END *******************************************/

/*Default shadow properties*/
.shadow {
    box-shadow: 0px 3px 0px -1px rgba(255,0,0,1);
    -webkit-box-shadow: 0px 3px 0px -1px rgba(255,0,0,1);
    -moz-box-shadow: 0px 3px 0px -1px rgba(255,0,0,1);
    -o-box-shadow: 0px 3px 0px -1px rgba(255,0,0,1);
}


.avgscore-sig-diff {
    border-bottom: dotted !important;
    border-width: .063rem !important;
    border-bottom-color: white !important;
}


/* Background color for Higher Significant Difference*/
.high  {
    background-color: #001b64;
}

/* Background color for no change in Significant Different*/
.med  {
    background-color: #41639e;
}

/* Background color for decrease in Significant Difference*/
.low  {
    background-color: #becbdc;
}
/*Default background styling*/
.default {
    background-color: none;
}

/*Set overall legend display properties*/

.table-legend {margin-top:3rem;}

/*Hide Overview& Trends table legend changes begin*/

.state-profile #tabSpOverview-1 .table-legend
{
    margin-top:0rem;
}
.state-profile #tabSpOverview-1 .table-legend .col-xs-7.legend.colnopadding{
    display:none;
}
/*Hide Overview& Trends table legend changes end*/

.legend .legend-box:first-child {margin-left:0px;}
.legend {
     
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flexbox;
     display: flex; 
}

.legend span {
    font-family:OpenSans, Arial, Helvetica, sans-serif;  
    font-size:.8125rem; 
    padding-bottom:1rem; 
    display:block;
    line-height:1.35rem;
}

/*Set individual legend display properties*/
.legend-box {
    width: 33.333333%; 
    position: relative;
}

.legend-container {position:relative; height:50px;}

/*Draw legend high symbol */
.legend-high-symbol {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px .5rem 1rem .5rem;
    border-color: transparent transparent white transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -.5rem;
    margin-left: -.938rem;
}
/*Draw legend medium symbol */
.legend-med-symbol {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px .9rem .9rem 0px;
    border-color: transparent white white transparent;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -.5rem;
    margin-left: -.938rem;
}
/*Draw legend low symbol */
.legend-low-symbol {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 1rem .5rem 0px .5rem;
    border-color: #002269 transparent transparent transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -.5rem;
    margin-left: -.938rem;
}

/****new styling after the legend text and icons are populating from server*/
.legend-high-symbol-icon {
    
    position: absolute;
    top: 20%;
    left: 45%;
    color:#ffffff;
}
/*Draw legend medium symbol */
.legend-med-symbol-icon {
 
    position: absolute;
    top: 10%;
    left: 45%;
    color:#ffffff;
}
/*Draw legend low symbol */
.legend-low-symbol-icon {
    position: absolute;
    top: 20%;
    left: 45%;
    color:#002269;
}

.legend .legend-high-symbol-icon,
.legend .legend-low-symbol-icon
{
    font-size:20px;
}

.legend .legend-med-symbol-icon{
    font-size:25px;
}

.legend-label {
    height:2.5rem;
    padding:0 .5rem
}
.no-padding{
    padding-left:0px;
}
.tableOptions a{
    text-decoration:none; 
}
.tableOptions{
    margin-right:-8px;
}

.table-sort-prompt{
    font-family: OpenSans, Arial, Helvetica, sans-serif;
    font-size:0.8125rem;
    color:#7c746b;
    
} 
.table-sort-prompt-row{    
    margin-top: 10px; 
    display: flex;
    align-items:center;
} 

.tableOptions #TableFormatOptions,
.tableOptions #TableFormatOptions1,
.tableOptions #TableFormatOptions2,
.tableOptions #TableFormatOptions3 {display:inline-block; padding-right:1px;}
.tableOptions #TableFormatOptions:hover label,
.tableOptions #TableFormatOptions1:hover label,
.tableOptions #TableFormatOptions2:hover label,
.tableOptions #TableFormatOptions3:hover label {text-decoration: underline;}
.tableOptions #TableFormatOptions label,
.tableOptions #TableFormatOptions1 label,
.tableOptions #TableFormatOptions2 label,
.tableOptions #TableFormatOptions3 label{cursor:pointer;}


.no-assessment{
    /*margin-left:8px;*/
}

.no-assessment a:hover, .no-assessment a:focus {text-decoration:none;}
.no-assessment a {display:block; width:300px;}
.reset-all-text {color:#007367; display:block; float:right; padding-right:0; padding-left:5px}

/*Set text for significantly higher symbol*/
 
@media only screen and (max-width: 980px) {
        .legend .legend-box.high:before {
        font-size: .8rem;
    }
}

/*Set text for no significant different symbol*/
.legend .legend-box.med:before {
     position: absolute;
    top: -80%;
    /*right: 30%;*/
    width: 100%;
    font-family: "OpenSans", Arial, Helvetica, sans-serif;
    font-size: .75rem;
}

@media only screen and (max-width: 980px) {
    .legend .legend-box.med:before {
        font-size: .8rem;
    }
}

@media only screen and (max-width: 1024px) {
    /*because of row class margin-left -15px and margin-right -15px the 1st column and last column of grid are pushed to left and right respectively at 1024 and below.
       work around for that is set the margin left and right to 0px
    */
    .state-profile .grid-area.row
    {
        margin-left:0px;
        margin-right:0px;
    }
}

/*Set text for significantly lower symbol*/
.legend .legend-box.low:before {
     position: absolute;
    top: -80%;
    /*right: 30%;*/
    width: 100%;
    font-family: "OpenSans", Arial, Helvetica, sans-serif;
    font-size: .75rem;
}

@media only screen and (max-width: 980px) {
    .legend .legend-box.low:before {

        font-size: .8rem;
    }
}
/* Overring the tab strip background Begin ***************/
.state-profile .k-widget.k-header.k-tabstrip {
    background-color: white;
}

/* Overring the tab strip background End ***************/

/* setting the margin bottom toolbarfindings Begin ***************/
 
/* setting the margin bottom toolbarfindings end ***************/
 
/* setting the zindex of toolbar background - overview page begin  ********/

.sectionOverview #toolbar {
    z-index: 1;
}
/* setting the background - state profile landing page end  ***************/

/* setting the background - findings page begin  ***************/

#toolbarFindings {
    width: 100%;
}

/*#toolbarFindings:before {
        content: '';
        background-color: #e2dfdb;
        display: inline-flexbox;
        height: 2.25rem;
        width: 100%;
        position: absolute;
        z-index: -1;
}*/

#toolbarFindings {
    z-index: 1;
}
 
 

/*findings page*/
 

#findingList {border:none !important;}
.findingsData {
    background:#F5F4F3;
    position:relative;
    z-index:1000
}
/*.findingsData:after {
    top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
 	border-top-color: #eceae7;
    border-top-width: 30px;
    margin-left: -100px;
    border-right-width: 100px;
    border-left-width: 100px;
}
    */

.findingsData:nth-child(even) {
    background-color:#f5f4f3;
    z-index:999;
}
.findingsData:nth-child(even):after {
    border-top-color: #f5f4f3;
}

.findingsData h2 {
    padding:1.5rem 1rem 1rem 3.5%; 
    font-size:1.5rem;
    color:#007367; 
    font-family: OpenSansBold, Arial, Helvetica, sans-serif;  
    text-transform:uppercase;
}

.findingsCard.col-md-6 { 
    background:#fff;
    width:45%;
    margin:0 0 2rem 3.5%;
    
}

.findingsCard:before {
    content:'';
    border-right:50px solid #F5F4F3;
    border-bottom:50px solid #dcd7d0; 
    position:absolute;
    right:0; 
}

.findingsData:nth-child(even) .findingsCard:before {
    border-right:50px solid #f5f4f3;
}






.findingsCard .row {
    padding:1rem !important;
    border:1px solid #dcd7d0;
    min-height: 300px;
}
.findingsCard .row .OTStatLabel {
    font-family: Opensans, Arial, Helvetica, sans-serif; 
    color:#6e695e;  
    display:block; 
    font-size:1.2rem;
    margin-bottom:1rem;
}
.findingsCard .row .col-xs-5 {clear:left; min-height:180px;}
.findingsCard .row .col-xs-5 .np_score_text {
    font-size:5rem; 
    font-family:OpenSansBold, Arial, Helvetica, sans-serif; 
    text-align:center;
    width:92%
}
.findingsCard .row .col-xs-5 .charttext  {
    font-family:OpenSansBold, Arial, Helvetica, sans-serif; 
}
.findingsCard .row .col-xs-5 .scaling-svg-container {
    padding-bottom:0 !important;
}
/*.findingsCard .row .col-xs-5 .scaling-svg 
 {
    width:100%;
    height:auto;
}
*/

/*this sets height and width for safari on windows fix*/
.findingsCard .row .col-xs-5 .scaling-svg  {
    width:200px;
    height:300px;
}

.findingsCard .row .col-xs-7 {position:static;}
.findingsCard .row .col-xs-7 p {font-size:1rem; padding-left:1rem; padding-bottom:1rem;}

.findingsCard .row .col-xs-7   svg {width:60px; height:auto;}

/* setting the background - findings page end  ***************/

/* setting the background - score comparision page begin  ***************/

#tbScoreCompare, #tbGapCompare {
    width: 100%; 
}

    #tbScoreCompare:before, #tbGapCompare:before {
        content: '';
        background-color: #e2dfdb;
        display: inline-flexbox;
 
        width: 100%;
        position: absolute;
        z-index: 1;
    }

    #mapScoreCompare {
        padding-top:1rem !important;
    }
/* setting the background - score comparision page end  ***************/
/* NAEPBanner Style - BEGIN*/
#NAEPBanner .jumbotron {  
    font-family: "OpenSans", Arial, Helvetica, sans-serif;
    background-color: #001871;
    border-radius: 0;
    color: #fff;
    border-bottom: 4px solid #c69214;
    height: 76px;
    padding: 8px 0 0 20px;
    margin: 0;
}

#NAEPBanner .banner-tool-links {
    font-size: 1rem; 
    font-family: OpenSansBold, Arial, Helvetica, sans-serif;
}

#NAEPBanner .banner-data-tools {
    font-family: OpenSans, Arial, Helvetica, sans-serif;
    font-size: 0.9375rem; /*15 pt*/
    margin-bottom:0;
    color:#fff;
}

#NAEPBanner .banner-app-title {
    font-size: 1.875rem;  /*3 pt */
    font-family: OpenSans, Arial, Helvetica, sans-serif;
}

#NAEPBanner .banner-tools-help {
    font-size: 1rem;
    margin-right: 0.5rem
}

.bannerLinksCont{
    height:51px;
    /*margin: 0px;*/
    border-bottom: 1px solid #c69214;
    align-items:initial;
        padding-right: 0px;
}
.navNoMargin{
    margin: 0px;
}
.noLRPadding{
    padding-left:0px;
    padding-right:0px;    
}
.noRightPadding{
    padding-left:0px;    
}
.moveToNavBar{
    top:47px;
    left:50px;
}


.banner-tool-text,
.banner-tool-text:focus,
.banner-tool-text:link,
.banner-tool-text:visited,
.banner-tool-text:hover,
.banner-tool-text:active,
#bannerToolHelp,
#bannerToolLinks{
    /*vertical-align:middle;*/
    text-decoration:none;
        color: #fff;
            margin: 0px 17px 0 0;
}

.save-page-div{
    display:inline-block;
}

.save-page-container .save-page-div.disabled .save-profile a{
    color: #7c746b;
    cursor: default;
    pointer-events: none;
    text-decoration: none;
}

.external-save-page-frame{
   right: 45px;
    top: 30px;
}


.save-profile{
    display: inline-block;
    margin-right: 3rem;
    font-family: opensansbold, arial, Helvetica, sans-serif;
}

.save-page-container{
    display:inline-block;
        top: 9px;
    left: 3px;
}
.save-profile a{
    color:#007367;
    /*text-transform:uppercase;*/
    text-decoration:none;
    vertical-align:middle;
    font-size: 14px;
}

.report-save i{
    display: inline-block;
    border-radius: 50px;
    padding: .3em .3em;
    background-color: #C69214;
    margin-left: .5rem;
}

.report-save i:before {
    content: "\f115";    
    font-family: FontAwesome;
    font-size: 1.2rem;
    position: relative;
    color: #fff;
    left: .1rem;
}
.save-page-container .save-page-div.disabled .save-profile a i:before {
    color: #7c746b;
}

/*by default the object is not clickable with in anchor tag - we need to add the below css to get that working*/

#loginTarget{
   display: inline-block;
    margin: 10px 12px 0px 0px;
    float: right;
}
.banner-tools-help a,
.banner-tools-link a{ 
    position: relative;
    z-index: 1; 
    display:inline-block;
}
.banner-tools-help a span,
.banner-tools-link a span{
    display: inline-block; 
}
.banner-tools-help a object,
.banner-tools-link a object{ 
    position: relative; 
    z-index: -1; 
}

.banner-tools-link a.clLink {
    color:#fff; 
    font-family: OpenSansBold, arial, helvetica, sans-serif;
    font-weight:bold;
    font-size:14px;
}
.banner-tools-link i{
    border-radius: 60px;
    background-color: #fff;
        position: relative;
    top: 4px;
    right: 5px;
}
 
.banner-tools-link i:after{    
    font-family: FontAwesome;
    font-size: 1.75rem;
    position: relative;
    content: "\f2bd";
    cursor: pointer;
    color: #C69214;
} 


.banner-tools-link a.clLink:hover {
    text-decoration:none;
}
 
.bannerHelpFormText{
    text-align:left;
    padding:1rem;
    overflow:auto;
}

#kendoWindowBannerHelp{
    width:600px;
}

/*#endregion*/



.display-row {
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
}

.display-column {
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
}

/* layout.html dialog */

#kendoWindowTableExport_wnd_title {
    background-color: #0A1971;
    border-radius: 0px;
    color: white;
    padding: 1.5rem 1.5rem .5rem 1.5rem;
    margin-bottom:0px;
    font-family: "OpenSansBold", Arial, Helvetica, sans-serif; 
    font-size: 1.4rem;
}

#kendoWindowTableExport_wnd_title .export-option-title {
    font-weight: normal;
}

#kendoWindowTableExport img.xop-image {
    height: 30px;
    width: 30px;
}
div.xop-row {
    height: 5rem;
}
form#xopForm label.xop-lbl, form#xopForm label.xop-lbl>input{
    display: inline-block;
    height: 2rem;
    width: 3rem;
    vertical-align: top;
    text-align: center;
}
div.xop-ttlrow {
    height: 2rem;
}

/* end layout.html dialog*/

/* Overriding list-inline*/
.list-inline {
    margin-left: 0px;
    display: inline;
}

    .list-inline > li {
        padding-left: 0px;
        padding-right: 0px;
    }

.display-inline {
    
}

.bottom-align {
    margin-top: 2.4rem;
}


.padding-right-by-halfrem {
    padding-right: .5rem;
}


#NAEPBanner .banner-tool-links li:nth-child(2) {
    font-weight: normal;
}

/* setting the background color of circle*/
.circle-fa {
    position: relative;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #00A891;
    color: white;
    text-align: center;
    vertical-align:middle;
}

#NAEPBanner .fa-question,
#NAEPBanner .fa-cog {
    color: white;
    font-size: 1.8rem;
   /* text-shadow: 7px 3px 7px #000000;*/
   line-height:2.2rem;
}
 
  

    .state-profile .k-grid-content{
        overflow-y:auto;
    }
      
    .state-profile #gridStateTable .k-grid-header colgroup col:nth-child(1),
    .state-profile #gridStateTable .k-grid-content colgroup col:nth-child(1){
        width:140px; 
    }

    .state-profile #gridStateTable .k-grid-header colgroup col:nth-child(5),
    .state-profile #gridStateTable .k-grid-content colgroup col:nth-child(5) {
        width:100px; 
    }

  .state-profile #gridScoreCompare table tbody tr,
  .state-profile #gridGapCompare table tbody tr{
        cursor:pointer;
    }

  .state-profile #gridGapCompare table tbody tr td:first-child + td{
        text-align: left;
    background-color: #F5F4F3;
    }

  .state-profile #gridGapCompare table tbody tr.focal-jurisdiction td {
    background-color: #007367 !important;
    color: #fff;
}

@media only screen and (min-width: 1024px) {
    .bottom-align {
        margin-top: 2.4rem;
    }

    .visible{
        display:block;
    }
    /*.social-media {margin-left:9rem;}*/
     .share_link-textbox #shareLinkTextbox{ min-width:550px; }

}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .bottom-align {
        margin-top: 1rem;
    }
    .visible{
        display:none;
    }
     #NAEPBanner .row .col-sm-5,
     #NAEPBanner .row .col-sm-7
    {
        padding-right:0px;
    }
    #NAEPBanner .banner-app-title {
        font-weight: normal;
    }

  /*.social-media { margin-left:3rem;}*/

  .share_link-textbox #shareLinkTextbox{ min-width:300px;
  }
}

@media only screen and (max-width:768px) {
    .bottom-align {
        margin-top: 1rem;
    }
     .visible{
        display:block; 
    }

     .selectCompare {
         height:10rem;
     }
     
     /*.social-media { margin-left:0rem; }*/

     .share_link-textbox #shareLinkTextbox{  min-width:150px; }
}


/* NAEPBanner Style - END*/

/* Set Default page size - Start*/
@media only screen and (max-width: 1200px) {
   

    .state-profile .page-narrative.element-background {
        height: auto !important;

    }

    /*Grid classes - begin*/
  
    .state-profile #gridScoreCompare .k-grid-header colgroup col:nth-child(2),
    .state-profile #gridScoreCompare .k-grid-content colgroup col:nth-child(2){
        width:130px!important;
    }

    .state-profile #gridScoreCompare .k-grid-header colgroup col:nth-child(3),
    .state-profile #gridScoreCompare .k-grid-content colgroup col:nth-child(3){
        width:100px!important;
    }

     .state-profile #gridScoreCompare .k-grid-header colgroup col:nth-child(n+4),
    .state-profile #gridScoreCompare .k-grid-content colgroup col:nth-child(n+4){
        width:90px!important;
    }

  
    .state-profile #gridGapCompare .k-grid-header colgroup col:nth-child(2),
    .state-profile #gridGapCompare .k-grid-content colgroup col:nth-child(2){
        width:130px!important;
    }

    .state-profile #gridGapCompare .k-grid-header colgroup col:nth-child(3),
    .state-profile #gridGapCompare .k-grid-content colgroup col:nth-child(3){
        width:100px!important;
    }

    .state-profile #gridGapCompare .k-grid-header colgroup col:nth-child(n+4),
    .state-profile #gridGapCompare .k-grid-content colgroup col:nth-child(n+4){
        width:90px!important;
    }

    /*Grid classes - end*/
}


/*Set Default Page Size End*/

/*sub nvigation settings*/

.subNavigation #tabstripTabs {width:100%;}
.subNavigation li.k-state-default, .subNavigation li.k-state-default.k-state-active {
   /*-webkit-box-shadow: inset 0px 1px 1px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    inset 0px 1px 1px 0px rgba(50, 50, 50, 0.4);
    box-shadow:         inset 0px 1px 1px 0px rgba(50, 50, 50, 0.4);
    background-image:url(images/grey2x2.png);
    background-repeat: repeat-y;
    background-position: left top;
    border-radius:0 !important;*/
}

.subNavigation li.k-state-default:first-child {
    background-image:none;
}

.subNavigation li.k-state-default, .subNavigation li.k-state-default.k-state-active, .subNavigation li.k-state-default.k-state-active:focus, .subNavigation li.k-state-default:focus {
    border:0; outline:none; margin-right:0 !important;
}
.subNavigation li:first-child {
    background-image:none;
}
.subNavigation li span {
    color: #007367; font-family: OpenSansBold, Arial, Helvetica, sans-serif; 
}

.state-profile #tabstripTabs .k-item.k-state-default.k-tab-on-top.k-state-active span{
    color: #fff;
}

.subNavigation li span, .subNavigation li label:hover, .subNavigation li label:focus {
    text-decoration:none;
}

.state-profile  #tabstripTabs li.k-item {
    height:45px; 
    line-height:45px;
        border-bottom: 1px solid #c69214;
    border-top: 1px solid #c69214;
    border-radius: 0px;
    box-shadow:none;
}

.state-profile #tabstripTabs li.k-item.k-state-default:hover   {
    cursor:pointer; 
    /*background:#b78300;*/ 
    /*border-bottom: 3px solid #007367;
    height: 42px;
    line-height: 42px;*/   
}
.state-profile #tabstripTabs li.k-item.k-state-default:hover span, .state-profile #tabstripTabs li.k-item.k-state-default:hover label {
    cursor:pointer;
}

.state-profile  #tabstripTabs li.k-item span {
    padding:0 !important; margin:0 !important;
}

/* Findings Tab Strip Begin */

.state-profile #tabstripTabs .k-item.k-state-default.k-tab-on-top.k-state-active {
    background-color:#007367;
    color: #fff;
    padding-bottom:0;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid #007367;
    border-top: 1px solid #007367;
}


/*focus styles*/

.gradesub-toolbar .k-button-group a.k-state-active:focus { /*outline: 3px solid #007265 !important;*/   }  

.gradesub-toolbar .k-button-group a:focus { /*border-bottom: 3px solid #007367  !important; box-shadow:none !important;*/  }  

.gradesub-toolbar .k-button-group a.k-state-disabled:focus { /*outline: 3px solid #837d73 !important;*/   }

    .state-profile #tabstripTabs .k-item.k-state-default.k-tab-on-top.k-state-active:hover, 
    .state-profile #tabSpOverview:focus #tabstripTabs .k-item.k-state-default.k-tab-on-top.k-state-active, 
    .state-profile #tabstripTabs .k-item.k-state-default.k-tab-on-top.k-state-active:active {
       /*outline: 3px solid #007265 !important;*/    z-index:99;
       position:relative; background-image:none; border-left:0px;
    }



     .state-profile #tabstripTabs .k-item.k-state-default:hover {
       /*outline: 3px solid #8f6a19;*/         
       background-image:none;
       z-index:99;
       position:relative;
    }

     .state-profile #tabstripTabs .k-item.k-state-default:focus {
       /*outline: 3px solid #89837a;*/  
       background-image:none;
       z-index:100000;
       position:relative;
    }





 .state-profile #tabstripTabs li.k-item.k-state-default.k-tab-on-top.k-state-active:after {
        content: "";
        position: absolute;
        left: 45%; 
        top: -3px;
        border-width: .9rem .9rem 0; 
        border-style: solid;
        border-color: #f2ede2 transparent;
        display: block;
        width: 0;
    }

        
.state-profile  #tabstripTabs li.k-item.k-state-default {
    background-color: #f2ede2;
    font-size: 14px;    
}
.state-profile #tabstripTabs li.k-item span.k-link:hover{
    /*border-bottom: 3px solid #007367;*/
   -moz-box-shadow:    inset 0 -3px 0px 0px #007367;
    -webkit-box-shadow: inset 0 -3px 0px 0px #007367;
     box-shadow:        inset 0 -3px 0px 0px #007367;
}




 
.state-profile .export-summary:hover label, #TableFormatOptions:hover label {color:#007367; text-decoration: underline;}
.state-profile .export-summary:hover span i, #TableFormatOptions:hover .fa.fa-pencil-square {background-color:#8f6a19}

.state-profile .export-summary  label{
    color: #007367;
    font-family:OpenSansBold, Arial,  Helvetica, sans-serif;
    font-size:14px; 
    line-height:1.2em;
    cursor:pointer;
    text-align:right;
    margin-right: 0.5rem;
} 


/*#region Findings and Trends Custom Styling*/

/*Set CSS for Grade/Subject/Year heading */

.state-profile .overviewSummary {
    border-bottom:4px #e2dfdb solid ; 
    /*margin-bottom:1rem;*/  
    padding:1rem ;
}
.state-profile .overviewSummary .col-xs-7 p {
    padding-bottom:60px;
}
.state-profile .overviewSummary .col-xs-7 svg {
    position:absolute;
    bottom:1rem; 
    right:1rem;
    height:45px;
    width:45px;
}

.state-profile #tabstripFindings-1 ul, .state-profile #tabstripFindings-2 ul, .state-profile #findingList ul {padding:0; margin-bottom:.25rem;}

.state-profile #tabstripFindings-1 ul li, .state-profile #tabstripFindings-2 ul li, .state-profile #findingList ul li  {
    color: #007367; 
    font-family: OpenSansBold, Arial, Helvetica, sans-serif;
    font-size: 1.2rem; /*18pt*/ 
    border-right:2px solid #e2dfdb;
    margin-right: .5rem;
    padding-right: .5rem;
    list-style:none;
    display:inline-block;
    line-height:1.25rem;
    text-transform:uppercase;
} 


.state-profile #tabstripFindings-1 ul li:last-child, .state-profile #tabstripFindings-2 ul li:last-child, .state-profile #findingList ul li:last-child {
    border-right:0;
    margin-right:0;
    padding-right:0;
}

.state-profile #findingList ul li {
    color:#191919; 
    font-size:1.2rem;
    font-family: OpenSansBold, Arial, Helvetica, sans-serif;
}

/*Set CSS for Average Score */
.state-profile #tabstripFindings-1 div span.fingingsepLabel, .state-profile #tabstripFindings-2 div span.fingingsepLabel, 
.overviewSummary .OTStatLabel  {
    color: #6e695e; 
    font-family: "OpenSansBold", Arial, Helvetica, sans-serif;
    font-size: 1rem;
     text-transform:uppercase;
     display:block;
     padding-bottom:1rem;
}

#tabstripFindings > .k-tabstrip-items .k-item {
    border-radius: 0;
}
#tabstripFindings > .k-tabstrip-items .k-item.k-state-hover {
    /*background:transparent;
    color:#8f6a19;*/
}

#tabstripFindings > .k-tabstrip-items .k-item .k-link {
    padding: .5rem; 
    color:#d6ad4a;
}

#tabstripFindings > .k-tabstrip-items .k-item.k-state-hover .k-link {
    color:#8f6a19;
    background-color:#fff;
}

#tabstripFindings > .k-tabstrip-items .k-item.k-last .k-link {
    color:#b78300;
    font-family: OpenSansBold, Arial, Helvetica, sans-serif;  
}

#tabstripFindings > .k-tabstrip-items .k-item.k-last .k-link:after {
    content: "\f0da";
    font-family: FontAwesome;
    padding-left:10px;
}

#tabstripFindings > .k-tabstrip-items .k-item.k-state-active .k-link {
    color:#007367;
}

#tabstripFindings .k-tabstrip-items.k-reset .k-item.k-state-default.k-last{
    display:none;
}

#tabstripFindings .k-item.k-state-hover, .k-item.k-state-hover:hover {
    color: white;
    background-color: #c69214;
}
/*new design for tabstrip findings*/

.state-profile ul[data-template="template-snapshot"] {
    list-style-type: none;
}

.overviewSummary .np_score_text {
    color:#001871;
    font-size:5rem;font-family: OpenSansBold, Arial, Helvetica, sans-serif;
    text-align:center;
}

h4[data-bind="html:LabelSnapshotReport"], h4[data-bind="html:LabelStateContacts"],
h2[data-bind="html:LabelSnapshotReport"], h2[data-bind="html:LabelStateContacts"] {
    color: #001871;
    font-family:OpenSansBold, Arial, Helvetica, sans-serif;  
    font-size:1.2rem;
    background-color: #F5F4F3;
    padding: .5rem 1rem;
    margin:0;
}

.state-profile .small {position:relative; clear:both;}
.state-profile .small ul > li > strong {
    font-weight: normal;
}
.state-profile .small ul {
    padding:1rem 0 1.25rem;
    margin:0;
}
.state-profile .small ul > li {padding-bottom:.25rem; }
.state-profile .small ul > li:last-child {padding-bottom:0;}
.state-profile .small ul > li > a 
{
    color: #007367;
    text-decoration:underline;
}
.state-profile .small ul > li > a:hover{
    text-decoration:none;
}

.stateInteractiveContainer {
    margin:0.5rem 0 1rem 0;
}

.greyShape { 
	width: 0;
	height: 0;
	/*border-left: 30px solid #a7a9ac;
	border-bottom: 10px solid #fff;*/
    display:block; 
    float:right;
}

.pull-right .export-summary {
    float:right;
    padding-bottom:1rem;
    cursor:pointer;
    margin-top:.35rem;
}

/*#endregion */


/*pop up windows kendo overrides*/
.k-widget.k-window {  /*removes padding on kendo window*/
    padding-top:0 !important; 
    border:none; 
    border-radius:0;
    height:auto !important;    
    box-shadow: none;
    background: transparent;
} 

div.k-window-content {  /*removes padding on kendo window content*/
    padding:0;
    border-radius:0;
} 

.k-widget.k-window .k-window-titlebar {   /*removes default kendo header*/
    display:none;
} 

.k-widget.k-window .row.windowHeader {   
    padding:1rem; 
    background:#001871; 
    color:#fff; 
    font-size:1.3rem;
} 

.k-widget.k-window .window-content.row  {   /*styles main window content*/
    background:#F5F4F3; 
    padding:1rem;
} 

.k-widget.k-window .window-content.row .row  {   /*styles main window content rows*/
    background:#FFFFFF;  
    margin:0 0 .75rem 0; 
    padding:.75rem;
} 

.k-widget.k-window .window-content h3 {   /*styles main window content headers*/
    font-size:1rem; 
    color:#6e695e; 
    margin:0; 
    text-transform:uppercase;
} 

.k-widget.k-window .window-content.row .row.windowActionButtons {    /*styles window button row*/
    background:transparent;  
    padding-bottom:0;
} 

.k-widget.k-window .window-content.row .row.windowActionButtons button {
    color:#fff;
    text-transform:uppercase;
    margin-left:.5rem;
    border-radius:0;
    border:none;
    font-family: "OpenSansBold", Arial, Helvetica, sans-serif;
    padding:.25em 1em;
}

.k-widget.k-window .window-content.row .row.windowActionButtons .windowCancelButton, 
.k-widget.k-window .window-content.row .row.windowActionButtons .windowTableOption_CancelButton
 {
    /*background:#be202e;
    border-bottom: 3px solid #89090f;*/
    background: #fff;
    border: 1px solid #e4002b;
    color: #af272f;
}

.k-widget.k-window .window-content.row .row.windowActionButtons .windowExportButton {
    /*background:#C69214;
    border-bottom: 3px solid #8f6a19;*/
    background: #F2EDE2;
    border: 1px solid #c69214;
    color: #007367;
}
.k-widget.k-window .window-content.row .row.windowActionButtons .windowExportButton:disabled, 
.k-widget.k-window .window-content.row .row.windowActionButtons .windowApplyButton:disabled,
.k-widget.k-window .window-content.row .row.windowActionButtons .windowTableOption_ApplyButton:disabled {
    /*background:#e4c989;
    border-bottom: 3px solid #d6ad4a;*/    
        background: #d1d3d4 !important;
    cursor: not-allowed !important;
    border: 1px solid #77787b !important;
    color: #007367 !important;
}

.k-widget.k-window .window-content.row .row.windowActionButtons .windowApplyButton,
.k-widget.k-window .window-content.row .row.windowActionButtons .windowTableOption_ApplyButton {
    /*background:#C69214;
    border-bottom: 3px solid #8f6a19;*/
    background: #F2EDE2;
    border: 1px solid #c69214;
    color: #007367;
}

.k-widget.k-window .window-content.row .row.windowActionButtons .windowExportCancelButton {
    /*background:#be202e;
    border-bottom: 3px solid #89090f;*/
    background: #fff;
    border: 1px solid #e4002b;
    color: #af272f;
}

.k-widget.k-window .window-content.row .row.windowActionButtons .windowExportCancelButton:hover, 
.k-widget.k-window .window-content.row .row.windowActionButtons .windowCancelButton:hover,
.k-widget.k-window .window-content.row .row.windowActionButtons .windowTableOption_CancelButton:hover  {
    /*background:#89090f; 
    border-bottom: 3px solid #64070c;*/
    background: #af272f;
    border-bottom: 1px solid #e4002b;
    color: #ffffff;
}
.k-widget.k-window .window-content.row .row.windowActionButtons .windowExportButton:hover,  
.k-widget.k-window .window-content.row .row.windowActionButtons .windowApplyButton:hover,
.k-widget.k-window .window-content.row .row.windowActionButtons .windowTableOption_ApplyButton:hover {
    /*background:#8f6a19;
    border-bottom: 3px solid #71520d;*/
    background: #007367;
    border-bottom: 1px solid #c69214;
    color: #ffffff;
}

.k-widget.k-window .window-content.row .row.windowActionButtons .windowExportButton:hover, 
.k-widget.k-window .window-content.row .row.windowActionButtons .windowApplyButton:hover, 
.k-widget.k-window .window-content.row .row.windowActionButtons .windowExportCancelButton:hover, 
.k-widget.k-window .window-content.row .row.windowActionButtons .windowCancelButton:hover,
.k-widget.k-window .window-content.row .row.windowActionButtons .windowTableOption_CancelButton:hover,
.k-widget.k-window .window-content.row .row.windowActionButtons .windowTableOption_ApplyButton:hover
 {
    
    cursor:pointer;
}

.k-treeview .k-in {
    margin-left: 0 !important;
}

.k-widget.k-window #ajaxSpinnerContainer .loadingGif, .k-widget.k-window #ajaxSpinnerContainerLogin .loadingGif{
    display: block;
  color: #c69214;
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 72px auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}

@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* #end kendo window overrides */
 
/*export window specific*/ 
#kendoWindowTableExport {overflow:hidden !important;} /*removes scrolling caused by margins in default bootstrap*/

#kendoWindowTableExport span.input-radio {
    margin:0 auto;
    display:block;
    width:1rem;
    height:1rem;
    position:relative;
}

.exportIcon {
    text-indent: -999999px;
    overflow: hidden; 
    display:block; 
    height:100px; width:100px; 
    background-size:100%;
}
#kendoWindowTableExport label {
    position:relative;
}

.xopXLS { 
    background: transparent url(images/NDE_icon_formats_xls.svg) no-repeat center center; 
}

.xopDOC { 
    background: transparent url(images/NDE_icon_formats_doc.svg) no-repeat center center; 
}

.xopPDF { 
    background: transparent url(images/NDE_icon_formats_pdf.svg) no-repeat center center; 
}

.xopHTML { 
    background: transparent url(images/NDE_icon_formats_html.svg) no-repeat center center; 
}

.xopJSON { 
    background: transparent url(images/NDE_icon_formats_json.svg) no-repeat center center; 
}

.xopCSV { 
    background: transparent url(images/NDE_icon_formats_csv.svg) no-repeat center center; 
}

.cross-button {
    padding: 1rem 1rem 0.3rem 1rem;
    background: transparent url(images/NDE_icon_close.delete_filled.svg) no-repeat center center;
    width: 15px;
    height: 15px;
    cursor: pointer;
    float: right;
    margin-top: -2px;
}
.cross-button-noassessment {
    padding: 1rem 1rem 0.3rem 1rem;
    background: transparent url(images/NDE_icon_close.delete_filled.svg) no-repeat center center;
    width: 15px;
    height: 15px;
    cursor: pointer;
    float: right;
    margin-top: 12px;
}

#kendoWindowTableExport span.k-checkbox {
    margin-top: .5rem;
}


.k-widget.k-window .window-content.row .row.exportComponentContent {
    padding:.1rem; 
    background:#fff;
    margin-bottom:.5rem;
    margin-top:1.5rem;
}


.k-widget.k-window label .input-radio:hover:before {
     width: .6rem;
    height: .6rem;
     margin-top: .19rem;
    margin-left: .20rem;
}


.k-widget.k-window label input[type=radio]:checked + span:before {
    content: none;
}

.k-widget.k-window label input[type=radio]:checked + span + span.input-radio:before, 
.k-widget.k-window label input[type=radio]:checked:hover + span + span.input-radio:before, 
#kendoWindowTableOptions label input[type=radio]:checked + span:before, 
#kendoWindowTableOptions label input[type=radio]:checked:hover + span:before {
    content: "";
    width: .6rem;
    height: .6rem;
    background-color: #007367;
    border-radius: 50%;
        margin-top: .19rem;
    margin-left: .20rem;
    position: absolute;
    z-index:999;
}


.k-window-content.k-content label input[type=radio]:hover + span + span.input-radio:before {
    
    width: .6rem !important;
    height: .6rem !important;  
    margin-top: .23rem;
    margin-left: .23rem; 
}

/*export tree drop down */
#xop-treeview {
    margin-top:1rem;
}

.k-treeview > .k-group, .k-treeview .k-item > .k-group, .k-treeview .k-content {
    background:#fff;  
    padding:1rem;
}

.k-treeview-lines .k-state-focused {
    box-shadow:none;
    border-radius:0;
}

.k-treeview  .k-group .k-group {padding:0;}

.k-treeview  .k-group span, .k-treeview  .k-group .k-group span {color:#333;}

/*end export tree drop down */

/*table display options dialog specific*/
#kendoWindowTableOptions {overflow:hidden !important;} /*removes scrolling caused by margins in default bootstrap*/
#kendoWindowTableOptions h3 {margin-bottom:1rem;}
#kendoWindowTableOptions label {display:block; padding-bottom:.75rem; width:600px;}
#kendoWindowTableOptions label input[type=radio] + span {float:left; margin-left:0; width:1rem; height:1rem; }
 

/*end table display options dialog specific*/

/*table display options link*/
#TableFormatOptions label,
#TableFormatOptions1 label,
#TableFormatOptions2 label,
#TableFormatOptions3 label
{
    display:inline-block; 
    text-align:right; 
    font-family:OpenSansBold, Arial, Helvetica, sans-serif; 
    width:auto; /*180px*/ 
    text-align:right;
     font-size:.9rem;
     position: relative;
    top: -10px;
}

#TableFormatOptions .fa.fa-pencil-square,
#TableFormatOptions1 .fa.fa-pencil-square {
    float:right; 
    height:2.5rem;
    width:2.5rem;
    border-radius:50%; 
    background:#b78300; 
    color:#fff; 
    line-height:2.65rem; 
    font-size:1.75rem;
    display:inline-block;
}
#TableFormatOptions .fa.fa-pencil-square:before,
#TableFormatOptions1 .fa.fa-pencil-square:before {
    position:relative; left:-8px;
}


.reset-all.disable
{
    pointer-events: none;
}

.reset-all .reset-all-text
{
    font-size:.95rem;
    color:#C69214;
    vertical-align:middle;
}

.reset-all-link {
    display:block; 
    /*width:150px;*/
    float:right;
}

.reset-all-div a[enabled="false"] .reset-all-text{
    color:#7c746b;
    display:block; float:right;
    padding-right:0;
    padding-left:5px;
}

.reset-all-div a[enabled="false"] .reset-all-svg{
    background: transparent url('SVG/NDE_ICON_reset27_OFF.svg') no-repeat right center;
    opacity:0.5;
    vertical-align:middle;
    height:27px;
    display:block; 
    margin-right: 3px;
}
.reset-all-div a[enabled="true"] .reset-all-svg {
    background: transparent url('SVG/NDE_ICON_reset27_ON.svg') no-repeat right center;
    vertical-align:middle;
    height:27px;
    display:block; 
    margin-right: 3px;
}

.reset-all-div a,
.reset-all-div a:focus,
.reset-all-div a:link,
.reset-all-div a:visited,
.reset-all-div a:hover,
.reset-all-div a:active
{
    text-decoration: none;
    background-color:transparent;
    
} 

/*kendo chart sorting arrows*/
.state-profile .k-grid .k-grid-header .k-header .k-icon { 
    width:40px;
} 

.state-profile .k-grid .k-grid-header .k-header .k-icon.k-i-arrow-w,
.state-profile .k-grid .k-grid-header .k-header .k-link:hover .k-icon.k-i-arrow-w
 {
    background: url('SVG/arrow_sort_disabled.svg') 5px 5px; 
}

.state-profile .k-grid .k-grid-header .k-header .k-icon.k-i-arrow-n,
.state-profile .k-grid .k-grid-header .k-header .k-link:hover .k-icon.k-i-arrow-n
 {
    background: url('SVG/arrow_sort_up.svg') 5px 5px; 
}

.state-profile .k-grid .k-grid-header .k-header .k-icon.k-i-arrow-s,
.state-profile .k-grid .k-grid-header .k-header .k-link:hover .k-icon.k-i-arrow-s {
    background: url('SVG/arrow_sort_down.svg') 5px 5px; 
}

/*positions the arrows to the right and sizes them down*/
.state-profile .k-grid .k-grid-header .k-header .k-icon.k-i-arrow-w,
.state-profile .k-grid .k-grid-header .k-header .k-link:hover .k-icon.k-i-arrow-w, 
.state-profile .k-grid .k-grid-header .k-header .k-icon.k-i-arrow-n,
.state-profile .k-grid .k-grid-header .k-header .k-link:hover .k-icon.k-i-arrow-n, 
.state-profile .k-grid .k-grid-header .k-header .k-icon.k-i-arrow-s,
.state-profile .k-grid .k-grid-header .k-header .k-link:hover .k-icon.k-i-arrow-s  {
   /* position:absolute;
    right:0px;
    top:50%;
    margin-top:-8px;  */ 
    background-repeat:no-repeat;
    background-size:80%;
    zoom:1; 
} 

/*kendo overrides for table padding and margin, and positioning of sorting arrows*/
.k-grid.k-widget .k-grid-header th.k-header {
   /* vertical-align:middle;
    position:relative;
    padding:.5 1rem;
    margin:0;*/
}

/* remove vertical scroll bar from kendo grid and set the horizontal one*/
.state-profile .k-grid .k-grid-header
{
    padding: 0 !important;
    background-color: transparent !important;
}


.k-grid.k-widget .k-grid-header th.k-header>.k-link {
    padding:0;
    margin:0; 
    max-width:100%;
    display:block;
}


/*icon styles - some override default*/

.no-assessment .fa-ban:before {
    color:#656565; 
    position:relative;
    top:3px; 
    font-size:1.5em;
}

.no-assessment .fa.fa-question.circle-fa  {
    color:#fff;
    position:relative;
    font-size:1.75em;
    right:-5px;
    height:1em;
    width:1em; 
    background-color:#d0cbc3;
    border-radius:50%;
    line-height:1.1em;
    position:relative;
    top:-2px;
}

.export-summary .fa.fa-sign-out {
    color:#fff; 
    font-size:1.5em; 
    height:1.5em;
    width:1.5em; 
    background-color:#b78300;
    border-radius:50%;
    line-height:1.5em;
    float:right; 
    top:-12px;
    position:relative;
}

.export-summary .fa.fa-sign-out:before {
    position:relative;
    left:-5px;
}

@media (max-width: 769px) {
    .section-subheading.state-heading {
        display: block;
    } 
}


/*svg specific*/
svg text{font-family:  OpenSans, Arial, Helvetica, sans-serif} 
.iconExport .st0{display:inline;fill:#FFFFFF;}
.iconExport .st1{fill:#C9920E;}
.iconExport .st2{display:none;}
.iconTableEdit {position:relative; top:5px;}
.iconTableEdit .st0, .iconTableEdit .st1{fill:#fff;}
.iconTableEdit .st2, .iconTableEdit .st3, .iconTableEdit .st4 {fill:#C9920E;}
.iconTableEdit path {stroke:none;}

#TableFormatOptions:hover .iconTableEdit #box,
#TableFormatOptions1:hover .iconTableEdit #box,
#TableFormatOptions2:hover .iconTableEdit #box,
#TableFormatOptions3:hover .iconTableEdit #box {fill:#fff;}
.export-summary:hover .iconExport {cursor:pointer;}
.export-summary:hover .iconExport .st1, 
#TableFormatOptions:hover .iconTableEdit #Layer_1 path,
#TableFormatOptions1:hover .iconTableEdit #Layer_1 path,
#TableFormatOptions2:hover .iconTableEdit #Layer_1 path,
#TableFormatOptions3:hover .iconTableEdit #Layer_1 path {fill:#C9920E;} 
.iconMapSummary .st0 {fill: #EBD7A7;}
.findingsArrowUp .st0{display:inline;fill:#FFFFFF;}
.findingsArrowUp .st1{fill:#001970;}
.findingsArrowUp .st2{display:none;}
.findingsArrowDown .st0{fill:#899CC1;}
.findingsArrowDown .st1{display:inline;fill:#FFFFFF;}
.findingsArrowDown .st2{display:none;}
.findingsArrowNochange .st0{fill:#42649f;}
.findingsArrowNochange .st1{display:inline; fill:#FFFFFF;}
.findingsArrowNochange .st2{display:none;}

.studentOpen .st0 {fill: #FFFFFF;}
.studentOpen .st1 {fill: #A9D3CD;}
.studentClose .st0 {fill: #E4C989;}
.studentClose .st1 {fill: #FFFFFF;}
.schoolOpen .st0 {fill: #B1D6D1;}
.schoolOpen .st1 {fill: #FFFFFF;}
.schoolClose .st0 {fill: #E4C989;}
.schoolClose .st1 {fill: #FFFFFF;}


/*inner pages*/
.jurisdictionHeader {
    background:#f2ede2;
    height:110px; 
}
 
.jurisdictionSelector label {
    font-family:OpenSansBold, Arial, Helvetica, sans-serif;  
    font-size:.975rem;
    color:#4a4a4a;
    width:175px;
    float:left;
    display:block;
    margin-top:.75rem;
    margin-right:.95rem;
}

.state-profile .jurisdictionSelector .k-dropdown {
    margin-top:0;
    width:68%;
}

.jurisdictionHeader a {
    background:transparent url(SVG/NDE_ICON_map_summary.svg) no-repeat right center; 
    display:block;
    padding-right:75px;
    height:50px; 
    color:#007367; 
    font-family:OpenSansBold, Arial, Helvetica, sans-serif; 
    font-size:.9rem; 
    width:175px;
    float:right;
}
.jurisdictionHeader a:hover, .jurisdictionHeader a:focus {
    text-decoration:none;
}
.jurisdictionHeader a span{
    position:relative; 
    top:5px;
    text-transform:uppercase;
}
.row.overviewSummary .scaling-svg-container {
    height:auto;
    padding:0; 
}
.row.overviewSummary svg.scaling-svg {
    height:auto;
}
.row.overviewSummary .col-xs-7 {
    position:relative;  
}
.row.overviewSummary .col-xs-7 svg, 
.findingsData .findingsCard .col-xs-7 svg {
    width:50px;
    height:auto;
    position:absolute; 
    right:1rem;
    bottom:1rem;
}

.row.overviewSummary .scaling-svg-container svg {
    top:-1.5rem;
}



/*overrides for killing hamburger and full responsive*/
@media only screen and (max-width: 1000px) {


    /*this will come out once its figured out*/ #toolbar > .k-button-group {
        display: inline-block !important;
        visibility: visible !important;
    } 

    #toolbar div.k-button-group {
        padding-left: 0;
        padding-right:0;  
    }

    #toolbar div.k-button-group:first-child {
        padding-right:1rem;
    }

    .k-toolbar .k-button, .k-toolbar .k-button:link {
        font-size:.9rem;
        padding:0 .9rem;
    }

    .col-md-12 .k-toolbar .k-button-group {
        margin-right:1rem;
    }
    /*#TableFormatOptions label, #TableFormatOptions2 label, 
     #TableFormatOptions1 label,  #TableFormatOptions3 label {
    width:150px;
    top: 0px; 
}*/
}
 


/* score and gap comp tab */

.score-comp-tab.k-content, .gap-comp-tab.k-content {
    padding:0 !important;
}

.score-comp-tab label .input-radio {
    width:1.4rem;
    height:1.4rem;
}

.score-comp-tab .year-dropdown span.k-dropdown {
    float:right;
}

.state-profile .selectCompare {
   /*height:6rem;*/ 
    /*background:#eceae7 ;*/
        padding: 1rem 0;
}

.state-profile .selectCompare .col-md-3 .k-dropdown {
    width:15rem;
}
.state-profile .selectCompare div{
    margin-left: 0px;
    padding-left: 0px;
}


.selectCompare label, .compareOptions label, .compareYears label {
    font-family: OpenSansBold, Arial, Helvetica, sans-serif;
    font-size:.9rem;
}
.state-profile .compareYears.focalYear .k-dropdown .k-dropdown-wrap .k-select
  { 
    background-color: #007367;
    width:0px !important;
}

.state-profile .compareYears.focalYear .k-dropdown {
    width:90% !important;
    float:none;
}

.state-profile .compareYears.focalYear .k-dropdown .k-dropdown-wrap
{ 
    background-color: #007367;  
}

.state-profile .compareYears.focalYear .k-dropdown .k-dropdown-wrap .k-icon {
     background-image:none;
     background-color: #008d83;
     width:0px !important;
}

.state-profile .compareYears.focalYear, .state-profile .compareYears {
    position:relative; 
    top:0;
    height:15px;
}
.state-profile .col-xs-6.grid-heading .map-title{
padding-top:10px;
}
.state-profile .selectCompare .k-dropdown .k-dropdown-wrap {
    margin-top:0;
}
.state-profile .selectCompare .k-dropdown .k-dropdown-wrap .k-input, 
.demographicSelect .k-dropdown .k-dropdown-wrap .k-input {
    height: 2rem;
    line-height:2rem;
    font-size:1rem;
}

.state-profile .selectCompare .k-dropdown .k-dropdown-wrap, 
.demographicSelect .k-dropdown .k-dropdown-wrap  {
    /*border-bottom-width:.15rem;*/
}

.state-profile .selectCompare .k-dropdown .k-dropdown-wrap .k-select {
    width:2rem;
}

.state-profile .selectCompare .k-dropdown .k-dropdown-wrap .k-icon, 
.demographicSelect .k-dropdown .k-dropdown-wrap .k-icon{
    background-size:50%; 
    top:-4px
}

.selectCompare label .input-radio {
    width:1.4rem;
    height:1.4rem;
}

.compareOptions label .input-radio {
    width:1.4rem;
    height:1.4rem;
}

.state-profile .compareYears .k-dropdown .k-dropdown-wrap {margin-top:0;}

.state-profile .compareYears.focalYear .k-dropdown .k-dropdown-wrap .k-input {
    background:#007367; 
    color: white;
    border:none !important;
}
.state-profile .compareYears.focalYear .k-dropdown .k-dropdown-wrap {opacity:1;}
.state-profile .compareYears.focalYear .k-dropdown .k-dropdown-wrap {
    border-bottom-color:#008d83 !important;
}

.state-profile .compareYears.focalYear .k-dropdown .k-dropdown-wrap .k-select {
    background-color:#6ab4ac;
}

.jurisdictionCompare {
    padding:1rem 0;
}

 
.gap-comp-tab .tableOptions label {
    color:#007367;
}

.studentGroup, .crossyearGroup {
    display:inline-block;
}
 
.compareOptions.statistic-row {
    padding:1rem 0;
}


/*
.selectCompare label {
    width:15rem;
    position: relative;
}*/

.selectCompare .labelMarginRight {
    margin-right: .5rem;
}
.selectCompare .k-dropdown {
    width:20rem; /*30rem*/
    
}
.selectCompare .studentContainer{
  padding-top: 0.5rem;
}
/*demographics*/

.demographicSelect {
    margin-top:1rem;
    /*background:#d0cbc3;*/ 
    padding:0 .25rem;
    height:4rem;
    line-height:4rem;
    /*margin-bottom:1rem;*/
}

.state-profile .demographicSelect .k-dropdown-wrap {
    margin-top:-.5rem;
    margin-left:1rem;
}

.state-profile .demographicSelect .k-dropdown-wrap .k-select {
    width:2rem;
}

.demographicSelect label {
    text-transform:uppercase;font-family: OpenSansBold, Arial, Helvetica, sans-serif;
    color:#656565;
}

.demoHead {
    background:#007367; 
    height:6rem; 
    z-index:1000;
    position:relative; 
    cursor:pointer;
    outline:none;
    border:1px solid #007367;
}


.demoHead:after {
    content: "";
    position: absolute;
    left: 3rem;
    bottom: -1rem;
    border-width: 1rem 1rem 0;
    border-style: solid;
    border-color: #007367 transparent;
    display: block;
    width: 0;
}

.demoHead.demogClosed h2{
    color:#007367;
} 

.demoHead h2 {
    color:#fff;
    width:350px;
    font-size:1.5rem;
    margin-top:10px;
    font-family: OpenSansBold, Arial, Helvetica, sans-serif;
}

.demoHead .text-right {
    color:#fff; font-family: OpenSansBold, Arial, Helvetica, sans-serif;

}

.showHideArrow {
    height:3rem;
    width:3rem;
    background:#fff;
    border-radius:50%;
    content:"";
}

#section1div, #section2div {
    background:#f5f4f3;
    padding:2rem;
}
.demogContent {
    background:#F5F4F3;
    padding:2rem !important;
}
.demogContent .row {
    background: #E7E7E8; 
     border-bottom:8px solid #f5f4f3;
}

.demogContent .col-sm-3 label {
    padding:2rem;
    color:#6e695e; font-family: OpenSansBold, Arial, Helvetica, sans-serif;
    font-size:1.5rem;
}


.demogContent .col-md-9 {
    background:#fff;
    padding-top:1rem;
}

.demoHead svg {
}
.demoHead h2 {float:left; padding-top:.5rem; margin-left:1rem;}
.demoHead .studentClose, .demoHead .schoolClose {display:none;}
.demoHead.demogClosed:after {border-color: transparent;}
.demoHead.demogClosed .studentOpen, .demoHead.demogClosed .schoolOpen {display:none; }
.demoHead.demogClosed {background:#F2EDE2; border: 1px solid #C69214;}
.demoHead.demogClosed:focus { outline: #FFFFFF solid .2rem;  z-index: 9999; }
.demoHead.demogClosed .studentClose, .demoHead.demogClosed .schoolClose {display:block; }
.demoHead .svgImgClass {
    width: 68px; float: left; margin:7px 0px 0px 14px;
}

.demoHead path {stroke:#00A896; fill:#ffffff;}
.demoHead .studentClose path {stroke:#C69214; fill:#ffffff;}

#chartStudentEnrolled {padding-bottom:5px;}
#chartStudentEnrolled svg, #chartPctStatistics svg, #chartRaceStatistics svg  {width:95% !important;}
#chartPctStatistics, #chartRaceStatistics, #chartSchoolCharacteristics {left:-1.5rem;}
#chartSchoolCharacteristics svg {width:105% !important;}
#chartSchoolCharacteristics text, #chartSchoolCharacteristics text tspan, .demogContent .col-md-3 span {
    padding:1rem;
    font-size:1rem;
    font-family: OpenSansBold, Arial, Helvetica, sans-serif;
    color:#6e695e;
     fill:#6e695e;
}
.demogContent .enrolledStudentDemog {padding-top:0;}
.demogContent .enrolledStudentDemog:before { 
    content: '';
    /*border-right: 50px solid #F5F4F3;
    border-bottom: 50px solid #dcd7d0;*/
    position: absolute;
    right: 0;
}
.demogContent .col-md-3 span {
    font-size:1.3rem;
    display:block;
}

#chartSchoolCharacteristics text.circletext{
     fill:#fff;
}
.demoHead.demogClosed span{
    color:#007367;
}
.demoHead span {display:inline-block !important; margin-top:2rem; font-family: OpenSansBold, Arial, Helvetica, sans-serif; color:#fff; font-size:1.3rem; }
.demoHead span.openCloseArrow {width:40px; border-radius:50%; display:block; height:40px; background:url(images/NDE_ICON_arrow_small_up.svg) no-repeat center center; margin-top:1.5rem; float:right; margin-right: .4rem;}
.demoHead.demogClosed span.openCloseArrow {background:url(images/NDE_ICON_arrow_small_down.svg) no-repeat center center; margin-right: .4rem;}

 .jurisdictionCompare {width:65%; float:left;}
 .jurisdictionSelects {width:33%; float:right; padding-left:2%;}

/*state district Np kendo fixes*/
.k-item.k-state-disabled {
    background:#DCD7D0; 
    margin-left:0;
     border-radius: 0!important;
     border-left:0 !important;
     opacity: 1;
}
.k-item.k-state-disabled span.k-link:hover{
        box-shadow: none !important;
}
.k-item.k-state-disabled span.k-link span{
    color: #837d73;
}
 

.k-overflow-anchor.k-button {
    display:none !important;
}

/*district profile fixes*/
.state-profile div[data-bind="html: labelBacktoSummary"] { 
    font-family:OpenSansBold, Arial, Arial, Helvetica, sans-serif;
    text-transform: uppercase; 
}

#kendoWindowNoDataMain .fa-2x{
    margin-right: .5rem;
    vertical-align: middle;
}

/*Social Media classes*/
.social-media{
    display:inline-block;
    /*line-height:2.8rem;*/
    vertical-align:middle;
    z-index:9999;
    margin-right: -1rem;
    text-align: center;
}

.social-media .social-media-text{
    position: relative;
    left: -2rem;
    color: #007367; font-family: opensansbold, arial, Helvetica, sans-serif; font-size:14px;text-decoration:none;
}

.save-profile a span:hover, .social-media .social-media-text span:hover{
    text-decoration:underline;
}

.reset-all-text:after{
    font-family: FontAwesome;
    content: "\f1e0";
    position: relative;
    top: 2px;
    font-size: 1.3rem;
    margin-left: .5rem;
    color:#c69214;
}
.social-media .social-media-text i{
    display: inline-block;
    border-radius: 50px;
    padding: .3em .4em;
    background-color: #C69214;
    margin-left: .5rem;
    }
.social-media .social-media-text i:after {
    font-family: FontAwesome;
    content: "\f1e0";
    position: relative;
    font-size: 1.2rem;
    color: #fff;
} 

.reset-all-text:after {
    content: "\f021";
}

.export-summary i{
    display: inline-block;
    border-radius: 60px;
    padding: 0.35rem 0.4em;
    background-color: #C69214;
}

.export-summary i:after {
    content: "\f08b";
    font-family: FontAwesome;
    left: 0.1rem;
    font-size: 1.2rem;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.social-media .social-share {
    
    position:relative;
}
.social-media .social-share:link,.social-share:visited,.social-share:hover,.social-share:active {
    text-decoration:none;
}

.social-media .social-share span{
    text-align: center;
    font-size:14px;
    top:-.05rem;
}
.social-media .social-share-expand {
    position: absolute;
    z-index: 9999;
    width: 40px;
    background-color: transparent;
    display: none;
    border:1px solid #c69214;
    margin:0;
    padding: 35px 0 0;
    top: -0.3rem;
    right: 0.63rem;
}

.social-share-expand li {
    display:block;
    text-decoration:none;    
    padding-bottom: .4rem;
    background: #fff;
    width: 100%;
    /*color: #c69214;*/
}

.social-share-expand li a i {color:#c69214; font-size:2rem;}
.social-share-expand li a i.fa {line-height:auto;}

.social-media-backgroud{ 
 text-align: center;
}

#socialMedia{
    display:inline-block;
    position:relative; 
    top: 7px;
        left: 14px;
} 

.share_link-textbox{
    position:relative;
    left: -500px;
}

.share_link-textbox #shareLinkTextbox{
    line-height:1.2rem;
    font-size: .8rem;    
    padding: .4rem;
    border-color: #c69214;
}
/********** End Social Media classes************/

/*media queries for tablet and mobile*/

/*desktop - navigation fix*/
@media only screen and (max-width: 1200px) {
    .state-profile #tabstripTabs li.k-item span {font-size:.85rem; }
    .state-profile #tabstripTabs li.k-item.k-state-default.k-tab-on-top.k-state-active:after {left:45%;}
}

/*tablet, landscape*/

@media only screen  
  and (max-width: 1025px)   {


.k-toolbar .k-button-group {
    display:inline-block !important;
}

.state-profile #tabstripTabs li.k-item.k-state-default.k-tab-on-top.k-state-active:after {
    left:45%;
    top:-3px;
}

 .jurisdictionCompare {width:60%; float:left;}
 .jurisdictionSelects {width:38%; float:right; padding-left:2%;}



 
}

@media only screen and (max-width: 1210px) {
    .findingsCard .row .col-xs-5 .scaling-svg {
        width: 175px;
        height: 300px;
    }
}

/*desktop - navigation fix*/
@media only screen and (max-width: 1000px) {
    .state-profile #tabstripTabs li.k-item {height:65px; line-height:15px;}
    .state-profile #tabstripTabs li.k-item span {padding:1.1rem .20rem 0 .20rem !important;}
    .state-profile #tabstripTabs li.k-item.k-state-default.k-tab-on-top.k-state-active:after {left:42%;}
    .state-profile #tabstripTabs li.k-item .k-loading.k-complete {display:none !important;}

    .state-profile .jurisdictionHeader {height:130px;}
    .state-profile .jurisdictionSelector label {width:150px;}
    .state-profile .jurisdictionSelector span.k-dropdown {width:80%;}

    .findingsCard .row .col-xs-5 .np_score_text {
        font-size:3rem;
    }
     .findingsCard .row .col-xs-5 .scaling-svg {
        width: 125px;
        height: 300px;
    }

     .state-profile #findingList ul {width:80%} 

.demogContent .enrolledStudentDemog:before {
    content: '';
    border-right: 0;
    border-bottom: 0;
    position: relative;
    right: 0;
}

#tbScoreCompare > .k-button-group, #tbGapCompare > .k-button-group {padding-right:1.65rem;}
.state-profile .selectCompare {height:10rem;}
.selectCompare .pull-right {float:none !important;}
.selectCompare label {width:12rem;}
.state-profile .selectCompare .col-md-3 .k-dropdown, .selectCompare .k-dropdown {width:20rem;}
}

/*tablet, portrait*/

@media only screen and (max-width: 778px)   {

.k-overflow-anchor.k-button {
        display:none !important;
    }

.k-toolbar .k-button-group {
    display:inline-block !important;
}

#toolbar div.k-button-group  {/*margin-right:.5rem;*/}


.state-profile .k-toolbar .k-button, .k-toolbar .k-button:link {
    font-size:.75rem;
}

.jurisdictionHeader  a {
    padding-right:0; 
    width:120px;
}

.jurisdictionSelector .k-dropdown.k-input {
    width:80% !important;
}

.findingsCard.col-md-6 {width:93%;}

.findingsCard .row .col-sm-5 .scaling-svg {width:90%;}

.demographicSelect .k-widget.k-dropdown.k-input {width:50% !important;}

.subNavigation li label {font-size:.8rem;} 

.compareOptions label {font-size:.8rem;}

.crossyearContainer {padding-left:.5rem;}

 .compareYears {padding-right:0 !important;}
 .jurisdictionCompare {width:100%; float:none;}
 .jurisdictionSelects {width:100%; float:none; padding-left:0;}

.state-profile .selectCompare {
    height: 5rem;
}

.state-profile .selectCompare .pull-right {
    float:none !important;
    padding-top:1rem;
    clear:left;
}

.state-profile .selectCompare .pull-right label {
    display:block;
}

.state-profile .compareYears.focalYear, .state-profile .compareYears {
    height:100px;
}

.findingsCard .row .col-xs-5 .scaling-svg {
        width: 250px;
        height: 300px;
    }

.findingsCard .row .col-xs-5 .np_score_text {
        font-size:5rem;
    }


.selectCompare .studentContainer .timeScale label .input-radio {
    margin-left:0;
}


.selectCompare label {
    width:auto;
}

}


/*mobile phone*/
@media only screen and (max-width: 735px) {
    .overviewAddtlData {
        display: none;
    }

    .statistic-row {
        font-size: .8rem;
    }

    .state-profile .map-title .map-title-subject,
    .state-profile .map-title .map-title-grade, 
    .state-profile .map-title .map-title-year {
        font-size: 1.1rem;
    }

    .state-profile .map-title-text {
        font-size: 1rem;
    }

    .state-profile .year-dropdown span.k-dropdown {
        right: 1.2rem;
    }


    .statistic-row label .input-radio {
        margin-left: 0;
    }

    /*#stateprofilemap svg, #mapScoreCompare svg {
        min-width: 580px;
        min-height: 390px;
    }*/

    .legend .legend-box:first-child {
        margin-left: 0;
    }

    .tableOptions #TableFormatOptions label,
    .tableOptions #TableFormatOptions1 label,
    .tableOptions #TableFormatOptions2 label,
    .tableOptions #TableFormatOptions3 label {
        font-size: .675rem;
         width:120px;
         top:0px;
    }

    .legend label.legend-label {
        font-size: .67rem;
        padding: 0 .5rem;
    }

    .table-legend {
        margin-top: 2rem;
    }

    .iconTableEdit {
        top: 10px;
    }

    .exportIcon {
        width: 90px;
    }

    .compareOptions label .input-radio {
        height: .9rem;
        width: .9rem;
    }

    .compareOptions label input[type=radio]:checked + span:before, .compareOptions label input[type=radio]:hover + span:before {
        width: .5rem;
        height: .5rem;
        margin-top: .2rem;
        margin-left: .22rem;
    }

    .compareOptions .studentContainer.col-xs-6 {
        padding-right:0;
    }

    .compareOptions .crossyearContainer.col-xs-5 {
        padding-left:0;
    }

    .col-xs-6.col-md-2.compareYears.focalYear {
        clear:left;
        float:none;
    }

    
    #toolbar > .k-button-group, #tbScoreCompare > .k-button-group, #tbGapCompare > .k-button-group {
        padding-right:0;
    }
    .col-md-12 .k-toolbar .k-button-group {
        margin-right:0;
    }
    .state-profile #findingList ul {width:100%}

    .state-profile #tabstripTabs li.k-item {height:85px; line-height:15px;}

    .state-profile .selectCompare .col-md-5 {padding-top:1rem;}
    .state-profile .selectCompare .pull-right label {display:inline-block;} 
    .compareOptions.statistic-row {padding:1rem 0;}
}

.subNavigation label {margin-bottom:0 !important;}
#toolbarFindCohort {width:100%; border:1px solid #c69214; height: 36px; background-color:#f2ede2;}
#toolbarFindCohort::before {
    content: '';
    background-color: #e2dfdb;
    display: inline-flexbox;
    width: 100%;
    position: absolute;
    z-index: 1;
}

#toolbar > .k-button-group, #toolbarFindCohort > .k-button-group {
    /*padding:1.25rem 4rem .625rem 0px;*/
    padding:0px;
    margin: 20px 0px 20px 0px;
    border: none;
    background: #f2ede2;          
}

#toolbarFindCohort > .k-button-group {
        margin: -11px 0px 0px 20px;
        border:0px;
}

#tbGapCompare div:first-child + div, #tbScoreCompare div:first-child + div, #toolbar div:first-child + div{    
    width: 49%;
    float: left;
    display: table !important;
    table-layout: fixed;
}
#tbGapCompare div:first-child + div a, #tbScoreCompare div:first-child + div a, #toolbar div:first-child + div a{
    /*width:31%;*/    
    display: table-cell;
}
#tbGapCompare div:first-child + div a:first-child + a, #tbScoreCompare div:first-child + div a:first-child + a, #toolbar div:first-child + div a:first-child + a {
    margin: 0px 1.1rem;       
}
#tbGapCompare div:last-child, #tbScoreCompare div:last-child, #toolbar div:last-child{ 
    float:right;
    width: 50%; 
    display: table !important;
    table-layout: fixed;
}

#tbGapCompare div:last-child a, #tbScoreCompare div:last-child a, #toolbar div:last-child a{ 
    /*margin-right: 0.49rem;*/
    height: 42px;
    display: table-cell;
}
.k-tabstrip-wrapper #toolbar div:last-child a{ 
    margin-right: 0px;
}
#tbGapCompare > .k-button-group a:first-child, #tbScoreCompare > .k-button-group a:first-child, #toolbar > .k-button-group a:first-child{
    border-left: 1px solid #c69214;
}
#tbGapCompare > .k-button-group a:last-child, #tbScoreCompare > .k-button-group a:last-child, #toolbar > .k-button-group a:last-child{
    border-right: 1px solid #c69214;
}
#tbGapCompare div:last-child a:first-child, #tbScoreCompare div:last-child a:first-child, #toolbar div:last-child a:first-child{ 
    width:30%;
}
.k-tabstrip-wrapper #toolbar div:last-child a:first-child{ 
    width:auto;
}

.row.overviewSummary .scaling-svg-bar {overflow:visible !important;}
.k-grid-content table td:first-child, 
.k-grid-content table td:nth-child(2) {font-family: "OpenSansBold"; font-weight:normal;}
label {font-weight:normal; font-family:OpenSansSemiBold, Arial, Helvetica, sans-serif; }
b, strong, .fullStrong {font-weight:normal; font-family:OpenSansBold, Arial, Helvetica, sans-serif}


/* IE Fixes*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    .state-profile .k-dropdown .k-dropdown-wrap .k-input {
        padding: 0;
    }

    .overviewSummary.row .col-xs-7 svg, .findingsData .findingsCard .col-xs-7 svg {
        bottom: -5rem;
    }

    .k-panelbar-expand, .k-panelbar-collapse {
        width: 20px;
    }

    .demoHead::after {
        bottom: -.75rem;
    }

    .state-profile .k-dropdown-wrap {
        /*border-bottom-width: .45rem;*/
        margin-top:0.3rem;
    }

    .window-content img[src*='.svg'] {
        width: auto;
    }

    .row.overviewSummary .scaling-svg-bar {
        transform: scale(1.3);
        position: relative;
        left: 30%;
    }

    .k-widget.k-window label input[type=radio]:hover + span + span.input-radio:before,
    #kendoWindowTableOptions label input[type=radio]:hover + span:before {
        width: .2rem;
        height: .2rem;
    }

    .overviewSummary .scaling-svg2 {
        padding-bottom: 100px;
        transform: scale(1.5);
        position: relative;
        left: 75px;
        top: 50px;
    }
}

@media only screen and (max-width: 735px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    /*
.k-treeview .k-group li.csv-disabled span {
    color:#7c7468;
}

#xop-treeview li.csv-disabled div span input[type=checkbox]:checked + span, #xop-treeview li.csv-disabled div span input[type=checkbox] + span  {
    background-image:none;
    background-color:#e2dfdb;
    border:.13rem solid #7c7468;
    pointer-events:none;
    cursor:default;
}

#xop-treeview li.csv-disabled div span + span img {
    display:none;
}
     

*/

}
/* Fire fox fixes*/
@-moz-document url-prefix() {
    .gradesub-toolbar .k-button-group a.k-state-active:focus {
        outline: none !important;
        border: 3px solid #007265 !important;
    }
   
    .state-profile #tabstripTabs .k-item.k-state-default.k-tab-on-top.k-state-active:hover, 
    .state-profile #tabSpOverview:focus #tabstripTabs .k-item.k-state-default.k-tab-on-top.k-state-active, 
    .state-profile #tabstripTabs .k-item.k-state-default.k-tab-on-top.k-state-active:active {
       outline-offset:-3px;
    }
    
     .state-profile #tabstripTabs .k-item.k-state-default:focus{
        outline-offset:-3px;
    }

}
/*color contrast adjustments*/

.k-button-group .k-state-disabled {opacity:1;}

/*accessibility css adjustments*/

fieldset {
    display:inline-block;
    overflow: visible;
}

fieldset legend {
    position:absolute;
    left:-10000px;
    top:auto; 
    width:1px;
    height:1px; 
    overflow:hidden;
}
 
 #trendsChart svg {width:100%;}

/*
 #trendsChart svg g + g + g  g text tspan  {
    alignment-baseline: before-edge    ;
}

#trendsChart svg g + g + g  g + g + g + g  g + g + g text tspan  {
    alignment-baseline: middle     ;
} 
    */


/*no data window*/
    .no-data-window {background:#fff; padding:2rem; font-family:OpenSans, arial, helvetica, sans-serif;}
	.no-data-window h1 {color:#001871; font-size:1.5rem; padding:0 0 10px 50px; background:transparent url(SVG/NDE_ICON_null.svg) no-repeat left 5px; margin-bottom:1rem; font-family:OpenSansBold, arial, helvetica, sans-serif;}
	.no-data-window p {font-size:1rem; margin-bottom:2rem;}
	.no-data-window label {text-align:center; font-size:1.1rem;  color:#999; margin:0 auto; width:250px; display:none;}
	.no-data-window label span {height:20px; width:20px; position:relative; top:-2px;} 
	.no-data-window label input[type=checkbox]:checked + span {background-size:15px 15px;}
	.no-data-window input[type=button] {display:block; margin:2rem auto; background:#00a795; border: 0; border-bottom:3px solid #00715f; padding:.25rem 1rem; text-align:center; margin-bottom:2rem; font-family:OpenSansBold, arial, helvetica, sans-serif; color:#fff; font-size:1.5rem;} 
	.no-data-window .no-data-footer {background:#f9f8f7; margin:0 -2rem -2rem -2rem; text-align:center; color:#c69214; font-size:1.8rem; padding:1rem;}
	.no-data-window .no-data-footer p {background:transparent url(SVG/NDE_ICON_help_filled.svg) no-repeat left center;  background-size:30px 30px; margin:0 auto; padding:1rem 0; width:350px;}
    .no-data-window .no-data-footer a p {color:#c69214;  font-family:OpenSansBold, arial, helvetica, sans-serif; }

 

    /*error message*/

    .error-message p {padding:2rem; font-family:OpenSans, arial, helvetica, sans-serif;}
	.error-message ul {list-style:none; padding:0 0 0 2rem;}
	.error-message ul li {display:inline-block; margin-right:1rem;}
    .error-message input[type=button] { background:#C69214; border-radius:0; border:0; padding:10px 20px; color:#fff; font-family:OpenSansBold, arial, helvetica, sans-serif; text-align:center;margin:0 0 2rem 0;  border-bottom:4px solid #8f6a19;}

    /*fixes for testing 3-15*/

    .window-content .k-treeview {width:595px;}
    .state-profile .k-toolbar .k-button.k-state-disabled,   .state-profile .k-toolbar .k-button.k-state-disabled:hover {box-shadow:none !important;}


    /*testing for scroll bar

     body {overflow-x:auto !important;}

    .k-grid-content, 
    .gap-comp-tab, 
    .k-grid-header-wrap.k-auto-scrollable, 
    .score-comp-tab.k-content.k-state-active
        {overflow:visible !important;} 

    .k-grid.k-widget {border:0;}

    .k-grid.k-widget .k-grid-content table {
        border:1px solid #ccc;
        width:99.8%;
    }*/ 

    /*fix ie menu not working*/
    .score-comp-tab div.k-button-group  {
        display:inline-block !important;
    }


 
/*.k-widget,.k-widget *{overflow:visible !important}*/
.statemap_legend_bg_down {overflow:hidden !important;}
/*.k-widget .findingsCard , .k-widget  .findingsCard * {overflow:hidden  !important;}*/
#trendsChart:focus, #trendsChart svg:focus {outline: none; border:none;}

.state-profile #tabstripTabs .k-loading{
    position:static;
}

@media only screen and (min-width : 779px) and (max-width : 991px) {
    
    .findingsCard .row {
        padding:1rem;
        border:1px solid #dcd7d0;
        min-height: 360px;
    }

}

	/* minor display fixes */
	.subNavigation {margin-bottom:1rem;border-left: 1px solid #c69214; border-right: 1px solid #c69214;}
    
	.row.nomargin.jurisdictionSelects {padding-top:2rem;}

    .loginMessageClass{
   
    color: #ffffff;
    width: auto;
    padding: 5px;
    background-color: #C69214;
    border: 2px solid white;
    font-weight: bold;
   
}
