@charset "UTF-8";
@font-face {
  font-family: "Open Sans";
  src: url(../fonts/OpenSans.woff); }
@font-face {
  font-family: "Architects Daughter";
  src: local("Ôÿ║"), url("../fonts/ArchitectsDaughter.ttf") format("truetype"), url("../fonts/ArchitectsDaughter.woff") format("woff"); }
* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: #000;
  font-family: "Open Sans"; }

.hidden {
  display: none !IMPORTANT; }

.cleared {
  clear: both; }

.default {
  color: #777; }

html, body {
  min-height: 100%; }

html {
  position: relative; }

body {
  margin-bottom: 10em; }

#long:not(:empty) {
  max-width: 40%; }

#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100; }

.flash {
  position: relative;
  color: red;
  animation: blinker 1s linear 3; }

@keyframes blinker {
  50% {
    color: transparent; } }
header {
  width: 100%;
  margin-bottom: .5em;
  overflow: hidden;
  background-color: #eee;
  box-shadow: 0 4px 4px -2px #000; }
  header h1 {
    margin-left: -9999999em;
    float: left; }
  header img {
    width: 60%;
    float: left; }
  header nav {
    width: 100%; }
    header nav ul {
      float: left;
      list-style: none; }
      header nav ul li {
        margin: .25em;
        padding: .25em;
        display: inline-block;
        float: left;
        overflow: hidden; }
        header nav ul li ul {
          display: none; }
        header nav ul li a, header nav ul li span {
          padding: .25em .5em; }
        header nav ul li span:after {
          content: "\25BC"; }
      header nav ul .linkHighlight {
        background-color: #409947;
        border-radius: 5px; }
        header nav ul .linkHighlight a {
          color: #FFF; }
      header nav ul li:hover {
        background-color: #409947;
        border-radius: 5px; }
        header nav ul li:hover ul {
          display: block;
          position: fixed;
          background-color: #EEE;
          margin-top: .25em;
          margin-left: 1em;
          border-radius: 5px;
          z-index: 20;
          box-shadow: 0 7px 20px rgba(0, 0, 0, 0.19), 0 1px 6px rgba(0, 0, 0, 0.23), 0 4px 4px -2px #000; }
          header nav ul li:hover ul li {
            width: calc(100% - 0.5em);
            margin: 0;
            clear: both; }
            header nav ul li:hover ul li a {
              color: #000; }
          header nav ul li:hover ul li:hover a {
            color: #FFF; }
        header nav ul li:hover span:after {
          content: "\25B2"; }
        header nav ul li:hover a {
          color: #FFF; }

#mainContainer {
  width: 98%;
  margin: 0 auto 2em auto;
  overflow-y: hidden;
  overflow-x: hidden; }
  #mainContainer #intro {
    margin-bottom: 1.5em; }
  #mainContainer .card {
    margin: 1em;
    padding: 1em;
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: #FFF;
    border-radius: 2px;
    background-color: #FFF;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
  #mainContainer .link {
    color: #0043CC;
    text-decoration: underline; }
  #mainContainer .btn {
    padding: .5em 1em;
    cursor: pointer;
    float: right; }
  #mainContainer #userOptionsBtns {
    margin-bottom: 1em;
    overflow: auto; }
    #mainContainer #userOptionsBtns .btn {
      float: left;
      margin-right: 1em;
      margin-bottom: .5em; }
  #mainContainer .summary {
    color: #444;
    font-family: "Architects Daughter";
    font-size: 1.1em; }
    #mainContainer .summary a {
      font-family: "Architects Daughter";
      text-decoration: underline;
      background-color: #409947;
      border-radius: 5px;
      padding: .25em .5em;
      color: #FFF; }
  #mainContainer .message, #mainContainer .error {
    margin-top: 1em;
    font-size: 1.5em;
    text-align: center; }
  #mainContainer .error {
    color: red; }
  #mainContainer .accordion {
    cursor: pointer;
    transition: 0.4s; }
  #mainContainer .accordianBlock {
    display: none;
    overflow: hidden; }
  #mainContainer .accordian:after {
    content: 'Click to view';
    display: block;
    font-style: italic;
    font-weight: normal;
    font-size: 16px; }
  #mainContainer h2.accordian:after {
    font-weight: normal;
    font-size: 0.66em; }
  #mainContainer .accordian.active:after {
    content: 'Click to hide'; }
  #mainContainer h2 {
    margin-bottom: .5em;
    font-family: architects daughter;
    font-size: 1.7em; }
  #mainContainer h3 {
    margin-bottom: .5em; }
  #mainContainer li {
    list-style: none; }
  #mainContainer #progressBar {
    background-color: #EEE;
    border-radius: 10px; }
    #mainContainer #progressBar .progress33 {
      background-color: #69F;
      height: 100%;
      width: 33%;
      border-radius: 10px; }
    #mainContainer #progressBar .progress66 {
      background-color: #69F;
      height: 100%;
      width: 66%;
      border-radius: 10px; }
  #mainContainer #loginForm {
    width: 80%;
    margin-top: 2em; }
    #mainContainer #loginForm ul {
      list-style: none; }
      #mainContainer #loginForm ul li {
        margin-bottom: 2em; }
        #mainContainer #loginForm ul li label {
          display: block;
          margin-bottom: .5em; }
        #mainContainer #loginForm ul li input {
          padding: .5em;
          width: 95%; }
      #mainContainer #loginForm ul li:last-child {
        margin-bottom: 0; }
  #mainContainer .settings h3 {
    margin-top: 1em; }
  #mainContainer .settings img#logoPreview {
    cursor: pointer;
    max-width: 50%; }
  #mainContainer .dataTables_wrapper {
    overflow-x: auto;
    margin-bottom: 1.5em; }
    #mainContainer .dataTables_wrapper .dataTable {
      width: 100% !IMPORTANT; }
      #mainContainer .dataTables_wrapper .dataTable tbody tr:hover {
        background-color: #EEE; }
      #mainContainer .dataTables_wrapper .dataTable tbody tr.linked:hover {
        cursor: pointer; }
    #mainContainer .dataTables_wrapper .dataTables_filter, #mainContainer .dataTables_wrapper .dataTables_length {
      width: 100%;
      margin: .5em 0;
      display: inline-block;
      text-align: left; }
    #mainContainer .dataTables_wrapper .dataTables_filter input, #mainContainer .dataTables_wrapper .dataTables_length select {
      padding: .5em; }
  #mainContainer #tripAbout h2 {
    display: inline-block;
    width: 100%; }
  #mainContainer #tripAbout .tripStatus {
    font-style: italic; }
  #mainContainer #tripAbout p {
    margin-bottom: 1em; }
  #mainContainer #dashboard {
    width: 99%;
    padding: .5%;
    margin-top: 2em;
    margin-bottom: 2em; }
    #mainContainer #dashboard article {
      width: 96%;
      padding: 2%;
      margin: 1em 0 0 0;
      overflow: auto;
      background-color: #FF9400; }
      #mainContainer #dashboard article p {
        margin: .5em 0; }
      #mainContainer #dashboard article form {
        margin-top: .5em; }
        #mainContainer #dashboard article form .actionLabel {
          text-decoration: underline; }
        #mainContainer #dashboard article form label {
          width: 90%;
          display: inline-block;
          margin-bottom: 1em; }
        #mainContainer #dashboard article form input[type="radio"] {
          float: left;
          margin-right: .5em;
          margin-bottom: 1em; }
        #mainContainer #dashboard article form .btn {
          margin-top: .5em; }
    #mainContainer #dashboard article:first-child {
      margin: 0; }
    #mainContainer #dashboard .tripAdminControls .btn {
      float: left;
      margin-right: .25em; }
    #mainContainer #dashboard .tripAdminControls form {
      margin-top: 0; }
  #mainContainer #dashboard.full {
    margin-bottom: 1em; }
    #mainContainer #dashboard.full h3 {
      padding-left: .5%;
      margin-bottom: 0; }
    #mainContainer #dashboard.full article {
      text-align: center; }
    #mainContainer #dashboard.full p {
      font-size: 3em;
      margin: 0; }
  #mainContainer #dashboard.card {
    margin: 0; }
  #mainContainer .tableTabs {
    width: 100%;
    overflow: auto;
    border-bottom: 1px solid #278EFC; }
    #mainContainer .tableTabs .tab {
      float: left;
      padding: .5em;
      color: #343D47;
      background-color: #EEE;
      border-top: 3px solid #bdc0c4; }
    #mainContainer .tableTabs .tab[selected] {
      border-top-color: #278EFC;
      border-right: 2px solid #278EFC;
      border-left: 2px solid #278EFC;
      padding: 0.5em calc(.5em - 2px); }
  #mainContainer .popup {
    width: calc(90% - 1em);
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    background-color: #FF9400;
    border-radius: 10px;
    overflow: hidden; }
    #mainContainer .popup h2 {
      width: 100% !IMPORTANT;
      border-bottom: 1px solid #000;
      margin-bottom: 0; }
    #mainContainer .popup form textarea {
      width: 100%;
      height: 8em;
      resize: none;
      margin-bottom: 1em; }
    #mainContainer .popup form #cancelAction {
      margin-right: 0; }
    #mainContainer .popup form select {
      background-color: #FF9400;
      border: none;
      outline: none;
      font-weight: bold;
      text-decoration: underline;
      text-align: center;
      text-align-last: center; }
    #mainContainer .popup form ul {
      margin-bottom: 1em; }
      #mainContainer .popup form ul li {
        margin-bottom: .5em; }
        #mainContainer .popup form ul li input, #mainContainer .popup form ul li textarea {
          width: calc(100% - 1em);
          padding: .5em;
          border: none; }
        #mainContainer .popup form ul li input[readonly] {
          background-color: #CCC; }
        #mainContainer .popup form ul li input[type='checkbox'] {
          width: auto; }
    #mainContainer .popup form #signatureCapture {
      margin-bottom: 1em;
      border: 1px dashed #000;
      background-color: #FFF;
      cursor: crosshair; }
    #mainContainer .popup form article {
      border-bottom: 1px dashed #000; }
      #mainContainer .popup form article h4 {
        padding: 1em 0; }
    #mainContainer .popup .error {
      margin-bottom: 0 !IMPORTANT;
      color: #000; }
    #mainContainer .popup .actionLabel {
      width: 100%;
      display: block;
      margin-top: 1em; }
    #mainContainer .popup .btn {
      margin-left: .5em; }
  #mainContainer #uploadDocumentBox form select {
    width: 100%;
    background-color: #FFF;
    border: 1px solid #aaa;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    text-align-last: left; }
  #mainContainer #splitTables {
    clear: both; }
    #mainContainer #splitTables h3 {
      border-bottom: 1px solid #278EFC; }
  #mainContainer #editTripForm, #mainContainer #newTripForm, #mainContainer .profile, #mainContainer #createSingleStaffForm, #mainContainer #createSingleStudentForm, #mainContainer #createMultipleStaffForm, #mainContainer #createMultipleStudentsForm, #mainContainer #schoolProfile {
    width: 100%;
    margin-bottom: 2em;
    overflow: auto; }
    #mainContainer #editTripForm li, #mainContainer #newTripForm li, #mainContainer .profile li, #mainContainer #createSingleStaffForm li, #mainContainer #createSingleStudentForm li, #mainContainer #createMultipleStaffForm li, #mainContainer #createMultipleStudentsForm li, #mainContainer #schoolProfile li {
      margin-bottom: 1em; }
      #mainContainer #editTripForm li input, #mainContainer #editTripForm li textarea, #mainContainer #editTripForm li select, #mainContainer #newTripForm li input, #mainContainer #newTripForm li textarea, #mainContainer #newTripForm li select, #mainContainer .profile li input, #mainContainer .profile li textarea, #mainContainer .profile li select, #mainContainer #createSingleStaffForm li input, #mainContainer #createSingleStaffForm li textarea, #mainContainer #createSingleStaffForm li select, #mainContainer #createSingleStudentForm li input, #mainContainer #createSingleStudentForm li textarea, #mainContainer #createSingleStudentForm li select, #mainContainer #createMultipleStaffForm li input, #mainContainer #createMultipleStaffForm li textarea, #mainContainer #createMultipleStaffForm li select, #mainContainer #createMultipleStudentsForm li input, #mainContainer #createMultipleStudentsForm li textarea, #mainContainer #createMultipleStudentsForm li select, #mainContainer #schoolProfile li input, #mainContainer #schoolProfile li textarea, #mainContainer #schoolProfile li select {
        width: calc(100% - 1.5em);
        padding: .5em; }
      #mainContainer #editTripForm li textarea, #mainContainer #newTripForm li textarea, #mainContainer .profile li textarea, #mainContainer #createSingleStaffForm li textarea, #mainContainer #createSingleStudentForm li textarea, #mainContainer #createMultipleStaffForm li textarea, #mainContainer #createMultipleStudentsForm li textarea, #mainContainer #schoolProfile li textarea {
        resize: vertical;
        height: 4em; }
      #mainContainer #editTripForm li .btn, #mainContainer #newTripForm li .btn, #mainContainer .profile li .btn, #mainContainer #createSingleStaffForm li .btn, #mainContainer #createSingleStudentForm li .btn, #mainContainer #createMultipleStaffForm li .btn, #mainContainer #createMultipleStudentsForm li .btn, #mainContainer #schoolProfile li .btn {
        width: auto; }
  #mainContainer #participantUpdateForm .btn {
    padding: .5em 1em;
    cursor: pointer;
    float: right;
    width: auto; }
  #mainContainer form .btn:last-child {
    margin-right: 1em; }
  #mainContainer #displayLeadersList {
    background-color: #EEE;
    width: 99.6%; }
    #mainContainer #displayLeadersList li {
      width: 100%;
      margin-bottom: 0;
      padding: .25em; }
    #mainContainer #displayLeadersList li:hover {
      background-color: #FFF; }
  #mainContainer #faq p {
    padding: .25em 0; }
  #mainContainer #faq ul {
    margin-bottom: 1em; }
    #mainContainer #faq ul li {
      list-style: disc;
      padding: 0 0 0 1em;
      list-style-position: inside; }
  #mainContainer #guides .summary {
    margin-bottom: 1em; }
  #mainContainer #guides article {
    width: 49%; }
    #mainContainer #guides article a {
      overflow: auto; }
      #mainContainer #guides article a img, #mainContainer #guides article a p {
        display: inline-block;
        vertical-align: middle; }
  #mainContainer #faq, #mainContainer #guides {
    width: calc(100% - 4em); }
    #mainContainer #faq h2, #mainContainer #guides h2 {
      margin-bottom: 0; }
    #mainContainer #faq h3, #mainContainer #guides h3 {
      margin-bottom: 0;
      margin-top: 1em; }
  #mainContainer .showList li {
    list-style: inherit;
    padding: 0 0 0 1em;
    list-style-position: inside; }
  #mainContainer .contact li {
    margin-bottom: 2em; }
    #mainContainer .contact li label {
      display: block;
      margin-bottom: .5em; }
    #mainContainer .contact li input, #mainContainer .contact li textarea, #mainContainer .contact li select {
      padding: .5em;
      width: 95%; }
    #mainContainer .contact li select {
      width: calc(100% - 0.5em); }
    #mainContainer .contact li textarea {
      resize: vertical; }
  #mainContainer #createMultipleStaffForm a, #mainContainer #createMultipleStudentsForm a {
    overflow: auto; }
    #mainContainer #createMultipleStaffForm a img, #mainContainer #createMultipleStaffForm a p, #mainContainer #createMultipleStudentsForm a img, #mainContainer #createMultipleStudentsForm a p {
      display: inline-block;
      vertical-align: middle; }

footer {
  width: 100%;
  padding: .5em 0;
  position: absolute;
  bottom: 0;
  background-color: #000; }
  footer * {
    color: #EEE; }
  footer nav ul {
    text-align: center; }
    footer nav ul li {
      display: inline-block;
      margin: .75em; }
      footer nav ul li a {
        padding: .5em; }
    footer nav ul li:hover a {
      border-bottom: 2px solid #EEE; }
  footer #legal {
    margin: 1em 1% 0 1%; }

@media (min-width: 500px) {
  body {
    margin-bottom: 7em; }

  #mainContainer #loginForm {
    width: 85%; }

  header img {
    width: 40%; } }
@media (min-width: 600px) {
  #mainContainer #loginForm {
    width: 90%; } }
@media (min-width: 700px) {
  #mainContainer {
    width: 90%; }
    #mainContainer #loginForm {
      width: 80%;
      margin: 2em 8% 1em 8%; }
    #mainContainer .dataTables_wrapper .dataTables_filter,
    #mainContainer .dataTables_wrapper .dataTables_length {
      width: auto !IMPORTANT; } }
@media (min-width: 800px) {
  #mainContainer .half {
    width: calc(49% - 4em);
    display: inline-block; }
  #mainContainer .center {
    margin-left: calc((49% - 4em)/2); }
  #mainContainer .profile .half, #mainContainer #createSingleStaffForm .half, #mainContainer #createSingleStudentForm .half, #mainContainer #createMultipleStaffForm .half, #mainContainer #createMultipleStudentsForm .half {
    width: 59%; }
  #mainContainer .profile ul:last-child, #mainContainer #createSingleStaffForm ul:last-child, #mainContainer #createSingleStudentForm ul:last-child, #mainContainer #createMultipleStaffForm ul:last-child, #mainContainer #createMultipleStudentsForm ul:last-child {
    margin-top: 2em; }
  #mainContainer .profile .btn:last-child, #mainContainer #createSingleStaffForm .btn:last-child, #mainContainer #createSingleStudentForm .btn:last-child, #mainContainer #createMultipleStaffForm .btn:last-child, #mainContainer #createMultipleStudentsForm .btn:last-child {
    margin-right: 1em; }
  #mainContainer .profile h4, #mainContainer #createSingleStaffForm h4, #mainContainer #createSingleStudentForm h4, #mainContainer #createMultipleStaffForm h4, #mainContainer #createMultipleStudentsForm h4 {
    border-bottom: 1px solid #278EFC; }
  #mainContainer #parentMedicalResponseBox .half {
    width: 49%; }
  #mainContainer #loginForm {
    width: 33%;
    margin: 2em 33% 1em 33%; }
  #mainContainer #tripAbout {
    width: 60%;
    float: left; }
    #mainContainer #tripAbout .accordianBlock {
      display: block !IMPORTANT; }
    #mainContainer #tripAbout .accordian:after {
      content: none;
      display: none; }
    #mainContainer #tripAbout .accordian.active:after {
      content: none;
      display: none; }
  #mainContainer #dashboard {
    width: 34%;
    float: right;
    margin-top: 0; }
  #mainContainer #dashboard.full {
    width: 100%;
    padding: .5%; }
    #mainContainer #dashboard.full article {
      width: 25%;
      height: 95px;
      display: inline-block;
      overflow: hidden; }
  #mainContainer #dashboard.card {
    margin: 2em 0 1em 1em; }

  header img {
    width: 30%; }

  footer {
    width: 90%;
    padding: .5em 5%; }
    footer nav ul {
      text-align: center; }
      footer nav ul li {
        margin: .25em .75em; }
    footer #legal {
      margin: 1em 0 0 0; } }
@media (min-width: 900px) {
  #mainContainer .popup {
    width: calc(60% - 2em);
    left: 20%; }
  #mainContainer #dashboard.full article {
    width: 25%;
    height: 105px;
    display: inline-block; }
    #mainContainer #dashboard.full article p {
      font-size: 4em; }
  #mainContainer #editTripForm li, #mainContainer #newTripForm li, #mainContainer .profile li, #mainContainer #createSingleStaffForm li, #mainContainer #createSingleStudentForm li {
    width: 49%;
    display: inline-block;
    vertical-align: top; } }
@media (min-width: 892px) {
  header {
    position: relative; }
    header img {
      width: 25%; }
    header nav {
      width: 70%;
      bottom: 0;
      right: 0;
      position: absolute; }
      header nav ul {
        float: right;
        margin-top: 2em; } }
@media (min-width: 1280px) {
  header img {
    width: 20%; }

  #mainContainer #tripAbout {
    width: 70%;
    float: left; }
    #mainContainer #tripAbout h2:first-child {
      width: 65%; }
    #mainContainer #tripAbout h2 {
      width: 34%; }
    #mainContainer #tripAbout .tripStatus {
      text-align: right; }
  #mainContainer #dashboard {
    width: 24%; }
  #mainContainer #dashboard.full article {
    width: 15%;
    height: 115px;
    padding: .5%; }
    #mainContainer #dashboard.full article p {
      font-size: 4em; }
  #mainContainer #splitTables div {
    width: 47%;
    display: inline-block;
    vertical-align: top;
    margin-right: 2.5%; }
  #mainContainer #splitTables .dataTables_wrapper {
    width: 100%; }
  #mainContainer #splitTables .summary {
    margin-bottom: 1em; }
  #mainContainer #uploadDocumentBox, #mainContainer #approvalRequestBox {
    width: calc(30% - 2em);
    left: 35%; }
  #mainContainer #editStaffPopup h2 {
    margin-bottom: 1em; }
  #mainContainer #editParentPopup {
    width: calc(60% - 2em);
    left: 20%; }
    #mainContainer #editParentPopup h2 {
      margin-bottom: 1em; }
    #mainContainer #editParentPopup ul {
      width: 100%;
      display: inline-block;
      vertical-align: top; }
      #mainContainer #editParentPopup ul li {
        width: 49%;
        display: inline-block;
        vertical-align: top; }
    #mainContainer #editParentPopup ul:nth-of-type(1) {
      margin-right: 2%; }
  #mainContainer #parentMedicalResponseBox {
    width: calc(50% - 2em);
    left: 25%; }
  #mainContainer #staffShareDocumentBox {
    width: calc(70% - 2em);
    left: 15%; }
  #mainContainer .popup {
    width: calc(50% - 2em);
    left: 25%; } }

/*# sourceMappingURL=main.css.map */