/* main.scss */
/* Table of contents:
1. General styles - the core foundation styles only
2. Header
3. Subheader
4. Footer
5. Header elements (H1 - H6)
6. FORM ELEMENTS - ALL ELEMENTS OTHER THAN BUTTONS
7. FORM ELEMENTS - BUTTONS
8. Tables
9. general styles that affect presentation only
10. ADJUSTMENTS FOR INDIVIDUAL PAGES
*/
/* Color Definition CSS */
/* Table of contents:
1. General styles - the core foundation styles only
2. Header
3. Subheader
4. Footer
5. Header elements (H1 - H6)
6. FORM ELEMENTS - ALL ELEMENTS OTHER THAN BUTTONS
7. FORM ELEMENTS - BUTTONS
8. Tables
9. general styles that affect presentation only
10. ADJUSTMENTS FOR INDIVIDUAL PAGES
*/
/* ******************** Sass VARIABLES ******************** */
/* Text colors */
/* font color in nav bar */
/* medium blueish */
/* dark blue */
/* almost black */
/* medium blue */
/* used in subheader - little box bgcolor */
/* used in input fields on login page. */
/* from style guide, accordion text (Marking Period) */
/* darker than button green for readability */
/* dark purplish blue */
/* new 
$lighter_gray: lighten(#b8bfc9, 15%);
*/
/* Border colors */
/* light blue-gray, used for grades table borders as part of accordions */
/* includes header HR & footer HR, "borders" used as dividers. Pale pastel blue */
/* semi-dark */
/* dark periwinkle, for navigation bar */
/* medium periwinkle-blue */
/* med-dark gray with bluish tone, used in search results table (grid control) */
/* Background colors */
/* whitish blue */
/* nav bar bgcolor */
/* used on grades pages */
/* background color for navigation in mobile view */
/* Buttons */
/* new */
/* More colors */
/* dashed line to separate comments */
/* used as font color inside input boxes for user-entered text */
/* Non-Bootstrap Info Table - this table is for displaying static information */
/* new */
/* #495b6c; */
/* attendance table header bg color */
/* alt row background color (very light barely-there color) */
/* not used in *this* application -- remove with caution */
/* used in search results table (grid control) */
/* blue */
/* blue */
/* ************* */
/* Kendo tables */
/* Kendo - search results table or form? */
/* line 3, ../sass/_kendo.scss */
.search_page .k-widget {
  border: none;
}

/* line 6, ../sass/_kendo.scss */
.k-grid .k-button {
  display: none;
}

/*** SEARCH RESULTS TABLE - KENDO STYLES */
/* line 11, ../sass/_kendo.scss */
.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 !important;
}

/* line 14, ../sass/_kendo.scss */
.search_page .k-grid-header {
  padding-right: 0 !important;
}

/* line 17, ../sass/_kendo.scss */
.search_page .k-grid-header-wrap {
  border-top: 1px solid #c4cfdc;
}

/* line 23, ../sass/_kendo.scss */
.search_page .k-grid-header th.k-header:first-child,
.search_page .k-grid tbody td:first-child, .k-grid tfoot td:first-child,
.search_page .k-filter-row > th:first-child {
  border-left-width: 1px;
}

/* line 26, ../sass/_kendo.scss */
.search_page th.k-header {
  line-height: 1.42857;
  padding: 8px;
  background-color: #f5f9fd;
}

/* line 31, ../sass/_kendo.scss */
.search_page th.k-header a.k-link {
  color: #495b6c;
  font-weight: 600;
}

/* line 38, ../sass/_kendo.scss */
.search_page .k-pager-wrap,
.search_page .k-alt, .k-separator,
.search_page .k-resource.k-alt,
.search_page .k-pivot-layout > tbody > tr:first-child > td:first-child {
  background-color: #f5f9fd;
}

/* line 47, ../sass/_kendo.scss */
.search_page .k-block,
.search_page .k-widget,
.search_page .k-popup,
.search_page .k-content,
.search_page .k-toolbar,
.search_page .k-dropdown
.search_page .k-input {
  color: #525c6b;
  font-size: 12px;
}

/* line 51, ../sass/_kendo.scss */
.search_page .k-grid-content {
  overflow: visible;
}

/* line 54, ../sass/_kendo.scss */
.search_page .k-pager-wrap {
  border: 1px solid #c4cfdc;
}

/* line 65, ../sass/_kendo.scss */
.search_page .k-autocomplete,
.search_page .k-combobox,
.search_page .k-datepicker,
.search_page .k-timepicker,
.search_page .k-datetimepicker,
.search_page .k-numerictextbox,
.search_page .k-dropdown,
.search_page .k-selectbox,
.search_page .k-textbox {
  width: auto !important;
}

/* line 68, ../sass/_kendo.scss */
.search_page .k-grid-header th.k-header > .k-link {
  overflow: hidden;
  text-overflow: clip;
}

/* line 73, ../sass/_kendo.scss */
.search_page .k-grid,
.search_page .k-widget {
  max-width: 700px;
}

/* line 76, ../sass/_kendo.scss */
.search_page .k-grid {
  width: 672px;
}

/* line 79, ../sass/_kendo.scss */
.search_page .k-header {
  width: 670px;
}

/* line 82, ../sass/_kendo.scss */
.search_page .k-widget * {
  box-sizing: border-box;
}

/* line 96, ../sass/_kendo.scss */
.search_page .k-state-selected,
.search_page .k-state-selected:link,
.search_page .k-state-selected:visited,
.search_page .k-list > .k-state-selected,
.search_page .k-list > .k-state-highlight,
.search_page .k-panel > .k-state-selected,
.search_page .k-ghost-splitbar-vertical,
.search_page .k-ghost-splitbar-horizontal,
.search_page .k-draghandle.k-state-selected:hover,
.search_page .k-scheduler .k-scheduler-toolbar .k-state-selected,
.search_page .k-scheduler .k-today.k-state-selected,
.search_page .k-marquee-color {
  color: #525c6b !important;
  /* TODO */
  background-color: #9aacd3;
}

/* line 109, ../sass/_kendo.scss */
.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight,
.k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color,
.k-button:active, .k-button.k-state-active,
.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link,
.k-state-selected, .k-state-selected:link, .k-state-selected:visited,
.k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color,
.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
  background-color: #c4cfdc;
  /* use this color? */
}

/* line 113, ../sass/_kendo.scss */
table .k-filter-row .k-grid .k-button {
  display: none;
}

/* line 117, ../sass/_kendo.scss */
.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight,
.k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
  color: #fff;
}

/* SEARCH RESULTS TABLE - COLUMN LINE ALIGNMENT */
/* line 122, ../sass/_kendo.scss */
.k-grid table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

/* line 128, ../sass/_kendo.scss */
.k-grid-content-locked, .k-grid-content, .k-pager-wrap {
  white-space: normal;
}

/* Search page - Search Results table - color of text in table */
/* line 133, ../sass/_kendo.scss */
.search_page .k-block, .search_page .k-widget, .search_page .k-popup, .search_page .k-content, .search_page .k-toolbar, .search_page .k-dropdown .search_page .k-input {
  color: #495b6c;
  font-size: 12px;
}

/* line 137, ../sass/_kendo.scss */
.k-block, .k-widget, .k-popup, .k-content, .k-toolbar, .k-dropdown .k-input {
  color: #495b6c;
}

/* line 140, ../sass/_kendo.scss */
.k-block, .k-widget {
  line-height: normal;
}

/* SEARCH RESULTS TABLE - FILTER ROW BORDER COLOR */
/* line 146, ../sass/_kendo.scss */
.k-filter-row > th,
.k-grid-header-wrap {
  border-color: #c4cfdc !important;
}

/* k-header = search results table: first row, left and bottom borders */
/* line 152, ../sass/_kendo.scss */
.k-header,
.k-grid-header-wrap {
  border-color: #adb9c8 !important;
}

/* line 162, ../sass/_kendo.scss */
.k-filter-row > th,
.k-editable-area, .k-separator, .k-colorpicker .k-i-arrow-s, .k-textbox > input, .k-autocomplete, .k-dropdown-wrap,
.k-toolbar, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-state-default, .k-state-default .k-select,
.k-state-disabled, .k-grid-header, .k-grid-header-locked, .k-grid-footer-locked, .k-grid-content-locked, .k-grid td,
.k-grid td.k-state-selected, .k-grid-footer-wrap, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-refresh, .k-grouping-header,
.k-grouping-header .k-group-indicator, .k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link, .k-panelbar .k-panel,
.k-panelbar .k-content, .k-treemap-tile, .k-calendar th, .k-slider-track, .k-splitbar,
.k-dropzone-active, .k-tiles, .k-toolbar, .k-tooltip, .k-button-group .k-tool, .k-upload-files {
  border-color: #c4cfdc !important;
}

/* line 165, ../sass/_kendo.scss */
.search_results_table .k-header {
  border-bottom: 1px solid #c4cfdc !important;
}

/* line 169, ../sass/_kendo.scss */
.k-filter-row .k-input {
  border-bottom: medium none !important;
}

/* guide:
.k-input = borders around filter boxes in 2nd row of search results grid
.k-header = grid row one, left and bottom borders
.k-filter-row > th = search results table (grid) row 2, left borders of cells
.k-grid-header-wrap = top border of entire table
*/
/* more Kendo stuff */
/* .k-block, .k-widget, 
.k-textbox, .k-group, 
.k-content, .k-header, 
.k-filter-row > th, .k-editable-area, 
.k-separator, .k-colorpicker .k-i-arrow-s, 
.k-textbox > input, 
 */
/* .k-toolbar, .k-group-footer td, .k-grid-footer, 
.k-footer-template td, .k-state-default, .k-state-default .k-select, 
.k-state-disabled,  */
/* line 206, ../sass/_kendo.scss */
.k-grid-header, .k-grid-header-wrap,
.k-grid-header-locked, .k-grid-footer-locked, .k-grid-content-locked,
.k-grid td, .k-grid td.k-state-selected,
.k-grid-footer-wrap,
.k-pager-refresh, .k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link,
.k-panelbar .k-panel, .k-panelbar .k-content,
.k-treemap-tile, .k-calendar th,
.k-slider-track, .k-splitbar {
  border-bottom: none !important;
}

/* end: Search table Kendo stuff */
/*** KENDO STYLES */
/* was k-animation-container. changed it to .k-animation-container */
/* line 217, ../sass/_kendo.scss */
.k-animation-container, .k-widget, .k-widget *, .k-animation-container *, .k-widget *::before,
.k-animation-container *::after, .k-block .k-header, .k-list-container {
  box-sizing: content-box;
}

/* line 221, ../sass/_kendo.scss */
.search_page .k-widget * {
  box-sizing: border-box;
}

/* line 224, ../sass/_kendo.scss */
.k-grid tr td {
  border-color: #6a7074;
  border-style: solid;
  border-width: 1px 0 0 1px;
}

/* line 242, ../sass/_kendo.scss */
.k-block, .k-widget, .k-input, .k-textbox, .k-group, .k-content,
.k-header, .k-filter-row > th, .k-editable-area, .k-separator,
.k-colorpicker .k-i-arrow-s, .k-textbox > input, .k-autocomplete,
.k-dropdown-wrap, .k-toolbar, .k-group-footer td, .k-grid-footer,
.k-footer-template td, .k-state-default, .k-state-default .k-select,
.k-state-disabled, .k-grid-header, .k-grid-header-wrap, .k-grid-header-locked,
.k-grid-footer-locked, .k-grid-content-locked, .k-grid td,
.k-grid td.k-state-selected, .k-grid-footer-wrap, .k-pager-wrap,
.k-pager-wrap .k-link, .k-pager-refresh, .k-grouping-header,
.k-grouping-header .k-group-indicator, .k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link, .k-panelbar .k-panel, .k-panelbar .k-content,
.k-treemap-tile, .k-calendar th, .k-slider-track, .k-splitbar,
.k-dropzone-active, .k-tiles, .k-toolbar, .k-tooltip,
.k-button-group .k-tool, .k-upload-files {
  border-color: #525c6b;
}

/* line 245, ../sass/_kendo.scss */
.k-grid td {
  border-style: solid;
  border-width: 0 0 0 1px;
  line-height: 1.6em;
  overflow: hidden;
  padding: 0.4em 0.6em;
  text-overflow: ellipsis;
  vertical-align: middle;
}

/* line 254, ../sass/_kendo.scss */
.k-widget, .k-widget * {
  background-clip: border-box;
}

/* line 257, ../sass/_kendo.scss */
.k-animation-container, .k-widget, .k-widget *, .k-animation-container *, .k-widget *::before, .k-animation-container *::after, .k-block .k-header, .k-list-container {
  box-sizing: content-box;
}

/* line 261, ../sass/_kendo.scss */
.k-widget.k-autocomplete.k-header.k-state-default {
  box-shadow: none !important;
}

/* line 266, ../sass/_kendo.scss */
.k-loading-text,
.k-progressbar,
.k-icon.k-loading {
  background-color: yellow !important;
  border: 1px solid red !important;
}

/* Tables CSS */
/* ******************** Tables ******************** */
/* ******************** Background colors ******************** */
/* line 5, ../sass/_tables.scss */
.table .add_bg {
  background-color: #f8fbff;
}

/* line 10, ../sass/_tables.scss */
.schedule_page .panel-default > .panel-heading,
.grades-tables .panel-default > .panel-heading {
  background-color: #cae0f8;
}

/* line 14, ../sass/_tables.scss */
.grades-tables .table tr:nth-of-type(4n),
.grades-tables .table tr:nth-of-type(4n+1) {
  background-color: #f7fbff;
}

/* line 19, ../sass/_tables.scss */
.grades-tables .table tr:nth-of-type(1),
.grades-tables .curr_grades_elem .table tr:nth-of-type(4n),
.grades-tables .curr_grades_elem .table tr:nth-of-type(4n+1) {
  background-color: white;
}

/* line 22, ../sass/_tables.scss */
.grades-tables .curr_grades_elem .table tr.even {
  background-color: #f7fbff;
}

/* line 26, ../sass/_tables.scss */
.schedule_page .navcolor,
.grades-tables .navcolor {
  background-color: #cae0f8;
}

/* line 30, ../sass/_tables.scss */
.schedule_page .current,
.grades-tables .current {
  background-color: #dbeafa;
}

/* line 35, ../sass/_tables.scss */
.bgcolor_white,
.grades-tables .table tr:nth-of-type(4n).bgcolor_white,
.grades-tables .table tr:nth-of-type(4n+1).bgcolor_white {
  background-color: white;
}

/* line 39, ../sass/_tables.scss */
.schedule_page .table tbody td:nth-of-type(2n+2) {
  background-color: #f8fbff;
}

/* line 47, ../sass/_tables.scss */
.promotion-table th,
.health-tables .table-bordered th,
.schedule_page th,
.attendance-table th,
.assessments_page .regents-table thead tr,
.assessments_page .regents-table thead th {
  background-color: #eef3fa;
}

/* line 54, ../sass/_tables.scss */
.grades-tables.schedule_day_page .table tr:nth-of-type(4n+4),
.health-tables.grades-tables .table tr:nth-of-type(4n),
.health-tables.grades-tables .table tr:nth-of-type(4n+1),
.grades-tables .past_grades_tab .table tr:nth-of-type(4n),
.grades-tables .past_grades_tab .table tr:nth-of-type(4n+1) {
  background-color: white;
}

/* line 63, ../sass/_tables.scss */
#accordion_alt a.collapsed,
.schedule_page #accordion .panel:first-of-type > .panel-heading,
.schedule_page div[id^="accordion_"] .panel:first-of-type > .panel-heading,
.schedule_page div[id^="accordion"] .panel:first-of-type > .panel-heading,
.grades-tables #accordion .panel:first-of-type > .panel-heading,
.schedule_page .navcolor[aria-expanded="true"],
.grades-tables .navcolor[aria-expanded="true"] {
  background-color: #dbeafa;
}

/* line 67, ../sass/_tables.scss */
.schedule_page .navcolor[aria-expanded="false"],
.grades-tables .navcolor[aria-expanded="false"] {
  background-color: #cae0f8;
}

/* ******************** end: Background colors ******************** */
/* ******************** Table borders ******************** */
/* line 76, ../sass/_tables.scss */
.table-bordered > tbody > tr > th {
  border: 1px solid #b6cee3;
}

/* line 79, ../sass/_tables.scss */
.table tr:nth-of-type(2n+3) td {
  border-top: 1px dashed #eaf2f8 !important;
}

/* line 83, ../sass/_tables.scss */
.table-bordered th,
.table-bordered td {
  border: 1px solid #c4cfdc !important;
}

/* line 86, ../sass/_tables.scss */
.curr_grades_elem .table-bordered td {
  border-top: 0px solid #c4cfdc !important;
  border-bottom: 0px solid #c4cfdc !important;
}

/* line 90, ../sass/_tables.scss */
.curr_grades_elem .data.rows {
  border-top: 1px solid #c4cfdc;
}

/* line 94, ../sass/_tables.scss */
.table-bordered th,
.table-bordered td {
  border-right: 0px solid #c4cfdc !important;
}

/* line 97, ../sass/_tables.scss */
.grades-tables .table-bordered th {
  border-right: 1px solid #c4cfdc !important;
}

/* line 101, ../sass/_tables.scss */
.grades-tables .table-bordered th,
.grades-tables .table-bordered td {
  border-bottom: 1px dashed #c4cfdc !important;
}

/* line 106, ../sass/_tables.scss */
.health-tables.grades-tables .table-bordered th,
.health-tables.grades-tables .table-bordered td {
  border-bottom: 1px solid #c4cfdc !important;
}

/* line 110, ../sass/_tables.scss */
.schedule_page .table-bordered tbody tr:first-of-type td,
.grades-tables .table-bordered tbody tr:first-of-type td {
  border-bottom: 0 solid white;
}

/* line 115, ../sass/_tables.scss */
.schedule_day_page .table-bordered th,
.schedule_day_page .table-bordered td {
  border: 1px solid #c4cfdc;
}

/* line 118, ../sass/_tables.scss */
.schedule_page .table-bordered {
  border: 0 solid #c4cfdc;
}

/* line 121, ../sass/_tables.scss */
.schedule_page .table-bordered {
  border-right: 1px solid #c4cfdc;
}

/* line 124, ../sass/_tables.scss */
.assessments_page_exp .table-bordered td {
  border-left: none !important;
}

/* line 128, ../sass/_tables.scss */
.schedule_day_page #accordion .panel:last-of-type a.navcolor,
.grades-tables.schedule_day_page #accordion .panel:last-of-type a.navcolor {
  border-bottom: none;
}

/* line 134, ../sass/_tables.scss */
.schedule_day_page #accordion .panel:nth-of-type(5) a.navcolor,
.schedule_day_page #accordion .panel:last-of-type a.navcolor,
.grades-tables.schedule_day_page #accordion .panel:nth-of-type(5) a.navcolor,
.grades-tables.schedule_day_page #accordion .panel:last-of-type a.navcolor {
  border-bottom: 1px solid #b6cee3;
}

/* line 137, ../sass/_tables.scss */
.schedule_day_page .table-bordered {
  border-right: 1px solid #c4cfdc;
}

/* line 140, ../sass/_tables.scss */
.schedule_day_page .table-bordered td {
  border-right: none !important;
}

/* line 143, ../sass/_tables.scss */
.assessments_page_exp .table-bordered th {
  border-left: none !important;
}

/* line 148, ../sass/_tables.scss */
.table-bordered,
.table-bordered > tbody > tr > td {
  border: 1px solid #c4cfdc;
}

/* line 151, ../sass/_tables.scss */
.table > tbody > tr.data > td {
  border: none;
  border-right: 1px solid #c4cfdc;
  border-color: #c4cfdc !important;
}

/* line 156, ../sass/_tables.scss */
.table-bordered > tbody > tr:first-of-type > td:first-of-type {
  border-bottom: 0;
}

/* line 161, ../sass/_tables.scss */
.schedule_page #accordion a.navcolor,
.schedule_page div[id^="accordion_"] a.navcolor {
  border-bottom-width: 0;
}

/* line 170, ../sass/_tables.scss */
.schedule_page #accordion_alt a.navcolor.collapsed,
.grades-tables #accordion_alt a.navcolor.collapsed,
.schedule_page div[id^="accordion_"] a.navcolor.collapsed,
.schedule_page #accordion a.navcolor.collapsed,
.schedule_page div[id^="accordion_"] a.navcolor.collapsed
.grades-tables #accordion a.navcolor.collapsed {
  border-bottom: 1px solid #b6cee3;
}

/* line 174, ../sass/_tables.scss */
.schedule_page .table > tbody > tr > th,
.schedule_page .table > tbody > tr > td {
  border: 1px solid #c4cfdc;
}

/* line 177, ../sass/_tables.scss */
.grades-tables .navcolor + .collapse.in {
  border-bottom: none;
}

/* line 181, ../sass/_tables.scss */
.schedule_page .panel-group .panel,
.grades-tables .panel-group .panel {
  border: none;
}

/* line 185, ../sass/_tables.scss */
.schedule_page .panel-default,
.grades-tables .panel-default {
  border-color: #c4cfdc;
  /* some shade of periwinkle */
}

/* line 191, ../sass/_tables.scss */
.schedule_page .panel-default > .panel-heading + .panel-collapse > .panel-body,
.grades-tables .panel-default > .panel-heading + .panel-collapse > .panel-body,
.schedule_page .panel-body,
.grades-tables .panel-body {
  border: none !important;
}

/* line 196, ../sass/_tables.scss */
.schedule_page .panel-body > .table,
.grades-tables .panel-body > .table {
  border-top: 1px solid #b6cee3;
}

/* line 200, ../sass/_tables.scss */
.schedule_page .collapse,
.grades-tables .collapse {
  border-bottom: 1px solid #b6cee3;
}

/* line 205, ../sass/_tables.scss */
.schedule_page .collapse.in,
.grades-tables .collapse.in {
  border-bottom: none;
}

/* line 210, ../sass/_tables.scss */
.schedule_page .collapse.in .table,
.grades-tables .collapse.in .table {
  border-top: none;
}

/* line 216, ../sass/_tables.scss */
.schedule_page .panel-body > .table,
.grades-tables .panel-body > .table,
.schedule_page .panel-body > .table,
.grades-tables .panel-body > .table {
  border-top: none !important;
}

/* line 220, ../sass/_tables.scss */
.schedule_page .panel-group,
.grades-tables .panel-group {
  border-bottom: 1px solid #b6cee3;
  border-bottom: none;
}

/* line 225, ../sass/_tables.scss */
.schedule_page .panel-default > .panel-heading,
.grades-tables .panel-default > .panel-heading {
  border-top: 1px solid #b6cee3;
  border-left: 1px solid #b6cee3;
  border-right: 1px solid #b6cee3;
}

/* line 232, ../sass/_tables.scss */
.schedule_page .navcolor,
.grades-tables .navcolor {
  border-left: 1px solid #b6cee3;
  border-right: 1px solid #b6cee3;
  border-bottom: 1px solid #b6cee3;
  border-bottom: 0 none;
}

/* line 241, ../sass/_tables.scss */
.schedule_page h2.blue-text + .panel .navcolor,
.grades-tables h2.blue-text + .panel .navcolor,
.schedule_page h2.blue-text + div#accordion > .panel:first-of-type .navcolor,
.grades-tables h2.blue-text + div#accordion > .panel:first-of-type .navcolor {
  border-top: 1px solid #b6cee3 !important;
}

/* line 246, ../sass/_tables.scss */
.schedule_page #accordion .panel:last-of-type a.navcolor,
.grades-tables #accordion .panel:last-of-type a.navcolor {
  border-bottom: 0px solid #b6cee3;
}

/* line 250, ../sass/_tables.scss */
.schedule_page #accordion .panel:last-of-type a.navcolor.collapsed,
.grades-tables #accordion .panel:last-of-type a.navcolor.collapsed {
  border-bottom: 1px solid #b6cee3;
}

/* line 254, ../sass/_tables.scss */
.schedule_page .collapse.in .panel-body > .table,
.grades-tables .collapse.in .panel-body > .table {
  border-top: 0px solid #c4cfdc !important;
}

/* line 258, ../sass/_tables.scss */
.grades-tables .collapse.in .panel-body > .table {
  border-top: 1px solid #c4cfdc !important;
}

/* line 261, ../sass/_tables.scss */
.schedule_page .navcolor.collapsed {
  border-bottom: 0px solid #c4cfdc;
}

/* line 264, ../sass/_tables.scss */
.grades-tables .navcolor.collapsed {
  border-bottom: 1px solid #c4cfdc;
}

/* line 269, ../sass/_tables.scss */
.assessments_page .table-bordered,
.assessments_page .table-bordered > tbody > tr > td {
  border: 1px solid #b6cee3;
}

/* line 272, ../sass/_tables.scss */
.assessments_page .table-bordered {
  border: none;
}

/* line 276, ../sass/_tables.scss */
.schedule_page h2 a {
  border-right: 1px solid #6a7074;
}

/* line 279, ../sass/_tables.scss */
.schedule_day_page .schedule_page h2 a {
  border-right: none;
}

/* line 282, ../sass/_tables.scss */
.schedule_day_page h2 a {
  border-left: 1px solid black;
}

/* line 287, ../sass/_tables.scss */
.grades-tables .past_grades_tab .table-bordered th,
.grades-tables .past_grades_tab .table-bordered td {
  border-bottom: 1px solid #c4cfdc !important;
}

/* line 291, ../sass/_tables.scss */
#accordion > div:first-of-type > a {
  border-top: 1px solid #c4cfdc;
}

/* line 297, ../sass/_tables.scss */
.schedule_page #accordion > h2 + div,
.grades-tables #accordion > h2 + div,
.schedule_page #accordion_alt > h2 + div,
.grades-tables #accordion_alt > h2 + div {
  border-top: 1px solid #c4cfdc;
}

/* line 304, ../sass/_tables.scss */
.schedule_page .panel:nth-child(1) .navcolor,
.grades-tables .panel:nth-child(1) .navcolor {
  border-top: 1px solid #b6cee3;
}

/* line 309, ../sass/_tables.scss */
.panel-heading > table {
  border-top: none;
}

/* line 312, ../sass/_tables.scss */
.regents-table.table > tbody > tr > td[colspan="3"] {
  border-bottom: none !important;
  border-right: none;
}

/* expanding-table class is used only in assessments.html */
/* line 319, ../sass/_tables.scss */
.assessments_page .table-bordered th,
.assessments_page .table-bordered td {
  border-right: 1px solid #c4cfdc !important;
}

/* line 323, ../sass/_tables.scss */
.expanding-table .panel {
  border: none;
}
/* line 326, ../sass/_tables.scss */
.expanding-table .table-bordered {
  border: 0px solid #c4cfdc;
  border-collapse: collapse;
}
/* line 330, ../sass/_tables.scss */
.expanding-table .table-bordered td {
  border: 0px solid #c4cfdc;
}
/* line 333, ../sass/_tables.scss */
.expanding-table .table-bordered > tbody > tr {
  border-top: 1px solid #c4cfdc;
}
/* line 336, ../sass/_tables.scss */
.expanding-table .table-bordered > tbody > tr:first-of-type {
  border-top: 0px solid #c4cfdc;
}
/* line 339, ../sass/_tables.scss */
.expanding-table .table-bordered > tbody > tr > td {
  border-top: 0px solid #c4cfdc !important;
  border-right: 1px solid main_border_color;
  border-bottom: 1px solid #c4cfdc;
}
/* line 344, ../sass/_tables.scss */
.expanding-table .table-bordered > tbody > tr > td:last-of-type {
  border-right: 0px solid main_border_color;
}
/* line 347, ../sass/_tables.scss */
.expanding-table .panel-collapse tr:last-of-type td {
  border-bottom: 0px solid #c4cfdc;
}

/* line 352, ../sass/_tables.scss */
th.no-top-border {
  border-top: none !important;
}

/* ******************** end: Table borders ******************** */
/* ******************** Table borders - non-border attributes ******************** */
/* line 360, ../sass/_tables.scss */
.grades-tables .table-bordered th {
  color: #495b6c;
  font-weight: bold;
  line-height: 1.1em;
}

/* line 366, ../sass/_tables.scss */
.health-table th,
.health-table td {
  text-align: center;
}

/* line 369, ../sass/_tables.scss */
.health-table td:first-of-type {
  text-align: left;
}

/* line 373, ../sass/_tables.scss */
.grades-tables.health-tables .panel-group h3.panel-title {
  min-height: 16px;
  height: auto;
}

/* line 378, ../sass/_tables.scss */
thead td.sorting_disabled {
  border-left: 0px;
}

/* ******************** end: Table borders - non-border attributes ******************** */
/* ******************** Compatibility adjustments ******************** */
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* line 392, ../sass/_tables.scss */
  .grades-tables table,
  .grades-tables table tr,
  .grades-tables table td {
    border-right: 1px solid #c4cfdc !important;
  }

  /* line 400, ../sass/_tables.scss */
  table.table.table-bordered.mb-1,
  table.table.table-bordered.mb-2,
  table.table.table-bordered.mb-3,
  table.table.table-bordered.mb-4,
  table.table.table-bordered.mb-5 {
    border-collapse: separate;
  }
}
/* ******************** end: Compatibility adjustments ******************** */
/* Slider CSS */
/* LJM - emptied out this file since we are no longer using the slider for which we had (S)CSS in here */
/****** Slider (e.g. on Menu page ) */
/* line 5, ../sass/_slider.scss */
.tip-container {
  margin-left: 12px;
  margin-right: auto;
  margin-top: 60px;
}
/* line 10, ../sass/_slider.scss */
.tip-container .tip-title {
  color: #2174c7;
  font-size: 24px;
  font-family: Arial;
  font-weight: normal;
}
/* line 16, ../sass/_slider.scss */
.tip-container .carousel {
  background-color: #edf5fb;
  border: 1px solid #d4e3f2;
  border-radius: 10px;
  position: relative;
  min-height: 120px;
  padding: 25px 55px;
}
/* line 24, ../sass/_slider.scss */
.tip-container .carousel .carousel-inner {
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  padding: 0;
}
/* line 30, ../sass/_slider.scss */
.tip-container .carousel .carousel-inner .carousel-caption {
  text-shadow: none;
  color: #65727f;
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}
/* line 44, ../sass/_slider.scss */
.tip-container .carousel .carousel-control {
  top: 25%;
  bottom: auto;
  filter: alpha(opacity=90);
  opacity: .9;
}
/* line 49, ../sass/_slider.scss */
.tip-container .carousel .carousel-control.right, .tip-container .carousel .carousel-control.left {
  background: transparent;
}
/* line 52, ../sass/_slider.scss */
.tip-container .carousel .carousel-control .glyphicon-chevron-left, .tip-container .carousel .carousel-control .icon-prev, .tip-container .carousel .carousel-control .glyphicon-chevron-right, .tip-container .carousel .carousel-control .icon-next {
  line-height: 60px;
  background: #edf5fb;
  height: 60px;
  padding: 0;
  width: 28px;
  cursor: pointer;
  font-size: 24px;
  color: #757575;
  opacity: 1;
}
/* line 63, ../sass/_slider.scss */
.tip-container .carousel .carousel-control .glyphicon-chevron-right, .tip-container .carousel .carousel-control .icon-next {
  margin: 0 2px 0 0;
  right: 10%;
}
/* line 67, ../sass/_slider.scss */
.tip-container .carousel .carousel-control .glyphicon-chevron-left, .tip-container .carousel .carousel-control .icon-prev {
  margin: 0 0 0 2px;
  left: 12%;
}

/* Header CSS */
/* ******************** HEADER, NAVIGATION ******************** */
/* line 3, ../sass/_header.scss */
.header {
  height: 68px;
  margin: auto 0 6px 0;
  padding: 0 0 10px 0;
  overflow: initial;
  /* was unset or auto */
}
/* line 8, ../sass/_header.scss */
.header .logo {
  float: left;
  padding: 0;
  padding-left: 15px;
  padding-top: 12px;
}
/* line 14, ../sass/_header.scss */
.header .app_logo {
  color: #2174c7;
  font-size: 26px;
  margin-top: 22px;
  padding-right: 15px;
}

/* line 22, ../sass/_header.scss */
.header.no-nav {
  border-bottom: 1px solid #d4e3f2;
}

/* line 26, ../sass/_header.scss */
nav {
  border-top: 1px solid #d4e3f2;
  border-bottom: 1px solid #d4e3f2;
}

/* NOTE: #navc is THE HAMBURGER (VEGGIE BURGER) */
/* line 32, ../sass/_header.scss */
#navc {
  display: none;
}

/* NOTE: #navs is the horizontal nav bar in the top right of page showing four nav items */
/* line 37, ../sass/_header.scss */
#navs a {
  color: #2174c7;
  font-size: 12px;
  text-transform: uppercase;
  padding: 12px 10px 8px 10px;
}
/* line 42, ../sass/_header.scss */
#navs a:hover {
  color: #fc6400;
}

/* line 47, ../sass/_header.scss */
#navs > li > a:hover,
.nav > li > a:hover {
  background-color: white;
}

/* line 50, ../sass/_header.scss */
#navs li.active > a:before {
  position: absolute;
  display: block;
  content: "";
  background-color: #fc6400;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 0;
  -webkit-transition: height ease .3s;
  transition: height ease .3s;
  z-index: -1;
  height: 4px;
}

/* line 69, ../sass/_header.scss */
#navs > li.active > a:focus:before,
#navs > li.active > a:hover:before,
.nav > li.active > a:focus:before,
.nav > li.active > a:hover:before {
  background-color: #fc6400;
}

/* line 72, ../sass/_header.scss */
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: transparent;
}

/* line 77, ../sass/_header.scss */
#navs > li.active > a:before:hover,
#navs > li.active > a:hover,
.nav > li.active > a:before:hover {
  background-color: #fc6400;
}

/* line 80, ../sass/_header.scss */
.navigation > .row {
  border-top: 1px solid #d4e3f2;
  margin-left: 0;
  margin-right: 0;
}

/* line 85, ../sass/_header.scss */
.navigation .nycdoe-icon {
  font-size: 22px;
  padding: 0 0 5px 0;
}

/* line 89, ../sass/_header.scss */
.navigation .nycdoe-subNavicon {
  font-size: 14px;
}

/* LJM - remove nav-justified and replace with main-nav */
/* line 94, ../sass/_header.scss */
.nav-justified .dropdown .caret {
  position: absolute;
  bottom: 13px;
  right: 13px;
}

/* line 99, ../sass/_header.scss */
.nav-justified > li > a {
  text-align: center;
  padding: 3px 10px;
}

/* line 103, ../sass/_header.scss */
.nav-justified > li > a span {
  display: block;
  /* was inline-block */
}

/* line 107, ../sass/_header.scss */
#navs .nycdoe-icon:hover {
  color: #fc6400;
}

/* line 111, ../sass/_header.scss */
.nav > li > a:focus,
.nav > li > a:hover {
  background-color: none;
  text-decoration: none;
}

/* line 116, ../sass/_header.scss */
#navs > li > a:hover,
.nav > li > a:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

/* line 120, ../sass/_header.scss */
.nav-justified > .dropdown .dropdown-menu {
  width: 100%;
}

/* line 123, ../sass/_header.scss */
.navbar-nav > li > .dropdown-menu {
  margin-top: 10px;
}

/* line 126, ../sass/_header.scss */
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  background-color: #eef3fa;
  background-image: linear-gradient(to bottom, #f5f5f5 0px, #eef3fa 100%);
  background-repeat: repeat-x;
}

/* line 133, ../sass/_header.scss */
.nav-justified > li > a span.nycdoe-icon {
  display: none;
}

/* line 136, ../sass/_header.scss */
.app_logo {
  color: #2e7abf;
  float: right;
  font-family: Arial;
  font-size: 24px;
  font-weight: bold;
  margin-top: 6px;
}

/* ******************** end: header, navigation ******************** */
/* line 148, ../sass/_header.scss */
#navs li.active > a::before {
  background-color: #fc6400;
}

/* new */
/* line 153, ../sass/_header.scss */
.login_block {
  /* border-top: 1px solid $border1; */
}

/* line 157, ../sass/_header.scss */
.header.no-nav {
  border-bottom: 1px solid #d4e3f2;
}

/* Stylesheet CSS */
/* Stylesheet CSS */
/* style.scss */
/* ******************** GENERAL STYLES ******************** */
/* line 7, ../sass/_style.scss */
html,
body {
  height: 100%;
}

/* line 11, ../sass/_style.scss */
body {
  color: #495b6c;
  font-family: Arial;
  margin: 0 auto;
  max-width: 960px;
}

/* line 18, ../sass/_style.scss */
.wrapper {
  clear: both;
  height: auto;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

/*
.container {
  width: 970px;
}
*/
/* line 30, ../sass/_style.scss */
.container-full {
  margin: 0 auto -30px auto;
  max-width: 960px;
}

/* line 35, ../sass/_style.scss */
.container-center {
  margin: 0 auto -30px auto;
  max-width: 675px;
}

/* line 41, ../sass/_style.scss */
a:link,
a:visited {
  color: #2174c7;
}

/* line 46, ../sass/_style.scss */
a:link.skip-to-content,
a:visited.skip-to-content {
  color: white;
}

/* line 50, ../sass/_style.scss */
a {
  text-decoration: none;
  color: #2174c7;
}

/* validation */
/* line 56, ../sass/_style.scss */
.val {
  color: #de1500;
  display: block;
  font-size: 12px;
  min-height: 16px;
  line-height: 1em;
  text-align: left;
}

/* end validation */
/* line 67, ../sass/_style.scss */
.inline-block {
  display: inline-block;
}

/* line 71, ../sass/_style.scss */
.clearfix {
  clear: both;
}

/* line 74, ../sass/_style.scss */
.bold {
  font-weight: bold;
}

/* line 77, ../sass/_style.scss */
.italic {
  font-style: italic;
}

/* line 80, ../sass/_style.scss */
.none {
  display: none;
}

/* line 83, ../sass/_style.scss */
.float_left {
  float: left;
}

/* line 86, ../sass/_style.scss */
.right {
  float: right;
}

/* line 89, ../sass/_style.scss */
.center {
  text-align: center;
}

/* line 92, ../sass/_style.scss */
.mb-0 {
  margin-bottom: 0;
}

/* line 95, ../sass/_style.scss */
.ml-0 {
  margin-left: 0;
}

/* line 98, ../sass/_style.scss */
.mr-0 {
  margin-right: 0;
}

/* line 101, ../sass/_style.scss */
.mb-14 {
  margin-bottom: 14px;
}

/* line 104, ../sass/_style.scss */
.mb-20 {
  margin-bottom: 20px;
}

/* line 107, ../sass/_style.scss */
.mt-0 {
  margin-top: 0;
}

/* line 110, ../sass/_style.scss */
.mt-20 {
  margin-top: 20px !important;
}

/* line 113, ../sass/_style.scss */
.mt-24 {
  margin-top: 24px;
}

/* line 116, ../sass/_style.scss */
.mt-24 {
  margin-top: 24px !important;
}

/* line 119, ../sass/_style.scss */
.mb-24 {
  margin-bottom: 24px;
}

/* line 122, ../sass/_style.scss */
.mt-27 {
  margin-top: 27px;
}

/* line 125, ../sass/_style.scss */
.mb-40 {
  margin-bottom: 40px;
}

/* line 129, ../sass/_style.scss */
.maint {
  color: #707885;
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  margin-top: 40px;
  clear: both;
}

/* line 138, ../sass/_style.scss */
.media-body {
  display: block;
  width: auto;
}

/* line 143, ../sass/_style.scss */
.grade_fail {
  color: #cb4f00;
}

/* line 146, ../sass/_style.scss */
.pseudolabel {
  margin-bottom: 0;
}

/* line 149, ../sass/_style.scss */
.red {
  color: #de1500;
}

/* new */
/* line 154, ../sass/_style.scss */
h2 .fa {
  font-size: 14px;
}

/* line 158, ../sass/_style.scss */
a .screen-reader-text,
a span.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

/* line 165, ../sass/_style.scss */
.user_def {
  margin-bottom: 12px;
}

/* line 168, ../sass/_style.scss */
fieldset {
  display: block;
  margin: auto;
  padding: none;
  border: none;
}

/*** Skip Navigation Link - for accessibility */
/* line 176, ../sass/_style.scss */
.skip-to-content {
  padding: 1em;
  position: absolute;
  top: -40px;
  left: 1em;
  z-index: 1000;
  color: white;
}

/* line 184, ../sass/_style.scss */
.skip-to-content:focus {
  position: absolute;
  top: 0;
  background: #4593ff;
}

/* line 189, ../sass/_style.scss */
.screenreader {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/*** end: Skip Navigation Link */
/* Override Default Bootstrap CSS */
/* line 201, ../sass/_style.scss */
.modal-sm {
  width: 312px;
}

/* new 6/23/17 */
/* line 206, ../sass/_style.scss */
.btn-change-email {
  margin-top: 27px;
}

/* new 6/29/17 */
/* line 211, ../sass/_style.scss */
.no-users {
  margin-top: 0;
  margin-bottom: 34px;
}

/* ******************** CUSTOM FONT ICONS FOR NYCSA ******************** */
@font-face {
  font-family: 'nycsa';
  src: url("/ui/apps/sites/nycsa/fonts/nycsa.eot?drqh3p");
  src: url("/ui/apps/sites/nycsa/fonts/nycsa.eot?drqh3p#iefix") format("embedded-opentype"), url("/ui/apps/sites/nycsa/fonts/nycsa.ttf?drqh3p") format("truetype"), url("/ui/apps/sites/nycsa/fonts/nycsa.woff?drqh3p") format("woff"), url("/ui/apps/sites/nycsa/fonts/nycsa.svg?drqh3p#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 228, ../sass/_style.scss */
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'nycsa' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none !important;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 244, ../sass/_style.scss */
.icon-mail:before {
  content: "\e90d";
}

/* line 247, ../sass/_style.scss */
.icon-assessment:before {
  content: "\e900";
  color: #99c06d;
}

/* line 251, ../sass/_style.scss */
.icon-attendance:before {
  content: "\e901";
  color: #99c06d;
}

/* line 255, ../sass/_style.scss */
.icon-enrollment:before {
  content: "\e902";
  color: #99c06d;
}

/* line 259, ../sass/_style.scss */
.icon-envelope:before {
  content: "\e903";
  color: #2174c7;
}

/* line 263, ../sass/_style.scss */
.icon-grades:before {
  content: "\e904";
  color: #99c06d;
}

/* line 267, ../sass/_style.scss */
.icon-guardians:before {
  content: "\e905";
  color: #99c06d;
}

/* line 271, ../sass/_style.scss */
.icon-health2:before {
  content: "\e906";
  color: #99c06d;
}

/* line 275, ../sass/_style.scss */
.icon-languages:before {
  content: "\e907";
  color: #99c06d;
}

/* line 279, ../sass/_style.scss */
.icon-languages2:before {
  content: "\e908";
  color: #2174c7;
}

/* line 283, ../sass/_style.scss */
.icon-promotion:before {
  content: "\e909";
  color: #a2c883;
}

/* line 287, ../sass/_style.scss */
.icon-schedule:before {
  content: "\e90a";
  color: #99c06d;
}

/* line 291, ../sass/_style.scss */
.icon-sign-out:before {
  content: "\e90b";
}

/* line 294, ../sass/_style.scss */
.icon-student-info:before {
  content: "\e90c";
  color: #99c06d;
}

/* line 298, ../sass/_style.scss */
.icon-manage:before {
  content: "\e994";
}

/* line 301, ../sass/_style.scss */
.icon-trash:before {
  content: "\e9ac";
}

/* ******************** HEADER, NAVIGATION - see import ******************** */
/* ******************** SUBHEADER ******************** */
/* line 309, ../sass/_style.scss */
.subheader {
  padding-left: 15px;
  padding-right: 15px;
}

/* line 314, ../sass/_style.scss */
.subheader .nycdoe-cultureNav {
  font-size: 1.12em;
  position: absolute;
  left: auto;
  top: 0;
  padding-left: 0;
}

/* line 322, ../sass/_style.scss */
.subheader .pending {
  color: #525c6b;
  cursor: text;
}

/* line 327, ../sass/_style.scss */
.subheader .pending:hover {
  color: #525c6b;
}

/* .USERNAV */
/* line 332, ../sass/_style.scss */
.usernav {
  padding: 15px 0;
  font-size: 0.857em;
  line-height: normal;
  padding: 15px;
}

/* line 338, ../sass/_style.scss */
.usernav .dropdown {
  display: inline-block;
}

/* line 341, ../sass/_style.scss */
.usernav .dropdown.open .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 346, ../sass/_style.scss */
.usernav .dropdown-toggle:focus {
  text-decoration: none;
  background-color: #eee;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* line 354, ../sass/_style.scss */
.usernav a,
.usernav a:hover,
.usernav a:focus {
  text-decoration: none;
}

/* .SECONDARY_NAV */
/* line 360, ../sass/_style.scss */
.secondary_nav {
  font-size: 0.857em;
  line-height: normal;
  color: #2174c7;
  color: #2174c7;
  float: right;
  padding: 15px 0;
  padding-left: 0;
  padding-right: 0;
}

/* line 371, ../sass/_style.scss */
.secondary_nav > ul {
  float: left;
}

/* line 375, ../sass/_style.scss */
.secondary_nav > li {
  float: left;
  border-right: 1px solid #333;
  padding: 0 8px;
  margin: 0;
}

/* line 382, ../sass/_style.scss */
.secondary_nav > li:last-child {
  border-right: 0;
  padding-right: 0;
}

/* line 387, ../sass/_style.scss */
.secondary_nav > li > a {
  padding: 0;
  line-height: normal;
}

/* line 392, ../sass/_style.scss */
.secondary_nav li:nth-of-type(3) {
  padding-right: 6px;
}

/* line 396, ../sass/_style.scss */
.secondary_nav .chooseLanguage-nav .bootstrap-select.btn-group .dropdown-toggle[title^=Kre] {
  padding: 0;
}

/* line 400, ../sass/_style.scss */
.secondary_nav .bootstrap-select.btn-group .dropdown-toggle[title^=Kre] .filter-option {
  width: 87%;
}

/* line 405, ../sass/_style.scss */
.secondary_nav .nycdoe-cultureNav.icon-languages,
.secondary_nav .nycdoe-cultureNav.icon-languages2 {
  font-size: 0.962em;
  margin-top: 2px;
}

/* line 410, ../sass/_style.scss */
.secondary_nav.navbar-nav .nycode-subnavtitle {
  padding-left: 17px;
}

/* line 414, ../sass/_style.scss */
.secondary_nav .navbar-nav .nycode-subnavtitle {
  padding-left: 17px;
}

/* line 418, ../sass/_style.scss */
.secondary_nav .navbar-nav > li > .dropdown-menu {
  margin-top: 10px;
}

/* line 422, ../sass/_style.scss */
.secondary_nav .bootstrap-select.btn-group .dropdown-menu {
  margin-top: 10px;
}

/* line 426, ../sass/_style.scss */
.secondary_nav .fa {
  padding-left: 4px;
}

/* line 430, ../sass/_style.scss */
.secondary_nav select {
  background: none;
  border: none;
  height: auto;
  line-height: normal;
  padding: 0;
  margin: 0;
  -webkit-appearance: menulist;
}

/* line 440, ../sass/_style.scss */
.secondary_nav .notificationCollapse {
  text-align: justify;
  color: initial;
  font-weight: normal;
  padding: 0 0.5em;
  padding: 0.75em 0.5em 0.5em 0.5em;
}

/* line 448, ../sass/_style.scss */
.secondary_nav .notificationContent {
  padding-left: 0;
}

/* line 453, ../sass/_style.scss */
.nav-justified {
  width: 100%;
}

/* line 458, ../sass/_style.scss */
.wrapper select {
  color: #005aa2;
}

/* line 463, ../sass/_style.scss */
.dropdown {
  list-style: none;
}

/* line 470, ../sass/_style.scss */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  background-image: linear-gradient(to bottom, #f5f5f5 0px, #e8e8e8 100%);
  background-repeat: repeat-x;
}

/* *********** end: SUBHEADER *********** */
/* ******************** PAGE FOOTER ******************** */
/* line 478, ../sass/_style.scss */
.footer .footerlinks {
  height: 16px;
}

/* line 483, ../sass/_style.scss */
.footer {
  border-top: 1px solid #d4e3f2;
  clear: both;
  float: left;
  margin-top: 25px;
  padding-top: 0;
  width: 100%;
  line-height: 1em;
  z-index: 9;
}

/* line 494, ../sass/_style.scss */
.footer div {
  margin-top: 3px;
  margin-bottom: 10px;
}

/* line 499, ../sass/_style.scss */
.footer a {
  border-right: 1px solid #496f94;
  text-decoration: none;
  font-size: 11px;
  color: #235d88;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  vertical-align: top;
  z-index: 9;
}

/* line 511, ../sass/_style.scss */
.footer a:hover {
  text-decoration: underline;
}

/* line 515, ../sass/_style.scss */
.footer a:last-of-type {
  border-right: none;
}

/* line 519, ../sass/_style.scss */
.footer a:first-of-type {
  padding-left: 0 !important;
  margin-left: 0;
}

/* line 524, ../sass/_style.scss */
.footer .footercopy {
  float: left;
  margin-bottom: 10px;
  text-align: right;
  font-size: 11px;
}

/* line 531, ../sass/_style.scss */
.footer span {
  height: 14px;
  position: relative;
  display: inline-block;
}

/* line 537, ../sass/_style.scss */
.footer .row {
  margin: 0 auto !important;
}

/* end: PAGE FOOTER */
/* ******************** STICKY FOOTER ******************** */
/* Sticky Footer - via http://www.cssstickyfooter.com/using-sticky-footer-code.html */
/* line 545, ../sass/_style.scss */
html, body {
  height: 100%;
}

/* line 550, ../sass/_style.scss */
#wrap {
  min-height: 100%;
  z-index: 5;
}

/* Sticky Footer - more */
/* line 558, ../sass/_style.scss */
html,
body {
  height: 100%;
}

/* line 563, ../sass/_style.scss */
#wrap {
  min-height: 100%;
}

/* line 568, ../sass/_style.scss */
#main {
  display: block;
  width: 100%;
  padding-bottom: 30px;
  margin-bottom: 60px;
}

/* must be same height as the footer */
/* line 577, ../sass/_style.scss */
#footer {
  clear: both;
  height: 30px;
  margin-top: -30px;
  /* negative value of footer height */
  position: relative;
}

/* line 587, ../sass/_style.scss */
#footer, #footer *,
.footer, .footer * {
  z-index: 9;
}

/* end: STICKY FOOTER */
/* ******************** HEADER ELEMENTS (H1-H6) ******************** */
/* line 594, ../sass/_style.scss */
h1 {
  color: #fc6400;
  font: bold 24px raleway;
  letter-spacing: 0.03em;
  /* letter-spacing: -0.05em;	*/
  padding-bottom: 3px;
  width: 80%;
  margin-top: 0;
}

/* line 605, ../sass/_style.scss */
.login_page h1 {
  letter-spacing: -0.03px;
  margin: 12px auto 0 16px;
  padding-bottom: 0;
  padding-top: 0;
  width: 100%;
}

/* line 614, ../sass/_style.scss */
.menu_page h1 {
  color: #2174c7;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  text-align: center;
  width: auto;
  font-size: 22px;
}

/* Used on Explanation of Grades page */
/* line 626, ../sass/_style.scss */
a + h1 {
  margin-bottom: 6px;
  margin-top: 0;
  padding: 0;
}

/* line 633, ../sass/_style.scss */
h2 {
  padding-top: 0;
  padding-bottom: 3px;
  font-size: 24px;
  font-weight: bold;
  color: #fc6400;
}

/* line 642, ../sass/_style.scss */
h2.blue-text {
  color: #2174c7;
  font-family: Arial;
  font-size: 18px;
  font-weight: normal;
}

/* line 650, ../sass/_style.scss */
h2.standard {
  border-bottom: 1px solid #d4e3f2;
  /* light blue gray */
  color: #2e7abf;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 0;
  padding-left: 0;
  width: 360px;
}

/* line 662, ../sass/_style.scss */
.display_text_page h2 {
  margin-bottom: 12px;
}

/* line 667, ../sass/_style.scss */
.assessments_page h2.blue-text {
  margin-top: 0;
  margin-bottom: 2px;
}

/* line 673, ../sass/_style.scss */
.health_page h2 {
  clear: both;
  color: #2174c7;
  font-size: 18px;
}

/* line 680, ../sass/_style.scss */
.guardian h2 {
  margin-top: 0;
  line-height: 30px;
  margin-bottom: 0;
}

/* line 687, ../sass/_style.scss */
h2.nycdoe-icon {
  color: #a2c883;
  display: flex;
  padding-left: 12px;
}

/* line 694, ../sass/_style.scss */
.panel_area h2 {
  color: #46617e;
  text-shadow: none;
}

/* line 701, ../sass/_style.scss */
.schedule_page h2,
.grades-tables h2 {
  clear: both;
}

/* line 706, ../sass/_style.scss */
.schedule_page h2 {
  color: #525c6b;
  float: left;
  font-size: 14px;
  padding-bottom: 0;
  margin-top: 0;
}

/* line 715, ../sass/_style.scss */
.grades-tables h2:last-of-type {
  margin-top: 40px;
}

/* line 720, ../sass/_style.scss */
.grades-tables .h2-next {
  clear: both;
  display: block;
  height: 50px;
  line-height: 70px;
  margin-bottom: 6px;
  margin-top: 43px;
}

/* Grades page - past grades tab */
/* line 731, ../sass/_style.scss */
h2.header_school {
  clear: both;
  font-size: 14px;
  height: 22px;
  margin-top: 6px;
  /* new */
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 3px;
}

/* line 742, ../sass/_style.scss */
.grades-tables h2:last-of-type {
  margin-top: 0;
}

/* line 747, ../sass/_style.scss */
.past_grades_tab > div#accordion_alt h2 {
  float: left;
  margin-top: 20px;
}

/* line 753, ../sass/_style.scss */
#accordion_alt h2 {
  color: #495b6c;
}

/* line 759, ../sass/_style.scss */
h3.sub-info,
.assessments_page h3 {
  font-size: 14px;
  font-weight: bold;
}

/* line 765, ../sass/_style.scss */
h3.sub-info {
  margin-top: 12px;
}

/* Text-only information pages */
/* line 771, ../sass/_style.scss */
.info-page h3 {
  font-size: 17px;
}

/* line 776, ../sass/_style.scss */
h3.subcat {
  color: #2174c7;
  font-family: Arial;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 20px;
  margin-left: 10px;
}

/* line 787, ../sass/_style.scss */
h3.subcat:first-of-type {
  margin-top: 0 !important;
}

/* line 793, ../sass/_style.scss */
.schedule_page h3,
.grades-tables h3 {
  height: 16px;
  line-height: 16px;
}

/* line 800, ../sass/_style.scss */
.schedule_page h3,
.grades-tables h3 {
  height: 16px;
}

/* ******************** FORM ELEMENTS - ALL ELEMENTS OTHER THAN BUTTONS ******************** */
/* FORMS PAGES HERE:  */
/* Create Password, Manage Account, Security Questions, etc. */
/* line 808, ../sass/_style.scss */
.form_page {
  font-size: 14px;
  margin: 0 auto;
  padding-left: 10%;
  text-align: left;
}

/* line 815, ../sass/_style.scss */
.form_page .btn {
  font-weight: bold;
  margin-top: 12px;
}

/* line 820, ../sass/_style.scss */
.form_page .pwdmst {
  font-size: 13px;
  margin-top: 30px;
  /* padding-left: 0; ??? */
  padding-left: 70px;
}

/* line 827, ../sass/_style.scss */
.form_page .pwdmst ul {
  padding-left: 16px;
  padding-top: 8px;
}

/* line 832, ../sass/_style.scss */
.form_page .questions {
  margin-top: 0;
  max-width: 300px;
}

/* line 837, ../sass/_style.scss */
.form_page p.val {
  margin-top: 12px;
}

/* line 841, ../sass/_style.scss */
.form_page .code_one {
  margin-bottom: 16px;
}

/* line 845, ../sass/_style.scss */
.form_page .instr_txt {
  margin-top: 50px;
}

/* line 850, ../sass/_style.scss */
.form_page select,
.form_page .form-control {
  width: 100%;
  max-width: 300px;
}

/* line 855, ../sass/_style.scss */
.form_page .form-control {
  margin-bottom: 8px;
}

/* line 859, ../sass/_style.scss */
.form_page .info-line {
  margin-bottom: 0;
}

/* line 863, ../sass/_style.scss */
.form_page label {
  display: block;
  margin: 15px 0 0;
}

/* line 869, ../sass/_style.scss */
select {
  -webkit-appearance: none;
  /*Removes default chrome and safari style*/
  -moz-appearance: none;
  /*Removes default style Firefox*/
}

/* line 877, ../sass/_style.scss */
.form-control {
  box-shadow: none;
  background-color: #f5f9fd;
  border: 1px solid #bfd1e5;
  border-radius: 0;
  margin-bottom: 10px;
  padding: 6px 12px;
  width: 100%;
}

/* line 890, ../sass/_style.scss */
input[type="text"],
input[type="email"],
input[type="password"] {
  background: #f5f9fd;
  border: 1px solid #bfd1e5;
  height: 36px;
  width: 100%;
  padding: 6px 12px;
}

/* line 902, ../sass/_style.scss */
.wrapper select,
.wrapper input[type="email"],
.wrapper input[type="text"],
.wrapper input[type="password"] {
  color: #8b949d;
  font-size: 12px;
  -webkit-appearance: none;
}

/* line 909, ../sass/_style.scss */
.wrapper input[type="text"] {
  margin-bottom: 8px;
}

/* line 915, ../sass/_style.scss */
.select_page select,
.form_page select {
  background-image: url("/ui/apps/sites/family/images/arrow_down.png");
  /*Adds background-image*/
  background-repeat: no-repeat;
  background-position: 225px 9px;
  color: #65727f;
  background-image: url("/ui/apps/sites/family/images/family_portal_spritesheet.png");
  background-position: -17px -92px;
  display: block;
  margin: 0 auto;
  height: 36px;
  max-width: 258px;
}

/* line 931, ../sass/_style.scss */
form select,
.form_page select {
  background-image: url("/ui/apps/sites/family/images/arrow_down.png");
  /*Adds background-image*/
  background-repeat: no-repeat;
  background-position: 225px 9px;
}

/* line 939, ../sass/_style.scss */
.form_page select {
  margin-top: 0;
  margin-bottom: 30px;
  float: left;
}

/* line 947, ../sass/_style.scss */
option,
.select_page option {
  color: #687481;
  font-size: 12px;
  height: 3em;
  min-width: 8em;
  height: 24px !important;
  line-height: 24px !important;
  padding: 10px !important;
}

/* remove default drop-down styles in IE */
/* line 960, ../sass/_style.scss */
.wrapper select::-ms-expand,
.form_page select::-ms-expand {
  display: none;
}

/* ******************** end: FORM elements (except for buttons) */
/* ******************** FORM ELEMENTS - BUTTONS ******************** */
/* line 967, ../sass/_style.scss */
.btn {
  background-image: none;
  color: white;
  font-size: 16px;
  font-weight: bold;
  height: 30px;
  line-height: 100%;
  text-transform: uppercase;
  border: none;
}

/* line 978, ../sass/_style.scss */
.btn:hover {
  color: white;
}

/* line 982, ../sass/_style.scss */
.btn:focus {
  border: 2px solid #238cdf;
  color: white;
  padding: 6px 12px;
}

/* line 989, ../sass/_style.scss */
.btn-success {
  background-color: #458407;
  margin-right: 9px;
  max-width: 160px;
}

/* line 995, ../sass/_style.scss */
.btn-success:hover, .btn-success:focus {
  background-color: #69bd16;
}

/* line 1000, ../sass/_style.scss */
.btn-cancel {
  background-color: #627890;
  max-width: 160px;
}

/* line 1005, ../sass/_style.scss */
.btn-cancel:hover, .btn-cancel:focus {
  background-color: #8aa2bc;
}

/* line 1011, ../sass/_style.scss */
.form_page .btn-success,
.form_page .btn-cancel {
  width: 46%;
}

/* line 1016, ../sass/_style.scss */
.btn-warning {
  margin-right: 9px;
  background-color: #a96700;
}

/* line 1022, ../sass/_style.scss */
.btn-wide {
  max-width: 100%;
  width: 205px;
}

/* line 1028, ../sass/_style.scss */
.btn-extra-wide {
  max-width: 100%;
  width: 280px;
}

/* new */
/* line 1035, ../sass/_style.scss */
.form_page .btn-wide {
  width: 100%;
}

/* Suggestions */
/* line 1041, ../sass/_style.scss */
.container-center .btn-cancel {
  margin-left: 9px;
}

/* line 1046, ../sass/_style.scss */
.form_page .btn-cancel {
  float: right;
}

/* line 1051, ../sass/_style.scss */
.button-row {
  margin-bottom: 24px;
}

/* line 1057, ../sass/_style.scss */
button a:link,
button a:visited {
  color: white;
}

/* line 1062, ../sass/_style.scss */
.btn {
  padding: 8px 12px;
}

/* line 1067, ../sass/_style.scss */
.btn.disabled {
  cursor: auto;
}

/* line 1072, ../sass/_style.scss */
.btn.disabled:hover {
  background-color: #627890;
}

/* line 1077, ../sass/_style.scss */
a.btn {
  color: white;
}

/* ******************** end: BUTTONS ******************** */
/* ******************** TABS ON ASSESSMENTS, ATTENDANCE, GRADES PAGES ******************** */
/* line 1084, ../sass/_style.scss */
.tabs {
  margin: 0;
  padding: 0;
  zoom: 1;
}

/* line 1090, ../sass/_style.scss */
.tabs li {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 1097, ../sass/_style.scss */
.tabs a {
  display: block;
  text-decoration: none;
  padding: 4px 16px;
  background-color: #cae0f8;
  margin-right: 6px;
  border: 1px solid #c4cfdc;
  margin-bottom: -1px;
  color: #46617e;
  border-radius: 10px 10px 0 0;
}

/* line 1109, ../sass/_style.scss */
.tabs .active {
  border-bottom: 1px solid white;
  background-color: white;
  color: #46617e;
  position: relative;
}

/* line 1117, ../sass/_style.scss */
.panelContainer {
  clear: both;
  margin-bottom: 25px;
  border: 1px solid #c4cfdc;
  padding: 10px;
  overflow: auto;
}

/* line 1126, ../sass/_style.scss */
.sub-notes {
  font-size: 11px;
  margin-top: 24px;
}

/* line 1132, ../sass/_style.scss */
p.sub-notes {
  color: #72777b;
  clear: both;
  line-height: 11px;
  margin-bottom: 15px;
}

/* ******************** end: TABS ON ASSESSMENTS, ATTENDANCE, GRADES PAGES ******************** */
/* ******************** TABLES ******************** */
/* ******************** general styles that affect presentation only, not structure */
/***** Back to top button  *****/
/* line 1144, ../sass/_style.scss */
a#goTop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  margin: 0;
  text-decoration: none;
  font-size: 1.5em;
  padding: 2px 10px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  display: block;
  line-height: normal;
  border-radius: 3px;
  color: #FFF;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}

/* line 1164, ../sass/_style.scss */
a#goTop:hover {
  color: #000;
}

/***** ends: Back to top button  *****/
/* ******************** end: GENERAL STYLES *********** */
/* ******************** ADJUSTMENTS FOR INDIVIDUAL PAGES ******************** */
/* ******************** Login Page ******************** */
/* line 1173, ../sass/_style.scss */
.login_page {
  /* margin: 0 auto !important; */
  /* max-width: 900px; */
  overflow: hidden;
}

/* line 1179, ../sass/_style.scss */
.login_page #footer {
  margin-top: 0;
}

/* line 1183, ../sass/_style.scss */
.login_page .login_text_block {
  padding-right: 20px;
}

/* line 1187, ../sass/_style.scss */
.login_page .logininfo {
  border-top: 1px solid #d4e3f2;
  font-size: 12px;
  color: #495b6c;
  line-height: 125%;
  padding-top: 20px;
  word-spacing: 2px;
  clear: both;
}

/* line 1197, ../sass/_style.scss */
.login_page .btn-success {
  font-weight: normal;
  max-width: 100%;
  margin: 20px auto;
  width: 100%;
}

/* line 1204, ../sass/_style.scss */
.login_page div.loginform {
  margin-bottom: 0;
}

/* line 1209, ../sass/_style.scss */
.login_page p.forgot,
.login_page p.create {
  font-size: 12px;
  color: #2174c7;
  margin-top: 12px;
  width: 48%;
}

/* line 1216, ../sass/_style.scss */
.login_page p.forgot {
  float: left;
}

/* line 1220, ../sass/_style.scss */
.login_page p.create {
  float: right;
  text-align: right;
}

/* line 1225, ../sass/_style.scss */
.login_page .terms {
  font-size: 12px;
  color: #495b6c;
}

/* line 1230, ../sass/_style.scss */
.login_page .banner img {
  margin-top: 34px;
  max-width: 100%;
  width: 100%;
}

/* line 1236, ../sass/_style.scss */
.login_page label {
  margin: 15px 0 0 0;
}

/* line 1240, ../sass/_style.scss */
.login_page .nameinfo {
  font-family: raleway;
  font-size: 12px;
  font-weight: bold;
  color: #495b6c;
  border: 1px solid #d4e3f2;
  padding: 8px;
  margin-top: 10px;
  margin-bottom: 20px;
}

/* line 1251, ../sass/_style.scss */
.login_page .nameinfo span {
  font-weight: normal;
}

/* ******************** Suggestions page ******************** */
/* line 1257, ../sass/_style.scss */
.suggest-box {
  clear: both;
  margin: 10px 0;
  width: 100%;
}

/* line 1263, ../sass/_style.scss */
.suggest-box p {
  padding-bottom: 10px;
}

/* line 1267, ../sass/_style.scss */
.suggest-box textarea {
  border: 1px solid #bfd1e5;
  height: 200px;
  margin-top: 5px;
  width: 100%;
}

/* line 1275, ../sass/_style.scss */
.suggest-buttons {
  margin: 26px auto 0;
  text-align: center;
  width: 100%;
}

/* line 1281, ../sass/_style.scss */
.suggest-buttons .btn {
  height: 40px;
  width: 50%;
}

/* line 1286, ../sass/_style.scss */
.suggest-buttons a.btn {
  padding-top: 11px;
}

/* ******************** Health page ******************** */
/* line 1292, ../sass/_style.scss */
.health_page .return {
  float: right;
}

/* line 1296, ../sass/_style.scss */
.health_page section {
  display: inline-block;
  max-width: 700px;
}

/* line 1301, ../sass/_style.scss */
.health_page .figure {
  display: block;
  margin: 0 auto;
  max-width: 160px;
}

/* line 1307, ../sass/_style.scss */
.health_page .figures {
  margin-bottom: 30px;
}

/* line 1311, ../sass/_style.scss */
.health_page .figures > div {
  margin-top: 12px;
  padding-top: 0;
}

/* line 1316, ../sass/_style.scss */
.health_page .fitness_chart {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 18px;
  margin-top: 10px;
  overflow: auto;
}

/* line 1324, ../sass/_style.scss */
.health_page .fitness_chart span {
  clear: both;
  height: 12px;
  margin-left: 6px;
  margin-right: 12px;
  margin-bottom: 6px;
  padding: 0 6px;
  width: 12px;
}

/* line 1334, ../sass/_style.scss */
.health_page .fitness_chart span:first-of-type {
  background-color: #fecb31;
}

/* line 1338, ../sass/_style.scss */
.health_page .fitness_chart span:nth-of-type(2) {
  background-color: #81b44b;
}

/* line 1342, ../sass/_style.scss */
.health_page .fitness_chart span:nth-of-type(3) {
  background-color: #f69548;
}

/* line 1346, ../sass/_style.scss */
.health_page .fitness_chart span:last-of-type {
  background-color: #da2127;
}

/* line 1350, ../sass/_style.scss */
.health_page .fitness_chart span {
  float: left;
}

/* line 1354, ../sass/_style.scss */
.health_page .fitness_chart div {
  margin-bottom: 2px;
}

/* line 1358, ../sass/_style.scss */
.health_page .define {
  display: table-cell;
  margin-left: 0;
  margin-top: 10px;
  max-width: 700px;
  vertical-align: middle;
}

/* line 1366, ../sass/_style.scss */
.health_page section .row {
  display: table;
}

/* line 1370, ../sass/_style.scss */
.health_page .figgy {
  width: 200px;
  float: left;
}

/* line 1376, ../sass/_style.scss */
.barchart {
  width: 95%;
  height: 30px;
  margin-top: 15px;
  font-weight: bold;
}

/* line 1383, ../sass/_style.scss */
.barchart > div {
  float: left;
  border-right: 2px solid #444;
  height: 30px;
}

/* line 1389, ../sass/_style.scss */
.barchart > div > span {
  display: block;
  height: 20px;
  margin-top: 10px;
  text-align: center;
}

/* line 1396, ../sass/_style.scss */
.barchart > div > span .chart-text {
  color: #81b44b;
  font-size: 12px;
  position: absolute;
  margin-top: -15px;
  margin-left: -70px;
  margin-left: 20%\9;
}

/* line 1405, ../sass/_style.scss */
.barchart > div .num {
  position: absolute;
  margin: -12px 0 0 -4px;
  font-size: 11px;
  color: #444;
}

/* line 1412, ../sass/_style.scss */
.barchart > div .mid {
  margin-left: -8px;
}

/* line 1416, ../sass/_style.scss */
.barchart > div .end {
  position: relative;
  left: 85%;
  top: -30px;
}

/* line 1422, ../sass/_style.scss */
.barchart .yellow {
  width: 5%;
  border-left: 2px solid #444;
}

/* line 1427, ../sass/_style.scss */
.barchart .yellow span {
  background: #fecb31;
}

/* line 1431, ../sass/_style.scss */
.barchart .green {
  width: 80%;
}

/* line 1435, ../sass/_style.scss */
.barchart .green > span {
  background: #81b44b;
}

/* line 1439, ../sass/_style.scss */
.barchart .orange {
  width: 10%;
}

/* line 1443, ../sass/_style.scss */
.barchart .orange span {
  background: #f69548;
}

/* line 1447, ../sass/_style.scss */
.barchart .red {
  width: 5%;
}

/* line 1451, ../sass/_style.scss */
.barchart .red span {
  background: #da2127;
}

/* end: .barchart */
/* line 1457, ../sass/_style.scss */
.health_tables .panel.panel-default:last-of-type {
  margin-bottom: 24px;
}

/* line 1462, ../sass/_style.scss */
.health-tables thead span {
  font-size: 14px;
  font-weight: bold;
  margin-right: 20px;
}

/* ******************** end: Health page ******************** */
/* ******************** Select Student page ******************** */
/* line 1471, ../sass/_style.scss */
.select_page {
  min-height: 400px;
}

/* line 1475, ../sass/_style.scss */
.select_page .item-box {
  background-color: #edf5fb;
  border: 1px solid #bfd1e5;
  border-radius: 3px;
  color: #65727f;
  height: 100%;
  margin: 35px 20px 0 20px;
  min-height: 200px;
  max-width: 310px;
  padding: 20px;
  width: 100%;
}

/* line 1488, ../sass/_style.scss */
.select_page .item-box .btn {
  height: 40px;
  margin-bottom: -30%;
  margin-top: 16px;
  max-width: none;
}

/* line 1495, ../sass/_style.scss */
.select_page .item-box .people-data {
  line-height: 1em;
  padding-left: 20px;
  padding-bottom: 6px;
}

/* line 1501, ../sass/_style.scss */
.select_page .item-box .people-data.bold {
  font-weight: 700;
  margin-bottom: 10px;
  max-width: 100%;
}

/* line 1507, ../sass/_style.scss */
.select_page .item-box-left {
  float: right;
  margin: 0 2% 0 auto;
}

/* line 1512, ../sass/_style.scss */
.select_page .login-sec > div {
  margin: auto;
}

/* line 1516, ../sass/_style.scss */
.select_page .login-sec {
  height: 100%;
}

/* line 1520, ../sass/_style.scss */
.select_page .login-sec * {
  display: block;
  height: 100%;
}

/* line 1525, ../sass/_style.scss */
.select_page .login-sec form:nth-of-type(2n-1) .item-box {
  float: right;
}

/* line 1529, ../sass/_style.scss */
.select_page .btn {
  border-radius: 6px;
  padding-left: 25px;
  padding-right: 25px;
  width: 100%;
}

/* ******************** end: Select Student page ******************** */
/* ******************** Menu Page  ******************** */
/* Menu page */
/* line 1540, ../sass/_style.scss */
.menu_page {
  padding-right: 10px;
  margin: 45px auto auto auto;
}

/* line 1545, ../sass/_style.scss */
.menu_page a {
  color: #2174c7;
  display: block;
  height: 106px;
  text-align: center;
}

/* line 1552, ../sass/_style.scss */
.menu_page a:hover {
  color: #2888e8;
  cursor: pointer;
  text-decoration: none;
}

/* line 1558, ../sass/_style.scss */
.menu_page a span.nycdoe-dashboard {
  font-size: 4.25em;
  color: #a2c883;
}

/* line 1564, ../sass/_style.scss */
.menu-item {
  background-color: #edf5fb;
  border: 1px solid #dae6f2;
  border-radius: 3px;
  color: #2174c7;
  margin: 14px auto 0 auto;
  max-width: 250px;
  width: 107%;
}

/* line 1574, ../sass/_style.scss */
.menu-item img {
  display: block;
  margin: 6px auto 0 auto;
}

/* line 1579, ../sass/_style.scss */
.menu-item a {
  height: auto;
  padding: 10px 0;
}

/* line 1585, ../sass/_style.scss */
.menu-item a:hover,
.menu-item a:focus {
  text-decoration: none;
}

/* line 1589, ../sass/_style.scss */
.menu-item a:hover span {
  text-decoration: underline;
}

/* line 1594, ../sass/_style.scss */
.menu_page h2 span {
  color: #2174c7;
  font: bold 0.6em raleway;
  margin-left: 12px;
  position: relative;
  top: 4px;
}

/* ******************** end: Menu Page  ******************** */
/* ******************** Student Details page ******************** */
/* line 1605, ../sass/_style.scss */
address {
  margin-bottom: 5px;
  padding: 10px;
  width: 360px;
}

/* line 1612, ../sass/_style.scss */
.text_standard {
  color: #495b6c;
}

/* ******************** end: Student Details page ******************** */
/* ******************** Explanation of Grades page ******************** */
/* line 1619, ../sass/_style.scss */
.grades_explanation {
  margin: 0 20px;
  max-width: 896px;
}

/* line 1624, ../sass/_style.scss */
.grades_explanation .the_grade {
  display: inline-block;
  margin-right: 20px;
}

/* line 1629, ../sass/_style.scss */
.grades_explanation .the_grade_large {
  width: 94px;
}

/* line 1633, ../sass/_style.scss */
.grades_explanation .the_grade_small {
  width: 18px;
}

/* line 1637, ../sass/_style.scss */
.grades_explanation .col-md-4 {
  padding-left: 0;
  padding-right: 0;
}

/* line 1643, ../sass/_style.scss */
.grades_explanation .col-md-4:nth-of-type(3) h2,
.grades_explanation .col-md-4:nth-of-type(3) > div {
  padding-left: 40px;
}

/* line 1648, ../sass/_style.scss */
.grades_explanation > div {
  margin-left: 0;
}

/* line 1653, ../sass/_style.scss */
.grades_explanation > div:nth-of-type(1) > div:nth-of-type(2) span {
  width: 100px;
}

/* ******************** end: Explanation of Grades page ******************** */
/* ******************** Attendance page ******************** */
/* line 1660, ../sass/_style.scss */
.attendance-table {
  border-left: 0 !important;
}

/* line 1665, ../sass/_style.scss */
.attendance-table th {
  text-align: center;
}

/* line 1671, ../sass/_style.scss */
.attendance-table tr th:last-of-type,
.attendance-table tr td:last-of-type {
  border-right-width: 0 !important;
}

/* line 1676, ../sass/_style.scss */
.attendance-table th {
  font-weight: 600;
}

/* line 1681, ../sass/_style.scss */
#panel2 .attendance-table td {
  text-align: center;
}

/* line 1686, ../sass/_style.scss */
#panel2 .attendance-table tr td:first-of-type {
  padding-left: 30px;
  text-align: left;
}

/* line 1692, ../sass/_style.scss */
.attendance-table td {
  text-align: center;
}

/* line 1697, ../sass/_style.scss */
.attendance-table td:first-of-type {
  text-align: left;
}

/* ******************** end: Attendance page ******************** */
/* ******************** Promotion Tracker page ******************** */
/* line 1704, ../sass/_style.scss */
.promotion-table.table > tbody > tr > td {
  vertical-align: top;
}

/* line 1708, ../sass/_style.scss */
.promotion-table .table > tbody > tr > td {
  padding-bottom: 20px;
}

/* line 1712, ../sass/_style.scss */
.promotion-table a {
  color: #46617e;
  text-decoration: none;
}

/* line 1717, ../sass/_style.scss */
.promotion-table .status {
  font-weight: bold;
  vertical-align: middle;
}

/* line 1722, ../sass/_style.scss */
.promotion-table .fa {
  vertical-align: middle;
}

/* line 1727, ../sass/_style.scss */
.table.table-bordered.promotion-table div {
  margin-bottom: 4px;
}

/* line 1732, ../sass/_style.scss */
.grades-tables.promotion-table .panel-default > .panel-heading {
  border-radius: 0;
  padding: 5px 26px;
}

/* line 1738, ../sass/_style.scss */
.grades-tables.promotion-table td:nth-of-type(3) {
  text-align: left;
}

/* ******************** end: Promotion Tracker page ******************** */
/* ******************** Manage User Access page ******************** */
/* line 1745, ../sass/_style.scss */
.fake_accordion.panel-group .panel-default {
  border-bottom: 0px solid #c4cfdc;
}

/* line 1750, ../sass/_style.scss */
.fake_accordion.panel-group.mb-40 .panel-default {
  border-bottom: 1px solid #c4cfdc;
}

/* line 1755, ../sass/_style.scss */
.fake_accordion .val {
  margin: 20px auto 0;
}

/* line 1760, ../sass/_style.scss */
.fake_accordion .val.mt-0 {
  margin: 10px auto 20px;
  max-width: 200px;
}

/* line 1766, ../sass/_style.scss */
.fake_accordion + h2 {
  margin-top: 40px;
}

/* line 1771, ../sass/_style.scss */
.fake_accordion {
  margin-bottom: 0;
  /* new */
  /* new */
}

/* line 1777, ../sass/_style.scss */
.fake_accordion .panel-default {
  border-color: #c4cfdc;
}

/* line 1781, ../sass/_style.scss */
.fake_accordion a.collapsed .panel-heading {
  background-position: -20px -100px;
  /* was 18 and 58 */
}

/* line 1786, ../sass/_style.scss */
.fake_accordion .panel-default > .panel-heading {
  background-color: #edf5fb;
  border-color: #c4cfdc;
  color: #333;
}

/* line 1793, ../sass/_style.scss */
.fake_accordion .panel-heading.not-collapsed,
.fake_accordion a.clickMe[aria-expanded="true"] {
  background-position: -20px -100px;
}

/* line 1797, ../sass/_style.scss */
.fake_accordion a.clickMe[aria-expanded="false"] {
  background-position: -20px -23px;
}

/* line 1801, ../sass/_style.scss */
.fake_accordion .panel-heading {
  border-radius: 0;
  background-image: url("/ui/apps/sites/family/images/family_portal_spritesheet.png");
  background-position: -20px -23px;
  background-repeat: no-repeat;
  padding-left: 26px;
}

/* line 1809, ../sass/_style.scss */
.fake_accordion span {
  font-size: 0.9em;
}

/* line 1814, ../sass/_style.scss */
.fake_accordion input[type="text"],
.fake_accordion input[type="email"] {
  width: 200px;
}

/* line 1818, ../sass/_style.scss */
.fake_accordion button {
  font-weight: bold;
}

/* line 1822, ../sass/_style.scss */
.fake_accordion .button-row {
  margin-bottom: 6px;
  margin-top: 18px;
}

/* line 1827, ../sass/_style.scss */
.fake_accordion.panel-group .panel {
  border-radius: 0;
}

/* line 1831, ../sass/_style.scss */
.fake_accordion span.acc {
  color: #458407;
  font-size: 1.2em;
}

/* line 1836, ../sass/_style.scss */
.fake_accordion .panel-body .input-boxes label {
  display: block;
}

/* line 1843, ../sass/_style.scss */
.fake_accordion h2 > a:link,
.fake_accordion h2 > a:visited,
.fake_accordion a:link,
.fake_accordion a:visited {
  color: #1371c6;
}

/* line 1850, ../sass/_style.scss */
.fake_accordion h2 > a.btn:link,
.fake_accordion h2 > a.btn:visited,
.fake_accordion a.btn:link,
.fake_accordion a.btn:visited {
  color: white;
}

/* line 1854, ../sass/_style.scss */
.fake_accordion .hide_div {
  margin-bottom: 12px;
}

/* line 1858, ../sass/_style.scss */
.fake_accordion .confirm_email div {
  /* float: none; */
}

/* line 1862, ../sass/_style.scss */
.fake_accordion .confirm_email div:first-of-type {
  float: left;
}

/* line 1866, ../sass/_style.scss */
.fake_accordion .confirm_email {
  display: none;
}

/* line 1870, ../sass/_style.scss */
.fake_accordion .update_email {
  background: none;
  border: none;
  color: #2174c7;
  padding: 0;
}

/* line 1877, ../sass/_style.scss */
.fake_accordion .fake_accordion button.update_email {
  border: none;
  font-weight: normal;
}

/* Non-Bootstrap table */
/* line 1884, ../sass/_style.scss */
.non-bs-table {
  border: 1px solid #dabfa2;
  border-collapse: separate;
  width: 100%;
}

/* line 1890, ../sass/_style.scss */
.non-bs-table thead {
  border-bottom: 1px solid #c4cfdc;
}

/* line 1895, ../sass/_style.scss */
.non-bs-table thead tr,
.non-bs-table thead th {
  background-color: #fbc384;
}

/* line 1899, ../sass/_style.scss */
.non-bs-table tbody tr {
  background-color: #f9f1ca;
}

/* line 1903, ../sass/_style.scss */
.non-bs-table tr {
  height: 32px;
}

/* line 1908, ../sass/_style.scss */
.non-bs-table tr th,
.non-bs-table tr td {
  color: #3b4a58;
  padding-left: 28px;
}

/* line 1914, ../sass/_style.scss */
.non-bs-table tr th:first-of-type,
.non-bs-table tr td:first-of-type {
  padding-left: 38px;
}

/* line 1919, ../sass/_style.scss */
.non-bs-table tr th:nth-of-type(3),
.non-bs-table tr td:nth-of-type(3) {
  padding-left: 22px;
}

/* ******************** Manage User Access page ******************** */
/* ******************** Permissions Preview page ******************** */
/* line 1926, ../sass/_style.scss */
.permissions {
  max-width: 840px;
}

/* line 1930, ../sass/_style.scss */
.permissions ul {
  max-width: 200px;
  width: 40%;
}

/* line 1935, ../sass/_style.scss */
.permissions .email-content {
  border: 1px solid #ccc;
  height: auto;
  padding: 48px;
  margin-bottom: 24px;
}

/* ******************** end: Permissions Preview page ******************** */
/* ******************** Site Map page ******************** */
/* line 1945, ../sass/_style.scss */
.sitemap > ul {
  padding-left: 13px;
}

/* line 1950, ../sass/_style.scss */
.sitemap ul {
  line-height: 1.6em;
  margin: 0;
  padding: 0 0 0 30px;
}

/* line 1956, ../sass/_style.scss */
.sitemap ul li a, .sitemap ul span.noLinkTitle {
  color: #2174c7;
  font-size: 15.25px;
  line-height: 2;
}

/* ******************** end: Site Map page ******************** */
/* ******************** Assessments page ******************** */
/* line 1965, ../sass/_style.scss */
.assessments_page ul {
  padding-left: 0;
}

/* line 1970, ../sass/_style.scss */
.assessments_page li {
  list-style: none;
}

/* line 1976, ../sass/_style.scss */
.assessments_page .table th,
.assessments_page .table td {
  text-align: center;
}

/* line 1982, ../sass/_style.scss */
.assessments_page td.left,
.assessments_page thead th:first-of-type {
  text-align: left;
}

/* line 1988, ../sass/_style.scss */
.assessments_page .past_grades_tab
.table tr:first-of-type td {
  font-weight: normal;
}

/* ******************** Assessments page ******************** */
/* ******************** Schedule page ******************** */
/* line 1995, ../sass/_style.scss */
.schedule_page .terms {
  font-size: .85em;
  margin: 0 0 12px 0;
}

/* line 2001, ../sass/_style.scss */
.schedule_page .scheduleDay {
  border-right: 1px solid #000;
  margin-right: 12px;
  padding-right: 12px;
}

/* line 2008, ../sass/_style.scss */
.schedule_page .scheduleWeek {
  border-left: 1px solid #000;
  margin-left: 12px;
  padding-left: 12px;
}

/* line 2015, ../sass/_style.scss */
.schedule_page .officialClass {
  font-size: .85em;
  line-height: 2;
}

/* ******************** end: Schedule page ******************** */
/* ******************** General Tables - styles overriding Bootstrap css ******************** */
/* line 2023, ../sass/_style.scss */
.table .data td {
  font-weight: bold;
  height: 40px;
}

/* line 2030, ../sass/_style.scss */
.table .data td span,
.table .data td .grade {
  font-weight: normal;
}

/* line 2037, ../sass/_style.scss */
.table .data,
.schedule_page .panel-title,
.grades-tables .panel-title {
  color: #46617e;
}

/* line 2042, ../sass/_style.scss */
.table .data td {
  height: 32px;
}

/* line 2047, ../sass/_style.scss */
.table > tbody > tr > td {
  line-height: 1.1em;
  padding: 8px;
  vertical-align: middle;
}

/* line 2054, ../sass/_style.scss */
.table > tbody > tr.data > td span {
  font-size: 14px;
}

/* line 2059, ../sass/_style.scss */
.table > tbody > tr.data > td:nth-of-type(2) {
  max-width: 220px;
}

/* line 2064, ../sass/_style.scss */
.table > tbody > tr.data > td {
  font-size: 14px;
}

/* line 2069, ../sass/_style.scss */
.table .grade {
  margin: 0 auto;
  padding: 6px;
  position: relative;
  right: 2%;
  text-align: right;
  width: 36px;
}

/* ******************** General Tables - styles overriding Bootstrap css ******************** */
/* ******************** Grades page -- and now also health tables (and schedule tables). (Check assessments) ******************** */
/* line 2083, ../sass/_style.scss */
.schedule_page #accordion a,
.grades-tables #accordion a,
.schedule_page div[id^="accordion_"] a {
  text-decoration: none;
}

/* line 2090, ../sass/_style.scss */
.schedule_page #accordion a:hover,
.grades-tables #accordion a:hover,
.schedule_page div[id^="accordion_"] a:hover {
  text-decoration: underline;
  color: #1974d8;
}

/* styles overriding Bootstrap css - panel */
/* line 2098, ../sass/_style.scss */
.schedule_page .panel-group .panel + .panel,
.grades-tables .panel-group .panel + .panel {
  margin-top: 0;
}

/* line 2104, ../sass/_style.scss */
.schedule_page .panel-group .panel,
.grades-tables .panel-group .panel {
  border-radius: 2px;
  min-height: 30px;
}

/* line 2111, ../sass/_style.scss */
.schedule_page .panel-collapse,
.grades-tables .panel-collapse {
  clear: both;
}

/* line 2117, ../sass/_style.scss */
.schedule_page .panel-body,
.grades-tables .panel-body {
  padding: 0;
}

/* line 2123, ../sass/_style.scss */
.schedule_page .mb-1,
.grades-tables .mb-1 {
  margin-bottom: 2px;
}

/* line 2128, ../sass/_style.scss */
#collapseTwo2, #collapseThree3, #collapseFour4 {
  clear: left;
}

/* ******************** end: Grades pages ******************** */
/* ******************** Grades page - Marking Period Headers ******************** */
/* line 2136, ../sass/_style.scss */
.schedule_page .panel-group,
.grades-tables .panel-group {
  margin: 0 auto;
  max-width: none;
}

/* line 2143, ../sass/_style.scss */
.schedule_page .panel-default > .panel-heading,
.grades-tables .panel-default > .panel-heading {
  border-radius: 0;
  padding: 4px 8px;
}

/* 	down arrow - for grades, schedules, health and expanding table on assessments page */
/* line 2152, ../sass/_style.scss */
.regents-table .expanding-table,
.schedule_page .panel-heading,
.grades-tables .panel-heading {
  background-image: url("/ui/apps/sites/family/images/family_portal_spritesheet.png");
  background-repeat: no-repeat;
  padding-left: 26px;
}

/* line 2161, ../sass/_style.scss */
.regents-table .expanding-table,
.schedule_page .panel-heading.down-arrow,
.grades-tables .panel-heading.down-arrow {
  background-position: -24px -63px;
}

/* line 2166, ../sass/_style.scss */
.panel-heading {
  background-position: -20px -100px;
  padding-top: 4px;
  padding-bottom: 4px;
}

/* 	right arrow */
/* line 2175, ../sass/_style.scss */
.regents-table .collapsed .panel-heading,
.collapsed .panel-heading {
  background-position: -20px -24px;
}

/* line 2181, ../sass/_style.scss */
.schedule_page .table,
.grades-tables .table {
  margin-bottom: 0;
}

/* line 2187, ../sass/_style.scss */
.schedule_page .panel-title,
.grades-tables .panel-title {
  font-size: 14px;
  display: inline-block;
}

/* line 2194, ../sass/_style.scss */
.schedule_page table tr:first-of-type td:nth-of-type(2) a,
.grades-tables table tr:first-of-type td:nth-of-type(2) a {
  color: #1974d8;
  font-size: 14px;
  font-weight: bold;
}

/* line 2201, ../sass/_style.scss */
.grades-tables table tr:first-of-type td:nth-of-type(2) a:hover {
  color: #1974d8;
  text-decoration: underline;
}

/* line 2208, ../sass/_style.scss */
.grades-tables .accordion,
.grades-tables #accordion {
  margin-top: 10px;
}

/* line 2214, ../sass/_style.scss */
.schedule_page .navcolor,
.grades-tables .navcolor {
  border-radius: 0;
  float: left;
  min-height: 30px;
  width: 100%;
}

/* TABLES (for assessments pages) */
/* line 2223, ../sass/_style.scss */
.assessments_page .table-bordered {
  margin-bottom: 24px;
}

/* line 2228, ../sass/_style.scss */
.assessments_page th {
  color: #6a7074;
}

/* line 2233, ../sass/_style.scss */
.assessments_page .state_level span {
  margin-left: 12px;
}

/* line 2238, ../sass/_style.scss */
.assessments_page .regents-table thead th {
  font-weight: bold;
}

/* line 2243, ../sass/_style.scss */
.assessments_page .text_paragraph {
  margin-bottom: 40px;
}

/* line 2248, ../sass/_style.scss */
.schedule_page h2 a {
  margin-right: 12px;
  padding-right: 12px;
}

/* line 2254, ../sass/_style.scss */
.schedule_day_page h2 a {
  margin-left: 12px;
  padding-left: 12px;
}

/* line 2260, ../sass/_style.scss */
.schedule_page .term {
  margin-left: 20px;
}

/* line 2265, ../sass/_style.scss */
.schedule_page th {
  color: #6a7074;
  text-align: center;
  vertical-align: middle !important;
}

/* line 2272, ../sass/_style.scss */
.schedule_page tbody tr th:first-of-type {
  font-weight: bold;
}

/* line 2277, ../sass/_style.scss */
.schedule_page .table > tbody > tr > td {
  padding-left: 16px;
  max-width: 148px;
  word-wrap: break-word;
}

/* line 2284, ../sass/_style.scss */
.schedule_day_page .schedule_page {
  margin-left: 0;
  margin-top: 10px;
}

/* line 2290, ../sass/_style.scss */
.schedule_day_page .panel-group {
  clear: both;
}

/* line 2295, ../sass/_style.scss */
.panel .table-bordered > tbody > tr > th {
  vertical-align: middle;
}

/* line 2300, ../sass/_style.scss */
.schedule_day_page th {
  color: #6a7074;
  font-weight: bold;
  text-align: center;
}

/* line 2307, ../sass/_style.scss */
.schedule_day_page #accordion {
  overflow: auto;
}

/* line 2312, ../sass/_style.scss */
.past_grades_tab .table .data td {
  font-weight: normal;
}

/* line 2317, ../sass/_style.scss */
.grades-tables .table tr:first-of-type td {
  font-weight: bold;
}

/* line 2325, ../sass/_style.scss */
.schedule_day_page .table tr:first-of-type td,
.grades-tables.schedule_day_page .table tr:first-of-type td,
.past_grades_tab .table tr:first-of-type td:last-of-type,
.grades-tables.health-tables .table tr:first-of-type td {
  font-weight: normal;
}

/* line 2330, ../sass/_style.scss */
.grades-tables td:nth-of-type(3) {
  text-align: center;
}

/* line 2335, ../sass/_style.scss */
.grades_explanation > a:first-of-type {
  display: block;
}

/* line 2340, ../sass/_style.scss */
.grades-tables #accordion_alt > h2 + div {
  clear: both;
  display: block;
}

/* line 2346, ../sass/_style.scss */
.past_grades_tab > div > h2:nth-of-type(2) {
  float: left;
  margin-top: 20px;
}

/***** */
/* Expanding Table on Assessments page */
/* line 2354, ../sass/_style.scss */
.expanding-table table {
  margin-bottom: 0;
}

/* line 2359, ../sass/_style.scss */
.expanding-table .panel {
  box-shadow: none;
}

/* line 2364, ../sass/_style.scss */
.assessments_page .expanding-table .table-bordered {
  margin-bottom: 0;
}

/* line 2369, ../sass/_style.scss */
.expanding-table .panel-heading {
  padding: 0;
}

/* line 2375, ../sass/_style.scss */
.expanding-table .table > tbody > tr > td,
.expanding-table .panel-body {
  padding-left: 0;
}

/* line 2380, ../sass/_style.scss */
.expanding-table {
  margin-bottom: 0;
  padding-left: 16px;
}

/* line 2386, ../sass/_style.scss */
.expanding-table .panel-body {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

/* end: Expanding Table */
/* line 2395, ../sass/_style.scss */
.table > tbody > tr > td[colspan="3"],
.table > tbody > tr > td[colspan="3"] td {
  padding: 8px;
}

/* line 2400, ../sass/_style.scss */
.regents-table.table > tbody > tr > td[colspan="3"] {
  padding: 0;
}

/* line 2405, ../sass/_style.scss */
.assessments_page tr td:first-of-type {
  padding-left: 8px;
}

/* arrows */
/* line 2411, ../sass/_style.scss */
.expanding-table tr:first-of-type td:first-of-type {
  background-image: url("/ui/apps/sites/family/images/family_portal_spritesheet.png");
  background-repeat: no-repeat;
  background-position: -17px -183px;
  padding-left: 26px;
}

/* line 2419, ../sass/_style.scss */
.expanding-table a[aria-expanded="true"] tr:first-of-type td:first-of-type {
  background-position: -17px -268px;
}

/* line 2424, ../sass/_style.scss */
.expanding-table .panel-collapse tr:first-of-type td:first-of-type {
  background-image: none;
}

/* line 2429, ../sass/_style.scss */
.regents-table .expanding-table {
  padding-left: 0;
}

/* Assessments */
/* line 2435, ../sass/_style.scss */
.table > tbody > tr > td[colspan="3"] td:first-of-type {
  padding: 8px 8px 8px 26px;
}

/* line 2440, ../sass/_style.scss */
.assessments_page .regents-table td.left {
  padding-left: 26px;
}

/* line 2445, ../sass/_style.scss */
.assessments_page .table-bordered {
  clear: both;
}

/* Schedule page */
/* line 2452, ../sass/_style.scss */
.scheduleTable thead tr th,
.scheduleTable tbody tr th {
  max-width: 80px;
}

/***** */
/* line 2458, ../sass/_style.scss */
.display_text_page .info_box {
  margin-left: 10px;
}

/* line 2463, ../sass/_style.scss */
.terms label {
  font-weight: normal;
}

/* line 2469, ../sass/_style.scss */
.pseudolabel,
.info_box span {
  display: inline-block;
  font-weight: 700;
  max-width: 100%;
}

/* line 2476, ../sass/_style.scss */
.guardian .pseudolabel {
  margin-top: 6px;
}

/* line 2481, ../sass/_style.scss */
.guardian {
  background-color: #edf5fb;
  border: 1px solid #d4e3f2;
  margin-bottom: 30px;
  max-width: 400px;
  min-height: 280px;
  /* was 270 */
  padding: 12px;
}

/* line 2491, ../sass/_style.scss */
.guardian .fa-user-circle {
  margin-right: 4px;
  position: relative;
  top: 2px;
}

/* line 2498, ../sass/_style.scss */
.grouped_text {
  line-height: 1em;
}

/************************* IE8 *************************/
/* line 2504, ../sass/_style.scss */
.ie8 #navigation .nav LI {
  float: left;
}

/* Right-to-Left */
/* line 2510, ../sass/_style.scss */
.wrapper[dir="rtl"] .fitness_chart span {
  float: right;
}

/* line 2515, ../sass/_style.scss */
input[type="checkbox"] {
  margin-right: 6px;
  position: relative;
  top: 1px;
}

/* line 2522, ../sass/_style.scss */
.checkboxes {
  float: left;
  padding-left: 0;
  width: 100%;
}

/* line 2529, ../sass/_style.scss */
.checkboxes li {
  float: left;
  list-style: none;
  margin-right: 4%;
}

/* line 2536, ../sass/_style.scss */
.input-boxes {
  float: left;
  margin-right: 40px;
}

/* line 2542, ../sass/_style.scss */
.info-page {
  max-width: 720px;
}

/* line 2547, ../sass/_style.scss */
.subnav-lang {
  margin-top: 6px;
}

/* Modal window */
/* line 2553, ../sass/_style.scss */
.modal.in .modal-dialog {
  opacity: 1;
  z-index: 9999;
}

/* line 2559, ../sass/_style.scss */
.fa-user-circle::before {
  font-size: 26px;
}

/* line 2564, ../sass/_style.scss */
.orphanHome > li > a {
  max-width: 131px;
}

/* line 2569, ../sass/_style.scss */
h3.panel-title {
  line-height: 0.6;
}

/* line 2573, ../sass/_style.scss */
h3.panel-title a {
  display: block;
  padding-left: 12px;
}

/* line 2578, ../sass/_style.scss */
h3.panel-title a span {
  line-height: 24px;
}

/* line 2583, ../sass/_style.scss */
.circle {
  border: 1px solid #cfd5dc;
  border-radius: 100%;
  margin-top: 12px;
}

/* line 2590, ../sass/_style.scss */
.dropdown-messages {
  width: 380px;
  min-width: 0;
  margin-left: 5px;
  padding: 0;
}

/* line 2597, ../sass/_style.scss */
.dropdown-messages li {
  font-size: 0.857em;
  padding: .75em;
  border-bottom: 1px solid #EEE;
}

/* line 2603, ../sass/_style.scss */
.dropdown-messages li .messagebox {
  padding-bottom: 5px;
}

/* line 2607, ../sass/_style.scss */
.dropdown-messages li.unreadmsg {
  background: #edf5fb;
}

/* line 2611, ../sass/_style.scss */
.dropdown-messages li.unreadmsg .messagebox {
  font-weight: bold;
}

/* line 2615, ../sass/_style.scss */
.dropdown-messages li:first-child {
  border-top: 1px solid #EEE;
}

/* line 2619, ../sass/_style.scss */
.dropdown-messages li:last-child {
  border-bottom: none;
  background: white;
}

/* line 2624, ../sass/_style.scss */
.dropdown-messages .messagebox, .dropdown-messages .messagetime {
  max-width: 348px;
  width: 100%;
  margin-left: 7px;
}

/* line 2630, ../sass/_style.scss */
.dropdown-messages .messagetime .msgStudentname {
  font-size: 0.88em;
  font-weight: bold;
  color: #3b4a58;
  /* TODO: find lighter WCAG Level AA gray? */
  padding-right: 10px;
}

/* line 2638, ../sass/_style.scss */
.dropdown-messages .messagetime .msgTime {
  font-size: 0.88em;
  color: #3b4a58;
}

/* line 2643, ../sass/_style.scss */
.dropdown-messages .msgaction {
  position: relative;
  width: 37px;
  text-align: center;
}

/* line 2649, ../sass/_style.scss */
.dropdown-messages .msgaction .icon-trash {
  font-size: 1.273em;
  cursor: default;
}

/* line 2655, ../sass/_style.scss */
.dropdown-menu > li > a {
  color: #005aa2;
}

/* line 2660, ../sass/_style.scss */
.language-nav {
  background-color: white;
  border-radius: 4px;
  font-size: 14px;
  min-width: none;
  text-align: left;
}

/* line 2669, ../sass/_style.scss */
.notificationBadge {
  display: inline-block;
  min-width: 10px;
  padding: 1px 5px;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #a96700;
  /* was $orange_text; */
  border-radius: 10px;
  font-size: .80em;
}

/* line 2684, ../sass/_style.scss */
.messagebox a:link, .messagebox a:visited {
  color: #1371c6;
}

/* line 2689, ../sass/_style.scss */
.language-nav option {
  color: #005aa2;
}

/* line 2694, ../sass/_style.scss */
.form-control:focus {
  box-shadow: none;
}

/* ******************** CUSTOM SELECT DROPDOWN SAME LIKE BOOTSTRAP ******************** */
/* line 2701, ../sass/_style.scss */
select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}

/* line 2706, ../sass/_style.scss */
.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/
}

/* line 2712, ../sass/_style.scss */
.bootstrap-select > .dropdown-toggle {
  width: 100%;
  padding-right: 25px;
  z-index: 1;
}

/* line 2722, ../sass/_style.scss */
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: #999;
}

/* line 2727, ../sass/_style.scss */
.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
}

/* line 2740, ../sass/_style.scss */
.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2;
}

/* line 2750, ../sass/_style.scss */
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}

/* line 2755, ../sass/_style.scss */
.bootstrap-select.fit-width {
  width: auto !important;
}

/* line 2760, ../sass/_style.scss */
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}

/* line 2765, ../sass/_style.scss */
.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}

/* line 2772, ../sass/_style.scss */
.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}

/* line 2777, ../sass/_style.scss */
.bootstrap-select.form-control.input-group-btn {
  z-index: auto;
}

/* line 2782, ../sass/_style.scss */
.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

/* line 2788, ../sass/_style.scss */
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}

/* line 2797, ../sass/_style.scss */
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}

/* line 2804, ../sass/_style.scss */
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0;
}

/* line 2810, ../sass/_style.scss */
.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0;
}

/* line 2816, ../sass/_style.scss */
.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle {
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}

/* line 2824, ../sass/_style.scss */
.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%;
}

/* line 2830, ../sass/_style.scss */
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
}

/* line 2836, ../sass/_style.scss */
.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important;
}

/* line 2841, ../sass/_style.scss */
.bootstrap-select.btn-group.bs-container {
  position: absolute;
  height: 0 !important;
  padding: 0 !important;
}

/* line 2848, ../sass/_style.scss */
.bootstrap-select.btn-group.bs-container .dropdown-menu {
  z-index: 1060;
}

/* line 2853, ../sass/_style.scss */
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 85%;
  text-align: left;
}

/* line 2861, ../sass/_style.scss */
.chooseLanguage-nav .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  overflow: visible;
}

/* line 2866, ../sass/_style.scss */
.bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}

/* line 2875, ../sass/_style.scss */
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
  width: 100%;
}

/* line 2880, ../sass/_style.scss */
.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  max-height: none !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 2891, ../sass/_style.scss */
.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  max-height: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 2904, ../sass/_style.scss */
.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
}

/* line 2909, ../sass/_style.scss */
.bootstrap-select.btn-group .dropdown-menu li.active small {
  color: white;
}

/* line 2914, ../sass/_style.scss */
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed;
}

/* line 2919, ../sass/_style.scss */
.bootstrap-select.btn-group .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 2928, ../sass/_style.scss */
.bootstrap-select.btn-group .dropdown-menu li a:hover, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  color: #fc6400;
}

/* line 2933, ../sass/_style.scss */
.bootstrap-select.btn-group .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}

/* line 2939, ../sass/_style.scss */
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  display: none;
}

/* line 2944, ../sass/_style.scss */
.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
}

/* line 2949, ../sass/_style.scss */
.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}

/* line 2954, ../sass/_style.scss */
.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 2973, ../sass/_style.scss */
.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap;
}

/* line 2981, ../sass/_style.scss */
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
  position: static;
}

/* line 2986, ../sass/_style.scss */
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}

/* line 2993, ../sass/_style.scss */
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px;
}

/* line 3001, ../sass/_style.scss */
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}

/* line 3006, ../sass/_style.scss */
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
  z-index: 1061;
}

/* line 3011, ../sass/_style.scss */
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}

/* line 3023, ../sass/_style.scss */
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}

/* line 3035, ../sass/_style.scss */
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}

/* line 3043, ../sass/_style.scss */
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0;
}

/* line 3051, ../sass/_style.scss */
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}

/* line 3057, ../sass/_style.scss */
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}

/* line 3064, ../sass/_style.scss */
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block;
}

/* line 3071, ../sass/_style.scss */
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}

/* line 3076, ../sass/_style.scss */
.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 3084, ../sass/_style.scss */
.bs-actionsbox .btn-group button {
  width: 50%;
}

/* line 3089, ../sass/_style.scss */
.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 3098, ../sass/_style.scss */
.bs-donebutton .btn-group button {
  width: 100%;
}

/* line 3103, ../sass/_style.scss */
.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}

/* line 3108, ../sass/_style.scss */
.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none;
}

/* line 3115, ../sass/_style.scss */
.chooseLanguage-nav .bootstrap-select.btn-group {
  height: auto;
  background: transparent;
}

/* line 3121, ../sass/_style.scss */
.chooseLanguage-nav .bootstrap-select.btn-group .dropdown-toggle {
  background: transparent;
  box-shadow: none;
  height: auto;
  font-size: 12px;
  font-weight: normal;
  border: 0 !important;
  color: #2174c7;
  padding: 0 4px 0 0;
  /* padding: 0 12px 0px 0px; this is default value*/
  text-transform: none;
}

/* ******************** CUSTOM SELECT DROPDOWN SAME LIKE BOOTSTRAP - ENDS HERE ******************** */
/* ******************** MESSAGE-NOTIFICATION PAGE - START HERE ******************** */
/* line 3137, ../sass/_style.scss */
.notificationContent .buttonIcon {
  background: transparent;
  border: 0;
}

/* line 3143, ../sass/_style.scss */
.messageBlock + .messageBlock {
  border-top: 1px solid #d4e3f2;
}

/* line 3148, ../sass/_style.scss */
.messageBlock {
  margin-top: 0.5em;
  padding: 0.75em 1em;
}

/* line 3153, ../sass/_style.scss */
.messageBlock.unreadmsg .messageHeading {
  font-weight: bold;
  color: #46617e;
}

/* line 3158, ../sass/_style.scss */
.messageBlock.unreadmsg .messageHeading .messageSubject {
  width: 94%;
  float: left;
}

/* line 3163, ../sass/_style.scss */
.messageBlock.unreadmsg .messageHeading .msgaction {
  width: 5%;
  float: right;
  text-align: right;
}

/* line 3169, ../sass/_style.scss */
.messageBlock .messageBody {
  text-align: justify;
  padding-top: 0.75em;
}

/* line 3176, ../sass/_style.scss */
.message_page table.dataTable thead th,
.message_page table.dataTable.no-footer {
  border-top: 1px solid #c4cfdc;
  border-bottom: 1px solid #c4cfdc;
  border-collapse: collapse;
  background-color: transparent;
}

/* line 3183, ../sass/_style.scss */
.message_page table.dataTable thead td {
  border: 1px solid #c4cfdc;
  border-collapse: collapse;
}

/* line 3189, ../sass/_style.scss */
.message_page table.messagesElement,
.message_page table.messagesElement tbody tr {
  border: 1px solid #c4cfdc;
}

/* line 3194, ../sass/_style.scss */
.message_page table.messagesElement,
.message_page table.messagesElement tbody tr.toggleMessages.active {
  border-bottom: 0px;
  background-color: white;
}

/* line 3199, ../sass/_style.scss */
.message_page table.dataTable thead th {
  padding-left: 10px;
}

/* line 3203, ../sass/_style.scss */
.message_page table.messagesElement tbody tr.unread {
  background: #f5f9fd;
  /* was #edf5fb; */
}

/* line 3208, ../sass/_style.scss */
.message_page table.messagesElement tbody td:first-child {
  max-width: 180px;
  box-sizing: border-box;
}

/* line 3214, ../sass/_style.scss */
.message_page table.messagesElement thead th.removeMsg,
.message_page table.messagesElement tbody tr.toggleMessages td:last-child {
  width: 32px;
  text-align: right;
  padding-right: 12px;
  color: #495b6c;
}

/* line 3221, ../sass/_style.scss */
.message_page table.messagesElement tbody tr.toggleMessages td {
  vertical-align: top;
  /* cursor: pointer; */
}

/* line 3226, ../sass/_style.scss */
.message_page .expandMessage {
  border-top: 0px !important;
  background-color: white;
}

/* line 3231, ../sass/_style.scss */
.message_page .messagesElement {
  border-spacing: 10px;
}

/* line 3235, ../sass/_style.scss */
.message_page .messagesElement tbody tr.unread td > a, .message_page .messagesElement tbody tr.active td > a {
  font-weight: bold;
}

/* line 3239, ../sass/_style.scss */
.message_page .messagesElement table.dataTable.row-border tbody td {
  border-top: 0px;
}

/* line 3243, ../sass/_style.scss */
.message_page .messagesElement .collapsed.studentMsgInformation {
  display: block;
}

/* line 3247, ../sass/_style.scss */
.message_page .messagesElement .studentMsgInformation {
  display: inline;
}

/* line 3251, ../sass/_style.scss */
.message_page .messagesElement button.buttonIcon {
  background: transparent;
  border: 0;
}

/* ******************** MESSAGE-NOTIFICATION PAGE ENDS HERE ******************** */
/* line 3257, ../sass/_style.scss */
.fa-check-circle {
  color: #4b8e09;
  margin-right: 2px;
}

/* line 3262, ../sass/_style.scss */
.fa-times-circle {
  color: #de1500;
  margin-right: 2px;
}

/* line 3267, ../sass/_style.scss */
.fa-exclamation-circle {
  color: #fc6400;
  margin-right: 2px;
}

/* new */
/* line 3275, ../sass/_style.scss */
input.btn[value="Enregistrer"],
input.btn[value="Anrejistre"],
input.btn[value="সংরক্ষণ করুন"] {
  padding-left: 6px;
}

/* line 3279, ../sass/_style.scss */
input.btn[value="Enregistrer"],
input.btn[value="সংরক্ষণ করুন"] {
  font-size: 14px;
}

/* */
/* new for Notifications page, 9/19/17 */
/* line 3286, ../sass/_style.scss */
.message_page table.dataTable thead td:last-child {
  border-left: 0px;
}

/* line 3291, ../sass/_style.scss */
.jtoggleMessages a:hover {
  text-decoration: none;
}

/* CSS to remove underline */
/* line 3296, ../sass/_style.scss */
.messagesElement tbody tr td a:focus, .messagesElement tbody tr td a.expandedEl:hover {
  text-decoration: none;
}

/* line 3300, ../sass/_style.scss */
.notificationContent.dropdown-messages a:focus, .notificationContent.dropdown-messages a.expandedEl:hover {
  text-decoration: none;
}

/* line 3304, ../sass/_style.scss */
.notificationContent.dropdown-messages a:hover {
  text-decoration: underline;
}

/* line 3308, ../sass/_style.scss */
.messagesElement tbody tr td a:hover {
  text-decoration: underline;
}

/* line 3312, ../sass/_style.scss */
#main {
  margin-bottom: 0;
}

/* line 3315, ../sass/_style.scss */
#wrap {
  margin-bottom: -30px;
}

/* line 3318, ../sass/_style.scss */
#footer {
  margin-bottom: 0;
  /* remove prior mb line */
  margin-top: 0;
}

/* ATTENDANCE PAGE - MODIFIED TO ADD CALENDAR DETAILS */
/* TODO: Sassify colors with variables */
/* line 3332, ../sass/_style.scss */
.attendance h2.header_school {
  float: left;
  margin-bottom: 12px;
}
/* line 3336, ../sass/_style.scss */
.attendance .data-box {
  width: 272px;
  min-width: 232px;
}
/* line 3341, ../sass/_style.scss */
.attendance .key {
  font-size: 12px;
  line-height: 16px;
  margin-left: 0;
  margin-top: 10px;
  overflow: auto;
  clear: both;
}
/* line 3349, ../sass/_style.scss */
.attendance .key div {
  display: inline-block;
}
/* line 3353, ../sass/_style.scss */
.attendance .key span {
  clear: both;
  height: 12px;
  margin-left: 22px;
  margin-right: 4px;
  margin-bottom: 6px;
  padding: 0 6px;
  width: 12px;
}
/* line 3364, ../sass/_style.scss */
.attendance .key.key-alt span:first-of-type {
  background-color: #FF9429;
  margin-left: 0;
}
/* line 3368, ../sass/_style.scss */
.attendance .key.key-alt span:nth-of-type(2) {
  background-color: #4874A3;
}
/* line 3371, ../sass/_style.scss */
.attendance .key.key-alt span:nth-of-type(3) {
  background-color: #767676;
}
/* line 3374, ../sass/_style.scss */
.attendance .key.key-alt span:last-of-type {
  background: repeating-linear-gradient(45deg, #efefef, #efefef 5px, #d6d6d6 5px, #d6d6d6 7px);
}

/* $header_and_link_bright_blue: #2174c7; */
/* line 3389, ../sass/_style.scss */
span[role="button"] {
  color: #2174c7;
}

/* line 3392, ../sass/_style.scss */
.muted {
  background-color: #efefef;
}

/* line 3395, ../sass/_style.scss */
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: white;
}

/* line 3398, ../sass/_style.scss */
th[colspan="5"] {
  font-size: 16px;
}

/* line 3401, ../sass/_style.scss */
.month {
  color: #495b6c;
}

/* line 3404, ../sass/_style.scss */
.day-absent {
  color: white;
  background-color: #FF9429;
}

/* line 3408, ../sass/_style.scss */
.day-late {
  color: white;
  background-color: #4874A3;
}

/* line 3412, ../sass/_style.scss */
.day-no-data {
  background-color: #767676;
  color: white;
}

/* line 3416, ../sass/_style.scss */
.day-school-closed {
  color: #000;
  background: repeating-linear-gradient(45deg, #efefef, #efefef 5px, #d6d6d6 5px, #d6d6d6 7px);
}

/* line 3427, ../sass/_style.scss */
.panelContainer {
  overflow: hidden;
}

/* line 3431, ../sass/_style.scss */
.present {
  color: #495b6c;
}

/* line 3434, ../sass/_style.scss */
.absent {
  color: #de1500;
}

/* line 3437, ../sass/_style.scss */
.late {
  color: #a56900;
}

/* line 3440, ../sass/_style.scss */
.calendar-view {
  clear: both;
}
/* line 3443, ../sass/_style.scss */
.calendar-view .school-year {
  font-size: 18px;
  line-height: 18px;
  border-bottom: 1px solid #c4cfdc;
  margin-bottom: 6px;
  max-width: 240px;
  padding-bottom: 6px;
}
/* line 3451, ../sass/_style.scss */
.calendar-view .category {
  float: left;
  max-width: 234px;
  margin-right: 36px;
}
/* line 3456, ../sass/_style.scss */
.calendar-view .category div:first-of-type {
  color: #2174c7;
  font-size: 12px;
  width: 32px;
}
/* line 3461, ../sass/_style.scss */
.calendar-view .category div:last-of-type {
  font-size: 24px;
  text-align: center;
}
/* line 3466, ../sass/_style.scss */
.calendar-view .parenthetical {
  clear: both;
  font-size: 12px;
  margin-bottom: 8px;
}
/* line 3471, ../sass/_style.scss */
.calendar-view .smaller {
  font-size: 1.4em;
}

/* line 3476, ../sass/_style.scss */
.calendar {
  margin: 24px 0px 0px 16px;
  color: #495b6c;
}

/* line 3481, ../sass/_style.scss */
.table-condensed > thead > tr > th,
.calendar th {
  padding: 10px;
  text-align: center;
}

/* line 3485, ../sass/_style.scss */
.calendar.table-bordered > tbody > tr > td {
  text-align: center;
}

/* line 3488, ../sass/_style.scss */
.larger-body {
  font-size: 1.2em;
}

/* line 3492, ../sass/_style.scss */
.flex-container {
  clear: both;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 24px;
}
/* line 3499, ../sass/_style.scss */
.flex-container .flex-item {
  width: 270px;
  height: 200px;
  margin: 0 0px 24px 0px;
}

/* line 3507, ../sass/_style.scss */
.btn-show-table,
.btn-show-calendar {
  float: right;
  background-color: #edf5fb;
  border: 1px solid #d4e3f2;
  color: #495b6c;
  font-size: 0.85em;
  font-weight: normal;
  height: 24px;
  margin: 5px auto 12px auto;
  padding: 5px 8px;
  text-transform: initial;
}

/* line 3520, ../sass/_style.scss */
.btn-show-calendar:hover,
.btn-show-table:hover {
  color: #495b6c;
}

/* line 3524, ../sass/_style.scss */
.btn-show-calendar:focus,
.btn-show-table:focus {
  color: #495b6c;
  padding: 5px 8px;
}

/* line 3529, ../sass/_style.scss */
.panel_area h2.blue-text {
  color: #2174c7;
  margin: 0;
  padding-bottom: 0;
}

/* line 3534, ../sass/_style.scss */
.panelContainer {
  padding: 16px;
}

/* new */
/* line 3539, ../sass/_style.scss */
.fa-hourglass-half {
  margin-top: 5px;
}

/* ATTENDANCE PAGE - 7.4 (with calendar added) */
/* line 3545, ../sass/_style.scss */
.calendar-view .category {
  margin-right: 6px;
}

/* line 3548, ../sass/_style.scss */
.calendar-view .category div:first-of-type {
  color: #495b6c;
  width: 72px;
  text-align: center;
}

/* line 3553, ../sass/_style.scss */
.calendar-view .category div:last-of-type {
  font-size: 20px;
  margin: auto;
  margin-top: 4px;
}

/* line 3559, ../sass/_style.scss */
.absent-label {
  background-color: #ff9429;
  border-radius: 37px;
  color: #fff !important;
  font-size: 20px;
  width: 30px;
}

/* line 3566, ../sass/_style.scss */
.late-label {
  background-color: #4874A3;
  border-radius: 37px;
  color: #fff !important;
  font-size: 20px;
  width: 30px;
}

/* line 3573, ../sass/_style.scss */
.closed-label {
  /* border: 1px solid #c00; */
  background-color: #d6d6d6;
  /* repeating-linear-gradient(45deg, #efefef, #efefef 5px, #d6d6d6 5px, #d6d6d6 7px); */
  border-radius: 37px;
  color: #fff !important;
  font-size: 20px;
  width: 30px;
}

/* line 3582, ../sass/_style.scss */
.calendar-view .parenthetical {
  color: #72777b;
  display: inline-block;
  font-size: 10px;
  /* margin-top: 12px; */
  margin-bottom: 0;
}

/* line 3589, ../sass/_style.scss */
.attendance .data-box {
  width: 100%;
}

/* line 3592, ../sass/_style.scss */
.attendance .key {
  margin-bottom: 6px;
  top: -21px;
}

/* line 3596, ../sass/_style.scss */
.calendar-view .footnote-asterisk {
  display: none;
}

/* line 3599, ../sass/_style.scss */
.calendar-view .parenthetical.footnote {
  display: none;
}

/* from v.2 * /
.absent-label {
	background-color: #ff9429;
	border-radius: 37px;
	color: #fff !important;
	font-size: 20px;
	width: 30px;
}
.late-label {
	background-color: #4874A3;
	border-radius: 37px;
	color: #fff !important;
	font-size: 20px;
	width: 30px;
}
.closed-label {
	background-color: #d6d6d6;
	border-radius: 37px;
	color: #fff !important;
	font-size: 20px;
	width: 30px;
}
*/
/*
.parenthetical {
	color: #72777b;
	display: inline-block;
}
*/
/* line 3632, ../sass/_style.scss */
.attendance h2.header_school {
  clear: none;
}

/* line 3636, ../sass/_style.scss */
.btn-show-table,
.btn-show-calendar {
  margin-bottom: 16px;
  margin-top: 3px;
  text-transform: capitalize;
}

/* line 3641, ../sass/_style.scss */
.btn-show-table {
  margin-bottom: 13px;
}

/* new */
/* line 3646, ../sass/_style.scss */
.absent-dates {
  padding-top: 8px;
}

/* more */
/* line 3652, ../sass/_style.scss */
.secondary_nav.navbar-nav .logout .nycode-subnavtitle {
  padding-left: 20px;
}

/* line 3656, ../sass/_style.scss */
.attendance .flex-container .flex-placeholder.flex-item {
  height: 2px;
  margin-bottom: 0;
}

/* Media CSS */
/*@charset "utf-8";*/
/*
    #Base
    #Desktop (960 Grid)
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
*/
@media only screen and (max-width: 992px) {
  /* line 14, ../sass/_media.scss */
  .menu,
  .menu_page {
    margin: 6% auto auto;
    width: 99%;
  }
}
@media only screen and (min-width: 880px) and (max-width: 1060px) {
  /* line 30, ../sass/_media.scss */
  .create_pwd input.btn[value="Сохранить"],
  .create_pwd input.btn[value="Anrejistre"],
  .add_student input.btn[value="Сохранить"],
  .add_student input.btn[value="Anrejistre"], .update_security_questions input.btn[value="Сохранить"],
  .update_security_questions input.btn[value="Anrejistre"],
  .change_pwd input.btn[value="Сохранить"],
  .change_pwd input.btn[value="Anrejistre"],
  .change_email input.btn[value="Сохранить"],
  .change_email input.btn[value="Anrejistre"] {
    font-size: 14px;
    padding-left: 2px;
  }
}
/* ================================================== */
@media only screen and (min-width: 846px) and (max-width: 879px) {
  /* line 48, ../sass/_media.scss */
  .create_pwd input.btn[value="Сохранить"],
  .create_pwd input.btn[value="Anrejistre"],
  .add_student input.btn[value="Сохранить"],
  .add_student input.btn[value="Anrejistre"],
  .update_security_questions input.btn[value="Сохранить"],
  .update_security_questions input.btn[value="Anrejistre"],
  .change_pwd input.btn[value="Сохранить"],
  .change_pwd input.btn[value="Anrejistre"],
  .change_email input.btn[value="Сохранить"],
  .change_email input.btn[value="Anrejistre"] {
    padding-left: 4px;
  }
}
/* ================================================== */
@media only screen and (max-width: 930px) {
  /* line 55, ../sass/_media.scss */
  .secondary_nav > li {
    border-right: 0px solid #fff;
  }

  /* new */
  /* line 59, ../sass/_media.scss */
  .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    text-align: left;
    width: 100%;
  }

  /* line 74, ../sass/_media.scss */
  .create_pwd input.btn[value="Сохранить"],
  .create_pwd input.btn[value="Anrejistre"],
  .add_student input.btn[value="Сохранить"],
  .add_student input.btn[value="Anrejistre"],
  .update_security_questions input.btn[value="Сохранить"],
  .update_security_questions input.btn[value="Anrejistre"],
  .change_pwd input.btn[value="Сохранить"],
  .change_pwd input.btn[value="Anrejistre"],
  .change_email input.btn[value="Сохранить"],
  .change_email input.btn[value="Anrejistre"] {
    font-size: 13px;
    padding-left: 4px;
  }

  /* line 79, ../sass/_media.scss */
  .grades-tables .panel-title {
    line-height: 14px;
  }
}
/* #Tablet (Portrait)
================================================== */
@media only screen and (max-width: 840px) {
  /* line 87, ../sass/_media.scss */
  .calendar-view .category .present {
    font-size: 12px !important;
    margin-top: 8px !important;
  }
}
/* ================================================== */
@media (min-width: 768px) {
  /*** general ***/
  /* line 96, ../sass/_media.scss */
  #navigation .nav {
    display: block !important;
  }

  /* new */
  /* line 100, ../sass/_media.scss */
  .nav-justified > li > a span {
    display: block;
    /* was block */
  }

  /* line 103, ../sass/_media.scss */
  .nav-justified > li > a span.nycdoe-icon {
    display: none;
    /* was block */
  }

  /* line 110, ../sass/_media.scss */
  .secondary_nav > li,
  .secondary_nav .navbar-nav > li,
  .secondary_nav [class*=" widget-"],
  .secondary_nav [class^=widget-] {
    border-right: 1px solid #333;
    padding-right: 8px;
    padding-left: 8px;
    line-height: 15px;
    margin-top: 2px;
  }

  /* line 117, ../sass/_media.scss */
  .dropdown-messages {
    margin-left: auto;
  }

  /*** page-specific ***/
  /* line 122, ../sass/_media.scss */
  .scheduleTable tbody tr td {
    overflow-wrap: break-word;
    word-wrap: break-word;
    padding: 10px;
    max-width: 100px;
  }
}
/* ================================================ */
@media (min-width: 720px) {
  /* Attendance page */
  /* line 134, ../sass/_media.scss */
  .attendance .key {
    float: right;
    margin-top: 0;
    position: relative;
    top: -26px;
  }
}
@media (max-width: 720px) {
  /* Attendance page */
  /* line 145, ../sass/_media.scss */
  .attendance .key {
    float: left;
    margin-bottom: 24px;
    margin-top: 24px;
  }
  /* line 151, ../sass/_media.scss */
  .attendance .calendar-view .category div:last-of-type {
    max-width: 90px;
  }
}
/* #Tablet (Portrait)
================================================== */
/* Design for width of 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /*** general ***/
  /* line 164, ../sass/_media.scss */
  .container {
    padding: 25px;
    padding-left: 30px;
    padding-right: 30px;
  }

  /* line 169, ../sass/_media.scss */
  .create-xs {
    padding-top: 20px;
    padding-bottom: 0;
    display: block !important;
    margin: 0;
  }

  /*** page-specific ***/
  /* Login page */
  /* line 178, ../sass/_media.scss */
  .nameinfo {
    margin-right: 0;
  }

  /* Menu page */
  /* line 182, ../sass/_media.scss */
  .menu_page {
    margin: 0 auto;
    margin-top: 40px;
  }

  /* line 186, ../sass/_media.scss */
  .menu {
    float: left;
    margin: 0 auto;
  }

  /* line 190, ../sass/_media.scss */
  .menu-item {
    padding-bottom: 6px;
    margin-bottom: 12px;
  }

  /* Grades */
  /* line 196, ../sass/_media.scss */
  .grades_explanation.container-full {
    padding-left: 20px;
    padding-right: 10px;
  }

  /* line 201, ../sass/_media.scss */
  .grades_explanation .col-md-4:nth-of-type(3) h2,
  .grades_explanation .col-md-4:nth-of-type(3) > div {
    padding-left: 0;
  }

  /* line 204, ../sass/_media.scss */
  .grades_explanation .col-md-4:nth-of-type(3) h2 {
    margin-left: 0;
  }

  /* line 207, ../sass/_media.scss */
  .grades_explanation .col-md-4:nth-of-type(3) > div {
    padding-left: 10px;
    margin: 0 -6px;
  }

  /* Select Student page */
  /* line 213, ../sass/_media.scss */
  .login-sec {
    width: 382px;
    margin: 20px auto;
    min-height: 550px;
  }

  /* line 218, ../sass/_media.scss */
  .login-sec .row .col-xs-12 {
    width: 380px;
  }

  /* grade explanations */
  /* line 223, ../sass/_media.scss */
  .grades_explanation > div {
    max-width: 100%;
  }

  /* line 227, ../sass/_media.scss */
  .tip-container {
    margin-left: auto;
  }
}
/* end: (min-width: 768px) and (max-width: 991px) */
/* ================================================== */
/* Portrait */
@media only screen and (min-width: 768px) and (max-width: 925px) {
  /* line 235, ../sass/_media.scss */
  .usernav > span:first-of-type {
    display: block;
    margin-bottom: 5px;
  }

  /* line 240, ../sass/_media.scss */
  .secondary_nav > li {
    background-color: white;
    border: 0px solid #EEEEEE;
    width: 46.5%;
    min-height: 18px;
  }
  /* line 246, ../sass/_media.scss */
  .secondary_nav > li:nth-child(2n) {
    border-left: 0;
  }
}
/* ================================================== */
@media only screen and (min-width: 700px) and (max-width: 920px) {
  /* line 254, ../sass/_media.scss */
  .nav-right {
    /* display: block; */
    float: right;
    height: auto;
    max-width: 75%;
    min-width: 300px;
    overflow: visible;
    /* auto or visible; */
    width: auto;
  }
}
/* #Tablet (minor breakpoint for navigation)
================================================= */
/* adjustments for below 848px screen width */
@media only screen and (max-width: 848px) {
  /* Guardians */
  /* line 272, ../sass/_media.scss */
  .guardian {
    min-height: none;
  }
}
/*  #Mobile (Portrait)
================================================== */
/* Design for width of 320px */
@media only screen and (max-width: 767px) {
  /*** general ***/
  /* line 285, ../sass/_media.scss */
  .header {
    border-bottom: 1px solid #d4e3f2;
  }
  /* line 288, ../sass/_media.scss */
  .header .logo {
    padding-left: 15px;
    /* was 0 */
  }
  /* line 291, ../sass/_media.scss */
  .header .logo img {
    width: 200px;
    margin-left: 0;
  }
  /* line 296, ../sass/_media.scss */
  .header .app_logo {
    margin-top: 17px;
  }
  /* line 300, ../sass/_media.scss */
  .header .welcome {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 304, ../sass/_media.scss */
  .header .welcome > div {
    margin-left: 0;
  }
  /* line 308, ../sass/_media.scss */
  .header .nav-xs {
    background-color: #edf5fb;
    border: 1px solid #dae6f2;
    cursor: pointer;
    float: left;
    height: 25px;
    margin-left: 15px;
    /* was 30 */
    margin-top: 16px;
    width: 30px;
    /* or col-xs-1 8.33333% */
  }
  /* line 318, ../sass/_media.scss */
  .header .nav-xs span {
    border-top: 2px solid #607993;
    float: left;
    margin-left: 20%;
    margin-right: 3px;
    margin-top: 4px;
    padding-right: 57%;
  }
  /* line 327, ../sass/_media.scss */
  .header .nav li {
    width: 100%;
  }
  /* line 330, ../sass/_media.scss */
  .header > div.col-lg-12 {
    padding-left: 0;
  }

  /* end: .header */
  /* line 335, ../sass/_media.scss */
  nav {
    border-bottom: none;
  }

  /* line 339, ../sass/_media.scss */
  .login_page {
    border-top: none;
  }

  /* line 343, ../sass/_media.scss */
  .nav-justified > li > a span {
    display: inline-block;
  }

  /* line 346, ../sass/_media.scss */
  .nav-justified > li > a span.nycdoe-icon {
    display: inline-block;
  }

  /* line 350, ../sass/_media.scss */
  #navigation .nav li {
    display: block;
    float: none;
    margin-top: 0;
    padding-bottom: 5px;
    width: auto;
  }

  /* line 357, ../sass/_media.scss */
  .nav li:first-of-type a {
    margin-left: 0;
  }

  /* line 360, ../sass/_media.scss */
  .nav-right {
    float: none;
  }

  /* hide navigation: the 4 list items */
  /* show hamburger */
  /* line 367, ../sass/_media.scss */
  #navc {
    display: block;
    min-width: 30px;
  }

  /* line 371, ../sass/_media.scss */
  #navs .active a {
    border: none;
    top: 0;
  }

  /* line 375, ../sass/_media.scss */
  nav {
    border-top: 0px solid #fff;
  }

  /* styling for nav links when they are stacked (in narrow window) */
  /* line 380, ../sass/_media.scss */
  .nav-links {
    position: relative;
  }

  /* line 383, ../sass/_media.scss */
  .navigation .nav {
    position: absolute;
    background: #d4e3f2;
    z-index: 9999;
    display: none;
  }

  /* line 389, ../sass/_media.scss */
  .nav-links > ul > li {
    border-bottom: 2px solid white;
  }

  /* line 392, ../sass/_media.scss */
  .nav-links li:last-of-type {
    border: none;
  }

  /* line 396, ../sass/_media.scss */
  .nav-links li:hover,
  .nav-links a:hover {
    background-color: #e5ecf4;
  }

  /* line 399, ../sass/_media.scss */
  #navs a:hover {
    background-color: #e5ecf4;
  }

  /* line 402, ../sass/_media.scss */
  #navigation .nav li {
    width: auto;
  }

  /* line 406, ../sass/_media.scss */
  .header .logo img {
    width: 200px;
  }
  /* line 409, ../sass/_media.scss */
  .header .nav-xs {
    background-color: #edf5fb;
    border: 1px solid #dae6f2;
    cursor: pointer;
    float: left;
    height: 25px;
    margin-top: 16px;
    width: 30px;
    /* or col-xs-1 8.33333% */
  }
  /* line 418, ../sass/_media.scss */
  .header .nav-xs span {
    border-top: 2px solid #607993;
    float: left;
    margin-left: 20%;
    margin-right: 3px;
    margin-top: 4px;
    padding-right: 57%;
  }
  /* line 427, ../sass/_media.scss */
  .header .secondary_nav,
  .header .navbar-nav {
    margin: 0;
  }
  /* line 430, ../sass/_media.scss */
  .header .nav li {
    width: 100%;
  }
  /* line 433, ../sass/_media.scss */
  .header .logo {
    padding-left: 15px;
  }
  /* line 436, ../sass/_media.scss */
  .header > div.col-lg-12 {
    padding-left: 0;
  }

  /* line 440, ../sass/_media.scss */
  .subheader .account {
    float: left;
    width: 50%;
  }

  /* line 445, ../sass/_media.scss */
  #navigation .nav li {
    clear: both;
  }

  /* line 449, ../sass/_media.scss */
  #navs li.active > a:before {
    background-color: transparent;
  }

  /* line 452, ../sass/_media.scss */
  #navigation li.active > a {
    color: #fc6400;
  }

  /* line 455, ../sass/_media.scss */
  #navigation .nav li {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* line 459, ../sass/_media.scss */
  #navigation .subnavDropdown li a {
    padding-left: 72px;
  }

  /* line 463, ../sass/_media.scss */
  .nav-justified > .dropdown .dropdown-menu {
    position: static;
    box-shadow: none;
    width: 100%;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    z-index: 2000;
    padding: 0;
  }

  /* line 473, ../sass/_media.scss */
  .nav-justified > li > a span.nycdoe-icon {
    width: 72px;
    text-align: center;
  }

  /* line 477, ../sass/_media.scss */
  .nycdoe-subNavicon {
    font-size: 1.75em;
  }

  /* line 480, ../sass/_media.scss */
  .subnavDropdown a span.nycdoe-subNavicon {
    width: 40px;
  }

  /* line 483, ../sass/_media.scss */
  h1 {
    letter-spacing: -0.03em;
    margin-top: 0;
  }

  /* line 488, ../sass/_media.scss */
  .tip-container {
    margin-left: auto;
  }

  /* line 491, ../sass/_media.scss */
  .bootstrap-select.btn-group .dropdown-menu {
    position: absolute;
    right: 0;
    left: auto;
    background-color: white;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  }

  /* line 504, ../sass/_media.scss */
  .chooseLanguage-nav .bootstrap-select.btn-group .dropdown-toggle {
    padding-right: 11px;
  }

  /* hack for the bootstrap dropdown on touch screen */
  /* line 508, ../sass/_media.scss */
  .dropdown-backdrop {
    position: static;
  }

  /* line 512, ../sass/_media.scss */
  .table-responsive {
    margin-bottom: 0px;
    border: none;
  }

  /* line 517, ../sass/_media.scss */
  .subnavDropdown.dropdown-menu {
    background: #d4e3f2;
    border-bottom: 1px solid white;
  }
  /* line 520, ../sass/_media.scss */
  .subnavDropdown.dropdown-menu li {
    border-top: 1px solid white;
  }

  /* line 525, ../sass/_media.scss */
  #navs a {
    margin: 0px;
    font-size: 14px;
    padding: 10px;
  }

  /* line 530, ../sass/_media.scss */
  .nav-justified .dropdown .caret {
    bottom: 18px;
  }

  /* new */
  /* line 538, ../sass/_media.scss */
  #navs > li.active > a:focus:before,
  #navs > li.active > a:hover:before,
  .nav > li.active > a:focus:before,
  .nav > li.active > a:hover:before {
    background-color: white;
  }

  /* line 541, ../sass/_media.scss */
  #navs > li > a:hover, .nav > li > a:hover {
    background-color: white;
  }

  /* line 548, ../sass/_media.scss */
  #navs > li.active > a:focus:before,
  #navs > li.active > a:hover:before,
  .nav > li.active > a:focus:before,
  .nav > li.active > a:hover:before {
    background-color: white;
  }

  /* line 552, ../sass/_media.scss */
  .usernav {
    margin: 15px 0 5px 15px;
    /* margin-left was -15 */
    padding: 0;
  }

  /* line 556, ../sass/_media.scss */
  .nav {
    border: 0;
  }

  /* line 559, ../sass/_media.scss */
  .secondary_nav {
    float: left;
  }

  /* line 563, ../sass/_media.scss */
  .secondary_nav .open .dropdown-menu,
  .navbar-nav .open .dropdown-menu {
    position: absolute;
    background-color: white;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  }

  /* line 574, ../sass/_media.scss */
  .usernav > span:first-of-type {
    display: block;
    margin-bottom: 5px;
  }

  /* line 578, ../sass/_media.scss */
  .secondary_nav > li:first-child {
    padding-left: 0px;
  }

  /* line 583, ../sass/_media.scss */
  .secondary_nav .bootstrap-select.btn-group {
    position: inherit;
  }
  /* line 586, ../sass/_media.scss */
  .secondary_nav > li > .dropdown-menu {
    margin-top: 0px;
  }
  /* line 589, ../sass/_media.scss */
  .secondary_nav .bootstrap-select.btn-group .dropdown-menu {
    margin-top: 3px;
  }

  /* line 593, ../sass/_media.scss */
  .dropdown-messages {
    width: 320px !important;
  }

  /* line 597, ../sass/_media.scss */
  #navs li.active > a:before {
    background-color: #d4e3f2;
  }

  /* line 601, ../sass/_media.scss */
  .navigation .nav.secondary_nav {
    background-color: #fff;
    position: relative;
    /* TODO - change this further down! */
  }

  /* line 605, ../sass/_media.scss */
  .navigation .nav.nav-justified {
    display: none;
  }

  /* line 608, ../sass/_media.scss */
  .navigation .nav.navbar-nav {
    display: block;
  }

  /* line 611, ../sass/_media.scss */
  #navc {
    display: block;
  }

  /* line 614, ../sass/_media.scss */
  .nav-justified > li > a span {
    display: inline-block;
  }

  /* line 617, ../sass/_media.scss */
  .nav-justified > li > a {
    text-align: left;
  }

  /* line 620, ../sass/_media.scss */
  .secondary_nav {
    margin: auto 0;
    min-width: 308px;
  }

  /* line 624, ../sass/_media.scss */
  .secondary_nav > li {
    height: 22px;
  }

  /*** page-specific ***/
  /* menu page */
  /* line 631, ../sass/_media.scss */
  .menu_page {
    margin-top: 30px;
  }

  /* line 634, ../sass/_media.scss */
  .menu-item {
    float: left;
  }

  /* line 637, ../sass/_media.scss */
  .menu-items > div {
    padding-left: 0;
    padding-right: 0;
  }

  /* form pages */
  /* line 643, ../sass/_media.scss */
  .form_page .questions {
    margin-top: 0;
  }

  /* line 646, ../sass/_media.scss */
  .form_page .pwdmst {
    padding-left: 15px;
    margin-top: 10px;
  }

  /* line 651, ../sass/_media.scss */
  .form_page .instr_txt {
    margin-top: 20px;
  }

  /* Select page */
  /* line 656, ../sass/_media.scss */
  .login-sec {
    margin: 10px auto;
    min-height: 550px;
    width: 382px;
  }

  /* line 661, ../sass/_media.scss */
  .login-sec .row .col-xs-12 {
    width: 380px;
  }

  /* Explanation of Grades */
  /* line 666, ../sass/_media.scss */
  .grades_explanation.container-full {
    padding-left: 20px;
  }

  /* line 670, ../sass/_media.scss */
  .grades_explanation .col-md-4:nth-of-type(3) h2,
  .grades_explanation .col-md-4:nth-of-type(3) > div {
    padding-left: 0px;
  }

  /* line 673, ../sass/_media.scss */
  .grades_explanation .col-md-4:nth-of-type(3) h2 {
    margin-left: 0;
  }

  /* line 676, ../sass/_media.scss */
  .grades_explanation .col-md-4:nth-of-type(3) > div {
    padding-left: 10px;
    margin: 0 -6px;
  }

  /* line 680, ../sass/_media.scss */
  .grades_explanation.container-full {
    padding-left: 20px;
  }

  /* line 683, ../sass/_media.scss */
  .grades_explanation > div {
    max-width: 100%;
  }

  /* line 686, ../sass/_media.scss */
  .grades-tables .panel-group + .header_school {
    margin-top: 32px;
  }

  /* line 690, ../sass/_media.scss */
  .menu_page {
    margin-top: 0;
  }

  /* line 693, ../sass/_media.scss */
  .menu_page .menu-item {
    max-height: 100%;
    padding: 0;
    max-width: 100%;
  }

  /* Schedule Week - new */
  /* line 700, ../sass/_media.scss */
  .schedule_page .table-responsive > .table > tbody > tr > td {
    min-width: 130px;
    white-space: normal;
  }
}
/* end: max-width: 767px */
/* ================================================== */
@media only screen and (max-width: 745px) {
  /* new 6/23/17 */
  /* line 710, ../sass/_media.scss */
  .btn-change-email {
    margin-top: 6px;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 740px) {
  /* line 718, ../sass/_media.scss */
  .data-box div:last-of-type > div:last-of-type {
    font-size: 12px !important;
    margin-top: 8px !important;
  }
}
/* ================================================== */
/* ================================================== */
@media only screen and (max-width: 650px) {
  /* line 732, ../sass/_media.scss */
  .header .logo {
    float: left;
  }

  /* line 735, ../sass/_media.scss */
  .header .app_logo {
    /* float: none; */
    font-size: 18px;
    margin-top: 22px;
    /* was 16 */
  }
}
/* ================================================== */
/* "minor" breakpoint - to 1) hide the horizontal navbar (#nav (aka .nav)) and 2) show the veggie burger (#navc) */
/* Note: #navs approx. = .nav */
@media only screen and (max-width: 640px) {
  /*** general ***/
  /* line 751, ../sass/_media.scss */
  .header .logo img {
    margin-left: 0;
    width: 175px;
  }

  /* for header with logo only */
  /* line 757, ../sass/_media.scss */
  .header > div.col-lg-12 {
    padding-left: 0;
  }

  /* line 760, ../sass/_media.scss */
  .header > div.col-lg-12 .logo img {
    margin-left: 0;
  }

  /* logo-only header */
  /* line 765, ../sass/_media.scss */
  .subheader col-xs-12-wrap {
    float: left;
    min-height: 1px;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
  }

  /* line 773, ../sass/_media.scss */
  .subheader .account {
    float: none;
    width: 100%;
  }

  /* line 777, ../sass/_media.scss */
  .subheader .account > div {
    float: left;
    text-align: left;
    width: 100%;
  }

  /* line 783, ../sass/_media.scss */
  .menu {
    float: left;
    margin: 0 auto;
  }

  /* line 787, ../sass/_media.scss */
  .menu_page {
    margin: 25px auto auto auto;
  }

  /*** page-specific ***/
  /* line 792, ../sass/_media.scss */
  .login_text_block {
    float: right;
    width: 100%;
  }

  /* line 796, ../sass/_media.scss */
  .login_image_block {
    float: left;
    width: 100%;
  }

  /* Select page */
  /* line 802, ../sass/_media.scss */
  .login-sec {
    margin: 10px auto;
    min-height: 550px;
    width: 382px;
  }
}
/* end: max-width: 640px */
/* ================================================== */
@media screen and (max-width: 600px) {
  /*** general ***/
  /* line 815, ../sass/_media.scss */
  .header {
    height: 56px;
  }

  /* line 818, ../sass/_media.scss */
  .menu_page, .menu {
    margin: 1% auto;
    width: auto;
    margin-top: 30px;
  }

  /* line 823, ../sass/_media.scss */
  .menu_page {
    margin: 25px auto auto auto;
  }

  /* line 826, ../sass/_media.scss */
  .app_name {
    /* display: none; */
  }

  /*** page-specific ***/
  /* line 832, ../sass/_media.scss */
  .menu .menu-item,
  .menu_page .menu-item {
    /* max-height: 70px; */
    /* padding-top: 18px; */
  }

  /* line 837, ../sass/_media.scss */
  .menu img,
  .menu_page img {
    display: none;
  }

  /* line 840, ../sass/_media.scss */
  .logout {
    display: none;
  }

  /* Health pages */
  /* line 848, ../sass/_media.scss */
  .health_page .define {
    margin-left: 170px;
  }

  /* line 851, ../sass/_media.scss */
  .figgy {
    text-align: center;
  }

  /* line 856, ../sass/_media.scss */
  .health-tables thead div {
    clear: both;
  }
}
/* end: max-width: 600px */
/* #Mobile (Landscape)
================================================== */
@media only screen and (max-width: 587px) {
  /* new 6/23/17 */
  /* line 869, ../sass/_media.scss */
  .btn-change-email {
    margin-top: 28px;
  }
}
/* ================================================== */
@media only screen and (max-width: 460px) {
  /* line 876, ../sass/_media.scss */
  .app_logo {
    float: left;
    margin-top: 12px;
    margin-left: 12px;
  }
}
/* ================================================== */
/* Note: Design for a width of 480px */
@media only screen and (max-width: 480px) {
  /*** general ***/
  /* line 889, ../sass/_media.scss */
  h1 {
    letter-spacing: 0em;
  }

  /* line 892, ../sass/_media.scss */
  .wrapper {
    height: auto;
    min-height: 100px;
  }

  /* line 896, ../sass/_media.scss */
  .btnResponsiveWidth {
    width: 100%;
    max-width: 100%;
  }

  /*** page-specific ***/
  /* line 901, ../sass/_media.scss */
  .form_page {
    padding-left: 0;
  }

  /* line 905, ../sass/_media.scss */
  .button-row .btn {
    margin-bottom: 6px;
  }

  /* line 908, ../sass/_media.scss */
  .btn-extra-wide {
    width: 275px;
  }

  /* Suggestions Page */
  /* line 915, ../sass/_media.scss */
  .suggest-buttons .btn {
    max-width: 160px;
    width: 36%;
  }
  /* line 919, ../sass/_media.scss */
  .suggest-buttons .btn-success {
    margin-right: 4px;
  }
  /* line 922, ../sass/_media.scss */
  .suggest-buttons .btn-cancel {
    margin-left: 4px;
  }

  /* Select page */
  /* line 929, ../sass/_media.scss */
  .select_page {
    position: relative;
    margin: 0 auto;
    max-width: 350px;
    width: auto;
  }
  /* line 935, ../sass/_media.scss */
  .select_page .item-box {
    float: none;
    margin: 35px auto 0 auto;
  }

  /* line 940, ../sass/_media.scss */
  .login-sec {
    width: auto;
  }
  /* line 943, ../sass/_media.scss */
  .login-sec .row .col-xs-12 {
    width: 100%;
  }

  /* line 948, ../sass/_media.scss */
  .login_page .title {
    letter-spacing: -1.5px;
  }

  /* line 952, ../sass/_media.scss */
  .menu_page {
    margin: 25px auto auto auto;
  }

  /* Grades pages */
  /* line 957, ../sass/_media.scss */
  .grades-tables h2.blue-text {
    font-size: 17px;
    margin-top: 12px;
    /* was 20 */
    margin-bottom: 2px;
  }

  /* line 962, ../sass/_media.scss */
  .grades-tables .panel-title {
    font-size: 13px;
  }

  /* Attendance page */
  /* line 967, ../sass/_media.scss */
  #panel2 .attendance-table tr td:first-of-type {
    padding-left: 12px;
  }

  /* Health pages */
  /* line 972, ../sass/_media.scss */
  .health_page .define {
    margin-left: 180px;
  }
}
/* end: max-width: 480px */
/* ================================================== */
@media only screen and (max-width: 476px) {
  /* line 980, ../sass/_media.scss */
  .usernav > span:first-of-type {
    display: block;
    margin-bottom: 5px;
  }

  /* line 984, ../sass/_media.scss */
  .secondary_nav > li {
    background-color: white;
    width: 46.5%;
    padding-left: 0;
    min-height: 18px;
  }
  /* line 990, ../sass/_media.scss */
  .secondary_nav > li:nth-child(2n) {
    border-left: 0;
  }
  /* line 993, ../sass/_media.scss */
  .secondary_nav > li:nth-of-type(3) {
    padding-left: 0;
  }

  /* Login page */
  /* line 999, ../sass/_media.scss */
  .login_page {
    overflow: initial;
  }

  /* line 1002, ../sass/_media.scss */
  .login_page h1 {
    clear: both;
  }

  /* Attendance page */
  /* line 1007, ../sass/_media.scss */
  .calendar-view .category {
    margin-right: 24px;
  }
}
/* ================================================== */
@media only screen and (max-width: 419px) {
  /* line 1016, ../sass/_media.scss */
  .expanding-table tr:first-of-type td:first-of-type {
    background-image: url("/ui/apps/sites/family/images/family_portal_spritesheet.png");
    background-repeat: no-repeat;
    padding-left: 26px;
  }

  /* line 1023, ../sass/_media.scss */
  .attendance .key div {
    display: block;
  }
  /* line 1026, ../sass/_media.scss */
  .attendance .key span {
    float: left;
    margin-left: 0;
  }
}
/* ================================================== */
@media only screen and (max-width: 400px) {
  /* Attendance page */
  /* line 1040, ../sass/_media.scss */
  .attendance .data-box {
    clear: both;
  }
  /* line 1043, ../sass/_media.scss */
  .attendance .calendar-view .category {
    margin-right: 16px;
  }
  /* line 1047, ../sass/_media.scss */
  .attendance .key div {
    display: block;
  }
  /* line 1051, ../sass/_media.scss */
  .attendance .flex-item {
    width: 100%;
    /* 270px; */
  }
}
/* ================================================== */
/* for expandable Assessments table */
@media only screen and (max-width: 415px) {
  /* Grades page */
  /* line 1062, ../sass/_media.scss */
  .grades-tables .table > tbody > tr > td {
    width: 64px;
  }

  /* line 1065, ../sass/_media.scss */
  .grades-tables.schedule_day_page .table > tbody > tr > td {
    min-width: 18px;
    width: auto;
  }

  /* line 1070, ../sass/_media.scss */
  h2.header_school {
    height: auto;
  }
}
/* ================================================== */
@media only screen and (max-width: 400px) {
  /* line 1078, ../sass/_media.scss */
  .health_page .define {
    display: inline;
    float: none;
    margin-left: 12px;
    text-align: left;
  }
}
/* ================================================== */
@media only screen and (max-width: 340px) {
  /* Health accordion page */
  /* line 1090, ../sass/_media.scss */
  .health_page .define {
    float: none;
    margin-left: 12px;
  }
  /* line 1094, ../sass/_media.scss */
  .health_page .figure {
    float: none;
  }
  /* line 1097, ../sass/_media.scss */
  .health_page .fit-chart {
    width: 100%;
  }
  /* line 1100, ../sass/_media.scss */
  .health_page .figgy {
    width: auto;
  }
}
/* ================================================== */
/* IE 11 ish */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  /* line 1111, ../sass/_media.scss */
  .barchart > div > span .chart-text {
    margin-left: 200px;
  }
}
/* ================================================== */
/* ------------ print ------------*/
@media only print {
  /* line 1120, ../sass/_media.scss */
  a[href]:after {
    content: none !important;
  }

  /* line 1123, ../sass/_media.scss */
  .nav-links {
    display: none;
  }

  /* line 1126, ../sass/_media.scss */
  .footer .col-md-6.footerlinks {
    display: none;
  }

  /* line 1129, ../sass/_media.scss */
  #footer {
    height: 24px;
    margin-top: 0;
  }

  /* line 1133, ../sass/_media.scss */
  .footer .row {
    height: 22px;
    margin: 0 auto;
  }

  /* line 1137, ../sass/_media.scss */
  .footercopy {
    width: 100%;
  }

  /* line 1141, ../sass/_media.scss */
  .footercopy,
  .footercopy span {
    text-align: left;
  }

  /* line 1144, ../sass/_media.scss */
  .wrapper > div {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  /* line 1148, ../sass/_media.scss */
  #wrap {
    min-height: 900px;
  }

  /* line 1151, ../sass/_media.scss */
  .barchart {
    border-bottom: 1px solid #000;
  }
}
/* iPad */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  /* line 1164, ../sass/_media.scss */
  .secondary_nav > li:first-of-type {
    /* color: #c00; */
    width: 100%;
    margin-right: 6px;
  }

  /* line 1169, ../sass/_media.scss */
  .secondary_nav > li:first-of-type .dropdown-menu.open {
    left: -24px;
  }
}
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  /* line 1181, ../sass/_media.scss */
  .secondary_nav > li:first-of-type {
    /*	color: #c00; */
    width: 100%;
  }
}
/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* line 1195, ../sass/_media.scss */
  .secondary_nav > li:first-of-type {
    /*	(color: #c00; */
    width: 45%;
    /* was 100% */
  }
}
/* ================================================== */
/* new */
@media only screen and (min-width: 600px) and (max-width: 1000px) {
  /* line 1210, ../sass/_media.scss */
  .btn[value="Enregistrer"],
  .btn[value="Annuler"],
  .btn[value="Guardar"],
  .btn[value="Cancelar"] {
    padding-left: 1px !important;
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 890px) {
  /* line 1217, ../sass/_media.scss */
  .btn[value="Enregistrer"] {
    font-size: 12px !important;
  }
}
@media only screen and (max-device-width: 1890px) and (orientation: portrait) {
  /* line 1223, ../sass/_media.scss */
  .btn[value="Enregistrer"] {
    /* border: 1px solid #c00; */
    font-size: 12px !important;
  }
}
/* *************************** MEDIA QUERIES *************************** */
/* Attendance page */
@media only screen and (max-width: 600px) {
  /* line 1234, ../sass/_media.scss */
  .calendar-view div.category:last-of-type div:first-of-type {
    width: auto;
  }

  /* line 1237, ../sass/_media.scss */
  .calendar-view .category {
    width: auto;
  }

  /* line 1240, ../sass/_media.scss */
  .calendar-view .parenthetical {
    display: none;
  }

  /* line 1243, ../sass/_media.scss */
  .calendar-view .footnote-asterisk {
    display: inline-block;
  }

  /* line 1246, ../sass/_media.scss */
  .calendar-view .parenthetical.footnote {
    display: block;
  }

  /* line 1249, ../sass/_media.scss */
  .attendance .key {
    margin-bottom: 12px;
  }
}
@media (max-width: 500px) {
  /* line 1256, ../sass/_media.scss */
  .attendance .data-box {
    clear: both;
  }
}
/* Attendance page */
@media only screen and (max-width: 419px) {
  /* line 1263, ../sass/_media.scss */
  .attendance .key div {
    display: block;
    margin-right: 6px;
    margin-bottom: 6px;
    width: 140px;
  }

  /* line 1270, ../sass/_media.scss */
  .attendance .calendar-view .category {
    margin-right: 4px;
    /* as in main css */
  }
}
/* end: attendance page */