@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@font-face {
  font-family: 'Montreal-Serial';
  src: url('../fonts/Montreal-Serial-Bold.eot');
  src: url('../fonts/Montreal-Serial-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Montreal-Serial-Bold.woff2') format('woff2'),
  url('../fonts/Montreal-Serial-Bold.woff') format('woff'),
  url('../fonts/Montreal-Serial-Bold.ttf') format('truetype'),
  url('../fonts/Montreal-Serial-Bold.svg#Montreal-Serial-Bold') format('svg');
  font-weight: bold;
  font-style: normal; }

/* Foundation Overrides */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
  box-shadow:none;
  transition:none;
  border-radius:4px;
  height: 2.5rem;
}
input[type="checkbox"],input[type="radio"]
{
  margin:5px;
}
textarea {
  height:100px;
  line-height:130%;
}
select, select:hover {
  outline: none;
  background-color: #ffffff;
}
input[type="file"] {
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius:4px;
  font-size: 14px;
  height: 2.5rem;
  padding:8px;
}
.hide-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  border: 0; }
.orbit-container .orbit-bullets-container {
  /*display: none;*/
}
ul.pagination li.unavailable a {
  color: #545454; }

.inline-list > li:first-child {
  margin-left:20px;
}

.alert-box {
  line-height:130%;
}

.alert-box.padDown
{
  margin-top:10px;
}

.alert-box.success {
  background-color: #d1e7dd;
  border-color: #a3cfbb;
  font-size:14px;
  line-height:140%;
  color: #0a3622;
}
.alert-box.fail,
.alert-box.danger {
  background-color: #f8d7da;
  border-color: #f1aeb5;
  font-size:14px;
  color: #58151c;
}
.alert-box.note {
  background-color: #cff4fc;
  border-color: #9eeaf9;
  font-size:14px;
  color: #055160;
}

div.box-note {
  border:1px solid #9eeaf9;
  padding:20px;
  font-size:14px;
  border-radius:5px;
  background-color:#cff4fc;
  color: #055160;
  line-height:140%;
  margin-bottom:10px;
}

/*
*/
.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: 0.375rem;
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.text-bg-primary {
  color: #fff !important;
  background-color: #0d6efd !important;
}
.text-bg-secondary {
  color: #fff !important;
  background-color: #6c757d !important;
}
.text-bg-success {
  color: #fff !important;
  background-color: #198754 !important;
}
.text-bg-danger {
  color: #fff !important;
  background-color: #dc3545 !important;
}
.text-bg-warning {
  color: #000 !important;
  background-color: #ffc107 !important;
}
.text-bg-info {
  color: #000 !important;
  background-color: #0dcaf0 !important;
}
.text-bg-light {
  color: #000 !important;
  background-color: #f8f9fa !important;
}
.text-bg-dark {
  color: #fff !important;
  background-color: #212529 !important;
}

.alert-box.radius {
  border-radius:5px;
}
hr {
  border-color:#e4e9f0;
}
hr.no-margin {
  margin-top: 0;
}

img.has-tip {
  border:none;
  cursor:auto;
}
img.has-tip:hover {
  border:none;
}

small {
  font-size: 75%;
}

.panel.info {
  background-color: #FFF8DC;
  padding:10px;

}
.panel.info p {
  font-size:12px;
}

#timesheetActionModal h3
{
  padding:0 0 20px;
}
/* ==================== */

.ui-datepicker {
  width: 14em !important;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 13px !important;
  margin: 1px 0 3px !important;
  padding: 0 0 0 5px !important;
  height: 26px;
}


body, h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
}

body p {
  font-size:15px;
  line-height:140%;
}

body a {
  text-decoration:none;
  color:#001e48;
}
body a:hover {
  text-decoration:none;
  color:#001e48;
}

h1,h2,h3 {
  -webkit-margin-before: 0 !important;
  -webkit-margin-after: 0 !important;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}
h1 {
  color:#0e265f;
  font-size: 34px;
  padding-bottom: 20px;
}
h2 {
  color:#0e265f;
  font-size: 28px;
  padding-bottom: 20px;
}
h3 {
  color:#384047;
  font-size: 24px;
}
h4 {
  color:#384047;
  font-size: 20px;
}
h5 {
  color:#384047;
  font-size: 16px;
  font-weight:600;
}
.knowledgebase h1 {
  font-size: 2rem;
}
.knowledgebase h2 {
  font-size: 24px;
}
mark {
  color: #001e48;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  display: block;
  margin-top: 50px;
  background: transparent;
}

body p {
  color: #001e48;
}

.row {
  max-width: 100%;
}

.text-small {
  font-size:12px;
}

header {
  position: relative;
  margin-bottom:40px;
  border-top: 10px solid #001e48;
}
header:after {
  content: '';
  width: 50%;
  height: 10px;
  position: absolute;
  top: -10px;
  right: 0;
  background-color: #1d6291; }



header .logo img {
  margin:40px 0 0 5px;
}
header nav.desktop {
  float:right;
  margin:5px 10px 0 0;
}
header nav.desktop a {
  text-decoration:none;
  font-family: 'Roboto', sans-serif;
  font-size:20px;
  color: #003960;
}

header nav.desktop a:hover {
  color: #003960;
}
header nav.desktop a.active {
  font-weight:600;
}

header nav.mobile ul, header nav.mobile-account ul {
  list-style:none;
  margin: 0;
}
header nav.mobile ul li, header nav.mobile-account ul li {
  border-top:1px solid #e0e0e0;
  text-align:left;
}
header nav.mobile ul {
  margin-bottom: -1.25rem; }
header nav.mobile ul li a, header nav.mobile-account ul li a {
  display:block;
  padding:10px 15px;
  color:#384047;
}
header nav.mobile ul li a.active, header nav.mobile-account ul li a.active {
  font-weight:600;
}
header nav.mobile, header nav.mobile-account {
  margin-top:20px;
  background-color:#fff;
}
header nav.mobile-account .menuHeader {
  padding-left: 6px;
  font-weight: bold;
  background: #333;
  color: #fff;
}
header .inline-list {
  margin-bottom: 0;
}

header .button-group {
  margin:35px 0 0 0;
}
header #mobile-nav-icon {
  padding-top:20px;
}

.row .signup {
  padding:55px 0;
  background-color: #003960; }
.row .signup span {
  color: #FFF;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 28px;
  font-weight: bold;
  font-family: 'Montreal-Serial', sans-serif;
  vertical-align: middle; }
.row .signup button {
  border: none;
  color: #ffffff;
  letter-spacing: 2px;
  border-radius: 100px;
  padding: 10px 20px;
  background-color: #001e48;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  margin: 0 0 0 20px;
  vertical-align: middle; }

section#intro .banner {
  height:500px;
  background-color: #c0c0c0;
  position:relative;
}
#howitworkspage section#intro .banner {
  height:500px;
  background:#c0c0c0 url('../images/banner-signup.jpg') no-repeat center center;
  background-size: cover;
  position:relative;
}
section#intro .banner h1 {
  color: #FFF;
  font-size: 46px;
  font-weight: 500;
  line-height: normal;
  padding: 30px 30px 0 30px;
  position: absolute;
  left: 0;
  text-shadow: 0 0 5px #000;
  bottom: 30%; }
section#intro .signup-principals {
  background-color:#001e48;
  padding:40px 30px;
  text-align:center;
}
section#intro .signup-centres {
  background-color: #001c2e;
  padding:40px 30px;
  text-align:center;
}
section#intro .signup-teachers {
  background-color: #001e48;
  padding:40px 30px;
  text-align:center;
}
section#intro .signup-principals p, section#intro .signup-centres p, section#intro .signup-teachers p {
  color:#ffffff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding:0 25px; }
section#intro .signup-principals button, section#intro .signup-centres button, section#intro .signup-teachers button,
section#intro .signup-principals button:hover, section#intro .signup-centres button:hover, section#intro .signup-teachers button:hover {
  padding: 10px 50px;
  background: transparent; }

section#intro .signup-principals a, section#intro .signup-centres a, section#intro .signup-teachers a {
  font-size:14px;
  color:#ffffff;
  text-decoration:underline;
}
section#intro .signup-principals a:hover, section#intro .signup-centres a:hover, section#intro .signup-teachers a:hover {
  text-decoration:none;
}
section#intro .signup-principals h2, section#intro .signup-centres h2, section#intro .signup-teachers h2 {
  color:#ffffff;
  font-size: 28px;
  font-weight: bold;
  font-family: 'Montreal-Serial', sans-serif;
  line-height: 1.25;
  margin-bottom: 15px !important; }
.banner-fees {
  background: #F7F7F7;
  color: #555;
  padding: 20px;
  margin-top: 20px;
}
.banner-fees-margin {
  margin-bottom: 40px;
}
.banner-fees p {
  margin: 0;
  padding: 0;
}
.banner .top-shadow {
  position:absolute;
  top: 0;
  left: 0;
  width:100%;
  height:4px;

  background: -moz-linear-gradient(top,  rgba(128,128,128,0.3) 0%, rgba(128,128,128,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(128,128,128,1)), color-stop(100%,rgba(128,128,128,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(128,128,128,0.3) 0%,rgba(128,128,128,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(128,128,128,0.3) 0%,rgba(128,128,128,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(128,128,128,0.3) 0%,rgba(128,128,128,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(128,128,128,0.3) 0%,rgba(128,128,128,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#00808080',GradientType=0 ); /* IE6-9 */

}

.banner .top-shadow2, .top-shadow2 {
  position:absolute;
  top: 0;
  left: 0;
  width:100%;
  height:5px;

  background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}

section#register .banner {
  height:750px;
  /*background:#c0c0c0 url('../images/banner-signup.jpg') no-repeat center center;*/
  background: #f4f7f9;
  background-size: cover;
  position:relative;
}
section#login .banner {
  height:700px;
  /*background:#c0c0c0 url('../images/banner-login.jpg') no-repeat center center;*/
  background: #f4f7f9;
  background-size: cover;
  position:relative;
}
section#page h1 {
  padding-left: 20px;
  padding-right: 20px; }

section#how-it-works h2 {
  color: #001e48;
  font-size: 48px;
  font-family: 'Montreal-Serial', sans-serif;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 25px !important; }
section#how-it-works p {
  color: #000;
  font-size: 16px;
  line-height: 1.5; }
section#how-it-works button.green {
  color: #001e48;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 2px;
  text-align: center;
  padding: 10px 35px;
  margin-top: 35px;
  background-color: #FFF; }
section#how-it-works .textcolumn {
  padding-top:50px; }
section#how-it-works .textcolumn ul {
  font-size: 15px;
  color:#8c989e; }
section#how-it-works .imagecolumn {
  padding-top: 135px;
  padding-right: 50px; }

div.page-features div.feature-wrapper:nth-child(odd) {
  background-color:#f0f3f6;
}
div.page-features div.feature-wrapper {
  padding-top:40px;
  padding-bottom:40px;
}
div.page-features div.feature-wrapper h2 {
  color: #001e48;
  padding: 20px 0;
  font-size: 48px;
  font-weight: bold;
  font-family: 'Montreal-Serial', sans-serif;
  line-height: 1.25; }
div.page-features div.feature-wrapper .lrg-img {
  min-height:420px;
}


section#select-search {
  margin-top: 55px;
}
section#select-search .row {
  background-color:#e8e5ee;
}
section#select-search .textcolumn {
  text-align:center;
  padding-top: 40px;
}
section#select-search .textcolumn h2 {
  color: #001e48;
  font-size: 48px;
  font-weight: bold;
  font-family: 'Montreal-Serial', sans-serif;
  line-height: 1.25;
  margin-bottom: 20px !important; }
section#select-search .textcolumn p {
  color: #000;
  font-size: 16px;
  line-height: 1.5;
  text-align: center; }
section#select-search .imagecolumn {
  text-align:center;
  position:relative; }
section#select-search .imagecolumn img.selected {
  position:absolute;
  top:10px;
  left:434px;
}
section#features {
  margin-top:50px; }
section#features .item {
  padding: 0 60px 30px 0;
  border: 0 dashed pink;
  /*background: url('../images/feature-icon.png') no-repeat left 5px;*/ }
section#features h3 {
  color: #001e48;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 5px;
  padding-bottom: 20px;
  text-transform: uppercase; }
section#features p {
  color: #001e48;
  font-size: 16px;
  line-height: 24px; }


section#features-list {
  padding: 0 0 75px; }
section#features-list li {
  position: relative;
  padding: 50px 50px 0 0; }
section#features-list li:before {
  content: '';
  width: 110px;
  height: 110px;
  float: left;
  margin-right: 35px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat; }
section#features-list li.reviews:before {
  background-image: url('../images/ico-reviews.svg'); }
section#features-list li.calendars:before {
  background-image: url('../images/ico-calendars.svg'); }
section#features-list li.loctools:before {
  background-image: url('../images/ico-loctools.svg'); }
section#features-list li.featlist:before {
  background-image: url('../images/ico-featlist.svg'); }
section#features-list li.powersearch:before {
  background-image: url('../images/ico-powersearch.svg'); }
section#features-list li.profiles:before {
  background-image: url('../images/ico-profiles.svg'); }
section#features-list h3 {
  color: #003960;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 5px;
  padding-bottom: 20px;
  text-transform: uppercase; }
section#features-list p {
  color: #001e48;
  font-size: 16px;
  line-height: 24px; }

section#map .row {
  height:540px;
}
section#map .key div {
  margin-bottom:10px;
}

section#map .key span {
  color:#fff;
  font-weight:600;
  padding-left:10px;
  font-size:20px;
}
section#map #map_canvas {
  width:100%;
  height: 100%;
}
section#map .map-image {
  height:100%;
  padding-right: 0;
  padding-left: 0;
  background-color: #B1D3FF;
}
section#map .map-text {
  height:100%;
  padding:150px 120px 0 120px;
  text-align: center;
  background-color: #001e48; }
section#map .map-text button img {
  width: 11px; }
section#map .map-text h2 {
  color:#FFFFFF;
  font-size: 28px;
  padding-bottom:30px; }

section#testimonials .row {
  background-color: #003960;
  min-height:350px;
  overflow:hidden;
}
section#testimonials .slide {
  margin-left:45px;
  margin-right:45px;
}
section#testimonials .slide .image {
  margin-top:50px;
}
section#testimonials .slide .quote {
  margin-top:70px;
  padding-left:25px;
}
section#testimonials .slide .quote1 {
  width:5%;
  color:#ffffff;
  font-size:37px;
  line-height:45px;
  text-align:center;
}
section#testimonials .slide .quote2 {
  color:#ffffff;
  font-size:28px;
  font-family: 'Montreal-Serial', sans-serif;
  line-height:36px;
  text-align: center;
}
section#testimonials .slide .quote2 span {
  font-size:34px;
  line-height: 0;
  padding-left:3px;
}
section#testimonials .slide .quote2 cite {
  display:block;
  font-size:12px;
  font-weight: bold;
  font-style: normal;
  margin-top:50px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

section#page .content {
  min-height: 270px;
}

section#page .content ul, section#page .content ol
{
  padding:5px 10px;
}

.content select[multiple] {
  height: auto;
}

section#contact .content-left {
  padding:50px 50px 100px 100px;
  border-right: 1px solid #e7ebee;
}
section#contact .content-right {
  padding:50px 40px 100px 50px;
}
section#contact .content-center {
  padding:30px 0 100px 0;
}
section#contact h2 {
  padding-bottom:15px;
}
section#contact #map_canvas {
  width:500px;
  height: 400px;
  margin-top:45px;
}

section#schools .banner, section#howitworks .banner, section#contact .banner, section#teachers .banner, section#page .banner, section#ece .banner {
  height:150px;
  position:relative;
  text-align:center;
  background-color: #001e48;
}
section#page .banner {
  background-color: #003960;
}
body section#page p,
body section#page li {
  color: #333;
}
body section#page h2 {
  padding-top: 20px;
  padding-bottom: 10px;
}
body section#page h3 {
  padding-top: 15px;
  padding-bottom: 7px;
}
section#page .footer-banner {
}
section#schools .banner h1, section#howitworks .banner h1, section#contact .banner h1, section#teachers .banner h1, section#page .banner h1, section#ece .banner h1 {
  color:#ffffff;
  font-family: 'Montreal-Serial', sans-serif;
  line-height: 150px;
  font-weight:300;
  font-size:48px;
}
section#schools .intro, section#howitworks .intro, section#teachers .intro, section#page .intro, section#ece .intro {
  padding:30px 0;
}
section#page .content {
  padding-top: 40px;
  padding-bottom: 60px;
}

section#schools .intro p, section#howitworks .intro p, section#teachers .intro p, section#page .intro p, section#ece .intro p {
  font-size:18px;
  line-height:160%;
}

section#register .disclaimer {
  font-size:12px;
  color:#8c989e;
  line-height:120%;
  text-align:justify;
}

div.panel small {
  font-size:12px;
}


footer .row {
  background-color: #001e48; }
footer .row:first-child {
  padding: 35px 0 50px;
  border-top: 1px solid #fff;
}
footer .row .column {
  color: #fff;
  font-size: 12px;
}
footer .row .column ul {
  font-size: 12px;
}
footer .row:last-child {
  padding-top: 30px;
  margin-bottom: 0; }
footer .buttons {
  margin-top:10px;
  margin-bottom: 0;
  text-align:right;
}
footer a {
  color: #fff;
  text-decoration:none;
}
footer a:hover {
  color:#e4e4e4;
  text-decoration:underline;
}
footer .social-icons {
  padding-left: 0;
  margin-top:-6px;
}
footer .social-icons a {
  padding-right: 5px;
}
footer .copyright {
  text-align: right;
  line-height:140%;
  padding-bottom: 40px;
}

.orbit-container .orbit-next > span,
.orbit-container .orbit-prev > span {
  display:none; }
.orbit-container .orbit-prev {
  top: 50%;
  width: 50px;
  height: 50px;
  background: url('../images/slider-prev-icon.png') no-repeat center center;
  border-radius: 0 10px 10px 0; }
.orbit-container .orbit-next {
  top: 50%;
  width: 50px;
  height: 50px;
  background: url('../images/slider-next-icon.png') no-repeat center center;
  border-radius: 10px 0 0 10px; }

/* KB MENU */
.mobile-kb-nav ul {
  list-style:none;
  margin: 20px;
}
.mobile-kb-nav ul li {
  border-top:1px solid #e0e0e0;
  text-align:left;
}
.mobile-kb-nav ul {
}
.mobile-kb-nav ul li a {
  display:block;
  padding:10px 15px;
  color:#384047;
}
.mobile-kb-nav ul li a.active {
  font-weight:600;
}
.mobile-kb-nav {
  margin-top:20px;
  background-color:#fff;
}
/* END KB MENU */

/* BUTTONS */

button, .button, .ui-widget-content a.button {
  font-family: 'Roboto', sans-serif;
  padding: 8px 20px;
  margin: 0 10px 10px 0;
  font-size: 12px;
  font-weight: 400;
  border-width: 2px;
  border-radius: 5px;
  color: #ffffff;
  cursor: pointer;
  transition: background-color 200ms ease-out;
  outline: none;
}
.btn_multi {
  background: #001e48;
  border:none;
  padding:0.7rem 1.2rem;
  font-size: 14px !important;
  /*margin: 0 0 0 10px;*/
  margin: 10px 0;
}
#confirmation .btn_multi {
  margin: 10px 4px;
}
button.last, button.first {
  margin:0;
}

button.grey, .button.grey,
button.grey:hover, .button.grey:hover,
button.grey:focus, .button.grey:focus {
  color: #001e48;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 2px;
  padding: 5px 20px;
  border-radius: 100px;
  border: solid 2px #001e48;
  background-color: transparent; }

button.green, .button.green,
button.green:hover, .button.green:hover,
button.green:focus, .button.green:focus {
  color: #FFF;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 2px;
  padding: 5px 20px;
  border-radius: 100px;
  border: solid 2px #001e48;
  background-color: #001e48; }

footer button.green,
footer button.green:hover,
footer button.green:focus{
  color: #000;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 2px;
  padding: 5px 20px;
  border-radius: 100px;
  border: solid 2px #fff;
  background-color: #fff; }

button.greenSolid, .button.greenSolid {
  background-color:#001e48;
  border-color: #001e48;
  color: #fff;
  font-size:13px;
  font-weight:bold;
}

button.greenSolid:hover, button.greenSolid:focus, .button.greenSolid:hover, .button.greenSolid:focus {
  background-color: #001e48;
}


button.white, .button.white {
  color: #ffffff;
  letter-spacing: 2px;
  border-radius: 100px;
  border-color: #ffffff;
  background-color: transparent;
}
button.white:hover, button.white:focus, .button.white:hover, .button.white:focus {
  background-color: #888;
}
button.white.full, .button.white.full {
  color: #001e48;
  font-weight: bold;
  background-color: #FFF;
  text-transform: uppercase; }

.form-box input[type=submit], form input[type=submit], button.submit {
  width:100%;
  border:none;
  color:#ffffff;
  border-radius: 4px;
  padding:15px;
  background-color: #001e48;
  font-family: 'Roboto', sans-serif;
  font-size:15px;
  font-weight:bold;
  margin-top:20px;
  outline:none;
  letter-spacing: 2px;
}

table thead tr th, table thead tr td {
  color: #000000; }
.fc-day-top.fc-other-month {
  opacity: 0.6!important;
  font-weight: 300; }

#timesheet input[type=submit]
{
  margin-top:0;
  padding:10px;
}

#ajaxReturn .error
{
  padding:10px;
  margin:10px 0 20px;
  background: #ECF0F3;
  border: 1px solid #C1C4C7;
  color:#E43A34;
}

/*#ajaxReturn .success
{
    padding:10px;
    margin:10px 0 20px;
    background: #ECF0F3;
    border: 1px solid #C1C4C7;
    color:#190060;
}*/

.form-box input[type=submit]:hover, form input[type=submit]:hover {
  background-color: #001e48;
}
.red {
  color: #e80000;
}
.form-box input[type=submit].red,
form input[type=submit].red,
.form-box input[type=submit].red:hover,
form input[type=submit].red:hover {
  background-color: #fe3d18;
}
button.red {
  width:100%;
  border:none;
  color:#ffffff;
  border-radius: 4px;
  padding:15px;
  background-color: #fe3d18;
  font-family: 'Roboto', sans-serif;
  font-size:15px;
  font-weight:bold;
  outline:none;
}
button.red:hover {
  background-color: #fe3d18;
}

button.blue {
  width:100%;
  border:none;
  color:#ffffff;
  border-radius: 4px;
  padding:15px;
  background-color: #003960;
  font-family: 'Roboto', sans-serif;
  font-size:15px;
  font-weight:bold;
  outline:none;
}
button.blue:hover {
  background-color: #003960;
}

button.green2 {
  width:100%;
  border:none;
  color:#ffffff;
  border-radius: 4px;
  padding:15px;
  background-color: #003960;
  font-family: 'Roboto', sans-serif;
  font-size:15px;
  font-weight:bold;
  outline:none;
}
button.green2:hover {
  background-color: #003960;
}

button.grey-solid,
.button.grey-solid {
  width:100%;
  border:none;
  color:#ffffff;
  border-radius: 4px;
  padding:15px;
  background-color: #333;
  font-family: 'Roboto', sans-serif;
  font-size:15px;
  font-weight:bold;
  outline:none;
}
button.grey-solid:hover,
.button.grey-solid:hover {
  background-color: #003960;
}
button.grey-solid.multiActive,
.button.grey-solid.multiActive {
  background-color: #003960;
}

button.light-solid,
.button.light-solid {
  border:none;
  color:#333;
  border-radius: 4px;
  padding: 6px 10px;
  background-color: #dcdcdc;
  font-family: 'Roboto', sans-serif;
  font-size:13px;
  font-weight:bold;
  outline:none;
  margin: 4px 0;
}
button.light-solid:hover,
.button.light-solid:hover {
  background-color: #cecece;
}
button.light-solid.multiActive,
.button.light-solid.multiActive {
  background-color: #999;
}

button.small {
  padding:10px;
  font-size:12px;
  font-weight:400;
}
button.profile, button.addMulti {
  padding:7px;
  font-size:13px;
}

button.nomargin {
  margin:0;
}

#homepage .row,
#contactpage .row,
#howitworkspage .row{
  max-width: 100%;

}
/* FORMS */

.form-box {
  width:100%;
  box-shadow: 1px 1px 8px rgba(0,0,0,0.4);
  background-color: #ffffff;
  margin:75px 0;
  border-radius: 30px;
}
.form-box h2 {
  padding-top: 20px;
}

.form-box .tabs .tab-title {
  width:50%;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}
.form-box .tabs .tab-title > a {
  font-size: 15px;
  color: #8c989e;
  padding: 25px 0;
  text-decoration:none;
}
.form-box .tabs .tab-title.active > a {
  color: #333333;
}
.form-box .tabs-content .content {
  padding:30px 50px;
}

.form-box p, form p {
  font-size: 15px;
  margin-bottom:5px;
}

.form-box div.form-alerts {
  font-size:13px;
  padding:30px 30px 50px;
}

.form-box ul.form-errors, ul.form-errors {
  color:#cc0000;
  font-size:13px;
  font-weight:normal;
  border:1px solid #cc0000;
  margin-left:0;
  padding:15px 15px 10px;
  background-color:#FFFFCC;
  border-radius:5px;
}
.form-box ul.form-errors li, ul.form-errors li {
  margin-left:20px;
  margin-bottom:5px;
}

.form-box div.form-errors {
  color:#cc0000;
  font-size:14px;
  font-weight:normal;
  border:1px solid #cc0000;
  margin:0 0 10px;
  padding:15px;
  background-color:#FFFFCC;
  border-radius:5px;
}

.form-box .login-form {
  padding:20px 50px;
}
.form-box h3 {
  margin-bottom:20px !important;
}
.form-box a {
  /*font-size:13px;*/
  text-decoration:underline;
  color: #888;
}
.form-box a:hover {
  text-decoration: none;
}

.page-numbers {
  margin:50px auto 150px;
}

.page-numbers ul {
  list-style:none;
  display:block;
  float:left;
  margin:0;
}
.page-numbers ul li {
  display:inline-block;
  margin:0 8px;
}
.page-numbers ul li a, .page-numbers ul li {
  font-family: 'Roboto', sans-serif;
  font-size:18px;
  font-weight:700;
  color:#6d6d6d;
}
.page-numbers ul li a.active, .page-numbers ul li.active {
  color:#000;
}

.page-numbers .left-arrow {
  display:block;
  float:left;
  width:30px; height:30px; margin-right:10px;
  border-radius: 5px;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
  background: url('../images/page-prev-icon.png') no-repeat center center;
  cursor:default;
}
.page-numbers .left-arrow.active {
  background-color:#ffffff;
  cursor:pointer;
}

.page-numbers .right-arrow {
  display:block;
  float:left;
  width:30px; height:30px; margin-left:10px;
  border-radius: 5px;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
  background: url('../images/page-next-icon.png') no-repeat center center;
  cursor:default;
}
.page-numbers .right-arrow.active {
  background-color:#ffffff;
  cursor:pointer;
}

p.result-count {
  font-size: 12px;
}

body a.back-link {
  background: url('../images/page-prev-icon.png') no-repeat left center;
  padding-left:20px;
  font-size:13px;
  font-weight:600;
}

.legend {
  font-size:14px;
  line-height: normal;
  margin-bottom:5px;

}
.legend span {
  font-size:12px;
  padding: 3px 15px;
  color:#ffffff;
  display:inline-block;
  margin-right:10px;
  border-radius:3px;
}
.legend span:first-child {
  padding: 3px 20px;
}

p span.bulkAdd
{
  background:#001e48;
  color:#fff;
  padding:10px 15px;
  border-radius:4px;
}
p span.bulkAdd:hover
{
  cursor:pointer;
}

button.green2.closeButton
{
  color:#fff !important;
  width:100%;
  border:none;
  border-radius: 4px;
  padding:15px;
  background-color: #003960;
  font-family: 'Open Sans', sans-serif;
  font-size:15px;
  font-weight:bold;
  outline:none;
  margin:10px 10px 30px;
  position:relative;
}

#myModalMulti .content ul
{
  margin:10px 20px;
}

#myModalMulti .content li
{
  font-size:13px;
}
button.grey-solid.smallClear,
.button.grey-solid.smallClear
{
  margin-top:20px;
  padding:7px;
}
#browserMsg { display:block; width: 100%; color:darkred; background: lightpink; text-align: center; padding: 20px; }

.submitTime {
  padding:6px !important;
}

.advanced_search {
  display: none;
}
.advanced_search.show {
  display: block;
}

tr.declined {
  background:#ffd4d4 !important;
}

.editAddUser {
  display: none;
}
.editAddUser.show {
  display: block;
}
.deleteUser {
  background: #dd8ca3;
  border-radius: 50%;
  color: #FFF !important;
  width: 18px;
  display: inline-block;
  height: 18px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
  box-shadow: 1px 1px 3px #9e9e9e;
}
.deleteUser:hover {
  background: #c1385f;
}
#mobile-account-button {
  margin-right: 15px;
}
@media only screen and (max-width: 480px) {
  .dt-foundation .small-6.cell{
    width: 100%;
  }
  section#account .content-area {
    width: 100%;
  }
  .mr-sm-0 {
    margin-right: 0; }
  .g-recaptcha iframe {
    -webkit-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0; }
  body p {
    font-size:14px;
    margin-bottom: 0.75rem;
  }
  .row.mx-sm-0 {
    margin-left: 0;
    margin-right: 0; }
  .content-padding-sm {
    padding-left: 20px;
    padding-right: 20px; }

  p.no-margin {
    margin-bottom: 0;
  }

  p.small-for-small, i.small-for-small {
    font-size:12px !important;
  }
  .inline-list {
    text-align: center; }
  .inline-list > li {
    display: inline-block;
    margin: 10px;
    float: unset; }

  h2 {
    font-size:27px;
    margin-bottom:20px;
  }

  header {
    margin-bottom:10px;
  }

  header .logo {
    text-align: center;
  }

  header .logo img {
    margin:10px 0 0 0;
  }

  header .button-group {
    margin:40px 0 0 0;
    text-align: center;
  }

  section#intro .banner h1 {
    font-size: 27px;
    font-weight:400;
    padding-top:15px;
  }

  section#intro .banner {
    height: 320px;
  }

  section#intro .signup-principals, section#intro .signup-teachers {
    padding:35px 25px;
  }

  section#intro .signup-principals h2, section#intro .signup-teachers h2 {
    font-size: 28px;
  }

  section#how-it-works .textcolumn {
    padding-top: 35px;
    /*text-align: center;*/
  }

  section#how-it-works .imagecolumn {
    padding-top: 35px;
    text-align:center;
  }

  section#how-it-works .imagecolumn button {
    margin-top:50px;
    display:inline-block !important;
  }

  section#features {
    margin-top: 40px;
  }
  section#features .item {
    padding: 0 0 10px 0;
  }
  section#features .icon {
    margin-bottom:8px;
  }
  section#features .icon img {
    width:50px;
    height:50px;
  }

  section#map .row {
    height: 240px;
  }
  section#map .map-text {
    height:auto;
    padding: 40px 15px;
  }
  section#map .map-text h2 {
    font-size: 20px;
  }


  section#testimonials .row {
    height: auto;
  }
  section#testimonials .slide .quote {
    margin-top: 35px;
    padding-left: 0;
  }
  section#testimonials .slide .quote2 {
    width: 100%;
    font-size: 18px;
    line-height: 140%;
  }
  section#testimonials .slide {
    margin-left: 10px;
    margin-right: 10px;
  }
  section#testimonials .slide .quote2 cite {
    font-size: 14px;
    margin-top: 10px;
    line-height: 130%;
  }

  section#contact .content-left {
    padding: 20px 15px 20px 15px;
    border-right: none;
    border-top: 1px solid #e0e0e0;
  }
  section#contact .content-right {
    padding: 30px 15px 40px 15px;
  }
  section#contact #map_canvas {
    width:100%;
    height: 250px;
    margin-top:25px;
  }

  div.page-features div.feature-wrapper {
    padding-bottom:20px;
  }
  div.page-features div.feature-wrapper h2 {
    padding:10px 0;
  }
  div.page-features div.feature-wrapper img {
    width:50%;
  }
  div.page-features div.feature-wrapper .lrg-img {
    min-height:250px;
  }


  section#schools .banner, section#howitworks .banner, section#contact .banner, section#teachers .banner, section#page .banner, section#ece .banner {
    height:100px;
  }
  section#schools .banner h1, section#howitworks .banner h1, section#contact .banner h1, section#teachers .banner h1, section#page .banner h1, section#ece .banner h1 {
    line-height: 100px;
    font-size:25px;
  }
  section#schools .intro, section#howitworks .intro, section#teachers .intro, section#page .intro, section#ece .intro {
    padding:40px 0 20px;
  }
  section#schools .intro p, section#howitworks .intro p, section#teachers .intro p, section#page .intro p, section#ece .intro p {
    font-size:14px;
    line-height:160%;
  }

  .orbit-container .orbit-next, .orbit-container .orbit-prev {
    display:none;
  }

  .row .signup {
    padding: 40px 0;
  }
  .row .signup span {
    font-size: 24px;
    display:block;
    margin-bottom:10px;
  }

  .panel {
    padding:0.75rem;
  }
  .panel p {
    font-size:13px;
  }

  footer .buttons {
    margin-top:5px;
    text-align:center;
  }
  footer .row .column ul {
    font-size: 14px;
    margin: 0 auto 15px;
  }
  footer .social-icons-col {
    text-align:center;
    padding: 10px 0 25px;
  }
  footer .copyright {
    padding-bottom: 40px;
    font-size: 11px !important;
    text-align: center;
  }
  footer .bottom-nav {
    text-align: center;
    line-height: 1.5;
  }

}


@media only screen and (max-width: 768px) {
  .actionButtons .button,
  .actionButtons .btn {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #timesheet input[type=submit]{
    font-size: 10px;
    padding: 10px 6px;
  }
  header nav.desktop .inline-list > li {
    margin-left: 10px; }
  header nav.desktop a {
    font-size: 14px; }
  .row .signup span {
    font-size: 24px; }
  section#map .map-text {
    padding: 100px 50px 0 50px; }
  .row.mx-sm-0 {
    margin-left: 0;
    margin-right: 0; }
  .content-padding-sm {
    padding-left: 20px;
    padding-right: 20px; }



}

@media only screen and (min-width: 1025px) and (max-width: 1160px) {
  .form-box input[type=submit], form input[type=submit], button.submit {
    padding:15px 10px;
    font-size:13px;
    letter-spacing: 1px;
  }
}