@charset "UTF-8";
/*
//website colors
$blue-light: #17d2f4;
$blue-medium: #09bcee;
$blue-dark:  #0298e3;

$green: #9bd120;
$orange: lighten( $orange, 5% );

$grey-light: #a4a4a4;
$grey-medium: #777;
*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

legend {
  padding: 0;
  display: table;
  float: left;
  width: 100%; }

fieldset {
  border: 0;
  padding: 0.01em 0 0 0;
  margin: 0;
  min-width: 0; }

body:not(:-moz-handler-blocked) fieldset {
  display: table-cell; }

* {
  box-sizing: border-box; }

html, body {
  font-family: verdana, helvetica, sans-serif; }

::-moz-selection {
  background: #bbd9f5;
  /* WebKit/Blink Browsers */ }

::selection {
  background: #bbd9f5;
  /* WebKit/Blink Browsers */ }

::-moz-selection {
  background: #bbd9f5;
  /* Gecko Browsers */ }

a {
  color: #378FE0; }

.title, .title--small, .meta-data__title, .title--medium, .title--large {
  display: block;
  font-family: verdana, helvetica, sans-serif;
  margin-bottom: 12px; }

.title--small, .meta-data__title {
  font-size: 12px;
  text-transform: uppercase;
  color: #656565; }

.title--medium {
  font-size: 18px;
  color: #656565;
  line-height: 1.3; }

.title--large {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2; }

.content {
  line-height: 1.4;
  padding-bottom: 24px; }

.meta-data {
  padding-bottom: 16px; }

.meta-data__title {
  margin-bottom: 8px; }

.meta-data__value {
  font-size: 18px;
  line-height: 1.4;
  padding-bottom: 8px; }

.code {
  font-family: monospace;
  font-size: 18px;
  white-space: pre-wrap;
  /* CSS 3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  display: block;
  padding: 16px;
  margin: 0 0 32px 0;
  border: solid 1px #2C73B5;
  background: #ffffff; }

.button, .button--blue, .button--green, .button--orange, .button--red {
  background: none;
  -webkit-appearance: none;
  display: inline-block;
  font-family: verdana, helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 15px;
  padding: 8px 12px;
  margin: 0;
  color: #f9f9f9;
  background: #cacaca;
  background: linear-gradient(#acacac, #929292);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 5px;
  border: solid 1px #9f9f9f;
  border-top: solid 1px #cacaca;
  border: solid 1px rgba(0, 0, 0, 0.25);
  border-top: solid 1px rgba(0, 0, 0, 0.125);
  cursor: pointer; }
  .button span, .button--blue span, .button--green span, .button--orange span, .button--red span {
    vertical-align: middle; }
  .button:hover, .button--blue:hover, .button--green:hover, .button--orange:hover, .button--red:hover {
    background: linear-gradient(#b8b8b8, #9f9f9f); }
  .button:focus, .button--blue:focus, .button--green:focus, .button--orange:focus, .button--red:focus {
    outline: #cacaca dotted 2px; }
  .button[disabled], [disabled].button--blue, [disabled].button--green, [disabled].button--orange, [disabled].button--red {
    opacity: 0.55;
    cursor: default; }

.button--blue {
  background: #378FE0;
  background: linear-gradient(#4d9be3, #2283db); }
  .button--blue:hover {
    background: linear-gradient(#63a8e7, #378FE0); }

.button--green {
  background: #7DB547;
  background: linear-gradient(#8abd58, #70a340); }
  .button--green:hover {
    background: linear-gradient(#97c56a, #7DB547); }

.button--orange {
  background: #E0791C;
  background: linear-gradient(#e89347, #E0791C); }
  .button--orange:hover {
    background: linear-gradient(#eba15e, #e58630); }

.button--red {
  background: #E0372F;
  background: linear-gradient(#e34c45, #d62820); }
  .button--red:hover {
    background: linear-gradient(#e7625b, #E0372F); }

.button--large {
  padding: 13.2px 16px; }

.icon, .iconc {
  width: 16px;
  height: 16px;
  vertical-align: bottom; }
  .icon:last-child, .iconc:last-child {
    margin-left: 4px; }
  .icon:first-child, .iconc:first-child {
    margin-right: 4px; }

.iconc[data-iconc="add"] {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 1px 0px;
  overflow: hidden; }
  .iconc[data-iconc="add"]:before, .iconc[data-iconc="add"]:after {
    content: "";
    display: block;
    position: absolute;
    background: #f9f9f9;
    z-index: 1; }
  .iconc[data-iconc="add"]:before {
    width: 2px;
    height: 100%;
    left: 50%;
    top: 0;
    margin-left: -1px; }
  .iconc[data-iconc="add"]:after {
    width: 100%;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    left: 0; }

.link {
  color: #2C73B5; }
  .link:hover, .link:focus {
    color: #bbd9f5; }

.form {
  /*
    padding:$spacing * 3;
    border:solid darken($white, 5%) 1px;
    */ }

.form--email {
  width: 600px;
  max-width: 100%; }
  .form--email .form_group.content_section--white {
    margin-bottom: 0; }

.form--login {
  padding: 24px;
  width: 300px;
  max-width: 100%; }

.form--login_errors {
  font-size: 14px;
  padding-bottom: 16px;
  line-height: 1.4;
  color: #656565; }

.form_group {
  clear: both;
  margin-bottom: 8px; }
  .form_group .field__input, .form_group .field__select, .form_group .select_mask, .form_group .field__textarea, .form_group .chosen-container .search-field input, .chosen-container .search-field .form_group input, .form_group .chosen-container .chosen-drop .chosen-search input, .chosen-container .chosen-drop .chosen-search .form_group input, .form_group .chosen-container-single {
    background: #fefefe; }
    .form_group .field__input:focus, .form_group .field__select:focus, .form_group .select_mask:focus, .form_group .field__textarea:focus, .form_group .chosen-container .search-field input:focus, .chosen-container .search-field .form_group input:focus, .form_group .chosen-container .chosen-drop .chosen-search input:focus, .chosen-container .chosen-drop .chosen-search .form_group input:focus, .form_group .chosen-container-single:focus {
      background: #ffffff; }

.form__footer {
  margin-bottom: 16px;
  vertical-align: top; }

.field, .chosen-container .search-field, .chosen-container .chosen-drop .chosen-search, .field__label, .field__input, .field__select, .select_mask, .field__textarea, .chosen-container .search-field input, .chosen-container .chosen-drop .chosen-search input, .chosen-container-single {
  display: inline-block;
  width: 100%; }

.field, .chosen-container .search-field, .chosen-container .chosen-drop .chosen-search {
  margin: 0 0 16px 0; }
  .field .field__wrap, .chosen-container .search-field .field__wrap, .chosen-container .chosen-drop .chosen-search .field__wrap {
    display: block;
    position: relative; }
    .field .field__wrap:before, .chosen-container .search-field .field__wrap:before, .chosen-container .chosen-drop .chosen-search .field__wrap:before {
      transition: background 0.15s linear;
      content: "";
      font-size: 18px;
      position: absolute;
      top: 1px;
      left: 1px;
      width: 4.4px;
      height: 99%;
      height: calc( 100% - 2px);
      line-height: 45px;
      background: #cacaca;
      text-align: center;
      z-index: 2; }
  .field.error .field__wrap:before, .chosen-container .error.search-field .field__wrap:before, .chosen-container .chosen-drop .error.chosen-search .field__wrap:before {
    background: #E0791C; }
  .field.success .field__wrap:before, .chosen-container .success.search-field .field__wrap:before, .chosen-container .chosen-drop .success.chosen-search .field__wrap:before {
    background: #7DB547; }

.field--large {
  margin-bottom: 0; }
  .field--large .field__input, .field--large .field__select, .field--large .select_mask, .field--large .field__textarea, .field--large .chosen-container .search-field input, .chosen-container .search-field .field--large input, .field--large .chosen-container .chosen-drop .chosen-search input, .chosen-container .chosen-drop .chosen-search .field--large input, .field--large .chosen-container-single {
    font-size: 24px; }
  .field--large .field__label {
    display: none; }
  .field--large .select_mask {
    line-height: 1.3; }

.field__label {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 8px;
  color: #656565; }

.field__label--hidden {
  display: none; }

.field__input, .field__select, .select_mask, .field__textarea, .chosen-container .search-field input, .chosen-container .chosen-drop .chosen-search input, .chosen-container-single {
  background: none;
  -webkit-appearance: none;
  font-size: 16px;
  font-family: verdana, helvetica, sans-serif;
  font-weight: 300;
  border: solid 1px #cacaca;
  background: #ffffff;
  padding: 12px;
  padding-left: 16px; }
  .field__input:focus, .field__select:focus, .select_mask:focus, .field__textarea:focus, .chosen-container .search-field input:focus, .chosen-container .chosen-drop .chosen-search input:focus, .chosen-container-single:focus, .field__input:active, .field__select:active, .select_mask:active, .field__textarea:active, .chosen-container .search-field input:active, .chosen-container .chosen-drop .chosen-search input:active, .chosen-container-single:active {
    outline: none;
    border: 1px solid #252525; }
  .field__input:disabled, .field__select:disabled, .select_mask:disabled, .field__textarea:disabled, .chosen-container .search-field input:disabled, .chosen-container .chosen-drop .chosen-search input:disabled, .chosen-container-single:disabled {
    color: #7DB547; }
  .field__input::-webkit-input-placeholder, .field__select::-webkit-input-placeholder, .select_mask::-webkit-input-placeholder, .field__textarea::-webkit-input-placeholder, .chosen-container .search-field input::-webkit-input-placeholder, .chosen-container .chosen-drop .chosen-search input::-webkit-input-placeholder, .chosen-container-single::-webkit-input-placeholder {
    color: #cacaca; }
  .field__input:-moz-placeholder, .field__select:-moz-placeholder, .select_mask:-moz-placeholder, .field__textarea:-moz-placeholder, .chosen-container .search-field input:-moz-placeholder, .chosen-container .chosen-drop .chosen-search input:-moz-placeholder, .chosen-container-single:-moz-placeholder {
    color: #cacaca; }
  .field__input::-moz-placeholder, .field__select::-moz-placeholder, .select_mask::-moz-placeholder, .field__textarea::-moz-placeholder, .chosen-container .search-field input::-moz-placeholder, .chosen-container .chosen-drop .chosen-search input::-moz-placeholder, .chosen-container-single::-moz-placeholder {
    color: #cacaca; }
  .field__input:-ms-input-placeholder, .field__select:-ms-input-placeholder, .select_mask:-ms-input-placeholder, .field__textarea:-ms-input-placeholder, .chosen-container .search-field input:-ms-input-placeholder, .chosen-container .chosen-drop .chosen-search input:-ms-input-placeholder, .chosen-container-single:-ms-input-placeholder {
    color: #cacaca; }
  .field__input:-webkit-autofill, .field__select:-webkit-autofill, .select_mask:-webkit-autofill, .field__textarea:-webkit-autofill, .chosen-container .search-field input:-webkit-autofill, .chosen-container .chosen-drop .chosen-search input:-webkit-autofill, .chosen-container-single:-webkit-autofill {
    box-shadow: 0 0 0px 1000px white inset; }

input[type="date"].field__input, input[type="date"].field__select, input[type="date"].select_mask, input[type="date"].field__textarea, .chosen-container .search-field input[type="date"], .chosen-container .chosen-drop .chosen-search input[type="date"], input[type="date"].chosen-container-single {
  padding-top: 10px;
  padding-bottom: 9px; }

.field__select.masked {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1; }

.select_mask {
  position: relative;
  line-height: 1.2;
  padding-right: 32px; }
  .select_mask.focus {
    outline: 1px solid #656565; }
  .select_mask:before, .select_mask:after {
    content: "";
    position: absolute;
    border: solid 4.8px transparent;
    right: 12px; }
  .select_mask:before {
    border-bottom-color: #9f9f9f;
    top: 6px;
    top: 50%;
    margin-top: -9.6px; }
  .select_mask:after {
    border-top-color: #9f9f9f;
    bottom: 50%;
    margin-bottom: -9.6px; }

.field__textarea {
  resize: vertical;
  /* user can resize vertically, but width is fixed */ }

.textarea--tall .field__textarea {
  min-height: 150px; }

.field-flex {
  margin-bottom: 24px; }
  .field-flex .field, .field-flex .chosen-container .search-field, .chosen-container .field-flex .search-field, .field-flex .chosen-container .chosen-drop .chosen-search, .chosen-container .chosen-drop .field-flex .chosen-search {
    margin-bottom: 0; }

.field__error_message {
  display: none;
  padding: 8px; }
  .field__error_message.active {
    display: block; }

.field--relational .field__error_message {
  display: none; }
.field--relational.success .field__error_message, .field--relational.error .field__error_message {
  display: none; }
.field--relational.success:before, .field--relational.error:before {
  display: none; }

.disabled_mask--active {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer; }
  .disabled_mask--active:before, .disabled_mask--active:after {
    content: "";
    display: block;
    position: absolute; }
  .disabled_mask--active:before {
    width: 45px;
    height: 100%;
    background: #cacaca;
    top: 0;
    right: 0; }
  .disabled_mask--active:after {
    color: #f9f9f9;
    font-size: 25px;
    content: "\d7";
    top: 50%;
    right: 12px;
    margin-top: -13px; }

.field__error_message {
  font-size: 16px;
  position: absolute;
  top: 105%;
  left: 0;
  width: 95%;
  z-index: 9;
  background: #ffffff;
  border: solid 1px #cacaca;
  display: none; }
  .field__error_message.active {
    display: block; }
  .field__error_message span {
    display: block;
    padding: 8px; }

.chosen-container {
  position: relative; }
  .chosen-container .search-field, .chosen-container .chosen-drop .chosen-search {
    margin-bottom: 0;
    border-top: solid 1px #cacaca; }
    .chosen-container .search-field input, .chosen-container .chosen-drop .chosen-search input {
      border: none;
      width: 100% !important; }
      .chosen-container .search-field input:active, .chosen-container .search-field input:focus, .chosen-container .chosen-drop .chosen-search input:active, .chosen-container .chosen-drop .chosen-search input:focus {
        outline: none;
        border: solid 1px #656565; }
    .chosen-container .search-field:first-child, .chosen-container .chosen-drop .chosen-search:first-child {
      border-top: 0; }
  .chosen-container .search-choice-close {
    display: inline-block;
    float: right;
    position: relative; }
    .chosen-container .search-choice-close:before {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1; }

.chosen-drop span {
  display: inline;
  padding: 0; }

.chosen-results li {
  display: block;
  padding: 8px; }
  .chosen-results li:hover, .chosen-results li.highlighted {
    background: #cacaca; }
.chosen-results .result-selected {
  text-decoration: strike;
  color: #9f9f9f; }

.chosen-container-active .chosen-drop {
  display: block; }

.chosen-container-single {
  line-height: 1.2; }

.chosen-container-multi .chosen-choices {
  position: relative;
  border: solid 1px #cacaca;
  background: #f9f9f9; }
.chosen-container-multi .search-choice {
  font-size: 18px;
  border-top: solid 1px #cacaca;
  padding: 16px; }
  .chosen-container-multi .search-choice:first-child {
    border-top: 0; }

.table, .table__body, .table__row, .table__field, .table__field--empty {
  display: block; }

.table__head, .table__foot {
  display: none; }

.table {
  width: 100%;
  margin-bottom: 16px;
  border: solid 1px #656565; }

.table__head, .table__foot {
  border: solid 1px #cacaca;
  background: #656565;
  color: #f9f9f9;
  text-align: left; }

.table__row--head .table__title:last-child, .table__row--foot .table__title:last-child {
  text-align: center; }

.table--report .table__row--head .table__title:last-child, .table--report .table__row--foot .table__title:last-child {
  text-align: left; }

.table__body {
  border-top: solid 24px #656565;
  border-bottom: solid 24px #656565;
  background: #ffffff; }

.table__row {
  border-top: solid 1px #cacaca;
  background: #ffffff;
  padding: 16px; }
  .table__row:first-child {
    border-top: 0; }
  .table__row:nth-child(2n+0) {
    background: #f9f9f9; }
  .table__row:hover, .table__row:nth-child(2n+0):hover {
    background: #bbd9f5; }

.table__title, .table__field, .table__field--empty {
  line-height: 1.3; }

.table__title {
  font-size: 12px;
  text-transform: uppercase;
  padding: 8px 12px;
  white-space: nowrap; }

.unsorted, .sorted--desc, .sorted--asc {
  color: #f9f9f9;
  text-decoration: none;
  padding-right: 20px; }
  .unsorted:focus, .unsorted:hover, .sorted--desc:focus, .sorted--desc:hover, .sorted--asc:focus, .sorted--asc:hover {
    text-decoration: underline; }

.sorted--desc, .sorted--asc {
  position: relative; }
  .sorted--desc:before, .sorted--asc:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    border: solid 6px transparent; }

.sorted--asc:before {
  border-bottom-color: #f9f9f9;
  margin-top: -9px; }

.sorted--desc:before {
  border-top-color: #f9f9f9;
  margin-top: -3px; }

.table__title--current {
  background: #cacaca; }

.table__field, .table__field--empty {
  font-size: 14px;
  vertical-align: middle;
  padding-bottom: 8px; }

.table__field_colname {
  font-size: 14px;
  color: #9f9f9f;
  display: block; }

.table__field--actions {
  width: 210px;
  white-space: nowrap;
  padding: 8px 0; }

.table__field--empty {
  padding: 32px 16px;
  text-align: center; }

.table--button {
  display: inline-block;
  overflow: hidden; }
  .table--button .icon {
    margin: 0; }
  .table--button .button__text {
    position: absolute;
    width: 1px;
    height: 1px;
    left: -9999px; }

.table-toolbelt {
  margin-bottom: 16px; }

.pagination_nav__menu, .gotopage {
  display: inline-block; }

.pagination_nav__menu {
  margin-right: 30px; }

@media (min-width: 480px) {
  .table__field_colname {
    display: inline-block; } }

@media (min-width: 768px) {
  .table {
    display: table;
    border: 0; }
  .table__head {
    display: table-header-group; }
  .table__foot {
    display: table-footer-group; }
  .table__body {
    display: table-row-group;
    border-left: solid 1px #cacaca;
    border-right: solid 1px #cacaca;
    border-top: 0;
    border-bottom: solid 1px #cacaca; }
  .table__row {
    display: table-row;
    padding: 0; }
  .table__row_actions {
    text-align: center;
    vertical-align: middle;
    padding: 0em 16px; }
  .table__field, .table__field--empty {
    display: table-cell;
    padding: 12px 12px; }
  .table__field_colname {
    display: none; } }

html, body, .container {
  width: 100%;
  height: 100%;
  background: #f9f9f9; }

html, body {
  overflow: hidden; }

.container {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.template {
  display: table;
  width: 100%;
  height: 100%;
  max-width: 90em; }

.template__sidebar, .template__main {
  display: table-cell;
  vertical-align: top;
  position: relative; }

.template__sidebar {
  background: #2C73B5;
  background: linear-gradient(90deg, #2C73B5, #378FE0);
  width: 13.75em;
  display: none; }

.menu-open .container {
  overflow-x: hidden; }
.menu-open .template__sidebar {
  display: table-cell; }
.menu-open .template__main {
  opacity: 0.5; }
.menu-open .template {
  width: calc(100% + 13.75em); }

.flex-flexcol__main {
  margin-bottom: 16px; }

.flex-flexcol__sub {
  margin-bottom: 16px; }

.column, .column--full, .column--half, .column--twothird, .column--third {
  padding-left: 24px; }

.view-header, .view-main, .view-footer {
  padding: 24px;
  padding-bottom: 0em;
  clear: both; }

.view-header {
  padding-bottom: 24px;
  box-shadow: 3px 5px 10px -5px #e7e7e7; }

.view__title {
  margin-top: 4px;
  margin-bottom: 4px; }

.view__subtitle {
  margin-bottom: 8px; }

.view-main {
  padding-left: 0em;
  padding-bottom: 24px; }

.logo-wrap {
  padding: 24px;
  width: 100%;
  display: none; }

.logo {
  width: 100%; }

.menu_bar {
  background: #2C73B5;
  overflow: hidden; }

.menu_bar__logo {
  display: block;
  width: 6em;
  padding: 8px;
  float: left; }

.menu_bar__button {
  color: #f9f9f9;
  text-decoration: none;
  text-transform: uppercase;
  padding: 16px;
  float: right; }

.side-nav__list {
  list-style: none; }

.side-nav__cta {
  text-align: center;
  padding: 0 16px 32px 16px;
  border-bottom: solid 1px #2766a0;
  margin-bottom: 16px; }

.side-nav__cta--bottom {
  text-align: center;
  padding: 32px 16px;
  border-top: solid 1px #2766a0;
  margin-top: 32px;
  margin-bottom: 16px; }
  .side-nav__cta--bottom .button--orange {
    min-width: 155px; }

.side-nav__title {
  display: block;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  padding: 16px 16px 8px 16px;
  text-decoration: none;
  color: #bbd9f5; }
  .side-nav__title.toggle:before {
    display: inline-block;
    font-family: monospace;
    content: "";
    margin-right: 4px; }
  .side-nav__title.toggle.open:before {
    content: "-";
    -ms-transform: translateY(-2px);
    transform: translateY(-2px); }
  .side-nav__title.toggle.closed:before {
    content: "+";
    -ms-transform: translateY(-1px);
    transform: translateY(-1px); }

.side-nav__group ul {
  padding-bottom: 8px; }

.side-nav__item.active .side-nav__link {
  color: #97c56a; }

.side-nav__link {
  display: block;
  font-size: 14px;
  padding: 2px 16px 6px 28px;
  color: #f9f9f9;
  text-decoration: none; }

.notification__box {
  padding: 24px;
  padding-bottom: 0;
  display: none; }
  .notification__box.active {
    display: block; }

.notification {
  font-size: 14px;
  color: #f9f9f9;
  letter-spacing: 1px;
  padding-left: 58px;
  position: relative;
  z-index: 2; }
  .notification .message {
    font-size: 16px;
    display: inline-block;
    line-height: 1.4;
    padding: 4px 0 2px 0; }
  .notification .icon {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.8em;
    height: 1.8em;
    padding: 0;
    margin: 0;
    margin-top: -0.8em;
    margin-left: -0.8em; }
  .notification .icons {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 64px;
    text-align: center;
    background: rgba(0, 0, 0, 0.35); }
  .notification .flex-flexcol__main, .notification .flex-flexcol__sub {
    padding: 16px; }
  .notification .flex-flexcol__sub {
    background: rgba(0, 0, 0, 0.35); }
  .notification.error {
    background: #E0372F; }
    .notification.error .icon.error {
      display: inline-block; }
  .notification.warning {
    background: #E0791C; }
    .notification.warning .icon.warning {
      display: inline-block; }
  .notification.success {
    background: #7DB547; }
    .notification.success .icon.success {
      display: inline-block; }
  .notification.notice {
    background: #378FE0; }
    .notification.notice .icon.notice {
      display: inline-block; }
  .notification.no-padtop {
    margin-top: 0; }

.icon-tile__grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .icon-tile__grid .flex-col__item {
    -ms-flex: 1 auto;
    flex: 1 auto;
    max-width: 50%;
    padding-left: 8px;
    padding-bottom: 8px; }
  .icon-tile__grid .icon-tile {
    text-align: center;
    margin-bottom: 0;
    padding: 8px; }

.icon--large {
  display: block;
  width: 40%;
  height: 40%;
  margin: 15% 30%;
  color: #656565; }

.icon--orange {
  color: #E0791C; }

.icon--red {
  color: #E0372F; }

.icon--green {
  color: #7DB547; }

.icon--blue {
  color: #378FE0; }

.content_section--white.dashboard_message {
  padding-top: 48px;
  padding-bottom: 48px;
  text-align: center; }

.dashboard_intro {
  font-size: 24px;
  line-height: 1.8;
  padding-bottom: 16px; }
  .dashboard_intro:last-child {
    padding-bottom: 0; }

.intro_highlight {
  padding: 4px;
  white-space: nowrap; }

.intro_highlight--green {
  color: #7DB547; }

.intro_highlight--orange {
  color: #E0791C; }

.intro_highlight--blue {
  color: #2C73B5; }

.intro_highlight--red {
  color: #E0372F; }

.search {
  margin-bottom: 0em; }
  .search .button--blue, .search .button, .search .button--blue, .search .button--green, .search .button--orange, .search .button--red {
    padding: 13.2px 16px; }
  .search .field__error_message {
    background: #E0791C; }

.content_section, .content_section--white {
  padding: 0;
  margin-bottom: 32px; }

.content_section--white {
  background: #ffffff;
  border: solid 1px #e5e5e5;
  box-shadow: 1px 0px 7px #ececec; }

.content_section--padded {
  padding: 16px; }

.content_section__address {
  font-size: 18px;
  line-height: 1.4; }

.content_section__address_line, .content_section__address_postcode {
  display: block; }

.form_group__title {
  font-size: 12px;
  padding: 8px 16px;
  margin-bottom: 24px;
  text-transform: uppercase;
  background: #378FE0;
  color: #ffffff; }

.form_group__content {
  padding: 0 16px 24px 16px; }

.form_group__content--notitle {
  padding: 24px 16px; }

.minilist {
  border: solid 1px #cacaca;
  background: #f9f9f9;
  margin-bottom: 16px; }

.minilist__item {
  font-size: 18px;
  border-top: solid 1px #cacaca;
  padding: 16px; }
  .minilist__item:first-child {
    border-top: 0; }

.overlay, .overlay--blue {
  position: fixed;
  overflow: auto;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  background: rgba(37, 37, 37, 0.9);
  z-index: 99;
  text-align: center;
  display: none; }
  .overlay.active, .overlay--blue.active {
    display: block; }
  .overlay:before, .overlay--blue:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; }

.overlay--blue {
  background: #2C73B5; }

.overlay__inner, .overlay__inner--compact {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 24px 0;
  max-width: 90%; }

.overlay__inner--compact {
  width: auto; }

.overlay__box {
  border: solid 1px #cacaca;
  background: #f9f9f9;
  text-align: left;
  position: relative; }

.overlay__close {
  color: #f9f9f9;
  font-size: 22px;
  color: #f9f9f9;
  text-align: center;
  line-height: 40px;
  width: 40px;
  height: 40px;
  position: absolute;
  right: -14px;
  top: -14px;
  border-radius: 40px;
  background: #378FE0;
  cursor: pointer; }

.overlay__message {
  border: solid 1px #cacaca;
  background: #f9f9f9;
  padding: 20px;
  max-width: 480px;
  margin: 0 auto; }
  .overlay__message h4 {
    color: #E0791C;
    padding-bottom: 0.5em; }
  .overlay__message p {
    line-height: 1.4; }

.overlay__form {
  border: solid 1px #cacaca;
  background: #f9f9f9;
  padding: 20px; }

.overlay__prompt {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px; }

.overlay__prompt_message {
  padding-bottom: 1em; }

.overlay__box {
  /*
		.flex-col{
			display:block;
			margin:0;
		}

		.flex-col__item{
			padding:0;
		}

		.column--twothird,
		.column--third{
			float:none;
			width:100%;
		}
		*/ }

.relational-info {
  border: dashed 1px #cacaca;
  padding: 16px;
  margin-bottom: 24px;
  position: relative; }
  .relational-info:before {
    font-size: 14px;
    text-align: center;
    color: #cacaca;
    content: "Make selection to display extended data here."; }
  .relational-info.filled {
    border: solid 1px #cacaca;
    padding-top: 0; }
    .relational-info.filled:before {
      content: ""; }

.request_calc_msg {
  display: block;
  padding-top: 16px;
  line-height: 1.3; }
  .request_calc_msg .hl {
    color: #2C73B5; }
  .request_calc_msg .hl--warning {
    color: #E0791C; }

.data_list {
  font-size: 14px; }

.data_list__title, .data_list__key, .data_list__value {
  margin-bottom: 8px; }

.data_list__title {
  padding-top: 16px;
  padding-bottom: 8px;
  text-transform: uppercase;
  color: #656565; }

.data_list__key, .data_list__value {
  display: inline-block; }

.data_list__key {
  color: #9f9f9f;
  padding-right: 8px; }
  .data_list__key:after {
    content: ": "; }

.data_list__value:after, .data_list__value:before {
  width: 100%; }

.data_list__edit {
  position: absolute;
  top: 8px;
  right: 8px; }

.recipient_list .autocomp_item--current, .recipient_list .autocomp_item, .recipient_list__item {
  display: inline-block;
  font-size: 16px;
  font-family: verdana, helvetica, sans-serif;
  font-weight: 300;
  border: solid 1px #656565;
  background: #ffffff;
  padding: 12px;
  margin-bottom: 8px;
  margin-right: 8px; }

@media screen and (min-width: 620px) {
  .icon-tile__grid .flex-col__item {
    max-width: 33%;
    padding-left: 24px; }
  .icon-tile__grid .icon-tile {
    padding: 16px; } }

.tabnav__item {
  display: inline-block;
  font-size: 14px;
  padding: 0.5em 1em;
  color: #656565;
  text-decoration: none; }
  .tabnav__item--active {
    color: #f9f9f9;
    background: #378FE0;
    border-radius: 4px; }

.tabgroup__item {
  display: none; }
  .tabgroup__item--active {
    display: initial; }

.toolbar {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  margin-top: 10px; }
  .toolbar__item {
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 20px;
    margin-bottom: 20px; }
  .toolbar__spacer {
    margin-left: auto; }

.auto_comp, .chosen-drop {
  font-size: 14px;
  position: absolute;
  top: 105%;
  left: 0;
  width: 95%;
  z-index: 10;
  background: #ffffff;
  border: solid 1px #cacaca;
  display: none; }
  .auto_comp.active, .active.chosen-drop {
    display: block; }
  .auto_comp span, .chosen-drop span {
    display: block;
    padding: 8px; }

.autocomp__item, .autocomp__item--current {
  display: block;
  padding: 8px;
  line-height: 1.2;
  border-top: solid 1px transparent;
  border-bottom: solid 1px transparent; }
  .autocomp__item:hover, .autocomp__item--current:hover {
    background: #bbd9f5; }
  .autocomp__item a, .autocomp__item--current a {
    color: #7DB547;
    cursor: pointer; }
    .autocomp__item a:hover, .autocomp__item--current a:hover {
      text-decoration: underline; }

#default, #default:hover {
  background: #f9f9f9; }

.autocomp__item--current {
  background: #f9f9f9;
  border-top: solid 1px #cacaca;
  border-bottom: solid 1px #cacaca; }
  .autocomp__item--current:first-child {
    border-top-color: transparent; }
  .autocomp__item--current:last-child {
    border-bottom-color: transparent; }

.taglist {
  padding: 0 0 10px 0; }

.taglist__item {
  font-size: 14px;
  position: relative;
  padding: 10px 1em 10px 1.8em;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  border: solid 1px #9f9f9f;
  display: inline-block; }
  .taglist__item:before {
    content: "×";
    position: absolute;
    top: 50%;
    left: 0.8em;
    margin-top: -0.5em;
    width: 1em;
    line-height: 1em;
    text-align: center;
    color: #252525; }

.gotopage {
  padding: 20px 0;
  display: inline-block; }
  .gotopage .field, .gotopage .chosen-container .search-field, .chosen-container .gotopage .search-field, .gotopage .chosen-container .chosen-drop .chosen-search, .chosen-container .chosen-drop .gotopage .chosen-search, .gotopage .field__wrap, .gotopage .field__label, .gotopage .button--blue {
    vertical-align: middle; }
  .gotopage .field, .gotopage .chosen-container .search-field, .chosen-container .gotopage .search-field, .gotopage .chosen-container .chosen-drop .chosen-search, .chosen-container .chosen-drop .gotopage .chosen-search, .gotopage .field__wrap {
    display: inline-block;
    width: auto;
    margin-bottom: 0; }
  .gotopage .field__label {
    width: auto;
    display: inline; }
  .gotopage .select_mask {
    height: auto;
    padding-top: 6px;
    padding-bottom: 7px; }

@media screen and (min-width: 630px) {
  .gotopage {
    padding: 0; } }

@media (min-width: 680px) {
  .flex-flexcol {
    clear: both;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    justify-content: center; }
    .flex-flexcol.box {
      border: solid 1px #cacaca;
      background: #f9f9f9;
      padding: 16px;
      margin-bottom: 16px; }
    .flex-flexcol .meta-data {
      padding-bottom: 0; }
  .flex-flexcol__main {
    margin-bottom: 0;
    -ms-flex: 1 auto;
    flex: 1 auto;
    -ms-flex-item-align: center;
    align-self: center; }
    .flex-flexcol__main.right {
      text-align: right; }
  .flex-flexcol__sub {
    white-space: no-wrap;
    padding-left: 16px;
    margin-bottom: 0;
    -ms-flex-item-align: center;
    align-self: center; }
  .flex-flexcol.right .flex-flexcol__sub {
    padding-right: 16px;
    padding-left: 0; }
  .column--third .flex-flexcol {
    display: block; }
  .column--third .flex-flexcol__main, .column--third .flex-flexcol__sub {
    -ms-flex: none;
    flex: none;
    padding: 0; }
  .column--third .flex-flexcol__main {
    margin-bottom: 16px; } }

@media (min-width: 768px) {
  .column, .column--full, .column--half, .column--twothird, .column--third {
    display: inline-block;
    vertical-align: top;
    padding-left: 16px; }
  .column--full {
    width: 100%; }
  .column--half {
    width: 50%;
    float: left; }
  .column--twothird {
    width: 60%;
    float: left; }
  .column--third {
    width: 40%;
    float: right; } }

@media (min-width: 840px) {
  .flex-col {
    clear: both;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    justify-content: center; }
  .flex-col__item {
    -ms-flex: 1 1;
    flex: 1 1;
    padding-left: 16px; }
    .flex-col__item:first-child {
      padding-left: 0; } }

@media (min-width: 1080px) {
  .logo-wrap {
    display: block; }
  .menu_bar {
    display: none; }
  .template__main {
    padding-left: 24px; }
  .menu-open .template__main {
    opacity: 1; }
  .menu-open .template {
    width: calc(100%); }
  .template__sidebar {
    display: table-cell; } }

@media (min-width: 1240px) {
  .column--twothird {
    width: 66%; }
  .column--third {
    width: 33%; }
  .column--half {
    width: 50%; } }