@charset "UTF-8";
/*
|--------------------------------------------------------------------------
| Module Styles.
|--------------------------------------------------------------------------
|
| The modules directory is reserved for Sass code that doesn't cause Sass
| to actually output CSS. Things like mixin declarations, functions, and
| variables.
|
*/
@font-face {
  font-family: 'entypo';
  src: url("../fonts/entypo/entypo.eot");
  src: url("../fonts/entypo/entypo.eot?#iefix") format("embedded-opentype"), url("../fonts/entypo/entypo.woff") format("woff"), url("../fonts/entypo/entypo.ttf") format("truetype"), url("../fonts/entypo/entypo.svg#entypo") format("svg");
  font-weight: normal;
  font-style: normal; }

.entypo {
  font-family: 'entypo'; }

/**
 * List functions courtesy of the wonderful folks at Team Sass.
 * Check out their awesome grid: Singularity.
 */
/**
 * Get  percentage from a given ratio.
 * @param {number} [$ratio=1] - The column ratio of the element.
 * @returns {number} - The percentage value.
 */
/**
 * Work out the column widths based on the ratio and gutter sizes.
 * @param {number} [$ratios=1] - The column ratio of the element.
 * @param {number} [$gutter=$jeet-gutter] - The gutter for the column.
 * @returns {list} $width $gutter - A list containing the with and gutter for the element.
 */
/**
 * Get the set layout direction for the project.
 * @returns {string} $direction - The layout direction.
 */
/**
 * Replace a specified list value with a new value (uses built in set-nth() if available)
 * @param {list} $list - The list of values you want to alter.
 * @param {number} $index - The index of the list item you want to replace.
 * @param {*} $value - The value you want to replace $index with.
 * @returns {list} $list - The list with the value replaced or removed.
 * @warn if an invalid index is supplied.
 */
/**
 * Reverse a list (progressively enhanced for Sass 3.3)
 * @param {list} $list - The list of values you want to reverse.
 * @returns {list} $result - The reversed list.
 */
/**
 * Get the opposite direction to a given value.
 * @param {string} $dir - The direction you want the opposite of.
 * @returns {string} - The opposite direction to $dir.
 * @warn if an incorrect string is provided.
 */
/*
|--------------------------------------------------------------------------
| Vendor Styles.
|--------------------------------------------------------------------------
|
| The vendor directory is for third-party CSS. This is for when using
| prepackaged components developed by other people (or for your own
| components that are maintained in another project).
|
*/
/**
 * Grid settings.
 * All values are defaults and can therefore be easily overidden.
 */
/**
 * Style an element as a column with a gutter.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [$cycle=0] - Easily create an nth column grid where $cycle equals the number of columns.
 * @param {number} [$uncycle=0] - Undo a previous cycle value to allow for a new one.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * An alias for the column mixin.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * Get the width of a column and nothing else.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Get the gutter size of a column and nothing else.
 * @param {number} [ratios=1] - A width relative to its container as a fraction.
 * @param {number} [gutter=jeet.gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * An alias for the column-width function.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * An alias for the column-gutter function.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * Style an element as a column without any gutters for a seamless row.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [cycle=0] - Easily create an nth column grid where cycle equals the number of columns.
 * @param {number} [uncycle=0] - Undo a previous cycle value to allow for a new one.
 */
/**
 * Reorder columns without altering the HTML.
 * @param {number} [$ratios=0] - Specify how far along you want the element to move.
 * @param {string} [$col-or-span=column] - Specify whether the element has a gutter or not.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Reset an element that has had shift() applied to it.
 */
/**
 * View the grid and its layers for easy debugging.
 * @param {string} [$color=black] - The background tint applied.
 * @param {boolean} [$important=false] - Whether to apply the style as !important.
 */
/**
 *  Alias for edit().
 */
/**
 * Horizontally center an element.
 * @param {number} [$max-width=1410px] - The max width the element can be.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 */
/**
 * Uncenter an element.
 */
/**
 * Stack an element so that nothing is either side of it.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 * @param {boolean/string} [$align=false] - Specify the text align for the element.
 */
/**
 * Unstack an element.
 */
/**
 * Center an element on either or both axes.
 * @requires A parent container with relative positioning.
 * @param {string} [$direction=both] - Specify which axes to center the element on.
 */
/**
 * Apply a clearfix to an element.
 */
/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/**
 * The picker input element.
 */
.picker__input {
  cursor: default; }

/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec; }

/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
/**
 * Make the holder and frame fullscreen.
 */
.picker__holder,
.picker__frame {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(100%); }

/**
 * The holder should overlay the entire screen.
 */
.picker__holder {
  position: fixed;
  transition: background 0.15s ease-out, transform 0s 0.15s;
  -webkit-backface-visibility: hidden; }

/**
 * The frame that bounds the box contents of the picker.
 */
.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  max-width: 666px;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transition: all 0.15s ease-out; }

@media (min-height: 33.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%; } }

@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%; } }

/**
 * The wrapper sets the stage to vertically align the box contents.
 */
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%; }

@media (min-height: 33.875em) {
  .picker__wrap {
    display: block; } }

/**
 * The box contains all the picker contents.
 */
.picker__box {
  background: #ffffff;
  display: table-cell;
  vertical-align: middle; }

@media (min-height: 26.5em) {
  .picker__box {
    font-size: 1.25em; } }

@media (min-height: 33.875em) {
  .picker__box {
    display: block;
    font-size: 1.33em;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); } }

@media (min-height: 40.125em) {
  .picker__box {
    font-size: 1.5em;
    border-bottom-width: 1px;
    border-radius: 5px; } }

/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  transform: translateY(0);
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  transition: background 0.15s ease-out; }

.picker--opened .picker__frame {
  transform: translateY(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

@media (min-height: 33.875em) {
  .picker--opened .picker__frame {
    top: auto;
    bottom: 0; } }

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em; }

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em; }

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em; }

.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic; }

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em; }

@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em; } }

.picker__select--month {
  width: 35%; }

.picker__select--year {
  width: 22.5%; }

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec; }

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em; } }

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em; } }

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em; } }

.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto; }

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000; }

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5; }

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em; }

@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em; } }

.picker__table td {
  margin: 0;
  padding: 0; }

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */ }

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em; } }

/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent; }

.picker__day--today {
  position: relative; }

.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent; }

.picker__day--disabled:before {
  border-top-color: #aaaaaa; }

.picker__day--outfocus {
  color: #dddddd; }

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__day--highlighted {
  border-color: #0089ec; }

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #0089ec;
  color: #ffffff; }

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb; }

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center; }

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom; }

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb; }

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none; }

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0; }

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em; }

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent; }

.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200; }

.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777; }

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa; }

/* ==========================================================================
   $DEFAULT-DATE-PICKER
   ========================================================================== */
/*
 * Table
 */
table.dataTable {
  empty-cells: show;
  max-width: 100%;
  width: 100%;
  background-color: #FFFFFF;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  border: 2px solid #86bad6; }

table.dataTable thead th {
  padding: .5em .7em;
  *cursor: hand;
  text-align: left !important;
  font-weight: bold;
  background-color: #86bad6;
  color: #FFFFFF; }

table.dataTable tfoot th {
  padding: 5px 5px 5px 5px;
  font-weight: bold; }

table.dataTable td {
  padding: .7em .7em;
  color: #000000;
  vertical-align: middle; }

table.dataTable td.center,
table.dataTable td.dataTables_empty {
  text-align: center; }

table.dataTable tr.odd {
  background-color: #FFF; }

table.dataTable tr.even {
  background-color: #ecf0f1; }

table.dataTable tr.odd td.sorting_1 {
  background-color: #ECECEC; }
  table.dataTable tr.odd td.sorting_1 a {
    color: #212e42; }

table.dataTable tr.odd td.sorting_2 {
  background-color: #DADCFF; }

table.dataTable tr.odd td.sorting_3 {
  background-color: #E0E2FF; }

table.dataTable tr.even td.sorting_1 {
  background-color: #d0d4d5; }
  table.dataTable tr.even td.sorting_1 a {
    color: #212e42; }

table.dataTable tr.even td.sorting_2 {
  background-color: #F2F3FF; }

table.dataTable tr.even td.sorting_3 {
  background-color: #F9F9FF; }

/*
 * Table wrapper
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1; }

/*
 * Page length menu
 */
.dataTables_length {
  float: left; }

/*
 * Filter
 */
.dataTables_filter {
  float: right;
  text-align: right; }

/*
 * Table information
 */
.dataTables_info {
  clear: both;
  float: left; }

/*
 * Pagination
 */
.dataTables_paginate {
  float: right;
  text-align: right; }

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
  height: 19px;
  float: left;
  cursor: pointer;
  *cursor: hand;
  color: #111 !important; }

.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
  text-decoration: none !important; }

.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
  outline: none; }

.paginate_disabled_previous,
.paginate_disabled_next {
  color: #666 !important; }

.paginate_disabled_previous,
.paginate_enabled_previous {
  padding-left: 23px; }

.paginate_disabled_next,
.paginate_enabled_next {
  padding-right: 23px;
  margin-left: 10px; }

.paginate_enabled_previous {
  background: url("../images/back_enabled.png") no-repeat top left; }

.paginate_enabled_previous:hover {
  background: url("../images/back_enabled_hover.png") no-repeat top left; }

.paginate_disabled_previous {
  background: url("../images/back_disabled.png") no-repeat top left; }

.paginate_enabled_next {
  background: url("../images/forward_enabled.png") no-repeat top right; }

.paginate_enabled_next:hover {
  background: url("../images/forward_enabled_hover.png") no-repeat top right; }

.paginate_disabled_next {
  background: url("../images/forward_disabled.png") no-repeat top right; }

/* Full number pagination */
.paging_full_numbers {
  height: 22px;
  line-height: 22px; }

.paging_full_numbers a:active {
  outline: none; }

.paging_full_numbers a:hover {
  text-decoration: none; }

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
  border: 2px solid #ecf0f1;
  padding: 4px 10px;
  margin: 0 3px;
  cursor: pointer;
  *cursor: hand;
  color: #86bad6 !important; }

.paging_full_numbers a.paginate_button {
  background-color: #FFF;
  color: #000000 !important; }

.paging_full_numbers a.paginate_button:hover {
  background-color: #86bad6;
  color: #FFF !important;
  border-color: #86bad6;
  text-decoration: none !important; }

.paging_full_numbers a.paginate_active {
  background-color: #FFF; }

/*
 * Processing indicator
 */
.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px;
  height: 30px;
  margin-left: -125px;
  margin-top: -15px;
  padding: 14px 0 2px 0;
  border: 1px solid #ddd;
  text-align: center;
  color: #999;
  font-size: 14px;
  background-color: white; }

/*
 * Sorting
 */
.sorting {
  background: url("../../../../images/sort_both.png") no-repeat center right; }

.sorting_asc {
  background: url("../../../../images/sort_asc.png") no-repeat center right; }

.sorting_desc {
  background: url("../../../../images/sort_desc.png") no-repeat center right; }

.sorting_asc_disabled {
  background: url("../../../../images/sort_asc_disabled.png") no-repeat center right; }

.sorting_desc_disabled {
  background: url("../../../../images/sort_desc_disabled.png") no-repeat center right; }

table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none; }

/*
 * Scrolling
 */
.dataTables_scroll {
  clear: both; }

.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch; }

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important; }
  table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
  table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
  table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
    display: none !important; }

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
  position: relative;
  padding-left: 30px;
  cursor: pointer; }
  table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
  table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    top: 8px;
    left: 4px;
    height: 16px;
    width: 16px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 16px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: left;
    font-family: 'Courier New', Courier, monospace;
    text-indent: 4px;
    line-height: 16px;
    content: '+';
    background-color: #86bad6; }

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: '-';
  background-color: #d33333; }

table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {
  display: none; }

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
  padding-left: 27px; }
  table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
  table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
    top: 5px;
    left: 4px;
    height: 14px;
    width: 14px;
    border-radius: 14px;
    line-height: 14px;
    text-indent: 3px; }

table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer; }
  table.dataTable.dtr-column > tbody > tr > td.control:before,
  table.dataTable.dtr-column > tbody > tr > th.control:before {
    top: 50%;
    left: 50%;
    height: 16px;
    width: 16px;
    margin-top: -10px;
    margin-left: -10px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 16px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: left;
    font-family: 'Courier New', Courier, monospace;
    text-indent: 4px;
    line-height: 16px;
    content: '+';
    background-color: #86bad6; }

table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: '-';
  background-color: #d33333; }

table.dataTable > tbody > tr.child {
  padding: 0.5em 1em; }
  table.dataTable > tbody > tr.child:hover {
    background: transparent !important; }
  table.dataTable > tbody > tr.child ul {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0; }
    table.dataTable > tbody > tr.child ul li {
      border-bottom: 1px solid #efefef;
      padding: 0.5em 0; }
      table.dataTable > tbody > tr.child ul li:first-child {
        padding-top: 0; }
      table.dataTable > tbody > tr.child ul li:last-child {
        border-bottom: none; }
  table.dataTable > tbody > tr.child span.dtr-title {
    display: inline-block;
    min-width: 75px;
    font-weight: bold; }

div.dtr-modal {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em; }
  div.dtr-modal div.dtr-modal-display {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 50%;
    overflow: auto;
    margin: auto;
    z-index: 102;
    overflow: auto;
    background-color: #f5f5f7;
    border: 1px solid black;
    border-radius: 0.5em;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); }
  div.dtr-modal div.dtr-modal-content {
    position: relative;
    padding: 1em; }
  div.dtr-modal div.dtr-modal-close {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    border: 1px solid #eaeaea;
    background-color: #f9f9f9;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    z-index: 12; }
    div.dtr-modal div.dtr-modal-close:hover {
      background-color: #eaeaea; }
  div.dtr-modal div.dtr-modal-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
    background: rgba(0, 0, 0, 0.6); }

@media screen and (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%; } }

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border-radius: 5px;
  border: 2px solid #000;
  background: #4c4c4c;
  color: #fff; }

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
  overflow: hidden; }

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */ }

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px; }

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible; }

.tooltipster-base .tooltipster-content {
  overflow: hidden; }

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; }

.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute; }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px; }

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px; }

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px; }

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px; }

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto; }

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px; }

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px; }

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 6px; }

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px; }

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px; }

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px; }

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px; }

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px; }

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  transition-property: opacity; }

.tooltipster-fade-show {
  opacity: 1; }

.tooltipster-grow {
  transform: scale(0, 0);
  transition-property: transform;
  -webkit-backface-visibility: hidden; }

.tooltipster-grow-show {
  transform: scale(1, 1);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-swing {
  opacity: 0;
  transform: rotateZ(4deg);
  transition-property: transform; }

.tooltipster-swing-show {
  opacity: 1;
  transform: rotateZ(0deg);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

.tooltipster-fall {
  top: 0;
  transition-property: top;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-dying {
  transition-property: all;
  top: 0px !important;
  opacity: 0; }

.tooltipster-slide {
  left: -40px;
  transition-property: left;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-dying {
  transition-property: all;
  left: 0px !important;
  opacity: 0; }

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  transform: scale(1.1, 1.1); }

.tooltipster-noir {
  border-radius: 0px;
  border: 3px solid #86bad6;
  background: #FFF;
  color: #7f8c8d;
  display: block; }

.tooltipster-noir .tooltipster-content {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px; }

.ct-label {
  fill: rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  line-height: 1; }

.ct-chart-line .ct-label,
.ct-chart-bar .ct-label {
  display: block;
  display: -ms-flexbox;
  display: flex; }

.ct-label.ct-horizontal.ct-start {
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-label.ct-horizontal.ct-end {
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-label.ct-vertical.ct-start {
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end; }

.ct-label.ct-vertical.ct-end {
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-chart-bar .ct-label.ct-horizontal.ct-start {
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start; }

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: end; }

.ct-grid {
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1px;
  stroke-dasharray: 2px; }

.ct-point {
  stroke-width: 10px;
  stroke-linecap: round; }

.ct-line {
  fill: none;
  stroke-width: 4px; }

.ct-area {
  stroke: none;
  fill-opacity: 0.1; }

.ct-bar {
  fill: none;
  stroke-width: 10px; }

.ct-slice-donut {
  fill: none;
  stroke-width: 60px; }

.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
  stroke: #061539; }

.ct-series-a .ct-slice-pie, .ct-series-a .ct-area {
  fill: #061539; }

.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
  stroke: #162955; }

.ct-series-b .ct-slice-pie, .ct-series-b .ct-area {
  fill: #162955; }

.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
  stroke: #2E4172; }

.ct-series-c .ct-slice-pie, .ct-series-c .ct-area {
  fill: #2E4172; }

.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
  stroke: #4F628E; }

.ct-series-d .ct-slice-pie, .ct-series-d .ct-area {
  fill: #4F628E; }

.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
  stroke: #7887AB; }

.ct-series-e .ct-slice-pie, .ct-series-e .ct-area {
  fill: #7887AB; }

.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
  stroke: #3A1355; }

.ct-series-f .ct-slice-pie, .ct-series-f .ct-area {
  fill: #3A1355; }

.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
  stroke: #552B72; }

.ct-series-g .ct-slice-pie, .ct-series-g .ct-area {
  fill: #552B72; }

.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
  stroke: #734C8E; }

.ct-series-h .ct-slice-pie, .ct-series-h .ct-area {
  fill: #734C8E; }

.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
  stroke: #9575AB; }

.ct-series-i .ct-slice-pie, .ct-series-i .ct-area {
  fill: #9575AB; }

.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
  stroke: #B3BEE3; }

.ct-series-j .ct-slice-pie, .ct-series-j .ct-area {
  fill: #B3BEE3; }

.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
  stroke: #003C1C; }

.ct-series-k .ct-slice-pie, .ct-series-k .ct-area {
  fill: #003C1C; }

.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
  stroke: #0F5A32; }

.ct-series-l .ct-slice-pie, .ct-series-l .ct-area {
  fill: #0F5A32; }

.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
  stroke: #28784D; }

.ct-series-m .ct-slice-pie, .ct-series-m .ct-area {
  fill: #28784D; }

.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
  stroke: #4B966E; }

.ct-series-n .ct-slice-pie, .ct-series-n .ct-area {
  fill: #4B966E; }

.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
  stroke: #78B494; }

.ct-series-o .ct-slice-pie, .ct-series-o .ct-area {
  fill: #78B494; }

.ct-square {
  display: block;
  position: relative;
  width: 100%; }
  .ct-square:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 100%; }
  .ct-square:after {
    content: "";
    display: table;
    clear: both; }
  .ct-square > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-minor-second {
  display: block;
  position: relative;
  width: 100%; }
  .ct-minor-second:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 93.75%; }
  .ct-minor-second:after {
    content: "";
    display: table;
    clear: both; }
  .ct-minor-second > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-second {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-second:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 88.8888888889%; }
  .ct-major-second:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-second > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-minor-third {
  display: block;
  position: relative;
  width: 100%; }
  .ct-minor-third:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 83.3333333333%; }
  .ct-minor-third:after {
    content: "";
    display: table;
    clear: both; }
  .ct-minor-third > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-third {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-third:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 80%; }
  .ct-major-third:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-third > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-perfect-fourth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-perfect-fourth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 75%; }
  .ct-perfect-fourth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-perfect-fourth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-perfect-fifth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-perfect-fifth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 66.6666666667%; }
  .ct-perfect-fifth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-perfect-fifth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-minor-sixth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-minor-sixth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 62.5%; }
  .ct-minor-sixth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-minor-sixth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-golden-section {
  display: block;
  position: relative;
  width: 100%; }
  .ct-golden-section:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 61.804697157%; }
  .ct-golden-section:after {
    content: "";
    display: table;
    clear: both; }
  .ct-golden-section > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-sixth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-sixth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 60%; }
  .ct-major-sixth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-sixth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-minor-seventh {
  display: block;
  position: relative;
  width: 100%; }
  .ct-minor-seventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 56.25%; }
  .ct-minor-seventh:after {
    content: "";
    display: table;
    clear: both; }
  .ct-minor-seventh > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-seventh {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-seventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 53.3333333333%; }
  .ct-major-seventh:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-seventh > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-octave {
  display: block;
  position: relative;
  width: 100%; }
  .ct-octave:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 50%; }
  .ct-octave:after {
    content: "";
    display: table;
    clear: both; }
  .ct-octave > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-tenth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-tenth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 40%; }
  .ct-major-tenth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-tenth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-eleventh {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-eleventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 37.5%; }
  .ct-major-eleventh:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-eleventh > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-major-twelfth {
  display: block;
  position: relative;
  width: 100%; }
  .ct-major-twelfth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 33.3333333333%; }
  .ct-major-twelfth:after {
    content: "";
    display: table;
    clear: both; }
  .ct-major-twelfth > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-double-octave {
  display: block;
  position: relative;
  width: 100%; }
  .ct-double-octave:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 25%; }
  .ct-double-octave:after {
    content: "";
    display: table;
    clear: both; }
  .ct-double-octave > svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.ct-chart .ct-line {
  stroke-width: 2px; }

.ct-chart .ct-point {
  stroke-width: 8px; }

.ct-chart.full-opacity .ct-area {
  fill-opacity: 1; }

.ct-chart.no-line .ct-line {
  stroke-width: 0; }

.ct-chart.no-point .ct-point {
  stroke-width: 0; }

.dash-block ul.ct-legend li {
  border: none;
  padding-left: 15px; }

#membership-chartist ul {
  width: 45%;
  float: left; }

#membership-chartist svg {
  width: 45%;
  float: right; }

.ct-legend {
  position: relative;
  z-index: 10; }
  .ct-legend li {
    position: relative;
    display: inline-block;
    border: none;
    padding-right: 23px;
    margin-bottom: 3px; }
  .ct-legend li:before {
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    content: '';
    border: 3px solid transparent;
    border-radius: 2px; }
  .ct-legend li.inactive:before {
    background: transparent; }
  .ct-legend.ct-legend-inside {
    top: 0;
    right: 0; }
  .ct-legend .ct-series-0:before {
    background-color: #061539;
    border-color: #061539; }
  .ct-legend .ct-series-1:before {
    background-color: #162955;
    border-color: #162955; }
  .ct-legend .ct-series-2:before {
    background-color: #2E4172;
    border-color: #2E4172; }
  .ct-legend .ct-series-3:before {
    background-color: #4F628E;
    border-color: #4F628E; }
  .ct-legend .ct-series-4:before {
    background-color: #7887AB;
    border-color: #7887AB; }
  .ct-legend .ct-series-5:before {
    background-color: #3A1355;
    border-color: #3A1355; }
  .ct-legend .ct-series-6:before {
    background-color: #552B72;
    border-color: #552B72; }
  .ct-legend .ct-series-7:before {
    background-color: #734C8E;
    border-color: #734C8E; }
  .ct-legend .ct-series-8:before {
    background-color: #9575AB;
    border-color: #9575AB; }
  .ct-legend .ct-series-9:before {
    background-color: #B3BEE3;
    border-color: #B3BEE3; }
  .ct-legend .ct-series-10:before {
    background-color: #003C1C;
    border-color: #003C1C; }
  .ct-legend .ct-series-11:before {
    background-color: #0F5A32;
    border-color: #0F5A32; }
  .ct-legend .ct-series-12:before {
    background-color: #28784D;
    border-color: #28784D; }
  .ct-legend .ct-series-13:before {
    background-color: #4B966E;
    border-color: #4B966E; }
  .ct-legend .ct-series-14:before {
    background-color: #78B494;
    border-color: #78B494; }

ul.tagit {
  padding: 1px 5px;
  overflow: auto;
  margin-left: inherit;
  /* usually we don't want the regular ul margins. */
  margin-right: inherit; }

ul.tagit li {
  display: block;
  float: left;
  margin: 2px 5px 2px 0; }

ul.tagit li.tagit-choice {
  position: relative;
  line-height: inherit; }

input.tagit-hidden-field {
  display: none; }

ul.tagit li.tagit-choice-read-only {
  padding: .2em .5em .2em .5em; }

ul.tagit li.tagit-choice-editable {
  padding: .2em 18px .2em .5em; }

ul.tagit li.tagit-new {
  padding: .25em 4px .25em 0; }

ul.tagit li.tagit-choice a.tagit-label {
  cursor: pointer;
  text-decoration: none; }

ul.tagit li.tagit-choice .tagit-close {
  cursor: pointer;
  position: absolute;
  right: .1em;
  top: 50%;
  margin-top: -8px;
  line-height: 17px; }

/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
  display: none; }

ul.tagit li.tagit-choice input {
  display: block;
  float: left;
  margin: 2px 5px 2px 0; }

ul.tagit input[type="text"] {
  box-sizing: border-box;
  box-shadow: none;
  border: none;
  margin: 0;
  padding: 0;
  width: inherit;
  background-color: inherit;
  outline: none; }

/* Optional scoped theme for tag-it which mimics the zendesk widget. */
ul.tagit {
  border-style: solid;
  border-width: 1px;
  border-color: #C6C6C6;
  background: inherit; }

ul.tagit li.tagit-choice {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  border: 1px solid #CAD8F3;
  background: none;
  background-color: #DEE7F8;
  font-weight: normal; }

ul.tagit li.tagit-choice .tagit-label:not(a) {
  color: #555; }

ul.tagit li.tagit-choice a.tagit-close {
  text-decoration: none; }

ul.tagit li.tagit-choice .tagit-close {
  right: .4em; }

ul.tagit li.tagit-choice .ui-icon {
  display: none; }

ul.tagit li.tagit-choice .tagit-close .text-icon {
  display: inline;
  font-family: arial, sans-serif;
  font-size: 16px;
  line-height: 16px;
  color: #777; }

ul.tagit li.tagit-choice:hover, ul.tagit li.tagit-choice.remove {
  background-color: #bbcef1;
  border-color: #6d95e0; }

ul.tagit li.tagit-choice a.tagLabel:hover,
ul.tagit li.tagit-choice a.tagit-close .text-icon:hover {
  color: #222; }

ul.tagit input[type="text"] {
  color: #333333;
  background: none; }

.ui-widget {
  font-size: 1.1em; }

/* Forked from a jQuery UI theme, so that we don't require the jQuery UI CSS as a dependency. */
.tagit-autocomplete.ui-autocomplete {
  position: absolute;
  cursor: default; }

* html .tagit-autocomplete.ui-autocomplete {
  width: 1px; }

/* without this, the menu expands to 100% in IE6 */
.tagit-autocomplete.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  float: left; }

.tagit-autocomplete.ui-menu .ui-menu {
  margin-top: -3px; }

.tagit-autocomplete.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%; }

.tagit-autocomplete.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: .2em .4em;
  line-height: 1.5;
  zoom: 1; }

.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-hover,
.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px; }

.tagit-autocomplete.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff 50% 50% repeat-x;
  color: #222222; }

.tagit-autocomplete.ui-corner-all, .tagit-autocomplete .ui-corner-all {
  -khtml-border-radius: 4px;
  border-radius: 4px; }

.tagit-autocomplete .ui-state-hover, .tagit-autocomplete .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada;
  font-weight: normal;
  color: #212121; }

.tagit-autocomplete .ui-state-active {
  border: 1px solid #aaaaaa; }

.tagit-autocomplete .ui-widget-content {
  border: 1px solid #aaaaaa; }

.tagit .ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px); }

/*
|--------------------------------------------------------------------------
| Partials Styles.
|--------------------------------------------------------------------------
|
| The partials directory is where the meat of my CSS is constructed. Break
| things down into fine categories (typography, buttons, textboxes,
| selectboxes, etc…).
|
*/
/* 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, hgroup,
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, hgroup, 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; }

.bg-flow {
  background: #86bad6; }

.bg-flow-dark {
  background: #212e42; }

.bg-light-grey {
  background: #ecf0f1; }

.bg-red {
  background-color: #d91e18; }

#validation-errors .error-heading {
  color: #d91e18;
  font-size: 18px; }

#validation-errors ul {
  list-style: none;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 0;
  display: inline-block; }
  #validation-errors ul li {
    border: none;
    border-left: 2px solid #d91e18;
    text-align: left;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #FFF;
    color: #7f8c8d;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); }

#error p {
  color: #d91e18;
  text-align: left; }

input[type="text"].input-error,
input[type="password"].input-error,
input[type="date"].input-error,
textarea.input-error {
  border: 4px solid #d91e18; }

.alert, #validation-errors .errors {
  width: 100%;
  min-height: 50px;
  background-color: white;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  padding: 17px 30px 17px 45px;
  color: #7f8c8d;
  font-size: 14px;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 10px; }

#validation-errors {
  display: inline-block;
  width: 100%; }

#validation-errors .errors {
  height: auto;
  padding-bottom: 10px;
  padding-left: 35px; }
  #validation-errors .errors p {
    color: #7f8c8d; }

#validation-errors .errors ul {
  width: 100%; }

.close-alert {
  width: 18px;
  height: 18px;
  background: url("../../../../images/alert_close.png") no-repeat;
  float: right;
  position: absolute;
  top: 16px;
  right: 12px;
  background-position: 0px 0px;
  cursor: pointer; }

.close-alert:hover {
  background-position: 0px -18px; }

/*INFORMATIONAL ALERT*/
.alert-info {
  border-top: 4px solid #86bad6;
  background: url("../../../../images/alert_info.png") no-repeat scroll 10px center white; }

.alert-success {
  border-top: 4px solid #1e824c;
  background: url("../../../../images/alert_success.png") no-repeat scroll 10px center white; }

.alert-error, #validation-errors .errors {
  border-top: 4px solid #d91e18;
  border-left: none;
  background: url("../../../../images/alert_error2.png") no-repeat scroll 10px 17px white; }

.alert-danger {
  border-top: 4px solid #d91e18;
  border-left: none;
  padding: 5px 30px 5px 17px; }
  .alert-danger .entypo {
    font-size: 41px;
    margin-right: 17px;
    color: #d91e18; }
  .alert-danger .content {
    display: inline-block;
    vertical-align: super; }

.alert-warning {
  border-top: 4px solid #F7CA18;
  background: url("../../../../images/alert_warning.png") no-repeat scroll 10px center white; }

.row {
  display: block;
  width: 100%; }
  .row:after {
    content: '';
    display: block;
    clear: both; }

@media only screen and (max-width: 1250px) {
  .col-1-1, .col-1-2, .col-1-3, .col-1-4, .col-3-4 {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
    .col-1-1:first-child, .col-1-2:first-child, .col-1-3:first-child, .col-1-4:first-child, .col-3-4:first-child {
      margin-left: auto; }
    .col-1-1:last-child, .col-1-2:last-child, .col-1-3:last-child, .col-1-4:last-child, .col-3-4:last-child {
      margin-right: auto; } }

@media only screen and (min-width: 1251px) {
  .col-1-1 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%; }
    .col-1-1:before, .col-1-1:after {
      content: '';
      display: table; }
    .col-1-1:after {
      clear: both; }
    .col-1-1:last-child {
      margin-right: 0%; } }

@media only screen and (min-width: 1251px) {
  .col-1-2 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%; }
    .col-1-2:before, .col-1-2:after {
      content: '';
      display: table; }
    .col-1-2:after {
      clear: both; }
    .col-1-2:last-child {
      margin-right: 0%; } }

@media only screen and (min-width: 1251px) {
  .col-1-3 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 31.3333333333%;
    margin-left: 0%;
    margin-right: 3%; }
    .col-1-3:before, .col-1-3:after {
      content: '';
      display: table; }
    .col-1-3:after {
      clear: both; }
    .col-1-3:last-child {
      margin-right: 0%; } }

@media only screen and (min-width: 1251px) {
  .col-1-4 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 22.75%;
    margin-left: 0%;
    margin-right: 3%; }
    .col-1-4:before, .col-1-4:after {
      content: '';
      display: table; }
    .col-1-4:after {
      clear: both; }
    .col-1-4:last-child {
      margin-right: 0%; } }

@media only screen and (min-width: 1251px) {
  .col-3-4 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 74.25%;
    margin-left: 0%;
    margin-right: 3%; }
    .col-3-4:before, .col-3-4:after {
      content: '';
      display: table; }
    .col-3-4:after {
      clear: both; }
    .col-3-4:last-child {
      margin-right: 0%; } }

@media only screen and (min-width: 1251px) {
  .col-2-5 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 38.2%;
    margin-left: 0%;
    margin-right: 3%; }
    .col-2-5:before, .col-2-5:after {
      content: '';
      display: table; }
    .col-2-5:after {
      clear: both; }
    .col-2-5:last-child {
      margin-right: 0%; } }

@media only screen and (min-width: 1251px) {
  .col-3-5 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 58.8%;
    margin-left: 0%;
    margin-right: 3%; }
    .col-3-5:before, .col-3-5:after {
      content: '';
      display: table; }
    .col-3-5:after {
      clear: both; }
    .col-3-5:last-child {
      margin-right: 0%; } }

@media only screen and (min-width: 1251px) {
  .col-3-8 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 35.625%;
    margin-left: 0%;
    margin-right: 3%; }
    .col-3-8:before, .col-3-8:after {
      content: '';
      display: table; }
    .col-3-8:after {
      clear: both; }
    .col-3-8:last-child {
      margin-right: 0%; } }

@media only screen and (min-width: 1251px) {
  .col-5-8 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 61.375%;
    margin-left: 0%;
    margin-right: 3%; }
    .col-5-8:before, .col-5-8:after {
      content: '';
      display: table; }
    .col-5-8:after {
      clear: both; }
    .col-5-8:last-child {
      margin-right: 0%; } }

input[type="text"],
input[type="password"],
input[type="search"],
input[type="date"],
input[type="number"] {
  color: #000000;
  background-color: white;
  border: 4px solid #bbbbbb;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 5px;
  -webkit-appearance: none;
  margin-bottom: 15px;
  font-size: 18px;
  font-family: "Source Sans Pro", sans-serif; }

input[type="date"] {
  text-transform: uppercase; }

select {
  font-size: 18px;
  color: #000000;
  background: url("/images/select_arrow_down.png") no-repeat scroll 95% center #FFF;
  padding: 10px 20px 10px 10px;
  border: 4px solid #bbbbbb;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-bottom: 15px; }

select.multi {
  background-image: none;
  height: 250px; }

::-webkit-input-placeholder {
  color: #bbbbbb; }

:-moz-placeholder {
  color: #bbbbbb; }

::-moz-placeholder {
  color: #bbbbbb; }

:-ms-input-placeholder {
  color: #bbbbbb; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="date"]:focus {
  border: 4px solid #86bad6;
  color: #000000;
  -webkit-appearance: none;
  outline: none; }

input[type="submit"], a.submit-like {
  background-color: #86bad6;
  color: white;
  border: none;
  padding-bottom: 10px;
  font-size: 18px;
  padding-top: 10px;
  cursor: pointer;
  text-align: center; }
  input[type="submit"]:hover, a.submit-like:hover {
    background-color: #acd0e3; }

label {
  color: #000000;
  margin-bottom: 10px;
  text-align: left;
  display: block;
  font-size: 16px;
  font-weight: bold; }

fieldset {
  float: left;
  width: 100%; }

legend {
  margin-top: 2em;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 20px;
  float: left;
  width: 100%; }

form fieldset:first-of-type legend {
  margin-top: 1em; }

input[type=checkbox].blue-checkbox {
  display: none; }

input[type=checkbox].blue-checkbox + label.blue-label {
  padding-left: 35px;
  height: 22px;
  line-height: 22px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 14px;
  vertical-align: middle;
  cursor: pointer; }

input[type=checkbox].blue-checkbox + label.blue-label:hover {
  background-position: 0 -22px; }

input[type=checkbox].blue-checkbox:checked + label.blue-label {
  background-position: 0 -44px; }

label.blue-label {
  background-image: url(../images/check_box_sprite.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

input[type="search"]:focus .icon-search {
  background-position: 0px -32px; }

input[type="search"] {
  padding-left: 40px; }

textarea {
  color: #000000;
  background-color: white;
  border: 4px solid #bbbbbb;
  margin-bottom: 15px;
  resize: none;
  font-size: 18px;
  padding: 10px; }

input[type="submit"].entypo {
  color: #86bad6;
  border: none;
  padding-bottom: 0px;
  font-size: 3.5em;
  padding-top: 0px;
  cursor: pointer;
  background-color: transparent;
  float: left; }
  input[type="submit"].entypo:hover {
    color: #acd0e3;
    background-color: transparent; }

.search {
  position: relative;
  float: right; }

.icon-search {
  position: absolute;
  z-index: 9;
  background-image: url("/images/search_sprite.png");
  height: 32px;
  background-position: 0px 0px;
  width: 32px;
  top: 9px;
  left: 9px; }

form table.tablesaw {
  margin-bottom: 10px; }

form.full-input input:not([type="submit"]), form.full-input select, form.full-input textarea {
  width: 100%; }

form .row {
  *zoom: 1; }
  form .row:before, form .row:after {
    content: '';
    display: table; }
  form .row:after {
    clear: both; }

form .quarter {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 22.75%;
  margin-left: 0%;
  margin-right: 3%; }
  form .quarter:before, form .quarter:after {
    content: '';
    display: table; }
  form .quarter:after {
    clear: both; }
  form .quarter:last-child {
    margin-right: 0%; }
  form .quarter input, form .quarter select {
    width: 100%; }

form .col-1-1 input, form .col-1-1 select {
  width: 100%; }

form .col-1-2 input, form .col-1-2 select {
  width: 100%; }

form .radio-list {
  margin-bottom: 20px; }
  form .radio-list li {
    margin-bottom: 10px; }

.checkbox {
  width: inherit; }
  .checkbox label {
    display: inline-block; }
  .checkbox input {
    width: inherit !important;
    float: left; }

.type-filter {
  display: none; }

.dataTables_processing {
  display: table;
  padding: 20px 0;
  background: #212e42;
  color: white;
  top: 65%; }

/*! Tablesaw - v0.1.6 - 2014-07-23
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2014 Filament Group; Licensed MIT */
@media only screen and (max-width: 1250px) {
  .table-container {
    display: table;
    width: 100%;
    text-align: left; } }

table.tablesaw {
  empty-cells: show;
  max-width: 100%;
  width: 100%;
  background-color: #FFFFFF;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  border: 2px solid #86bad6; }
  table.tablesaw.ach-profile-table {
    margin-bottom: 20px; }
  table.tablesaw .entypo {
    font-size: 3.5em; }
    table.tablesaw .entypo:hover {
      color: #acd0e3; }
  table.tablesaw .entypo-success {
    color: #2ECC71; }
    table.tablesaw .entypo-success:hover {
      color: #2ECC71; }
  table.tablesaw .entypo-fail {
    color: #E74C3C; }
    table.tablesaw .entypo-fail:hover {
      color: #E74C3C; }
  table.tablesaw a:hover {
    text-decoration: none; }
  table.tablesaw th {
    text-align: left !important; }

table.tablesaw td {
  color: #000000;
  vertical-align: middle; }

.tablesaw {
  border-collapse: inherit;
  width: 100%; }

table.tablesaw tr:nth-child(even) {
  background-color: #ecf0f1; }

/* Structure */
.tablesaw {
  border: 0;
  padding: 0; }

.tablesaw img {
  margin-right: 5px; }

table thead th {
  font-weight: bold;
  background-color: #86bad6;
  color: #FFFFFF; }

table tfoot {
  background-color: none; }
  table tfoot input[type="text"] {
    margin-bottom: 0px;
    padding: 5px;
    font-size: 14px; }

.tablesaw th,
.tablesaw td {
  box-sizing: border-box;
  padding: .7em; }

.tablesaw thead tr:first-child th {
  padding-top: .9em;
  padding-bottom: .7em; }

/* Table rows have a gray bottom stroke by default */
.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
  display: none; }

/* Mobile first styles: Begin with the stacked presentation at narrow widths */
@media only all {
  /* Show the table cells as a block level element */
  .tablesaw-stack td,
  .tablesaw-stack th {
    text-align: left;
    display: block; }
  .tablesaw-stack tr {
    clear: both;
    display: table-row; }
  /* Make the label elements a percentage width */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: block;
    padding: 0 .6em 0 0;
    min-width: 30%;
    display: inline-block; }
  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
  .tablesaw-stack th .tablesaw-cell-label-top,
  .tablesaw-stack td .tablesaw-cell-label-top {
    display: block;
    padding: .4em 0;
    margin: .4em 0; }
  .tablesaw-cell-label {
    display: block; }
  /* Avoid double strokes when stacked */
  .tablesaw-stack tbody th.group {
    margin-top: -1px; }
  /* Avoid double strokes when stacked */
  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important; } }

@media (max-width: 39.9375em) {
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: none; }
  .tablesaw-stack tbody td,
  .tablesaw-stack tbody th {
    clear: left;
    float: left;
    width: 100%; } }

/* Media query to show as a standard table at 560px (35em x 16px) or wider */
@media (min-width: 40em) {
  .tablesaw-stack tr {
    display: table-row; }
  /* Show the table header rows */
  .tablesaw-stack td,
  .tablesaw-stack th,
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: table-cell;
    margin: 0; }
  /* Hide the labels in each cell */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: none !important; }
  .table-wrap {
    padding-left: 0px;
    padding-right: 0px; } }

/* Bluestingray */
table.tablesaw th.align-left, table.tablesaw td.align-left {
  text-align: left !important; }

table.tablesaw th.align-center, table.tablesaw td.align-center {
  text-align: center !important; }

table.tablesaw th.align-right, table.tablesaw td.align-right {
  text-align: right !important; }

table.dataTable .entypo {
  font-size: 3.5em; }
  table.dataTable .entypo:hover {
    color: #acd0e3; }

table.dataTable .entypo-success {
  color: #2ECC71; }
  table.dataTable .entypo-success:hover {
    color: #2ECC71; }

table.dataTable .entypo-fail {
  color: #E74C3C; }
  table.dataTable .entypo-fail:hover {
    color: #E74C3C; }

table.dataTable a:hover {
  text-decoration: none; }

table.dataTable th {
  text-align: left !important; }

.dataTables_length {
  width: 25%; }
  .dataTables_length select {
    width: 75px; }

.data::after {
  clear: both;
  content: "";
  display: table; }

.dataTables_info {
  margin-top: 15px;
  font-weight: bold;
  color: #000000; }

.dataTables_paginate {
  margin-top: 15px; }

.pagination {
  margin-top: 15px; }

.pagination ul {
  display: inline; }

.pagination ul li {
  display: inline;
  font-weight: 400; }

.pagination .disabled {
  color: #ccc !important;
  cursor: not-allowed;
  border: 2px solid #ecf0f1;
  padding: 4px 10px;
  margin: 0 3px;
  background: white;
  font-weight: bold;
  display: inline-block; }

.paging_full_numbers a.paginate_button.paginate_button_disabled {
  color: #ccc !important; }
  .paging_full_numbers a.paginate_button.paginate_button_disabled:hover {
    background: #fff;
    cursor: not-allowed;
    border: 2px solid #ecf0f1; }

.pagination ul li.active span, .pagination ul li a {
  border: 2px solid #ecf0f1;
  padding: 4px 10px;
  margin: 0 3px;
  cursor: pointer;
  color: #000000;
  background: white;
  font-weight: bold;
  display: inline-block; }
  .pagination ul li.active span:hover, .pagination ul li a:hover {
    color: #86bad6; }

.pagination li a:hover {
  background-color: #86bad6;
  color: #FFF !important;
  border-color: #86bad6;
  text-decoration: none !important; }

.pagination ul li.active span {
  color: #86bad6;
  font-weight: bold; }

.icon-chevron-right.next > img {
  left: 10px;
  position: absolute;
  top: 3px;
  height: 20px; }

.icon-chevron-left.previous > img {
  right: 10px;
  position: absolute;
  top: 3px;
  height: 20px; }

.icon-chevron-right {
  position: relative;
  margin-right: 0 !important; }

.icon-chevron-left {
  position: relative;
  margin-left: 0 !important; }

.showing {
  margin-top: 15px;
  font-weight: bold;
  color: #000000;
  clear: both; }

.pagination ul {
  float: right;
  margin-top: 10px; }

.bread {
  margin-top: 25px;
  margin-bottom: 25px;
  text-transform: uppercase;
  background-color: #eee;
  padding: 10px;
  min-width: 25%;
  border-radius: 3px; }
  .bread .breadcrumb li {
    display: inline; }
    .bread .breadcrumb li a {
      font-weight: 300; }
  .bread .breadcrumb .divider {
    color: #DADFE1;
    font-weight: bold;
    margin-left: 5px;
    margin-right: 5px; }
  .bread .breadcrumb .active {
    color: #7f8c8d; }

header {
  background-color: #86bad6;
  width: 100%;
  height: 66px;
  padding: 0 20px;
  position: fixed;
  z-index: 999; }
  header .mobile-only {
    display: none; }
  @media only screen and (min-width: 1251px) {
    header #dashboard-header-nav {
      display: block !important; } }
  header ul {
    text-align: center; }
    header ul li {
      display: inline-block;
      height: 66px;
      margin: 0 8px;
      vertical-align: top; }
      header ul li:hover {
        background: #60a4c9;
        cursor: pointer; }
      header ul li .entypo {
        font-size: 40px;
        color: #ffffff;
        display: block; }
      header ul li a {
        color: #ffffff;
        display: block;
        font-weight: normal;
        font-size: 14px;
        padding-left: 20px;
        padding-right: 20px; }
        header ul li a:hover {
          text-decoration: none; }
      header ul li ul {
        display: none; }
      header ul li:hover ul {
        display: block;
        position: absolute;
        background: #ffffff;
        z-index: 100;
        top: 65px; }
        header ul li:hover ul li {
          display: block;
          margin-right: 0;
          margin-left: 0;
          border: 1px solid #d2e5f0;
          border-top: 0;
          height: auto;
          position: relative; }
          header ul li:hover ul li:hover a {
            color: #ffffff; }
          header ul li:hover ul li a {
            color: #86bad6;
            padding: 10px 20px;
            height: auto; }
            header ul li:hover ul li a:hover {
              color: #ffffff; }
          header ul li:hover ul li ul {
            display: none; }
          header ul li:hover ul li:hover ul {
            display: block;
            left: 100%;
            top: 0; }
            header ul li:hover ul li:hover ul a {
              color: #86bad6; }
              header ul li:hover ul li:hover ul a:hover {
                color: #ffffff; }
            header ul li:hover ul li:hover ul li:hover {
              color: #ffffff; }
  header .toggle-nav, header .logo {
    -webkit-appearance: none;
    border: 0;
    outline: 0;
    padding: 10px 0;
    margin: 0;
    background-color: transparent;
    float: left;
    cursor: pointer; }
    header .toggle-nav img, header .logo img {
      float: left;
      height: 48px; }
  header .actions.mobile {
    display: none; }
  header .actions .action {
    min-width: 105px;
    text-align: center;
    cursor: pointer; }
    header .actions .action .action-title {
      color: #ffffff;
      font-weight: normal;
      font-size: 16px;
      line-height: 66px; }
      header .actions .action .action-title .entypo {
        font-size: 32px;
        margin-left: 12px;
        vertical-align: middle; }
    header .actions .action .action-dropdown {
      display: none; }
    header .actions .action:hover .action-dropdown {
      display: block;
      position: absolute;
      background: #ffffff;
      z-index: 100;
      top: 66px; }
      header .actions .action:hover .action-dropdown li {
        display: block;
        margin-right: 0;
        margin-left: 0;
        border: 1px solid #d2e5f0;
        border-top: 0;
        height: auto;
        position: relative; }
        header .actions .action:hover .action-dropdown li:hover a {
          color: #ffffff; }
        header .actions .action:hover .action-dropdown li a {
          color: #86bad6;
          padding: 10px 20px;
          height: auto; }
          header .actions .action:hover .action-dropdown li a:hover a {
            color: #ffffff; }
        header .actions .action:hover .action-dropdown li ul {
          display: none; }
        header .actions .action:hover .action-dropdown li:hover ul {
          display: block;
          left: 100%;
          top: 0; }
          header .actions .action:hover .action-dropdown li:hover ul li:hover {
            color: #ffffff; }
  @media only screen and (max-width: 1250px) {
    header #dashboard-header-nav {
      display: none; }
    header .mobile-only {
      display: block; }
    header ul {
      position: fixed;
      top: 66px;
      left: 0;
      width: 100%;
      z-index: 99999999;
      background: #86bad6; }
      header ul li {
        display: table-cell;
        width: 100%;
        height: auto;
        padding: 10px 20px; }
        header ul li a {
          display: inline-block;
          vertical-align: middle; }
        header ul li .entypo {
          width: 40px;
          display: inline-block;
          vertical-align: middle; }
        header ul li:hover ul {
          display: none; }
    header .actions {
      display: none; }
      header .actions.mobile {
        display: block; }
      header .actions .action {
        min-width: 0; } }

#dashboard h1 {
  font-size: 34px;
  color: #212e42;
  margin-top: 25px;
  margin-bottom: 50px;
  font-weight: 400;
  text-align: left; }

#dashboard h3 {
  color: #000000;
  font-size: 16px;
  text-align: left;
  font-weight: bold; }

#dashboard .dash-block {
  position: relative;
  border: 4px solid #bbbbbb;
  background-color: #ffffff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 18px;
  text-align: center;
  margin-bottom: 20px; }

#dashboard .quick-stats {
  text-align: center;
  color: #414141;
  font-size: 16px;
  *zoom: 1; }
  #dashboard .quick-stats:before, #dashboard .quick-stats:after {
    content: '';
    display: table; }
  #dashboard .quick-stats:after {
    clear: both; }
  #dashboard .quick-stats .dash-block {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 16.3125%;
    margin-left: 0%;
    margin-right: 3%; }
    #dashboard .quick-stats .dash-block:before, #dashboard .quick-stats .dash-block:after {
      content: '';
      display: table; }
    #dashboard .quick-stats .dash-block:after {
      clear: both; }
    #dashboard .quick-stats .dash-block:last-child {
      margin-right: 0%; }
  #dashboard .quick-stats .large-number {
    font-size: 32px;
    color: #000000;
    font-weight: bold;
    display: block; }

#dashboard #accounts-overview {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 65.6666666667%;
  margin-left: 0%;
  margin-right: 3%; }
  #dashboard #accounts-overview:before, #dashboard #accounts-overview:after {
    content: '';
    display: table; }
  #dashboard #accounts-overview:after {
    clear: both; }
  #dashboard #accounts-overview:last-child {
    margin-right: 0%; }
  #dashboard #accounts-overview .dash-block {
    width: 100%; }

#dashboard .seperator {
  height: 2px;
  width: 100%;
  background-color: #bbbbbb;
  margin-top: 10px; }

#dashboard .account-block {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 25px; }

#dashboard .account-type-icon {
  height: 50px;
  float: left; }

#dashboard .account-details {
  height: 50px;
  float: left;
  color: #000000;
  padding-left: 10px; }

#dashboard .account-block .goto-account {
  text-align: right;
  margin: 0px; }

#dashboard .account-block .goto-account a {
  font-size: 12px; }

#dashboard .account-details h3 {
  font-weight: bold; }

#dashboard .account-details p {
  padding: 0px;
  font-size: 14px;
  text-align: left; }

#dashboard .widget {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%;
  text-align: center; }
  #dashboard .widget:before, #dashboard .widget:after {
    content: '';
    display: table; }
  #dashboard .widget:after {
    clear: both; }
  #dashboard .widget:last-child {
    margin-right: 0%; }
  #dashboard .widget .chart canvas {
    width: 100%;
    height: 300px; }

.dash-block {
  border: 4px solid #bbbbbb;
  background-color: #ffffff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 10px;
  margin-bottom: 20px; }
  .dash-block .row {
    margin-bottom: 15px; }

.details-block {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%; }
  .details-block:before, .details-block:after {
    content: '';
    display: table; }
  .details-block:after {
    clear: both; }
  .details-block:nth-of-type(2n) {
    margin-right: 0%;
    float: right; }
  .details-block:nth-of-type(2n + 1) {
    clear: both; }
  .details-block h3 {
    color: white;
    font-weight: bold;
    background-color: #86bad6;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    border-radius: 3px; }
  .details-block table {
    width: 100%;
    margin-top: 15px; }
  .details-block tbody {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
    .details-block tbody:last-of-type {
      border-bottom: none; }
  .details-block tbody tr:last-of-type td {
    padding-bottom: 20px; }
  .details-block tbody th {
    padding-top: 20px; }
  .details-block th {
    text-transform: uppercase;
    color: #000000;
    background-color: #FFFFFF;
    text-align: left;
    padding-bottom: 5px;
    font-weight: bold; }
  .details-block td {
    color: #000000;
    padding-bottom: 5px; }

.quick-link {
  font-size: 12px;
  margin-bottom: 0px;
  display: none; }

#quick-link {
  margin-top: 10px;
  display: none; }

.quick-link {
  margin-top: 10px; }

#quick-link input {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

#quick-link .modal-header {
  font-size: 24px;
  text-align: center;
  color: #000000;
  margin-bottom: 15px;
  font-weight: 400; }

.show-controls {
  cursor: pointer;
  color: #86bad6;
  font-weight: 600; }

.admin-dashboard .dash-block {
  text-align: center !important; }
  .admin-dashboard .dash-block .entypo {
    color: #86bad6;
    font-size: 4em; }
  .admin-dashboard .dash-block .title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #000000; }

.btn {
  display: block;
  font-weight: normal;
  color: white;
  border: none;
  text-transform: uppercase;
  transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -webkit-transition: opacity .2s linear;
  padding-bottom: 10px;
  font-size: 18px;
  padding-top: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.btn-blue:hover {
  background-color: #acd0e3;
  text-decoration: none; }

.btn-blue {
  background-color: #86bad6;
  color: white;
  width: 100%; }

.user-dashboard .single-account {
  height: 185px; }
  @media (min-width: 1001px) {
    .user-dashboard .single-account {
      *zoom: 1;
      float: left;
      clear: none;
      text-align: inherit;
      width: 48.5%;
      margin-left: 0%;
      margin-right: 3%; }
      .user-dashboard .single-account:before, .user-dashboard .single-account:after {
        content: '';
        display: table; }
      .user-dashboard .single-account:after {
        clear: both; }
      .user-dashboard .single-account:last-child {
        margin-right: 0%; } }
  @media (max-width: 1000px) {
    .user-dashboard .single-account {
      width: 50%;
      float: none; } }

@media (min-width: 1001px) {
  .user-dashboard .payment-due {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 22.75%;
    margin-left: 0%;
    margin-right: 3%; }
    .user-dashboard .payment-due:before, .user-dashboard .payment-due:after {
      content: '';
      display: table; }
    .user-dashboard .payment-due:after {
      clear: both; }
    .user-dashboard .payment-due:last-child {
      margin-right: 0%; } }

@media (max-width: 1000px) {
  .user-dashboard .payment-due {
    width: 50%;
    float: none; } }

.user-dashboard .payment-due .next-payment-amount {
  color: #000000;
  font-size: 42px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center; }

.user-dashboard .payment-due .next-payment-date {
  text-align: center; }

.user-dashboard .row {
  *zoom: 1; }
  .user-dashboard .row:before, .user-dashboard .row:after {
    content: '';
    display: table; }
  .user-dashboard .row:after {
    clear: both; }

.user-dashboard .dash-block-seperator {
  height: 2px;
  width: 100%;
  background-color: #eee;
  margin-top: 10px; }

.user-dashboard .btn-payment {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%; }
  .user-dashboard .btn-payment:before, .user-dashboard .btn-payment:after {
    content: '';
    display: table; }
  .user-dashboard .btn-payment:after {
    clear: both; }
  .user-dashboard .btn-payment:last-child {
    margin-right: 0%; }
  @media (max-width: 1200px) {
    .user-dashboard .btn-payment {
      width: 100%;
      margin-bottom: 10px; } }

@media screen and (max-width: 1015px) {
  .user-dashboard .single-account {
    margin-bottom: 0px !important;
    border-top: 4px solid #bbbbbb;
    border-left: 4px solid #bbbbbb;
    border-right: 4px solid #bbbbbb;
    border-bottom: none !important;
    height: auto !important;
    width: 100% !important;
    float: none !important; }
    .user-dashboard .single-account .account-block {
      padding-bottom: 0px !important; }
  .user-dashboard .payment-due {
    border-bottom: 4px solid #bbbbbb;
    border-left: 4px solid #bbbbbb;
    border-right: 4px solid #bbbbbb;
    border-top: none !important;
    height: auto !important;
    width: 100% !important;
    float: none !important; } }

.link-account {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 22.75%;
  margin-left: 0%;
  margin-right: 3%; }
  .link-account:before, .link-account:after {
    content: '';
    display: table; }
  .link-account:after {
    clear: both; }
  .link-account:last-child {
    margin-right: 0%; }
  .link-account .btn {
    text-align: center; }

@media screen and (max-width: 1015px) {
  .link-account {
    width: 50%; } }

@media screen and (max-width: 475px) {
  .link-account {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%; }
    .link-account:before, .link-account:after {
      content: '';
      display: table; }
    .link-account:after {
      clear: both; }
    .link-account:last-child {
      margin-right: 0%; } }

#account-link-form {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%; }
  #account-link-form:before, #account-link-form:after {
    content: '';
    display: table; }
  #account-link-form:after {
    clear: both; }
  #account-link-form:last-child {
    margin-right: 0%; }
  #account-link-form input {
    width: 100%; }
  #account-link-form input[type="submit"] {
    width: 50%; }
  #account-link-form legend {
    margin-bottom: 25px; }

.quick-controls {
  *zoom: 1;
  width: 100%; }
  .quick-controls:before, .quick-controls:after {
    content: '';
    display: table; }
  .quick-controls:after {
    clear: both; }
  .quick-controls ul {
    display: block; }
    .quick-controls ul li {
      position: relative;
      margin-right: 25px;
      display: inline-block;
      background-color: #86bad6;
      padding: 10px;
      border-radius: 3px;
      font-size: 13px;
      cursor: pointer;
      text-transform: uppercase;
      margin-bottom: 25px; }
      .quick-controls ul li:hover {
        background-color: #acd0e3; }
      .quick-controls ul li:last-child {
        margin-right: 0px; }
      .quick-controls ul li.bg-red {
        background-color: #d91e18; }
        .quick-controls ul li.bg-red:hover {
          background-color: #e9403b; }
  .quick-controls a,
  .quick-controls button {
    text-decoration: none;
    font-weight: bold;
    color: white; }
    .quick-controls a:hover,
    .quick-controls button:hover {
      text-decoration: none; }
  .quick-controls button {
    border: 0;
    background: transparent;
    font-size: inherit;
    font-family: inherit;
    cursor: pointer;
    padding: 0; }
  .quick-controls .entypo {
    font-size: 2em;
    position: relative;
    top: 2px;
    margin-right: 5px;
    color: white; }
  .quick-controls .mobile-quick {
    display: none;
    width: 100%;
    position: relative;
    background-color: #86bad6;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 25px;
    font-weight: bold;
    cursor: pointer; }
    .quick-controls .mobile-quick .spinner {
      position: absolute;
      font-size: 3.5em;
      right: 10px;
      top: -3px;
      color: white; }
  @media screen and (max-width: 768px) {
    .quick-controls .mobile-quick {
      display: block; }
    .quick-controls .details-block {
      width: 100%; } }
  @media screen and (max-width: 768px) {
    .quick-controls ul {
      display: none;
      background-color: #eee;
      margin-bottom: 25px; }
      .quick-controls ul li {
        display: block;
        color: #000000;
        background-color: #eee;
        margin-bottom: 0;
        margin-right: 0px;
        font-size: 14px;
        padding: 20px 10px; }
        .quick-controls ul li:hover {
          background: #d0d4d5; }
          .quick-controls ul li:hover a {
            color: #212e42; }
        .quick-controls ul li a {
          color: #000000; }
        .quick-controls ul li:last-child {
          margin-bottom: 0px; }
    .quick-controls ul .entypo {
      display: none; } }

@media screen and (max-width: 768px) {
  .details-block {
    width: 100%; }
  .quick-controls ul {
    margin-top: -25px; } }

#accounts {
  *zoom: 1; }
  #accounts:before, #accounts:after {
    content: '';
    display: table; }
  #accounts:after {
    clear: both; }
  #accounts h1 {
    font-size: 42px;
    color: #000000;
    margin-top: 25px;
    margin-bottom: 25px;
    font-weight: 400; }
  #accounts .search {
    position: relative;
    float: right; }
  #accounts .icon-search {
    position: absolute;
    z-index: 9;
    background-image: url("/images/search_sprite.png");
    height: 32px;
    background-position: 0px 0px;
    width: 32px;
    top: 9px;
    left: 9px; }
  #accounts .customer-details h3 {
    color: white;
    font-weight: bold;
    background-color: #86bad6;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    border-radius: 3px; }
  #accounts .customer-details table {
    width: 100%;
    margin-top: 15px; }
  #accounts .customer-details th {
    text-transform: uppercase;
    color: #DADFE1;
    background-color: #FFFFFF;
    text-align: left;
    padding-bottom: 5px; }
  #accounts .customer-details td {
    color: #7f8c8d;
    font-weight: bold;
    padding-bottom: 5px; }
  #accounts .dash-block {
    border: 4px solid #bbbbbb;
    background-color: #ffffff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px;
    margin-bottom: 20px; }
  #accounts .customer-details {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%; }
    #accounts .customer-details:before, #accounts .customer-details:after {
      content: '';
      display: table; }
    #accounts .customer-details:after {
      clear: both; }
    #accounts .customer-details:last-child {
      margin-right: 0%; }

.account-payment-history h4 {
  margin: 20px 0 10px; }

#account-register-form input, #account-register-form select, .accounts-form input, .accounts-form select {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

#account-register-form .quarter, .accounts-form .quarter {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 22.75%;
  margin-left: 0%;
  margin-right: 3%; }
  #account-register-form .quarter:before, #account-register-form .quarter:after, .accounts-form .quarter:before, .accounts-form .quarter:after {
    content: '';
    display: table; }
  #account-register-form .quarter:after, .accounts-form .quarter:after {
    clear: both; }
  #account-register-form .quarter:last-child, .accounts-form .quarter:last-child {
    margin-right: 0%; }

#account-register-form .half, .accounts-form .half {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%; }
  #account-register-form .half:before, #account-register-form .half:after, .accounts-form .half:before, .accounts-form .half:after {
    content: '';
    display: table; }
  #account-register-form .half:after, .accounts-form .half:after {
    clear: both; }
  #account-register-form .half:last-child, .accounts-form .half:last-child {
    margin-right: 0%; }

#account-register-form legend, .accounts-form legend {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 26px;
  color: #7f8c8d;
  margin-top: 0px;
  font-weight: bold;
  margin-bottom: 25px; }

#account-register-form .row, .accounts-form .row {
  margin-bottom: 15px;
  *zoom: 1; }
  #account-register-form .row:before, #account-register-form .row:after, .accounts-form .row:before, .accounts-form .row:after {
    content: '';
    display: table; }
  #account-register-form .row:after, .accounts-form .row:after {
    clear: both; }

#account-register-form .full, .accounts-form .full {
  width: 100%; }

.account-payment-history h2, .account-notes-table h2 {
  font-size: 28px;
  color: #000000;
  margin-top: 25px;
  margin-bottom: 25px;
  font-weight: 400; }

.view-history {
  margin-top: 25px;
  margin-bottom: 25px;
  width: 25%; }
  .view-history .btn {
    text-align: center;
    margin-bottom: 15px; }

.the-cycles, .membership-status, .enable-date, .disable-date {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 22.75%;
  margin-left: 0%;
  margin-right: 3%; }
  .the-cycles:before, .the-cycles:after, .membership-status:before, .membership-status:after, .enable-date:before, .enable-date:after, .disable-date:before, .disable-date:after {
    content: '';
    display: table; }
  .the-cycles:after, .membership-status:after, .enable-date:after, .disable-date:after {
    clear: both; }
  .the-cycles:last-child, .membership-status:last-child, .enable-date:last-child, .disable-date:last-child {
    margin-right: 0%; }

@media only screen and (max-width: 1250px) {
  .account-show .details-block {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
    .account-show .details-block:first-child {
      margin-left: auto; }
    .account-show .details-block:last-child {
      margin-right: auto; } }

@media only screen and (max-width: 768px) {
  .account-payment-history .view-history {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%; }
    .account-payment-history .view-history:before, .account-payment-history .view-history:after {
      content: '';
      display: table; }
    .account-payment-history .view-history:after {
      clear: both; }
    .account-payment-history .view-history:last-child {
      margin-right: 0%; }
  #account-register-form .quarter, .accounts-form .quarter {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%; }
    #account-register-form .quarter:before, #account-register-form .quarter:after, .accounts-form .quarter:before, .accounts-form .quarter:after {
      content: '';
      display: table; }
    #account-register-form .quarter:after, .accounts-form .quarter:after {
      clear: both; }
    #account-register-form .quarter:last-child, .accounts-form .quarter:last-child {
      margin-right: 0%; }
    #account-register-form .quarter:nth-of-type(2n), .accounts-form .quarter:nth-of-type(2n) {
      margin-right: 0; }
  #accounts .the-cycles, .membership-status, .enable-date, .disable-date, .dataTables_length, .dataTables_filter {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%; }
    #accounts .the-cycles:before, #accounts .the-cycles:after, .membership-status:before, .membership-status:after, .enable-date:before, .enable-date:after, .disable-date:before, .disable-date:after, .dataTables_length:before, .dataTables_length:after, .dataTables_filter:before, .dataTables_filter:after {
      content: '';
      display: table; }
    #accounts .the-cycles:after, .membership-status:after, .enable-date:after, .disable-date:after, .dataTables_length:after, .dataTables_filter:after {
      clear: both; }
    #accounts .the-cycles:last-child, .membership-status:last-child, .enable-date:last-child, .disable-date:last-child, .dataTables_length:last-child, .dataTables_filter:last-child {
      margin-right: 0%; }
  .dataTables_filter {
    margin-right: 0; }
    .dataTables_filter label {
      text-align: right; } }

@media only screen and (max-width: 400px) {
  .account-payment-history .view-history {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%; }
    .account-payment-history .view-history:before, .account-payment-history .view-history:after {
      content: '';
      display: table; }
    .account-payment-history .view-history:after {
      clear: both; }
    .account-payment-history .view-history:last-child {
      margin-right: 0%; }
  #account-register-form .quarter, .accounts-form .quarter {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%; }
    #account-register-form .quarter:before, #account-register-form .quarter:after, .accounts-form .quarter:before, .accounts-form .quarter:after {
      content: '';
      display: table; }
    #account-register-form .quarter:after, .accounts-form .quarter:after {
      clear: both; }
    #account-register-form .quarter:last-child, .accounts-form .quarter:last-child {
      margin-right: 0%; } }

.account-notes .notes-container {
  overflow-y: auto;
  border-top: 1px solid #bbbbbb;
  height: 200px;
  margin: 10px 0; }
  .account-notes .notes-container .note {
    border-bottom: 1px solid #bbbbbb;
    padding: 5px; }
    .account-notes .notes-container .note .header {
      padding-top: 5px; }
      .account-notes .notes-container .note .header h4 {
        font-weight: bold;
        font-size: 18px;
        color: #86bad6;
        float: left; }
      .account-notes .notes-container .note .header p {
        float: right;
        font-size: 14px; }
      .account-notes .notes-container .note .header a {
        font-size: 29px; }
    .account-notes .notes-container .note .content {
      clear: both;
      color: #000000;
      font-size: 14px; }

.account-notes .note-control {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%;
  text-align: center; }
  .account-notes .note-control:before, .account-notes .note-control:after {
    content: '';
    display: table; }
  .account-notes .note-control:after {
    clear: both; }
  .account-notes .note-control:last-child {
    margin-right: 0%; }

.account-notes #note-form {
  display: none; }
  .account-notes #note-form input, .account-notes #note-form textarea {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%; }
    .account-notes #note-form input:before, .account-notes #note-form input:after, .account-notes #note-form textarea:before, .account-notes #note-form textarea:after {
      content: '';
      display: table; }
    .account-notes #note-form input:after, .account-notes #note-form textarea:after {
      clear: both; }
    .account-notes #note-form input:last-child, .account-notes #note-form textarea:last-child {
      margin-right: 0%; }
    .account-notes #note-form input[type=submit], .account-notes #note-form textarea[type=submit] {
      *zoom: 1;
      float: left;
      clear: none;
      text-align: inherit;
      width: 48.5%;
      margin-left: 0%;
      margin-right: 3%;
      text-align: center; }
      .account-notes #note-form input[type=submit]:before, .account-notes #note-form input[type=submit]:after, .account-notes #note-form textarea[type=submit]:before, .account-notes #note-form textarea[type=submit]:after {
        content: '';
        display: table; }
      .account-notes #note-form input[type=submit]:after, .account-notes #note-form textarea[type=submit]:after {
        clear: both; }
      .account-notes #note-form input[type=submit]:last-child, .account-notes #note-form textarea[type=submit]:last-child {
        margin-right: 0%; }
  .account-notes #note-form .note-control {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
    text-align: center; }
    .account-notes #note-form .note-control:before, .account-notes #note-form .note-control:after {
      content: '';
      display: table; }
    .account-notes #note-form .note-control:after {
      clear: both; }
    .account-notes #note-form .note-control:last-child {
      margin-right: 0%; }
  .account-notes #note-form .hide {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
    text-align: center; }
    .account-notes #note-form .hide:before, .account-notes #note-form .hide:after {
      content: '';
      display: table; }
    .account-notes #note-form .hide:after {
      clear: both; }
    .account-notes #note-form .hide:last-child {
      margin-right: 0%; }

.account-notes.form-shown #note-form {
  display: block; }

.account-notes.form-shown .note-control.add {
  display: none; }

.account-notes #more-notes {
  text-align: center;
  padding: 20px;
  background: #ecf0f1;
  cursor: pointer; }

span.recurring-marker {
  color: white;
  font-weight: bold;
  background-color: #86bad6;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  border-radius: 3px; }

.company-form .quarter {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 22.75%;
  margin-left: 0%;
  margin-right: 3%; }
  .company-form .quarter:before, .company-form .quarter:after {
    content: '';
    display: table; }
  .company-form .quarter:after {
    clear: both; }
  .company-form .quarter:last-child {
    margin-right: 0%; }

.company-form .half {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%; }
  .company-form .half:before, .company-form .half:after {
    content: '';
    display: table; }
  .company-form .half:after {
    clear: both; }
  .company-form .half:last-child {
    margin-right: 0%; }

.company-form .row {
  *zoom: 1;
  margin-bottom: 5px;
  margin-bottom: 5px; }
  .company-form .row:before, .company-form .row:after {
    content: '';
    display: table; }
  .company-form .row:after {
    clear: both; }

.company-form input, .company-form select {
  width: 100%; }

.company-form legend {
  margin-bottom: 25px; }

.company-details {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%; }
  .company-details:before, .company-details:after {
    content: '';
    display: table; }
  .company-details:after {
    clear: both; }
  .company-details:last-child {
    margin-right: 0%; }

.company-details h3 {
  color: white;
  font-weight: bold;
  background-color: #86bad6;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  border-radius: 3px; }

.company-details table {
  width: 100%;
  margin-top: 15px; }

.company-details th {
  text-transform: uppercase;
  color: #DADFE1;
  background-color: #FFFFFF;
  text-align: left;
  padding-bottom: 5px; }

.company-details td {
  color: #7f8c8d;
  font-weight: bold;
  padding-bottom: 5px; }

.dash-block {
  border: 4px solid #bbbbbb;
  background-color: #ffffff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 10px;
  margin-bottom: 20px; }

.create-cycle legend {
  margin-bottom: 25px; }

.create-cycle input, .create-cycle select {
  width: 100%; }

.create-cycle .row {
  *zoom: 1; }
  .create-cycle .row:before, .create-cycle .row:after {
    content: '';
    display: table; }
  .create-cycle .row:after {
    clear: both; }

.create-cycle .quarter {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 22.75%;
  margin-left: 0%;
  margin-right: 3%; }
  .create-cycle .quarter:before, .create-cycle .quarter:after {
    content: '';
    display: table; }
  .create-cycle .quarter:after {
    clear: both; }
  .create-cycle .quarter:last-child {
    margin-right: 0%; }

.rates-form .quarter {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 22.75%;
  margin-left: 0%;
  margin-right: 3%; }
  .rates-form .quarter:before, .rates-form .quarter:after {
    content: '';
    display: table; }
  .rates-form .quarter:after {
    clear: both; }
  .rates-form .quarter:last-child {
    margin-right: 0%; }

.rates-form .row {
  *zoom: 1;
  margin-bottom: 15px; }
  .rates-form .row:before, .rates-form .row:after {
    content: '';
    display: table; }
  .rates-form .row:after {
    clear: both; }

@media (max-width: 1109px) {
  .rates-form .clone-me .quarter {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%; }
    .rates-form .clone-me .quarter:first-child {
      margin-left: auto; }
    .rates-form .clone-me .quarter:last-child {
      margin-right: auto; }
    .rates-form .clone-me .quarter:before, .rates-form .clone-me .quarter:after {
      content: '';
      display: table; }
    .rates-form .clone-me .quarter:after {
      clear: both; }
    .rates-form .clone-me .quarter:nth-of-type(2n) {
      margin-right: 0%;
      float: right; }
    .rates-form .clone-me .quarter:nth-of-type(2n + 1) {
      clear: both; }
  .rates-form #more_rows .row .quarter {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%; }
    .rates-form #more_rows .row .quarter:first-child {
      margin-left: auto; }
    .rates-form #more_rows .row .quarter:last-child {
      margin-right: auto; }
    .rates-form #more_rows .row .quarter:before, .rates-form #more_rows .row .quarter:after {
      content: '';
      display: table; }
    .rates-form #more_rows .row .quarter:after {
      clear: both; }
    .rates-form #more_rows .row .quarter:nth-of-type(2n) {
      margin-right: 0%;
      float: right; }
    .rates-form #more_rows .row .quarter:nth-of-type(2n + 1) {
      clear: both; } }

@media (max-width: 780px) {
  .rates-form .title-unit .quarter {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%; }
    .rates-form .title-unit .quarter:first-child {
      margin-left: auto; }
    .rates-form .title-unit .quarter:last-child {
      margin-right: auto; }
    .rates-form .title-unit .quarter:before, .rates-form .title-unit .quarter:after {
      content: '';
      display: table; }
    .rates-form .title-unit .quarter:after {
      clear: both; }
    .rates-form .title-unit .quarter:last-child {
      margin-right: 0%; } }

@media (max-width: 530px) {
  .rates-form .clone-me .quarter {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%; }
    .rates-form .clone-me .quarter:first-child {
      margin-left: auto; }
    .rates-form .clone-me .quarter:last-child {
      margin-right: auto; }
    .rates-form .clone-me .quarter:before, .rates-form .clone-me .quarter:after {
      content: '';
      display: table; }
    .rates-form .clone-me .quarter:after {
      clear: both; }
    .rates-form .clone-me .quarter:last-child {
      margin-right: 0%; }
  .rates-form #more_rows .row .quarter {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%; }
    .rates-form #more_rows .row .quarter:first-child {
      margin-left: auto; }
    .rates-form #more_rows .row .quarter:last-child {
      margin-right: auto; }
    .rates-form #more_rows .row .quarter:before, .rates-form #more_rows .row .quarter:after {
      content: '';
      display: table; }
    .rates-form #more_rows .row .quarter:after {
      clear: both; }
    .rates-form #more_rows .row .quarter:last-child {
      margin-right: 0%; } }

.rates-form input {
  width: 100%;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.rates-form select {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.rates-form legend {
  margin-bottom: 25px; }

.rates-form .entypo.add {
  color: #86bad6;
  font-size: 3em;
  cursor: pointer; }
  .rates-form .entypo.add:hover {
    color: #acd0e3; }

.rates-form .entypo.remove {
  color: #86bad6;
  font-size: 3em;
  cursor: pointer; }
  .rates-form .entypo.remove:hover {
    color: #acd0e3; }

.rates-form .btn {
  text-align: center;
  margin-bottom: 10px; }

.rates-form .mobile-buttons {
  display: none; }

@media (max-width: 530px) {
  .rates-form .desktop-buttons {
    display: none; }
  .rates-form .mobile-buttons {
    display: block; } }

#customer-bill, .view-receipt {
  *zoom: 1; }
  #customer-bill:before, #customer-bill:after, .view-receipt:before, .view-receipt:after {
    content: '';
    display: table; }
  #customer-bill:after, .view-receipt:after {
    clear: both; }
  #customer-bill .half, .view-receipt .half {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%; }
    #customer-bill .half:before, #customer-bill .half:after, .view-receipt .half:before, .view-receipt .half:after {
      content: '';
      display: table; }
    #customer-bill .half:after, .view-receipt .half:after {
      clear: both; }
    #customer-bill .half:last-child, .view-receipt .half:last-child {
      margin-right: 0%; }
  #customer-bill strong, .view-receipt strong {
    font-weight: bold; }
  #customer-bill h2, .view-receipt h2 {
    border-bottom: 2px solid #86bad6;
    color: #7F8C95;
    display: inline-block;
    padding-bottom: 5px;
    font-size: 24px;
    margin-bottom: 25px; }
  #customer-bill .other, .view-receipt .other {
    color: #7f8c8d; }
  #customer-bill .bill-divider, .view-receipt .bill-divider {
    height: 2px;
    background-color: #86bad6;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px; }
  #customer-bill .bill-line, .view-receipt .bill-line {
    width: 100%;
    *zoom: 1;
    margin-bottom: 10px; }
    #customer-bill .bill-line:before, #customer-bill .bill-line:after, .view-receipt .bill-line:before, .view-receipt .bill-line:after {
      content: '';
      display: table; }
    #customer-bill .bill-line:after, .view-receipt .bill-line:after {
      clear: both; }
    #customer-bill .bill-line .bill-attr, .view-receipt .bill-line .bill-attr {
      float: left;
      color: #7f8c8d; }
    #customer-bill .bill-line .btn, .view-receipt .bill-line .btn {
      text-align: center;
      margin-top: 15px; }
    #customer-bill .bill-line .bill-val, .view-receipt .bill-line .bill-val {
      float: right;
      font-weight: bold; }
  #customer-bill .total-due, .view-receipt .total-due {
    margin-top: 25px;
    font-size: 26px; }
  #customer-bill .indent, .view-receipt .indent {
    padding-left: 10px; }

.cycle-info {
  *zoom: 1; }
  .cycle-info:before, .cycle-info:after {
    content: '';
    display: table; }
  .cycle-info:after {
    clear: both; }

.rate-group-info {
  *zoom: 1; }
  .rate-group-info:before, .rate-group-info:after {
    content: '';
    display: table; }
  .rate-group-info:after {
    clear: both; }

.rate-blocks {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%;
  *zoom: 1; }
  .rate-blocks:before, .rate-blocks:after {
    content: '';
    display: table; }
  .rate-blocks:after {
    clear: both; }
  .rate-blocks:last-child {
    margin-right: 0%; }
  .rate-blocks:before, .rate-blocks:after {
    content: '';
    display: table; }
  .rate-blocks:after {
    clear: both; }

.rate-block {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  color: white;
  font-weight: bold;
  text-align: center; }
  .rate-block .min, .rate-block .max {
    text-align: left;
    display: block; }
  .rate-block ul {
    margin-top: 15px;
    margin-bottom: 15px; }

.billing-round-reports .row {
  *zoom: 1; }
  .billing-round-reports .row:before, .billing-round-reports .row:after {
    content: '';
    display: table; }
  .billing-round-reports .row:after {
    clear: both; }

.billing-round-reports .dash-block {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%; }
  .billing-round-reports .dash-block:before, .billing-round-reports .dash-block:after {
    content: '';
    display: table; }
  .billing-round-reports .dash-block:after {
    clear: both; }
  .billing-round-reports .dash-block:last-child {
    margin-right: 0%; }

.billing-round-reports h2 {
  font-size: 28px;
  color: #7F8C8D;
  margin-top: 25px;
  margin-bottom: 25px;
  font-weight: 400; }

.rate-blocks .rate-block:nth-child(1) {
  background-color: #91c1da; }

.rate-blocks .rate-block:nth-child(2) {
  background-color: #9dc7de; }

.rate-blocks .rate-block:nth-child(3) {
  background-color: #a8cee2; }

.rate-blocks .rate-block:nth-child(4) {
  background-color: #b4d4e5; }

.rate-blocks .rate-block:nth-child(5) {
  background-color: #bfdbe9; }

.rate-blocks .rate-block:nth-child(6) {
  background-color: #cbe1ed; }

.rate-blocks .rate-block:nth-child(7) {
  background-color: #d6e8f1; }

.rate-blocks .rate-block:nth-child(8) {
  background-color: #e1eef5; }

.rate-blocks .rate-block:nth-child(9) {
  background-color: #edf5f9; }

.rate-blocks .rate-block:nth-child(10) {
  background-color: #f8fbfd; }

.details-block .btn.btn-blue {
  padding-left: .5em;
  margin-bottom: .5em; }

.rate-history table {
  margin-top: 15px;
  margin-bottom: 15px; }
  .rate-history table tr.active-rate {
    font-weight: bold; }

.recent-gen-hide {
  display: none; }

.import-preview .table-wrap {
  overflow-x: scroll; }

.sync-wrap {
  *zoom: 1;
  position: relative; }
  .sync-wrap:before, .sync-wrap:after {
    content: '';
    display: table; }
  .sync-wrap:after {
    clear: both; }

.pin-wrapper {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%; }
  .pin-wrapper:before, .pin-wrapper:after {
    content: '';
    display: table; }
  .pin-wrapper:after {
    clear: both; }
  .pin-wrapper:nth-of-type(2n) {
    margin-right: 0%;
    float: right; }
  .pin-wrapper:nth-of-type(2n + 1) {
    clear: both; }

.dash-block h2 {
  color: #000000;
  border-bottom: 2px solid #86bad6;
  display: inline-block;
  font-size: 24px;
  padding-bottom: 5px; }

.dash-block ul {
  margin-top: 25px;
  min-height: 28px; }
  .dash-block ul li {
    margin-bottom: 15px;
    color: #000000;
    border: 1px solid #86bad6;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    min-height: 28px;
    cursor: pointer; }

.dash-block .ui-state-highlight {
  border: 1px dashed #000000; }

.route-info {
  *zoom: 1; }
  .route-info:before, .route-info:after {
    content: '';
    display: table; }
  .route-info:after {
    clear: both; }

.route-meters h2 {
  color: #000000;
  font-size: 24px;
  margin-bottom: 15px; }

.edit-route h2 {
  color: #000000;
  font-size: 24px;
  margin-bottom: 15px;
  margin-top: 15px; }

.edit-route .loading {
  float: right;
  margin-right: 10px; }
  .edit-route .loading .success {
    color: #1e824c; }

.import-wrap::after {
  clear: both;
  content: "";
  display: table; }

.filters {
  width: 100%; }
  .filters::after {
    clear: both;
    content: "";
    display: table; }
  .filters input, .filters select {
    width: 100%; }
  .filters input[type="text"], .filters input[type="date"], .filters select {
    margin-bottom: 10px;
    padding: 5px;
    font-size: 14px; }
  .filters h2 {
    font-size: 24px;
    color: #7f8c8d;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 400; }
  .filters .amount, .filters .bill-date, .filters .read-date, .filters .flags, .filters .the-cycles {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 22.75%;
    margin-left: 0%;
    margin-right: 3%; }
    .filters .amount:before, .filters .amount:after, .filters .bill-date:before, .filters .bill-date:after, .filters .read-date:before, .filters .read-date:after, .filters .flags:before, .filters .flags:after, .filters .the-cycles:before, .filters .the-cycles:after {
      content: '';
      display: table; }
    .filters .amount:after, .filters .bill-date:after, .filters .read-date:after, .filters .flags:after, .filters .the-cycles:after {
      clear: both; }
    .filters .amount:last-child, .filters .bill-date:last-child, .filters .read-date:last-child, .filters .flags:last-child, .filters .the-cycles:last-child {
      margin-right: 0%; }
  .filters .row {
    *zoom: 1; }
    .filters .row:before, .filters .row:after {
      content: '';
      display: table; }
    .filters .row:after {
      clear: both; }

.location-form .quarter {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 22.75%;
  margin-left: 0%;
  margin-right: 3%; }
  .location-form .quarter:before, .location-form .quarter:after {
    content: '';
    display: table; }
  .location-form .quarter:after {
    clear: both; }
  .location-form .quarter:last-child {
    margin-right: 0%; }

.location-form .half {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%; }
  .location-form .half:before, .location-form .half:after {
    content: '';
    display: table; }
  .location-form .half:after {
    clear: both; }
  .location-form .half:last-child {
    margin-right: 0%; }

.location-form .row {
  *zoom: 1; }
  .location-form .row:before, .location-form .row:after {
    content: '';
    display: table; }
  .location-form .row:after {
    clear: both; }

.location-form input, .location-form select {
  width: 100%; }

.location-form legend {
  margin-bottom: 25px; }

#location-view .customer-details h3 {
  color: white;
  font-weight: bold;
  background-color: #86bad6;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  border-radius: 3px; }

#location-view .customer-details table {
  width: 100%;
  margin-top: 15px; }

#location-view .customer-details th {
  text-transform: uppercase;
  color: #DADFE1;
  background-color: #FFFFFF;
  text-align: left;
  padding-bottom: 5px; }

#location-view .customer-details td {
  color: #000000;
  font-weight: bold;
  padding-bottom: 5px; }

#location-view .dash-block {
  border: 4px solid #bbbbbb;
  background-color: #ffffff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 10px;
  margin-bottom: 20px; }

#location-view .customer-details {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%; }
  #location-view .customer-details:before, #location-view .customer-details:after {
    content: '';
    display: table; }
  #location-view .customer-details:after {
    clear: both; }
  #location-view .customer-details:last-child {
    margin-right: 0%; }

.location-index input[type="submit"], .location-readings input[type="submit"] {
  color: #86bad6;
  border: none;
  padding-bottom: 0px;
  font-size: 3.5em;
  padding-top: 0px;
  cursor: pointer;
  background-color: transparent;
  float: left; }
  .location-index input[type="submit"]:hover, .location-readings input[type="submit"]:hover {
    color: #acd0e3;
    background-color: transparent; }

.location-readings td a {
  float: left; }

.location-info {
  *zoom: 1; }
  .location-info:before, .location-info:after {
    content: '';
    display: table; }
  .location-info:after {
    clear: both; }

.location-meters, .location-readings, .account-history, .notices {
  *zoom: 1; }
  .location-meters:before, .location-meters:after, .location-readings:before, .location-readings:after, .account-history:before, .account-history:after, .notices:before, .notices:after {
    content: '';
    display: table; }
  .location-meters:after, .location-readings:after, .account-history:after, .notices:after {
    clear: both; }
  .location-meters h2, .location-readings h2, .account-history h2, .notices h2 {
    font-size: 28px;
    color: #000000;
    margin-top: 25px;
    margin-bottom: 25px;
    font-weight: 400; }
  .location-meters .btn, .location-readings .btn, .account-history .btn, .notices .btn {
    text-align: center !important;
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 22.75%;
    margin-left: 0%;
    margin-right: 3%;
    margin-top: 15px;
    margin-bottom: 15px; }
    .location-meters .btn:before, .location-meters .btn:after, .location-readings .btn:before, .location-readings .btn:after, .account-history .btn:before, .account-history .btn:after, .notices .btn:before, .notices .btn:after {
      content: '';
      display: table; }
    .location-meters .btn:after, .location-readings .btn:after, .account-history .btn:after, .notices .btn:after {
      clear: both; }
    .location-meters .btn:last-child, .location-readings .btn:last-child, .account-history .btn:last-child, .notices .btn:last-child {
      margin-right: 0%; }

.make-payment {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 3%; }
  .make-payment:before, .make-payment:after {
    content: '';
    display: table; }
  .make-payment:after {
    clear: both; }
  .make-payment:last-child {
    margin-right: 0%; }
  .make-payment input,
  .make-payment textarea {
    width: 100%; }
  .make-payment select {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%; }
    .make-payment select:before, .make-payment select:after {
      content: '';
      display: table; }
    .make-payment select:after {
      clear: both; }
    .make-payment select:last-child {
      margin-right: 0%; }
  .make-payment input[type="submit"] {
    width: 50%; }
  .make-payment .row {
    width: 100%;
    *zoom: 1; }
    .make-payment .row:before, .make-payment .row:after {
      content: '';
      display: table; }
    .make-payment .row:after {
      clear: both; }
  .make-payment .quarter {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 22.75%;
    margin-left: 0%;
    margin-right: 3%; }
    .make-payment .quarter:before, .make-payment .quarter:after {
      content: '';
      display: table; }
    .make-payment .quarter:after {
      clear: both; }
    .make-payment .quarter:last-child {
      margin-right: 0%; }
    .make-payment .quarter select {
      width: 100%; }
  .make-payment .half {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%; }
    .make-payment .half:before, .make-payment .half:after {
      content: '';
      display: table; }
    .make-payment .half:after {
      clear: both; }
    .make-payment .half:last-child {
      margin-right: 0%; }
    .make-payment .half select {
      width: 100%; }
  .make-payment .designated_payment_container {
    display: none; }
  .make-payment .payment-due {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
    *zoom: 1;
    margin-top: 25px; }
    .make-payment .payment-due:before, .make-payment .payment-due:after {
      content: '';
      display: table; }
    .make-payment .payment-due:after {
      clear: both; }
    .make-payment .payment-due:last-child {
      margin-right: 0%; }
    .make-payment .payment-due:before, .make-payment .payment-due:after {
      content: '';
      display: table; }
    .make-payment .payment-due:after {
      clear: both; }
    .make-payment .payment-due .next-payment-amount {
      color: #7f8c8d;
      font-size: 42px;
      font-weight: 600;
      margin-top: 10px;
      margin-bottom: 10px;
      text-align: center; }
    .make-payment .payment-due .next-payment-date {
      text-align: center; }
    .make-payment .payment-due .dash-block-seperator {
      height: 2px;
      width: 100%;
      background-color: #eee;
      margin-top: 10px; }
    .make-payment .payment-due h3 {
      color: #7f8c8d;
      font-size: 16px;
      text-align: left;
      font-weight: bold; }
  @media screen and (max-width: 768px) {
    .make-payment .quarter {
      width: 100%; }
    .make-payment .half {
      width: 100%; }
    .make-payment #method {
      width: 100%; }
    .make-payment #redirectSelect {
      width: 100%; } }

.payment-history table.tablesaw {
  margin-top: 25px;
  margin-bottom: 25px; }

.payment-history h2 {
  font-weight: bold;
  color: #7f8c8d; }

.payment-history .details-block {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%; }
  .payment-history .details-block:before, .payment-history .details-block:after {
    content: '';
    display: table; }
  .payment-history .details-block:after {
    clear: both; }
  .payment-history .details-block:last-child {
    margin-right: 0%; }

.payment-history .swapper {
  width: 25%; }

@media (max-width: 668px) {
  .payment-history .col-1-4 input {
    width: 100%; } }

@media (max-width: 668px) {
  .payment-history .dataTables_length {
    width: 100%;
    float: none; } }

.payment-history .dataTables_length select {
  margin-left: 10px;
  margin-right: 10px; }
  @media (max-width: 668px) {
    .payment-history .dataTables_length select {
      width: 100%;
      float: none;
      margin: 10px 0px 10px 0px; } }

@media (max-width: 668px) {
  .payment-history .dataTables_filter {
    width: 100%;
    float: none; } }

.payment-history .dataTables_filter input[type="search"] {
  margin-left: 10px; }
  @media (max-width: 668px) {
    .payment-history .dataTables_filter input[type="search"] {
      width: 100%;
      float: none;
      margin: 10px 0px 10px 0px; } }

@media (max-width: 668px) {
  .payment-history .dataTables_filter label {
    text-align: left;
    margin-top: 10px; } }

.payment-history h2 {
  margin-bottom: 25px;
  font-size: 24px; }

.payment-settings input,
.payment-settings select {
  width: 100%; }

.payment-settings h2 {
  font-weight: bold;
  color: #7f8c8d;
  margin-bottom: 15px; }

.payment-settings .row {
  margin-bottom: 25px;
  *zoom: 1; }
  .payment-settings .row:before, .payment-settings .row:after {
    content: '';
    display: table; }
  .payment-settings .row:after {
    clear: both; }

.payment-settings .quarter {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 22.75%;
  margin-left: 0%;
  margin-right: 3%; }
  .payment-settings .quarter:before, .payment-settings .quarter:after {
    content: '';
    display: table; }
  .payment-settings .quarter:after {
    clear: both; }
  .payment-settings .quarter:last-child {
    margin-right: 0%; }
  @media (max-width: 768px) {
    .payment-settings .quarter {
      width: 100%; } }

.payment-settings .dash-block {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 31.3333333333%;
  margin-left: 0%;
  margin-right: 3%; }
  .payment-settings .dash-block:before, .payment-settings .dash-block:after {
    content: '';
    display: table; }
  .payment-settings .dash-block:after {
    clear: both; }
  .payment-settings .dash-block:nth-of-type(3n) {
    margin-right: 0%;
    float: right; }
  .payment-settings .dash-block:nth-of-type(3n + 1) {
    clear: both; }

.payment-settings strong {
  color: #7f8c8d;
  display: block; }

.payment-settings .label {
  border-bottom: 1px solid #86bad6;
  padding-bottom: 5px;
  margin-bottom: 5px;
  display: inline-block; }

.payment-settings .entypo {
  font-size: 3.5em;
  line-height: 1; }
  .payment-settings .entypo:hover {
    color: #acd0e3; }

.payment-settings .controls {
  float: right; }
  .payment-settings .controls li {
    float: left;
    border: none; }
    .payment-settings .controls li a {
      text-decoration: none; }
  .payment-settings .controls .edit-payment-btn {
    padding-top: 6px; }
    .payment-settings .controls .edit-payment-btn a:hover {
      color: #acd0e3;
      background-color: transparent; }

#edit-payment-profile form {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%; }
  #edit-payment-profile form:before, #edit-payment-profile form:after {
    content: '';
    display: table; }
  #edit-payment-profile form:after {
    clear: both; }
  #edit-payment-profile form:last-child {
    margin-right: 0%; }
  @media (max-width: 768px) {
    #edit-payment-profile form {
      width: 100%; } }

.payment-settings .btn {
  width: 22.75%;
  padding-left: .5em;
  margin-bottom: 1em; }

.notice-details h2 {
  font-size: 28px;
  color: #7F8C8D;
  margin-top: 25px;
  margin-bottom: 25px;
  font-weight: 400; }

.notice-details .row {
  *zoom: 1; }
  .notice-details .row:before, .notice-details .row:after {
    content: '';
    display: table; }
  .notice-details .row:after {
    clear: both; }

.notice-details .dash-block {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%; }
  .notice-details .dash-block:before, .notice-details .dash-block:after {
    content: '';
    display: table; }
  .notice-details .dash-block:after {
    clear: both; }
  .notice-details .dash-block:last-child {
    margin-right: 0%; }

.admin-form legend {
  margin-bottom: 25px; }

.admin-form .quarter {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 22.75%;
  margin-left: 0%;
  margin-right: 3%; }
  .admin-form .quarter:before, .admin-form .quarter:after {
    content: '';
    display: table; }
  .admin-form .quarter:after {
    clear: both; }
  .admin-form .quarter:last-child {
    margin-right: 0%; }

.admin-form .row {
  *zoom: 1; }
  .admin-form .row:before, .admin-form .row:after {
    content: '';
    display: table; }
  .admin-form .row:after {
    clear: both; }

.admin-form input, .admin-form select {
  width: 100%; }

.sliding-menu-content {
  -webkit-font-smoothing: antialiased;
  border-right: 1px solid #414141;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding: 66px 0 0 0;
  overflow-y: auto;
  float: left;
  height: 100%;
  width: 200px;
  transform: translateX(-320px);
  transition: all 0.25s linear;
  background: #212e42;
  z-index: 9;
  -webkit-overflow-scrolling: touch; }
  .sliding-menu-content > ul {
    margin-top: 46px; }
    .sliding-menu-content > ul .title {
      font-size: 24px;
      color: #ffffff;
      font-weight: 500;
      cursor: text; }
      .sliding-menu-content > ul .title h4 {
        display: table-cell; }
        .sliding-menu-content > ul .title h4 .entypo {
          font-size: 38px;
          vertical-align: middle;
          padding-right: 6px; }
    .sliding-menu-content > ul li:not(.title):hover {
      background: #101620; }
    .sliding-menu-content > ul li a {
      color: #ffffff;
      font-weight: 400;
      font-size: 14px; }
  .sliding-menu-content ul li {
    font-size: 26px;
    color: #7f8c8d;
    font-weight: 300;
    cursor: pointer;
    margin-bottom: 6px;
    padding: 6px 20px; }
    .sliding-menu-content ul li form button {
      background: none;
      border: none;
      padding: 0px;
      color: #ffffff;
      font-weight: 400;
      font-size: 13px;
      display: block; }
  .sliding-menu-content li ul {
    margin-bottom: 15px;
    margin-left: 10px;
    margin-top: 15px; }
  .sliding-menu-content li ul li {
    list-style: none;
    margin-bottom: 5px;
    color: #7f8c8d;
    font-weight: 300; }
  .sliding-menu-content li ul li a {
    text-decoration: none;
    list-style: none;
    margin-bottom: 5px;
    color: #7f8c8d;
    font-weight: 300;
    font-size: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 5px; }
  .sliding-menu-content li a {
    text-decoration: none;
    color: #7f8c8d;
    font-weight: 400;
    font-size: 14px; }
  .sliding-menu-content.toggle {
    transform: translateX(0px); }

.sliding-menu-content ~ .main {
  border-left: 0 solid transparent; }

.sliding-menu-content + #hide {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #212e42;
  width: 28px;
  height: 24px;
  font-size: 26px;
  font-weight: 700;
  float: left;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  text-align: right;
  margin: 14px 0 0 0;
  padding: 0 9px 0 0;
  cursor: pointer;
  color: #000000;
  position: fixed;
  top: 84px;
  left: 0;
  z-index: 9; }
  .sliding-menu-content + #hide:before {
    content: '\E75E'; }

.sliding-menu-content.toggle + #hide {
  background: #ffffff; }
  .sliding-menu-content.toggle + #hide:before {
    content: '\E75D'; }

@media screen and (min-width: 768px) {
  .sliding-menu-content.toggle ~ .main {
    border-left: 200px solid transparent; } }

@media screen and (max-width: 768px) {
  .sliding-menu-content {
    transform: translateX(0px); }
    .sliding-menu-content.toggle {
      transform: translateX(-320px); }
      .sliding-menu-content.toggle + #hide {
        background: #212e42; }
    .sliding-menu-content + #hide {
      background: #fff; }
  .sliding-menu-content ~ .main {
    border-left: 0 solid transparent; } }

.entypo.phone:before {
  content: '\1F4DE'; }

.entypo.mobile:before {
  content: '\1F4F1'; }

.entypo.mouse:before {
  content: '\E789'; }

.entypo.address:before {
  content: '\E723'; }

.entypo.mail:before {
  content: '\2709'; }

.entypo.paper-plane:before {
  content: '\1F53F'; }

.entypo.pencil:before {
  content: '\270E'; }

.entypo.feather:before {
  content: '\2712'; }

.entypo.attach:before {
  content: '\1F4CE'; }

.entypo.inbox:before {
  content: '\E777'; }

.entypo.reply:before {
  content: '\E712'; }

.entypo.reply-all:before {
  content: '\E713'; }

.entypo.forward:before {
  content: '\27A6'; }

.entypo.user:before {
  content: '\1F464'; }

.entypo.users:before {
  content: '\1F465'; }

.entypo.add-user:before {
  content: '\E700'; }

.entypo.vcard:before {
  content: '\E722'; }

.entypo.export:before {
  content: '\E715'; }

.entypo.location:before {
  content: '\E724'; }

.entypo.map:before {
  content: '\E727'; }

.entypo.compass:before {
  content: '\E728'; }

.entypo.direction:before {
  content: '\27A2'; }

.entypo.hair-cross:before {
  content: '\1F3AF'; }

.entypo.share:before {
  content: '\E73C'; }

.entypo.shareable:before {
  content: '\E73E'; }

.entypo.heart:before {
  content: '\2665'; }

.entypo.heart-empty:before {
  content: '\2661'; }

.entypo.star:before {
  content: '\2605'; }

.entypo.star-empty:before {
  content: '\2606'; }

.entypo.thumbs-up:before {
  content: '\1F44D'; }

.entypo.thumbs-down:before {
  content: '\1F44E'; }

.entypo.chat:before {
  content: '\E720'; }

.entypo.comment:before {
  content: '\E718'; }

.entypo.quote:before {
  content: '\275E'; }

.entypo.home:before {
  content: '\2302'; }

.entypo.popup:before {
  content: '\E74C'; }

.entypo.search:before {
  content: '\1F50D'; }

.entypo.flashlight:before {
  content: '\1F526'; }

.entypo.print:before {
  content: '\E716'; }

.entypo.bell:before {
  content: '\1F514'; }

.entypo.link:before {
  content: '\1F517'; }

.entypo.flag:before {
  content: '\2691'; }

.entypo.cog:before {
  content: '\2699'; }

.entypo.tools:before {
  content: '\2692'; }

.entypo.trophy:before {
  content: '\1F3C6'; }

.entypo.tag:before {
  content: '\E70C'; }

.entypo.camera:before {
  content: '\1F4F7'; }

.entypo.megaphone:before {
  content: '1F4E3'; }

.entypo.moon:before {
  content: '\0045'; }

.entypo.palette:before {
  content: '\1F3A8'; }

.entypo.leaf:before {
  content: '\1F342'; }

.entypo.note:before {
  content: '\266A'; }

.entypo.beamed-note:before {
  content: '\266B'; }

.entypo.new:before {
  content: '\1F4A5'; }

.entypo.graduation-cap:before {
  content: '\1F393'; }

.entypo.book:before {
  content: '\1F4D5'; }

.entypo.newspaper:before {
  content: '\1F4F0'; }

.entypo.bag:before {
  content: '\1F45C'; }

.entypo.airplane:before {
  content: '\2708'; }

.entypo.lifebuoy:before {
  content: '\E788'; }

.entypo.eye:before {
  content: '\E70A'; }

.entypo.clock:before {
  content: '\1F554'; }

.entypo.mic:before {
  content: '\1F3A4'; }

.entypo.calendar:before {
  content: '\1F4C5'; }

.entypo.flash:before {
  content: '\26A1'; }

.entypo.thunder-cloud:before {
  content: '\26C8'; }

.entypo.droplet:before {
  content: '\1F4A7'; }

.entypo.cd:before {
  content: '\1F4BF'; }

.entypo.briefcase:before {
  content: '\1F4BC'; }

.entypo.air:before {
  content: '\1F4A8'; }

.entypo.hourglass:before {
  content: '\23F3'; }

.entypo.gauge:before {
  content: '\1F6C7'; }

.entypo.language:before {
  content: '\1F394'; }

.entypo.network:before {
  content: '\E776'; }

.entypo.key:before {
  content: '\1F511'; }

.entypo.battery:before {
  content: '\1F50B'; }

.entypo.bucket:before {
  content: '\1F4FE'; }

.entypo.magnet:before {
  content: '\E7A1'; }

.entypo.drive:before {
  content: '\1F4FD'; }

.entypo.cup:before {
  content: '\2615'; }

.entypo.rocket:before {
  content: '\1F680'; }

.entypo.brush:before {
  content: '\E79A'; }

.entypo.suitcase:before {
  content: '\1F6C6'; }

.entypo.traffic-cone:before {
  content: '\1F6C8'; }

.entypo.globe:before {
  content: '\1F30E'; }

.entypo.keyboard:before {
  content: '\2328'; }

.entypo.browser:before {
  content: '\E74E'; }

.entypo.publish:before {
  content: '\E74D'; }

.entypo.progress-3:before {
  content: '\E76B'; }

.entypo.progress-2:before {
  content: '\E76A'; }

.entypo.progress-1:before {
  content: '\E769'; }

.entypo.progress-0:before {
  content: '\E768'; }

.entypo.light-down:before {
  content: '\1F505'; }

.entypo.light-up:before {
  content: '\1F506'; }

.entypo.adjust:before {
  content: '\25D1'; }

.entypo.code:before {
  content: '\E714'; }

.entypo.monitor:before {
  content: '\1F4BB'; }

.entypo.infinity:before {
  content: '\221E'; }

.entypo.light-bulb:before {
  content: '\1F4A1'; }

.entypo.credit-card:before {
  content: '\1F4B3'; }

.entypo.database:before {
  content: '\1F4F8'; }

.entypo.voicemail:before {
  content: '\2707'; }

.entypo.clipboard:before {
  content: '\1F4CB'; }

.entypo.cart:before {
  content: '\E73D'; }

.entypo.box:before {
  content: '\1F4E6'; }

.entypo.ticket:before {
  content: '\1F3AB'; }

.entypo.rss:before {
  content: '\E73A'; }

.entypo.signal:before {
  content: '\1F4F6'; }

.entypo.thermometer:before {
  content: '\1F4FF'; }

.entypo.water:before {
  content: '\1F4A6'; }

.entypo.sweden:before {
  content: '\F601'; }

.entypo.line-graph:before {
  content: '\1F4C8'; }

.entypo.pie-chart:before {
  content: '\25F4'; }

.entypo.bar-graph:before {
  content: '\1F4CA'; }

.entypo.area-graph:before {
  content: '\1F53E'; }

.entypo.lock:before {
  content: '\1F512'; }

.entypo.lock-open:before {
  content: '\1F513'; }

.entypo.logout:before {
  content: '\E741'; }

.entypo.login:before {
  content: '\E740'; }

.entypo.check:before {
  content: '\2713'; }

.entypo.cross:before {
  content: '\274C'; }

.entypo.squared-minus:before {
  content: '\229F'; }

.entypo.squared-plus:before {
  content: '\229E'; }

.entypo.squared-cross:before {
  content: '\274E'; }

.entypo.circled-minus:before {
  content: '\2296'; }

.entypo.circled-plus:before {
  content: '\2295'; }

.entypo.circled-cross:before {
  content: '\2716'; }

.entypo.minus:before {
  content: '\2796'; }

.entypo.plus:before {
  content: '\2795'; }

.entypo.erase:before {
  content: '\232B'; }

.entypo.block:before {
  content: '\1F6AB'; }

.entypo.info:before {
  content: '\2139'; }

.entypo.circled-info:before {
  content: '\E705'; }

.entypo.help:before {
  content: '\2753'; }

.entypo.circled-help:before {
  content: '\E704'; }

.entypo.warning:before {
  content: '\26A0'; }

.entypo.cycle:before {
  content: '\1F504'; }

.entypo.cw:before {
  content: '\27F3'; }

.entypo.ccw:before {
  content: '\27F2'; }

.entypo.shuffle:before {
  content: '\1F500'; }

.entypo.back:before {
  content: '\1F519'; }

.entypo.level-down:before {
  content: '\21B3'; }

.entypo.retweet:before {
  content: '\E717'; }

.entypo.loop:before {
  content: '\1F501'; }

.entypo.back-in-time:before {
  content: '\E771'; }

.entypo.level-up:before {
  content: '\21B0'; }

.entypo.switch:before {
  content: '\21C6'; }

.entypo.numbered-list:before {
  content: '\E005'; }

.entypo.add-to-list:before {
  content: '\E003'; }

.entypo.layout:before {
  content: '\268F'; }

.entypo.list:before {
  content: '\2630'; }

.entypo.text-doc:before {
  content: '\1F4C4'; }

.entypo.text-doc-inverted:before {
  content: '\E731'; }

.entypo.doc:before {
  content: '\E730'; }

.entypo.docs:before {
  content: '\E736'; }

.entypo.landscape-doc:before {
  content: '\E737'; }

.entypo.picture:before {
  content: '\1F304'; }

.entypo.video:before {
  content: '\1F3AC'; }

.entypo.music:before {
  content: '\1F3B5'; }

.entypo.folder:before {
  content: '\1F4C1'; }

.entypo.archive:before {
  content: '\E800'; }

.entypo.trash:before {
  content: '\E729'; }

.entypo.upload:before {
  content: '\1F4E4'; }

.entypo.download:before {
  content: '\1F4E5'; }

.entypo.save:before {
  content: '\1F4BE'; }

.entypo.install:before {
  content: '\E778'; }

.entypo.cloud:before {
  content: '\2601'; }

.entypo.upload-cloud:before {
  content: '\E711'; }

.entypo.bookmark:before {
  content: '\1F516'; }

.entypo.bookmarks:before {
  content: '\1F4D1'; }

.entypo.open-book:before {
  content: '\1F4D6'; }

.entypo.play:before {
  content: '\25B6'; }

.entypo.paus:before {
  content: '\2016'; }

.entypo.record:before {
  content: '\25CF'; }

.entypo.stop:before {
  content: '\25A0'; }

.entypo.ff:before {
  content: '\23E9'; }

.entypo.fb:before {
  content: '\23EA'; }

.entypo.to-start:before {
  content: '\23EE'; }

.entypo.to-end:before {
  content: '\23ED'; }

.entypo.resize-full:before {
  content: '\E744'; }

.entypo.resize-small:before {
  content: '\E746'; }

.entypo.volume:before {
  content: '\23F7'; }

.entypo.sound:before {
  content: '\1F50A'; }

.entypo.mute:before {
  content: '\1F507'; }

.entypo.flow-cascade:before {
  content: '\1F568'; }

.entypo.flow-branch:before {
  content: '\1F569'; }

.entypo.flow-tree:before {
  content: '\1F56A'; }

.entypo.flow-line:before {
  content: '\1F56B'; }

.entypo.flow-parallel:before {
  content: '\1F56C'; }

.entypo.left-bold:before {
  content: '\E4AD'; }

.entypo.down-bold:before {
  content: '\E4B0'; }

.entypo.up-bold:before {
  content: '\E4AF'; }

.entypo.right-bold:before {
  content: '\E4AE'; }

.entypo.left:before {
  content: '\2B05'; }

.entypo.down:before {
  content: '\2B07'; }

.entypo.up:before {
  content: '\2B06'; }

.entypo.right:before {
  content: '\27A1'; }

.entypo.circled-left:before {
  content: '\E759'; }

.entypo.circled-down:before {
  content: '\E758'; }

.entypo.circled-up:before {
  content: '\E75B'; }

.entypo.circled-right:before {
  content: '\E75A'; }

.entypo.triangle-left:before {
  content: '\25C2'; }

.entypo.triangle-down:before {
  content: '\25BE'; }

.entypo.triangle-up:before {
  content: '\25B4'; }

.entypo.triangle-right:before {
  content: '\25B8'; }

.entypo.chevron-left:before {
  content: '\E75D'; }

.entypo.chevron-down:before {
  content: '\E75C'; }

.entypo.chevron-up:before {
  content: '\E75F'; }

.entypo.chevron-right:before {
  content: '\E75E'; }

.entypo.chevron-small-left:before {
  content: '\E761'; }

.entypo.chevron-small-down:before {
  content: '\E760'; }

.entypo.chevron-small-up:before {
  content: '\E763'; }

.entypo.chevron-small-right:before {
  content: '\E762'; }

.entypo.chevron-thin-left:before {
  content: '\E765'; }

.entypo.chevron-thin-down:before {
  content: '\E764'; }

.entypo.chevron-thin-up:before {
  content: '\E767'; }

.entypo.chevron-thin-right:before {
  content: '\E766'; }

.entypo.left-thin:before {
  content: '\2190'; }

.entypo.down-thin:before {
  content: '\2193'; }

.entypo.up-thin:before {
  content: '\2191'; }

.entypo.right-thin:before {
  content: '\2192'; }

.entypo.arrow-combo:before {
  content: '\E74F'; }

.entypo.three-dots:before {
  content: '\23F6'; }

.entypo.three-dots-vertical:before {
  content: '\23F6';
  transform: rotate(90deg);
  display: inline-block; }

.entypo.two-dots:before {
  content: '\23F5'; }

.entypo.dot:before {
  content: '\23F4'; }

.entypo.cc:before {
  content: '\1F545'; }

.entypo.cc-by:before {
  content: '\1F546'; }

.entypo.cc-nc:before {
  content: '\1F547'; }

.entypo.cc-nc-eu:before {
  content: '\1F548'; }

.entypo.cc-nc-jp:before {
  content: '\1F549'; }

.entypo.cc-sa:before {
  content: '\1F54A'; }

.entypo.cc-nd:before {
  content: '\1F54B'; }

.entypo.cc-pd:before {
  content: '\1F54C'; }

.entypo.cc-zero:before {
  content: '\1F54D'; }

.entypo.cc-share:before {
  content: '\1F54E'; }

.entypo.cc-remix:before {
  content: '\1F54F'; }

.entypo.db-logo:before {
  content: '\1F5F9'; }

.entypo.db-shape:before {
  content: '\1F5FA'; }

.entypo-social.github:before {
  content: '\F300'; }

.entypo-social.c-github:before {
  content: '\F301'; }

.entypo-social.flickr:before {
  content: '\F303'; }

.entypo-social.c-flickr:before {
  content: '\F304'; }

.entypo-social.vimeo:before {
  content: '\F306'; }

.entypo-social.c-vimeo:before {
  content: '\F307'; }

.entypo-social.twitter:before {
  content: '\F309'; }

.entypo-social.c-twitter:before {
  content: '\F30A'; }

.entypo-social.facebook:before {
  content: '\F30C'; }

.entypo-social.c-facebook:before {
  content: '\F30D'; }

.entypo-social.s-facebook:before {
  content: '\F30E'; }

.entypo-social.google + :before {
  content: '\F30F'; }

.entypo-social.c-google + :before {
  content: '\F310'; }

.entypo-social.pinterest:before {
  content: '\F312'; }

.entypo-social.c-pinterest:before {
  content: '\F313'; }

.entypo-social.tumblr:before {
  content: '\F315'; }

.entypo-social.c-tumblr:before {
  content: '\F316'; }

.entypo-social.linkedin:before {
  content: '\F318'; }

.entypo-social.c-linkedin:before {
  content: '\F319'; }

.entypo-social.dribbble:before {
  content: '\F31B'; }

.entypo-social.c-dribbble:before {
  content: '\F31C'; }

.entypo-social.stumbleupon:before {
  content: '\F31E'; }

.entypo-social.c-stumbleupon:before {
  content: '\F31F'; }

.entypo-social.lastfm:before {
  content: '\F321'; }

.entypo-social.c-lastfm:before {
  content: '\F322'; }

.entypo-social.rdio:before {
  content: '\F324'; }

.entypo-social.c-rdio:before {
  content: '\F325'; }

.entypo-social.spotify:before {
  content: '\F327'; }

.entypo-social.c-spotify:before {
  content: '\F328'; }

.entypo-social.qq:before {
  content: '\F32A'; }

.entypo-social.instagram:before {
  content: '\F32D'; }

.entypo-social.dropbox:before {
  content: '\F330'; }

.entypo-social.evernote:before {
  content: '\F333'; }

.entypo-social.flattr:before {
  content: '\F336'; }

.entypo-social.skype:before {
  content: '\F339'; }

.entypo-social.c-skype:before {
  content: '\F33A'; }

.entypo-social.renren:before {
  content: '\F33C'; }

.entypo-social.sina-weibo:before {
  content: '\F33F'; }

.entypo-social.paypal:before {
  content: '\F342'; }

.entypo-social.picasa:before {
  content: '\F345'; }

.entypo-social.soundcloud:before {
  content: '\F348'; }

.entypo-social.mixi:before {
  content: '\F34B'; }

.entypo-social.behance:before {
  content: '\F34E'; }

.entypo-social.google-circles:before {
  content: '\F351'; }

.entypo-social.vk:before {
  content: '\F354'; }

.entypo-social.smashing:before {
  content: '\F357'; }

.move-left {
  float: left; }

.move-right {
  float: right; }

.align-left {
  text-align: left; }

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

.modal {
  z-index: 1000;
  padding: 20px;
  background: #fff;
  left: 50%;
  margin-left: -200px;
  margin-top: -150px;
  min-height: 300px;
  min-width: 400px;
  position: fixed;
  top: 35%;
  border: 4px solid #bbbbbb;
  display: none;
  text-align: center; }
  .modal h4 {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 20px; }

.go-back {
  font-size: 24px; }
  .go-back a {
    color: #212e42; }
    .go-back a:hover {
      text-decoration: none;
      color: #86bad6; }
  .go-back span {
    font-size: 60px;
    vertical-align: -7px; }

.register-container {
  width: 100%; }
  .register-container .number-container {
    float: left; }
  .register-container .register-segment {
    width: 100%;
    float: left;
    padding: 30px 20px; }
    .register-container .register-segment .register-container {
      max-width: 1260px;
      margin: 0 auto; }
    .register-container .register-segment .half {
      width: 50%;
      float: left; }
      .register-container .register-segment .half .step-number {
        width: 30%;
        float: left;
        padding-top: 75px;
        padding-left: 10px;
        padding-right: 10px; }
        .register-container .register-segment .half .step-number img {
          width: 100%; }
      .register-container .register-segment .half .text-container {
        width: 65%;
        float: left;
        padding-top: 100px;
        padding-left: 10px;
        padding-right: 10px; }
      @media screen and (max-width: 1200px) {
        .register-container .register-segment .half .step-number {
          padding-top: 20px; }
          .register-container .register-segment .half .step-number img {
            width: 100%; }
        .register-container .register-segment .half .text-container {
          padding-top: 30px; } }
    @media screen and (max-width: 900px) {
      .register-container .register-segment .half {
        width: 100%;
        padding-bottom: 30px;
        text-align: center; }
        .register-container .register-segment .half .text-container {
          width: 100%; }
        .register-container .register-segment .half .step-number {
          width: 100%; }
          .register-container .register-segment .half .step-number img {
            width: auto; } }
    .register-container .register-segment .back-link {
      color: #3f4b70;
      font-size: 25px; }
    .register-container .register-segment .back-link:hover {
      text-decoration: none; }
    .register-container .register-segment .text-focus {
      color: #3f4b70;
      font-weight: bold; }
    @media screen and (max-width: 500px) {
      .register-container .register-segment .register-segment {
        padding: 10px; } }
    .register-container .register-segment .faq-segment {
      padding: 0 20px 0 20px;
      background-color: white; }
      .register-container .register-segment .faq-segment h1 {
        text-align: center;
        color: #212e42; }
      .register-container .register-segment .faq-segment ul li {
        padding: 10px 0 10px 0;
        line-height: 35px;
        font-size: 25px;
        color: #86bad6; }
        .register-container .register-segment .faq-segment ul li ul {
          padding: 0; }
          .register-container .register-segment .faq-segment ul li ul li {
            padding: 0 20px 0 50px;
            line-height: 20px;
            font-size: 16px;
            color: #212e42; }
            .register-container .register-segment .faq-segment ul li ul li ul li {
              padding: 0 20px 0 50px;
              line-height: 20px;
              font-size: 16px;
              color: #212e42; }
              .register-container .register-segment .faq-segment ul li ul li ul li ul li {
                padding: 0 20px 0 50px;
                line-height: 20px;
                font-size: 16px;
                color: #212e42; }
  .register-container #seg-one {
    background-color: #eeeeee; }
    .register-container #seg-one .back-link {
      float: left; }
    .register-container #seg-one #acct_no_focus {
      width: 100%; }
  .register-container #seg-two {
    background-color: #fafafa; }
    .register-container #seg-two .half {
      float: right; }
      .register-container #seg-two .half #step-two {
        float: right; }
    .register-container #seg-two #activation_code_focus {
      width: 100%; }
  .register-container #seg-three {
    background-color: #eeeeee; }
    .register-container #seg-three #confirm_address_focus {
      width: 100%; }
  .register-container #acct_no_focus_zoom, .register-container #activation_code_focus_zoom, .register-container #confirm_address_focus_zoom {
    display: none; }
  @media screen and (max-width: 500px) {
    .register-container #acct_no_focus, .register-container #activation_code_focus, .register-container #confirm_address_focus {
      display: none; }
    .register-container #acct_no_focus_zoom, .register-container #activation_code_focus_zoom, .register-container #confirm_address_focus_zoom {
      display: inline-block; } }
  .register-container #seg-four {
    padding-bottom: 0;
    padding-top: 50px; }
    .register-container #seg-four .half span {
      display: block;
      font-size: 30px; }
    .register-container #seg-four .half .half .contact-row p {
      display: inline;
      font-size: 20px; }
    .register-container #seg-four .half .half .contact-row span {
      font-size: 50px;
      vertical-align: -6px;
      display: inline; }
    .register-container #seg-four .half .half .contact-row a {
      display: inline;
      font-size: 20px;
      color: #000; }
    .register-container #seg-four .half .half img {
      width: 50%; }
    @media screen and (max-width: 900px) {
      .register-container #seg-four .half {
        text-align: center; }
        .register-container #seg-four .half #operator-container {
          padding-bottom: 0; }
      .register-container #seg-four .second-container {
        padding-bottom: 0; } }

.create-adjustments h3 {
  margin-bottom: 10px; }

.create-adjustments table th {
  font-weight: bold; }

.progress-loader {
  border: 10px solid #f3f3f3;
  display: none;
  border-top: 10px solid #86bad6;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation-name: spin;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-delay: initial;
  animation-iteration-count: infinite;
  animation-direction: initial;
  animation-fill-mode: initial;
  margin: 15px auto; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.progress-wrap {
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center; }
  .progress-wrap .remaining {
    font-weight: bold; }
  .progress-wrap .downloads {
    display: none;
    margin-top: 15px; }
    .progress-wrap .downloads li {
      display: inline-block; }
      .progress-wrap .downloads li a:hover {
        text-decoration: none; }
      .progress-wrap .downloads li span.entypo {
        font-size: 4.5em; }

@page {
  margin: 0px;
  width: 100%;
  height: 100%;
  box-sizing: border-box; }

body {
  margin: 0px; }

html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

.left {
  width: 50%;
  height: 100%;
  float: left;
  border: 1px solid #000; }

.a-bill {
  height: 50%;
  width: 100%;
  border: 1px solid #000; }

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

.entypo {
  font-family: 'entypo'; }

body {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px; }

h1, h2, h3 {
  color: #000000; }

h1 {
  font-size: 42px;
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 400;
  color: #212e42; }

h3 {
  font-size: 16px;
  text-align: left;
  font-weight: bold; }

p {
  font-size: 16px;
  color: #414141;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.2; }

.dataTables_processing {
  display: table;
  padding: 20px 0;
  background: #212e42;
  color: white;
  top: 65%; }

/*! Tablesaw - v0.1.6 - 2014-07-23
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2014 Filament Group; Licensed MIT */
@media only screen and (max-width: 1250px) {
  .table-container {
    display: table;
    width: 100%;
    text-align: left; } }

table.tablesaw {
  empty-cells: show;
  max-width: 100%;
  width: 100%;
  background-color: #FFFFFF;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  border: 2px solid #86bad6; }
  table.tablesaw.ach-profile-table {
    margin-bottom: 20px; }
  table.tablesaw .entypo {
    font-size: 3.5em; }
    table.tablesaw .entypo:hover {
      color: #acd0e3; }
  table.tablesaw .entypo-success {
    color: #2ECC71; }
    table.tablesaw .entypo-success:hover {
      color: #2ECC71; }
  table.tablesaw .entypo-fail {
    color: #E74C3C; }
    table.tablesaw .entypo-fail:hover {
      color: #E74C3C; }
  table.tablesaw a:hover {
    text-decoration: none; }
  table.tablesaw th {
    text-align: left !important; }

table.tablesaw td {
  color: #000000;
  vertical-align: middle; }

.tablesaw {
  border-collapse: inherit;
  width: 100%; }

table.tablesaw tr:nth-child(even) {
  background-color: #ecf0f1; }

/* Structure */
.tablesaw {
  border: 0;
  padding: 0; }

.tablesaw img {
  margin-right: 5px; }

table thead th {
  font-weight: bold;
  background-color: #86bad6;
  color: #FFFFFF; }

table tfoot {
  background-color: none; }
  table tfoot input[type="text"] {
    margin-bottom: 0px;
    padding: 5px;
    font-size: 14px; }

.tablesaw th,
.tablesaw td {
  box-sizing: border-box;
  padding: .7em; }

.tablesaw thead tr:first-child th {
  padding-top: .9em;
  padding-bottom: .7em; }

/* Table rows have a gray bottom stroke by default */
.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
  display: none; }

/* Mobile first styles: Begin with the stacked presentation at narrow widths */
@media only all {
  /* Show the table cells as a block level element */
  .tablesaw-stack td,
  .tablesaw-stack th {
    text-align: left;
    display: block; }
  .tablesaw-stack tr {
    clear: both;
    display: table-row; }
  /* Make the label elements a percentage width */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: block;
    padding: 0 .6em 0 0;
    min-width: 30%;
    display: inline-block; }
  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
  .tablesaw-stack th .tablesaw-cell-label-top,
  .tablesaw-stack td .tablesaw-cell-label-top {
    display: block;
    padding: .4em 0;
    margin: .4em 0; }
  .tablesaw-cell-label {
    display: block; }
  /* Avoid double strokes when stacked */
  .tablesaw-stack tbody th.group {
    margin-top: -1px; }
  /* Avoid double strokes when stacked */
  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important; } }

@media (max-width: 39.9375em) {
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: none; }
  .tablesaw-stack tbody td,
  .tablesaw-stack tbody th {
    clear: left;
    float: left;
    width: 100%; } }

/* Media query to show as a standard table at 560px (35em x 16px) or wider */
@media (min-width: 40em) {
  .tablesaw-stack tr {
    display: table-row; }
  /* Show the table header rows */
  .tablesaw-stack td,
  .tablesaw-stack th,
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: table-cell;
    margin: 0; }
  /* Hide the labels in each cell */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: none !important; }
  .table-wrap {
    padding-left: 0px;
    padding-right: 0px; } }

/* Bluestingray */
table.tablesaw th.align-left, table.tablesaw td.align-left {
  text-align: left !important; }

table.tablesaw th.align-center, table.tablesaw td.align-center {
  text-align: center !important; }

table.tablesaw th.align-right, table.tablesaw td.align-right {
  text-align: right !important; }

@page {
  margin-top: 0;
  height: 100%;
  box-sizing: border-box; }

body {
  margin: 0;
  width: 100%; }

.pdf .flow-type-logo {
  font-family: "Pacifico", cursive;
  font-size: 64px;
  color: #86bad6;
  margin-top: -10px;
  margin-bottom: 0;
  text-align: center; }
  .pdf .flow-type-logo .dot {
    color: #000000; }

.pdf .info-container {
  border: 1px solid #bbbbbb; }
  .pdf .info-container p {
    margin-top: 0; }

.pdf table.tablesaw td {
  color: #000000;
  font-weight: 500;
  vertical-align: middle; }

.receipt {
  width: 100%;
  font-weight: 300; }
  .receipt p {
    font-size: 18px;
    color: #7f8c8d; }
  .receipt h1 {
    text-align: left;
    font-size: 26px; }
  .receipt h2 {
    font-weight: bold;
    font-size: 18px;
    color: #86bad6; }
  .receipt .info {
    color: #000000;
    border-bottom: 2px solid #86bad6; }
  .receipt .charge-box {
    width: 100%; }
  .receipt .line {
    margin-bottom: 10px; }
  .receipt .details {
    width: 100%;
    font-size: 12px;
    margin-bottom: 15px; }
    .receipt .details th, .receipt .details td {
      color: #7f8c8d; }

/*
|--------------------------------------------------------------------------
| General Styles.
|--------------------------------------------------------------------------
*/
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  background-color: #fafafa;
  position: relative; }

footer {
  text-align: center; }

p {
  font-size: 16px;
  color: #414141;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.2; }

a {
  color: #86bad6;
  font-weight: bold;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

sup {
  vertical-align: super; }

.main {
  *zoom: 1;
  width: auto;
  max-width: 1410px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 25px;
  padding-right: 25px;
  padding: 66px 5rem 25px;
  margin: 0;
  max-width: none;
  overflow-x: auto; }
  .main:before, .main:after {
    content: '';
    display: table; }
  .main:after {
    clear: both; }
  @media screen and (max-width: 1250px) {
    .main {
      padding: 66px 2rem 25px; } }

h1 {
  font-size: 42px;
  color: #000000;
  margin-top: 25px;
  margin-bottom: 25px;
  font-weight: 400; }

.standalone-form {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 31.3333333333%;
  margin-left: 0%;
  margin-right: 3%;
  *zoom: 1;
  width: auto;
  max-width: 480px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 32px;
  background-color: white;
  border: 4px solid #bbbbbb;
  padding: 15px;
  margin-top: 50px;
  margin-bottom: 50px; }
  .standalone-form:before, .standalone-form:after {
    content: '';
    display: table; }
  .standalone-form:after {
    clear: both; }
  .standalone-form:last-child {
    margin-right: 0%; }
  .standalone-form:before, .standalone-form:after {
    content: '';
    display: table; }
  .standalone-form:after {
    clear: both; }
  .standalone-form .form-icon {
    width: 100%;
    text-align: center; }
    .standalone-form .form-icon img {
      width: 128px; }
  .standalone-form h1 {
    font-size: 32px;
    color: #000000;
    margin-top: 0px;
    font-weight: bold; }
  .standalone-form legend {
    margin-bottom: 25px; }
  .standalone-form .sub-legend {
    text-align: center; }
  .standalone-form .flow-type-logo {
    font-family: "Pacifico", cursive;
    font-size: 64px;
    color: #86bad6;
    margin-top: 25px;
    margin-bottom: 50px;
    text-align: center; }
    .standalone-form .flow-type-logo .dot {
      color: #000000; }
  .standalone-form input {
    width: 100%; }

strong {
  font-weight: bold; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

#register-success {
  text-align: center; }
  #register-success p {
    text-align: left; }

.show-hide .content {
  display: none; }

.hidden {
  display: none !important; }

.clickable {
  cursor: pointer !important; }

.download-mailers-form {
  display: inline-block; }

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