/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 29-Apr-2015, 15:28:23
    Author     : Chris
*/
/*
        -- Colours
*/
/*
    Width boundaries
*/
html, body {
  width: 100%;
  height: 100%; }

html {
  background-color: #ECECEC;
  /*
  background-image: url("/Images/crest-50.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-attachment: scroll;
  */ }

#crest {
  position: fixed;
  bottom: 12px;
  right: 12px;
  z-index: -1; }

* {
  box-sizing: border-box;
  padding: 0 0;
  margin: 0 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 100; }

div, section, header, nav {
  float: left; }

#header-nav {
  background-color: #1E8BC3;
  width: 33%;
  min-height: 100%;
  position: fixed;
  padding: 42px 0; }
  #header-nav * {
    color: #ECECEC; }
  #header-nav header {
    width: 100%; }
    #header-nav header .avatar-container {
      width: 100%;
      display: block;
      padding-bottom: 42px; }
      #header-nav header .avatar-container img {
        width: 80%;
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;
        display: block; }
    #header-nav header a {
      text-decoration: none; }
    #header-nav header h1 {
      text-align: center;
      font-size: 32pt; }
  #header-nav nav {
    width: 100%;
    text-align: center; }
    #header-nav nav ul {
      list-style: none;
      margin-top: 32px; }
      #header-nav nav ul li {
        position: relative;
        font-size: 24pt;
        width: 100%;
        padding: 4px;
        padding-bottom: 0px;
        display: inline-block;
        overflow: hidden;
        max-height: 46px;
        transition: max-height 1s ease; }
        #header-nav nav ul li:hover, #header-nav nav ul li:focus, #header-nav nav ul li.focus {
          max-height: 500px; }
        #header-nav nav ul li ul {
          margin-top: 0px; }
          #header-nav nav ul li ul * {
            font-size: 16pt; }
        #header-nav nav ul li a {
          text-decoration: none; }

section {
  width: 67%;
  float: right;
  min-height: 100vh;
  padding: 64px 0px; }
  section * {
    color: #515f5f; }
  section article {
    width: 80%;
    max-width: 1100px;
    margin: 12px auto; }
    section article p {
      margin-bottom: 12px; }

footer {
  width: 100%;
  bottom: 24px;
  left: 0px;
  position: absolute; }
  footer img {
    width: 60%;
    max-width: 300px;
    margin: auto;
    display: block; }

.scroll-buttons {
  position: fixed;
  top: 5px;
  right: 5px; }
  .scroll-buttons .scroll-button {
    width: 48px;
    height: 48px;
    clear: both;
    text-align: center;
    font-size: 36px;
    background: rgba(0, 0, 0, 0.2);
    transition: background 1s ease;
    cursor: pointer;
    color: #fff;
    margin-bottom: 2px; }
    .scroll-buttons .scroll-button:hover {
      background: rgba(0, 0, 0, 0.5); }

@media only screen and (min-width: 1025px) and (max-height: 880px) {
  #header-nav header .avatar-container img {
    width: 56%; }
  #header-nav header h1 {
    font-size: 30pt; }
  #header-nav nav ul {
    margin-top: 24px; }
    #header-nav nav ul li {
      font-size: 22pt;
      max-height: 40px; }
      #header-nav nav ul li ul li {
        font-size: 14pt; }

  #header-kpis {
    margin-top: 24px !important; } }
@media only screen and (min-width: 1025px) and (max-height: 780px) {
  #header-nav header .avatar-container img {
    width: 36%; }
  #header-nav header h1 {
    font-size: 28pt; }
  #header-nav nav ul {
    margin-top: 20px; }
    #header-nav nav ul li {
      font-size: 20pt;
      max-height: 36px; }
      #header-nav nav ul li ul li {
        font-size: 12pt; }

  #header-kpis {
    margin-top: 12px !important; } }
@media only screen and (min-width: 1025px) and (max-height: 680px) {
  #header-nav header .avatar-container {
    padding-bottom: 22px; }
    #header-nav header .avatar-container img {
      width: 10%; } }
@media only screen and (min-width: 1025px) and (max-height: 580px) {
  #header-nav header .avatar-container {
    display: none; } }
@media only screen and (min-width: 1281px) {
  section article {
    margin-left: 75px; } }
@media only screen and (min-width: 480px) and (max-width: 1024px), handheld and (min-device-width: 480px) and (max-device-width: 1024px) {
  #header-nav {
    position: relative;
    float: right;
    min-height: auto;
    width: 100%; }
    #header-nav img {
      width: 40% !important; }
    #header-nav nav ul li {
      width: 32%;
      display: block;
      float: left;
      max-height: 46px;
      position: relative; }
      #header-nav nav ul li ul {
        background: #1E8BC3;
        position: absolute;
        margin-top: 0px;
        left: 0px;
        width: 100%;
        z-index: 100000; }
        #header-nav nav ul li ul li {
          width: 100%; }
        #header-nav nav ul li ul * {
          font-size: 16pt; }
      #header-nav nav ul li:hover {
        max-height: 500px;
        overflow: visible; }
        #header-nav nav ul li:hover ul {
          display: block; }

  section {
    width: 100%; }

  footer, #header-kpis {
    display: none; }

  .form .submit-row .submit-button-container, .form .submit-row .submit-validation {
    width: 50%; } }
@media only screen and (max-width: 481px), handheld and (max-device-width: 481px) {
  #header-nav {
    position: relative;
    float: right;
    width: 100%;
    min-height: initial; }

  section {
    width: 100%; }

  footer, #header-kpi {
    display: none; }

  .form .question {
    padding: 6px; }
    .form .question .question-label-container, .form .question .question-comments-container .question-comments-label {
      width: 100%;
      text-align: left; }
    .form .question .question-answer-container, .form .question .question-comments-container .question-comments-inner {
      width: 100%; }
  .form .submit-row .submit-button-container, .form .submit-row .submit-validation {
    width: 100%; } }
.w-0 {
  width: 0%; }

.w-5 {
  width: 5%; }

.w-10 {
  width: 10%; }

.w-15 {
  width: 15%; }

.w-20 {
  width: 20%; }

.w-25 {
  width: 25%; }

.w-30 {
  width: 30%; }

.w-35 {
  width: 35%; }

.w-40 {
  width: 40%; }

.w-45 {
  width: 45%; }

.w-50 {
  width: 50%; }

.w-55 {
  width: 55%; }

.w-60 {
  width: 60%; }

.w-65 {
  width: 65%; }

.w-70 {
  width: 70%; }

.w-75 {
  width: 75%; }

.w-80 {
  width: 80%; }

.w-85 {
  width: 85%; }

.w-90 {
  width: 90%; }

.w-95 {
  width: 95%; }

.w-100 {
  width: 100%; }

@media only screen and (max-width: 481px), handheld and (max-device-width: 481px) {
  .palm-w-0 {
    width: 0%; }

  .palm-w-5 {
    width: 5%; }

  .palm-w-10 {
    width: 10%; }

  .palm-w-15 {
    width: 15%; }

  .palm-w-20 {
    width: 20%; }

  .palm-w-25 {
    width: 25%; }

  .palm-w-30 {
    width: 30%; }

  .palm-w-35 {
    width: 35%; }

  .palm-w-40 {
    width: 40%; }

  .palm-w-45 {
    width: 45%; }

  .palm-w-50 {
    width: 50%; }

  .palm-w-55 {
    width: 55%; }

  .palm-w-60 {
    width: 60%; }

  .palm-w-65 {
    width: 65%; }

  .palm-w-70 {
    width: 70%; }

  .palm-w-75 {
    width: 75%; }

  .palm-w-80 {
    width: 80%; }

  .palm-w-85 {
    width: 85%; }

  .palm-w-90 {
    width: 90%; }

  .palm-w-95 {
    width: 95%; }

  .palm-w-100 {
    width: 100%; } }
@media only screen and (min-width: 480px) and (max-width: 1024px), handheld and (min-device-width: 480px) and (max-device-width: 1024px) {
  .lap-w-0 {
    width: 0%; }

  .lap-w-5 {
    width: 5%; }

  .lap-w-10 {
    width: 10%; }

  .lap-w-15 {
    width: 15%; }

  .lap-w-20 {
    width: 20%; }

  .lap-w-25 {
    width: 25%; }

  .lap-w-30 {
    width: 30%; }

  .lap-w-35 {
    width: 35%; }

  .lap-w-40 {
    width: 40%; }

  .lap-w-45 {
    width: 45%; }

  .lap-w-50 {
    width: 50%; }

  .lap-w-55 {
    width: 55%; }

  .lap-w-60 {
    width: 60%; }

  .lap-w-65 {
    width: 65%; }

  .lap-w-70 {
    width: 70%; }

  .lap-w-75 {
    width: 75%; }

  .lap-w-80 {
    width: 80%; }

  .lap-w-85 {
    width: 85%; }

  .lap-w-90 {
    width: 90%; }

  .lap-w-95 {
    width: 95%; }

  .lap-w-100 {
    width: 100%; } }
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .desk-w-0 {
    width: 0%; }

  .desk-w-5 {
    width: 5%; }

  .desk-w-10 {
    width: 10%; }

  .desk-w-15 {
    width: 15%; }

  .desk-w-20 {
    width: 20%; }

  .desk-w-25 {
    width: 25%; }

  .desk-w-30 {
    width: 30%; }

  .desk-w-35 {
    width: 35%; }

  .desk-w-40 {
    width: 40%; }

  .desk-w-45 {
    width: 45%; }

  .desk-w-50 {
    width: 50%; }

  .desk-w-55 {
    width: 55%; }

  .desk-w-60 {
    width: 60%; }

  .desk-w-65 {
    width: 65%; }

  .desk-w-70 {
    width: 70%; }

  .desk-w-75 {
    width: 75%; }

  .desk-w-80 {
    width: 80%; }

  .desk-w-85 {
    width: 85%; }

  .desk-w-90 {
    width: 90%; }

  .desk-w-95 {
    width: 95%; }

  .desk-w-100 {
    width: 100%; } }
@media only screen and (min-width: 1281px) {
  .desk-wide-w-0 {
    width: 0%; }

  .desk-wide-w-5 {
    width: 5%; }

  .desk-wide-w-10 {
    width: 10%; }

  .desk-wide-w-15 {
    width: 15%; }

  .desk-wide-w-20 {
    width: 20%; }

  .desk-wide-w-25 {
    width: 25%; }

  .desk-wide-w-30 {
    width: 30%; }

  .desk-wide-w-35 {
    width: 35%; }

  .desk-wide-w-40 {
    width: 40%; }

  .desk-wide-w-45 {
    width: 45%; }

  .desk-wide-w-50 {
    width: 50%; }

  .desk-wide-w-55 {
    width: 55%; }

  .desk-wide-w-60 {
    width: 60%; }

  .desk-wide-w-65 {
    width: 65%; }

  .desk-wide-w-70 {
    width: 70%; }

  .desk-wide-w-75 {
    width: 75%; }

  .desk-wide-w-80 {
    width: 80%; }

  .desk-wide-w-85 {
    width: 85%; }

  .desk-wide-w-90 {
    width: 90%; }

  .desk-wide-w-95 {
    width: 95%; }

  .desk-wide-w-100 {
    width: 100%; } }
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes zoomout {
  0% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0); } }
@keyframes zoomin {
  0% {
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0); }
  100% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes zoomout {
  0% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0); } }
@-webkit-keyframes zoomin {
  0% {
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0); }
  100% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }
.spin-animation {
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear; }

.container {
  width: 100%;
  padding: 64px 0px; }

.container-small {
  width: 100%;
  padding: 32px 0px; }

.chart {
  width: 100%;
  height: 520px;
  margin-bottom: 24px; }
  .chart .chart-title {
    height: 10%;
    width: 100%;
    text-align: center; }
  .chart .chart-rows {
    height: 90%;
    width: 100%; }
    .chart .chart-rows .row {
      height: 100%;
      width: 8.3333333333%;
      padding-right: 12px; }
      .chart .chart-rows .row .bar-container {
        height: 80%;
        width: 100%;
        position: relative; }
        .chart .chart-rows .row .bar-container .bar {
          background: #95A5A6;
          width: 100%;
          bottom: 0px;
          left: 0px;
          position: absolute;
          box-shadow: rgba(0, 0, 0, 0.2) 3px -3px 15px; }
          .chart .chart-rows .row .bar-container .bar .bar-text {
            transform: rotate(-90deg);
            color: #ECECEC;
            display: block;
            font-size: 26px;
            font-weight: bold; }
      .chart .chart-rows .row .bar-title {
        width: 100%;
        height: 20%;
        padding-top: 6px;
        text-align: center; }
    .chart .chart-rows.fat .row {
      width: 16.6666666667%; }
      .chart .chart-rows.fat .row .bar-text {
        font-size: 48px !important; }
    .chart .chart-rows.fat .bar-title {
      font-size: 32px; }

input, select, textarea {
  background: #95A5A6;
  padding: 12px;
  border: none;
  width: 100%;
  color: #ECECEC;
  -webkit-appearance: none;
  font-size: 16px;
  outline: none;
  transition: box-shadow 1s ease, outline 1s ease, color 1s ease;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0px; }
  input option, select option, textarea option {
    color: #ECECEC; }
    input option:disabled, select option:disabled, textarea option:disabled {
      background: #798d8f; }
  input.error, select.error, textarea.error {
    outline: 1px solid #F64747; }
  input:focus, select:focus, textarea:focus {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px; }
  input.small, select.small, textarea.small {
    width: 64px; }
  input[type="button"], input[type="submit"], select[type="button"], select[type="submit"], textarea[type="button"], textarea[type="submit"] {
    text-align: center;
    width: auto;
    background: #1E8BC3;
    float: right;
    -webkit-appearance: none; }
  input[type="number"], select[type="number"], textarea[type="number"] {
    position: relative; }
    input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button, select[type="number"]::-webkit-outer-spin-button, select[type="number"]::-webkit-inner-spin-button, textarea[type="number"]::-webkit-outer-spin-button, textarea[type="number"]::-webkit-inner-spin-button {
      background: #FFF;
      width: 1em;
      border-left: 1px solid #BBB;
      opacity: .5;
      /* shows Spin Buttons per default (Chrome >= 39) */
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0; }
  input:disabled, select:disabled, textarea:disabled {
    background: #1E8BC3; }

textarea {
  height: 86px; }

.island {
  float: none;
  clear: both;
  width: 80%;
  margin: 32px auto;
  height: 120px; }
  .island .island-text {
    width: 70%; }
  .island .island-image {
    width: 30%; }
    .island .island-image img {
      max-width: 100%;
      max-height: 100%; }

.checkbox {
  float: none;
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #19B5FE;
  border-radius: 50%;
  margin: 0 auto;
  transition: background 500ms ease, border 500ms ease;
  cursor: pointer; }
  .checkbox:hover {
    background: #1E8BC3; }
  .checkbox.checked {
    background: #19B5FE; }
  .checkbox.unavailable {
    border-color: #95A5A6;
    background: transparent;
    cursor: default; }
    .checkbox.unavailable.checked {
      background: #95A5A6; }

.remove-x {
  float: right;
  display: inline-block;
  width: 20px;
  height: 20px;
  color: #ECECEC;
  background: #F64747;
  border-radius: 16px;
  text-align: center;
  cursor: pointer;
  margin-left: 12px; }

.kpi {
  width: 250px;
  height: 82.5px;
  padding: 6px;
  background-image: url(/Images/arrow-up-30.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-clip: padding-box;
  background-size: 20%; }
  .kpi.negative {
    background-image: url(/Images/arrow-down-30.png); }
  .kpi.time {
    background-image: url(/Images/clock-30.png);
    background-size: 16%;
    background-position-x: 98%;
    background-position-y: 6px; }
  .kpi.patient {
    background-image: url(/Images/patient-30.png);
    background-size: 16%;
    background-position-x: 98%;
    background-position-y: 6px; }
  .kpi .kpi-title {
    width: 100%;
    height: 50%; }
  .kpi .kpi-value, .kpi .kpi-change {
    width: 50%;
    height: 50%;
    display: table; }
    .kpi .kpi-value span, .kpi .kpi-change span {
      display: table-cell;
      vertical-align: bottom; }
  .kpi .kpi-change {
    text-align: right; }

#header-kpis {
  width: 100%;
  margin-top: 32px; }
  #header-kpis .kpi {
    background-color: #2198d5;
    clear: both;
    float: none;
    margin: 12px auto; }

@media only screen and (min-width: 480px) and (max-width: 1024px), handheld and (min-device-width: 480px) and (max-device-width: 1024px) {
  #header-kpis {
    display: block; }
    #header-kpis .kpi {
      position: absolute;
      top: 132px;
      left: 6px;
      width: 200px; }
      #header-kpis .kpi:last-child {
        left: inherit;
        right: 6px; }
      #header-kpis .kpi.calls111, #header-kpis .kpi.patient {
        left: inherit;
        right: 6px; } }
.form {
  width: 100%; }

.question-group {
  width: 100%;
  margin-bottom: 48px; }
  .question-group .question-group-title {
    text-align: center;
    width: 100%; }
    .question-group .question-group-title h2 {
      font-size: 32px;
      margin-bottom: 18px; }

.question {
  width: 100%;
  padding: 12px;
  margin-bottom: 6px; }
  .question .question-label-container, .question .question-comments-container .question-comments-label {
    width: 50%;
    padding-right: 24px;
    padding-top: 8px;
    text-align: right; }
    .question .question-label-container label, .question .question-comments-container .question-comments-label label {
      font-size: 24px; }
  .question .question-answer-container, .question .question-comments-container .question-comments-inner {
    width: 50%; }
    .question .question-answer-container .bed-count, .question .question-comments-container .question-comments-inner .bed-count, .question .question-answer-container .patient-count, .question .question-comments-container .question-comments-inner .patient-count, .question .question-answer-container .available, .question .question-comments-container .question-comments-inner .available {
      width: 33.3%;
      text-align: center; }
      .question .question-answer-container .bed-count *, .question .question-comments-container .question-comments-inner .bed-count *, .question .question-answer-container .patient-count *, .question .question-comments-container .question-comments-inner .patient-count *, .question .question-answer-container .available *, .question .question-comments-container .question-comments-inner .available * {
        text-align: center; }
      .question .question-answer-container .bed-count label, .question .question-comments-container .question-comments-inner .bed-count label, .question .question-answer-container .patient-count label, .question .question-comments-container .question-comments-inner .patient-count label, .question .question-answer-container .available label, .question .question-comments-container .question-comments-inner .available label {
        padding-top: 12px;
        display: block; }
    .question .question-answer-container .available.negative label, .question .question-comments-container .question-comments-inner .available.negative label {
      color: #F2784B;
      font-weight: bold; }
    .question .question-answer-container img, .question .question-comments-container .question-comments-inner img, .question .question-answer-container video, .question .question-comments-container .question-comments-inner video, .question .question-answer-container .video, .question .question-comments-container .question-comments-inner .video {
      width: 100%;
      max-width: 100%;
      overflow: hidden;
      float: right !important; }
    .question .question-answer-container img + input, .question .question-comments-container .question-comments-inner img + input {
      margin-top: 12px;
      clear: both; }
    .question .question-answer-container .question-button-container, .question .question-comments-container .question-comments-inner .question-button-container {
      width: 33%; }
        .question .question-answer-container .question-button-container .question-button, .question .question-comments-container .question-comments-inner .question-button-container .question-button .question-button-AED {
            box-sizing: content-box;
            border: 2px solid #1E8BC3;
            padding: 32px;
            width: 21px;
            height: 21px;
            border-radius: 50%;
            cursor: pointer;
            text-align: center;
            float: none;
            margin: auto;
            background: #f9f9f9;
            transition: background 500ms ease, color 500ms ease;
        }
        .question .question-answer-container .question-button-container .question-button.selected, .question .question-comments-container .question-comments-inner .question-button-container .question-button.selected .question-button-AED.selected {
            background: #1E8BC3;
            color: #f9f9f9;
        }
  .question .question-comments-container {
    width: 100%;
    padding-top: 12px; }
    .question .question-comments-container .question-comments-label {
      text-align: right; }
      .question .question-comments-container .question-comments-label label {
        font-size: 16pt; }
    .question .question-comments-container .question-comments-inner textarea {
      outline: none !important;
      height: 48px; }
  .question .question-validation {
    margin-left: 50%;
    width: 50%;
    text-align: center;
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s ease;
    color: #F2784B; }
  .question.error {
    outline: 1px solid #F2784B; }
    .question.error input, .question.error textarea, .question.error select {
      outline: 1px solid #F2784B;
      color: #F2784B; }
    .question.error .question-validation {
      max-height: 100px; }
  .question.no-right-padding {
    padding-right: 0; }
  .question.bigbutton {
    margin-bottom: 48px;
    background: #e7e5e1; }

.submit-row {
  width: 100%;
  padding: 12px; }
  .submit-row .submit-validation {
    width: 65%;
    max-height: 1px;
    transition: max-height 1s ease;
    overflow: hidden;
    text-align: right;
    color: #F2784B; }
  .submit-row .submit-button-container {
    width: 35%; }
    .submit-row .submit-button-container * {
      float: right; }
  .submit-row.error .submit-validation {
    max-height: 200px;
    padding: 12px 6px; }

.report {
  width: 100%;
  margin-bottom: 12px;
  background: #e7e5e1; }
  .report.error {
    outline: 1px solid #F2784B; }

.status-container {
  width: 100%;
  max-height: 0;
  -moz-transition: max-height 1s ease, padding 1s ease;
  -o-transition: max-height 1s ease, padding 1s ease;
  -webkit-transition: max-height 1s ease, padding 1s ease;
  transition: max-height 1s ease, padding 1s ease;
  overflow: hidden;
  background: #1E8BC3; }
  .status-container * {
    color: #ECECEC; }
  .status-container.show {
    max-height: 256px;
    padding: 12px; }
  .status-container .status-image-container {
    width: 33%;
    padding: 12px 12px;
    position: relative; }
    .status-container .status-image-container img {
      position: absolute;
      width: 100%;
      max-width: 220px;
      max-height: 220px;
      -moz-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      -o-transform-origin: 50% 50%;
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%; }
      .status-container .status-image-container img.spin {
        -moz-animation: spin 4s infinite linear;
        -o-animation: spin 4s infinite linear;
        -webkit-animation: spin 4s infinite linear;
        animation: spin 4s infinite linear; }
      .status-container .status-image-container img.zoomout {
        -moz-animation: zoomout 1s forwards;
        -o-animation: zoomout 1s forwards;
        -webkit-animation: zoomout 1s forwards;
        animation: zoomout 1s forwards; }
      .status-container .status-image-container img.pre-zoomin {
        -moz-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0); }
      .status-container .status-image-container img.zoomin {
        -moz-animation: zoomin 1s 1s forwards;
        -o-animation: zoomin 1s 1s forwards;
        -webkit-animation: zoomin 1s 1s forwards;
        animation: zoomin 1s 1s forwards; }
  .status-container .status-text-container {
    width: 66%;
    padding: 12px 24px;
    height: 256px; }
    .status-container .status-text-container .status-message-title {
      text-align: center;
      padding-bottom: 24px; }
    .status-container .status-text-container .status-message-message {
      text-align: center; }

.table-container {
  width: 100%;
  margin-bottom: 24px; }
  .table-container .table-inner-container {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible; }
  .table-container .table-title {
    margin-bottom: 24px;
    text-align: center; }
  .table-container .prev, .table-container .next {
    cursor: pointer; }

table, .table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-color: transparent; }
  table .icon, .table .icon {
    width: 1.3em;
    cursor: pointer; }
  table .message, .table .message {
    padding: 24px;
    text-align: center;
    width: 100%; }
  table tr:nth-child(2n - 1), table .tr:nth-child(2n - 1), .table tr:nth-child(2n - 1), .table .tr:nth-child(2n - 1) {
    background: #dfdfdf; }
  table tr.row2, table .tr.row2, .table tr.row2, .table .tr.row2 {
    background: #dfdfdf; }
  table tr.red, table .tr.red, .table tr.red, .table .tr.red {
    background: #ef8b80; }
  table tr.amber, table .tr.amber, .table tr.amber, .table .tr.amber {
    background: #F7CA18; }
  table tr.green, table .tr.green, .table tr.green, .table .tr.green {
    background: #87D37C; }
  table tr.title-row, table .tr.title-row, .table tr.title-row, .table .tr.title-row {
    background: #1E8BC3;
    color: #ECECEC !important; }
    table tr.title-row *, table .tr.title-row *, .table tr.title-row *, .table .tr.title-row * {
      color: #ECECEC !important; }
    table tr.title-row th, table tr.title-row .th, table tr.title-row td, table tr.title-row .td, table .tr.title-row th, table .tr.title-row .th, table .tr.title-row td, table .tr.title-row .td, .table tr.title-row th, .table tr.title-row .th, .table tr.title-row td, .table tr.title-row .td, .table .tr.title-row th, .table .tr.title-row .th, .table .tr.title-row td, .table .tr.title-row .td {
      background: #1E8BC3; }
      table tr.title-row th.selected, table tr.title-row .th.selected, table tr.title-row td.selected, table tr.title-row .td.selected, table .tr.title-row th.selected, table .tr.title-row .th.selected, table .tr.title-row td.selected, table .tr.title-row .td.selected, .table tr.title-row th.selected, .table tr.title-row .th.selected, .table tr.title-row td.selected, .table tr.title-row .td.selected, .table .tr.title-row th.selected, .table .tr.title-row .th.selected, .table .tr.title-row td.selected, .table .tr.title-row .td.selected {
        text-decoration: underline; }
  table tr th, table tr .th, table tr td, table tr .td, table .tr th, table .tr .th, table .tr td, table .tr .td, .table tr th, .table tr .th, .table tr td, .table tr .td, .table .tr th, .table .tr .th, .table .tr td, .table .tr .td {
    padding: 12px 4px;
    text-align: center;
    margin: 0 0; }
    table tr th.old, table tr .th.old, table tr td.old, table tr .td.old, table .tr th.old, table .tr .th.old, table .tr td.old, table .tr .td.old, .table tr th.old, .table tr .th.old, .table tr td.old, .table tr .td.old, .table .tr th.old, .table .tr .th.old, .table .tr td.old, .table .tr .td.old {
      color: #e04810;
      font-weight: bold;
      transition: color 1s ease; }
      table tr th.old.alternate, table tr .th.old.alternate, table tr td.old.alternate, table tr .td.old.alternate, table .tr th.old.alternate, table .tr .th.old.alternate, table .tr td.old.alternate, table .tr .td.old.alternate, .table tr th.old.alternate, .table tr .th.old.alternate, .table tr td.old.alternate, .table tr .td.old.alternate, .table .tr th.old.alternate, .table .tr .th.old.alternate, .table .tr td.old.alternate, .table .tr .td.old.alternate {
        color: #CF000F; }
    table tr th.script, table tr .th.script, table tr td.script, table tr .td.script, table .tr th.script, table .tr .th.script, table .tr td.script, table .tr .td.script, .table tr th.script, .table tr .th.script, .table tr td.script, .table tr .td.script, .table .tr th.script, .table .tr .th.script, .table .tr td.script, .table .tr .td.script {
      color: #1E8BC3 !important;
      text-decoration: underline; }
    table tr th.comments, table tr .th.comments, table tr td.comments, table tr .td.comments, table .tr th.comments, table .tr .th.comments, table .tr td.comments, table .tr .td.comments, .table tr th.comments, .table tr .th.comments, .table tr td.comments, .table tr .td.comments, .table .tr th.comments, .table .tr .th.comments, .table .tr td.comments, .table .tr .td.comments {
      min-width: 250px; }
  table tr th, table tr .th, table .tr th, table .tr .th, .table tr th, .table tr .th, .table .tr th, .table .tr .th {
    border-color: transparent;
    font-weight: bold;
    color: #1d88bf; }
    table tr th *, table tr .th *, table .tr th *, table .tr .th *, .table tr th *, .table tr .th *, .table .tr th *, .table .tr .th * {
      font-weight: bold; }
    table tr th.hospital, table tr .th.hospital, table .tr th.hospital, table .tr .th.hospital, .table tr th.hospital, .table tr .th.hospital, .table .tr th.hospital, .table .tr .th.hospital {
      color: #1E8BC3; }
    table tr th.sideways, table tr th:not(.ie8) code, table tr .th.sideways, table tr .th:not(.ie8) code, table .tr th.sideways, table .tr th:not(.ie8) code, table .tr .th.sideways, table .tr .th:not(.ie8) code, .table tr th.sideways, .table tr th:not(.ie8) code, .table tr .th.sideways, .table tr .th:not(.ie8) code, .table .tr th.sideways, .table .tr th:not(.ie8) code, .table .tr .th.sideways, .table .tr .th:not(.ie8) code {
      height: 110px;
      white-space: nowrap;
      width: 33px;
      overflow: visible; }
      table tr th.sideways div, table tr th:not(.ie8) code div, table tr .th.sideways div, table tr .th:not(.ie8) code div, table .tr th.sideways div, table .tr th:not(.ie8) code div, table .tr .th.sideways div, table .tr .th:not(.ie8) code div, .table tr th.sideways div, .table tr th:not(.ie8) code div, .table tr .th.sideways div, .table tr .th:not(.ie8) code div, .table .tr th.sideways div, .table .tr th:not(.ie8) code div, .table .tr .th.sideways div, .table .tr .th:not(.ie8) code div {
        transform: translate(13px, 33px) rotate(300deg);
        -webkit-transform: translate(13px, 33px) rotate(300deg);
        -ms-transform: translate(13px, 33px) rotate(300deg);
        -o-transform: translate(13px, 33px) rotate(300deg);
        -moz-transform: translate(13px, 33px) rotate(300deg);
        filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=1, M21=-1, M22=0, SizingMethod = "auto expand");
        width: 30px;
        overflow: visible; }
        table tr th.sideways div span:before, table tr th:not(.ie8) code div span:before, table tr .th.sideways div span:before, table tr .th:not(.ie8) code div span:before, table .tr th.sideways div span:before, table .tr th:not(.ie8) code div span:before, table .tr .th.sideways div span:before, table .tr .th:not(.ie8) code div span:before, .table tr th.sideways div span:before, .table tr th:not(.ie8) code div span:before, .table tr .th.sideways div span:before, .table tr .th:not(.ie8) code div span:before, .table .tr th.sideways div span:before, .table .tr th:not(.ie8) code div span:before, .table .tr .th.sideways div span:before, .table .tr .th:not(.ie8) code div span:before {
          content: " "; }

h1.feature {
  font-size: 48px;
  text-align: center;
  margin-bottom: 48px; }

.text-center, .text-center * {
  text-align: center; }

.text-right, .text-right * {
  text-align: right; }

.blue {
  color: #1E8BC3; }

.error {
  color: #F64747; }

#enroute-container, #at-hosp-container {
  padding-bottom: 24px; }
  #enroute-container *, #at-hosp-container * {
    font-size: 24pt; }

.ward-user-row {
  padding: 6px 4px; }
  .ward-user-row:nth-child(2n - 1) {
    background: #e4e4e4; }
  .ward-user-row.row2 {
    background: #e4e4e4; }

.hide {
  display: none; }

.warn {
    color:red;
}

.right {
  float: right; }

.clickable {
  cursor: pointer; }

@media print {
  div#header-nav {
    display: none; }

  section {
    width: 100%;
    max-width: 100%; }
    section article {
      margin: auto !important; }

  .pbr {
    page-break-before: always !important;
    page-break-inside: avoid !important; }

  .table-inner-container {
    overflow-x: visible !important; }

  .print-w-100 {
    width: 100% !important; } }
#vehicleImage {
  width: 100%;
  max-width: 800px;
  float: none;
  display: block;
  margin: auto;
  border: 5px solid white;
  margin-bottom: 12px; }

.closebutton {
  margin: 15px;
  height: 30px;
  width: 30px;
  float: right;
  cursor: pointer;
  position: relative;
  top: -9px; }

td, td * {
  color: #515f5f !important; }


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