@charset "UTF-8";
/*=================== FONTS IMPORTS ===================*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,900italic,400italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700);
/* Varela Round */
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,900italic,400italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,900italic,400italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,900italic,400italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700);
@font-face {
  font-family: "varela_roundregular";
  src: url("/Stylesheets/fonts/VarelaRound-Regular-webfont.eot");
  src: url("/Stylesheets/fonts/VarelaRound-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/Stylesheets/fonts/VarelaRound-Regular-webfont.woff") format("woff"), url("/Stylesheets/fonts/VarelaRound-Regular-webfont.ttf") format("truetype"), url("/Stylesheets/fonts/VarelaRound-Regular-webfont.svg#varela_roundregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*================ MIXINS AND INCLUDES ================*/
/***** BASIC MIXINS *****/
/* Fonts */
/* Colors */
/*=================== FONTS IMPORTS ===================*/
/* Varela Round */
@font-face {
  font-family: "varela_roundregular";
  src: url("/Stylesheets/fonts/VarelaRound-Regular-webfont.eot");
  src: url("/Stylesheets/fonts/VarelaRound-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/Stylesheets/fonts/VarelaRound-Regular-webfont.woff") format("woff"), url("/Stylesheets/fonts/VarelaRound-Regular-webfont.ttf") format("truetype"), url("/Stylesheets/fonts/VarelaRound-Regular-webfont.svg#varela_roundregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*================ MIXINS AND INCLUDES ================*/
/***** BASIC MIXINS *****/
/* Fonts */
/* Colors */
/*  E$@lQp

    Document   : style.scss
    Created on : 11/26/2013
    Authors    : Eric Gomoll, egomoll@liquidprint.com,
    Description: Workload Assist Stylesheet in SASS!

*/
/*================ RESETS ================*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption,
center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure,
font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd,
label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby,
s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead,
time, tr, tt, u, ul, var, video, xmp {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1.231em;
}

small, .smallLink {
  line-height: 12px;
}

small a {
  font-size: 10px;
}

a {
  outline: none;
  text-decoration: none;
}

img {
  vertical-align: middle;
}

li {
  list-style-type: none;
}

/*--Clear floats--*/
.clear {
  clear: both;
}

/*================ SITE-WIDE STYLE SETTINGS ================ */
/* Fix for IE10 on Windows 8 phones: http://mattstow.com/responsive-design-in-ie10-on-windows-phone-8.html */
@-ms-viewport {
  width: device-width;
  zoom: 1;
}
html,
body {
  color: #024053;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0 auto;
  min-height: 100%;
  -webkit-text-size-adjust: none;
  /* Prevent font scaling in landscape */
  /*max-width: 1432px;*/
  width: 100%;
}

header, .container {
  margin: 0 auto;
  max-width: 1432px;
}

.row {
  max-width: 1432px;
}

/* Text */
h1, h2, h3, h4, h5, h6 {
  color: #e32c36;
  font-family: "varela_roundregular", Arial, Helvetica, sans-serif;
  font-weight: bold;
}

h1 {
  font-size: 1.65rem;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.1rem;
}

h4 {
  font-size: 0.95rem;
}

h5 {
  font-size: 0.8rem;
}

h6 {
  font-size: 0.6rem;
}

p {
  color: #024053;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 0.88em;
  margin-bottom: 1.25em;
}

p.smallMargin {
  margin-bottom: 0.4em;
}

p.noMargin {
  margin: 0 !important;
}

a {
  text-decoration: underline;
}

a.remove {
  background-color: #e32c36;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  line-height: 11px;
  margin: 0 6px 0 1px;
  padding: 0 2px 2px;
  text-decoration: none;
}

a.noteLink:hover {
  text-decoration: underline;
}

a.noteLink.add {
  color: red;
  font-weight: bold;
}

.smallText {
  font-size: 12px;
}

.notVisible {
  visibility: hidden;
}

.alignLeft {
  text-align: left;
}

.alignCenter {
  text-align: center;
}

.alignRight {
  text-align: right;
}

.alignTop {
  vertical-align: top;
}

.padLeft {
  padding-left: 15px;
}

.padRight {
  padding-right: 15px;
}

.hide {
  display: none;
}

.show {
  display: inherit;
}

img.left, img.right {
  margin: 10px;
}

.noBottomMargin {
  margin-bottom: 0 !important;
}

/* Elements */
button {
  /* end &.linkButton */
}
button.largeButton {
  border-color: #e32c36;
  border-radius: 10px;
  border-style: solid;
  border-width: 2px;
  background-color: #024053;
  padding: 1.0625rem 2rem 1rem;
}
button.linkButton {
  background: none;
  border: none;
  color: #017286;
  display: inline;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin-bottom: 0;
  text-decoration: underline;
}

a.scheduleRecord, a.linkButton.scheduleRecord {
  color: #017286;
}

a.sort {
  background: url(../img/buttons/sortarrows.png) right 10px no-repeat;
  display: inline-block;
  height: 18px;
  padding-right: 14px;
}

a.sort:hover, a.sort.up:hover, a.sort.down:hover {
  background-position: right -20px;
}

a.sort.up {
  background-position: right -50px;
}

a.sort.down {
  background-position: right -80px;
}

/* Tabs */
.tabs dd {
  margin-bottom: 1px !important;
}

.tabs dd > a {
  background-color: #024053;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #fff;
  font-family: "varela_roundregular", Arial, Helvetica, sans-serif;
  font-size: 1.25rem;
  font-weight: bold;
  margin-right: 5px;
  padding: 14px 21px 11px;
  text-decoration: none;
}

.tabs dd > a:hover {
  background-color: #82c2d2;
}

.tabs dd.active a {
  color: #017286;
}

.tabs dd.active a:hover {
  background-color: #fff;
}

.tabs-content {
  background-color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.tabs-content > .content {
  float: none;
  padding: 0.1em 0;
}

/* Tables */
table tr.even, table tr.alt, table tr:nth-of-type(2n) {
  background: none;
}

table {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  margin-bottom: 10px;
  width: 100%;
}
table tr th {
  border-bottom: 1px solid #eaede8;
  color: #024053;
  font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 0.95em;
  vertical-align: top;
}
table tr td {
  border-bottom: 1px solid #eaede8;
  color: #024053;
  -ms-word-break: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-size: 0.85rem;
}
table tr.noBottomBorder td {
  border-bottom: none;
}
table td.diagnosis {
  font-size: 0.8rem;
}
table th.shortCell {
  width: 7%;
}

/* end table */
.listTable {
  text-align: center;
}
.listTable tr th a {
  color: #024053;
  display: table-cell;
  height: 36px;
  text-decoration: none;
  vertical-align: middle;
}
.listTable tr th a:hover {
  color: #2795B6;
}
.listTable.schedule tr td {
  height: 60px;
}

div.listTable {
  display: table;
  font-size: 0.85rem;
  width: 100%;
}
div.listTable .table-header {
  font-weight: bold;
}
div.listTable .table-header, div.listTable .table-row {
  display: table-row;
}
div.listTable .table-header > div, div.listTable .table-row > div {
  display: table-cell;
  padding: 5px;
  border-bottom: 1px solid #eaede8;
}
div.listTable .table-header > div.name, div.listTable .table-row > div.name {
  text-align: left;
}
div.listTable .table-header > div.session-type select, div.listTable .table-row > div.session-type select {
  display: none;
  max-width: 150px;
  margin: 0;
}
div.listTable .table-header > div.time input, div.listTable .table-row > div.time input {
  display: none;
  max-width: 75px;
  margin: 0;
}
div.listTable .table-header > div.duration input, div.listTable .table-row > div.duration input {
  display: none;
  max-width: 50px;
  margin: 0;
}
div.listTable .record-session button.linkButton, div.listTable .record-session a {
  padding: 0.6rem 0.3rem;
}
div.listTable .record-session button.linkButton.disabled, div.listTable .record-session a.disabled {
  color: #ccc;
  cursor: default;
}

/*end listTable */
.student-upload .listTable td {
  text-align: left;
}
.student-upload .listTable li.updateReason {
  font-size: 80%;
  margin-left: 20px;
}

.listTable.lessPadding {
  padding: 2px;
}
.listTable.lessPadding input[type=checkbox] {
  margin-bottom: 0;
}

.timeTable {
  border-collapse: collapse;
  text-align: center;
  margin: 15px 4%;
  width: 92%;
}
.timeTable tr td, .timeTable tr th {
  border: 1px solid #ccc;
}
.timeTable tr td {
  padding: 0;
}
.timeTable tr td a {
  color: #017286;
  display: block;
  padding: 0.5625rem 0.625rem;
  text-decoration: none;
}
.timeTable tr td a:not(.noteLink):hover {
  background-color: #E7EDEC;
}
.timeTable tr td.alignLeft {
  padding: 0.5625rem 0.625rem;
}
.timeTable tr th.activityCategory {
  width: 195px;
}
.timeTable .ui-progressbar-horizontal {
  margin: 5px auto;
  width: 85%;
}

/* end timeTable */
.record table.activityTable {
  border-collapse: collapse;
  margin: 20px auto;
  text-align: center;
  width: 85%;
}
.record table.activityTable input[type=text].datepicker {
  width: 100px;
}
.record table.activityTable input[type=checkbox] {
  margin-bottom: 0;
}
.record table.activityTable tr th, .record table.activityTable tr td {
  border: 1px solid #ccc;
}
.record table.activityTable tr th.outside-table, .record table.activityTable tr td.outside-table {
  border: 0px none;
}
.record table.activityTable tfoot tr td {
  border: none;
}
.record table.activityTable th.categoryRow {
  width: 195px;
}

/* end activityTable */
.record table.activityTable.schedule {
  margin-top: 10px;
}

/* Forms */
input[type=text], input[type=password], input[type=time],
input[type=number], input[type=date], input[type=email],
input[type=datetime], input[type=datetime-local], input[type=range],
input[type=color], input[type=tel], input[type=url],
input[type=search], input[type=time], input[type=week] {
  background-color: #eaede8;
  border: 0;
  border-radius: 5px;
  box-shadow: none;
  color: #024053;
  display: inline-block;
  /*@include Lato;*/
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 14px;
  height: auto;
  padding: 0.4em;
  width: auto;
}

input[type=text].datepicker, input[type=date].datepicker, input[type=month].datepicker,
input[type=text].week-picker, input[type=week].week-picker, input[type=date].week-picker {
  background-color: #cedbd8;
  font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif;
  width: 95px;
}

button, input[type=submit], a.submit {
  background-color: #024053;
  border-radius: 10px;
  border: none;
  color: #fff;
  cursor: pointer;
  font-family: "varela_roundregular", Arial, Helvetica, sans-serif;
  font-size: 13.5px;
  font-weight: bold;
  line-height: 17px;
  padding: 0.6rem;
  text-decoration: none;
  transition: background-color 300ms ease-out 0s;
}

input[type=submit]:hover, input[type=submit]:focus, a.submit:hover, a.submit:focus {
  background-color: #2795B6;
}

input[type=text][disabled], select[disabled] {
  background-color: #DDDDDD !important;
  color: #017286;
}

input[type=checkbox] {
  margin: 0.5rem 0;
}

textarea {
  background-color: #eaede8;
  border: 0;
  border-radius: 5px;
  color: #024053;
  display: inline-block;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 600;
  height: 80px;
}

select {
  color: #024053;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
}
select option {
  font-weight: 600;
  padding: 0 5px;
}

.ui-widget-header {
  background: none;
  background-color: #017286;
  border: none;
}

.ui-widget-header.ui-corner-all {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ui-widget-content {
  padding: 0;
}

.ui-icon {
  height: 20px;
  width: 20px;
}

.ui-icon.ui-icon-circle-triangle-w, .ui-icon.ui-icon-circle-triangle-e {
  background: url(../img/buttons/arrow-bg-small.png) top left no-repeat;
}

/*.datepicker {
    z-index: 1000000 !important;
}

#ui-datepicker-div {
  z-index: 1000000 !important;
}*/
.ui-datepicker .ui-datepicker-prev-hover .ui-icon.ui-icon-circle-triangle-w,
.ui-datepicker .ui-datepicker-next-hover .ui-icon.ui-icon-circle-triangle-e {
  background: url(../img/buttons/arrow-bg-small-hover.png) top left no-repeat;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 14px;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 46%;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
  background: none;
  background-color: #82c2d2;
  border-color: #017286;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border-color: #017286;
  color: #000;
}

.ui-icon {
  font-weight: bold;
  line-height: 16px;
  text-indent: 4px;
}

label {
  color: #024053;
  cursor: auto;
  display: inline-block;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 1em;
  margin-right: 5px;
  white-space: nowrap;
}

.prevDay {
  background: url("../img/buttons/sortarrows-horizontal.png") no-repeat -68px 0px;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 0 5px 0 2px;
  width: 8px;
}

.prevDay:hover {
  background-position: 0px 0px;
}

.nextDay {
  background: url("../img/buttons/sortarrows-horizontal.png") no-repeat -78px 0px;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 0 0 0 -5px;
  width: 8px;
}

.schedule + .nextDay {
  /*margin-left: 0;*/
}

.nextDay.week {
  margin-left: 5px;
}

.nextDay:hover {
  background-position: -10px 0px;
}

/* Progress Bar */
.ui-progressbar {
  position: relative;
}

.ui-progressbar-vertical {
  height: 120px;
  width: 42px;
}

.ui-progressbar-vertical .ui-progressbar-value {
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 1px;
}

.ui-progressbar-horizontal {
  border: 0;
  height: 15px;
  width: 100%;
}

.ui-progressbar-horizontal.weeklyProgress {
  height: 35px;
  width: 48%;
}

/* Autocomplete */
.ui-autocomplete {
  z-index: 1000;
}
.ui-autocomplete li {
  color: #024053;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.ui-autocomplete li a:hover {
  background-color: #024053;
  color: #fff;
}

/* end ui-autocomplete */
/* Pagination */
ul.pagination li {
  color: #024053;
  font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif;
  height: auto;
}
ul.pagination li a {
  color: #024053;
}
ul.pagination li.current {
  background-color: #E7EDEC;
  border-radius: 3px;
  padding: 0.0625rem 0.625rem;
}
    ul.pagination li.active {
        font-weight: bold;
        font-size: larger;
    }
ul.pagination li:hover a {
  background-color: #E7EDEC;
}
ul.pagination li a:focus {
  background-color: #E7EDEC;
}

    

/* end ul.pagination */
/* Modal Windows */
.mfp-container {
  padding: 2% 0 0 0;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  background-color: #fff;
  display: block;
  margin: 0 auto;
  padding: 65px 0 0;
  width: 740px;
}

.no-close .mfp-inline-holder .mfp-content, .no-close .mfp-ajax-holder .mfp-content {
  padding: 0;
}

.mfp-content table tr th, table tr td {
  padding: 0.4rem 0.35rem;
}

.mfp-content h3 {
  text-align: center;
}

button.mfp-close {
  background: url(../img/bg/reddot.png) 97% 5px no-repeat;
  background-color: #017286;
  border-radius: 0;
  color: #fff;
  font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: bold;
  height: 65px;
  line-height: 65px;
  padding: 0 39px 5px 0;
  text-align: right;
  width: 100%;
  top: 0;
  left: 0;
}

.mfp-container.mfp-ajax-holder .mfp-content {
  display: none;
}

.mfp-container.mfp-ajax-holder.mfp-s-ready .mfp-content {
  display: block;
}

.mfp-content .hasCancelLink button.mfp-close {
  display: none;
}

.mfp-content .hasCancelLink > * {
  position: relative;
  top: -65px;
}

.mfp-content .hasCancelLink > p:last-of-type {
  top: 0;
}

.mfp-content .disabled-modal-links > * {
  color: #888 !important;
  pointer-events: none !important;
  text-decoration: none !important;
  display: none !important;
}

.mfp-content .disabled-modal-links.loading-move::before,
.mfp-content .disabled-modal-links.loading-moveall::before,
.mfp-content .disabled-modal-links.loading-skip::before,
.mfp-content .disabled-modal-links.loading-skipall::before {
  display: inline !important;
  text-align: center !important;
  color: #888 !important;
}

.mfp-content .loading-move::before {
  content: "Moving...";
}

.mfp-content .loading-moveall::before {
  content: "Moving All..";
}

.mfp-content .loading-skip::before {
  content: "Skipping...";
}

.mfp-content .loading-skipall::before {
  content: "Skipping All...";
}

.mfp-reloading.mfp-s-error .mfp-preloader,
.mfp-reloading.mfp-s-error .mfp-preloader a {
  font-size: 1px;
  color: transparent;
}

.mfp-reloading.mfp-s-error .mfp-preloader::before {
  content: "Reloading the page...";
  color: #017286;
  font-size: 16px;
  font-weight: bold;
}

/* Messages (Errors, Notifications, etc.) */
.message {
  background-color: #EAEDE8;
  border-radius: 5px;
  color: #e32c36;
  font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 5px auto;
  padding: 15px;
  width: 65%;
}
.message.success {
  color: #03873c;
}

.input-validation-error {
  box-shadow: 1px 1px 4px #f00 !important;
}

.input-validation-valid {
  /* Optional: you can set whatever style you want */
}

.field-validation-error {
  color: #f00;
  font-size: 14px;
}

.field-validation-valid {
  display: none;
}

.validation-summary-errors {
  font-size: 14px !important;
  font-weight: bold;
  color: #f00;
  padding: 10px;
}

.validation-summary-errors ul {
  margin-top: 10px;
}

.validation-summary-errors ul li {
  font-size: 13px !important;
  font-weight: normal;
  margin: 5px 0 5px 5px;
  list-style-type: disc;
  list-style-position: inside;
}

.validation-summary-valid {
  display: none;
}

/* Tablet/Mobile Only */
.showTablet, .showMobile {
  display: none !important;
}

.showModal {
  display: none !important;
}

.showPortrait {
  display: none;
}

.mfp-content .hideModal {
  display: none !important;
}
.mfp-content .showModal {
  display: block !important;
}

/***** PAGE HEADER *****/
.logo a {
  font-family: "varela_roundregular", Arial, Helvetica, sans-serif;
  color: #e32c36;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  margin-top: 20px;
  text-decoration: none;
}

nav li {
  float: left;
}
nav li a {
  display: block;
  padding: 0 15px;
  text-decoration: none;
}
nav li a.dropDown:hover, nav li a.dropDown.active {
  background-color: #CEDBD9;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-bottom: 10px;
}
nav li a.dropDown.inlineDropDown {
  display: inline;
}
nav .f-dropdown {
  background-color: #CEDBD9;
  border: none;
  border-radius: 5px;
  border-top-left-radius: 0;
  margin-left: 0;
  margin-top: -1px;
}
nav .f-dropdown:before, nav .f-dropdown:after {
  display: none !important;
}
nav .f-dropdown li {
  float: none;
}
nav .f-dropdown li a {
  color: #024053;
  font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  padding: 8px 10px 10px;
}
nav .f-dropdown li a:hover {
  background-color: #017286;
  color: #fff;
}
nav .f-dropdown li:hover, nav .f-dropdown li:focus {
  background-color: #017286;
  color: #fff;
}
nav .f-dropdown li:first-of-type:hover, nav .f-dropdown li:first-of-type a:hover {
  border-top-right-radius: 5px;
}
nav .f-dropdown li:last-of-type:hover, nav .f-dropdown li:last-of-type a:hover {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* End Nav */
header .large-1.columns {
  width: 7.33333%;
}
header .large-2.columns {
  width: 18.6667%;
}
header .large-8.columns {
  height: 92px;
}

nav.top-bar {
  /* end left */
  /* end right */
}
nav.top-bar ul.left {
  margin-top: 3.1%;
}
nav.top-bar .left li {
  /*            margin-top: 12%;*/
}
nav.top-bar .right {
  margin-top: 3.5%;
}
nav.top-bar .right li {
  margin-right: 5px;
}
nav.top-bar .right li p.loggedInName {
  margin: 0 10px 0 0;
}
nav.top-bar .right input[type=text] {
  background: url(../img/buttons/login.png) 5px center no-repeat #eaede8;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  padding-left: 25px;
  width: 185px;
}
nav.top-bar .right input[type=password] {
  background: url(../img/buttons/password.png) 5px center no-repeat #eaede8;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  padding-left: 25px;
  width: 185px;
}
nav.top-bar .right input[type=submit] {
  background: none;
  border: none;
  color: #e32c36;
  cursor: pointer;
  font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 0;
}
nav.top-bar .right .logOut {
  margin-bottom: 2%;
}

/* end nav.top-bar */
.f-dropdown li {
  margin-right: 0 !important;
}

nav.innerNav {
  margin-bottom: 25px;
}
nav.innerNav ul {
  margin-top: 5px;
}
nav.innerNav li {
  color: #024053;
  font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
}
nav.innerNav li a {
  color: #e32c36;
  padding: 5px 14px 5px;
}
nav.innerNav li a.active {
  text-decoration: underline;
}
nav.innerNav li:first-of-type {
  padding: 5px 14px 5px;
}

/* end innerNav */
nav.top-bar .right.forgotten, .showPortrait .forgotten {
  color: #024053;
  font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin: 0 8% 2% 0;
  text-decoration: none;
  position: relative;
  top: -10px;
}

.showPortrait .forgotten {
  margin: 0 5px 0 0;
}

/***** MAIN CONTENT *****/
.container {
  background-color: #e7edec;
  border-bottom-style: solid;
  border-bottom-width: 7px;
  border-top-style: solid;
  border-top-width: 7px;
  border-color: #e32c36;
  padding: 1% 10%;
}

.home .container {
  border-top: none;
  padding: 0;
}

p.loggedInName {
  font-size: 1.06em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

p.date input.datepicker[type=text] {
  border-radius: 0;
  margin-right: 10px;
}

p.districtInfo {
  font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif;
  padding: 12px 10px 0;
}

/* Sections w/ headers */
section {
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 20px;
}
section h1 {
  background-color: #017286;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #fff;
  font-family: "varela_roundregular", Arial, Helvetica, sans-serif;
  font-size: 26px;
  font-weight: bold;
  padding: 12px 21px;
  width: 100%;
}
section h1.multiline {
  font-size: 20px;
  font-weight: normal;
  line-height: 24px;
  text-align: center;
}

/* end section */
nav.routineList li {
  float: none;
}
nav.routineList li a {
  background: url("../img/buttons/arrow-bg.png") 20px 10px no-repeat;
  border-bottom: 1px solid #e7edec;
  color: #024053;
  font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  height: 58px;
  padding: 17px 0 17px 68px;
}
nav.routineList li a:hover {
  background-position: 20px -45px;
  color: #017286;
}

/* end nav.routineList */
nav.reportList li {
  float: none;
}
nav.reportList li a {
  background-color: #cedbd9;
  border-bottom: 1px solid #58bfb5;
  color: #024053;
  font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 23px 15px;
}
nav.reportList li a:hover {
  color: #017286;
}
nav.reportList li:last-of-type a {
  border-bottom: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* end nav.reportList */
.chartGraphs ul {
  width: 100%;
  margin-bottom: 20px;
  overflow: hidden;
  border-top: 1px solid #ccc;
  /* 2 col */
  /* 3 col */
  /* 4 col */
  /* 6 col */
}
.chartGraphs ul li {
  line-height: 1.5em;
  /*border-bottom:1px solid #ccc;*/
  float: left;
  display: inline;
  min-height: 260px;
}
.chartGraphs ul#double li {
  width: 50%;
}
.chartGraphs ul#triple li {
  width: 33.333%;
}
.chartGraphs ul#quad li {
  width: 25%;
}
.chartGraphs ul#six li {
  width: 16.666%;
}

/* end .chartGraphs ul*/
.search {
  position: relative;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: #017286;
  font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif;
  margin: 1%;
  padding: 0.25% 0.5%;
}
.search::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.search input[type=text]:not(.datepicker) + label {
  margin-left: 10px;
}
.search .datepicker {
  margin-bottom: 5px;
  margin-top: -6px;
}
.search .datepicker + input[type=submit] {
  margin-left: 10px;
}
.search .search-form {
  width: 75%;
  display: inline-block;
}
.search .download {
  width: 24%;
  display: inline-block;
  position: absolute;
  right: 10px;
  bottom: 5px;
}

.buttonContainer {
  margin-bottom: 20px;
  position: relative;
}
.buttonContainer p {
  margin-top: 8px;
}
.buttonContainer .pagination-centered {
  margin-top: 8px;
}
.buttonContainer input[type=submit], .buttonContainer a.submit {
  margin: 0 5px;
  top: 5px;
}
.buttonContainer input[type=submit].left, .buttonContainer a.submit.left {
  float: none;
  margin-left: 15px;
}
.buttonContainer div.submit.right {
  position: absolute;
  top: 5px;
  right: 15px;
}
.buttonContainer div.submit.right input[type=submit] {
  position: static;
}
.buttonContainer div.submit.right select {
  margin-right: 10px;
}
.buttonContainer input[type=submit].right, .buttonContainer a.submit.right {
  right: 15px;
}
.buttonContainer .inline-notification {
  color: #e32c36;
  width: 100%;
  position: absolute;
  right: 5px;
  top: 26px;
}

/* end buttonContainer */
/***** RIGHT COLUMN *****/
.progressBar .ui-widget-header {
  background-color: #e32c36;
}

/* end progressBar */
.progressBar.green .ui-widget-header {
  background-color: #017286;
}

.progressBar.ui-widget-content {
  background: none;
  background-color: #E7EDEC;
}

.progressBar.vertical {
  border: 0;
  float: left;
  margin: 10px 20px 15px 30px;
}

.progressBar.vertical + p {
  /*margin: 10px 25px 0 0;*/
}

.progressValueSpan {
  font-size: 1.2em;
  font-weight: bold;
}

/***** PAGE FOOTER *****/
.mission {
  background-color: #024053;
}
.mission img {
  border-right: 1px solid #017286;
  margin: 0;
  margin-right: 1.5%;
  padding-right: 1.5%;
}
.mission p {
  color: #fff;
  font-size: 13px;
  margin: 0;
  padding: 1% 24%;
}

/* end mission */
.footer {
  background-color: #017286;
  padding: 0 0 1%;
}
.footer nav {
  margin: 0 auto;
  padding: 1% 0;
  width: 500px;
}
.footer li {
  color: #fff;
  font-size: 12px;
}
.footer li:first-of-type {
  border-right: 1px solid #fff;
  margin-right: 2%;
  padding-right: 5%;
}
.footer a {
  color: #fff;
  padding: 0 15px !important;
}

/* end footer */
/***** TABLET-ONLY SUPPORT FIX *****/
@media only screen and (max-width: 650px) {
  body {
    width: 1202px !important;
  }

  .hideTablet, .hideMobile {
    display: none !important;
  }

  .showTablet, .showMobile {
    display: block !important;
  }

  .showTablet.inlineBlock, .showMobile.inlineBlock {
    display: inline-block !important;
  }
}
@media only screen and (max-height: 675px) {
  .mfp-container {
    padding-top: 0.5%;
  }
}
@media only screen and (max-height: 575px) {
  .hideTablet, .hideMobile {
    display: none !important;
  }

  .showTablet, .showMobile {
    display: block !important;
  }

  .showTablet.inlineBlock, .showMobile.inlineBlock {
    display: inline-block !important;
  }
}
body.mobile .hideTablet, body.mobile .hideMobile {
  display: none !important;
}
body.mobile .showTablet, body.mobile .showMobile {
  display: block !important;
}
body.mobile .showTablet.inlineBlock, body.mobile .showMobile.inlineBlock {
  display: inline-block !important;
}

/* end body.mobile */
/*==================== CHROME ADJUSTMENTS ==================== */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  button.mfp-close {
    padding-right: 39px;
  }
}
/*================ CONTENT PAGE ================ */
.generalPage {
  min-height: 483px;
}
.generalPage h2 {
  margin: 15px 20px;
}
.generalPage p {
  margin-left: 20px;
  margin-right: 20px;
  text-align: justify;
}
.generalPage .left {
  margin-left: 15px;
}
.generalPage .right {
  margin-right: 15px;
}

/** end generalPage **/
/*================ HOME PAGE ================ */
.homeSplash {
  background: url("../img/bg/homesplash.jpg") top left no-repeat;
  border-bottom: 27px solid #e32c36;
  height: 581px;
  position: relative;
}

.welcomeBox {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 5px;
  height: 20em;
  padding: 2.5%;
  width: 35%;
  position: absolute;
  left: 15%;
  top: 15%;
}
.welcomeBox h1 {
  margin-bottom: 1em;
}
.welcomeBox .field-validation-error {
  display: block;
  margin-top: -0.8rem;
  margin-bottom: 1rem;
}

/* end welcomeBox */
.homeTestimonial {
  padding: 2% 0;
  text-align: center;
}
.homeTestimonial h2 {
  color: #024053;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 5px;
}
.homeTestimonial p {
  font-weight: bold;
}

/* end homeTestimonial */
/*================ DASHBOARD PAGE ================ */
p.date {
  height: 45px;
  margin: 20px 0 0 4%;
}

.activityRecord {
  /*padding: 1% 2%;*/
  padding: 1.25% 0 2.25%;
}
.activityRecord h1 {
  font-size: 14px;
  text-align: center;
}
.activityRecord .progressBar {
  /*        margin: 10px 0;
          width: 60%;*/
  float: none;
  margin: 10px auto;
  width: 30%;
}
.activityRecord p {
  font-size: 0.8rem;
  margin: 0;
  text-align: center;
}
.activityRecord a.noteLink {
  display: block;
  padding: 5px 0;
}

/* end .activityRecord */
.skip {
  padding-right: 3%;
}
.skip input[type=text], .skip button {
  margin-bottom: 0;
}

/* end .skip */
/** CALENDAR DASHBOARD **/
#Calendar h2 {
  color: #017286;
}
#Calendar table {
  margin-bottom: 0;
}
#Calendar table tr td {
  border-bottom: none;
}
#Calendar #script-warning, #Calendar #loading {
  color: red;
  font-weight: bold;
  margin: 5px 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

/* end #Calendar */
#calendar {
  margin: 2rem 0;
}
#calendar table tr td {
  border-bottom: none;
}

.calendarLegend {
  margin: 0 0 2rem 1.5%;
  overflow: hidden;
  padding-bottom: 2rem;
  /* end li */
}
.calendarLegend li {
  background: #017286;
  border-radius: 5px;
  color: #fff;
  float: left;
  font-size: 0.75rem;
  height: 28px;
  line-height: 1.7rem;
  margin-right: 5px;
  padding: 0;
  text-align: center;
  width: 110px;
}
.calendarLegend li#completed {
  background-color: #099202;
}
.calendarLegend li#completedGenEd {
  background-color: #3333FF;
}
.calendarLegend li#completedConsult {
  background-color: #6c0292;
}
.calendarLegend li#cancelled {
  background-color: yellow;
  color: black;
}
.calendarLegend li#makeupAttempt {
  background-color: deeppink;
}
.calendarLegend li#scheduled {
  background-color: white;
  border: 1px solid black;
  color: black;
  text-align: center;
}
.calendarLegend li#other {
  background-color: #7e7e7e;
  text-align: center;
}

/* end .calendarLegend */
/*================ RECORDS ================ */
.main-cell {
  width: 50%;
}

.record {
  /* end table.spreadsheet */
}
.record.report label {
  width: 30%;
}
.record table {
  margin-bottom: 20px;
  width: 100%;
}
.record table tr td {
  /*border-bottom: 1px solid #eaede8;*/
  word-break: normal;
}
.record .table-fixed {
  table-layout: fixed;
}
.record table.listTable {
  margin-bottom: 5px;
}
.record table.spreadsheet {
  border: 1px solid black;
  border-collapse: collapse;
  margin: 10px auto;
  width: 75%;
}
.record table.spreadsheet th {
  border: 1px solid black;
  font-weight: normal;
}
.record table.spreadsheet td {
  border: 1px solid black;
}
.record label {
  width: 44%;
}
.record label.headerLabel {
  margin-bottom: 10px;
}
.record label.autoWidth {
  width: auto;
}
.record label.extendedWidth {
  width: 77.5%;
  padding-right: 5px;
}
.record .search label {
  width: auto;
}
.record input[type=checkbox] + label {
  width: auto;
}
.record input[type=text], .record input[type=password], .record input[type=time],
.record input[type=number], .record input[type=date], .record input[type=email],
.record input[type=datetime], .record input[type=datetime-local], .record input[type=range],
.record input[type=color], .record input[type=tel], .record input[type=url],
.record input[type=search], .record input[type=time], .record input[type=week],
.record select {
  margin: 0;
}
.record input[type=text].shortInput, .record input[type=password].shortInput, .record input[type=time].shortInput,
.record input[type=number].shortInput, .record input[type=date].shortInput, .record input[type=email].shortInput,
.record input[type=datetime].shortInput, .record input[type=datetime-local].shortInput, .record input[type=range].shortInput,
.record input[type=color].shortInput, .record input[type=tel].shortInput, .record input[type=url].shortInput,
.record input[type=search].shortInput, .record input[type=time].shortInput, .record input[type=week].shortInput {
  background-color: #fff;
  border-radius: 0px;
  border: 1px solid #ccc;
  padding: 0;
  text-align: center;
  width: 35px;
}
.record input[type=text], .record input[type=password], .record input[type=time],
.record input[type=number], .record input[type=date], .record input[type=email],
.record input[type=datetime], .record input[type=datetime-local], .record input[type=range],
.record input[type=color], .record input[type=tel], .record input[type=url],
.record input[type=search], .record input[type=time], .record input[type=week],
.record input[type=text].datepicker, .record input[type=date].datepicker, .record input[type=month].datepicker,
.record input[type=text].week-picker, .record input[type=week].week-picker, .record input[type=date].week-picker {
  width: 175px;
}
.record input[type=text].shortInput.med, .record input[type=password].shortInput.med, .record input[type=time].shortInput.med,
.record input[type=number].shortInput.med, .record input[type=date].shortInput.med, .record input[type=email].shortInput.med,
.record input[type=datetime].shortInput.med, .record input[type=datetime-local].shortInput.med, .record input[type=range].shortInput.med,
.record input[type=color].shortInput.med, .record input[type=tel].shortInput.med, .record input[type=url].shortInput.med,
.record input[type=search].shortInput.med, .record input[type=time].shortInput.med, .record input[type=week].shortInput.med {
  width: 55px;
}
.record input[type=text].shortInput:focus, .record input[type=password].shortInput:focus, .record input[type=time].shortInput:focus,
.record input[type=number].shortInput:focus, .record input[type=date].shortInput:focus, .record input[type=email].shortInput:focus,
.record input[type=datetime].shortInput:focus, .record input[type=datetime-local].shortInput:focus, .record input[type=range].shortInput:focus,
.record input[type=color].shortInput:focus, .record input[type=tel].shortInput:focus, .record input[type=url].shortInput:focus,
.record input[type=search].shortInput:focus, .record input[type=time].shortInput:focus, .record input[type=week].shortInput:focus {
  box-shadow: none;
}
.record input[type=text].datepicker, .record input[type=date].datepicker, .record input[type=month].datepicker,
.record input[type=text].week-picker, .record input[type=week].week-picker, .record input[type=date].week-picker {
  background-color: #eaede8;
  /*width: 48.2%;*/
}
.record textarea {
  margin: -15px 0 0 140px;
  width: 75%;
}
.record textarea.admin-notes {
  margin: 0;
}
.record .maxSelect select {
  max-width: 225px;
  word-break: normal;
}
.record input[type=submit], .record a.submit.back, .record a.submit.activity {
  background: none;
  border: none;
  color: #017286;
  cursor: pointer;
  display: inline;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 18px;
  text-decoration: underline;
}
.record p.alignCenter {
  margin-bottom: 0;
  margin-top: -15px;
  padding-bottom: 10px;
}
.record p.alignCenter.marginTop {
  margin-top: 15px;
}
.record .buttonContainer {
  height: 35px;
}
.record .buttonContainer a.submit.left {
  left: 10%;
}
.record .buttonContainer a.submit.right {
  right: 10%;
}
.record input[type=text].datepicker.endDate {
  margin-top: 5px;
}

/* end record */
/* Modal Records */
.mfp-content h1 {
  background-color: #eaede8;
  color: #024053;
  border-radius: 0;
  font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  padding: 15px 0;
  width: 100%;
}
.mfp-content p {
  font-size: 16px;
  margin-top: 15px;
}
.mfp-content p.recordPager {
  font-size: 14px;
  margin: 0 10px 0 0;
}
.mfp-content input[type=text].datepicker, .mfp-content input[type=date].datepicker, .mfp-content input[type=month].datepicker,
.mfp-content input[type=text].week-picker, .mfp-content input[type=week].week-picker, .mfp-content input[type=date].week-picker {
  background-color: #eaede8;
  /*width: 213px;*/
}
.mfp-content textarea {
  width: 460px;
  height: 65px;
}

/* end mfp-content */
.groupList {
  display: block;
  font-size: 13px;
  line-height: 14px;
  margin-bottom: 10px;
  max-height: 80px;
  overflow-y: scroll;
}

.groupList.students li {
  float: left;
  margin-right: 5px;
}

/*================ ACTIVITY PAGE ================ */
.weeklyProgress {
  margin-bottom: 10px;
}

.weekTotal {
  font-weight: bold;
  margin: 7px 10px 10px 4%;
}

.progressBarValue {
  color: #fff;
  font-weight: bold;
  position: absolute;
  top: 5px;
}

#weekHours {
  font-size: 16px;
}

p.date.activityRecord {
  margin-left: 13%;
}

#Calendar #script-warning, #Calendar #loading, .calendar #loading {
  color: red;
  font-weight: bold;
  margin: 5px 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.report-list th, .report-list td {
  white-space: nowrap;
}

form td .change-history {
  margin-left: 50%;
  font-size: small;
}
form td .change-history li {
  font-size: small;
}

.small {
  font-size: smaller;
}

.nowrap {
  white-space: nowrap;
}

.modal-form {
  margin: 10px 20px;
}
.modal-form ul {
  margin-bottom: 20px;
}

.warning {
  font-size: smaller;
  font-weight: bold;
  color: red;
}

.overrides th[colspan="2"] {
  text-align: center;
}
.overrides input[type=text].day-display {
  width: 80px;
}
.overrides input[type=text].day-abbreviation {
  width: 40px;
}

.printable-report + .printable-report {
  page-break-before: always;
}

.outdated-referral {
  color: red !important;
}

/*=================== FONTS IMPORTS ===================*/
/* Varela Round */
@font-face {
  font-family: "varela_roundregular";
  src: url("/Stylesheets/fonts/VarelaRound-Regular-webfont.eot");
  src: url("/Stylesheets/fonts/VarelaRound-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/Stylesheets/fonts/VarelaRound-Regular-webfont.woff") format("woff"), url("/Stylesheets/fonts/VarelaRound-Regular-webfont.ttf") format("truetype"), url("/Stylesheets/fonts/VarelaRound-Regular-webfont.svg#varela_roundregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*================ MIXINS AND INCLUDES ================*/
/***** BASIC MIXINS *****/
/* Fonts */
/* Colors */
.mybutton {
  background-color: #024053;
  border-radius: 10px;
  border: none;
  color: #fff;
  cursor: pointer;
  font-family: "varela_roundregular", Arial, Helvetica, sans-serif;
  font-size: 13.5px;
  font-weight: bold;
  line-height: 17px;
  padding: 0.6rem;
  text-decoration: none;
  transition: background-color 300ms ease-out 0s;
}
.mybutton:hover, .mybutton:focus {
  background-color: #2795B6;
}
.mybutton.button-secondary {
  background: none;
  border: none;
  color: #017286;
  cursor: pointer;
  display: inline;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 18px;
  text-decoration: underline;
}

.page-actions {
  width: 100%;
  text-align: center;
  padding: 10px 0 30px;
}

.notification {
  color: red;
  font-size: smaller;
  font-weight: bold;
}

.tt-menu {
  background: white;
  border: 1px solid #999;
}

.report-list .twitter-typeahead {
  margin-top: 5px;
}

a.delete-row {
  color: red;
}

button.link-button, input[type=submit].link-button, input[type=button].link-button, a.submit.link-button {
  border: none;
  background: none;
  color: #2ba6cb;
  line-height: 1.5rem !important;
  text-decoration: underline;
  font-weight: normal !important;
}

.record .quarter-dates input[type=text].datepicker {
  width: 90px;
}

.ui-datepicker-calendar .highlight a {
  background: limegreen;
  color: white;
}

.schedule-table td {
  max-width: 200px;
}
.schedule-table td * {
  max-width: calc(200px - 0.7rem);
}

#previewCalendar {
  padding: 10px 0;
}
#previewCalendar .ui-datepicker {
  margin: 0 auto;
}

.modal-content {
  padding: 0 10px;
  display: flex;
  flex-direction: column;
}
.modal-content .actions {
  flex-grow: 1;
  text-align: right;
}

.container.report {
  padding: 1%;
}

.table-header {
  display: flex;
  margin: 0 10px;
  justify-content: space-between;
}
.table-header .actions {
  flex-grow: 1;
  text-align: right;
}

.record input.duration {
  width: 35px;
}
.record input.timepicker {
  width: 100px;
}

.report-form {
  display: flex;
  align-items: flex-end;
}
.report-form select {
  margin-bottom: 5px;
}
.report-form .report-update {
  margin-left: 10px;
}

#calendar {
  padding-bottom: 0.5rem;
}
#calendar .fc-head {
  background: #024053;
}
#calendar .fc-button .fc-icon {
  line-height: 20px;
}
#calendar h2 {
  color: #017286;
}
#calendar .fc-other-month {
  background-color: #f7f7f7;
}
#calendar .fc-state-highlight {
  background: #e7edec;
}
#calendar .fc-row .fc-content-skeleton {
  padding-bottom: 0;
}
#calendar .fc-row .fc-content-skeleton td, #calendar .fc-row .fc-helper-skeleton td {
  border: solid #f2f2f2;
  border-width: 0 0 0 2px;
}
#calendar .fc-basic-view .fc-body .fc-row {
  min-height: 10em;
}
#calendar .fc-row table {
  margin-bottom: 0;
}
#calendar .fc td {
  border: solid #f2f2f2;
  border-width: 2px 0 0 2px;
}
#calendar .fc-widget-content:first-of-type {
  border-left: none !important;
}
#calendar .fc-widget-content:last-of-type {
  border-right: none !important;
}
#calendar .fc-day {
  border: solid #f2f2f2;
  border-width: 2px 0 0 2px;
}
#calendar .fc-day-number {
  border-top: 0;
  border-bottom: 0;
}
#calendar .fc-view .fc-month-view .fc-basic-view table {
  border-collapse: separate;
}
#calendar .fc-event-container {
  border-top: 0 !important;
  border-bottom: 0 !important;
  min-height: 1rem;
}
#calendar .fc-head-container {
  border-width: 0;
}
#calendar .fc-state-default {
  border: none;
  background: none;
  text-shadow: none;
  box-shadow: none;
}
#calendar .fc-content-skeleton table {
  margin-bottom: 0;
}
#calendar .fc-day-header, #calendar th.fc-day-header, #calendar .fc-agenda-days .fc-first th.fc-widget-header {
  background-color: #024053;
  border: 2px solid #024053;
  color: #fff;
  font-size: 0.75rem;
  padding: 0.5rem 0;
  text-transform: uppercase;
  line-height: 1rem;
}
#calendar .fc-content-skeleton table {
  background: transparent;
}
#calendar .fc-unthemed .fc-today, #calendar .fc-today {
  background: #e7edec;
}
#calendar .fc-button {
  border-right: 1px solid #b2b2b2;
  color: #979797;
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  padding: 0 1rem;
  overflow: hidden;
  height: 1.6em;
  line-height: 1.6em;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 0;
}
#calendar .fc-state-hover, #calendar .fc-state-down, #calendar .fc-state-active, #calendar .fc-state-disabled {
  color: #017286;
}
#calendar .fc-button .fc-icon {
  background-color: #003f52;
  border-radius: 50%;
  color: white;
  display: block;
  height: 28px;
  width: 28px;
  line-height: 30px;
  margin: 0 0.1em;
  text-align: center;
  font-size: 1em;
  vertical-align: baseline;
}
#calendar .fc-state-default.fc-corner-right, #calendar .fc-state-default.fc-corner-left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#calendar .fc-prev-button, #calendar .fc-next-button {
  height: 2rem;
  border-width: 0;
}
#calendar .fc-icon-left-single-arrow::after {
  content: "‹";
  font-weight: bold;
  font-size: 200%;
  top: -6%;
  left: 0%;
}
#calendar .fc-icon-right-single-arrow::after {
  content: "›";
  font-weight: bold;
  font-size: 200%;
  top: -6%;
  left: 0%;
}
#calendar .fc-button-group {
  position: absolute;
  margin-top: 6px;
}
#calendar .recordedEvent {
  background-color: #099202 !important;
  border-color: #099202 !important;
}
#calendar .makeupAttempt {
  background-color: deeppink !important;
  border-color: deeppink !important;
}
#calendar .genEdRecordedEvent {
  background-color: #3333FF !important;
  border-color: #3333FF !important;
}
#calendar .consultRecordedEvent {
  background-color: #6c0292 !important;
  border-color: #6c0292 !important;
}
#calendar .skippedEvent {
  background-color: yellow !important;
  border-color: yellow !important;
  color: black !important;
}
#calendar .otherEvent {
  background-color: #7e7e7e !important;
  border-color: #7e7e7e !important;
}

/* end .calendar */
/*=================== FONTS IMPORTS ===================*/
/* Varela Round */
@font-face {
  font-family: "varela_roundregular";
  src: url("/Stylesheets/fonts/VarelaRound-Regular-webfont.eot");
  src: url("/Stylesheets/fonts/VarelaRound-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/Stylesheets/fonts/VarelaRound-Regular-webfont.woff") format("woff"), url("/Stylesheets/fonts/VarelaRound-Regular-webfont.ttf") format("truetype"), url("/Stylesheets/fonts/VarelaRound-Regular-webfont.svg#varela_roundregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*================ MIXINS AND INCLUDES ================*/
/***** BASIC MIXINS *****/
/* Fonts */
/* Colors */
.settings-section {
  margin: 4px;
}
.settings-section h2 {
  margin-bottom: 10px;
}
.settings-section .settings-subsection {
  display: flex;
  flex: 1;
  flex-direction: row;
}
.settings-section .settings-subsection .settings-item {
  width: 48%;
}

/*==================== PRINT STYLES ====================*/
@media print {
  .hideTablet {
    display: none;
  }

  header .large-2.columns {
    width: 30%;
  }
  header .large-2.columns img.left {
    margin: 0 0 10px 0;
    width: 40px;
  }

  .logo a {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1;
  }

  header .large-8.columns {
    display: none;
  }

  nav.innerNav ul {
    display: none;
  }

  .container {
    padding: 0;
  }

  .mission p {
    padding: 1% 0;
    font-size: 10px;
  }

  .footer li:nth-of-type(2) {
    display: none;
  }

  /*footer { display: none;}*/
  .innerNav {
    display: none;
  }

  .calendar h1 {
    font-size: 16px;
  }

  .mission img {
    max-width: 100px;
  }
}
/*================== END PRINT STYLES ==================*/