/* Minification failed. Returning unminified contents.
(2221,38): run-time error CSS1038: Expected hex color, found '#1F608C0'
(3006,41): run-time error CSS1046: Expect comma, found '55'
(3006,47): run-time error CSS1046: Expect comma, found '/'
(3007,33): run-time error CSS1046: Expect comma, found '55'
(3007,39): run-time error CSS1046: Expect comma, found '/'
(4191,1): run-time error CSS1019: Unexpected token, found '}'
(4321,1): run-time error CSS1019: Unexpected token, found '{'
(4321,2): run-time error CSS1019: Unexpected token, found '"version"'
(4321,12): run-time error CSS1030: Expected identifier, found '3'
(4321,12): run-time error CSS1031: Expected selector, found '3'
(4321,12): run-time error CSS1025: Expected comma or open brace, found '3'
 */
@font-face {
  font-family: 'latoblack';
  src: url("../fonts/lato-black-webfont.eot");
  src: url("../fonts/lato-black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-black-webfont.woff2") format("woff2"), url("../fonts/lato-black-webfont.woff") format("woff"), url("../fonts/lato-black-webfont.ttf") format("truetype"), url("../fonts/lato-black-webfont.svg#latoblack") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'latoblack_italic';
  src: url("../fonts/lato-blackitalic-webfont.eot");
  src: url("../fonts/lato-blackitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-blackitalic-webfont.woff2") format("woff2"), url("../fonts/lato-blackitalic-webfont.woff") format("woff"), url("../fonts/lato-blackitalic-webfont.ttf") format("truetype"), url("../fonts/lato-blackitalic-webfont.svg#latoblack_italic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'latobold';
  src: url("../fonts/lato-bold-webfont.eot");
  src: url("../fonts/lato-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-bold-webfont.woff2") format("woff2"), url("../fonts/lato-bold-webfont.woff") format("woff"), url("../fonts/lato-bold-webfont.ttf") format("truetype"), url("../fonts/lato-bold-webfont.svg#latobold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'latobold_italic';
  src: url("../fonts/lato-bolditalic-webfont.eot");
  src: url("../fonts/lato-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-bolditalic-webfont.woff2") format("woff2"), url("../fonts/lato-bolditalic-webfont.woff") format("woff"), url("../fonts/lato-bolditalic-webfont.ttf") format("truetype"), url("../fonts/lato-bolditalic-webfont.svg#latobold_italic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'latohairline';
  src: url("../fonts/lato-hairline-webfont.eot");
  src: url("../fonts/lato-hairline-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-hairline-webfont.woff2") format("woff2"), url("../fonts/lato-hairline-webfont.woff") format("woff"), url("../fonts/lato-hairline-webfont.ttf") format("truetype"), url("../fonts/lato-hairline-webfont.svg#latohairline") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'latohairline_italic';
  src: url("../fonts/lato-hairlineitalic-webfont.eot");
  src: url("../fonts/lato-hairlineitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-hairlineitalic-webfont.woff2") format("woff2"), url("../fonts/lato-hairlineitalic-webfont.woff") format("woff"), url("../fonts/lato-hairlineitalic-webfont.ttf") format("truetype"), url("../fonts/lato-hairlineitalic-webfont.svg#latohairline_italic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'latoitalic';
  src: url("../fonts/lato-italic-webfont.eot");
  src: url("../fonts/lato-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-italic-webfont.woff2") format("woff2"), url("../fonts/lato-italic-webfont.woff") format("woff"), url("../fonts/lato-italic-webfont.ttf") format("truetype"), url("../fonts/lato-italic-webfont.svg#latoitalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'latolight';
  src: url("../fonts/lato-light-webfont.eot");
  src: url("../fonts/lato-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-light-webfont.woff2") format("woff2"), url("../fonts/lato-light-webfont.woff") format("woff"), url("../fonts/lato-light-webfont.ttf") format("truetype"), url("../fonts/lato-light-webfont.svg#latolight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'latolight_italic';
  src: url("../fonts/lato-lightitalic-webfont.eot");
  src: url("../fonts/lato-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-lightitalic-webfont.woff2") format("woff2"), url("../fonts/lato-lightitalic-webfont.woff") format("woff"), url("../fonts/lato-lightitalic-webfont.ttf") format("truetype"), url("../fonts/lato-lightitalic-webfont.svg#latolight_italic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'latoregular';
  src: url("../fonts/lato-regular-webfont.eot");
  src: url("../fonts/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-regular-webfont.woff2") format("woff2"), url("../fonts/lato-regular-webfont.woff") format("woff"), url("../fonts/lato-regular-webfont.ttf") format("truetype"), url("../fonts/lato-regular-webfont.svg#latoregular") format("svg");
  font-weight: normal;
  font-style: normal; }

/* ---- [ Compiled Grid ] ---- */
.container {
  margin: 0 auto; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  .container--body {
    margin-bottom: 5em; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.col__xs--1, .col__xs--2, .col__xs--3, .col__xs--4, .col__xs--5, .col__xs--6, .col__xs--7, .col__xs--8, .col__xs--9, .col__xs--10, .col__xs--11, .col__xs--12,
.col__sm--1, .col__sm--2, .col__sm--3, .col__sm--4, .col__sm--5, .col__sm--6, .col__sm--7, .col__sm--8, .col__sm--9, .col__sm--10, .col__sm--11, .col__sm--12,
.col__md--1, .col__md--2, .col__md--3, .col__md--4, .col__md--5, .col__md--6, .col__md--7, .col__md--8, .col__md--9, .col__md--10, .col__md--11, .col__md--12,
.col__lg--1, .col__lg--2, .col__lg--3, .col__lg--4, .col__lg--5, .col__lg--6, .col__lg--7, .col__lg--8, .col__lg--9, .col__lg--10, .col__lg--11, .col__lg--12,
.col__xl--1, .col__xl--2, .col__xl--3, .col__xl--4, .col__xl--5, .col__xl--6, .col__xl--7, .col__xl--8, .col__xl--9, .col__xl--10, .col__xl--11, .col__xl--12,
.col__xxl--1, .col__xxl--2, .col__xxl--3, .col__xxl--4, .col__xxl--5, .col__xxl--6, .col__xxl--7, .col__xxl--8, .col__xxl--9, .col__xxl--10, .col__xxl--11, .col__xxl--12 {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 1.25em;
  padding-right: 1.25em; }

.alpha {
  padding-left: 0; }

.omega {
  padding-right: 0; }

@media (min-width: 0) {
  .container {
    width: 95%; }
  .col__xs--1 {
    width: 8.33333%; }
  .col__xs--2 {
    width: 16.66667%; }
  .col__xs--3 {
    width: 25%; }
  .col__xs--4 {
    width: 33.33333%; }
  .col__xs--5 {
    width: 41.66667%; }
  .col__xs--6 {
    width: 50%; }
  .col__xs--7 {
    width: 58.33333%; }
  .col__xs--8 {
    width: 66.66667%; }
  .col__xs--9 {
    width: 75%; }
  .col__xs--10 {
    width: 83.33333%; }
  .col__xs--11 {
    width: 91.66667%; }
  .col__xs--12 {
    width: 100%; }
}

@media (min-width: 480px) {
  .container {
    width: 460px; }
  .alpha--xs {
    padding-left: 0; }
  .omega--xs {
    padding-right: 0; }
  .col__sm--1 {
    width: 8.33333%; }
  .col__sm--2 {
    width: 16.66667%; }
  .col__sm--3 {
    width: 25%; }
  .col__sm--4 {
    width: 33.33333%; }
  .col__sm--5 {
    width: 41.66667%; }
  .col__sm--6 {
    width: 50%; }
  .col__sm--7 {
    width: 58.33333%; }
  .col__sm--8 {
    width: 66.66667%; }
  .col__sm--9 {
    width: 75%; }
  .col__sm--10 {
    width: 83.33333%; }
  .col__sm--11 {
    width: 91.66667%; }
  .col__sm--12 {
    width: 100%; } }

@media (min-width: 760px) {
  .container {
    width: 740px; }
  .alpha--sm {
    padding-left: 0; }
  .omega--sm {
    padding-right: 0; }
  .col__md--1 {
    width: 8.33333%; }
  .col__md--2 {
    width: 16.66667%; }
  .col__md--3 {
    width: 25%; }
  .col__md--4 {
    width: 33.33333%; }
  .col__md--5 {
    width: 41.66667%; }
  .col__md--6 {
    width: 50%; }
  .col__md--7 {
    width: 58.33333%; }
  .col__md--8 {
    width: 66.66667%; }
  .col__md--9 {
    width: 75%; }
  .col__md--10 {
    width: 83.33333%; }
  .col__md--11 {
    width: 91.66667%; }
  .col__md--12 {
    width: 100%; } }

@media (min-width: 960px) {
  .container {
    width: 940px; }
  .alpha--md {
    padding-left: 0; }
  .omega--md {
    padding-right: 0; }
  .col__lg--1 {
    width: 8.33333%; }
  .col__lg--2 {
    width: 16.66667%; }
  .col__lg--3 {
    width: 25%; }
  .col__lg--4 {
    width: 33.33333%; } /*33.33333*/
  .col__lg--5 {
    width: 41.66667%; }
  .col__lg--6 {
    width: 50%; }
  .col__lg--7 {
    width: 58.33333%; }
  .col__lg--8 {
    width: 66.66667%; }
  .col__lg--9 {
    width: 75%; }
  .col__lg--10 {
    width: 83.33333%; }
  .col__lg--11 {
    width: 91.66667%; }
  .col__lg--12 {
    width: 100%; }
}

@media (min-width: 1140px) {
  .container {
    width: 1120px; }
  .alpha--lg {
    padding-left: 0; }
  .omega--lg {
    padding-right: 0; }
  .col__xl--1 {
    width: 8.33333%; }
  .col__xl--2 {
    width: 16.66667%; }
  .col__xl--3 {
    width: 25%; }
  .col__xl--4 {
    width: 33.33333%; }
  .col__xl--5 {
    width: 41.66667%; }
  .col__xl--6 {
    width: 50%; }
  .col__xl--7 {
    width: 58.33333%; }
  .col__xl--8 {
    width: 66.66667%; }
  .col__xl--9 {
    width: 75%; }
  .col__xl--10 {
    width: 83.33333%; }
  .col__xl--11 {
    width: 91.66667%; }
  .col__xl--12 {
    width: 100%; } }

@media (min-width: 1280px) {
  .container {
    width: 1260px; }
  .alpha--xl {
    padding-left: 0; }
  .omega--xl {
    padding-right: 0; }
  .col__xxl--1 {
    width: 8.33333%; }
  .col__xxl--2 {
    width: 16.66667%; }
  .col__xxl--3 {
    width: 25%; }
  .col__xxl--4 {
    width: 33.33333%; }
  .col__xxl--5 {
    width: 41.66667%; }
  .col__xxl--6 {
    width: 50%; }
  .col__xxl--7 {
    width: 58.33333%; }
  .col__xxl--8 {
    width: 66.66667%; }
  .col__xxl--9 {
    width: 75%; }
  .col__xxl--10 {
    width: 83.33333%; }
  .col__xxl--11 {
    width: 91.66667%; }
  .col__xxl--12 {
    width: 100%; } }

/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* Forms
   ========================================================================== */
/**
 * Change font properties to `inherit` in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  font: inherit; }

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 * 2. Show the overflow in Edge, Firefox, and IE.
 */
button,
input,
select {
  /* 2 */
  overflow: visible; }

/**
 * Remove the margin in Safari.
 * 1. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  /* 1 */
  margin: 0; }

/**
 * Remove the inheritence of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritence of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Change the cursor in all browsers (opinionated).
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer; }

/**
 * Restore the default cursor to disabled elements unset by the previous rule.
 */
[disabled] {
  cursor: default; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * Correct the odd appearance of search inputs in Chrome and Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; }

/**
 * Remove the inner padding and cancel buttons in Chrome on OS X and
 * Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }

.clearfix, .person {
  zoom: 1; }
  .clearfix:before, .person:before, .clearfix:after, .person:after {
    content: '';
    display: table; }
  .clearfix:after, .person:after {
    clear: both; }

.overflowfix{
    overflow:auto;
}

html,
body {
  width: 100%;
  height: 100%; }

body {
  background: #efefef;
  color: #373737;
  font-family: "latoregular" !important;
  font-size: 16px !important; }

a {
  color: #1aa6da;
  text-decoration: none; }
  a:hover {
    color: #30b9e9; }

.wrapper--login {
  position: relative;
  width: 100%;
  height: 100%; }

.wrapper--body {
  width: -webkit-calc(100% - 75px);
  width: calc(100% - 75px);
  height: -webkit-calc(100% - 10vh);
  height: calc(100% - 10vh);
  margin-top: 10vh;
  padding-top: 2.25em; /*1.25 previously*/
  float: right; }
  @media (max-width: 760px) {
    .wrapper--body {
      width: 100%; }

  }
  @media (min-width:1140px){
      .wrapper--overflow-hidden{
    overflow:hidden;
}
  }
.height--sixth{ /*it is a little less than sixth to so everything aligns properly*/
    height:24.05vh;
}
.height--vh-50{
    height:50vh;
}

.height--vh-30{
    height:30vh;
}

.card--height-actions{
        height:33.8vh;
    }
.card--height-activitylog{
    height:33.8vh;
}

@media (max-width: 1280px) {
    .height--vh-337{
        height:33.7vh;
    }
}
@media(max-width:1140px){
    .card--height-devices{
        height: 33.8vh;
    }
}
.height--vh-5005{
    height:50.05vh;
}
.height--align-personForm{
   height: 34.5vh;
}
.height--align-watchlistForm{
    height:40.5vh;
}
.height--align-flyerDetails{
    height: 83vh;
}
.height--third {
  height: 42vh; }
  @media (max-width: 960px) {
    .height--third {
      height: 25vh; } }
  @media (max-width: 760px) {
    .height--third {
      height: auto; } }

.height--one-third {
  height: 20vh; }
  @media (max-width: 760px) {
    .height--one-third {
      height: auto; } }

.height--half {
  height: 50%; }
  @media (max-width: 760px) {
    .height--half {
      height: auto; } }

  .height--full {
  height: 99%; /*95%*/ }

   .height--Fix215 {
  height: 215px; }
    .height--Fix297{
        height:297px;
    }
.section__header {
  padding: 1.25em 0; }

.section__title {
  font-size: 0.875em;
  font-family: "latobold";
  margin: 0;
  text-transform: uppercase; }

.image-capture {
  height:100%;
  position: relative;
  width: 100%; }
  .image-capture .image {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 381px;
    padding-bottom: 100%;
    background-position: center;
    background-color:#bcbdbd;
    /*background-size: cover;*/ }
  .image-capture canvas.image {
    padding-bottom: 30%; }
  .image-capture img {
    font-family: "latoregular";
    font-weight: "latobold";
    line-height: 2;
    text-align: center;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    min-height: 250px; }
    .image-capture img:before {
      content: " ";
      display: block;
      position: absolute;
      height: 100%;
      width: 100%;
      background: #bcbdbd; }
    .image-capture img:after {
      content: "\f1c5";
      font-family: FontAwesome, 'serif';
      display: block;
      font-size: 6rem;
      font-style: normal;
      color: #f5f7fa;
      position: absolute;
      top: 50%;
      width: 100%;
      -webkit-transform: translate(0, -60%);
          -ms-transform: translate(0, -60%);
           -o-transform: translate(0, -60%);
              transform: translate(0, -60%); }

.image-capture__button {
  color: #f5f7fa;
  font-size: 1.245em;
  background: rgba(104, 104, 104, 0.75);
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  text-align: center;
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out; }
  .image-capture__button i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .image-capture__button span {
    display: block;
    text-indent: -9999px; }
  .image-capture__button:hover {
    background: rgba(55, 55, 55, 0.5); }

.image-capture__button--position-personDetail{
    position: absolute;
    top: 0px;
    font-size: 1.245em;
    background: rgba(104, 104, 104, 0.75);
    right: 16px;
    width: 91.8%;
    height: 54px;
}
.increase-brightness__button {
  color: #f5f7fa;
  font-size: 1.245em;
  background: rgba(104, 104, 104, 0.75);
  position: absolute;
  bottom: 61.3%;
  width: 10%;
  height: 38.5%;
  text-align: center;
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out; }
  .increase-brightness__button i {
    position: absolute;
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%, -30%);
        -ms-transform: translate(-50%, -30%);
         -o-transform: translate(-50%, -30%);
            transform: translate(-50%, -30%); }
  .increase-brightness__button span {
    display: block;
    text-indent: -9999px; }
  .increase-brightness__button:hover {
    background: rgba(55, 55, 55, 0.5); }

.sun-placeholder {
  color: #f5f7fa;
  font-size: 1.245em;
  background: rgba(104, 104, 104, 0.75);
  position: absolute;
  bottom: 48.3%;
  width: 10%;
  height: 13%;
  text-align: center;
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out; }
  .sun-placeholder i {
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -40%);
        -ms-transform: translate(-50%, -40%);
         -o-transform: translate(-50%, -40%);
            transform: translate(-50%, -40%); }
  .sun-placeholder span {
    display: block;
    text-indent: -9999px; }
  .sun-placeholder:hover {
    background: rgba(55, 55, 55, 0.5); }

.decrease-brightness__button {
color: #f5f7fa;
font-size: 1.245em;
background: rgba(104, 104, 104, 0.75);
position: absolute;
bottom: 13.1%;
width: 10%;
height: 35.2%;
text-align: center;
-webkit-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out; }
.decrease-brightness__button i {
position: absolute;
top: 30%;
left: 50%;
-webkit-transform: translate(-50%, -30%);
    -ms-transform: translate(-50%, -30%);
        -o-transform: translate(-50%, -30%);
        transform: translate(-50%, -30%); }
.decrease-brightness__button span {
display: block;
text-indent: -9999px; }
.decrease-brightness__button:hover {
background: rgba(55, 55, 55, 0.5); }
  /*.increaseBrightnessIcon {
      position: absolute;
    top: 50%;
    left: 75%;
    -webkit-transform: translate(-75%, -50%);
        -ms-transform: translate(-75%, -50%);
         -o-transform: translate(-75%, -50%);
            transform: translate(-75%, -50%);
  }*/

  .tooltip {
  display: none;
  position: absolute;
  z-index: 1000;
  border: 1px solid #373737;
  background-color: rgba(55, 55, 55, 0.95);
  -webkit-border-radius: 5px;
          border-radius: 5px;
  padding: 0.625em;
  color: #f5f7fa;
  }
  #cancelButtonMain{
      width: 65px;
    text-align: center;
    height: 25px;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    top: 10px;
  }
  .main-search {
  /*cursor: inherit;*/
  cursor:pointer;
  padding-left:.5em;
  padding-right:.5em;
  position:absolute;
  top:0;
  /*right:0;*/
  }
  .main-search__label{
      /*margin-right:2em;
      padding-left:.3em;*/
       margin-left:-7.5em;
      margin-right:2em;
      font-family:"latoregular";
      /*cursor:inherit;*/
  }
  .main-close:before {
    content: "Close(\00d7"
  }
  .main-close:after {
    content: ")"
  }
  .main-close{
          font-family: "latoregular";
          font-weight: bold;
          margin-left: -10px;
  }
  #mainClose{
          font-family: FontAwesome, "latoregular";
          font-weight: bold;
          margin-left: -15px;
          margin-top: -10px;
          vertical-align: super;
  }

.btn {
  display: block;
  width: 100%;
  background: #bcbdbd;
  color: #373737;
  /*font-family: "latobold";*/
  text-align: center;
  padding: 0.625em 1.25em;
  -webkit-border-radius: 0;
          border-radius: 0;
  border: none !important;
  -webkit-box-shadow: 0 4px 5px 0 rgba(55, 55, 55, 0.35);
          box-shadow: 0 4px 5px 0 rgba(55, 55, 55, 0.35);
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
  text-decoration: none; }
  .btn:hover {
    color: #373737;
    -webkit-box-shadow: 0 2px 2px 0 rgba(55, 55, 55, 0.35);
            box-shadow: 0 2px 2px 0 rgba(55, 55, 55, 0.35); }

   .btn--full {
    margin-bottom: 0.625em; }
  .btn--half {
    float: left;
    width: -webkit-calc( 50% - 10px);
    width: calc( 50% - 10px); }
    .btn--half:not(:last-child) {
      margin-right: 1.25em; }
    .btn--small {
    float: left;
    width: -webkit-calc( 5% - 10px);
    width: calc( 15% - 10px); }
    .btn--small:not(:last-child) {
      margin-right: 1.25em; }
    .btn--normal {
    float: left;
    width: -webkit-calc( 5% - 10px);
    width: calc( 15% - 10px); }
    .btn--normal:not(:last-child) {
      margin-right: 1.25em; }

.btn--success {
  background: #50a850;
  color:whitesmoke;
}
  .btn--success:hover {
    background: #1d9d74; }
.btn--info {
  background: #607D8B;
  color:whitesmoke;
}
  .btn--info:hover {
    background: #1aa6da; }
.btn--select {
  background: #50a850 !important;
  color:whitesmoke !important;
}
  .btn--select:hover {
    background: #1d9d74 !important; }
.btn--warning {
  background: #FFC107;/*#ffd366; */
  color:whitesmoke;
}
  .btn--warning:hover {
    background: #cb8e10; }

.btn--cancel{
  background: #fc6141;
  color:whitesmoke;
}
.btn--cancel:hover{
      background: #cc0000;
}
.btn--startService {
    background: #2e8b57;
}
.btn--startService:hover {
    background: #cb8e10;
}

.btn--stopService {
    background: #ff4500;
}
.btn--stopService:hover {
      background: white;
}

.btn--pauseService {
    background: #f4a460;
}
.btn--pauseService:hover {
      background: white;
}
.btn--restartService {
    background: #20b2aa;
}
.btn--restartService:hover {
    background: white;
}
.btn--checkOutIn {
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #FFFFFF;
   font-family: "latoregular" !important;
   font-size: .875em !important;
   font-weight: 200;
   padding: 9px;
   background-color: #1f608c;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
}
.btn--checkOutIn:hover {
   background: #133D82;
   text-decoration: none;
}
.btn--delete{
    background:#fc6141;
    color:#fcf7fa;
}
.btn-deletePerson{
    padding-top:1.25em;
    padding-bottom:1.25em;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    /*box-shadow: inset 0 0 3px 3px #444;*/
}
.btn-deletePerson:hover {
    background: #d46752;
    /*box-shadow: inset 0 0 3px 3px #444;*/
    color:whitesmoke;
    -webkit-border-radius: 4px;
            border-radius: 4px;
}
.btn--danger {
  background: #F44336 !important;
  color:whitesmoke !important;
}
  .btn--danger:hover {
    background: #F44336; }

.btn--login{
   background-color:#1F608C;
   color:whitesmoke;
}
.btn--login:hover{
    background-color:#2196F3;
}

.btn-backCancel {
    width: 65px;
    height: 21px;
    margin-left: 5px;
}
.btn-backCancel--color-back{
    background:#607d8b;
    color:whitesmoke !important;
}
.btn-backCancel--position-eventViewer {
    margin-left:2em;
}
.btn-backCancel--color-back:hover{
     background:#B0BEC5;
    /*background: #1aa6da;*/
}
.btn-backCancel--color-cancel{
    background: #fc6141;
    color:whitesmoke;
}
.btn-backCancel--color-cancel:hover{
    background: #cc0000;
}
.btn-backCancel__i{
    vertical-align:top;
    margin-top:3px;
    font-family:latoregular !important;
}
.btn-backCancel__i:before {
    font-family:FontAwesome;
}

.btn-checkOutIn {
    border: 1px solid #1aa6da;
    background-color: #1aa6da;
    color: white;
    border-radius: 4px;
    padding: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.btn-editColumns{
    background-color: #006064;
    color: whitesmoke;
}
.btn-uploadCsvFile {
    width: 120px;
    height: 20px;
    background: #0277BD;
    color: whitesmoke;
    margin-left: .5em;
}

.btn-importPeople {
    width:130px;
    height:21px;
    background: #50a850;
  color:whitesmoke;
}
.btn-saveDetails {
    width:65px;
    height:21px;
    background: #50a850;
  color:whitesmoke;
}
.btn-saveDetails--display-inline {
    display:inline;
}
.btn-saveDetails:hover{
    background: #1d9d74;

}

.btn-saveDetails__i{
    vertical-align:top;
    margin-top:3px;
    font-family:latoregular !important;
}

.btn-saveDetails__i:before {
    font-family:FontAwesome;
}
.btn__studentCamera {
  display:none !important;
}
.btn_studentCamera-display--block {
    display:block;
}
.btn-overrideGroupAcceptsVisitors {
    display: inline;
    height: auto;
    text-align: center !important;
    padding: 2px;
    padding-bottom: 0px;
    padding-top: 0px;
    border-radius: 4px;
    position: absolute;
    top: -2px;
    left: 121px;
    width: auto;
    background: #50a850;
    color:white;
    font-family:latoregular !important;
}
.btn-overrideGroupAcceptsVisitors__i{
    vertical-align:top;
    margin-top:3px;
    font-family:latoregular !important;
}
.btn-groupMembership{
    background-color:#006064;
    color:whitesmoke;
}
.btn-groupPermissions{
    background-color:#1B5E20;
    color:whitesmoke;
}
.btn-groupActiveDirectory{
    background-color: #0D47A1;
    color:whitesmoke;
}
.btn-unitRegFields {
    background-color: #0D47A1;
    color: whitesmoke;
}
.btn-saveAndPrint{
    padding-top:1.25em;
    padding-bottom:1.25em;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    /*box-shadow: inset 0 0 3px 3px #444;*/
}
.btn-saveAndPrint:hover {
    background: #1d9d74;
    /*box-shadow: inset 0 0 3px 3px #444;*/
    color:whitesmoke;
    -webkit-border-radius: 4px;
            border-radius: 4px;
}
.btn-saveAndPrint--enabled-false, .btn-saveAndPrint--enabled-false:hover{
    background-color: hsl(0, 0%, 82.7%);
    cursor: default;
    /*border: 2px solid #bdc3c7 !important;*/
    box-shadow:none;
    color:whitesmoke;
}
.btn-saveAndPrint--enabled-true {
  animation: pulse 1s infinite;
  animation-direction: alternate;
  animation-timing-function: ease-out;
}

.btn-printPass{
    padding-top:1.25em;
    padding-bottom:1.25em;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    /*box-shadow: inset 0 0 3px 3px #444;*/
}
.btn-printPass:hover {
    background: #1d9d74;
    /*box-shadow: inset 0 0 3px 3px #444;*/
    color:whitesmoke;
    -webkit-border-radius: 4px;
            border-radius: 4px;
}
.btn-printPass--enabled-false, .btn-printPass--enabled-false:hover{
    background-color: hsl(0, 0%, 82.7%);
    cursor: default;
    /*border: 2px solid #bdc3c7 !important;*/
    box-shadow:none;
    color:whitesmoke;
}
.btn-printPass--enabled-true {
  animation: pulse 1s infinite;
  animation-direction: alternate;
  animation-timing-function: ease-out;
}

.btn--search {
    height:25%;
    /*box-shadow: inset 0 0 3px 3px #444;*/
}
 .btn--search:hover {
    background: #1d9d74;
    /*box-shadow: inset 0 0 3px 3px #444;*/
 }

.btn--recurringVisit {
    height:25%;
    /*box-shadow: inset 0 0 3px 3px #444;*/
}
 .btn--recurringVisit:hover {
    background: #1d9d74;
    /*box-shadow: inset 0 0 3px 3px #444;*/
 }
 .btn-contactInformationClose{
     margin-top: 1em;
    margin-left: 1.25em;
    height: 25%;
    width: 11.87em;
 }
 .btn-returnVisitorSearch{
     margin-top: 1em;
    margin-left: -.5em;
    height: 25%;
    width: 11.87em;
 }
 .btn-returnVisitorSearch:hover {
    background:#cccc00;
    cursor:pointer;
 }
 .btn-returnVisitorIcon{
     margin-right:.5em;
 }
.btn-returnVisitorCancel {
    margin-top: 1em;
    margin-left: -.5em;
    height: 25%;
    width:11.87em;
    background: #fc6141;
    color: whitesmoke;
}
 .btn-returnVisitorCancel:hover{
         background:#cccc00;
         cursor:pointer;
 }
 .btn-uploadPhotoIcon{
     font-size:16px;
     color:#30b9e9;
 }
 .btn-uploadPhotoIcon:hover{
     cursor:pointer;
 }
 .extendSession__content{
    margin: 0 auto;
    margin-left: 1.5em;
 }
 .extendSessionMessage__label{
     width:100%;
     color:black;
 }
 .extendSession__title{
     color:black;
 }

 .btn-extendSessionOverride{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
 }

.btn-extendSession{
    margin-top: 1em;
margin-left: -.5em;
height:25%;
width:11.15em;

 }
 .btn-extendSession:hover {
    background:#cccc00;
    cursor:pointer;
 }
 .btn-extendSessionIcon{
     margin-right:.5em;
 }
.btn-extendSessionLogOut {
    margin-top: 1em;
    margin-left: -.5em;
    height: 25%;
    width:11.15em;
    background: #fc6141;
    color: whitesmoke;
}
 .btn-extendSessionLogOut:hover{
         background:#cccc00;
         cursor:pointer;
 }
.btn-saveUserAccount{
    margin-bottom:1.5em;
}

.btn-saveOflu{
    padding-top:1.25em;
    padding-bottom:1.5em;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    /*box-shadow: inset 0 0 3px 3px #444;*/
}
.btn-saveOflu:hover {
    background: #1d9d74;
    /*box-shadow: inset 0 0 3px 3px #444;*/
    color:whitesmoke;
    -webkit-border-radius: 4px;
            border-radius: 4px;
}

@keyframes pulse {
  0% {
    background: #a0d468;
  }
  50%{
      background: #a0d468;
      /*box-shadow: inset 0 0 3px 3px #a79595;*/
  }
  100% {
    background: #001e00;
    /*box-shadow: inset 0 0 3px 3px #a79595;*/
  }
}

.btn--denyEntry {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*box-shadow: inset 0 0 3px 3px #444;*/
}
    .btn--denyEntry:hover {
        background: #EF9A9A;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        /*box-shadow: inset 0 0 3px 3px #444;*/
    }
.btn--clearForm {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*box-shadow: inset 0 0 3px 3px #444;*/
}
    .btn--clearForm:hover {
        background: #B0BEC5;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        /*box-shadow: inset 0 0 3px 3px #444;*/
    }
.btn--checkOutInPerson {
    background: #1f608c;
    color: #FFFFFF;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .btn--checkOutInPerson:hover {
        background: #133D82;
        color: #30b9e9;
        text-decoration: none;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }
.btn--watchList {
    background: #FCC107;
    color: whitesmoke;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*box-shadow: inset 0 0 3px 3px #444;*/
}
    .btn--watchList:hover {
        background: #FFE082;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        /*box-shadow: inset 0 0 3px 3px #444;*/
    }

    .btn--watchList--enabled-false, .btn--watchList--enabled-false:hover{
    background-color: hsl(0, 0%, 82.7%);
    cursor: default;
    /*border: 2px solid #bdc3c7 !important;*/
    box-shadow:none;
    color:whitesmoke;
    padding-top:1.25em;
     padding-bottom:1.25em;
      -webkit-border-radius: 4px;
    border-radius: 4px;

}
.btn--newPerson{
    background:#50a850;
    color:whitesmoke;
    padding-top:1.25em;
     padding-bottom:1.25em;
     /*box-shadow: inset 0 0 3px 3px #444;*/
     margin-top:-.5em;
     width:auto;
}
.btn--newPerson:hover {
        background:#1d9d74;
        /*box-shadow: inset 0 0 3px 3px #444;*/
    }

 .btn--returnVisitor{
    background: #009688;
    color:whitesmoke;
    /*box-shadow: inset 0 0 3px 3px #444;*/
        box-shadow: 0 4px 5px 0 rgba(55, 55, 55, 0.35);
    padding: .6em;
    position: relative;
    top: 0;
    left: 22px;
 }
 .btn--returnVisitor:hover{
        background:#80CBC4;
        /*box-shadow: inset 0 0 3px 3px #444;*/
        cursor:pointer;
 }

.emergencyButton {
    margin-top:.5em;
    margin-left:.176em;
    position:relative;
    background:#FF0000;
    width:3.35em !important;
    height:3.35em !important;
    border-radius:50%;
    box-shadow:0 0 0 3px;
}
.emergencyButton:hover {
    background:#8B0000 !important;
}
.emergencyButton__label{
    position:absolute;
    top:10px;
    left:3px;
    line-height:1.5em;
    font-size:10px;
    font-weight:bold;
    word-spacing:3.35em;
    text-align:center;
    color:white;
}


.form__item {
  margin-top: 1.8em;
  position: relative;
}
.form__item--alignCenter-userAccountSave{
    margin-left:25%;
}
.form__item--alignCenter-ofluSave{
    margin-left:25%;
}
.form__item--visibility-hidden{
    visibility:hidden;
}
.form__item--display-none  {
    display:none;
}
.form__item--marginTop-none{
    margin-top:0;
}
.form__item--marginTop-checkbox{
    margin-top:2.8em;
}

.form__item--type-td {
    padding-top: 1em;
    width: 98%;
    margin-left: 0.5em;
    height: 2em;
    margin-bottom: -0.5em;
    box-shadow: 0 0 4px 2px darkgrey;
}
  @media (max-width: 760px) {
    .form__item {
      padding-left: 0;
      padding-right: 0; } }

.form__label {
  cursor: pointer;
  position: absolute;
  color: #686868;
  font-size: 1.1em;
  font-weight:bold;
  left: 0.625em;
  top: 0.20833em;
  -webkit-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }
.form__label--customColumn {
  cursor: pointer;
  /*position: absolute;*/
  color: #686868;
  font-size: 0.9em;
  font-weight:bold;
  width:100%;
  /*left: 0.625em;
  top: 0.20833em;*/
  -webkit-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

  @media (max-width: 760px) {
    .form__label {
      left: 0.625em; } }
  .form--light .form__label {
    color: #f5f7fa; }
  .form__label--check {
    padding-left: 1.25em; }
  .form__label--theme-sentrySearch {
      margin-left:0.5em;
      padding-right:2em;
      font-family:"latoregular";
  }
  .form__label--visitorInfo {
      color:#686868 !important;
      font-weight:normal !important;
  }
  .form__question {
    position:relative;
    top:15px !important;
    left:10px !important;
    margin-bottom:-1.8em !important;
  }
  .form__label--requiredField:after {
      content:" *";
      font-weight:bold;
      color:#cc0000;
  }
  .form__label--requiredField-Calendar:after{
      margin-left: 1.2em;
      content:" *";
      font-weight:bold;
      color:#cc0000;
  }
  .form__label--requiredField-ContactInformation:after{
      margin-left: 1.5em;
      content:" *";
      font-weight:bold;
      color:#cc0000;
  }

  .form__checkbox{
    position: absolute;
    top: -3px;
    left: 100px;
  }
  /*.form__checkbox--groupAcceptsVisitors {
    display: inline;
    margin-top: -17px;
    position: unset !important;
     left: 223px;
    float: right;
  }*/
  .form__checkbox--display-inline
  {
      display:inline !important;
      vertical-align:bottom !important;
  }
  .form__checkbox--customColumn {
    position: absolute;
    top: 15px !important;
    left: 20px !important;
    z-index:0;
  }
  .form__checkbox--personDetail {
    margin-top:.25em;
    padding-left:2em;
    z-index:0;
  }
.form__login{
    /*margin-left:3em;*/
    margin-top:-1.5625em;
}

.form__input {
  width: 100%;
  font-size: 1.1em;
  font-weight:bold;
  padding: 0.625em;
  background: none;
  border: none;
  text-transform:uppercase;
}
.form__input--customColumnCheckBox {
    position:absolute;
    z-index:1000;
}
/*margin-top:-506px;*/
.form__input--sweetAlert {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
     border:none !important;
    height: 43px;
     margin-top: 0px !important;
     margin-bottom: 0px !important;
    font-size: 18px;
     box-shadow: none !important;
     padding: 0.625em !important;
     display: inline-block !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.form__input--visitorInfo{
    /*height:100%;*/
    color: black;
}
.form__input--searchBox-dataTables{
    padding-top:0;
}
.form__input--enabled-false {
    background-color: hsl(0, 0%, 82.7%) !important;
    cursor: default;
    box-shadow:none;
    color:whitesmoke;
}
.form__input--inline {
    display:inline;
}
.form__input--sentrySearch {
    box-shadow: 0 0 4px 2px darkgray;
    margin-top:-.2em;
}

.form__input--textTransform-none{
    text-transform: none;
}
  .form--light .form__input {
    border-bottom: 1px solid #f5f7fa;
    color: #f5f7fa; }
  .form__input:focus {
    outline: none; }
  .form__input:focus ~ .form__label,
  .form__input:valid ~ .form__label,
  .selectric__label,.form__label {
    letter-spacing: 1px;
    font-size: 0.9em;
    color: #bcbdbd;
    top: -1.5625em;
    left: 0; }
    .form--light .form__input:focus ~ .form__label, .form--light
    .form__input:valid ~ .form__label {
      color: #f5f7fa; }
      .form__label--position-insideBorder {
      top:.2em !important;
      left:.2em !important;
      width:100%;
      }
      .form__label--position-insideBorder1 {
      /*top:.2em !important;
      left:.2em !important;*/
      width:100%;
      }
      .form__label--position-jqxDate {
          top:.2em !important;
          left: .8em !important;
          width:100%;
      }
      .form__label--position-iconSuffix {
          margin-left:1.25em;
      }
.form__input--textTransform-none{
    text-transform:none !important;
}
.form__input--textBox-Td {
    height: 2em;
    font-size: 1.1em;
    font-weight: bold;
    border: none;
    box-shadow: 0 0 4px 2px darkgrey;
    background:none;
    width:100%;
}
.form__input--textBox-Td-readOnly{
    box-shadow:none
}

.form__input--textBox-Td-readOnly:focus{
    border:none;
    outline:none
}
.selectric-form__input--dropDownList-Td {
    height: 2em;
    font-size: 1.1em;
    font-weight: bold;
    border: none;
    background-color:none;
    box-shadow: 0 0 4px 2px darkgrey !important;
}
.selectric-form__input--dropDownList-Td-readOnly{
    box-shadow:none;
}
.selectric-form__input--dropDownList-Td .button{
    right:-12px;
}

.selectric-form__input--dropDownList-Td .button:after {
    border-top-color:#686868;
}
.form__multiselect{
    padding-top:.25em;
    padding-bottom:0;
    border:none;
    outline:none;
    background-color:transparent;
    width:100%;

}
.form__multiselect option:nth-child(odd){
        background-color: rgba(179, 185, 166, 0.12);
}
.form__multiselect option:nth-child(even){

}
.form__multiselect option:checked{
    background-color: #687d9a;
}
.form__ldap{
    text-transform:none !important;
}
.form__password {
    text-transform:none !important;
}
.form__passwordEyeIcon{
    font-size: 20px;
    position: absolute;
    top: .5em;
    right: 2em;
}
.form__username {
    text-transform:none !important;
}
.form__radioButton{
    display:inline-block !important;
    font-weight:normal !important;
}
.help-error{
    position:absolute;
    top:49px;
    left: 0 !important;
    font-family:Arial !important;
    font-size:.8em !important;
    color:#cc0000 !important;
    font-weight:normal !important;
}

.help-error--placement-selectric{
    top:34px;
}
.help-error--placement-jqxListBox {
    top:225px !important;
}
.help-error .error {
    width:inherit;
    font-weight: normal;
}

@media (min-width: 0) {
    .form__item--marginBottom-unitNameError
    {
        margin-bottom:6em !important;
    }
}

@media (min-width: 480px) {

    .form__item--marginBottom-unitNameError
    {
        margin-bottom:5em !important;
    }
}

@media (min-width: 760px) {

    .form__item--marginBottom-unitNameError
    {
        margin-bottom:3.5em !important;
    }
}

@media (min-width: 960px) {
    .form__item--marginBottom-unitNameError
    {
        margin-bottom:3em !important;
    }
}
@media (min-width: 1140px) {
}
@media (min-width: 1280px) {
}
.help-inline{
    position:absolute !important;
    bottom: -17px !important;
    left: 0 !important;
    font-family:Arial !important;
    font-size:.8em !important;
    color:#cc0000 !important;
    font-weight:normal !important;
}
.help-inline--bottom-managePerson{
    bottom: -27px !important;
}
.help-inline--bottom-returnVisitor{
    bottom:-21px !important;
}
.help-inline--bottom-securityPassword{
    bottom:-27px !important;
}
.help-inline--position-managePersonPhoto{
    bottom: 281px !important;
    left: 32px !important;
}
.help-inline--position-unitRegRequiredField{
    position: static !important;
    display:block;
}
.help__inlineTextArea{
    bottom:-25px !important;
}
.help__inlineTextArea label{
    font-weight:normal !important;
}
.help__inline--label{
    width:100%;
}
/*.form__bar {
  position: relative;
  width: 100%;
  display: block; }
  .form__bar:before, .form__bar:after {
    content: '';
    height: 3px;
    width: 0;
    bottom: 0;
    position: absolute;
    background: #30b9e9;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out; }
    .form--light .form__bar:before, .form--light .form__bar:after {
      background: #1aa6da; }
  .form__bar:before {
    left: 50%; }
  .form__bar:after {
    right: 50%; }*/

.form__input:focus ~ .form__bar:before,
.form__input:focus ~ .form__bar:after,
.form__input.used ~ .form__bar:before,
.form__input.used ~ .form__bar:after {
  width: 50%; }

.form__item.required:before {
  content: '*';
  width: 20px;
  height: 100%;
  position: absolute;
  padding: 8px 0 0;
  background: #ffd366;
  color: #cb8e10;
  font-size: 1.245em;
  text-align: center;
  right: 0;
  z-index: 20;
  border-bottom: 1px solid #ffd366; }
  .form--light .form__item.required:before {
    background: #f5f7fa;
    color: #30b9e9;
    border-bottom: 1px solid #f5f7fa; }
  @media (max-width: 760px) {
    .form__item.required:before {
      right: 0; } }
.form__item--icon .form__label {
  left: 2.5em; }

.form__item--icon .form__input {
  padding-left: 0.625em; }
.form__icon {
  position: absolute;
  left: 0.3125em;
  top: 0; }
.form__icon--dobCalendar
{
    left:2.5em;
    top:.1em;
}
.form_icon--dobCalendar-commentUpdater {
    position: absolute;
    left: 7.2em;
    top: 0;
}
.form__icon--visitDateCalendar {
    left: 4.8em;
    top: .1em;
    z-index: 1000;
}
.form__icon--startDateCalendar
{
    left:5.5em;
    top:.2em;
}
.form__icon--marginLeft-calendar {
   margin-left:1em;
}
.form__icon--SystemAlertExpirationDate {
    left: 11.5em;
    top:.1em;
}
.form__icon--position-labelPrefix{
    top:.15em;
}
.form__icon--sentrySearch {
    left:-8.9em;
    top:0.55em;
}
.form__item--checkBox-customColumn {
    /*padding-left:.5em;*/
    display:inline-block;
    padding-top:1em;
    width:98%;
    margin-left:.5em;
    height:3em;
    margin-bottom:-.5em;
    position:relative;
}
.btn-contactInformation {
    position:absolute;
    padding:0;
    left:6.5em;
    top:.1em;
    z-index:1000;
    cursor:pointer;
}

.btn-contactInformation--display-none {
    display:none;
}
  .form--light .form__icon {
    color: #f5f7fa; }

.form__textarea {
  background: none;
  border: none;
  width: 100%;
  height: 100%;
  padding-bottom: 10px;
  margin-bottom: -9px;
  z-index: 100;
  position: relative;
  color: #f5f7fa;
  resize: vertical;
  max-height: 250px;
  border-bottom: 1px solid #686868; }
  .form--light .form__textarea {
    border-bottom: 1px solid #f5f7fa; }

.form-section {
  margin-bottom: 2.5em; }

.form__header {
  border-bottom: 3px solid #373737;
  margin: 1.25em 0; }

.form-section__number {
  background: #373737;
  padding: 0.625em 1.25em;
  color: #f5f7fa; }

.form-section__title {
  font-family: "latoregular";
  font-weight: "latolight";
  font-size: 1em;
  display: inline-block;
  height: 1.25em;
  margin: 2px 0.625em; }

.validetta-inline {
  color: #fc6141;
  font-size: 0.7125em;
  position: absolute;
  left: 0 !important;
  top: 100% !important; }
  .big-blue .validetta-inline {
    color: #f5f7fa; }

.label-group {
  position: relative;
  height: 25px;
  display: inline-block; }

input[type='radio'],
input[type='checkbox'] {
  display: none;
  cursor: pointer; }
  input[type='radio']:focus, input[type='radio']:active,
  input[type='checkbox']:focus,
  input[type='checkbox']:active {
    outline: none; }
  input[type='radio'] + label,
  input[type='checkbox'] + label {
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin-right: 10px;
    height: 100%;
    color: #117ca2; }
    input[type='radio'] + label:before, input[type='radio'] + label:after,
    input[type='checkbox'] + label:before,
    input[type='checkbox'] + label:after {
        content: '';
        display: inline-block;
        width: 18px;
        height: 18px;
        left: 2px;
        /*top: 5px;*/
        text-align: center;
        position: absolute;
    }
    input[type='radio'] + label:before,
    input[type='checkbox'] + label:before {
      background-color: #efefef;
      -webkit-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
    input[type='radio'] + label:after,
    input[type='checkbox'] + label:after {
      color: #f5f7fa; }
    input[type='radio']:checked + label:before,
    input[type='checkbox']:checked + label:before {
        -webkit-box-shadow: inset 0 0 0 10px #1F608C;
        box-shadow: inset 0 0 0 10px #1F608C0; }

/*Radio Specific styles*/
input[type='radio'] + label:before {
  -webkit-border-radius: 50%;
          border-radius: 50%; }

input[type='radio'] + label:hover:after,
input[type='radio']:checked + label:after {
  content: '\2022';
  position: absolute;
  top: 8px;
  font-size: 48px;
  line-height: 15px; }

input[type='radio'] + label:hover:after {
  color: #bcbcbc; }

input[type='radio']:checked + label:after,
input[type='radio']:checked + label:hover:after {
  color: #f5f7fa; }

/*Checkbox Specific styles*/
input[type='checkbox'] + label:before {
  -webkit-border-radius: 3px;
          border-radius: 3px; }

input[type='checkbox'] + label:hover:after,
input[type='checkbox']:checked + label:after {
  content: "\2713";
  line-height: 18px;
  font-size: 14px; }

input[type='checkbox'] + label:hover:after {
  color: #bcbcbc; }

input[type='checkbox']:checked + label:after,
input[type='checkbox']:checked + label:hover:after {
  color: #f5f7fa; }

/*Toggle Specific styles*/
input[type='checkbox'].toggle {
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 55px;
  height: 28px;
  background-color: #efefef;
  position: relative;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }
  input[type='checkbox'].toggle:hover:after {
    background-color: #bcbcbc; }
  input[type='checkbox'].toggle:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 24px;
    height: 24px;
    background-color: #a3a3a3;
    top: 2px;
    left: 2px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }

input[type='checkbox']:checked.toggle {
  -webkit-box-shadow: inset 0 0 0 15px #1aa6da;
          box-shadow: inset 0 0 0 15px #1aa6da; }
  input[type='checkbox']:checked.toggle:after {
    left: 29px;
    background-color: #f5f7fa; }

.selectric-wrapper {
  position: relative;
  cursor: pointer; }

.selectric-responsive {
  width: 100%; }

.selectric {
  border: none;
  /*border-bottom: 1px solid #686868;*/
  background: none;
  position: relative;
  color:black !important;
}
.form__item--visitorInfo {
    padding-top:1em;
    width:98%;
    margin-left:.5em;
    height:3em;
    margin-bottom:-.5em;
    box-shadow: 0 0 4px 2px darkgray;
}
.form__item--customColumn {
    padding-top:0.2em;
    padding-left:0.2em;
    width:98%;
    margin-left:0;
    /*margin-left:.5em;*/
    height:auto;
    margin-bottom:-.5em;
    box-shadow: 0 0 4px 2px darkgray;
}
.form__item--marginBottom-returnVisitor{
    margin-bottom:1em;
}
.form__item--marginBottom-securityTab{
    margin-bottom:2.5em;
}
.form__item--marginBottom-ofluTab {
    margin-bottom:2.5em;
}
.form__item--searchBox-dataTables{
    padding-top: 1em;
    width: 12em;
    margin-left: .5em;
    height: 2.5em;
    margin-bottom: -.5em;
    box-shadow: 0 0 4px 2px darkgrey;
    margin-top: -.75em;
    position: absolute;
    right: 17px;
    top: 4px;
}
.form__item--login{
    padding-top:1em;
    width:100%;
    height:3em;
    margin-bottom:-.5em;
    box-shadow: 0 0 4px 2px darkgray;
}
.form__item--login--domain{
    padding-top:1em;
    width:100%;
    margin-bottom:-.5em;
    box-shadow: 0 0 4px 2px darkgray;
}
.form__label--domain{
    padding-left:5em;
}
.form__item--width-registration{
    width:95.7%;
}

.form__item--width-customColumn {
    width:100%;
}
.form__item--extendSession-buttons,.form__item--personSearch-buttons {
    margin:0;
    margin-top:1em;
    margin-left:1em;
}
.form__item--contactInformation-buttons {
    margin:0;
    margin-top:1em;
    margin-left:25%;
}

.form__item--watchlistSearch-buttons {
    margin:0;
    margin-top:10em;
    margin-left:1em;
}

.form__item--dropDownList-dataTablesFilterType
{
    padding-top: 1em;
    width: 14em;
    height: 3em;
    margin-bottom: 0.5em;
    box-shadow: 0 0 4px 2px darkgray;
    font-size: 12px;
    margin-top: -8px;
    display:inline-block;
    margin-left:2em;
}
.form__item--dropDownList-dataTablesPageSize
{
    padding-top: 1em;
    width: 6em;
    height: 3em;
    margin-bottom: 0.5em;
    box-shadow: 0 0 4px 2px darkgray;
    font-size: 12px;
    margin-top: -8px;
    display:inline-block;
}
.form__item--dropDownList-activityGroup{
    padding-top: 1em;
    width: 14em;
    height: 3em;
    margin-bottom: 0.5em;
    box-shadow: 0 0 4px 2px darkgray;
    font-size: 12px;
    margin-top: -8px;
    position: absolute;
    right: 1.4em;
}
.form__item--dropDownList-activityPageSize{
    padding-top: 1em;
    width: 14em;
    height: 3em;
    margin-bottom: 0.5em;
    box-shadow: 0 0 4px 2px darkgray;
    font-size: 12px;
    margin-top: -8px;
}
.form__item--dropDownList-listLookUp{
    margin-top: .15em;
    margin-bottom: .1em;
    padding-top: 1em;
    width: auto;
    height: 3em;
    box-shadow: 0 0 4px 2px darkgray;
    font-size: 12px;
}
.form__item--submit-loginButton{
    height:3em;
    margin-bottom:-.5em;
}
  .form--light .selectric {
    border-bottom: 1px solid #f5f7fa;
    color: #f5f7fa; }
  .selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.1em;
    font-weight:bold;
    line-height: 1.25em;
    color: #000000; /*#686868;*/
    height: 33px;
    padding: 0.625em !important;
    margin: 0 0 -3px 0 !important;
    text-transform:uppercase;
    text-align:left;
  }
    .form--light .selectric .label {
      color: #f5f7fa; }
  .selectric .arrow {
    display: block;
    position: absolute;
    right: 16px;
    top: 0;
    width: 1.25em;
    height: 35px;
    color: #686868;
    text-align: center;
    font: 0/0 a; }
    .selectric .arrow:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      margin-right:10px;
      width: 0;
      height: 0;
      border: 4px solid transparent;
      border-top-color: #686868;
      border-bottom: none; }

.selectric-hover .selectric {
  border-color: #373737; }
  .selectric-hover .selectric .arrow {
    color: #373737; }
    .selectric-hover .selectric .arrow:after {
      border-top-color: #686868; }

.selectric-open {
  z-index: 9999; }
  .selectric-open .selectric {
    border-color: #373737; }
  .selectric-open .selectric-items {
    display: block; }

.selectric-disabled {
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0; }
  .selectric-hide-select select {
    position: absolute;
    left: -100%;
    display: none; }

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important; }

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important; }

.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #f5f7fa;
  border-bottom: 1px solid #686868;
  z-index: -1;
  -webkit-box-shadow: 0 0 10px -6px rgba(55, 55, 55, 0.5);
          box-shadow: 0 0 10px -6px rgba(55, 55, 55, 0.5); }
  .selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto; }
  .selectric-above .selectric-items {
    top: auto;
    bottom: 100%; }
  .selectric-items ul, .selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 1.0em;
    /*line-height: 0;*/
    min-height: 20px; }
  .selectric-items li {
    display: block;
    padding: 1.25em;
    border-top: 1px solid #f5f7fa;
    border-bottom: 1px solid #efefef;
    color: #686868;
    cursor: pointer;
    font-weight: "latobold";
    text-transform: uppercase;
  }
    .selectric-items li.selected, .selectric-items li:hover {
      background: #bcbdbd;
      color: #686868; }
  .selectric-items .disabled {
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #686868 !important;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: none;
    color: #686868; }
  .selectric-items .selectric-group.disabled li {
    opacity: 1; }
  .selectric-items .selectric-group li {
    padding-left: 25px; }

.alert {
  width: 100%;
  background: #d6d7d9;
  border-left: 5px solid #bcbdbd;
  padding: 0.625em;
  margin-bottom: 1.25em;
  max-height: 10vh;
  overflow-y: auto; }

.alert--info {
  border-left: 5px solid #1f608c;
  background: rgba(80, 162, 217, 0.5);
  color: #1f608c;
  font-size: 0.875em; }

.alert--warning {
  border-left: 5px solid #cb8e10;
  background: rgba(255, 211, 102, 0.5);
  color: #cb8e10;
  font-size: 0.875em; }

.alert--danger {
  border-left: 5px solid #fc6141;
  background: rgba(252, 97, 65, 0.5);
  color: #d42703;
  font-size: 0.875em; }

.alert--success {
  border-left: 5px solid #8cc152;
  background: rgba(160, 212, 104, 0.5);
  color: #587f2e;
  font-size: 0.875em; }

.wrapper--header {
  position: fixed;
  background: #1f608c;
  -webkit-box-shadow: 0 0 10px 0 rgba(55, 55, 55, 0.35);
          box-shadow: 0 0 10px 0 rgba(55, 55, 55, 0.35);
  margin-bottom: 1.25em;
  color: #f5f7fa;
  width: 100%;
  height: 10vh;
  z-index: 100; }

.header {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0.625em 0;
  line-height:initial;
}
.container__logo {
    position:relative;
}
.header__fp7logo {

}

.header__rights {
    position: absolute;
    top: 60px;
    left: 10px;
    font-size: .8vw;

}
/*.header__container{
    display:none;
}
.header__sections--lg{
    display:block;
}
@media (max-width:1280px){
    .header__sections--lg{
        display:none;
        width:0;
    }
    .header__container{
        display:inline-block;
    }
    .header__links{
        text-align:center;
        float:left;
        margin-left:35%;
    }
    .header__link{
        display:block;
        margin:.5em;
    }
    .header__link--status-clicked{
        text-decoration:underline;
        color:white;
    }
    .header__linksections{
        float:left;
        height:0;
    }

    .header__location,.header__unit,.header__account{
        display:none;
        width:100%;
    }
}

@media (min-width: 1280px) {
    .header__section--lg {
        float: left;
        margin-left: 1.5em;
        margin-right: 1.5em;
    }

    .header__section--margin-left {
        margin-left: 10%;
    }
}*/
.logo {
  margin: 0;
  margin-top:.5em;
  position: relative;
  height: 50px; }
  .logo a {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
         -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
    color: #f5f7fa;
    text-decoration: none;
    font-family: "latobold"; }
    .logo a span {
      font: italic bold 32px Arial,"latolight";
      text-transform:uppercase;
    }
.logo--siscoWhite{
    position:  fixed;
    top: 0.05em;
    left: -0.75em;
}
.logo__title{
    position:absolute;
    right:0;
    width:7em;
}
.school {
  position: relative; }

.school__logo {
  margin-top:.5em;
  display: block;
  height: 50px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat; }

.facility__logo__preview{
  display: block;
  height: 50px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.school__unit,
.user__account,
.school__date {
  margin: .5em 0 0.625em -70%;
  margin-left:0;
  margin-right:0;
}

.license__expiration{
    margin: .5em 0 0.625em -70%;margin-left:0;
  margin-right:0;
}
.wrapper--nav {
  width: 75px;
  height: 89.1vh;
  z-index: 1100;
  -webkit-box-shadow: 0 0 10px 0 rgba(55, 55, 55, 0.35);
          box-shadow: 0 0 10px 0 rgba(55, 55, 55, 0.35);
  position: fixed;
  background: #f5f7fa;
  margin-top: 10vh;
  float: left;
  -webkit-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  overflow: hidden; }
  @media (max-width: 760px) {
    .wrapper--nav {
      height: 50px;
      width: 100%; } }
  .wrapper--nav:hover {
    width: 200px; }
    .wrapper--nav:hover .nav__item-wrapper:nth-child(1) span {
      -webkit-transition-delay: 0.05s;
           -o-transition-delay: 0.05s;
              transition-delay: 0.05s;
      right: 10px;
      opacity: 1; }
    .wrapper--nav:hover .nav__item-wrapper:nth-child(2) span {
      -webkit-transition-delay: 0.1s;
           -o-transition-delay: 0.1s;
              transition-delay: 0.1s;
      right: 10px;
      opacity: 1; }
    .wrapper--nav:hover .nav__item-wrapper:nth-child(3) span {
      -webkit-transition-delay: 0.15s;
           -o-transition-delay: 0.15s;
              transition-delay: 0.15s;
      right: 10px;
      opacity: 1; }
    .wrapper--nav:hover .nav__item-wrapper:nth-child(4) span {
      -webkit-transition-delay: 0.2s;
           -o-transition-delay: 0.2s;
              transition-delay: 0.2s;
      right: 10px;
      opacity: 1; }
    .wrapper--nav:hover .nav__item-wrapper:nth-child(5) span {
      -webkit-transition-delay: 0.25s;
           -o-transition-delay: 0.25s;
              transition-delay: 0.25s;
      right: 10px;
      opacity: 1; }
    .wrapper--nav:hover .nav__item-wrapper:nth-child(6) span {
      -webkit-transition-delay: 0.3s;
           -o-transition-delay: 0.3s;
              transition-delay: 0.3s;
      right: 10px;
      opacity: 1; }
    .wrapper--nav:hover .nav__item-wrapper:nth-child(7) span {
      -webkit-transition-delay: 0.35s;
           -o-transition-delay: 0.35s;
              transition-delay: 0.35s;
      right: 10px;
      opacity: 1; }

     .wrapper--nav:hover .nav__item-wrapper:nth-child(8) span {
      -webkit-transition-delay: 0.4s;
           -o-transition-delay: 0.4s;
              transition-delay: 0.4s;
      right: 10px;
      opacity: 1; }

     .wrapper--nav:hover .nav__item-wrapper:nth-child(9) span {
      -webkit-transition-delay: 0.45s;
           -o-transition-delay: 0.45s;
              transition-delay: 0.45s;
      right: 10px;
      opacity: 1; }

      .wrapper--nav:hover .nav__item-wrapper:nth-child(10) span {
      -webkit-transition-delay: 0.45s;
           -o-transition-delay: 0.45s;
              transition-delay: 0.45s;
      right: 10px;
      opacity: 1; }


      .wrapper--nav:hover .nav__item-wrapper:nth-child(11) span {
      -webkit-transition-delay: 0.5s;
           -o-transition-delay: 0.5s;
              transition-delay: 0.5s;
      right: 10px;
      opacity: 1; }

      .wrapper--nav:hover .nav__item-wrapper:nth-child(12) span {
      -webkit-transition-delay: 0.5s;
           -o-transition-delay: 0.5s;
              transition-delay: 0.5s;
      right: 10px;
      opacity: 1; }

      .wrapper--nav:hover .nav__item-wrapper:nth-child(13) span {
      -webkit-transition-delay: 0.55s;
           -o-transition-delay: 0.55s;
              transition-delay: 0.55s;
      right: 10px;
      opacity: 1; }
    .wrapper--nav:hover .nav__item-wrapper:nth-child(14) span {
        -webkit-transition-delay: 0.55s;
        -o-transition-delay: 0.55s;
        transition-delay: 0.55s;
        right: 10px;
        opacity: 1;
    }
     .wrapper--nav:hover .nav__item-wrapper .logoutForm:nth-child(1) span {
        -webkit-transition-delay: 0.55s;
        -o-transition-delay: 0.55s;
        transition-delay: 0.55s;
        right: 10px;
        opacity: 1;}
.nav {
  height: 100%;
  width: 100%; }

.nav__item {
  width: 200px;
  display: block;
  color: #373737 !important;
  text-decoration: none;
  font-size: 1.1em;
  border-bottom: 1px solid #373737;
  padding: 0.7em;
  position: relative;
  -webkit-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  text-align: left; }
  .nav__item:hover {
    color: #1aa6da;
    background: #efefef; }
  .nav__item .nav__text {
    -webkit-transition: right 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.25s ease-out;
    -o-transition: right 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.25s ease-out;
    transition: right 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.25s ease-out;
    position: absolute;
    right: -55px;
    text-align: left;
    width: 135px;
    opacity: 0;
    font-size: 0.875em;
    white-space: nowrap;
  }
    .nav__item .nav__text:hover {
      color: #30b9e9; }
.nav__text {
    top: 20px;
}
.nav__item-wrapper {
  position: relative;
  /*border-bottom: 1px solid #686868;*/ }
  .nav__item-wrapper:hover .sub-nav {
    max-height: 500px; }
.nav__icon {
    margin-left:0.7em;
}

.sub-nav {
  position: relative;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out; }

.sub-nav__item {
  position: relative;
  display: block;
  text-align: center;
  background: #efefef;
  padding: 1.25em;
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease; }
  .sub-nav__item:hover {
    background: #bcbdbd;
    color: #f5f7fa; }

.card {
  background: #f5f7fa;
  -webkit-box-shadow: 0 0 10px 0 rgba(55, 55, 55, 0.35);
          box-shadow: 0 0 10px 0 rgba(55, 55, 55, 0.35);
  font-size: 1em;
  -webkit-transition: -webkit-box-shadow .2s ease-out;
  transition: -webkit-box-shadow .2s ease-out;
  -o-transition: box-shadow .2s ease-out;
  transition: box-shadow .2s ease-out;
  transition: box-shadow .2s ease-out, -webkit-box-shadow .2s ease-out;
  margin-bottom: 1.25em; }
  .card:hover {
    -webkit-box-shadow: 0 0 25px 0 rgba(55, 55, 55, 0.35);
            box-shadow: 0 0 25px 0 rgba(55, 55, 55, 0.35); }
  .card--login {
    width: 30%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }


.card__extendSession,.card--personSearch{
    width: 30em;
    position: absolute;
    top: 15%;
    left: 35%;
}

.card__contactInformation {
    width: 30em;
    position: absolute;
    top: 15%;
    left: 35%;
}
.card.card__preauthorizationPersonSearchResults {
    margin-top:-3em;
    -webkit-box-shadow: 0 0 10px rgb(55 55 55 / 35%);
    box-shadow: 0 0 10px rgb(55 55 55 / 35%);
}
.card__header {
  padding: 1.25em;
  border-bottom: 2px solid #d6d7d9;
  height: 55px;
}
.card__header--border-top{
    border-top: 2px solid #d6d7d9;
    padding-top: 5px !important;
    margin-top: 10px;
}
.card__header--position-relative{
    position:relative;
}
.card__header-nav--PersonAdministration{
    margin-top: 1.8em;
    padding-bottom: 1em;
    height: 54px;
}
.card__security{
    display:inline-block;
    width:inherit;
}
.card__oflu{
    display:inline-block;
    width:inherit;
    margin-bottom:20em;
}
@media (max-width: 760px) {
    .card__header-nav--PersonAdministration{
        margin-top:2em;
    }
}

.card-personAdministration__nav{
    list-style:none;
    margin-top: -2.15em;
    margin-left: -4.3em;
}
.card-personAdministration__navTab{
    float: left;
    padding-right: .5em;
    padding-left: .5em;
    border-right: 2px solid #686868;
    color: #1aa6da;
    padding-left:1em;
    height: 52px;
    padding-top: .9em;
    margin-top:.9em;
    width:10em;
    text-align:center;
     -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.card-personAdministration__navTab:first-child{
    margin-left:.5em;
}
.card-address__nav{
    list-style:none;
    margin-top:-2.15em;
    margin-left:-4.3em;
}
.card-address__navTab{
    float: left;
    padding-right: .5em;
    padding-left: .5em;
    padding-top: 1.2em;
    height: 54px;
    border-right: 2px solid #686868;
    color: #1aa6da;
    padding-left:1em;
       -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.card-address__navTab--active-true,.card-personAdministration__navTab--active-true{
    /*background: #efefef;*/
    background:#95bfb8;
    color:white;
}
.card-address__navTab:not(.card-address__navTab--active-true):hover, .card-personAdministration__navTab:not(.card-personAdministration__navTab--active-true):hover{
     /*background: #bcbdbd;
    color: #f5f7fa; */
    text-decoration:underline;
    cursor: pointer;
}
.card-address__navLink{
    display:inline-block;
    height:inherit;
    text-transform:none !important;
}
.card-address__navLink:hover{
    text-decoration:inherit;
}

.homeAddressContainer{

}
.homeAddressContainer--visible-false
{
    display:none;
}
.workAddressContainer{

}
.workAddressContainer--visible-false
{
    display:none;
}
.card__titles {
  width: 65%;
  float: left; }
.card__titles--personInfo{
    width:50%;
}
  .card__titles--expandable {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }

.card__title {
  font-size: 0.875em;
  font-family: "latobold";
  margin: 0;
  text-transform: uppercase; }

.card__actions {
  width: 25%;
  float: right;
  text-align: right; }
.card__actions--personSearch{
    width:35%;
}
.card__actions--managePerson{
    float:left;
    margin-top:.4em;
    width:auto;
    margin-left:0;
}
.card__action {
  display: inline-block; }

.card__body {
  padding: 1.25em;
  height: 85%; }
  .card__body--contactInformation {
        margin-top:1em;
        height:50vh;
        overflow-y: auto;
        overflow-x: hidden;
  }
  .card__body--scroll {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden; }
  .card__body--visitorInfo {
      margin-top:-2em;
      float:left;
      width:100%;
      height:100%;
  }
  .card__body--customColumns {
      padding-left: 0.2em;
      padding-right:0.2em;
  }
  .card__body--personSearch{
      margin-top:0;
  }
  .card__body--managePerson{
      margin-top:-2.7em;
      padding:2.7em;
      padding-left:0;
      padding-bottom:4em;
  }
  .card__body--addPerson{
      margin-top:-2em;
      font-size:.85em;
      padding-bottom:2em;
  }

  .card__body--paddingBottom-sm{
      padding-bottom:2em;
  }
.context__actions {
  display: block;
  width: 150px;
  background: #f5f7fa;
  -webkit-box-shadow: 0 0 5px 0 rgba(51, 51, 51, 0.35);
          box-shadow: 0 0 5px 0 rgba(51, 51, 51, 0.35);
  padding: 0.625em;
  position: relative;
  z-index: 100; }

.context__action {
  display: block;
  text-align: right; }
  .context__action:not(:last-child) {
    margin-bottom: 0.625em; }

.card__search {
  display: block;
  float: left;
  width: 85%; }
  .card__search .form__item {
    margin-top: -10px; }

.legendContainer{
    margin-left:-1em;
}
.legend {
  width: 11%;
  float: left;
  position: relative;
  margin-bottom: 0.625em;
  margin-top:0.625em;
  margin-left:10%;
}
.legend--activityLog{
    width:2.5em;
    margin-left:2em;
}
.legend__text {
  position: absolute;
  top: 10%;
  padding-left: 5px;
  text-align: left;
  font-size:x-small;
}

.legend__text--licenseStatus
{
    margin-left:.5em;
    vertical-align:top;
}
.licensed__row{
    background-color:#50a850 !important;
}
.unlicensed__row{
    background-color:#fc6141 !important;
}
.legend__icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #bcbdbd; }

.legend__icon--active {
  background: #50a850; }
.legend__icon--marginLeft-none{
    margin-left:0;
}

.legend__icon--exited {
  background: #30b9e9; }

.legend__icon--warning {
  background: #ffd366; }

.legend__icon--danger {
  background: #fc6141; }

.device {
  display: block;
  margin-bottom: 0.625em;
  background-color: #bcbdbd;
  width: 50% !important;
  height: 46% !important;
  margin-left:20% !important;
  text-indent: -9999px;
  background-position: center;
   -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;}

  .device--drivers-license {
    background-image: url("/FastPass/Content/Images/devices--drivers-license.png"); }
  .device--finger-print {
    background-image: url("/FastPass/Content/Images/devices--finger-print.png"); }
  .device--photo {
    background-image: url("/FastPass/Content/Images/devices--photo.png");
    background-size:contain;
    background-repeat:no-repeat;
  }
  .device--signature {
    background-image: url("/FastPass/Content/Images/devices--signature.png"); }
  .device--passport {
    background-image: url("/FastPass/Content/Images/devices--passport.png"); }
  .device--scanner {
    background-image: url("/FastPass/Content/Images/devices--scanner.png");
    background-size:contain;
    background-repeat:no-repeat;
  }
   .device--selected {
    border: 5px solid #30b9e9; }
  .device:hover {
    opacity: .75;
    -webkit-box-shadow: 0 0 10px 0 rgba(55, 55, 55, 0.5);
            box-shadow: 0 0 10px 0 rgba(55, 55, 55, 0.5); }
.loading--wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  background: rgba(55, 55, 55, 0.75);
  z-index: 1000000; }

.session__timeout,.person__search,.person__advancedSearch,.watchlist__search, #addAssociatedPersonPopUp, .contactInformationPopUp{
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  background: rgba(55, 55, 55, 0.75);
  z-index: 1000000;
}

  .loading--wrapper .loading-icon {
    color: #f5f7fa; }

.loading-icon {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.display__watchlists{
    position: absolute;
    top: 22%;
    left: 42%;
    display:none;
}

.loading__watchlists{
        padding-top: 1.3em;
    width: 25.7em;
    /* margin-left: .5em; */
    height: 3em;
    /* margin-bottom: -0.5em; */
    box-shadow: 0 0 4px 2px darkgrey;
    margin: 0 auto;
    text-align: center;
    padding-bottom: .5em;
}
.loading__watchlistsLabel{
    width: 100%;
    color: #e2e2c3 !important;
    text-align: left;
}

.activity-container {
  width: 100%;
  margin: 0 auto;
  margin-top:-17px;
  position: relative; }

.activity-wrapper {
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
  position: relative; }

.activity-inner {
  height: 100px;
  left: 0;
  width: auto;
  position: relative; }

.activity__image {
  width: 100%;
  height: 100%; }

.activity__person {
      padding-top: 8em;
    margin-bottom: 8.5em;
    font-size:0.875em !important;
    color:#f5f5f5;
    width: 7.85em;
    height: 15.285em;
  background-image: url("/images/devices--photo.png");
  /*background-size: cover;
  background-position: center center;*/
  background-size: 7.85em 7.85em;
  background-position: top;
  background-repeat: no-repeat;
  display: inline-block;
  float: left;
  margin-right: 0.625em;
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
  position: relative;
  cursor: pointer;
}
  .activity__person:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10; }

  .activity__checkout{
    display: inline-block;
    font-family: "latoregular"!important;
    margin-top: .5em;
    text-align: center;
  }
  .activity__checkout:hover{
      overflow:hidden;
  }
  .activity__person.isActive {
    border: 3px solid #50a850;
    background-color:#50a850;
  }
  .activity__person.isPrint {
    border: 3px solid #e59400;
    background-color:#e59400;
  }
    /*.activity__person.isActive:hover {
      border: 8px solid #50a850; }
      .activity__person.isActive:hover::before {
        background: rgba(30, 217, 179, 0.5); }*/
  .activity__person.hasExited {
    border: 3px solid #30b9e9;
    background-color:#30b9e9;
  }
    /*.activity__person.hasExited:hover {
      border: 8px solid #30b9e9; }
      .activity__person.hasExited:hover::before {
        background: rgba(80, 162, 217, 0.5); }*/
  .activity__person.isFlagged {
    border: 3px solid #f44336;
    background-color:#f44336;
    pointer-events:none;
  }

    /*.activity__person.isFlagged:hover {
      border: 8px solid #eb5848; }
      .activity__person.isFlagged:hover::before {
        background: rgba(235, 88, 72, 0.5); }*/
  .activity__person.isWarned {
    border: 3px solid #ffd366;
    background-color:#ffd366;
  }
    /*.activity__person.isWarned:hover {
      border: 8px solid #ffd366; }
      .activity__person.isWarned:hover::before {
        background: rgba(255, 211, 102, 0.5); }*/

.arrow {
  position: absolute;
  top: 16%;
  cursor: pointer; }
  .arrow:hover {
    color: #bcbdbd; }
  .arrow--right {
    right: -.7em;
  }
  .arrow--left{
      right:100%;
  }
.person {
  width: 400px;
  height: 140px;
  position: absolute;
  background: #f5f7fa;
  z-index: 1000000;
  -webkit-box-shadow: 0 0 10px 0 rgba(55, 55, 55, 0.35);
          box-shadow: 0 0 10px 0 rgba(55, 55, 55, 0.35); }
  .person:before {
    content: '';
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: -5px;
    right: -20px; }
  .person.isActive:before {
    border-bottom: 30px solid #1ed9b3; }
  .person.hasExited:before {
    border-bottom: 30px solid #50a2d9; }
  .person.isFlagged:before {
    border-bottom: 30px solid #eb5848; }
  .person.isWarned:before {
    border-bottom: 30px solid #ffd366; }
   .person--search {
       position: relative;
    background: #efefef;
    margin-bottom: 1em;
    height: 100%;
    width: 8.834em;
    border: 1px solid #bcbdbd;
    margin-top: 1em;
   }
   .personsearch--height-18{
           height: 18em;
   }
   .baseball__card{
      width: 10em;
    display: inline-block;
    margin-right: .5em;
    padding-left: .5em;
    text-align: left;
    margin-top: 1.5em;
    /* padding-left: 0.5em; */
    border: 1px solid #bdbdbd;
    height:20em;
   }
   .baseballcard__selectbutton{
       position: absolute;
       /* top: 87.7%; */
   }
.person__left {
  width: 140px;
  float: left; }

.person__right {
  width: -webkit-calc(100% - 140px);
  width: calc(100% - 140px);
  float: right;
  padding: 0.625em; }

.person__image {
  width: 100%;
  height: 140px;
  background-position: center;
  background-size: cover; }

.person__info {
  margin: 3px 0;
  font-family: "latobold";
  font-size: 0.875em;
  padding-left: .5em;
}
.denyEntryTextArea{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s linear;
    white-space: nowrap;
}
.denyEntryTextArea:focus, .denyEntryTextArea:hover {
  color:transparent;
}
.denyEntryTextArea:focus:after,.denyEntryTextArea:hover:after{
    content:attr(data-text);
    overflow: visible;
    text-overflow: inherit;
    background: #efefef;
    position: absolute;
    left:auto;
    top:auto;
    width: auto;
    max-width: 20rem;
    border: 1px solid #eaebec;
    padding: 0 .5rem;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.28);
    white-space: normal;
    word-wrap: break-word;
    display:block;
    color:black;
    margin-top:-1.25rem;
    font-family: "latoregular";
    z-index:10;
  }
  .person__info span {
    font-family: "latoregular"; }

.person__close {
  position: absolute;
  top: 2px;
  right: 6px;
  cursor: pointer;
}

.heartbeat {
    position: absolute;
    display: none;
    margin: 5px;
    color: red;
    right: 0;
    top: 0;
}

.person__select {
    position: absolute;
    top: 2px;
    right: 6px;
    cursor: pointer;
}

section.card--activity > .card__header{
    height:56px;
}
#activityLog{float:right;
}
#visitorInfo, #personInfo{height:100%;}

@media (max-width: 1280px) {
    /*.visitorInfo--padding-left{
        padding-left:0.25em;
    }*/
    .visitorInfo--padding-right{
        padding-right:0.25em;
    }
}
/*@media (max-width: 1919px) {
    #visitorInfo {
        height:101.2%;
    }
}*/
/*#actionPanel{padding:0;}*/
#actionPanel aside{padding-top:0.7em}

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

.iframe-lookup{
      overflow: hidden !important;
        height: 110%;
        width: 100%;
        margin-left: -4em;
        margin-top: -5em;
}

.jqx-widget-header {
    background-color:#f5f7fa !important;
}

.operations-button--visitDetails {
    margin:0;
    margin-right:.5em;
    width:25px;
    height:25px;
    font-size:16px !important;
    display:inline-block !important;
    -webkit-border-radius:4px;
    border-radius:4px;
    padding:unset;
    z-index: 100000;
}
.operation-button{
    margin:0;
    margin-right:.5em;
    width:25px;
    height:25px;
    font-size:16px !important;
    display:inline-block !important;
}
.operation-button--display-inline {
    display:inline;
}
.operation-button--display-none {
    display:none !important;
}
.operation-button--listBox {
    width:20px;
    height:20px;
}
.imageButtons--tableEditor-saveCancel {
    margin-top:-1px;
    border:none;
    border-style:none;
    background:transparent;
    outline:none;
}

.imageButtons--tableEditor-cancel {
           margin-top:-.5em;
           margin-left:-1.85em;
           border:none;
           border-style:none;
           background:transparent;
           padding:.5em;
           padding-left:2em;
           outline:none;
           font-family:latoregular;
        }
        .imageButtons--icon{
            margin-left:.2em;
            vertical-align: top; margin-top: 3px;
        }
         .imageButtons--tableEditor-save {
           margin-top:-.5em;
           margin-left:-1.85em;
           border:none;
           border-style:none;
           background:transparent;
           padding:.5em;
           padding-left:2em;
           padding-right:1em;
           outline:none;
           font-family:latoregular;
        }

.card__header--tableEditor {
        height: auto;
        padding-top: 0;
        padding-bottom: 1.75em;
}
.table-editLink {
    text-decoration:none;
}
.table-editLink:hover {
    text-decoration:none;
}
.facility-fileUpload
{
    display:inline-block;
}
.bootstrap-filestyle.preauthorizedPeopleImport-fileUpload {
    display:none;
}

.personAdministration {
    /*padding-top: 1.25em;*/
    margin-left: -2.5em;
}
.personAdministration__tabs{
    padding-top:1.25em;
}
.personAdministration__activity{
    padding-top: 1.25em;
}
.registration__sound{
    margin:0;
    padding:0;
    border:none;
    height:0;
    width:0;
}

#timeframe, #activity{
    width:25%;
    margin-top:0;
    margin-bottom:10px;
}

.watchlist__flyer{
    width:100%;
    height:100%;
}
.watchlist__row:hover{
    background-color:#75BAFF !important;
}
.watchlist__checkbox {
    margin-left:.5em !important;
}

.toast {
    opacity: 1 !important;
}

 .btn-email,.btn-activeDirectory {
        width: 120px;
        height: 20px;
        background: #0277BD;
        color: whitesmoke;
        margin-left: .5em;
    }



                                                                                    /*--=Control Panel =--*/

.componentLink{
    display:inline-block;
    background-color:lightgray;
    font-size:11px;
    width:100px;
    height:100px;
    text-align:center;
    box-shadow: inset 0 0 1px 1px #688b9c;
}
.componentLink:hover{
    background:#75BAFF;
    box-shadow: inset 0 0 1px 1px #688b9c;
    color:white;
    cursor:pointer;
}
.componentLink__label{
    font-size: 1em;
    margin-top: -.05em;
    cursor:inherit;
    white-space:normal;
}
.componentSection{
    /*border:2px solid #373737;*/
    border-collapse:collapse;
    border-bottom:none;
    box-shadow: 0 0 1px 0 rgba(55, 55, 55, 0.35);
}

.componentSection__label {
    font-weight:normal;
}
.componentSection i {
    margin-top:2px;
}

.componentSection__iconStack {
    margin-top: 1.5em;
    margin-right: 3.5em;
    margin-bottom: 2em;
}
.componentSection__icon-primary{
    font-size:60px;
}
.componentSection__icon-secondary{
    font-size:15px;
    padding-left:26px;
    color:green;
}

.componentSection:last-of-type{
    /*border-bottom:2px solid #373737;*/
}

label {
    width:200px;
}

.componentSectionHeading{
    display:inline;
}

@media (max-width: 1280px) {
    .componentSectionHeading{
        display:block;
    }
    .componentLink{
        margin-bottom:.3em;
    }
    .title__controlPanel{
        width:100%;
    }
    .container__controlPanel{
        margin-top:6.2em;
    }
}

.registration__formbuttons{
    /*margin-left: -19px;
    margin-top: -19px;*/
    position: absolute;
    width: 100%;
}
.registration__formbutton{
    display: inline-block;
    background: #009688;
    color: #f5f5f5;
    padding: .1em;
    /*width: 33.33%;*/
    height: 54px;
    margin-right: 0;
    margin-left: 0;
    float: left;
    font-size: .8em;
}
.registration__formbutton--width-zero {
    width:0;
}
.registration__formbutton--width-preauthIncluded{
    width:25%;
}
.registration__formbutton--selected-true{
    background:#75BAFF;
}
.registration__formbutton:hover{
    background:#80CBC4;
        /*box-shadow: inset 0 0 3px 3px #444;*/
        cursor:pointer;
}

.registration__headeradjustment{
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding:0;
}


.system__alert {
            /*position: absolute;*/
            font-family: "lato";
            padding-top: .55em;
            background-color: #7d7d7d;
            margin-bottom: .5em;
            padding-bottom: 0.25em;
            display: inline-block;
            Color: black;
            width: 100%; /*48.05em;*/
            z-index: 1000;
            overflow: hidden;
            border-bottom: 2px solid #bcbdbd;
            border-top: 2px solid #bcbdbd;
            height: 39px;
            color: rgb(252, 193, 7);
            margin-top: -2.41em;
            visibility:visible;
            float:left;
        }
    .system__alertTitle {
        margin-left:0.1em;
        text-transform:uppercase;
        font-weight:normal;
        font-family:'latobold';
    }
    .system__alert-message{
        margin-top: -1.1em;
        overflow: hidden;
        margin-left: 8.75em;
        color:#f5f7fa;
    }

    /*@media (min-width: 960px) {
        .system__alertAbovePersonInfo{
            visibility:hidden;
        }
    }
    @media (max-width: 960px) {
        .system__alert--width-2x{
            width:200%;
        }
        .system__alertAboveCapture{
            visibility:hidden;
        }
    }*/

    .dataTable {
        text-transform:uppercase;
    }

    .sa-button-container{
        direction:rtl;
    }

    .text-uppercase{
        text-transform:uppercase;
    }
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    /*added by juan during change set 28174. Why?*/
    .sweet-alert p {
        text-align:justify !important;
        word-break: break-word;
    }

    /*.sweet-alert p {
        text-align:center !important;
    }*/

    .accesskey-entry {
        background-color:#50a850 !important;
    }

.personDetailSection--height-auto{
    height:auto;
}
.personAddressSection--height-auto{
    height:auto;
}
.personPhotoSection--height {
   height: 25.6em;
}
.personActionsSection--height {
    height:31.3em;
}
/*Deny Entry Sweet Alert*/
.denyEntryImage{
    height:18em;
    width: 18em;
    margin: 0 auto;
    border-radius: 10px;
    border: 2px solid #F27474;
}

.denyEntryName{
    color: #f27474;
}
.denyEntryContentDiv{
    text-align:center;
}
.denyEntryName{

    font-weight: bold;
    color: #F44337;
}
.denyEntryLabel{
    text-decoration:underline;
}
.denyEntryText{
   text-align: left;
}


/*Little Sentry Styling*/
.littleSentryText {
  text-align: left;
  position: absolute;
  bottom: 1px;
  margin-bottom: 3px;
}



.littleSentry__body{
    margin: 3px 50px 3px 50px;
    pointer-events: none;
}

.littlesentry-inner{
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align:bottom;
}
.littleSentry {
    color: #f5f5f5;
    height: 13em;
  background-image: url("/images/devices--photo.png");
  background-size: 9em 9em;
  background-position: top;
  background-repeat: no-repeat;
  background-position-y: 5px;
  position: relative;
  cursor: pointer;
  margin: 13px 0px 13px 0px;

}
  .littleSentry:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10; }


  .littleSentry.isActive {
    border: 3px solid #50a850;
    background-color:#50a850;
  }
  .littleSentry.isPrint {
    border: 3px solid #e59400;
    background-color:#e59400;
  }

  .littleSentry.hasExited {
    border: 3px solid #30b9e9;
    background-color:#30b9e9;
  }

  .littleSentry.isFlagged {
    border: 3px solid #f44336;
    background-color:#f44336;
    pointer-events:none;
  }

  .littleSentry.isWarned {
    border: 3px solid #ffd366;
    background-color:#ffd366;
  }



@media (max-width: 1280px) {
    .personActionsSection--height {
        height: 25.6em;
    }
}

@media (min-width:780px){
    .mobileCarrier--margin-left{
        margin-left:-.6em;
    }
}


.dataTable__dropDownList,.dataTable__dropDownList_transtype {
 width:auto !important;
 display:block !important;
 margin-top:1.25em !important;
 box-shadow: 0 0 4px 2px darkgrey !important;
}
.dataTable__textBox {
    width: 100%;
    padding-left: 1.5em !important;
    margin-top: 1.25em;
    margin-left:-1em;
    text-align: justify;
}
.dataTable__displayText {
    margin-top:1.25em;
    display:block !important;
    text-align:justify;
}
.dataTable__calendar {
    margin-top:1.25em;
    display:block !important;padding-top: 1em;
    width: 98%;
    margin-left: .5em;
    height: 3em;
    box-shadow: 0 0 4px 2px darkgrey;
}
.customVisitDataRow {
}
.customVisitDataRow--closeButton {
   cursor:pointer;
   width:25px;
   height:25px;
}
.dataTable__td {
    vertical-align:middle !important;
    /*text-align:center;*/
}
.dataTable__td__item{
    position:relative;
}
.dataTable__td .help-error {
    text-transform:none;
    top:37px;
}

.dataTable__clickableRow {

}
.dataTable__clickableRow:hover {
    cursor:pointer;
    background-color:#75BAFF !important;
}
.dataTable__clickableRow--clicked {
    background-color:#75BAFF;
}
.associated--field{
    margin-top: 5px;
    width: 90%;
    height: 40px;
    margin-bottom: 3px;
}
.accordion--height-100{
    height:100% !important;
}
.js-accordion .ui-accordion-content {
  padding: 1em 0.5em !important;
}
.js-customColumnsAccordion .ui-accordion-content {
    padding: 1em 0.5em !important;
}

.js-customVisitDateContainer {
    display: block;
}
.ui-widget-content {
    border-color:#BCBDBD !important;
    background-color: white !important;
}

.ui-menu-item-wrapper :hover{
border-color: #c5c5c5 !important;
    background-color: #BCBDBD  !important;
}

} .ui-state-active :hover {
    border-color: #c5c5c5 !important;
    background-color: #BCBDBD  !important;
}


.js-personToSeeAutoComplete::placeholder{
    font-size: 12px;
    font-family: FontAwesome, latoregular;
}

.js-alternateHostAutoComplete::placeholder{
    font-size: 12px;
    font-family: FontAwesome, latoregular;
}

.sweet-alert--ContactInformation {
}
#managePersonSearchResults_filter{
    display: none;
}


#managePersonSearchResults_filter{
    display: none;
}

/*COMMENTS UPDATER STYLES*/

.card--search {
    width:100%;
    padding-bottom:2em;
    display:inline-block;
}
.card--paddingBottom-none {
    padding-bottom:0;
}
.card__title--commentsUpdater {
        font-family: "latoregular"!important;
}

@media (max-width: 480px) {
    .card__header--paddingBottom-smallScreen {
        padding-bottom: 3.25em;
    }
}

@media (max-width:870px){
    .wrapper--header{
        height:10.5vh;
    }
}

@media (max-width:580px){
    .wrapper--header{
         height:14.5vh;
    }
    .wrapper--body{
        margin-top: 7em;
    }
}
.form__item--enabled-false {
    background-color: hsl(0,0%,82.7%);
    width:100%;
    cursor:not-allowed;
    box-shadow: none;
    color: #f5f5f5;
}
.form__item--commentsUpdater {
    padding-top: 1em;
    width: 98%;
    /*margin-left: .5em;*/
    height: 3em;
    margin-bottom: 1.5em;
    box-shadow: 0 0 4px 2px darkgrey;
}
.form__input__maxwidth-inherit {
    max-width:inherit !important;
}
.form__textarea--maxwidth-inherit
{
    max-width:inherit !important;
}

.btn__commentsUpdater{
    float: left;
    margin-top: .5em;
    width: auto;
    margin-left: 0;
}
.btn__commentsUpdater--cancel{
    margin-top: -0.75em;
    margin-bottom: .5em !important;
    float:none;
}
.btn__commentsUpdater--save{
    margin-top: -0.75em;
    margin-bottom: .5em !important;
    margin-left:.5em;
    float:none;
}
.btn__commentsUpdater--marginTop-none{
    margin-top:0;
}
.card__titles{
    float:left;
    width:100%;
}

.help__inlineTextArea label{
    width:100%;
}

.logo--sisco-white {
    position: fixed;
    top: -0.05em;
    right: -0.45em !important;
}

.header__title--commentsUpdater{
    font: italic bold 32px Arial,"latolight";
    text-transform: uppercase;
}
h1 {
    font-weight:bold !important;
}

.dvSurvey{

}
{"version":3,"sources":["vars/_typography.scss","_grid.scss","vars/_others.scss","_normalize.scss","styles.css","_base.scss","vars/_colors.scss","_buttons.scss","_form.scss","_form-selectric.scss","vars/_form.scss","_alerts.scss","_header.scss","_nav.scss","_card.scss","_legend.scss","_devices.scss","_loading.scss","_activity-log.scss","_person-card.scss"],"names":[],"mappings":"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","file":"styles.css","sourcesContent":["@font-face {\r\n  font-family: 'latoblack';\r\n  src: url('../fonts/lato-black-webfont.eot');\r\n  src: url('../fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),\r\n  url('../fonts/lato-black-webfont.woff2') format('woff2'),\r\n  url('../fonts/lato-black-webfont.woff') format('woff'),\r\n  url('../fonts/lato-black-webfont.ttf') format('truetype'),\r\n  url('../fonts/lato-black-webfont.svg#latoblack') format('svg');\r\n  font-weight: normal;\r\n  font-style: normal;\r\n\r\n}\r\n\r\n@font-face {\r\n  font-family: 'latoblack_italic';\r\n  src: url('../fonts/lato-blackitalic-webfont.eot');\r\n  src: url('../fonts/lato-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),\r\n  url('../fonts/lato-blackitalic-webfont.woff2') format('woff2'),\r\n  url('../fonts/lato-blackitalic-webfont.woff') format('woff'),\r\n  url('../fonts/lato-blackitalic-webfont.ttf') format('truetype'),\r\n  url('../fonts/lato-blackitalic-webfont.svg#latoblack_italic') format('svg');\r\n  font-weight: normal;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: 'latobold';\r\n  src: url('../fonts/lato-bold-webfont.eot');\r\n  src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),\r\n  url('../fonts/lato-bold-webfont.woff2') format('woff2'),\r\n  url('../fonts/lato-bold-webfont.woff') format('woff'),\r\n  url('../fonts/lato-bold-webfont.ttf') format('truetype'),\r\n  url('../fonts/lato-bold-webfont.svg#latobold') format('svg');\r\n  font-weight: normal;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: 'latobold_italic';\r\n  src: url('../fonts/lato-bolditalic-webfont.eot');\r\n  src: url('../fonts/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),\r\n  url('../fonts/lato-bolditalic-webfont.woff2') format('woff2'),\r\n  url('../fonts/lato-bolditalic-webfont.woff') format('woff'),\r\n  url('../fonts/lato-bolditalic-webfont.ttf') format('truetype'),\r\n  url('../fonts/lato-bolditalic-webfont.svg#latobold_italic') format('svg');\r\n  font-weight: normal;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: 'latohairline';\r\n  src: url('../fonts/lato-hairline-webfont.eot');\r\n  src: url('../fonts/lato-hairline-webfont.eot?#iefix') format('embedded-opentype'),\r\n  url('../fonts/lato-hairline-webfont.woff2') format('woff2'),\r\n  url('../fonts/lato-hairline-webfont.woff') format('woff'),\r\n  url('../fonts/lato-hairline-webfont.ttf') format('truetype'),\r\n  url('../fonts/lato-hairline-webfont.svg#latohairline') format('svg');\r\n  font-weight: normal;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: 'latohairline_italic';\r\n  src: url('../fonts/lato-hairlineitalic-webfont.eot');\r\n  src: url('../fonts/lato-hairlineitalic-webfont.eot?#iefix') format('embedded-opentype'),\r\n  url('../fonts/lato-hairlineitalic-webfont.woff2') format('woff2'),\r\n  url('../fonts/lato-hairlineitalic-webfont.woff') format('woff'),\r\n  url('../fonts/lato-hairlineitalic-webfont.ttf') format('truetype'),\r\n  url('../fonts/lato-hairlineitalic-webfont.svg#latohairline_italic') format('svg');\r\n  font-weight: normal;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: 'latoitalic';\r\n  src: url('../fonts/lato-italic-webfont.eot');\r\n  src: url('../fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),\r\n  url('../fonts/lato-italic-webfont.woff2') format('woff2'),\r\n  url('../fonts/lato-italic-webfont.woff') format('woff'),\r\n  url('../fonts/lato-italic-webfont.ttf') format('truetype'),\r\n  url('../fonts/lato-italic-webfont.svg#latoitalic') format('svg');\r\n  font-weight: normal;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: 'latolight';\r\n  src: url('../fonts/lato-light-webfont.eot');\r\n  src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),\r\n  url('../fonts/lato-light-webfont.woff2') format('woff2'),\r\n  url('../fonts/lato-light-webfont.woff') format('woff'),\r\n  url('../fonts/lato-light-webfont.ttf') format('truetype'),\r\n  url('../fonts/lato-light-webfont.svg#latolight') format('svg');\r\n  font-weight: normal;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: 'latolight_italic';\r\n  src: url('../fonts/lato-lightitalic-webfont.eot');\r\n  src: url('../fonts/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),\r\n  url('../fonts/lato-lightitalic-webfont.woff2') format('woff2'),\r\n  url('../fonts/lato-lightitalic-webfont.woff') format('woff'),\r\n  url('../fonts/lato-lightitalic-webfont.ttf') format('truetype'),\r\n  url('../fonts/lato-lightitalic-webfont.svg#latolight_italic') format('svg');\r\n  font-weight: normal;\r\n  font-style: normal;\r\n}\r\n\r\n@font-face {\r\n  font-family: 'latoregular';\r\n  src: url('../fonts/lato-regular-webfont.eot');\r\n  src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),\r\n  url('../fonts/lato-regular-webfont.woff2') format('woff2'),\r\n  url('../fonts/lato-regular-webfont.woff') format('woff'),\r\n  url('../fonts/lato-regular-webfont.ttf') format('truetype'),\r\n  url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');\r\n  font-weight: normal;\r\n  font-style: normal;\r\n}\r\n\r\n$font-main: 'latoregular';\r\n$font-main-italic: 'latoitalic';\r\n$font-bold: 'latobold';\r\n$font-bold-italic: 'latobold_italic';\r\n$font-light: 'latolight';\r\n$font-light-italic: 'latolight_italic';\r\n\r\n$font-size-xsm: 0.7125em;\r\n$font-size-sm: 0.875em;\r\n$font-size-base: 1em;\r\n$font-size-lg: 1.185em;\r\n$font-size-xlg: 1.245em;","/* ---- [ Compiled Grid ] ---- */\r\n.container {\r\n  margin: 0 auto;\r\n\r\n  &:before,\r\n  &:after {\r\n    content: \" \";\r\n    display: table;\r\n  }\r\n\r\n  &:after {\r\n    clear: both;\r\n  }\r\n\r\n  &--body{\r\n    margin-bottom: $padding*4;\r\n  }\r\n}\r\n\r\n.pull-right { float: right !important; }\r\n\r\n.pull-left { float: left !important; }\r\n\r\n.col__xs--1, .col__xs--2, .col__xs--3, .col__xs--4, .col__xs--5, .col__xs--6, .col__xs--7, .col__xs--8, .col__xs--9, .col__xs--10, .col__xs--11, .col__xs--12,\r\n.col__sm--1, .col__sm--2, .col__sm--3, .col__sm--4, .col__sm--5, .col__sm--6, .col__sm--7, .col__sm--8, .col__sm--9, .col__sm--10, .col__sm--11, .col__sm--12,\r\n.col__md--1, .col__md--2, .col__md--3, .col__md--4, .col__md--5, .col__md--6, .col__md--7, .col__md--8, .col__md--9, .col__md--10, .col__md--11, .col__md--12,\r\n.col__lg--1, .col__lg--2, .col__lg--3, .col__lg--4, .col__lg--5, .col__lg--6, .col__lg--7, .col__lg--8, .col__lg--9, .col__lg--10, .col__lg--11, .col__lg--12,\r\n.col__xl--1, .col__xl--2, .col__xl--3, .col__xl--4, .col__xl--5, .col__xl--6, .col__xl--7, .col__xl--8, .col__xl--9, .col__xl--10, .col__xl--11, .col__xl--12,\r\n.col__xxl--1, .col__xxl--2, .col__xxl--3, .col__xxl--4, .col__xxl--5, .col__xxl--6, .col__xxl--7, .col__xxl--8, .col__xxl--9, .col__xxl--10, .col__xxl--11, .col__xxl--12 {\r\n  position: relative;\r\n  float: left;\r\n  min-height: 1px;\r\n  padding-left: $padding;\r\n  padding-right: $padding;\r\n}\r\n\r\n.alpha { padding-left: 0; }\r\n.omega { padding-right: 0; }\r\n\r\n$difference : 20px;\r\n\r\n@media (min-width: $breakpoint-xs) {\r\n  .container { width: 95% }\r\n  .col__xs--1 { width: 8.33333%; }\r\n  .col__xs--2 { width: 16.66667%; }\r\n  .col__xs--3 { width: 25%; }\r\n  .col__xs--4 { width: 33.33333%; }\r\n  .col__xs--5 { width: 41.66667%; }\r\n  .col__xs--6 { width: 50%; }\r\n  .col__xs--7 { width: 58.33333%; }\r\n  .col__xs--8 { width: 66.66667%; }\r\n  .col__xs--9 { width: 75%; }\r\n  .col__xs--10 { width: 83.33333%; }\r\n  .col__xs--11 { width: 91.66667%; }\r\n  .col__xs--12 { width: 100%; }\r\n}\r\n\r\n@media (min-width: $breakpoint-sm) {\r\n  .container { width: $breakpoint-sm - $difference; }\r\n  .alpha--xs { padding-left: 0; }\r\n  .omega--xs { padding-right: 0; }\r\n  .col__sm--1 { width: 8.33333%; }\r\n  .col__sm--2 { width: 16.66667%; }\r\n  .col__sm--3 { width: 25%; }\r\n  .col__sm--4 { width: 33.33333%; }\r\n  .col__sm--5 { width: 41.66667%; }\r\n  .col__sm--6 { width: 50%; }\r\n  .col__sm--7 { width: 58.33333%; }\r\n  .col__sm--8 { width: 66.66667%; }\r\n  .col__sm--9 { width: 75%; }\r\n  .col__sm--10 { width: 83.33333%; }\r\n  .col__sm--11 { width: 91.66667%; }\r\n  .col__sm--12 { width: 100%; }\r\n}\r\n\r\n@media (min-width: $breakpoint-md) {\r\n  .container { width: $breakpoint-md - $difference; }\r\n  .alpha--sm { padding-left: 0; }\r\n  .omega--sm { padding-right: 0; }\r\n  .col__md--1 { width: 8.33333%; }\r\n  .col__md--2 { width: 16.66667%; }\r\n  .col__md--3 { width: 25%; }\r\n  .col__md--4 { width: 33.33333%; }\r\n  .col__md--5 { width: 41.66667%; }\r\n  .col__md--6 { width: 50%; }\r\n  .col__md--7 { width: 58.33333%; }\r\n  .col__md--8 { width: 66.66667%; }\r\n  .col__md--9 { width: 75%; }\r\n  .col__md--10 { width: 83.33333%; }\r\n  .col__md--11 { width: 91.66667%; }\r\n  .col__md--12 { width: 100%; }\r\n}\r\n\r\n@media (min-width: $breakpoint-lg) {\r\n  .container { width: $breakpoint-lg - $difference; }\r\n  .alpha--md { padding-left: 0; }\r\n  .omega--md { padding-right: 0; }\r\n  .col__lg--1 { width: 8.33333%; }\r\n  .col__lg--2 { width: 16.66667%; }\r\n  .col__lg--3 { width: 25%; }\r\n  .col__lg--4 { width: 33.33333%; }\r\n  .col__lg--5 { width: 41.66667%; }\r\n  .col__lg--6 { width: 50%; }\r\n  .col__lg--7 { width: 58.33333%; }\r\n  .col__lg--8 { width: 66.66667%; }\r\n  .col__lg--9 { width: 75%; }\r\n  .col__lg--10 { width: 83.33333%; }\r\n  .col__lg--11 { width: 91.66667%; }\r\n  .col__lg--12 { width: 100%; }\r\n}\r\n\r\n@media (min-width: $breakpoint-xl) {\r\n  .container { width: $breakpoint-xl - $difference; }\r\n  .alpha--lg { padding-left: 0; }\r\n  .omega--lg { padding-right: 0; }\r\n  .col__xl--1 { width: 8.33333%; }\r\n  .col__xl--2 { width: 16.66667%; }\r\n  .col__xl--3 { width: 25%; }\r\n  .col__xl--4 { width: 33.33333%; }\r\n  .col__xl--5 { width: 41.66667%; }\r\n  .col__xl--6 { width: 50%; }\r\n  .col__xl--7 { width: 58.33333%; }\r\n  .col__xl--8 { width: 66.66667%; }\r\n  .col__xl--9 { width: 75%; }\r\n  .col__xl--10 { width: 83.33333%; }\r\n  .col__xl--11 { width: 91.66667%; }\r\n  .col__xl--12 { width: 100%; }\r\n}\r\n\r\n@media (min-width: $breakpoint-xxl) {\r\n  .container { width: $breakpoint-xxl - $difference; }\r\n  .alpha--xl { padding-left: 0; }\r\n  .omega--xl { padding-right: 0; }\r\n  .col__xxl--1 { width: 8.33333%; }\r\n  .col__xxl--2 { width: 16.66667%; }\r\n  .col__xxl--3 { width: 25%; }\r\n  .col__xxl--4 { width: 33.33333%; }\r\n  .col__xxl--5 { width: 41.66667%; }\r\n  .col__xxl--6 { width: 50%; }\r\n  .col__xxl--7 { width: 58.33333%; }\r\n  .col__xxl--8 { width: 66.66667%; }\r\n  .col__xxl--9 { width: 75%; }\r\n  .col__xxl--10 { width: 83.33333%; }\r\n  .col__xxl--11 { width: 91.66667%; }\r\n  .col__xxl--12 { width: 100%; }\r\n}","$padding: 1.25em;\r\n$transition-time: .15s;\r\n\r\n@mixin default-transition() {\r\n  transition: all $transition-time ease-out;\r\n}\r\n\r\n@mixin border( $size : 1px, $type: solid, $color: $gray-dark) {\r\n  border: $size $type $color;\r\n}\r\n\r\n@mixin border-bottom( $size: 1px, $type: solid, $color : $gray-dark ) {\r\n  border-bottom: $size $type $color;\r\n}\r\n\r\n@mixin border-left( $size: 5px, $type: solid, $color : $gray-dark ) {\r\n  border-left: $size $type $color;\r\n}\r\n\r\n@mixin box-shadow( $hShadow : 0, $vShadow : 0, $blur : 5px, $spread: 0, $color: #333, $alpha: 0.35 ){\r\n  box-shadow: $hShadow $vShadow $blur $spread rgba( $color, $alpha );\r\n}","/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */\r\n\r\n/**\r\n * 1. Change the default font family in all browsers (opinionated).\r\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\r\n */\r\n\r\nhtml {\r\n  font-family: sans-serif; /* 1 */\r\n  -ms-text-size-adjust: 100%; /* 2 */\r\n  -webkit-text-size-adjust: 100%; /* 2 */\r\n}\r\n\r\n/**\r\n * Remove the margin in all browsers (opinionated).\r\n */\r\n\r\nbody {\r\n  margin: 0;\r\n}\r\n\r\n/* HTML5 display definitions\r\n   ========================================================================== */\r\n\r\n/**\r\n * Add the correct display in IE 9-.\r\n * 1. Add the correct display in Edge, IE, and Firefox.\r\n * 2. Add the correct display in IE.\r\n */\r\n\r\narticle,\r\naside,\r\ndetails, /* 1 */\r\nfigcaption,\r\nfigure,\r\nfooter,\r\nheader,\r\nmain, /* 2 */\r\nmenu,\r\nnav,\r\nsection,\r\nsummary { /* 1 */\r\n  display: block;\r\n}\r\n\r\n/**\r\n * Add the correct display in IE 9-.\r\n */\r\n\r\naudio,\r\ncanvas,\r\nprogress,\r\nvideo {\r\n  display: inline-block;\r\n}\r\n\r\n/**\r\n * Add the correct display in iOS 4-7.\r\n */\r\n\r\naudio:not([controls]) {\r\n  display: none;\r\n  height: 0;\r\n}\r\n\r\n/**\r\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\r\n */\r\n\r\nprogress {\r\n  vertical-align: baseline;\r\n}\r\n\r\n/**\r\n * Add the correct display in IE 10-.\r\n * 1. Add the correct display in IE.\r\n */\r\n\r\ntemplate, /* 1 */\r\n[hidden] {\r\n  display: none;\r\n}\r\n\r\n/* Links\r\n   ========================================================================== */\r\n\r\n/**\r\n * Remove the gray background on active links in IE 10.\r\n */\r\n\r\na {\r\n  background-color: transparent;\r\n}\r\n\r\n/**\r\n * Remove the outline on focused links when they are also active or hovered\r\n * in all browsers (opinionated).\r\n */\r\n\r\na:active,\r\na:hover {\r\n  outline-width: 0;\r\n}\r\n\r\n/* Text-level semantics\r\n   ========================================================================== */\r\n\r\n/**\r\n * 1. Remove the bottom border in Firefox 39-.\r\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\r\n */\r\n\r\nabbr[title] {\r\n  border-bottom: none; /* 1 */\r\n  text-decoration: underline; /* 2 */\r\n  text-decoration: underline dotted; /* 2 */\r\n}\r\n\r\n/**\r\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\r\n */\r\n\r\nb,\r\nstrong {\r\n  font-weight: inherit;\r\n}\r\n\r\n/**\r\n * Add the correct font weight in Chrome, Edge, and Safari.\r\n */\r\n\r\nb,\r\nstrong {\r\n  font-weight: bolder;\r\n}\r\n\r\n/**\r\n * Add the correct font style in Android 4.3-.\r\n */\r\n\r\ndfn {\r\n  font-style: italic;\r\n}\r\n\r\n/**\r\n * Correct the font size and margin on `h1` elements within `section` and\r\n * `article` contexts in Chrome, Firefox, and Safari.\r\n */\r\n\r\nh1 {\r\n  font-size: 2em;\r\n  margin: 0.67em 0;\r\n}\r\n\r\n/**\r\n * Add the correct background and color in IE 9-.\r\n */\r\n\r\nmark {\r\n  background-color: #ff0;\r\n  color: #000;\r\n}\r\n\r\n/**\r\n * Add the correct font size in all browsers.\r\n */\r\n\r\nsmall {\r\n  font-size: 80%;\r\n}\r\n\r\n/**\r\n * Prevent `sub` and `sup` elements from affecting the line height in\r\n * all browsers.\r\n */\r\n\r\nsub,\r\nsup {\r\n  font-size: 75%;\r\n  line-height: 0;\r\n  position: relative;\r\n  vertical-align: baseline;\r\n}\r\n\r\nsub {\r\n  bottom: -0.25em;\r\n}\r\n\r\nsup {\r\n  top: -0.5em;\r\n}\r\n\r\n/* Embedded content\r\n   ========================================================================== */\r\n\r\n/**\r\n * Remove the border on images inside links in IE 10-.\r\n */\r\n\r\nimg {\r\n  border-style: none;\r\n}\r\n\r\n/**\r\n * Hide the overflow in IE.\r\n */\r\n\r\nsvg:not(:root) {\r\n  overflow: hidden;\r\n}\r\n\r\n/* Grouping content\r\n   ========================================================================== */\r\n\r\n/**\r\n * 1. Correct the inheritance and scaling of font size in all browsers.\r\n * 2. Correct the odd `em` font sizing in all browsers.\r\n */\r\n\r\ncode,\r\nkbd,\r\npre,\r\nsamp {\r\n  font-family: monospace, monospace; /* 1 */\r\n  font-size: 1em; /* 2 */\r\n}\r\n\r\n/**\r\n * Add the correct margin in IE 8.\r\n */\r\n\r\nfigure {\r\n  margin: 1em 40px;\r\n}\r\n\r\n/**\r\n * 1. Add the correct box sizing in Firefox.\r\n * 2. Show the overflow in Edge and IE.\r\n */\r\n\r\nhr {\r\n  box-sizing: content-box; /* 1 */\r\n  height: 0; /* 1 */\r\n  overflow: visible; /* 2 */\r\n}\r\n\r\n/* Forms\r\n   ========================================================================== */\r\n\r\n/**\r\n * Change font properties to `inherit` in all browsers (opinionated).\r\n */\r\n\r\nbutton,\r\ninput,\r\nselect,\r\ntextarea {\r\n  font: inherit;\r\n}\r\n\r\n/**\r\n * Restore the font weight unset by the previous rule.\r\n */\r\n\r\noptgroup {\r\n  font-weight: bold;\r\n}\r\n\r\n/**\r\n * Show the overflow in IE.\r\n * 1. Show the overflow in Edge.\r\n * 2. Show the overflow in Edge, Firefox, and IE.\r\n */\r\n\r\nbutton,\r\ninput, /* 1 */\r\nselect { /* 2 */\r\n  overflow: visible;\r\n}\r\n\r\n/**\r\n * Remove the margin in Safari.\r\n * 1. Remove the margin in Firefox and Safari.\r\n */\r\n\r\nbutton,\r\ninput,\r\nselect,\r\ntextarea { /* 1 */\r\n  margin: 0;\r\n}\r\n\r\n/**\r\n * Remove the inheritence of text transform in Edge, Firefox, and IE.\r\n * 1. Remove the inheritence of text transform in Firefox.\r\n */\r\n\r\nbutton,\r\nselect { /* 1 */\r\n  text-transform: none;\r\n}\r\n\r\n/**\r\n * Change the cursor in all browsers (opinionated).\r\n */\r\n\r\nbutton,\r\n[type=\"button\"],\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n  cursor: pointer;\r\n}\r\n\r\n/**\r\n * Restore the default cursor to disabled elements unset by the previous rule.\r\n */\r\n\r\n[disabled] {\r\n  cursor: default;\r\n}\r\n\r\n/**\r\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\r\n *    controls in Android 4.\r\n * 2. Correct the inability to style clickable types in iOS.\r\n */\r\n\r\nbutton,\r\nhtml [type=\"button\"], /* 1 */\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n  -webkit-appearance: button; /* 2 */\r\n}\r\n\r\n/**\r\n * Remove the inner border and padding in Firefox.\r\n */\r\n\r\nbutton::-moz-focus-inner,\r\ninput::-moz-focus-inner {\r\n  border: 0;\r\n  padding: 0;\r\n}\r\n\r\n/**\r\n * Restore the focus styles unset by the previous rule.\r\n */\r\n\r\nbutton:-moz-focusring,\r\ninput:-moz-focusring {\r\n  outline: 1px dotted ButtonText;\r\n}\r\n\r\n/**\r\n * Change the border, margin, and padding in all browsers (opinionated).\r\n */\r\n\r\nfieldset {\r\n  border: 1px solid #c0c0c0;\r\n  margin: 0 2px;\r\n  padding: 0.35em 0.625em 0.75em;\r\n}\r\n\r\n/**\r\n * 1. Correct the text wrapping in Edge and IE.\r\n * 2. Correct the color inheritance from `fieldset` elements in IE.\r\n * 3. Remove the padding so developers are not caught out when they zero out\r\n *    `fieldset` elements in all browsers.\r\n */\r\n\r\nlegend {\r\n  box-sizing: border-box; /* 1 */\r\n  color: inherit; /* 2 */\r\n  display: table; /* 1 */\r\n  max-width: 100%; /* 1 */\r\n  padding: 0; /* 3 */\r\n  white-space: normal; /* 1 */\r\n}\r\n\r\n/**\r\n * Remove the default vertical scrollbar in IE.\r\n */\r\n\r\ntextarea {\r\n  overflow: auto;\r\n}\r\n\r\n/**\r\n * 1. Add the correct box sizing in IE 10-.\r\n * 2. Remove the padding in IE 10-.\r\n */\r\n\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  box-sizing: border-box; /* 1 */\r\n  padding: 0; /* 2 */\r\n}\r\n\r\n/**\r\n * Correct the cursor style of increment and decrement buttons in Chrome.\r\n */\r\n\r\n[type=\"number\"]::-webkit-inner-spin-button,\r\n[type=\"number\"]::-webkit-outer-spin-button {\r\n  height: auto;\r\n}\r\n\r\n/**\r\n * Correct the odd appearance of search inputs in Chrome and Safari.\r\n */\r\n\r\n[type=\"search\"] {\r\n  -webkit-appearance: textfield;\r\n}\r\n\r\n/**\r\n * Remove the inner padding and cancel buttons in Chrome on OS X and\r\n * Safari on OS X.\r\n */\r\n\r\n[type=\"search\"]::-webkit-search-cancel-button,\r\n[type=\"search\"]::-webkit-search-decoration {\r\n  -webkit-appearance: none;\r\n}","@font-face {\n  font-family: 'latoblack';\n  src: url(\"../fonts/lato-black-webfont.eot\");\n  src: url(\"../fonts/lato-black-webfont.eot?#iefix\") format(\"embedded-opentype\"), url(\"../fonts/lato-black-webfont.woff2\") format(\"woff2\"), url(\"../fonts/lato-black-webfont.woff\") format(\"woff\"), url(\"../fonts/lato-black-webfont.ttf\") format(\"truetype\"), url(\"../fonts/lato-black-webfont.svg#latoblack\") format(\"svg\");\n  font-weight: normal;\n  font-style: normal; }\n\n@font-face {\n  font-family: 'latoblack_italic';\n  src: url(\"../fonts/lato-blackitalic-webfont.eot\");\n  src: url(\"../fonts/lato-blackitalic-webfont.eot?#iefix\") format(\"embedded-opentype\"), url(\"../fonts/lato-blackitalic-webfont.woff2\") format(\"woff2\"), url(\"../fonts/lato-blackitalic-webfont.woff\") format(\"woff\"), url(\"../fonts/lato-blackitalic-webfont.ttf\") format(\"truetype\"), url(\"../fonts/lato-blackitalic-webfont.svg#latoblack_italic\") format(\"svg\");\n  font-weight: normal;\n  font-style: normal; }\n\n@font-face {\n  font-family: 'latobold';\n  src: url(\"../fonts/lato-bold-webfont.eot\");\n  src: url(\"../fonts/lato-bold-webfont.eot?#iefix\") format(\"embedded-opentype\"), url(\"../fonts/lato-bold-webfont.woff2\") format(\"woff2\"), url(\"../fonts/lato-bold-webfont.woff\") format(\"woff\"), url(\"../fonts/lato-bold-webfont.ttf\") format(\"truetype\"), url(\"../fonts/lato-bold-webfont.svg#latobold\") format(\"svg\");\n  font-weight: normal;\n  font-style: normal; }\n\n@font-face {\n  font-family: 'latobold_italic';\n  src: url(\"../fonts/lato-bolditalic-webfont.eot\");\n  src: url(\"../fonts/lato-bolditalic-webfont.eot?#iefix\") format(\"embedded-opentype\"), url(\"../fonts/lato-bolditalic-webfont.woff2\") format(\"woff2\"), url(\"../fonts/lato-bolditalic-webfont.woff\") format(\"woff\"), url(\"../fonts/lato-bolditalic-webfont.ttf\") format(\"truetype\"), url(\"../fonts/lato-bolditalic-webfont.svg#latobold_italic\") format(\"svg\");\n  font-weight: normal;\n  font-style: normal; }\n\n@font-face {\n  font-family: 'latohairline';\n  src: url(\"../fonts/lato-hairline-webfont.eot\");\n  src: url(\"../fonts/lato-hairline-webfont.eot?#iefix\") format(\"embedded-opentype\"), url(\"../fonts/lato-hairline-webfont.woff2\") format(\"woff2\"), url(\"../fonts/lato-hairline-webfont.woff\") format(\"woff\"), url(\"../fonts/lato-hairline-webfont.ttf\") format(\"truetype\"), url(\"../fonts/lato-hairline-webfont.svg#latohairline\") format(\"svg\");\n  font-weight: normal;\n  font-style: normal; }\n\n@font-face {\n  font-family: 'latohairline_italic';\n  src: url(\"../fonts/lato-hairlineitalic-webfont.eot\");\n  src: url(\"../fonts/lato-hairlineitalic-webfont.eot?#iefix\") format(\"embedded-opentype\"), url(\"../fonts/lato-hairlineitalic-webfont.woff2\") format(\"woff2\"), url(\"../fonts/lato-hairlineitalic-webfont.woff\") format(\"woff\"), url(\"../fonts/lato-hairlineitalic-webfont.ttf\") format(\"truetype\"), url(\"../fonts/lato-hairlineitalic-webfont.svg#latohairline_italic\") format(\"svg\");\n  font-weight: normal;\n  font-style: normal; }\n\n@font-face {\n  font-family: 'latoitalic';\n  src: url(\"../fonts/lato-italic-webfont.eot\");\n  src: url(\"../fonts/lato-italic-webfont.eot?#iefix\") format(\"embedded-opentype\"), url(\"../fonts/lato-italic-webfont.woff2\") format(\"woff2\"), url(\"../fonts/lato-italic-webfont.woff\") format(\"woff\"), url(\"../fonts/lato-italic-webfont.ttf\") format(\"truetype\"), url(\"../fonts/lato-italic-webfont.svg#latoitalic\") format(\"svg\");\n  font-weight: normal;\n  font-style: normal; }\n\n@font-face {\n  font-family: 'latolight';\n  src: url(\"../fonts/lato-light-webfont.eot\");\n  src: url(\"../fonts/lato-light-webfont.eot?#iefix\") format(\"embedded-opentype\"), url(\"../fonts/lato-light-webfont.woff2\") format(\"woff2\"), url(\"../fonts/lato-light-webfont.woff\") format(\"woff\"), url(\"../fonts/lato-light-webfont.ttf\") format(\"truetype\"), url(\"../fonts/lato-light-webfont.svg#latolight\") format(\"svg\");\n  font-weight: normal;\n  font-style: normal; }\n\n@font-face {\n  font-family: 'latolight_italic';\n  src: url(\"../fonts/lato-lightitalic-webfont.eot\");\n  src: url(\"../fonts/lato-lightitalic-webfont.eot?#iefix\") format(\"embedded-opentype\"), url(\"../fonts/lato-lightitalic-webfont.woff2\") format(\"woff2\"), url(\"../fonts/lato-lightitalic-webfont.woff\") format(\"woff\"), url(\"../fonts/lato-lightitalic-webfont.ttf\") format(\"truetype\"), url(\"../fonts/lato-lightitalic-webfont.svg#latolight_italic\") format(\"svg\");\n  font-weight: normal;\n  font-style: normal; }\n\n@font-face {\n  font-family: 'latoregular';\n  src: url(\"../fonts/lato-regular-webfont.eot\");\n  src: url(\"../fonts/lato-regular-webfont.eot?#iefix\") format(\"embedded-opentype\"), url(\"../fonts/lato-regular-webfont.woff2\") format(\"woff2\"), url(\"../fonts/lato-regular-webfont.woff\") format(\"woff\"), url(\"../fonts/lato-regular-webfont.ttf\") format(\"truetype\"), url(\"../fonts/lato-regular-webfont.svg#latoregular\") format(\"svg\");\n  font-weight: normal;\n  font-style: normal; }\n\n/* ---- [ Compiled Grid ] ---- */\n.container {\n  margin: 0 auto; }\n  .container:before, .container:after {\n    content: \" \";\n    display: table; }\n  .container:after {\n    clear: both; }\n  .container--body {\n    margin-bottom: 5em; }\n\n.pull-right {\n  float: right !important; }\n\n.pull-left {\n  float: left !important; }\n\n.col__xs--1, .col__xs--2, .col__xs--3, .col__xs--4, .col__xs--5, .col__xs--6, .col__xs--7, .col__xs--8, .col__xs--9, .col__xs--10, .col__xs--11, .col__xs--12,\n.col__sm--1, .col__sm--2, .col__sm--3, .col__sm--4, .col__sm--5, .col__sm--6, .col__sm--7, .col__sm--8, .col__sm--9, .col__sm--10, .col__sm--11, .col__sm--12,\n.col__md--1, .col__md--2, .col__md--3, .col__md--4, .col__md--5, .col__md--6, .col__md--7, .col__md--8, .col__md--9, .col__md--10, .col__md--11, .col__md--12,\n.col__lg--1, .col__lg--2, .col__lg--3, .col__lg--4, .col__lg--5, .col__lg--6, .col__lg--7, .col__lg--8, .col__lg--9, .col__lg--10, .col__lg--11, .col__lg--12,\n.col__xl--1, .col__xl--2, .col__xl--3, .col__xl--4, .col__xl--5, .col__xl--6, .col__xl--7, .col__xl--8, .col__xl--9, .col__xl--10, .col__xl--11, .col__xl--12,\n.col__xxl--1, .col__xxl--2, .col__xxl--3, .col__xxl--4, .col__xxl--5, .col__xxl--6, .col__xxl--7, .col__xxl--8, .col__xxl--9, .col__xxl--10, .col__xxl--11, .col__xxl--12 {\n  position: relative;\n  float: left;\n  min-height: 1px;\n  padding-left: 1.25em;\n  padding-right: 1.25em; }\n\n.alpha {\n  padding-left: 0; }\n\n.omega {\n  padding-right: 0; }\n\n@media (min-width: 0) {\n  .container {\n    width: 95%; }\n  .col__xs--1 {\n    width: 8.33333%; }\n  .col__xs--2 {\n    width: 16.66667%; }\n  .col__xs--3 {\n    width: 25%; }\n  .col__xs--4 {\n    width: 33.33333%; }\n  .col__xs--5 {\n    width: 41.66667%; }\n  .col__xs--6 {\n    width: 50%; }\n  .col__xs--7 {\n    width: 58.33333%; }\n  .col__xs--8 {\n    width: 66.66667%; }\n  .col__xs--9 {\n    width: 75%; }\n  .col__xs--10 {\n    width: 83.33333%; }\n  .col__xs--11 {\n    width: 91.66667%; }\n  .col__xs--12 {\n    width: 100%; } }\n\n@media (min-width: 480px) {\n  .container {\n    width: 460px; }\n  .alpha--xs {\n    padding-left: 0; }\n  .omega--xs {\n    padding-right: 0; }\n  .col__sm--1 {\n    width: 8.33333%; }\n  .col__sm--2 {\n    width: 16.66667%; }\n  .col__sm--3 {\n    width: 25%; }\n  .col__sm--4 {\n    width: 33.33333%; }\n  .col__sm--5 {\n    width: 41.66667%; }\n  .col__sm--6 {\n    width: 50%; }\n  .col__sm--7 {\n    width: 58.33333%; }\n  .col__sm--8 {\n    width: 66.66667%; }\n  .col__sm--9 {\n    width: 75%; }\n  .col__sm--10 {\n    width: 83.33333%; }\n  .col__sm--11 {\n    width: 91.66667%; }\n  .col__sm--12 {\n    width: 100%; } }\n\n@media (min-width: 760px) {\n  .container {\n    width: 740px; }\n  .alpha--sm {\n    padding-left: 0; }\n  .omega--sm {\n    padding-right: 0; }\n  .col__md--1 {\n    width: 8.33333%; }\n  .col__md--2 {\n    width: 16.66667%; }\n  .col__md--3 {\n    width: 25%; }\n  .col__md--4 {\n    width: 33.33333%; }\n  .col__md--5 {\n    width: 41.66667%; }\n  .col__md--6 {\n    width: 50%; }\n  .col__md--7 {\n    width: 58.33333%; }\n  .col__md--8 {\n    width: 66.66667%; }\n  .col__md--9 {\n    width: 75%; }\n  .col__md--10 {\n    width: 83.33333%; }\n  .col__md--11 {\n    width: 91.66667%; }\n  .col__md--12 {\n    width: 100%; } }\n\n@media (min-width: 960px) {\n  .container {\n    width: 940px; }\n  .alpha--md {\n    padding-left: 0; }\n  .omega--md {\n    padding-right: 0; }\n  .col__lg--1 {\n    width: 8.33333%; }\n  .col__lg--2 {\n    width: 16.66667%; }\n  .col__lg--3 {\n    width: 25%; }\n  .col__lg--4 {\n    width: 33.33333%; }\n  .col__lg--5 {\n    width: 41.66667%; }\n  .col__lg--6 {\n    width: 50%; }\n  .col__lg--7 {\n    width: 58.33333%; }\n  .col__lg--8 {\n    width: 66.66667%; }\n  .col__lg--9 {\n    width: 75%; }\n  .col__lg--10 {\n    width: 83.33333%; }\n  .col__lg--11 {\n    width: 91.66667%; }\n  .col__lg--12 {\n    width: 100%; } }\n\n@media (min-width: 1140px) {\n  .container {\n    width: 1120px; }\n  .alpha--lg {\n    padding-left: 0; }\n  .omega--lg {\n    padding-right: 0; }\n  .col__xl--1 {\n    width: 8.33333%; }\n  .col__xl--2 {\n    width: 16.66667%; }\n  .col__xl--3 {\n    width: 25%; }\n  .col__xl--4 {\n    width: 33.33333%; }\n  .col__xl--5 {\n    width: 41.66667%; }\n  .col__xl--6 {\n    width: 50%; }\n  .col__xl--7 {\n    width: 58.33333%; }\n  .col__xl--8 {\n    width: 66.66667%; }\n  .col__xl--9 {\n    width: 75%; }\n  .col__xl--10 {\n    width: 83.33333%; }\n  .col__xl--11 {\n    width: 91.66667%; }\n  .col__xl--12 {\n    width: 100%; } }\n\n@media (min-width: 1280px) {\n  .container {\n    width: 1260px; }\n  .alpha--xl {\n    padding-left: 0; }\n  .omega--xl {\n    padding-right: 0; }\n  .col__xxl--1 {\n    width: 8.33333%; }\n  .col__xxl--2 {\n    width: 16.66667%; }\n  .col__xxl--3 {\n    width: 25%; }\n  .col__xxl--4 {\n    width: 33.33333%; }\n  .col__xxl--5 {\n    width: 41.66667%; }\n  .col__xxl--6 {\n    width: 50%; }\n  .col__xxl--7 {\n    width: 58.33333%; }\n  .col__xxl--8 {\n    width: 66.66667%; }\n  .col__xxl--9 {\n    width: 75%; }\n  .col__xxl--10 {\n    width: 83.33333%; }\n  .col__xxl--11 {\n    width: 91.66667%; }\n  .col__xxl--12 {\n    width: 100%; } }\n\n/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */\n/**\r\n * 1. Change the default font family in all browsers (opinionated).\r\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\r\n */\nhtml {\n  font-family: sans-serif;\n  /* 1 */\n  -ms-text-size-adjust: 100%;\n  /* 2 */\n  -webkit-text-size-adjust: 100%;\n  /* 2 */ }\n\n/**\r\n * Remove the margin in all browsers (opinionated).\r\n */\nbody {\n  margin: 0; }\n\n/* HTML5 display definitions\r\n   ========================================================================== */\n/**\r\n * Add the correct display in IE 9-.\r\n * 1. Add the correct display in Edge, IE, and Firefox.\r\n * 2. Add the correct display in IE.\r\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n  /* 1 */\n  display: block; }\n\n/**\r\n * Add the correct display in IE 9-.\r\n */\naudio,\ncanvas,\nprogress,\nvideo {\n  display: inline-block; }\n\n/**\r\n * Add the correct display in iOS 4-7.\r\n */\naudio:not([controls]) {\n  display: none;\n  height: 0; }\n\n/**\r\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\r\n */\nprogress {\n  vertical-align: baseline; }\n\n/**\r\n * Add the correct display in IE 10-.\r\n * 1. Add the correct display in IE.\r\n */\ntemplate,\n[hidden] {\n  display: none; }\n\n/* Links\r\n   ========================================================================== */\n/**\r\n * Remove the gray background on active links in IE 10.\r\n */\na {\n  background-color: transparent; }\n\n/**\r\n * Remove the outline on focused links when they are also active or hovered\r\n * in all browsers (opinionated).\r\n */\na:active,\na:hover {\n  outline-width: 0; }\n\n/* Text-level semantics\r\n   ========================================================================== */\n/**\r\n * 1. Remove the bottom border in Firefox 39-.\r\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\r\n */\nabbr[title] {\n  border-bottom: none;\n  /* 1 */\n  text-decoration: underline;\n  /* 2 */\n  text-decoration: underline dotted;\n  /* 2 */ }\n\n/**\r\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\r\n */\nb,\nstrong {\n  font-weight: inherit; }\n\n/**\r\n * Add the correct font weight in Chrome, Edge, and Safari.\r\n */\nb,\nstrong {\n  font-weight: bolder; }\n\n/**\r\n * Add the correct font style in Android 4.3-.\r\n */\ndfn {\n  font-style: italic; }\n\n/**\r\n * Correct the font size and margin on `h1` elements within `section` and\r\n * `article` contexts in Chrome, Firefox, and Safari.\r\n */\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0; }\n\n/**\r\n * Add the correct background and color in IE 9-.\r\n */\nmark {\n  background-color: #ff0;\n  color: #000; }\n\n/**\r\n * Add the correct font size in all browsers.\r\n */\nsmall {\n  font-size: 80%; }\n\n/**\r\n * Prevent `sub` and `sup` elements from affecting the line height in\r\n * all browsers.\r\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline; }\n\nsub {\n  bottom: -0.25em; }\n\nsup {\n  top: -0.5em; }\n\n/* Embedded content\r\n   ========================================================================== */\n/**\r\n * Remove the border on images inside links in IE 10-.\r\n */\nimg {\n  border-style: none; }\n\n/**\r\n * Hide the overflow in IE.\r\n */\nsvg:not(:root) {\n  overflow: hidden; }\n\n/* Grouping content\r\n   ========================================================================== */\n/**\r\n * 1. Correct the inheritance and scaling of font size in all browsers.\r\n * 2. Correct the odd `em` font sizing in all browsers.\r\n */\ncode,\nkbd,\npre,\nsamp {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */ }\n\n/**\r\n * Add the correct margin in IE 8.\r\n */\nfigure {\n  margin: 1em 40px; }\n\n/**\r\n * 1. Add the correct box sizing in Firefox.\r\n * 2. Show the overflow in Edge and IE.\r\n */\nhr {\n  box-sizing: content-box;\n  /* 1 */\n  height: 0;\n  /* 1 */\n  overflow: visible;\n  /* 2 */ }\n\n/* Forms\r\n   ========================================================================== */\n/**\r\n * Change font properties to `inherit` in all browsers (opinionated).\r\n */\nbutton,\ninput,\nselect,\ntextarea {\n  font: inherit; }\n\n/**\r\n * Restore the font weight unset by the previous rule.\r\n */\noptgroup {\n  font-weight: bold; }\n\n/**\r\n * Show the overflow in IE.\r\n * 1. Show the overflow in Edge.\r\n * 2. Show the overflow in Edge, Firefox, and IE.\r\n */\nbutton,\ninput,\nselect {\n  /* 2 */\n  overflow: visible; }\n\n/**\r\n * Remove the margin in Safari.\r\n * 1. Remove the margin in Firefox and Safari.\r\n */\nbutton,\ninput,\nselect,\ntextarea {\n  /* 1 */\n  margin: 0; }\n\n/**\r\n * Remove the inheritence of text transform in Edge, Firefox, and IE.\r\n * 1. Remove the inheritence of text transform in Firefox.\r\n */\nbutton,\nselect {\n  /* 1 */\n  text-transform: none; }\n\n/**\r\n * Change the cursor in all browsers (opinionated).\r\n */\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  cursor: pointer; }\n\n/**\r\n * Restore the default cursor to disabled elements unset by the previous rule.\r\n */\n[disabled] {\n  cursor: default; }\n\n/**\r\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\r\n *    controls in Android 4.\r\n * 2. Correct the inability to style clickable types in iOS.\r\n */\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n  /* 2 */ }\n\n/**\r\n * Remove the inner border and padding in Firefox.\r\n */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n  border: 0;\n  padding: 0; }\n\n/**\r\n * Restore the focus styles unset by the previous rule.\r\n */\nbutton:-moz-focusring,\ninput:-moz-focusring {\n  outline: 1px dotted ButtonText; }\n\n/**\r\n * Change the border, margin, and padding in all browsers (opinionated).\r\n */\nfieldset {\n  border: 1px solid #c0c0c0;\n  margin: 0 2px;\n  padding: 0.35em 0.625em 0.75em; }\n\n/**\r\n * 1. Correct the text wrapping in Edge and IE.\r\n * 2. Correct the color inheritance from `fieldset` elements in IE.\r\n * 3. Remove the padding so developers are not caught out when they zero out\r\n *    `fieldset` elements in all browsers.\r\n */\nlegend {\n  box-sizing: border-box;\n  /* 1 */\n  color: inherit;\n  /* 2 */\n  display: table;\n  /* 1 */\n  max-width: 100%;\n  /* 1 */\n  padding: 0;\n  /* 3 */\n  white-space: normal;\n  /* 1 */ }\n\n/**\r\n * Remove the default vertical scrollbar in IE.\r\n */\ntextarea {\n  overflow: auto; }\n\n/**\r\n * 1. Add the correct box sizing in IE 10-.\r\n * 2. Remove the padding in IE 10-.\r\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box;\n  /* 1 */\n  padding: 0;\n  /* 2 */ }\n\n/**\r\n * Correct the cursor style of increment and decrement buttons in Chrome.\r\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto; }\n\n/**\r\n * Correct the odd appearance of search inputs in Chrome and Safari.\r\n */\n[type=\"search\"] {\n  -webkit-appearance: textfield; }\n\n/**\r\n * Remove the inner padding and cancel buttons in Chrome on OS X and\r\n * Safari on OS X.\r\n */\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none; }\n\n*, *:before, *:after {\n  box-sizing: border-box; }\n\n.clearfix, .person {\n  zoom: 1; }\n  .clearfix:before, .person:before, .clearfix:after, .person:after {\n    content: '';\n    display: table; }\n  .clearfix:after, .person:after {\n    clear: both; }\n\nhtml,\nbody {\n  width: 100%;\n  height: 100%; }\n\nbody {\n  background: #efefef;\n  color: #373737;\n  font-family: \"latoregular\";\n  font-size: 16px; }\n\na {\n  color: #1aa6da;\n  text-decoration: none; }\n  a:hover {\n    color: #30b9e9; }\n\n.wrapper--login {\n  position: relative;\n  width: 100%;\n  height: 100%; }\n\n.wrapper--body {\n  width: calc(100% - 75px);\n  height: calc(100% - 10vh);\n  margin-top: 10vh;\n  padding-top: 1.25em;\n  float: right; }\n  @media (max-width: 760px) {\n    .wrapper--body {\n      width: 100%; } }\n\n.height--third {\n  height: 42vh; }\n  @media (max-width: 960px) {\n    .height--third {\n      height: 25vh; } }\n  @media (max-width: 760px) {\n    .height--third {\n      height: auto; } }\n\n.height--one-third {\n  height: 20vh; }\n  @media (max-width: 760px) {\n    .height--one-third {\n      height: auto; } }\n\n.height--half {\n  height: 50%; }\n  @media (max-width: 760px) {\n    .height--half {\n      height: auto; } }\n\n.section__header {\n  padding: 1.25em 0; }\n\n.section__title {\n  font-size: 0.875em;\n  font-family: \"latobold\";\n  margin: 0;\n  text-transform: uppercase; }\n\n.image-capture {\n  position: relative;\n  width: 100%; }\n  .image-capture .image {\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-height: 300px;\n    padding-bottom: 100%;\n    background-position: center;\n    background-size: cover; }\n  .image-capture canvas.image {\n    padding-bottom: 30%; }\n  .image-capture img {\n    font-family: \"latoregular\";\n    font-weight: \"latobold\";\n    line-height: 2;\n    text-align: center;\n    width: 100%;\n    height: auto;\n    display: block;\n    position: relative;\n    min-height: 250px; }\n    .image-capture img:before {\n      content: \" \";\n      display: block;\n      position: absolute;\n      height: 100%;\n      width: 100%;\n      background: #bcbdbd; }\n    .image-capture img:after {\n      content: \"\\f1c5\";\n      font-family: FontAwesome, 'serif';\n      display: block;\n      font-size: 6rem;\n      font-style: normal;\n      color: #f5f7fa;\n      position: absolute;\n      top: 50%;\n      width: 100%;\n      transform: translate(0, -60%); }\n\n.image-capture__button {\n  color: #f5f7fa;\n  font-size: 1.245em;\n  background: rgba(104, 104, 104, 0.75);\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n  height: 50px;\n  text-align: center;\n  transition: all .2s ease-out; }\n  .image-capture__button i {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%); }\n  .image-capture__button span {\n    display: block;\n    text-indent: -9999px; }\n  .image-capture__button:hover {\n    background: rgba(55, 55, 55, 0.5); }\n\n.btn {\n  display: block;\n  width: 100%;\n  background: #bcbdbd;\n  color: #373737;\n  font-family: \"latobold\";\n  text-align: center;\n  padding: 0.625em 1.25em;\n  border-radius: 0;\n  border: none !important;\n  box-shadow: 0 4px 5px 0 rgba(55, 55, 55, 0.35);\n  transition: all .2s ease-out;\n  text-decoration: none; }\n  .btn:hover {\n    color: #373737;\n    box-shadow: 0 2px 2px 0 rgba(55, 55, 55, 0.35); }\n\n.btn--success {\n  background: #a0d468; }\n  .btn--success:hover {\n    background: #8cc152; }\n\n.btn--info {\n  background: #30b9e9; }\n  .btn--info:hover {\n    background: #1aa6da; }\n\n.btn--warning {\n  background: #ffd366; }\n  .btn--warning:hover {\n    background: #cb8e10; }\n\n.btn--danger {\n  background: #fc6141; }\n  .btn--danger:hover {\n    background: #fc6141; }\n\n.form__item {\n  margin-top: 2.5em;\n  position: relative; }\n  @media (max-width: 760px) {\n    .form__item {\n      padding-left: 0;\n      padding-right: 0; } }\n\n.form__label {\n  cursor: pointer;\n  position: absolute;\n  color: #686868;\n  font-size: 0.7125em;\n  left: 0.625em;\n  top: 0.20833em;\n  transition: all 0.15s ease-out; }\n  @media (max-width: 760px) {\n    .form__label {\n      left: 0.625em; } }\n  .form--light .form__label {\n    color: #f5f7fa; }\n  .form__label--check {\n    padding-left: 1.25em; }\n\n.form__input {\n  width: 100%;\n  font-size: 0.7125em;\n  padding: 0.625em;\n  background: none;\n  border: none;\n  border-bottom: 1px solid #686868; }\n  .form--light .form__input {\n    border-bottom: 1px solid #f5f7fa;\n    color: #f5f7fa; }\n  .form__input:focus {\n    outline: none; }\n  .form__input:focus ~ .form__label,\n  .form__input:valid ~ .form__label {\n    letter-spacing: 1px;\n    font-size: 0.7125em;\n    color: #bcbdbd;\n    top: -1.5625em;\n    left: 0; }\n    .form--light .form__input:focus ~ .form__label, .form--light\n    .form__input:valid ~ .form__label {\n      color: #f5f7fa; }\n\n.form__bar {\n  position: relative;\n  width: 100%;\n  display: block; }\n  .form__bar:before, .form__bar:after {\n    content: '';\n    height: 3px;\n    width: 0;\n    bottom: 0;\n    position: absolute;\n    background: #30b9e9;\n    transition: all 0.15s ease-out; }\n    .form--light .form__bar:before, .form--light .form__bar:after {\n      background: #1aa6da; }\n  .form__bar:before {\n    left: 50%; }\n  .form__bar:after {\n    right: 50%; }\n\n.form__input:focus ~ .form__bar:before,\n.form__input:focus ~ .form__bar:after,\n.form__input.used ~ .form__bar:before,\n.form__input.used ~ .form__bar:after {\n  width: 50%; }\n\n.form__item.required:before {\n  content: '*';\n  width: 20px;\n  height: 100%;\n  position: absolute;\n  padding: 8px 0 0;\n  background: #ffd366;\n  color: #cb8e10;\n  font-size: 1.245em;\n  text-align: center;\n  right: 0;\n  z-index: 20;\n  border-bottom: 1px solid #ffd366; }\n  .form--light .form__item.required:before {\n    background: #f5f7fa;\n    color: #30b9e9;\n    border-bottom: 1px solid #f5f7fa; }\n  @media (max-width: 760px) {\n    .form__item.required:before {\n      right: 0; } }\n\n.form__item--icon .form__label {\n  left: 2.5em; }\n\n.form__item--icon .form__input {\n  padding-left: 2.5em; }\n\n.form__icon {\n  position: absolute;\n  left: 0.3125em;\n  top: 0; }\n  .form--light .form__icon {\n    color: #f5f7fa; }\n\n.form__textarea {\n  background: none;\n  border: none;\n  width: 100%;\n  height: 100%;\n  padding-bottom: 10px;\n  margin-bottom: -9px;\n  z-index: 100;\n  position: relative;\n  color: #f5f7fa;\n  resize: vertical;\n  max-height: 250px;\n  border-bottom: 1px solid #686868; }\n  .form--light .form__textarea {\n    border-bottom: 1px solid #f5f7fa; }\n\n.form-section {\n  margin-bottom: 2.5em; }\n\n.form__header {\n  border-bottom: 3px solid #373737;\n  margin: 1.25em 0; }\n\n.form-section__number {\n  background: #373737;\n  padding: 0.625em 1.25em;\n  color: #f5f7fa; }\n\n.form-section__title {\n  font-family: \"latoregular\";\n  font-weight: \"latolight\";\n  font-size: 1em;\n  display: inline-block;\n  height: 1.25em;\n  margin: 2px 0.625em; }\n\n.validetta-inline {\n  color: #fc6141;\n  font-size: 0.7125em;\n  position: absolute;\n  left: 0 !important;\n  top: 100% !important; }\n  .big-blue .validetta-inline {\n    color: #f5f7fa; }\n\n.label-group {\n  position: relative;\n  height: 25px;\n  display: inline-block; }\n\ninput[type='radio'],\ninput[type='checkbox'] {\n  display: none;\n  cursor: pointer; }\n  input[type='radio']:focus, input[type='radio']:active,\n  input[type='checkbox']:focus,\n  input[type='checkbox']:active {\n    outline: none; }\n  input[type='radio'] + label,\n  input[type='checkbox'] + label {\n    cursor: pointer;\n    display: inline-block;\n    position: relative;\n    padding-left: 25px;\n    margin-right: 10px;\n    height: 100%;\n    color: #117ca2; }\n    input[type='radio'] + label:before, input[type='radio'] + label:after,\n    input[type='checkbox'] + label:before,\n    input[type='checkbox'] + label:after {\n      content: '';\n      display: inline-block;\n      width: 18px;\n      height: 18px;\n      left: 2px;\n      top: 5px;\n      text-align: center;\n      position: absolute; }\n    input[type='radio'] + label:before,\n    input[type='checkbox'] + label:before {\n      background-color: #efefef;\n      transition: all .3s ease-in-out; }\n    input[type='radio'] + label:after,\n    input[type='checkbox'] + label:after {\n      color: #f5f7fa; }\n  input[type='radio']:checked + label:before,\n  input[type='checkbox']:checked + label:before {\n    box-shadow: inset 0 0 0 10px #30b9e9; }\n\n/*Radio Specific styles*/\ninput[type='radio'] + label:before {\n  border-radius: 50%; }\n\ninput[type='radio'] + label:hover:after,\ninput[type='radio']:checked + label:after {\n  content: '\\2022';\n  position: absolute;\n  top: 8px;\n  font-size: 48px;\n  line-height: 15px; }\n\ninput[type='radio'] + label:hover:after {\n  color: #bcbcbc; }\n\ninput[type='radio']:checked + label:after,\ninput[type='radio']:checked + label:hover:after {\n  color: #f5f7fa; }\n\n/*Checkbox Specific styles*/\ninput[type='checkbox'] + label:before {\n  border-radius: 3px; }\n\ninput[type='checkbox'] + label:hover:after,\ninput[type='checkbox']:checked + label:after {\n  content: \"\\2713\";\n  line-height: 18px;\n  font-size: 14px; }\n\ninput[type='checkbox'] + label:hover:after {\n  color: #bcbcbc; }\n\ninput[type='checkbox']:checked + label:after,\ninput[type='checkbox']:checked + label:hover:after {\n  color: #f5f7fa; }\n\n/*Toggle Specific styles*/\ninput[type='checkbox'].toggle {\n  display: inline-block;\n  appearance: none;\n  width: 55px;\n  height: 28px;\n  background-color: #efefef;\n  position: relative;\n  border-radius: 30px;\n  box-shadow: none;\n  transition: all .2s ease-in-out; }\n  input[type='checkbox'].toggle:hover:after {\n    background-color: #bcbcbc; }\n  input[type='checkbox'].toggle:after {\n    content: '';\n    display: inline-block;\n    position: absolute;\n    width: 24px;\n    height: 24px;\n    background-color: #a3a3a3;\n    top: 2px;\n    left: 2px;\n    border-radius: 50%;\n    transition: all .2s ease-in-out; }\n\ninput[type='checkbox']:checked.toggle {\n  box-shadow: inset 0 0 0 15px #1aa6da; }\n  input[type='checkbox']:checked.toggle:after {\n    left: 29px;\n    background-color: #f5f7fa; }\n\n.selectric-wrapper {\n  position: relative;\n  cursor: pointer; }\n\n.selectric-responsive {\n  width: 100%; }\n\n.selectric {\n  border: none;\n  border-bottom: 1px solid #686868;\n  background: none;\n  position: relative; }\n  .form--light .selectric {\n    border-bottom: 1px solid #f5f7fa;\n    color: #f5f7fa; }\n  .selectric .label {\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-size: 0.7125em;\n    line-height: 1.25em;\n    color: #686868;\n    height: 33px;\n    padding: 0.625em !important;\n    margin: 0 0 -3px 0 !important; }\n    .form--light .selectric .label {\n      color: #f5f7fa; }\n  .selectric .arrow {\n    display: block;\n    position: absolute;\n    right: 16px;\n    top: 0;\n    width: 1.25em;\n    height: 35px;\n    color: #686868;\n    text-align: center;\n    font: 0/0 a; }\n    .selectric .arrow:after {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      margin: auto;\n      width: 0;\n      height: 0;\n      border: 4px solid transparent;\n      border-top-color: #686868;\n      border-bottom: none; }\n\n.selectric-hover .selectric {\n  border-color: #373737; }\n  .selectric-hover .selectric .arrow {\n    color: #373737; }\n    .selectric-hover .selectric .arrow:after {\n      border-top-color: #686868; }\n\n.selectric-open {\n  z-index: 9999; }\n  .selectric-open .selectric {\n    border-color: #373737; }\n  .selectric-open .selectric-items {\n    display: block; }\n\n.selectric-disabled {\n  opacity: 0.5;\n  cursor: default;\n  user-select: none; }\n\n.selectric-hide-select {\n  position: relative;\n  overflow: hidden;\n  width: 0;\n  height: 0; }\n  .selectric-hide-select select {\n    position: absolute;\n    left: -100%;\n    display: none; }\n\n.selectric-input {\n  position: absolute !important;\n  top: 0 !important;\n  left: 0 !important;\n  overflow: hidden !important;\n  clip: rect(0, 0, 0, 0) !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  width: 1px !important;\n  height: 1px !important;\n  outline: none !important;\n  border: none !important;\n  *font: 0/0 a !important;\n  background: none !important; }\n\n.selectric-temp-show {\n  position: absolute !important;\n  visibility: hidden !important;\n  display: block !important; }\n\n.selectric-items {\n  display: none;\n  position: absolute;\n  top: 100%;\n  left: 0;\n  background: #f5f7fa;\n  border-bottom: 1px solid #686868;\n  z-index: -1;\n  box-shadow: 0 0 10px -6px rgba(55, 55, 55, 0.5); }\n  .selectric-items .selectric-scroll {\n    height: 100%;\n    overflow: auto; }\n  .selectric-above .selectric-items {\n    top: auto;\n    bottom: 100%; }\n  .selectric-items ul, .selectric-items li {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    font-size: 0.875em;\n    line-height: 20px;\n    min-height: 20px; }\n  .selectric-items li {\n    display: block;\n    padding: 1.25em;\n    border-top: 1px solid #f5f7fa;\n    border-bottom: 1px solid #efefef;\n    color: #686868;\n    cursor: pointer;\n    font-weight: \"latobold\"; }\n    .selectric-items li.selected, .selectric-items li:hover {\n      background: #bcbdbd;\n      color: #686868; }\n  .selectric-items .disabled {\n    opacity: 0.5;\n    cursor: default !important;\n    background: none !important;\n    color: #686868 !important;\n    user-select: none; }\n  .selectric-items .selectric-group .selectric-group-label {\n    font-weight: bold;\n    padding-left: 10px;\n    cursor: default;\n    user-select: none;\n    background: none;\n    color: #686868; }\n  .selectric-items .selectric-group.disabled li {\n    opacity: 1; }\n  .selectric-items .selectric-group li {\n    padding-left: 25px; }\n\n.alert {\n  width: 100%;\n  background: #d6d7d9;\n  border-left: 5px solid #bcbdbd;\n  padding: 0.625em;\n  margin-bottom: 1.25em;\n  max-height: 10vh;\n  overflow-y: auto; }\n\n.alert--info {\n  border-left: 5px solid #1f608c;\n  background: rgba(80, 162, 217, 0.5);\n  color: #1f608c;\n  font-size: 0.875em; }\n\n.alert--warning {\n  border-left: 5px solid #cb8e10;\n  background: rgba(255, 211, 102, 0.5);\n  color: #cb8e10;\n  font-size: 0.875em; }\n\n.alert--danger {\n  border-left: 5px solid #fc6141;\n  background: rgba(252, 97, 65, 0.5);\n  color: #d42703;\n  font-size: 0.875em; }\n\n.alert--success {\n  border-left: 5px solid #8cc152;\n  background: rgba(160, 212, 104, 0.5);\n  color: #587f2e;\n  font-size: 0.875em; }\n\n.wrapper--header {\n  position: fixed;\n  background: #1f608c;\n  box-shadow: 0 0 10px 0 rgba(55, 55, 55, 0.35);\n  margin-bottom: 1.25em;\n  color: #f5f7fa;\n  width: 100%;\n  height: 10vh;\n  z-index: 100; }\n\n.header {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  padding: 0.625em 0; }\n\n.logo {\n  margin: 0;\n  position: relative;\n  height: 50px; }\n  .logo a {\n    position: absolute;\n    top: 50%;\n    transform: translate(0, -50%);\n    color: #f5f7fa;\n    text-decoration: none;\n    font-family: \"latobold\"; }\n    .logo a span {\n      font-family: \"latolight\"; }\n\n.school {\n  position: relative; }\n\n.school__logo {\n  display: block;\n  height: 50px;\n  background-position: center;\n  background-size: contain;\n  background-repeat: no-repeat; }\n\n.school__unit,\n.school__date {\n  margin: 2px 0 0.625em 0; }\n\n.wrapper--nav {\n  width: 75px;\n  height: 90vh;\n  z-index: 1100;\n  box-shadow: 0 0 10px 0 rgba(55, 55, 55, 0.35);\n  position: fixed;\n  background: #f5f7fa;\n  margin-top: 10vh;\n  float: left;\n  transition: all .25s ease-out;\n  overflow: hidden; }\n  @media (max-width: 760px) {\n    .wrapper--nav {\n      height: 50px;\n      width: 100%; } }\n  .wrapper--nav:hover {\n    width: 200px; }\n    .wrapper--nav:hover .nav__item:nth-child(1) span {\n      transition-delay: 0.05s;\n      right: 10px;\n      opacity: 1; }\n    .wrapper--nav:hover .nav__item:nth-child(2) span {\n      transition-delay: 0.1s;\n      right: 10px;\n      opacity: 1; }\n    .wrapper--nav:hover .nav__item:nth-child(3) span {\n      transition-delay: 0.15s;\n      right: 10px;\n      opacity: 1; }\n    .wrapper--nav:hover .nav__item:nth-child(4) span {\n      transition-delay: 0.2s;\n      right: 10px;\n      opacity: 1; }\n    .wrapper--nav:hover .nav__item:nth-child(5) span {\n      transition-delay: 0.25s;\n      right: 10px;\n      opacity: 1; }\n    .wrapper--nav:hover .nav__item:nth-child(6) span {\n      transition-delay: 0.3s;\n      right: 10px;\n      opacity: 1; }\n    .wrapper--nav:hover .nav__item:nth-child(7) span {\n      transition-delay: 0.35s;\n      right: 10px;\n      opacity: 1; }\n\n.nav {\n  height: 100%;\n  width: 100%; }\n\n.nav__item {\n  width: 200px;\n  display: block;\n  color: #373737;\n  text-decoration: none;\n  font-size: 1.245em;\n  border-bottom: 1px solid #373737;\n  padding: 1.25em;\n  position: relative;\n  transition: all .25s ease-out;\n  text-align: left; }\n  .nav__item:hover {\n    color: #1aa6da;\n    background: #efefef; }\n  .nav__item span {\n    transition: right 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.25s ease-out;\n    position: absolute;\n    right: -55px;\n    text-align: left;\n    width: 135px;\n    opacity: 0;\n    font-size: 0.875em; }\n    .nav__item span:hover {\n      color: #30b9e9; }\n\n.card {\n  background: #f5f7fa;\n  box-shadow: 0 0 10px 0 rgba(55, 55, 55, 0.35);\n  font-size: 1em;\n  transition: box-shadow .2s ease-out;\n  margin-bottom: 1.25em; }\n  .card:hover {\n    box-shadow: 0 0 25px 0 rgba(55, 55, 55, 0.35); }\n  .card--login {\n    width: 50%;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%); }\n\n.card__header {\n  padding: 1.25em;\n  border-bottom: 2px solid #d6d7d9;\n  height: 55px; }\n\n.card__titles {\n  width: 65%;\n  float: left; }\n  .card__titles--expandable {\n    cursor: pointer;\n    user-select: none; }\n\n.card__title {\n  font-size: 0.875em;\n  font-family: \"latobold\";\n  margin: 0;\n  text-transform: uppercase; }\n\n.card__actions {\n  width: 25%;\n  float: right;\n  text-align: right; }\n\n.card__action {\n  display: inline-block; }\n\n.card__body {\n  padding: 1.25em;\n  height: 85%; }\n  .card__body--scroll {\n    height: 100%;\n    overflow-y: auto; }\n\n.context__actions {\n  display: block;\n  width: 150px;\n  background: #f5f7fa;\n  box-shadow: 0 0 5px 0 rgba(51, 51, 51, 0.35);\n  padding: 0.625em;\n  position: relative;\n  z-index: 100; }\n\n.context__action {\n  display: block;\n  text-align: right; }\n  .context__action:not(:last-child) {\n    margin-bottom: 0.625em; }\n\n.card__search {\n  display: block;\n  float: left;\n  width: 85%; }\n  .card__search .form__item {\n    margin-top: 0; }\n\n.legend {\n  width: 50%;\n  float: left;\n  position: relative;\n  margin-bottom: 0.625em; }\n\n.legend__text {\n  position: absolute;\n  top: 10%;\n  padding-left: 5px;\n  text-align: left; }\n\n.legend__icon {\n  display: inline-block;\n  width: 25px;\n  height: 25px;\n  background: #bcbdbd; }\n\n.legend__icon--active {\n  background: #a0d468; }\n\n.legend__icon--exited {\n  background: #30b9e9; }\n\n.legend__icon--warning {\n  background: #ffd366; }\n\n.legend__icon--danger {\n  background: #fc6141; }\n\n.device {\n  display: block;\n  margin-bottom: 0.625em;\n  background-color: #bcbdbd;\n  width: 100%;\n  height: 100px;\n  text-indent: -9999px;\n  background-position: center; }\n  .device--drivers-license {\n    background-image: url(\"/images/devices--drivers-license.png\"); }\n  .device--finger-print {\n    background-image: url(\"/images/devices--finger-print.png\"); }\n  .device--photo {\n    background-image: url(\"/images/devices--photo.png\"); }\n  .device--signature {\n    background-image: url(\"/images/devices--signature.png\"); }\n  .device--passport {\n    background-image: url(\"/images/devices--passport.png\"); }\n  .device--scanner {\n    background-image: url(\"/images/devices--scanner.png\"); }\n\n.loading--wrapper {\n  position: fixed;\n  width: 100%;\n  height: 100%;\n  background: rgba(55, 55, 55, 0.75);\n  z-index: 1000000; }\n  .loading--wrapper .loading-icon {\n    color: #f5f7fa; }\n\n.loading-icon {\n  width: 50px;\n  height: 50px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%); }\n\n.activity-container {\n  width: 100%;\n  margin: 0 auto;\n  position: relative; }\n\n.activity-wrapper {\n  width: 90%;\n  margin: 0 auto;\n  overflow: hidden;\n  position: relative; }\n\n.activity-inner {\n  height: 100px;\n  left: 0;\n  width: auto;\n  position: relative; }\n\n.activity__image {\n  width: 100%;\n  height: 100%; }\n\n.activity__person {\n  width: 100px;\n  height: 100px;\n  background-image: url(\"/images/devices--photo.png\");\n  background-size: cover;\n  background-position: center center;\n  display: inline-block;\n  float: left;\n  margin-right: 0.625em;\n  transition: all .2s ease-out;\n  position: relative;\n  cursor: pointer; }\n  .activity__person:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 10; }\n  .activity__person.isActive {\n    border: 3px solid #1ed9b3; }\n    .activity__person.isActive:hover {\n      border: 8px solid #1ed9b3; }\n      .activity__person.isActive:hover::before {\n        background: rgba(30, 217, 179, 0.5); }\n  .activity__person.hasExited {\n    border: 3px solid #50a2d9; }\n    .activity__person.hasExited:hover {\n      border: 8px solid #50a2d9; }\n      .activity__person.hasExited:hover::before {\n        background: rgba(80, 162, 217, 0.5); }\n  .activity__person.isFlagged {\n    border: 3px solid #eb5848; }\n    .activity__person.isFlagged:hover {\n      border: 8px solid #eb5848; }\n      .activity__person.isFlagged:hover::before {\n        background: rgba(235, 88, 72, 0.5); }\n  .activity__person.isWarned {\n    border: 3px solid #ffd366; }\n    .activity__person.isWarned:hover {\n      border: 8px solid #ffd366; }\n      .activity__person.isWarned:hover::before {\n        background: rgba(255, 211, 102, 0.5); }\n\n.arrow {\n  position: absolute;\n  top: 50%;\n  cursor: pointer; }\n  .arrow:hover {\n    color: #bcbdbd; }\n  .arrow--right {\n    right: 0; }\n\n.person {\n  width: 350px;\n  height: 140px;\n  position: absolute;\n  background: #f5f7fa;\n  z-index: 1000000;\n  box-shadow: 0 0 10px 0 rgba(55, 55, 55, 0.35); }\n  .person:before {\n    content: '';\n    border-left: 30px solid transparent;\n    border-right: 30px solid transparent;\n    transform: rotate(45deg);\n    position: absolute;\n    top: -5px;\n    right: -20px; }\n  .person.isActive:before {\n    border-bottom: 30px solid #1ed9b3; }\n  .person.hasExited:before {\n    border-bottom: 30px solid #50a2d9; }\n  .person.isFlagged:before {\n    border-bottom: 30px solid #eb5848; }\n  .person.isWarned:before {\n    border-bottom: 30px solid #ffd366; }\n\n.person__left {\n  width: 140px;\n  float: left; }\n\n.person__right {\n  width: calc(100% - 140px);\n  float: right;\n  padding: 0.625em; }\n\n.person__image {\n  width: 100%;\n  height: 140px;\n  background-position: center;\n  background-size: cover; }\n\n.person__info {\n  margin: 5px 0;\n  font-family: \"latobold\";\n  font-size: 0.875em; }\n  .person__info span {\n    font-family: \"latoregular\"; }\n\n.person__close {\n  position: absolute;\n  top: 2px;\n  right: 6px; }\n","*, *:before, *:after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.clearfix {\r\n  zoom: 1;\r\n\r\n  &:before,\r\n  &:after {\r\n    content: '';\r\n    display: table;\r\n  }\r\n\r\n  &:after {\r\n    clear: both;\r\n  }\r\n}\r\n\r\nhtml,\r\nbody {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\nbody {\r\n  background: $gray-light;\r\n  color: $text-color;\r\n  font-family: $font-main;\r\n  font-size: 16px;\r\n}\r\n\r\na {\r\n  color: $blue-alt-dark;\r\n  text-decoration: none;\r\n\r\n  &:hover {\r\n    color: $blue-alt;\r\n  }\r\n}\r\n\r\n.wrapper--login {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n}\r\n\r\n.wrapper--body {\r\n  width: calc(100% - 75px);\r\n  height: calc(100% - 10vh);\r\n  margin-top: 10vh;\r\n  padding-top: $padding;\r\n  float: right;\r\n\r\n  @media(max-width: $breakpoint-md) {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n.height--third {\r\n  height: 42vh;\r\n\r\n  @media(max-width: $breakpoint-lg) {\r\n    height: 25vh;\r\n  }\r\n\r\n  @media(max-width: $breakpoint-md) {\r\n    height: auto;\r\n  }\r\n\r\n}\r\n\r\n.height--one-third {\r\n  height: 20vh;\r\n  @media(max-width: $breakpoint-md) {\r\n    height: auto;\r\n  }\r\n}\r\n\r\n.height--half {\r\n  height: 50%;\r\n  @media(max-width: $breakpoint-md) {\r\n    height: auto;\r\n  }\r\n}\r\n\r\n// -- Section -- //\r\n.section {\r\n\r\n}\r\n\r\n.section__header {\r\n  padding: $padding 0;\r\n}\r\n\r\n.section__title {\r\n  font-size: $font-size-sm;\r\n  font-family: $font-bold;\r\n  margin: 0;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n.image-capture {\r\n\r\n  position: relative;\r\n  width: 100%;\r\n\r\n  .image{\r\n    display: block;\r\n    width:100%;\r\n    height:100%;\r\n    max-height: 300px;\r\n    padding-bottom: 100%;\r\n    background-position: center;\r\n    background-size: cover;\r\n  }\r\n  canvas.image{\r\n    padding-bottom: 30%;\r\n  }\r\n\r\n  // -- Broken Image Fix -- //\r\n  img{\r\n    font-family: $font-main;\r\n    font-weight: $font-bold;\r\n    line-height: 2;\r\n    text-align: center;\r\n\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    position: relative;\r\n    min-height: 250px;\r\n\r\n    &:before {\r\n      content: \" \";\r\n      display: block;\r\n\r\n      position: absolute;\r\n      height: 100%;\r\n      width: 100%;\r\n      background: $gray-medium;\r\n    }\r\n\r\n    &:after {\r\n      content: \"\\f1c5\";\r\n      font-family: FontAwesome, 'serif';\r\n      display: block;\r\n      font-size: 6rem;\r\n      font-style: normal;\r\n      color: $gray-lightest;\r\n\r\n      position: absolute;\r\n      top: 50%;\r\n      width: 100%;\r\n      transform: translate(0, -60%);\r\n    }\r\n  }\r\n}\r\n\r\n.image-capture__button {\r\n  color: $gray-lightest;\r\n  font-size: $font-size-xlg;\r\n  background: rgba($gray-dark, .75);\r\n  position: absolute;\r\n  bottom: 0;\r\n  width: 100%;\r\n  height: 50px;\r\n  text-align: center;\r\n  transition: all .2s ease-out;\r\n\r\n  i {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n  }\r\n\r\n  span {\r\n    display: block;\r\n    text-indent: -9999px;\r\n  }\r\n  \r\n  &:hover{\r\n    background: rgba($gray-darkest, 0.5);\r\n  }\r\n}","$blue: #50a2d9;\r\n$blue-dark: #1f608c;\r\n\r\n$blue-alt: #30b9e9;\r\n$blue-alt-dark: #1aa6da;\r\n\r\n$green: #1ed9b3;\r\n$green-dark: #1ed9b3;\r\n\r\n$green-alt: #a0d468;\r\n$green-alt-dark: #8cc152;\r\n\r\n$red: #eb5848;\r\n$red-dark: #8c2a1f;\r\n\r\n$red-alt: #fc6141;\r\n$red-alt-dark: #fc6141;\r\n\r\n$yellow: #ffd366;\r\n$yellow-dark: #cb8e10;\r\n\r\n$lavender: #a182ec;\r\n$lavender-dark: #8765dc;\r\n\r\n$pink: #ec75b8;\r\n$pink-dark: #d75aa4;\r\n\r\n$gray-lightest: #f5f7fa;\r\n$gray-light: #efefef;\r\n$gray-base: #d6d7d9;\r\n$gray-medium: #bcbdbd;\r\n$gray-dark: #686868;\r\n$gray-darkest: #373737;\r\n\r\n\r\n$text-color: $gray-darkest;\r\n$link-color: $blue-alt;\r\n$link-color-hover: $blue-alt-dark;\r\n\r\n$white: $gray-lightest;\r\n$black: $gray-darkest;","// -- Button -- //\r\n.btn {\r\n  display: block;\r\n  width: 100%;\r\n  background: $gray-medium;\r\n  color: $gray-darkest;\r\n  font-family: $font-bold;\r\n  text-align: center;\r\n  padding: $padding/2 $padding;\r\n  border-radius: 0;\r\n  border: none !important;\r\n  @include box-shadow($color: $gray-darkest, $spread: 0, $blur: 5px, $vShadow: 4px);\r\n  transition: all .2s ease-out;\r\n  text-decoration: none;\r\n\r\n  &:hover {\r\n    color: $gray-darkest;\r\n    @include box-shadow($color: $gray-darkest, $spread: 0, $blur: 2px, $vShadow: 2px);\r\n  }\r\n}\r\n\r\n.btn--success {\r\n  background: $green-alt;\r\n\r\n  &:hover {\r\n    background: $green-alt-dark;\r\n  }\r\n}\r\n\r\n.btn--info{\r\n  background: $blue-alt;\r\n\r\n  &:hover {\r\n    background: $blue-alt-dark;\r\n  }\r\n}\r\n\r\n.btn--warning {\r\n  background: $yellow;\r\n\r\n  &:hover {\r\n    background: $yellow-dark;\r\n  }\r\n}\r\n\r\n.btn--danger {\r\n  background: $red-alt;\r\n\r\n  &:hover {\r\n    background: $red-alt-dark;\r\n  }\r\n}",".form__item {\r\n  margin-top: $padding*2;\r\n  position: relative;\r\n\r\n  @media (max-width: $breakpoint-md) {\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n  }\r\n}\r\n\r\n.form__label {\r\n  cursor: pointer;\r\n  position: absolute;\r\n  color: $gray-dark;\r\n  font-size: $font-size-xsm;\r\n  left: $padding/2;\r\n  top: $padding/6;\r\n  @include default-transition();\r\n\r\n  @media (max-width: $breakpoint-md) {\r\n    left: $padding/2;\r\n  }\r\n\r\n  .form--light & {\r\n    color: $gray-lightest;\r\n  }\r\n\r\n  &--check {\r\n    padding-left: $padding;\r\n  }\r\n\r\n}\r\n\r\n.form__input {\r\n  width: 100%;\r\n  font-size: $font-size-xsm;\r\n  padding: $padding/2;\r\n  background: none;\r\n  border: none;\r\n  @include border-bottom();\r\n\r\n  .form--light & {\r\n    @include border-bottom($color: $gray-lightest);\r\n    color: $gray-lightest;\r\n  }\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  &:focus ~ .form__label,\r\n  &:valid ~ .form__label {\r\n    letter-spacing: 1px;\r\n    font-size: $font-size-xsm;\r\n    color: $gray-medium;\r\n    top: -$padding*1.25;\r\n    left: 0;\r\n\r\n    .form--light & {\r\n      color: $gray-lightest;\r\n    }\r\n  }\r\n}\r\n\r\n.form__bar {\r\n  position: relative;\r\n  width: 100%;\r\n  display: block;\r\n\r\n  &:before,\r\n  &:after {\r\n    content: '';\r\n    height: 3px;\r\n    width: 0;\r\n    bottom: 0;\r\n    position: absolute;\r\n    background: $blue-alt;\r\n    @include default-transition();\r\n\r\n    .form--light & {\r\n      background: $blue-alt-dark;\r\n    }\r\n  }\r\n\r\n  &:before {\r\n    left: 50%;\r\n  }\r\n  &:after {\r\n    right: 50%;\r\n  }\r\n\r\n}\r\n\r\n.form__input:focus ~ .form__bar:before,\r\n.form__input:focus ~ .form__bar:after,\r\n.form__input.used ~ .form__bar:before,\r\n.form__input.used ~ .form__bar:after {\r\n  width: 50%;\r\n}\r\n\r\n.form__item.required {\r\n\r\n  &:before {\r\n    content: '*';\r\n    width: 20px;\r\n    height: 100%;\r\n    position: absolute;\r\n    padding: 8px 0 0;\r\n    background: $yellow;\r\n    color: $yellow-dark;\r\n    font-size: $font-size-xlg;\r\n    text-align: center;\r\n\r\n    right: 0;\r\n    z-index: 20;\r\n    @include border-bottom($color: $yellow);\r\n\r\n    .form--light & {\r\n      background: $gray-lightest;\r\n      color: $blue-alt;\r\n      @include border-bottom($color: $gray-lightest);\r\n    }\r\n\r\n    @media (max-width: $breakpoint-md) {\r\n      right: 0;\r\n    }\r\n\r\n  }\r\n}\r\n\r\n.form__item--icon {\r\n\r\n  .form__label {\r\n    left: $padding*2;\r\n  }\r\n  .form__input {\r\n    padding-left: $padding*2;\r\n  }\r\n}\r\n\r\n.form__icon {\r\n  position: absolute;\r\n  left: $padding/4;\r\n  top: 0;\r\n\r\n  .form--light & {\r\n    color: $gray-lightest;\r\n  }\r\n}\r\n\r\n.form__textarea {\r\n  background: none;\r\n  border: none;\r\n  width: 100%;\r\n  height: 100%;\r\n  padding-bottom: 10px;\r\n  margin-bottom: -9px;\r\n  z-index: 100;\r\n  position: relative;\r\n  color: $gray-lightest;\r\n  resize: vertical;\r\n  max-height: 250px;\r\n  @include border-bottom();\r\n\r\n  .form--light & {\r\n    @include border-bottom($color: $gray-lightest);\r\n  }\r\n}\r\n\r\n// ---- [ Form Header ] ---- //\r\n.form-section {\r\n  margin-bottom: $padding*2;\r\n}\r\n\r\n.form__header {\r\n  @include border-bottom($color: $gray-darkest, $size: 3px);\r\n  margin: $padding 0;\r\n}\r\n\r\n.form-section__number {\r\n  background: $gray-darkest;\r\n  padding: $padding/2 $padding;\r\n  color: $gray-lightest;\r\n}\r\n\r\n.form-section__title {\r\n  font-family: $font-main;\r\n  font-weight: $font-light;\r\n  font-size: $font-size-base;\r\n  display: inline-block;\r\n  height: $padding;\r\n  margin: 2px $padding/2;\r\n}\r\n\r\n.validetta-inline {\r\n  color: $red-alt;\r\n  font-size: $font-size-xsm;\r\n  position: absolute;\r\n  left: 0 !important;\r\n  top: 100% !important;\r\n\r\n  .big-blue & {\r\n    color: $gray-lightest;\r\n  }\r\n}\r\n\r\n.label-group{\r\n  position: relative;\r\n  height: 25px;\r\n  display: inline-block;\r\n}\r\n\r\n\r\ninput[type='radio'],\r\ninput[type='checkbox'] {\r\n  display: none; //hide by default\r\n  cursor: pointer; //make the cursor a pointer when over the items\r\n  &:focus,\r\n  &:active {\r\n    outline: none; //remove the annoying outline\r\n  }\r\n  & + label {\r\n    cursor: pointer;\r\n    display: inline-block;\r\n    position: relative;\r\n    padding-left: 25px;\r\n    margin-right: 10px;\r\n    height: 100%;\r\n    color: darken($blue-alt, 20%);\r\n    &:before,\r\n    &:after {\r\n      content: '';\r\n      display: inline-block;\r\n      width: 18px;\r\n      height: 18px;\r\n      left: 2px;\r\n      top: 5px;\r\n      text-align: center;\r\n      position: absolute;\r\n    }\r\n    &:before {\r\n      background-color: $gray-light;\r\n      transition: all .3s ease-in-out;\r\n    }\r\n    &:after {\r\n      color: $gray-lightest;\r\n    }\r\n  }\r\n  &:checked + label:before {\r\n    box-shadow: inset 0 0 0 10px $blue-alt;\r\n  }\r\n}\r\n\r\n/*Radio Specific styles*/\r\ninput[type='radio'] {\r\n  & + label:before {\r\n    border-radius: 50%;\r\n  }\r\n  & + label:hover:after,\r\n  &:checked + label:after {\r\n    content: '\\2022';\r\n    position: absolute;\r\n    top: 8px;\r\n    font-size: 48px;\r\n    line-height: 15px;\r\n  }\r\n  & + label:hover:after {\r\n    color: darken($gray-light, 20%);\r\n  }\r\n  &:checked + label:after,\r\n  &:checked + label:hover:after {\r\n    color: $gray-lightest;\r\n  }\r\n}\r\n\r\n/*Checkbox Specific styles*/\r\ninput[type='checkbox'] {\r\n  & + label:before {\r\n    border-radius: 3px;\r\n  }\r\n\r\n  & + label:hover:after,\r\n  &:checked + label:after {\r\n    content: \"\\2713\";\r\n    line-height: 18px;\r\n    font-size: 14px;\r\n  }\r\n  & + label:hover:after {\r\n    color: darken($gray-light, 20%);\r\n  }\r\n  &:checked + label:after,\r\n  &:checked + label:hover:after {\r\n    color: $gray-lightest;\r\n  }\r\n}\r\n\r\n/*Toggle Specific styles*/\r\ninput[type='checkbox'] {\r\n  &.toggle {\r\n    display: inline-block;\r\n    appearance: none;\r\n    width: 55px;\r\n    height: 28px;\r\n    background-color: $gray-light;\r\n    position: relative;\r\n    border-radius: 30px;\r\n    box-shadow: none;\r\n    transition: all .2s ease-in-out;\r\n    &:hover:after {\r\n      background-color: darken($gray-light, 20%);\r\n    }\r\n    &:after {\r\n      content: '';\r\n      display: inline-block;\r\n      position: absolute;\r\n      width: 24px;\r\n      height: 24px;\r\n      background-color: darken($gray-light, 30%);\r\n      top: 2px;\r\n      left: 2px;\r\n      border-radius: 50%;\r\n      transition: all .2s ease-in-out;\r\n    }\r\n  }\r\n  &:checked.toggle {\r\n    box-shadow: inset 0 0 0 15px $blue-alt-dark;\r\n    &:after {\r\n      left: 29px;\r\n      background-color: $gray-lightest;\r\n    }\r\n  }\r\n}\r\n\r\n@import 'form-selectric';","// ----- [ Selectric ] ----- //\r\n.selectric-wrapper {\r\n  position: relative;\r\n  cursor: pointer;\r\n}\r\n\r\n.selectric-responsive {\r\n  width: 100%;\r\n}\r\n\r\n.selectric {\r\n  border: none;\r\n  @include border-bottom();\r\n  //background: $white;\r\n  background: none;\r\n  position: relative;\r\n\r\n  .form--light & {\r\n    @include border-bottom($color: $gray-lightest);\r\n    color: $white;\r\n  }\r\n\r\n  .label {\r\n    display: block;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    font-size: $font-size-xsm;\r\n    line-height: $padding;\r\n    color: $gray-dark;\r\n    height: $base-element-height - 2px;\r\n    padding: $padding/2 !important;\r\n    margin: 0 0 -3px 0 !important;\r\n\r\n    .form--light & {\r\n      color: $white;\r\n    }\r\n  }\r\n\r\n  .arrow {\r\n    display: block;\r\n    position: absolute;\r\n    right: 16px;\r\n    top: 0;\r\n    width: $padding;\r\n    height: $base-element-height;\r\n    color: $gray-dark;\r\n    text-align: center;\r\n    font: 0/0 a;\r\n\r\n    &:after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      margin: auto;\r\n      width: 0;\r\n      height: 0;\r\n      border: 4px solid transparent;\r\n      border-top-color: $gray-dark;\r\n      border-bottom: none;\r\n    }\r\n  }\r\n}\r\n\r\n.selectric-hover .selectric {\r\n  border-color: $gray-darkest;\r\n\r\n  .arrow {\r\n    color: $gray-darkest;\r\n\r\n    &:after {\r\n      border-top-color: $gray-dark;\r\n    }\r\n  }\r\n}\r\n\r\n.selectric-open {\r\n  z-index: 9999;\r\n\r\n  .selectric {\r\n    border-color: $gray-darkest;\r\n  }\r\n\r\n  .selectric-items {\r\n    display: block;\r\n  }\r\n}\r\n\r\n.selectric-disabled {\r\n  opacity: 0.5;\r\n  cursor: default;\r\n  user-select: none;\r\n}\r\n\r\n.selectric-hide-select {\r\n  position: relative;\r\n  overflow: hidden;\r\n  width: 0;\r\n  height: 0;\r\n\r\n  select {\r\n    position: absolute;\r\n    left: -100%;\r\n    display: none;\r\n  }\r\n}\r\n\r\n.selectric-input {\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  left: 0 !important;\r\n  overflow: hidden !important;\r\n  clip: rect(0, 0, 0, 0) !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  width: 1px !important;\r\n  height: 1px !important;\r\n  outline: none !important;\r\n  border: none !important;\r\n  *font: 0/0 a !important;\r\n  background: none !important;\r\n}\r\n\r\n.selectric-temp-show {\r\n  position: absolute !important;\r\n  visibility: hidden !important;\r\n  display: block !important;\r\n}\r\n\r\n.selectric-items {\r\n  display: none;\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 0;\r\n  background: $gray-lightest;\r\n  @include border-bottom();\r\n  z-index: -1;\r\n  box-shadow: 0 0 10px -6px rgba($gray-darkest, 0.5);\r\n\r\n  .selectric-scroll {\r\n    height: 100%;\r\n    overflow: auto;\r\n  }\r\n\r\n  .selectric-above & {\r\n    top: auto;\r\n    bottom: 100%;\r\n  }\r\n\r\n  ul, li {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n    font-size: $font-size-sm;\r\n    line-height: 20px;\r\n    min-height: 20px;\r\n  }\r\n\r\n  li {\r\n    display: block;\r\n    padding: $padding;\r\n    border-top: 1px solid $gray-lightest;\r\n    border-bottom: 1px solid $gray-light;\r\n    color: $gray-dark;\r\n    cursor: pointer;\r\n    font-weight: $font-bold;\r\n\r\n    &.selected,\r\n    &:hover {\r\n      background: $gray-medium;\r\n      color: $gray-dark;\r\n    }\r\n  }\r\n\r\n  .disabled {\r\n    opacity: 0.5;\r\n    cursor: default !important;\r\n    background: none !important;\r\n    color: $gray-dark !important;\r\n    user-select: none;\r\n  }\r\n\r\n  .selectric-group {\r\n    .selectric-group-label {\r\n      font-weight: bold;\r\n      padding-left: 10px;\r\n      cursor: default;\r\n      user-select: none;\r\n      background: none;\r\n      color: $gray-dark;\r\n    }\r\n\r\n    &.disabled li {\r\n      opacity: 1;\r\n    }\r\n\r\n    li {\r\n      padding-left: 25px;\r\n    }\r\n  }\r\n}","$form-transition-time : 0.1s;\r\n\r\n$form-bar-height : 2px;\r\n\r\n$base-element-height : 35px;\r\n","// -- Alert -- //\r\n.alert {\r\n  width: 100%;\r\n  background: $gray-base;\r\n  border-left: 5px solid $gray-medium;\r\n  padding: $padding/2;\r\n  margin-bottom: $padding;\r\n  max-height: 10vh;\r\n  overflow-y: auto;\r\n}\r\n\r\n.alert--info {\r\n  border-left: 5px solid $blue-dark;\r\n  background: rgba($blue, 0.5);\r\n  color: $blue-dark;\r\n  font-size: $font-size-sm;\r\n}\r\n\r\n\r\n.alert--warning {\r\n  border-left: 5px solid $yellow-dark;\r\n  background: rgba($yellow, 0.5);\r\n  color: $yellow-dark;\r\n  font-size: $font-size-sm;\r\n}\r\n\r\n\r\n.alert--danger {\r\n  border-left: 5px solid $red-alt-dark;\r\n  background: rgba($red-alt, 0.5);\r\n  color: darken($red-alt-dark, 20%);\r\n  font-size: $font-size-sm;\r\n}\r\n\r\n\r\n.alert--success {\r\n  border-left: 5px solid $green-alt-dark;\r\n  background: rgba($green-alt, 0.5);\r\n  color: darken($green-alt-dark, 20%);\r\n  font-size: $font-size-sm;\r\n}\r\n","// -- Header -- //\r\n.wrapper--header {\r\n  position: fixed;\r\n  background: $blue-dark;\r\n  @include box-shadow($color: $gray-darkest, $spread: 0, $blur: 10px);\r\n  margin-bottom: $padding;\r\n  color: $gray-lightest;\r\n  width: 100%;\r\n  height: 10vh;\r\n  z-index: 100;\r\n}\r\n\r\n.header {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: relative;\r\n  padding: $padding/2 0;\r\n}\r\n\r\n.logo {\r\n  margin: 0;\r\n  position: relative;\r\n  height: 50px;\r\n\r\n  a {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translate(0, -50%);\r\n    color: $gray-lightest;\r\n    text-decoration: none;\r\n    font-family: $font-bold;\r\n\r\n    span {\r\n      font-family: $font-light;\r\n    }\r\n  }\r\n}\r\n\r\n.school{\r\n  position: relative;\r\n}\r\n\r\n.school__logo{\r\n  display: block;\r\n  height: 50px;\r\n  background-position: center;\r\n  background-size: contain;\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n.school__unit,\r\n.school__date{\r\n  margin: 2px 0 $padding/2 0;\r\n}","// -- Nav -- //\r\n.wrapper--nav {\r\n  width: 75px;\r\n  height: 90vh;\r\n  z-index: 1100;\r\n  @include box-shadow($color: $gray-darkest, $spread: 0, $blur: 10px);\r\n  position: fixed;\r\n  background: $gray-lightest;\r\n  margin-top: 10vh;\r\n  float: left;\r\n  transition: all .25s ease-out;\r\n  overflow: hidden;\r\n\r\n  @media(max-width: $breakpoint-md) {\r\n    height: 50px;\r\n    width: 100%;\r\n  }\r\n\r\n  &:hover {\r\n    width: 200px;\r\n\r\n    @for $i from 1 through 7 {\r\n      .nav__item:nth-child(#{$i}) span {\r\n        //transition: right .25s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        transition-delay: (0.05s * $i);\r\n        right: 10px;\r\n        opacity: 1;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.nav {\r\n  height: 100%;\r\n  width: 100%;\r\n}\r\n\r\n.nav__item {\r\n  width: 200px;\r\n  display: block;\r\n  color: $gray-darkest;\r\n  text-decoration: none;\r\n  font-size: $font-size-xlg;\r\n  border-bottom: 1px solid $gray-darkest;\r\n  padding: $padding;\r\n  position: relative;\r\n  transition: all .25s ease-out;\r\n  text-align: left;\r\n\r\n  &:hover {\r\n    color: $blue-alt-dark;\r\n    background: $gray-light;\r\n  }\r\n\r\n  span {\r\n    transition: right .25s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity .25s ease-out;\r\n    position: absolute;\r\n    right: -55px;\r\n    text-align: left;\r\n    width: 135px;\r\n    opacity: 0;\r\n    font-size: $font-size-sm;\r\n\r\n    &:hover{\r\n      color: $blue-alt;\r\n    }\r\n  }\r\n}","// -- Card -- //\r\n.card {\r\n  background: $gray-lightest;\r\n  @include box-shadow($color: $gray-darkest, $spread: 0, $blur: 10px);\r\n  font-size: 1em;\r\n  transition: box-shadow .2s ease-out;\r\n  margin-bottom: $padding;\r\n\r\n  &:hover {\r\n    //transform: scale(1.01);\r\n    @include box-shadow($color: $gray-darkest, $spread: 0, $blur: 25px);\r\n  }\r\n\r\n\r\n  &--login{\r\n    width: 50%;\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate( -50%, -50% );\r\n  }\r\n}\r\n\r\n.card__header {\r\n  padding: $padding;\r\n  border-bottom: 2px solid $gray-base;\r\n  height: 55px;\r\n}\r\n\r\n.card__titles {\r\n  width: 65%;\r\n  float: left;\r\n\r\n  &--expandable{\r\n    cursor: pointer;\r\n    user-select: none;\r\n  }\r\n}\r\n\r\n.card__title {\r\n  font-size: $font-size-sm;\r\n  font-family: $font-bold;\r\n  margin: 0;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.card__actions {\r\n  width: 25%;\r\n  float: right;\r\n  text-align: right;\r\n}\r\n\r\n.card__action {\r\n  display: inline-block;\r\n}\r\n\r\n.card__body {\r\n  padding: $padding;\r\n  height: 85%;\r\n\r\n  &--scroll {\r\n    height: 100%;\r\n    overflow-y: auto;\r\n  }\r\n}\r\n\r\n.context-menu {\r\n\r\n}\r\n\r\n.context__actions {\r\n  display: block;\r\n  width: 150px;\r\n  background: $gray-lightest;\r\n  @include box-shadow();\r\n  padding: $padding/2;\r\n  position: relative;\r\n  z-index: 100;\r\n}\r\n\r\n.context__action {\r\n  display: block;\r\n  text-align: right;\r\n\r\n  &:not(:last-child){\r\n    margin-bottom: $padding/2;\r\n  }\r\n}\r\n\r\n\r\n.card__search{\r\n  display: block;\r\n  float: left;\r\n  width: 85%;\r\n\r\n  .form__item{\r\n    margin-top: 0;\r\n  }\r\n}",".legend{\r\n  width: 50%;\r\n  float: left;\r\n  position: relative;\r\n  margin-bottom: $padding/2;\r\n}\r\n\r\n.legend__text{\r\n  position: absolute;\r\n  top: 10%;\r\n  padding-left: 5px;\r\n  text-align: left;\r\n}\r\n\r\n\r\n.legend__icon{\r\n  display: inline-block;\r\n  width: 25px;\r\n  height: 25px;\r\n  background: $gray-medium;\r\n}\r\n\r\n\r\n.legend__icon{\r\n  \r\n  &--active{\r\n    background: $green-alt;\r\n  }\r\n  \r\n  &--exited{\r\n    background: $blue-alt;\r\n  }\r\n  \r\n  &--warning{\r\n    background: $yellow;\r\n  }\r\n  \r\n  &--danger{\r\n    background: $red-alt;\r\n  }\r\n  \r\n}",".device{\r\n  display: block;\r\n  margin-bottom: $padding/2;\r\n  background-color: $gray-medium;\r\n  width: 100%;\r\n  height: 100px;\r\n  text-indent: -9999px;\r\n  background-position: center;\r\n  \r\n\r\n  &--drivers-license{\r\n    background-image: url('/images/devices--drivers-license.png');\r\n  }\r\n\r\n  &--finger-print{\r\n    background-image: url('/images/devices--finger-print.png');\r\n  }\r\n\r\n  &--photo{\r\n    background-image: url('/images/devices--photo.png');\r\n  }\r\n\r\n  &--signature{\r\n    background-image: url('/images/devices--signature.png');\r\n  }\r\n\r\n  &--passport{\r\n    background-image: url('/images/devices--passport.png');\r\n  }\r\n\r\n  &--scanner{\r\n    background-image: url('/images/devices--scanner.png');\r\n  }\r\n\r\n}",".loading--wrapper{\r\n  position: fixed;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba($gray-darkest, .75);\r\n  z-index: 1000000;\r\n\r\n  .loading-icon{\r\n    color: $gray-lightest;\r\n  }\r\n}\r\n\r\n.loading-icon{\r\n  width: 50px;\r\n  height: 50px;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n\r\n}","// -- Activity Stuff -- //\r\n.activity-container {\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  position: relative;\r\n}\r\n\r\n.activity-wrapper {\r\n  width: 90%;\r\n  margin: 0 auto;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.activity-inner {\r\n  height: 100px;\r\n  left: 0;\r\n  width: auto;\r\n  position: relative;\r\n}\r\n\r\n.activity__image {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.activity__person {\r\n  width: 100px;\r\n  height: 100px;\r\n  background-image: url('/images/devices--photo.png');\r\n  background-size: cover;\r\n  background-position: center center;\r\n  display: inline-block;\r\n  float: left;\r\n  margin-right: $padding/2;\r\n  transition: all .2s ease-out;\r\n  position: relative;\r\n  cursor: pointer;\r\n\r\n  &:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 10;\r\n  }\r\n\r\n  &.isActive {\r\n    border: 3px solid $green;\r\n\r\n    &:hover {\r\n      border: 8px solid $green;\r\n\r\n      &::before {\r\n        background: rgba($green, 0.5);\r\n      }\r\n    }\r\n  }\r\n\r\n  &.hasExited {\r\n    border: 3px solid $blue;\r\n\r\n    &:hover {\r\n      border: 8px solid $blue;\r\n\r\n      &::before {\r\n        background: rgba($blue, 0.5);\r\n      }\r\n    }\r\n  }\r\n\r\n  &.isFlagged {\r\n    border: 3px solid $red;\r\n\r\n    &:hover {\r\n      border: 8px solid $red;\r\n\r\n      &::before {\r\n        background: rgba($red, 0.5);\r\n      }\r\n    }\r\n  }\r\n\r\n  &.isWarned {\r\n    border: 3px solid $yellow;\r\n\r\n    &:hover {\r\n      border: 8px solid $yellow;\r\n\r\n      &::before {\r\n        background: rgba($yellow, 0.5);\r\n      }\r\n    }\r\n  }\r\n\r\n}\r\n\r\n.arrow{\r\n  position: absolute;\r\n  top: 50%;\r\n  cursor: pointer;\r\n\r\n  &:hover{\r\n    color: $gray-medium;\r\n  }\r\n\r\n  &--right{\r\n    right: 0;\r\n  }\r\n}","// -- Person Stuff -- //\r\n.person {\r\n  width: 350px;\r\n  height: 140px;\r\n  position: absolute;\r\n  background: $gray-lightest;\r\n  z-index: 1000000;\r\n\r\n  @extend .clearfix;\r\n  @include box-shadow($color: $gray-darkest, $spread: 0, $blur: 10px);\r\n\r\n  &:before {\r\n    content: '';\r\n    border-left: 30px solid transparent;\r\n    border-right: 30px solid transparent;\r\n\r\n    transform: rotate(45deg);\r\n    position: absolute;\r\n    top: -5px;\r\n    right: -20px;\r\n  }\r\n\r\n  &.isActive {\r\n    &:before {\r\n      border-bottom: 30px solid $green;\r\n    }\r\n  }\r\n  &.hasExited {\r\n    &:before {\r\n      border-bottom: 30px solid $blue;\r\n    }\r\n  }\r\n  &.isFlagged {\r\n    &:before {\r\n      border-bottom: 30px solid $red;\r\n    }\r\n  }\r\n  &.isWarned {\r\n    &:before {\r\n      border-bottom: 30px solid $yellow;\r\n    }\r\n  }\r\n}\r\n\r\n.person__left {\r\n  width: 140px;\r\n  float: left;\r\n}\r\n\r\n.person__right {\r\n  width: calc(100% - 140px);\r\n  float: right;\r\n  padding: $padding/2;\r\n}\r\n\r\n.person__image {\r\n  width: 100%;\r\n  height: 140px;\r\n  background-position: center;\r\n  background-size: cover;\r\n}\r\n\r\n.person__info {\r\n  margin: 5px 0;\r\n  font-family: $font-bold;\r\n  font-size: $font-size-sm;\r\n\r\n  span {\r\n    font-family: $font-main;\r\n  }\r\n}\r\n\r\n.person__close{\r\n  position: absolute;\r\n  top: 2px;\r\n  right: 6px;\r\n}"],"sourceRoot":"/source/"}