/*!
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #428bca;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #24303B;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default .badge {
  color: #ffffff;
  background-color: #333333;
}
.btn-primary {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #39b3d7;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ed9c28;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.btn-link {
  color: #428bca;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #999999;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
  outline: none;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: none;
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../libs/glyphicons_halflings/web/html_css/fonts/glyphicons-halflings-regular.eot');
  src: url('../libs/glyphicons_halflings/web/html_css/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../libs/glyphicons_halflings/web/html_css/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../libs/glyphicons_halflings/web/html_css/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../libs/glyphicons_halflings/web/html_css/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../libs/glyphicons_halflings/web/html_css/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.halflings {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.halflings.x05 {
  font-size: 6px;
}
.halflings.x2 {
  font-size: 24px;
}
.halflings.x3 {
  font-size: 36px;
}
.halflings.x4 {
  font-size: 48px;
}
.halflings.x5 {
  font-size: 60px;
}
.halflings.x6 {
  font-size: 72px;
}
.halflings.x7 {
  font-size: 84px;
}
.halflings.x8 {
  font-size: 96px;
}
.halflings.light:before {
  color: #f2f2f2;
}
.halflings.drop:before {
  text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3);
}
.halflings.flip {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.halflings.flipv {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}
.halflings.rotate90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.halflings.rotate180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.halflings.rotate270 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.halflings-glass:before {
  content: "\E001";
}
.halflings-music:before {
  content: "\E002";
}
.halflings-search:before {
  content: "\E003";
}
.halflings-envelope:before {
  content: "\2709";
}
.halflings-heart:before {
  content: "\E005";
}
.halflings-star:before {
  content: "\E006";
}
.halflings-star-empty:before {
  content: "\E007";
}
.halflings-user:before {
  content: "\E008";
}
.halflings-film:before {
  content: "\E009";
}
.halflings-th-large:before {
  content: "\E010";
}
.halflings-th:before {
  content: "\E011";
}
.halflings-th-list:before {
  content: "\E012";
}
.halflings-ok:before {
  content: "\E013";
}
.halflings-remove:before {
  content: "\E014";
}
.halflings-zoom-in:before {
  content: "\E015";
}
.halflings-zoom-out:before {
  content: "\E016";
}
.halflings-off:before {
  content: "\E017";
}
.halflings-signal:before {
  content: "\E018";
}
.halflings-cog:before {
  content: "\E019";
}
.halflings-trash:before {
  content: "\E020";
}
.halflings-home:before {
  content: "\E021";
}
.halflings-file:before {
  content: "\E022";
}
.halflings-time:before {
  content: "\E023";
}
.halflings-road:before {
  content: "\E024";
}
.halflings-download-alt:before {
  content: "\E025";
}
.halflings-download:before {
  content: "\E026";
}
.halflings-upload:before {
  content: "\E027";
}
.halflings-inbox:before {
  content: "\E028";
}
.halflings-play-circle:before {
  content: "\E029";
}
.halflings-repeat:before {
  content: "\E030";
}
.halflings-refresh:before {
  content: "\E031";
}
.halflings-list-alt:before {
  content: "\E032";
}
.halflings-glyph-lock:before {
  content: "\E033";
}
.halflings-flag:before {
  content: "\E034";
}
.halflings-headphones:before {
  content: "\E035";
}
.halflings-volume-off:before {
  content: "\E036";
}
.halflings-volume-down:before {
  content: "\E037";
}
.halflings-volume-up:before {
  content: "\E038";
}
.halflings-qrcode:before {
  content: "\E039";
}
.halflings-barcode:before {
  content: "\E040";
}
.halflings-tag:before {
  content: "\E041";
}
.halflings-tags:before {
  content: "\E042";
}
.halflings-book:before {
  content: "\E043";
}
.halflings-glyph-bookmark:before {
  content: "\E044";
}
.halflings-print:before {
  content: "\E045";
}
.halflings-glyph-camera:before {
  content: "\E046";
}
.halflings-font:before {
  content: "\E047";
}
.halflings-bold:before {
  content: "\E048";
}
.halflings-italic:before {
  content: "\E049";
}
.halflings-text-height:before {
  content: "\E050";
}
.halflings-text-width:before {
  content: "\E051";
}
.halflings-align-left:before {
  content: "\E052";
}
.halflings-align-center:before {
  content: "\E053";
}
.halflings-align-right:before {
  content: "\E054";
}
.halflings-align-justify:before {
  content: "\E055";
}
.halflings-list:before {
  content: "\E056";
}
.halflings-indent-left:before {
  content: "\E057";
}
.halflings-indent-right:before {
  content: "\E058";
}
.halflings-facetime-video:before {
  content: "\E059";
}
.halflings-picture:before {
  content: "\E060";
}
.halflings-pencil:before {
  content: "\270F";
}
.halflings-map-marker:before {
  content: "\E062";
}
.halflings-adjust:before {
  content: "\E063";
}
.halflings-tint:before {
  content: "\E064";
}
.halflings-edit:before {
  content: "\E065";
}
.halflings-share:before {
  content: "\E066";
}
.halflings-check:before {
  content: "\E067";
}
.halflings-move:before {
  content: "\E068";
}
.halflings-step-backward:before {
  content: "\E069";
}
.halflings-fast-backward:before {
  content: "\E070";
}
.halflings-backward:before {
  content: "\E071";
}
.halflings-play:before {
  content: "\E072";
}
.halflings-pause:before {
  content: "\E073";
}
.halflings-stop:before {
  content: "\E074";
}
.halflings-forward:before {
  content: "\E075";
}
.halflings-fast-forward:before {
  content: "\E076";
}
.halflings-step-forward:before {
  content: "\E077";
}
.halflings-eject:before {
  content: "\E078";
}
.halflings-chevron-left:before {
  content: "\E079";
}
.halflings-chevron-right:before {
  content: "\E080";
}
.halflings-plus-sign:before {
  content: "\E081";
}
.halflings-minus-sign:before {
  content: "\E082";
}
.halflings-remove-sign:before {
  content: "\E083";
}
.halflings-ok-sign:before {
  content: "\E084";
}
.halflings-question-sign:before {
  content: "\E085";
}
.halflings-info-sign:before {
  content: "\E086";
}
.halflings-screenshot:before {
  content: "\E087";
}
.halflings-remove-circle:before {
  content: "\E088";
}
.halflings-ok-circle:before {
  content: "\E089";
}
.halflings-ban-circle:before {
  content: "\E090";
}
.halflings-arrow-left:before {
  content: "\E091";
}
.halflings-arrow-right:before {
  content: "\E092";
}
.halflings-arrow-up:before {
  content: "\E093";
}
.halflings-arrow-down:before {
  content: "\E094";
}
.halflings-share-alt:before {
  content: "\E095";
}
.halflings-resize-full:before {
  content: "\E096";
}
.halflings-resize-small:before {
  content: "\E097";
}
.halflings-plus:before {
  content: "\002B";
}
.halflings-minus:before {
  content: "\2212";
}
.halflings-asterisk:before {
  content: "\002A";
}
.halflings-exclamation-sign:before {
  content: "\E101";
}
.halflings-gift:before {
  content: "\E102";
}
.halflings-leaf:before {
  content: "\E103";
}
.halflings-glyph-fire:before {
  content: "\E104";
}
.halflings-eye-open:before {
  content: "\E105";
}
.halflings-eye-close:before {
  content: "\E106";
}
.halflings-warning-sign:before {
  content: "\E107";
}
.halflings-plane:before {
  content: "\E108";
}
.halflings-glyph-calendar:before {
  content: "\E109";
}
.halflings-random:before {
  content: "\E110";
}
.halflings-comments:before {
  content: "\E111";
}
.halflings-magnet:before {
  content: "\E112";
}
.halflings-chevron-up:before {
  content: "\E113";
}
.halflings-chevron-down:before {
  content: "\E114";
}
.halflings-retweet:before {
  content: "\E115";
}
.halflings-shopping-cart:before {
  content: "\E116";
}
.halflings-folder-close:before {
  content: "\E117";
}
.halflings-folder-open:before {
  content: "\E118";
}
.halflings-resize-vertical:before {
  content: "\E119";
}
.halflings-resize-horizontal:before {
  content: "\E120";
}
.halflings-hdd:before {
  content: "\E121";
}
.halflings-bullhorn:before {
  content: "\E122";
}
.halflings-glyph-bell:before {
  content: "\E123";
}
.halflings-certificate:before {
  content: "\E124";
}
.halflings-thumbs-up:before {
  content: "\E125";
}
.halflings-thumbs-down:before {
  content: "\E126";
}
.halflings-hand-right:before {
  content: "\E127";
}
.halflings-hand-left:before {
  content: "\E128";
}
.halflings-hand-top:before {
  content: "\E129";
}
.halflings-hand-down:before {
  content: "\E130";
}
.halflings-circle-arrow-right:before {
  content: "\E131";
}
.halflings-circle-arrow-left:before {
  content: "\E132";
}
.halflings-circle-arrow-top:before {
  content: "\E133";
}
.halflings-circle-arrow-down:before {
  content: "\E134";
}
.halflings-globe:before {
  content: "\E135";
}
.halflings-glyph-wrench:before {
  content: "\E136";
}
.halflings-tasks:before {
  content: "\E137";
}
.halflings-filter:before {
  content: "\E138";
}
.halflings-glyph-briefcase:before {
  content: "\E139";
}
.halflings-fullscreen:before {
  content: "\E140";
}
.halflings-dashboard:before {
  content: "\E141";
}
.halflings-glyph-paperclip:before {
  content: "\E142";
}
.halflings-heart-empty:before {
  content: "\E143";
}
.halflings-link:before {
  content: "\E144";
}
.halflings-phone:before {
  content: "\E145";
}
.halflings-glyph-pushpin:before {
  content: "\E146";
}
.halflings-euro:before {
  content: "\20AC";
}
.halflings-usd:before {
  content: "\E148";
}
.halflings-gbp:before {
  content: "\E149";
}
.halflings-sort:before {
  content: "\E150";
}
.halflings-sort-by-alphabet:before {
  content: "\E151";
}
.halflings-sort-by-alphabet-alt:before {
  content: "\E152";
}
.halflings-sort-by-order:before {
  content: "\E153";
}
.halflings-sort-by-order-alt:before {
  content: "\E154";
}
.halflings-sort-by-attributes:before {
  content: "\E155";
}
.halflings-sort-by-attributes-alt:before {
  content: "\E156";
}
.halflings-unchecked:before {
  content: "\E157";
}
.halflings-expand:before {
  content: "\E158";
}
.halflings-collapse:before {
  content: "\E159";
}
.halflings-collapse-top:before {
  content: "\E160";
}
.halflings-log-in:before {
  content: "\E161";
}
.halflings-flash:before {
  content: "\E162";
}
.halflings-log-out:before {
  content: "\E163";
}
.halflings-new-window:before {
  content: "\E164";
}
.halflings-record:before {
  content: "\E165";
}
.halflings-save:before {
  content: "\E166";
}
.halflings-open:before {
  content: "\E167";
}
.halflings-saved:before {
  content: "\E168";
}
.halflings-import:before {
  content: "\E169";
}
.halflings-export:before {
  content: "\E170";
}
.halflings-send:before {
  content: "\E171";
}
.halflings-floppy-disk:before {
  content: "\E172";
}
.halflings-floppy-saved:before {
  content: "\E173";
}
.halflings-floppy-remove:before {
  content: "\E174";
}
.halflings-floppy-save:before {
  content: "\E175";
}
.halflings-floppy-open:before {
  content: "\E176";
}
.halflings-credit-card:before {
  content: "\E177";
}
.halflings-transfer:before {
  content: "\E178";
}
.halflings-cutlery:before {
  content: "\E179";
}
.halflings-header:before {
  content: "\E180";
}
.halflings-compressed:before {
  content: "\E181";
}
.halflings-earphone:before {
  content: "\E182";
}
.halflings-phone-alt:before {
  content: "\E183";
}
.halflings-tower:before {
  content: "\E184";
}
.halflings-stats:before {
  content: "\E185";
}
.halflings-sd-video:before {
  content: "\E186";
}
.halflings-hd-video:before {
  content: "\E187";
}
.halflings-subtitles:before {
  content: "\E188";
}
.halflings-sound-stereo:before {
  content: "\E189";
}
.halflings-sound-dolby:before {
  content: "\E190";
}
.halflings-sound-5-1:before {
  content: "\E191";
}
.halflings-sound-6-1:before {
  content: "\E192";
}
.halflings-sound-7-1:before {
  content: "\E193";
}
.halflings-copyright-mark:before {
  content: "\E194";
}
.halflings-registration-mark:before {
  content: "\E195";
}
.halflings-cloud:before {
  content: "\2601";
}
.halflings-cloud-download:before {
  content: "\E197";
}
.halflings-cloud-upload:before {
  content: "\E198";
}
.halflings-tree-conifer:before {
  content: "\E199";
}
.halflings-tree-deciduous:before {
  content: "\E200";
}
.halflings-cd:before {
  content: "\E201";
}
.halflings-save-file:before {
  content: "\E202";
}
.halflings-open-file:before {
  content: "\E203";
}
.halflings-level-up:before {
  content: "\E204";
}
.halflings-copy:before {
  content: "\E205";
}
.halflings-paste:before {
  content: "\E206";
}
.halflings-door:before {
  content: "\1F6AA";
}
.halflings-key:before {
  content: "\1F511";
}
.halflings-alert:before {
  content: "\E209";
}
.halflings-equalizer:before {
  content: "\E210";
}
.halflings-king:before {
  content: "\E211";
}
.halflings-queen:before {
  content: "\E212";
}
.halflings-pawn:before {
  content: "\E213";
}
.halflings-bishop:before {
  content: "\E214";
}
.halflings-knight:before {
  content: "\E215";
}
.halflings-baby-formula:before {
  content: "\E216";
}
.halflings-tent:before {
  content: "\26FA";
}
.halflings-blackboard:before {
  content: "\E218";
}
.halflings-bed:before {
  content: "\E219";
}
.halflings-apple:before {
  content: "\F8FF";
}
.halflings-erase:before {
  content: "\E221";
}
.halflings-hourglass:before {
  content: "\231B";
}
.halflings-lamp:before {
  content: "\E223";
}
.halflings-duplicate:before {
  content: "\E224";
}
.halflings-piggy-bank:before {
  content: "\E225";
}
.halflings-scissors:before {
  content: "\E226";
}
.halflings-bitcoin:before {
  content: "\E227";
}
.halflings-yen:before {
  content: "\00A5";
}
.halflings-ruble:before {
  content: "\20BD";
}
.halflings-scale:before {
  content: "\E230";
}
.halflings-ice-lolly:before {
  content: "\E231";
}
.halflings-ice-lolly-tasted:before {
  content: "\E232";
}
.halflings-education:before {
  content: "\E233";
}
.halflings-option-horizontal:before {
  content: "\E234";
}
.halflings-option-vertical:before {
  content: "\E235";
}
.halflings-menu-hamburger:before {
  content: "\E236";
}
.halflings-modal-window:before {
  content: "\E237";
}
.halflings-oil:before {
  content: "\E238";
}
.halflings-grain:before {
  content: "\E239";
}
.halflings-sunglasses:before {
  content: "\E240";
}
.halflings-text-size:before {
  content: "\E241";
}
.halflings-text-color:before {
  content: "\E242";
}
.halflings-text-background:before {
  content: "\E243";
}
.halflings-object-align-top:before {
  content: "\E244";
}
.halflings-object-align-bottom:before {
  content: "\E245";
}
.halflings-object-align-horizontal:before {
  content: "\E246";
}
.halflings-object-align-left:before {
  content: "\E247";
}
.halflings-object-align-vertical:before {
  content: "\E248";
}
.halflings-object-align-right:before {
  content: "\E249";
}
.halflings-triangle-right:before {
  content: "\E250";
}
.halflings-triangle-left:before {
  content: "\E251";
}
.halflings-triangle-bottom:before {
  content: "\E252";
}
.halflings-triangle-top:before {
  content: "\E253";
}
.halflings-terminal:before {
  content: "\E254";
}
.halflings-superscript:before {
  content: "\E255";
}
.halflings-subscript:before {
  content: "\E256";
}
.halflings-menu-left:before {
  content: "\E257";
}
.halflings-menu-right:before {
  content: "\E258";
}
.halflings-menu-down:before {
  content: "\E259";
}
.halflings-menu-up:before {
  content: "\E260";
}
/* 
* 
* THIS IS A SMALL BONUS FOR ALL CURIOUS PEOPLE :) 
* Just add class .animated and .pulse, .rotateIn, .bounce, .swing or .tada to you HTML element with icons. You may find other great css animations here: http://coveloping.com/tools/css-animation-generator 
* 
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes swing {
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@font-face {
  font-family: 'Glyphicons Social';
  src: url('../libs/glyphicons_social/web/html_css/fonts/glyphicons-social-regular.eot');
  src: url('../libs/glyphicons_social/web/html_css/fonts/glyphicons-social-regular.eot?#iefix') format('embedded-opentype'), url('../libs/glyphicons_social/web/html_css/fonts/glyphicons-social-regular.woff2') format('woff2'), url('../libs/glyphicons_social/web/html_css/fonts/glyphicons-social-regular.woff') format('woff'), url('../libs/glyphicons_social/web/html_css/fonts/glyphicons-social-regular.ttf') format('truetype'), url('../libs/glyphicons_social/web/html_css/fonts/glyphicons-social-regular.svg#glyphicons_socialregular') format('svg');
}
.social {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Social';
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.social.x05 {
  font-size: 12px;
}
.social.x2 {
  font-size: 48px;
}
.social.x3 {
  font-size: 72px;
}
.social.x4 {
  font-size: 96px;
}
.social.x5 {
  font-size: 120px;
}
.social.light:before {
  color: #f2f2f2;
}
.social.drop:before {
  text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3);
}
.social.flip {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.social.flipv {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}
.social.rotate90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.social.rotate180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.social.rotate270 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.social-pinterest:before {
  content: "\E001";
}
.social-dropbox:before {
  content: "\E002";
}
.social-google-plus:before {
  content: "\E003";
}
.social-jolicloud:before {
  content: "\E004";
}
.social-yahoo:before {
  content: "\E005";
}
.social-blogger:before {
  content: "\E006";
}
.social-picasa:before {
  content: "\E007";
}
.social-amazon:before {
  content: "\E008";
}
.social-tumblr:before {
  content: "\E009";
}
.social-wordpress:before {
  content: "\E010";
}
.social-instapaper:before {
  content: "\E011";
}
.social-evernote:before {
  content: "\E012";
}
.social-xing:before {
  content: "\E013";
}
.social-zootool:before {
  content: "\E014";
}
.social-dribbble:before {
  content: "\E015";
}
.social-deviantart:before {
  content: "\E016";
}
.social-read-it-later:before {
  content: "\E017";
}
.social-linked-in:before {
  content: "\E018";
}
.social-forrst:before {
  content: "\E019";
}
.social-pinboard:before {
  content: "\E020";
}
.social-behance:before {
  content: "\E021";
}
.social-github:before {
  content: "\E022";
}
.social-youtube:before {
  content: "\E023";
}
.social-skitch:before {
  content: "\E024";
}
.social-foursquare:before {
  content: "\E025";
}
.social-quora:before {
  content: "\E026";
}
.social-badoo:before {
  content: "\E027";
}
.social-spotify:before {
  content: "\E028";
}
.social-stumbleupon:before {
  content: "\E029";
}
.social-readability:before {
  content: "\E030";
}
.social-facebook:before {
  content: "\E031";
}
.social-twitter:before {
  content: "\E032";
}
.social-instagram:before {
  content: "\E033";
}
.social-posterous-spaces:before {
  content: "\E034";
}
.social-vimeo:before {
  content: "\E035";
}
.social-flickr:before {
  content: "\E036";
}
.social-last-fm:before {
  content: "\E037";
}
.social-rss:before {
  content: "\E038";
}
.social-skype:before {
  content: "\E039";
}
.social-e-mail:before {
  content: "\E040";
}
.social-vine:before {
  content: "\E041";
}
.social-myspace:before {
  content: "\E042";
}
.social-goodreads:before {
  content: "\E043";
}
.social-apple:before {
  content: "\F8FF";
}
.social-windows:before {
  content: "\E045";
}
.social-yelp:before {
  content: "\E046";
}
.social-playstation:before {
  content: "\E047";
}
.social-xbox:before {
  content: "\E048";
}
.social-android:before {
  content: "\E049";
}
.social-ios:before {
  content: "\E050";
}
.social-wikipedia:before {
  content: "\E051";
}
.social-pocket:before {
  content: "\E052";
}
.social-steam:before {
  content: "\E053";
}
.social-souncloud:before {
  content: "\E054";
}
.social-slideshare:before {
  content: "\E055";
}
.social-netflix:before {
  content: "\E056";
}
.social-paypal:before {
  content: "\E057";
}
.social-google-drive:before {
  content: "\E058";
}
.social-linux-foundation:before {
  content: "\E059";
}
.social-ebay:before {
  content: "\E060";
}
/* 
* 
* THIS IS A SMALL BONUS FOR ALL CURIOUS PEOPLE :) 
* Just add class .animated and .pulse, .rotateIn, .bounce, .swing or .tada to you HTML element with icons. You may find other great css animations here: http://coveloping.com/tools/css-animation-generator 
* 
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes swing {
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@font-face {
  font-family: 'Glyphicons Regular';
  src: url('../libs/glyphicons/web/html_css/fonts/glyphicons-regular.eot');
  src: url('../libs/glyphicons/web/html_css/fonts/glyphicons-regular.eot?#iefix') format('embedded-opentype'), url('../libs/glyphicons/web/html_css/fonts/glyphicons-regular.woff2') format('woff2'), url('../libs/glyphicons/web/html_css/fonts/glyphicons-regular.woff') format('woff'), url('../libs/glyphicons/web/html_css/fonts/glyphicons-regular.ttf') format('truetype'), url('../libs/glyphicons/web/html_css/fonts/glyphicons-regular.svg#glyphiconsregular') format('svg');
}
.glyphicons {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Regular';
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicons.x05 {
  font-size: 12px;
}
.glyphicons.x2 {
  font-size: 48px;
}
.glyphicons.x3 {
  font-size: 72px;
}
.glyphicons.x4 {
  font-size: 96px;
}
.glyphicons.x5 {
  font-size: 120px;
}
.glyphicons.light:before {
  color: #f2f2f2;
}
.glyphicons.drop:before {
  text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3);
}
.glyphicons.flip {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.glyphicons.flipv {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}
.glyphicons.rotate90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.glyphicons.rotate180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.glyphicons.rotate270 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.glyphicons-glass:before {
  content: "\E001";
}
.glyphicons-leaf:before {
  content: "\E002";
}
.glyphicons-dog:before {
  content: "\E003";
}
.glyphicons-user:before {
  content: "\E004";
}
.glyphicons-girl:before {
  content: "\E005";
}
.glyphicons-car:before {
  content: "\E006";
}
.glyphicons-user-add:before {
  content: "\E007";
}
.glyphicons-user-remove:before {
  content: "\E008";
}
.glyphicons-film:before {
  content: "\E009";
}
.glyphicons-magic:before {
  content: "\E010";
}
.glyphicons-envelope:before {
  content: "\2709";
}
.glyphicons-camera:before {
  content: "\E011";
}
.glyphicons-heart:before {
  content: "\E013";
}
.glyphicons-beach-umbrella:before {
  content: "\E014";
}
.glyphicons-train:before {
  content: "\E015";
}
.glyphicons-print:before {
  content: "\E016";
}
.glyphicons-bin:before {
  content: "\E017";
}
.glyphicons-music:before {
  content: "\E018";
}
.glyphicons-note:before {
  content: "\E019";
}
.glyphicons-heart-empty:before {
  content: "\E020";
}
.glyphicons-home:before {
  content: "\E021";
}
.glyphicons-snowflake:before {
  content: "\2744";
}
.glyphicons-fire:before {
  content: "\E023";
}
.glyphicons-magnet:before {
  content: "\E024";
}
.glyphicons-parents:before {
  content: "\E025";
}
.glyphicons-binoculars:before {
  content: "\E026";
}
.glyphicons-road:before {
  content: "\E027";
}
.glyphicons-search:before {
  content: "\E028";
}
.glyphicons-cars:before {
  content: "\E029";
}
.glyphicons-notes-2:before {
  content: "\E030";
}
.glyphicons-pencil:before {
  content: "\270F";
}
.glyphicons-bus:before {
  content: "\E032";
}
.glyphicons-wifi-alt:before {
  content: "\E033";
}
.glyphicons-luggage:before {
  content: "\E034";
}
.glyphicons-old-man:before {
  content: "\E035";
}
.glyphicons-woman:before {
  content: "\E036";
}
.glyphicons-file:before {
  content: "\E037";
}
.glyphicons-coins:before {
  content: "\E038";
}
.glyphicons-airplane:before {
  content: "\2708";
}
.glyphicons-notes:before {
  content: "\E040";
}
.glyphicons-stats:before {
  content: "\E041";
}
.glyphicons-charts:before {
  content: "\E042";
}
.glyphicons-pie-chart:before {
  content: "\E043";
}
.glyphicons-group:before {
  content: "\E044";
}
.glyphicons-keys:before {
  content: "\E045";
}
.glyphicons-calendar:before {
  content: "\E046";
}
.glyphicons-router:before {
  content: "\E047";
}
.glyphicons-camera-small:before {
  content: "\E048";
}
.glyphicons-star-empty:before {
  content: "\E049";
}
.glyphicons-star:before {
  content: "\E050";
}
.glyphicons-link:before {
  content: "\E051";
}
.glyphicons-eye-open:before {
  content: "\E052";
}
.glyphicons-eye-close:before {
  content: "\E053";
}
.glyphicons-alarm:before {
  content: "\E054";
}
.glyphicons-clock:before {
  content: "\E055";
}
.glyphicons-stopwatch:before {
  content: "\E056";
}
.glyphicons-projector:before {
  content: "\E057";
}
.glyphicons-history:before {
  content: "\E058";
}
.glyphicons-truck:before {
  content: "\E059";
}
.glyphicons-cargo:before {
  content: "\E060";
}
.glyphicons-compass:before {
  content: "\E061";
}
.glyphicons-keynote:before {
  content: "\E062";
}
.glyphicons-paperclip:before {
  content: "\E063";
}
.glyphicons-power:before {
  content: "\E064";
}
.glyphicons-lightbulb:before {
  content: "\E065";
}
.glyphicons-tag:before {
  content: "\E066";
}
.glyphicons-tags:before {
  content: "\E067";
}
.glyphicons-cleaning:before {
  content: "\E068";
}
.glyphicons-ruler:before {
  content: "\E069";
}
.glyphicons-gift:before {
  content: "\E070";
}
.glyphicons-umbrella:before {
  content: "\2602";
}
.glyphicons-book:before {
  content: "\E072";
}
.glyphicons-bookmark:before {
  content: "\E073";
}
.glyphicons-wifi:before {
  content: "\E074";
}
.glyphicons-cup:before {
  content: "\E075";
}
.glyphicons-stroller:before {
  content: "\E076";
}
.glyphicons-headphones:before {
  content: "\E077";
}
.glyphicons-headset:before {
  content: "\E078";
}
.glyphicons-warning-sign:before {
  content: "\E079";
}
.glyphicons-signal:before {
  content: "\E080";
}
.glyphicons-retweet:before {
  content: "\E081";
}
.glyphicons-refresh:before {
  content: "\E082";
}
.glyphicons-roundabout:before {
  content: "\E083";
}
.glyphicons-random:before {
  content: "\E084";
}
.glyphicons-heat:before {
  content: "\E085";
}
.glyphicons-repeat:before {
  content: "\E086";
}
.glyphicons-display:before {
  content: "\E087";
}
.glyphicons-log-book:before {
  content: "\E088";
}
.glyphicons-address-book:before {
  content: "\E089";
}
.glyphicons-building:before {
  content: "\E090";
}
.glyphicons-eyedropper:before {
  content: "\E091";
}
.glyphicons-adjust:before {
  content: "\E092";
}
.glyphicons-tint:before {
  content: "\E093";
}
.glyphicons-crop:before {
  content: "\E094";
}
.glyphicons-vector-path-square:before {
  content: "\E095";
}
.glyphicons-vector-path-circle:before {
  content: "\E096";
}
.glyphicons-vector-path-polygon:before {
  content: "\E097";
}
.glyphicons-vector-path-line:before {
  content: "\E098";
}
.glyphicons-vector-path-curve:before {
  content: "\E099";
}
.glyphicons-vector-path-all:before {
  content: "\E100";
}
.glyphicons-font:before {
  content: "\E101";
}
.glyphicons-italic:before {
  content: "\E102";
}
.glyphicons-bold:before {
  content: "\E103";
}
.glyphicons-text-underline:before {
  content: "\E104";
}
.glyphicons-text-strike:before {
  content: "\E105";
}
.glyphicons-text-height:before {
  content: "\E106";
}
.glyphicons-text-width:before {
  content: "\E107";
}
.glyphicons-text-resize:before {
  content: "\E108";
}
.glyphicons-left-indent:before {
  content: "\E109";
}
.glyphicons-right-indent:before {
  content: "\E110";
}
.glyphicons-align-left:before {
  content: "\E111";
}
.glyphicons-align-center:before {
  content: "\E112";
}
.glyphicons-align-right:before {
  content: "\E113";
}
.glyphicons-justify:before {
  content: "\E114";
}
.glyphicons-list:before {
  content: "\E115";
}
.glyphicons-text-smaller:before {
  content: "\E116";
}
.glyphicons-text-bigger:before {
  content: "\E117";
}
.glyphicons-embed:before {
  content: "\E118";
}
.glyphicons-embed-close:before {
  content: "\E119";
}
.glyphicons-table:before {
  content: "\E120";
}
.glyphicons-message-full:before {
  content: "\E121";
}
.glyphicons-message-empty:before {
  content: "\E122";
}
.glyphicons-message-in:before {
  content: "\E123";
}
.glyphicons-message-out:before {
  content: "\E124";
}
.glyphicons-message-plus:before {
  content: "\E125";
}
.glyphicons-message-minus:before {
  content: "\E126";
}
.glyphicons-message-ban:before {
  content: "\E127";
}
.glyphicons-message-flag:before {
  content: "\E128";
}
.glyphicons-message-lock:before {
  content: "\E129";
}
.glyphicons-message-new:before {
  content: "\E130";
}
.glyphicons-inbox:before {
  content: "\E131";
}
.glyphicons-inbox-plus:before {
  content: "\E132";
}
.glyphicons-inbox-minus:before {
  content: "\E133";
}
.glyphicons-inbox-lock:before {
  content: "\E134";
}
.glyphicons-inbox-in:before {
  content: "\E135";
}
.glyphicons-inbox-out:before {
  content: "\E136";
}
.glyphicons-cogwheel:before {
  content: "\E137";
}
.glyphicons-cogwheels:before {
  content: "\E138";
}
.glyphicons-picture:before {
  content: "\E139";
}
.glyphicons-adjust-alt:before {
  content: "\E140";
}
.glyphicons-database-lock:before {
  content: "\E141";
}
.glyphicons-database-plus:before {
  content: "\E142";
}
.glyphicons-database-minus:before {
  content: "\E143";
}
.glyphicons-database-ban:before {
  content: "\E144";
}
.glyphicons-folder-open:before {
  content: "\E145";
}
.glyphicons-folder-plus:before {
  content: "\E146";
}
.glyphicons-folder-minus:before {
  content: "\E147";
}
.glyphicons-folder-lock:before {
  content: "\E148";
}
.glyphicons-folder-flag:before {
  content: "\E149";
}
.glyphicons-folder-new:before {
  content: "\E150";
}
.glyphicons-edit:before {
  content: "\E151";
}
.glyphicons-new-window:before {
  content: "\E152";
}
.glyphicons-check:before {
  content: "\E153";
}
.glyphicons-unchecked:before {
  content: "\E154";
}
.glyphicons-more-windows:before {
  content: "\E155";
}
.glyphicons-show-big-thumbnails:before {
  content: "\E156";
}
.glyphicons-show-thumbnails:before {
  content: "\E157";
}
.glyphicons-show-thumbnails-with-lines:before {
  content: "\E158";
}
.glyphicons-show-lines:before {
  content: "\E159";
}
.glyphicons-playlist:before {
  content: "\E160";
}
.glyphicons-imac:before {
  content: "\E161";
}
.glyphicons-macbook:before {
  content: "\E162";
}
.glyphicons-ipad:before {
  content: "\E163";
}
.glyphicons-iphone:before {
  content: "\E164";
}
.glyphicons-iphone-transfer:before {
  content: "\E165";
}
.glyphicons-iphone-exchange:before {
  content: "\E166";
}
.glyphicons-ipod:before {
  content: "\E167";
}
.glyphicons-ipod-shuffle:before {
  content: "\E168";
}
.glyphicons-ear-plugs:before {
  content: "\E169";
}
.glyphicons-record:before {
  content: "\E170";
}
.glyphicons-step-backward:before {
  content: "\E171";
}
.glyphicons-fast-backward:before {
  content: "\E172";
}
.glyphicons-rewind:before {
  content: "\E173";
}
.glyphicons-play:before {
  content: "\E174";
}
.glyphicons-pause:before {
  content: "\E175";
}
.glyphicons-stop:before {
  content: "\E176";
}
.glyphicons-forward:before {
  content: "\E177";
}
.glyphicons-fast-forward:before {
  content: "\E178";
}
.glyphicons-step-forward:before {
  content: "\E179";
}
.glyphicons-eject:before {
  content: "\E180";
}
.glyphicons-facetime-video:before {
  content: "\E181";
}
.glyphicons-download-alt:before {
  content: "\E182";
}
.glyphicons-mute:before {
  content: "\E183";
}
.glyphicons-volume-down:before {
  content: "\E184";
}
.glyphicons-volume-up:before {
  content: "\E185";
}
.glyphicons-screenshot:before {
  content: "\E186";
}
.glyphicons-move:before {
  content: "\E187";
}
.glyphicons-more:before {
  content: "\E188";
}
.glyphicons-brightness-reduce:before {
  content: "\E189";
}
.glyphicons-brightness-increase:before {
  content: "\E190";
}
.glyphicons-circle-plus:before {
  content: "\E191";
}
.glyphicons-circle-minus:before {
  content: "\E192";
}
.glyphicons-circle-remove:before {
  content: "\E193";
}
.glyphicons-circle-ok:before {
  content: "\E194";
}
.glyphicons-circle-question-mark:before {
  content: "\E195";
}
.glyphicons-circle-info:before {
  content: "\E196";
}
.glyphicons-circle-exclamation-mark:before {
  content: "\E197";
}
.glyphicons-remove:before {
  content: "\E198";
}
.glyphicons-ok:before {
  content: "\E199";
}
.glyphicons-ban:before {
  content: "\E200";
}
.glyphicons-download:before {
  content: "\E201";
}
.glyphicons-upload:before {
  content: "\E202";
}
.glyphicons-shopping-cart:before {
  content: "\E203";
}
.glyphicons-lock:before {
  content: "\E204";
}
.glyphicons-unlock:before {
  content: "\E205";
}
.glyphicons-electricity:before {
  content: "\E206";
}
.glyphicons-ok-2:before {
  content: "\E207";
}
.glyphicons-remove-2:before {
  content: "\E208";
}
.glyphicons-cart-out:before {
  content: "\E209";
}
.glyphicons-cart-in:before {
  content: "\E210";
}
.glyphicons-left-arrow:before {
  content: "\E211";
}
.glyphicons-right-arrow:before {
  content: "\E212";
}
.glyphicons-down-arrow:before {
  content: "\E213";
}
.glyphicons-up-arrow:before {
  content: "\E214";
}
.glyphicons-resize-small:before {
  content: "\E215";
}
.glyphicons-resize-full:before {
  content: "\E216";
}
.glyphicons-circle-arrow-left:before {
  content: "\E217";
}
.glyphicons-circle-arrow-right:before {
  content: "\E218";
}
.glyphicons-circle-arrow-top:before {
  content: "\E219";
}
.glyphicons-circle-arrow-down:before {
  content: "\E220";
}
.glyphicons-play-button:before {
  content: "\E221";
}
.glyphicons-unshare:before {
  content: "\E222";
}
.glyphicons-share:before {
  content: "\E223";
}
.glyphicons-chevron-right:before {
  content: "\E224";
}
.glyphicons-chevron-left:before {
  content: "\E225";
}
.glyphicons-bluetooth:before {
  content: "\E226";
}
.glyphicons-euro:before {
  content: "\20AC";
}
.glyphicons-usd:before {
  content: "\E228";
}
.glyphicons-gbp:before {
  content: "\E229";
}
.glyphicons-retweet-2:before {
  content: "\E230";
}
.glyphicons-moon:before {
  content: "\E231";
}
.glyphicons-sun:before {
  content: "\2609";
}
.glyphicons-cloud:before {
  content: "\2601";
}
.glyphicons-direction:before {
  content: "\E234";
}
.glyphicons-brush:before {
  content: "\E235";
}
.glyphicons-pen:before {
  content: "\E236";
}
.glyphicons-zoom-in:before {
  content: "\E237";
}
.glyphicons-zoom-out:before {
  content: "\E238";
}
.glyphicons-pin:before {
  content: "\E239";
}
.glyphicons-albums:before {
  content: "\E240";
}
.glyphicons-rotation-lock:before {
  content: "\E241";
}
.glyphicons-flash:before {
  content: "\E242";
}
.glyphicons-google-maps:before {
  content: "\E243";
}
.glyphicons-anchor:before {
  content: "\2693";
}
.glyphicons-conversation:before {
  content: "\E245";
}
.glyphicons-chat:before {
  content: "\E246";
}
.glyphicons-male:before {
  content: "\E247";
}
.glyphicons-female:before {
  content: "\E248";
}
.glyphicons-asterisk:before {
  content: "\002A";
}
.glyphicons-divide:before {
  content: "\00F7";
}
.glyphicons-snorkel-diving:before {
  content: "\E251";
}
.glyphicons-scuba-diving:before {
  content: "\E252";
}
.glyphicons-oxygen-bottle:before {
  content: "\E253";
}
.glyphicons-fins:before {
  content: "\E254";
}
.glyphicons-fishes:before {
  content: "\E255";
}
.glyphicons-boat:before {
  content: "\E256";
}
.glyphicons-delete:before {
  content: "\E257";
}
.glyphicons-sheriffs-star:before {
  content: "\E258";
}
.glyphicons-qrcode:before {
  content: "\E259";
}
.glyphicons-barcode:before {
  content: "\E260";
}
.glyphicons-pool:before {
  content: "\E261";
}
.glyphicons-buoy:before {
  content: "\E262";
}
.glyphicons-spade:before {
  content: "\E263";
}
.glyphicons-bank:before {
  content: "\E264";
}
.glyphicons-vcard:before {
  content: "\E265";
}
.glyphicons-electrical-plug:before {
  content: "\E266";
}
.glyphicons-flag:before {
  content: "\E267";
}
.glyphicons-credit-card:before {
  content: "\E268";
}
.glyphicons-keyboard-wireless:before {
  content: "\E269";
}
.glyphicons-keyboard-wired:before {
  content: "\E270";
}
.glyphicons-shield:before {
  content: "\E271";
}
.glyphicons-ring:before {
  content: "\02DA";
}
.glyphicons-cake:before {
  content: "\E273";
}
.glyphicons-drink:before {
  content: "\E274";
}
.glyphicons-beer:before {
  content: "\E275";
}
.glyphicons-fast-food:before {
  content: "\E276";
}
.glyphicons-cutlery:before {
  content: "\E277";
}
.glyphicons-pizza:before {
  content: "\E278";
}
.glyphicons-birthday-cake:before {
  content: "\E279";
}
.glyphicons-tablet:before {
  content: "\E280";
}
.glyphicons-settings:before {
  content: "\E281";
}
.glyphicons-bullets:before {
  content: "\E282";
}
.glyphicons-cardio:before {
  content: "\E283";
}
.glyphicons-t-shirt:before {
  content: "\E284";
}
.glyphicons-pants:before {
  content: "\E285";
}
.glyphicons-sweater:before {
  content: "\E286";
}
.glyphicons-fabric:before {
  content: "\E287";
}
.glyphicons-leather:before {
  content: "\E288";
}
.glyphicons-scissors:before {
  content: "\E289";
}
.glyphicons-bomb:before {
  content: "\E290";
}
.glyphicons-skull:before {
  content: "\E291";
}
.glyphicons-celebration:before {
  content: "\E292";
}
.glyphicons-tea-kettle:before {
  content: "\E293";
}
.glyphicons-french-press:before {
  content: "\E294";
}
.glyphicons-coffee-cup:before {
  content: "\E295";
}
.glyphicons-pot:before {
  content: "\E296";
}
.glyphicons-grater:before {
  content: "\E297";
}
.glyphicons-kettle:before {
  content: "\E298";
}
.glyphicons-hospital:before {
  content: "\E299";
}
.glyphicons-hospital-h:before {
  content: "\E300";
}
.glyphicons-microphone:before {
  content: "\E301";
}
.glyphicons-webcam:before {
  content: "\E302";
}
.glyphicons-temple-christianity-church:before {
  content: "\E303";
}
.glyphicons-temple-islam:before {
  content: "\E304";
}
.glyphicons-temple-hindu:before {
  content: "\E305";
}
.glyphicons-temple-buddhist:before {
  content: "\E306";
}
.glyphicons-bicycle:before {
  content: "\E307";
}
.glyphicons-life-preserver:before {
  content: "\E308";
}
.glyphicons-share-alt:before {
  content: "\E309";
}
.glyphicons-comments:before {
  content: "\E310";
}
.glyphicons-flower:before {
  content: "\2698";
}
.glyphicons-baseball:before {
  content: "\26BE";
}
.glyphicons-rugby:before {
  content: "\E313";
}
.glyphicons-ax:before {
  content: "\E314";
}
.glyphicons-table-tennis:before {
  content: "\E315";
}
.glyphicons-bowling:before {
  content: "\E316";
}
.glyphicons-tree-conifer:before {
  content: "\E317";
}
.glyphicons-tree-deciduous:before {
  content: "\E318";
}
.glyphicons-more-items:before {
  content: "\E319";
}
.glyphicons-sort:before {
  content: "\E320";
}
.glyphicons-filter:before {
  content: "\E321";
}
.glyphicons-gamepad:before {
  content: "\E322";
}
.glyphicons-playing-dices:before {
  content: "\E323";
}
.glyphicons-calculator:before {
  content: "\E324";
}
.glyphicons-tie:before {
  content: "\E325";
}
.glyphicons-wallet:before {
  content: "\E326";
}
.glyphicons-piano:before {
  content: "\E327";
}
.glyphicons-sampler:before {
  content: "\E328";
}
.glyphicons-podium:before {
  content: "\E329";
}
.glyphicons-soccer-ball:before {
  content: "\E330";
}
.glyphicons-blog:before {
  content: "\E331";
}
.glyphicons-dashboard:before {
  content: "\E332";
}
.glyphicons-certificate:before {
  content: "\E333";
}
.glyphicons-bell:before {
  content: "\E334";
}
.glyphicons-candle:before {
  content: "\E335";
}
.glyphicons-pushpin:before {
  content: "\E336";
}
.glyphicons-iphone-shake:before {
  content: "\E337";
}
.glyphicons-pin-flag:before {
  content: "\E338";
}
.glyphicons-turtle:before {
  content: "\E339";
}
.glyphicons-rabbit:before {
  content: "\E340";
}
.glyphicons-globe:before {
  content: "\E341";
}
.glyphicons-briefcase:before {
  content: "\E342";
}
.glyphicons-hdd:before {
  content: "\E343";
}
.glyphicons-thumbs-up:before {
  content: "\E344";
}
.glyphicons-thumbs-down:before {
  content: "\E345";
}
.glyphicons-hand-right:before {
  content: "\E346";
}
.glyphicons-hand-left:before {
  content: "\E347";
}
.glyphicons-hand-up:before {
  content: "\E348";
}
.glyphicons-hand-down:before {
  content: "\E349";
}
.glyphicons-fullscreen:before {
  content: "\E350";
}
.glyphicons-shopping-bag:before {
  content: "\E351";
}
.glyphicons-book-open:before {
  content: "\E352";
}
.glyphicons-nameplate:before {
  content: "\E353";
}
.glyphicons-nameplate-alt:before {
  content: "\E354";
}
.glyphicons-vases:before {
  content: "\E355";
}
.glyphicons-bullhorn:before {
  content: "\E356";
}
.glyphicons-dumbbell:before {
  content: "\E357";
}
.glyphicons-suitcase:before {
  content: "\E358";
}
.glyphicons-file-import:before {
  content: "\E359";
}
.glyphicons-file-export:before {
  content: "\E360";
}
.glyphicons-bug:before {
  content: "\E361";
}
.glyphicons-crown:before {
  content: "\E362";
}
.glyphicons-smoking:before {
  content: "\E363";
}
.glyphicons-cloud-download:before {
  content: "\E364";
}
.glyphicons-cloud-upload:before {
  content: "\E365";
}
.glyphicons-restart:before {
  content: "\E366";
}
.glyphicons-security-camera:before {
  content: "\E367";
}
.glyphicons-expand:before {
  content: "\E368";
}
.glyphicons-collapse:before {
  content: "\E369";
}
.glyphicons-collapse-top:before {
  content: "\E370";
}
.glyphicons-globe-af:before {
  content: "\E371";
}
.glyphicons-global:before {
  content: "\E372";
}
.glyphicons-spray:before {
  content: "\E373";
}
.glyphicons-nails:before {
  content: "\E374";
}
.glyphicons-claw-hammer:before {
  content: "\E375";
}
.glyphicons-classic-hammer:before {
  content: "\E376";
}
.glyphicons-hand-saw:before {
  content: "\E377";
}
.glyphicons-riflescope:before {
  content: "\E378";
}
.glyphicons-electrical-socket-eu:before {
  content: "\E379";
}
.glyphicons-electrical-socket-us:before {
  content: "\E380";
}
.glyphicons-message-forward:before {
  content: "\E381";
}
.glyphicons-coat-hanger:before {
  content: "\E382";
}
.glyphicons-dress:before {
  content: "\E383";
}
.glyphicons-bathrobe:before {
  content: "\E384";
}
.glyphicons-shirt:before {
  content: "\E385";
}
.glyphicons-underwear:before {
  content: "\E386";
}
.glyphicons-log-in:before {
  content: "\E387";
}
.glyphicons-log-out:before {
  content: "\E388";
}
.glyphicons-exit:before {
  content: "\E389";
}
.glyphicons-new-window-alt:before {
  content: "\E390";
}
.glyphicons-video-sd:before {
  content: "\E391";
}
.glyphicons-video-hd:before {
  content: "\E392";
}
.glyphicons-subtitles:before {
  content: "\E393";
}
.glyphicons-sound-stereo:before {
  content: "\E394";
}
.glyphicons-sound-dolby:before {
  content: "\E395";
}
.glyphicons-sound-5-1:before {
  content: "\E396";
}
.glyphicons-sound-6-1:before {
  content: "\E397";
}
.glyphicons-sound-7-1:before {
  content: "\E398";
}
.glyphicons-copyright-mark:before {
  content: "\E399";
}
.glyphicons-registration-mark:before {
  content: "\E400";
}
.glyphicons-radar:before {
  content: "\E401";
}
.glyphicons-skateboard:before {
  content: "\E402";
}
.glyphicons-golf-course:before {
  content: "\E403";
}
.glyphicons-sorting:before {
  content: "\E404";
}
.glyphicons-sort-by-alphabet:before {
  content: "\E405";
}
.glyphicons-sort-by-alphabet-alt:before {
  content: "\E406";
}
.glyphicons-sort-by-order:before {
  content: "\E407";
}
.glyphicons-sort-by-order-alt:before {
  content: "\E408";
}
.glyphicons-sort-by-attributes:before {
  content: "\E409";
}
.glyphicons-sort-by-attributes-alt:before {
  content: "\E410";
}
.glyphicons-compressed:before {
  content: "\E411";
}
.glyphicons-package:before {
  content: "\E412";
}
.glyphicons-cloud-plus:before {
  content: "\E413";
}
.glyphicons-cloud-minus:before {
  content: "\E414";
}
.glyphicons-disk-save:before {
  content: "\E415";
}
.glyphicons-disk-open:before {
  content: "\E416";
}
.glyphicons-disk-saved:before {
  content: "\E417";
}
.glyphicons-disk-remove:before {
  content: "\E418";
}
.glyphicons-disk-import:before {
  content: "\E419";
}
.glyphicons-disk-export:before {
  content: "\E420";
}
.glyphicons-tower:before {
  content: "\E421";
}
.glyphicons-send:before {
  content: "\E422";
}
.glyphicons-git-branch:before {
  content: "\E423";
}
.glyphicons-git-create:before {
  content: "\E424";
}
.glyphicons-git-private:before {
  content: "\E425";
}
.glyphicons-git-delete:before {
  content: "\E426";
}
.glyphicons-git-merge:before {
  content: "\E427";
}
.glyphicons-git-pull-request:before {
  content: "\E428";
}
.glyphicons-git-compare:before {
  content: "\E429";
}
.glyphicons-git-commit:before {
  content: "\E430";
}
.glyphicons-construction-cone:before {
  content: "\E431";
}
.glyphicons-shoe-steps:before {
  content: "\E432";
}
.glyphicons-plus:before {
  content: "\002B";
}
.glyphicons-minus:before {
  content: "\2212";
}
.glyphicons-redo:before {
  content: "\E435";
}
.glyphicons-undo:before {
  content: "\E436";
}
.glyphicons-golf:before {
  content: "\E437";
}
.glyphicons-hockey:before {
  content: "\E438";
}
.glyphicons-pipe:before {
  content: "\E439";
}
.glyphicons-wrench:before {
  content: "\E440";
}
.glyphicons-folder-closed:before {
  content: "\E441";
}
.glyphicons-phone-alt:before {
  content: "\E442";
}
.glyphicons-earphone:before {
  content: "\E443";
}
.glyphicons-floppy-disk:before {
  content: "\E444";
}
.glyphicons-floppy-saved:before {
  content: "\E445";
}
.glyphicons-floppy-remove:before {
  content: "\E446";
}
.glyphicons-floppy-save:before {
  content: "\E447";
}
.glyphicons-floppy-open:before {
  content: "\E448";
}
.glyphicons-translate:before {
  content: "\E449";
}
.glyphicons-fax:before {
  content: "\E450";
}
.glyphicons-factory:before {
  content: "\E451";
}
.glyphicons-shop-window:before {
  content: "\E452";
}
.glyphicons-shop:before {
  content: "\E453";
}
.glyphicons-kiosk:before {
  content: "\E454";
}
.glyphicons-kiosk-wheels:before {
  content: "\E455";
}
.glyphicons-kiosk-light:before {
  content: "\E456";
}
.glyphicons-kiosk-food:before {
  content: "\E457";
}
.glyphicons-transfer:before {
  content: "\E458";
}
.glyphicons-money:before {
  content: "\E459";
}
.glyphicons-header:before {
  content: "\E460";
}
.glyphicons-blacksmith:before {
  content: "\E461";
}
.glyphicons-saw-blade:before {
  content: "\E462";
}
.glyphicons-basketball:before {
  content: "\E463";
}
.glyphicons-server:before {
  content: "\E464";
}
.glyphicons-server-plus:before {
  content: "\E465";
}
.glyphicons-server-minus:before {
  content: "\E466";
}
.glyphicons-server-ban:before {
  content: "\E467";
}
.glyphicons-server-flag:before {
  content: "\E468";
}
.glyphicons-server-lock:before {
  content: "\E469";
}
.glyphicons-server-new:before {
  content: "\E470";
}
.glyphicons-charging-station:before {
  content: "\F471";
}
.glyphicons-gas-station:before {
  content: "\E472";
}
.glyphicons-target:before {
  content: "\E473";
}
.glyphicons-bed-alt:before {
  content: "\E474";
}
.glyphicons-mosquito-net:before {
  content: "\E475";
}
.glyphicons-dining-set:before {
  content: "\E476";
}
.glyphicons-plate-of-food:before {
  content: "\E477";
}
.glyphicons-hygiene-kit:before {
  content: "\E478";
}
.glyphicons-blackboard:before {
  content: "\E479";
}
.glyphicons-marriage:before {
  content: "\E480";
}
.glyphicons-bucket:before {
  content: "\E481";
}
.glyphicons-none-color-swatch:before {
  content: "\E482";
}
.glyphicons-bring-forward:before {
  content: "\E483";
}
.glyphicons-bring-to-front:before {
  content: "\E484";
}
.glyphicons-send-backward:before {
  content: "\E485";
}
.glyphicons-send-to-back:before {
  content: "\E486";
}
.glyphicons-fit-frame-to-image:before {
  content: "\E487";
}
.glyphicons-fit-image-to-frame:before {
  content: "\E488";
}
.glyphicons-multiple-displays:before {
  content: "\E489";
}
.glyphicons-handshake:before {
  content: "\E490";
}
.glyphicons-child:before {
  content: "\E491";
}
.glyphicons-baby-formula:before {
  content: "\E492";
}
.glyphicons-medicine:before {
  content: "\E493";
}
.glyphicons-atv-vehicle:before {
  content: "\E494";
}
.glyphicons-motorcycle:before {
  content: "\E495";
}
.glyphicons-bed:before {
  content: "\E496";
}
.glyphicons-tent:before {
  content: "\26FA";
}
.glyphicons-glasses:before {
  content: "\E498";
}
.glyphicons-sunglasses:before {
  content: "\E499";
}
.glyphicons-family:before {
  content: "\E500";
}
.glyphicons-education:before {
  content: "\E501";
}
.glyphicons-shoes:before {
  content: "\E502";
}
.glyphicons-map:before {
  content: "\E503";
}
.glyphicons-cd:before {
  content: "\E504";
}
.glyphicons-alert:before {
  content: "\E505";
}
.glyphicons-piggy-bank:before {
  content: "\E506";
}
.glyphicons-star-half:before {
  content: "\E507";
}
.glyphicons-cluster:before {
  content: "\E508";
}
.glyphicons-flowchart:before {
  content: "\E509";
}
.glyphicons-commodities:before {
  content: "\E510";
}
.glyphicons-duplicate:before {
  content: "\E511";
}
.glyphicons-copy:before {
  content: "\E512";
}
.glyphicons-paste:before {
  content: "\E513";
}
.glyphicons-bath-bathtub:before {
  content: "\E514";
}
.glyphicons-bath-shower:before {
  content: "\E515";
}
.glyphicons-shower:before {
  content: "\1F6BF";
}
.glyphicons-menu-hamburger:before {
  content: "\E517";
}
.glyphicons-option-vertical:before {
  content: "\E518";
}
.glyphicons-option-horizontal:before {
  content: "\E519";
}
.glyphicons-currency-conversion:before {
  content: "\E520";
}
.glyphicons-user-ban:before {
  content: "\E521";
}
.glyphicons-user-lock:before {
  content: "\E522";
}
.glyphicons-user-flag:before {
  content: "\E523";
}
.glyphicons-user-asterisk:before {
  content: "\E524";
}
.glyphicons-user-alert:before {
  content: "\E525";
}
.glyphicons-user-key:before {
  content: "\E526";
}
.glyphicons-user-conversation:before {
  content: "\E527";
}
.glyphicons-database:before {
  content: "\E528";
}
.glyphicons-database-search:before {
  content: "\E529";
}
.glyphicons-list-alt:before {
  content: "\E530";
}
.glyphicons-hazard-sign:before {
  content: "\E531";
}
.glyphicons-hazard:before {
  content: "\E532";
}
.glyphicons-stop-sign:before {
  content: "\E533";
}
.glyphicons-lab:before {
  content: "\E534";
}
.glyphicons-lab-alt:before {
  content: "\E535";
}
.glyphicons-ice-cream:before {
  content: "\E536";
}
.glyphicons-ice-lolly:before {
  content: "\E537";
}
.glyphicons-ice-lolly-tasted:before {
  content: "\E538";
}
.glyphicons-invoice:before {
  content: "\E539";
}
.glyphicons-cart-tick:before {
  content: "\E540";
}
.glyphicons-hourglass:before {
  content: "\231B";
}
.glyphicons-cat:before {
  content: "\1F408";
}
.glyphicons-lamp:before {
  content: "\E543";
}
.glyphicons-scale-classic:before {
  content: "\E544";
}
.glyphicons-eye-plus:before {
  content: "\E545";
}
.glyphicons-eye-minus:before {
  content: "\E546";
}
.glyphicons-quote:before {
  content: "\E547";
}
.glyphicons-bitcoin:before {
  content: "\E548";
}
.glyphicons-yen:before {
  content: "\00A5";
}
.glyphicons-ruble:before {
  content: "\20BD";
}
.glyphicons-erase:before {
  content: "\E551";
}
.glyphicons-podcast:before {
  content: "\E552";
}
.glyphicons-firework:before {
  content: "\E553";
}
.glyphicons-scale:before {
  content: "\E554";
}
.glyphicons-king:before {
  content: "\E555";
}
.glyphicons-queen:before {
  content: "\E556";
}
.glyphicons-pawn:before {
  content: "\E557";
}
.glyphicons-bishop:before {
  content: "\E558";
}
.glyphicons-knight:before {
  content: "\E559";
}
.glyphicons-mic-mute:before {
  content: "\E560";
}
.glyphicons-voicemail:before {
  content: "\E561";
}
.glyphicons-paragraph:before {
  content: "\00B6";
}
.glyphicons-person-walking:before {
  content: "\E563";
}
.glyphicons-person-wheelchair:before {
  content: "\E564";
}
.glyphicons-underground:before {
  content: "\E565";
}
.glyphicons-car-hov:before {
  content: "\E566";
}
.glyphicons-car-rental:before {
  content: "\E567";
}
.glyphicons-transport:before {
  content: "\E568";
}
.glyphicons-taxi:before {
  content: "\1F695";
}
.glyphicons-ice-cream-no:before {
  content: "\E570";
}
.glyphicons-uk-rat-u:before {
  content: "\E571";
}
.glyphicons-uk-rat-pg:before {
  content: "\E572";
}
.glyphicons-uk-rat-12a:before {
  content: "\E573";
}
.glyphicons-uk-rat-12:before {
  content: "\E574";
}
.glyphicons-uk-rat-15:before {
  content: "\E575";
}
.glyphicons-uk-rat-18:before {
  content: "\E576";
}
.glyphicons-uk-rat-r18:before {
  content: "\E577";
}
.glyphicons-tv:before {
  content: "\E578";
}
.glyphicons-sms:before {
  content: "\E579";
}
.glyphicons-mms:before {
  content: "\E580";
}
.glyphicons-us-rat-g:before {
  content: "\E581";
}
.glyphicons-us-rat-pg:before {
  content: "\E582";
}
.glyphicons-us-rat-pg-13:before {
  content: "\E583";
}
.glyphicons-us-rat-restricted:before {
  content: "\E584";
}
.glyphicons-us-rat-no-one-17:before {
  content: "\E585";
}
.glyphicons-equalizer:before {
  content: "\E586";
}
.glyphicons-speakers:before {
  content: "\E587";
}
.glyphicons-remote-control:before {
  content: "\E588";
}
.glyphicons-remote-control-tv:before {
  content: "\E589";
}
.glyphicons-shredder:before {
  content: "\E590";
}
.glyphicons-folder-heart:before {
  content: "\E591";
}
.glyphicons-person-running:before {
  content: "\E592";
}
.glyphicons-person:before {
  content: "\E593";
}
.glyphicons-voice:before {
  content: "\E594";
}
.glyphicons-stethoscope:before {
  content: "\E595";
}
.glyphicons-hotspot:before {
  content: "\E596";
}
.glyphicons-activity:before {
  content: "\E597";
}
.glyphicons-watch:before {
  content: "\231A";
}
.glyphicons-scissors-alt:before {
  content: "\E599";
}
.glyphicons-car-wheel:before {
  content: "\E600";
}
.glyphicons-chevron-up:before {
  content: "\E601";
}
.glyphicons-chevron-down:before {
  content: "\E602";
}
.glyphicons-superscript:before {
  content: "\E603";
}
.glyphicons-subscript:before {
  content: "\E604";
}
.glyphicons-text-size:before {
  content: "\E605";
}
.glyphicons-text-color:before {
  content: "\E606";
}
.glyphicons-text-background:before {
  content: "\E607";
}
.glyphicons-modal-window:before {
  content: "\E608";
}
.glyphicons-newspaper:before {
  content: "\1F4F0";
}
.glyphicons-tractor:before {
  content: "\1F69C";
}
/* 
* 
* THIS IS A SMALL BONUS FOR ALL CURIOUS PEOPLE :) 
* Just add class .animated and .pulse, .rotateIn, .bounce, .swing or .tada to you HTML element with icons. You may find other great css animations here: http://coveloping.com/tools/css-animation-generator 
* 
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes swing {
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../libs/font-awesome-4.4.0/fonts/fontawesome-webfont.eot?v=4.4.0');src:url('../libs/font-awesome-4.4.0/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('../libs/font-awesome-4.4.0/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('../libs/font-awesome-4.4.0/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('../libs/font-awesome-4.4.0/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('../libs/font-awesome-4.4.0/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}

/* Preload images */
body:after {
  content: url(../js/libs/jquery/lightbox/img/close.png) url(../js/libs/jquery/lightbox/img/loading.gif) url(../js/libs/jquery/lightbox/img/prev.png) url(../js/libs/jquery/lightbox/img/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../js/libs/jquery/lightbox/img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../js/libs/jquery/lightbox/img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../js/libs/jquery/lightbox/img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../js/libs/jquery/lightbox/img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.introjs-overlay {
  position: absolute;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#e6000000', GradientType=1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.introjs-fixParent {
  z-index: auto !important;
  opacity: 1.0 !important;
}
.introjs-showElement {
  z-index: 9999999 !important;
}
.introjs-relativePosition {
  position: relative;
}
.introjs-helperLayer {
  position: absolute;
  z-index: 9999998;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #777;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.introjs-helperNumberLayer {
  position: absolute;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: #ff3019;
  /* Old browsers */
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* Chrome10+,Safari5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
  /* Chrome,Safari4+ */
  background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
  /* W3C */
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000);
  /* IE10 text shadows */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}
.introjs-arrow {
  border: 5px solid white;
  content: '';
  position: absolute;
}
.introjs-arrow.top {
  top: -10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: white;
  border-left-color: transparent;
}
.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: white;
}
.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color: white;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-top-color: transparent;
  border-right-color: white;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.introjs-tooltip {
  position: absolute;
  padding: 10px;
  background-color: white;
  min-width: 200px;
  max-width: 300px;
  border-radius: 3px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
.introjs-tooltipbuttons {
  text-align: right;
}
/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
.introjs-button {
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #d4d4d4;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font: 11px / normal sans-serif;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
  background-image: -moz-linear-gradient(#f4f4f4, #ececec);
  background-image: -o-linear-gradient(#f4f4f4, #ececec);
  background-image: linear-gradient(#f4f4f4, #ececec);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  /*background-clip: padding-box;*/
  /* commented out due to Opera 11.10 bug */
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  /* IE hacks */
  zoom: 1;
  *display: inline;
  margin-top: 10px;
}
.introjs-button:hover {
  border-color: #bcbcbc;
  text-decoration: none;
  box-shadow: 0px 1px 1px #e3e3e3;
}
.introjs-button:focus,
.introjs-button:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
  background-image: -moz-linear-gradient(#ececec, #f4f4f4);
  background-image: -o-linear-gradient(#ececec, #f4f4f4);
  background-image: linear-gradient(#ececec, #f4f4f4);
}
/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.introjs-skipbutton {
  margin-right: 5px;
  color: #7a7a7a;
}
.introjs-prevbutton {
  -webkit-border-radius: 0.2em 0 0 0.2em;
  -moz-border-radius: 0.2em 0 0 0.2em;
  border-radius: 0.2em 0 0 0.2em;
  border-right: none;
}
.introjs-nextbutton {
  -webkit-border-radius: 0 0.2em 0.2em 0;
  -moz-border-radius: 0 0.2em 0.2em 0;
  border-radius: 0 0.2em 0.2em 0;
}
.introjs-disabled,
.introjs-disabled:hover,
.introjs-disabled:focus {
  color: #9a9a9a;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}
.introjs-bullets {
  text-align: center;
}
.introjs-bullets ul {
  clear: both;
  margin: 15px auto 0;
  padding: 0;
  display: inline-block;
}
.introjs-bullets ul li {
  list-style: none;
  float: left;
  margin: 0 2px;
}
.introjs-bullets ul li a {
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-decoration: none;
}
.introjs-bullets ul li a:hover {
  background: #999;
}
.introjs-bullets ul li a.active {
  background: #999;
}

.introjs-overlay {
	position: absolute;
	z-index: 999999;
	background-color: #000;
	opacity: 0;
	background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
	background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));
	background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
	background: -o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
	background: -ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
	background: radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.introjs-fixParent {
	z-index: auto !important;
	opacity: 1.0 !important;
}

.introjs-showElement {
	z-index: 9999999 !important;
}

.introjs-relativePosition {
	position: relative;
}

.introjs-helperLayer {
	position: absolute;
	z-index: 9999998;
	background-color: #FFF;
	background-color: rgba(255,255,255,.9);
	border: 1px solid #777;
	border: 1px solid rgba(0,0,0,.5);
	border-radius: 4px;
	box-shadow: 0 2px 15px rgba(0,0,0,.4);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.introjs-helperNumberLayer {
	position: absolute;
	top: -16px;
	left: -16px;
	z-index: 9999999999 !important;
	padding: 2px;
	font-family: Arial, verdana, tahoma;
	font-size: 13px;
	font-weight: bold;
	color: white;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0,0,0,.3);
	background: #ff3019; /* Old browsers */
	background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); /* Chrome,Safari4+ */
	background:    -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
	background:     -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* IE10+ */
	background:      -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Opera 11.10+ */
	background:         linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);  /* W3C */
	width: 20px;
	height:20px;
	line-height: 20px;
	border: 3px solid white;
	border-radius: 50%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0); /* IE6-9 */
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000); /* IE10 text shadows */
	box-shadow: 0 2px 5px rgba(0,0,0,.4);
}

.introjs-arrow {
	border: 5px solid white;
	content:'';
	position: absolute;
}
.introjs-arrow.top {
	top: -10px;
	border-top-color:transparent;
	border-right-color:transparent;
	border-bottom-color:white;
	border-left-color:transparent;
}
.introjs-arrow.right {
	right: -10px;
	top: 10px;
	border-top-color:transparent;
	border-right-color:transparent;
	border-bottom-color:transparent;
	border-left-color:white;
}
.introjs-arrow.bottom {
	bottom: -10px;
	border-top-color:white;
	border-right-color:transparent;
	border-bottom-color:transparent;
	border-left-color:transparent;
}
.introjs-arrow.left {
	left: -10px;
	top: 10px;
	border-top-color:transparent;
	border-right-color:white;
	border-bottom-color:transparent;
	border-left-color:transparent;
}

.introjs-tooltip {
	position: absolute;
	padding: 10px;
	background-color: white;
	min-width: 200px;
	max-width: 300px;
	border-radius: 3px;
	box-shadow: 0 1px 10px rgba(0,0,0,.4);
	-webkit-transition: opacity 0.1s ease-out;
	-moz-transition: opacity 0.1s ease-out;
	-ms-transition: opacity 0.1s ease-out;
	-o-transition: opacity 0.1s ease-out;
	transition: opacity 0.1s ease-out;
}

.introjs-tooltipbuttons {
	text-align: right;
}

/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
.introjs-button {
	position: relative;
	overflow: visible;
	display: inline-block;
	padding: 0.3em 0.8em;
	border: 1px solid #d4d4d4;
	margin: 0;
	text-decoration: none;
	text-shadow: 1px 1px 0 #fff;
	font: 11px/normal sans-serif;
	color: #333;
	white-space: nowrap;
	cursor: pointer;
	outline: none;
	background-color: #ececec;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
	background-image: -moz-linear-gradient(#f4f4f4, #ececec);
	background-image: -o-linear-gradient(#f4f4f4, #ececec);
	background-image: linear-gradient(#f4f4f4, #ececec);
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	-o-background-clip: padding-box;
	/*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	/* IE hacks */
	zoom: 1;
	*display: inline;
	margin-top: 10px;
}

.introjs-button:hover {
	border-color: #bcbcbc;
	text-decoration: none;
	box-shadow: 0px 1px 1px #e3e3e3;
}

.introjs-button:focus,
.introjs-button:active {
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
	background-image: -moz-linear-gradient(#ececec, #f4f4f4);
	background-image: -o-linear-gradient(#ececec, #f4f4f4);
	background-image: linear-gradient(#ececec, #f4f4f4);
}

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.introjs-skipbutton {
	margin-right: 5px;
	color: #7a7a7a;
}

.introjs-prevbutton {
	-webkit-border-radius: 0.2em 0 0 0.2em;
	-moz-border-radius: 0.2em 0 0 0.2em;
	border-radius: 0.2em 0 0 0.2em;
	border-right: none;
}

.introjs-nextbutton {
	-webkit-border-radius: 0 0.2em 0.2em 0;
	-moz-border-radius: 0 0.2em 0.2em 0;
	border-radius: 0 0.2em 0.2em 0;
}

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
	color: #9a9a9a;
	border-color: #d4d4d4;
	box-shadow: none;
	cursor: default;
	background-color: #f4f4f4;
	background-image: none;
	text-decoration: none;
}

.introjs-bullets {
	text-align: center;
}
.introjs-bullets ul {
	clear: both;
	margin: 15px auto 0;
	padding: 0;
	display: inline-block;
}
.introjs-bullets ul li {
	list-style: none;
	float: left;
	margin: 0 2px;
}
.introjs-bullets ul li a {
	display: block;
	width: 6px;
	height: 6px;
	background: #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-decoration: none;
}
.introjs-bullets ul li a:hover {
	background: #999;
}
.introjs-bullets ul li a.active {
	background: #999;
}
.introjs-helperLayer {
  background-color: rgba(255, 255, 255, 0.9);
}
.introjs-showElement {
  color: #000000 !important;
}
.introjs-showElement div,
.introjs-showElement button,
.introjs-showElement a {
  color: #000000 !important;
  text-shadow: none !important;
}
.introjs-showElement .caret.white {
  border-top-color: #000;
}

/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    /* https://github.com/bgrins/spectrum/issues/40 */
    z-index: 9999994;
    overflow: hidden;
}
.sp-container.sp-flat {
    position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position:relative;
  width: 100%;
  display:inline-block;
}
.sp-top-inner {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
}
.sp-color {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:20%;
}
.sp-hue {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:84%;
    height: 100%;
}

.sp-clear-enabled .sp-hue {
    top:33px;
    height: 77.5%;
}

.sp-fill {
    padding-top: 80%;
}
.sp-sat, .sp-val {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
    display: block;
}
.sp-alpha-handle {
    position:absolute;
    top:-4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8;
}
.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px;
}
.sp-alpha-inner {
    border: solid 1px #333;
}

.sp-clear {
    display: none;
}

.sp-clear.sp-clear-display {
    background-position: center;
}

.sp-clear-enabled .sp-clear {
    display: block;
    position:absolute;
    top:0px;
    right:0;
    bottom:0;
    left:84%;
    height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
    -webkit-user-select:none;
    -moz-user-select: -moz-none;
    -o-user-select:none;
    user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
    display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
    display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
    display: none;
}
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
    background-image: -webkit-gradient(linear,  0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
    .sp-color { right: 40%; }
    .sp-hue { left: 63%; }
    .sp-fill { padding-top: 60%; }
}
.sp-dragger {
   border-radius: 5px;
   height: 5px;
   width: 5px;
   border: 1px solid #fff;
   background: #000;
   cursor: pointer;
   position:absolute;
   top:0;
   left: 0;
}
.sp-slider {
    position: absolute;
    top:0;
    cursor:pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: white;
    opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/

.sp-container {
    border-radius: 0;
    background-color: #ECECEC;
    border: solid 1px #f0c49B;
    padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
    font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-top {
    margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
    border: solid 1px #666;
}

/* Input */
.sp-input-container {
    float:right;
    width: 100px;
    margin-bottom: 4px;
}
.sp-initial-disabled  .sp-input-container {
    width: 100%;
}
.sp-input {
   font-size: 12px !important;
   border: 1px inset;
   padding: 4px 5px;
   margin: 0;
   width: 100%;
   background:transparent;
   border-radius: 3px;
   color: #222;
}
.sp-input:focus  {
    border: 1px solid orange;
}
.sp-input.sp-validation-error {
    border: 1px solid red;
    background: #fdd;
}
.sp-picker-container , .sp-palette-container {
    float:left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}
.sp-picker-container {
    width: 172px;
    border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
    border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: block;
    position:relative;
    float:left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: orange;
}
.sp-thumb-el {
    position:relative;
}

/* Initial */
.sp-initial {
    float: left;
    border: solid 1px #333;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border:none;
    display:block;
    float:left;
    margin:0;
}

.sp-initial .sp-clear-display {
    background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
    float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    margin:0 0 0 10px;
    overflow:hidden;
    cursor:pointer;
    padding: 4px;
    display:inline-block;
    *zoom: 1;
    *display: inline;
    border: solid 1px #91765d;
    background: #eee;
    color: #333;
    vertical-align: middle;
    height: 40px;
    width: 55px;
}
.sp-replacer:hover, .sp-replacer.sp-active {
    border-color: #F0C49B;
    color: #111;
}
.sp-replacer.sp-disabled {
    cursor:default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    padding: 7px 0;
    height: 16px;
    line-height: 16px;
    float:left;
    font-size:10px;
}
.sp-preview {
    position:relative;
    width:30px;
    height: 30px;
    border: solid 1px #222;
    margin-right: 5px;
    float:left;
    z-index: 0;
}

.sp-palette {
    *width: 220px;
    max-width: 220px;
}
.sp-palette .sp-thumb-el {
    width:16px;
    height: 16px;
    margin:2px 1px;
    border: solid 1px #d0d0d0;
}

.sp-container {
    padding-bottom:0;
}


/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
    background-color: #dddddd;
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
    font-size: 11px;
    color: #d93f3f !important;
    margin:0;
    padding:2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration:none;

}
.sp-cancel:hover {
    color: #d93f3f !important;
    text-decoration: underline;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active {
    border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position:relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display:block;
    position:absolute;
    top:0;left:0;bottom:0;right:0;
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
    background-repeat:no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}

@-webkit-keyframes bounce {
  0%,
  1%,
  3%,
  5%,
  6% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  2% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  4% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0);
  }
}
@keyframes bounce {
  0%,
  1%,
  3%,
  5%,
  6% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  2% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  4% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -6px, 0);
    -ms-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0);
  }
}
.bounce {
  -webkit-animation: bounce 10s linear 0s infinite;
  animation: bounce 10s linear 0s infinite;
}
.mainContainer {
  overflow-x: hidden;
  background-color: #EBECED;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.mainContainer .headerBar {
  background-color: #24303B;
  padding-left: 10px;
  height: 45px;
  /*.logoContainer {
			color: #fff;
			display: inline-block;


			img {
				width: 45px;
				height: 45px;
			}
		}*/
}
.mainContainer .headerBar #parentMail {
  position: absolute;
  left: 47%;
  height: 43px;
  margin-top: 2px;
  display: none;
  visibility: hidden;
  opacity: 0;
}
.mainContainer .headerBar .spin {
  -webkit-animation: spin 5s linear 0s;
  /* Chrome, Safari, Opera */
  animation: spin 5s linear 0s;
}
.mainContainer .headerBar .spinFast {
  -webkit-animation: spin 0.5s linear 0s infinite;
  /* Chrome, Safari, Opera */
  animation: spin 0.5s linear 0s infinite;
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  1% {
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg);
  }
  3% {
    -webkit-transform: rotate(-14deg);
    transform: rotate(-14deg);
  }
  4% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.mainContainer .headerBar .wobbling {
  -webkit-animation: wobble 6s linear 0s infinite;
  animation: wobble 6s linear 0s infinite;
}
.mainContainer .headerBar div:hover .controls .navText {
  color: #ddd;
}
.mainContainer .headerBar div:hover .controls .glyphicons::before {
  color: #ddd;
}
.mainContainer .headerBar .helpContainer {
  color: #BBB;
  display: inline-block;
  float: right;
  margin-top: 15px;
  margin-right: 20px;
  text-shadow: 1px 1px 1px #000;
  cursor: pointer;
}
.mainContainer .headerBar .helpContainer .controls .navText {
  display: none;
}
.mainContainer .headerBar .helpContainer .controls .glyphicons {
  padding-right: 5px;
  vertical-align: top;
  top: -2px;
}
.mainContainer .headerBar .helpContainer .controls .glyphicons:before {
  color: #BBB;
  font: 16px/1em 'Glyphicons Regular';
  top: -1px;
}
.mainContainer .headerBar #helpSite {
  background: #0B61BD;
  padding: 8px 9px 6px 9px;
  margin-top: 6px;
  color: #EBECED;
  border: 1px solid #EBECED;
  border-radius: 7px;
  text-shadow: none;
}
.mainContainer .headerBar #helpSite .controls .controls.glyphicons:before {
  color: #EBECED !important;
}
.mainContainer .headerBar .applicationsContainer {
  color: #EBECED;
  display: inline-block;
  float: right;
  margin-top: 15px;
  margin-right: 20px;
  text-shadow: 1px 1px 1px #000;
  cursor: pointer;
}
.mainContainer .headerBar .applicationsContainer .controls .navText {
  display: none;
}
.mainContainer .headerBar .applicationsContainer .controls .glyphicons {
  padding-right: 5px;
  vertical-align: top;
  top: -2px;
}
.mainContainer .headerBar .applicationsContainer .controls .glyphicons:before {
  color: #EBECED;
  font: 16px/1em 'Glyphicons Regular';
}
.mainContainer .headerBar .logoutContainer {
  color: #EBECED;
  display: inline-block;
  float: right;
  margin-top: 15px;
  margin-right: 20px;
  cursor: pointer;
  text-shadow: 1px 1px 1px #000;
}
.mainContainer .headerBar .logoutContainer .controls .navText {
  display: none;
}
.mainContainer .headerBar .logoutContainer .controls .glyphicons {
  padding-right: 5px;
  vertical-align: top;
  top: -2px;
}
.mainContainer .headerBar .logoutContainer .controls .glyphicons:before {
  color: #EBECED;
  font: 16px/1em 'Glyphicons Regular';
  top: -1px;
}
.mainContainer .headerBar .accountContainer {
  color: #EBECED;
  display: inline-block;
  float: right;
  margin-top: 15px;
  margin-right: 20px;
  cursor: pointer;
  text-shadow: 1px 1px 1px #000;
}
.mainContainer .headerBar .accountContainer .controls .navText {
  display: none;
}
.mainContainer .headerBar .accountContainer .controls .glyphicons {
  padding-right: 5px;
  vertical-align: top;
  top: -2px;
}
.mainContainer .headerBar .accountContainer .controls .glyphicons:before {
  color: #EBECED;
  font: 16px/1em 'Glyphicons Regular';
  top: -1px;
}
.mainContainer .headerBar .notificationContainer {
  color: #EBECED;
  display: inline-block;
  float: right;
  margin-top: 15px;
  margin-right: 20px;
  cursor: pointer;
  position: relative;
  text-shadow: 1px 1px 1px #000;
}
.mainContainer .headerBar .notificationContainer .controls #mainMenuNotificationCount {
  background-color: #1A6600;
  box-shadow: 1px 1px 3px #111;
  color: #fff;
  font-size: 11px;
  padding: 2px 5px;
  margin-left: 5px;
  width: auto;
  display: inline;
  position: absolute;
  top: 3px;
  right: 0;
}
.mainContainer .headerBar .notificationContainer .controls .navText {
  display: none;
}
.mainContainer .headerBar .notificationContainer .controls .glyphicons {
  padding-left: 20px;
  vertical-align: top;
}
.mainContainer .headerBar .notificationContainer .controls .glyphicons:before {
  color: #EBECED;
  font: 16px/1em 'Glyphicons Regular';
  top: -1px;
}
.mainContainer .headerBar .menuIcon {
  display: none;
}
.mainContainer .subHeader {
  min-height: 50px;
  background: #24303B;
  color: #EBECED;
  width: 100%;
  position: relative;
  z-index: 1;
}
.mainContainer .subHeader .menu {
  z-index: 1;
  height: 35px;
  margin-top: 15px;
}
.mainContainer .subHeader .menu.floatLeft {
  text-align: left;
}
.mainContainer .subHeader .menu.floatRight {
  text-align: right;
}
.mainContainer .subHeader .menu.floatRight .item.back .glyphicons {
  float: right;
  margin-left: 10px;
}
.mainContainer .subHeader .menu.floatRight .item.back .glyphicons:before {
  color: #EBECED;
  font: 18px/1em 'Glyphicons Regular';
}
.mainContainer .subHeader .menu.floatRight .item.back .label {
  display: inline-block;
  padding-top: 12px;
  right: -20px;
}
.mainContainer .subHeader .menu .item {
  display: inline-block;
  cursor: pointer;
}
.mainContainer .subHeader .menu .item .label {
  display: none;
}
.mainContainer .subHeader .menu .item .glyphicons:before {
  color: #EBECED;
  font: 18px/1em 'Glyphicons Regular';
}
.mainContainer .deleteAccountBar {
  min-height: 50px;
  background: #C8102E;
  color: #fff;
  width: 100%;
  position: relative;
  z-index: 1;
}
.mainContainer .deleteAccountBar .text {
  text-align: center;
  padding: 15px;
}
.mainContainer #debugBar {
  width: 100%;
  height: 55px;
  background-color: #444444;
  z-index: 255;
  padding: 10px 15px;
  position: relative;
}
.mainContainer .list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.page-header {
  font-size: 18px;
  font-weight: lighter;
}
/*
.buttonBar {
	background-color: #ddd;
	padding: 10px;
	border-top: solid 1px #ccc;
	overflow: auto;

	button {
*/
/*		border: none;
		background-color: #1e70a6;
		color: #fff;
		padding: 10px;
		float: right;
		cursor: pointer;*/
/*

	}
}
*/
.formDetailsContainer {
  background-color: #ffffff;
  padding: 15px;
}
.warning {
  padding: 5px 10px;
  background: #FBE8CC;
}
@media (min-width: 900px) {
  .mainContainer .headerBar .helpContainer .controls .navText {
    display: inline-block;
  }
  .mainContainer .headerBar .applicationsContainer .controls .navText {
    display: inline-block;
  }
  .mainContainer .headerBar .accountContainer .controls .navText {
    display: inline-block;
  }
  .mainContainer .headerBar .notificationContainer .controls #mainMenuNotificationCount {
    right: 80px;
  }
  .mainContainer .headerBar .notificationContainer .controls .navText {
    display: inline-block;
  }
  .mainContainer .headerBar .logoutContainer .controls .navText {
    display: inline-block;
  }
  .mainContainer .subHeader .menu .item {
    margin-right: 15px;
  }
  .mainContainer .subHeader .menu .item .label {
    display: inline-block;
    vertical-align: text-bottom;
  }
  .mainContainer .subHeader .menu .item .glyphicons {
    padding-left: 30px;
    min-height: 25px;
    margin-top: 10px;
    top: -8px;
  }
  .mainContainer .subHeader .menu .item.back .glyphicons {
    padding-left: 48px;
  }
}
@media (max-width: 1024px) {
  .mainContainer .headerBar .menuIcon {
    color: #EBECED;
    margin-top: 12px;
    font-size: 1.3em;
    display: inline-block;
  }
}
.DBugList {
  list-style-type: none;
}
.DBugListItem {
  list-style-type: none;
  padding: 10px;
  height: auto;
  overflow: auto;
}
.DBugColumn {
  width: 20%;
  display: block;
  float: left;
}
.DBugColumnWide {
  width: 40%;
  display: block;
  float: left;
  overflow: scroll;
}
.maxHeight {
  max-height: 300px;
}
p.error-message {
  background-color: #f7dbe0;
  border-left: solid 5px #C8102E;
  color: #fff;
  padding: 10px;
}
.oktaAccountContainer {
  margin: 15px;
}
.oktaAccountContainer ul {
  padding: 0;
}
.oktaAccountContainer ul li {
  list-style: none;
  margin-bottom: 5px;
}
.sg-text-lozenge {
  display: inline-block;
  vertical-align: baseline;
  height: 1.6em;
  min-width: 1.6em;
  padding: 0 0.55em;
  border-radius: 0.8em;
  color: white;
  /*font-size: 0.875rem;*/
  line-height: 1.6;
}
.sg-text-lozenge.red {
  background-color: #C8102E;
}
.sg-text-lozenge.green {
  background-color: #129D00;
}
#login {
  background: #24303B repeat-x fixed;
  margin-top: -100px;
  height: 100%;
}
#login #loginContent {
  width: 100%;
}
#login #loginContent #loginBoxContainer {
  width: 380px;
  padding: 20px 20px 0 20px;
  margin: 100px auto 0px auto;
}
#login #loginContent #loginBoxContainer .success {
  background: #DAED89;
  padding: 10px;
}
#login #loginContent #loginBoxContainer .error {
  background: #FBE8CC;
  padding: 10px;
}
#login #loginContent #loginBoxContainer .rememberMeLabel {
  display: block;
  margin-bottom: 10px;
  color: #EBECED;
}
#login #loginContent #loginBoxContainer #loginButton,
#login #loginContent #loginBoxContainer #continueButton {
  width: 100%;
}
#login #loginContent #loginBoxContainer #loginSubmit .fmp {
  display: inline-block;
  margin-top: 10px;
  color: #428bca;
}
#login #loginContent #loginBoxContainer #loginSubmit .fmp:hover {
  text-decoration: underline;
}
#login #loginContent #loginBoxContainer .registerText {
  line-height: 18px;
  color: #EBECED;
  margin-top: 10px;
}
#login #loginContent #loginBoxContainer .registerText .registerBold {
  font-weight: bold;
}
#login #loginContent #loginBoxContainer #facebookLoginButton {
  margin: 0 0 0 25%;
  background-color: #428bca;
  color: #fff;
}
#login #loginContent #loginBoxContainer #facebookLoginButton .social {
  padding-left: 0px;
  margin: 0;
  vertical-align: top;
}
#login #loginContent #loginBoxContainer #facebookLoginButton .social:before {
  color: #fff;
  font: 16px/1em 'Glyphicons Social Regular';
  top: 3px;
}
#login #loginContent #loginBoxContainer hr.ok {
  padding: 0;
  border: none;
  border-top: solid 2px #cccccc;
  color: #cccccc;
  text-align: center;
}
#login #loginContent #loginBoxContainer hr.ok:after {
  content: "OR";
  display: inline-block;
  position: relative;
  top: -0.7em;
  font-size: 1.5em;
  padding: 0 0.25em;
  background: white;
}
#login #bookmark {
  margin-top: 20px;
  cursor: pointer;
  text-align: center;
}
#login #bookmark:hover #bookmarkText {
  color: #428bca;
}
#login #bookmark:hover .glyphicons:before {
  color: #cabd26;
}
#login #bookmark .glyphicons:before {
  font-size: 18px;
  top: -10px;
}
#login #bookmark .glyphicons:before:hover {
  color: #cabd26;
}
#login #bookmark #bookmarkText {
  position: relative;
  top: 2px;
}
#login #bookmark #bookmarkText:hover {
  color: #428bca;
}
#login #bottomBarContent {
  color: #EBECED;
  min-height: 100px;
}
@media (max-width: 400px) {
  #login #bottomLinksBar {
    width: 100%;
  }
  #login #bottomLinksBar #centeredBar {
    width: 100%;
    text-align: center;
  }
  #login #loginContent {
    /*position: relative;*/
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
  }
  #login #loginContent #loginBoxContainer {
    /*position: relative;*/
    width: 100%;
    margin: 0 auto 0px auto;
  }
  #login #loginContent #loginBoxContainer .logoContainer {
    margin-bottom: 20px;
  }
}
@media (max-width: 900px) {
  #login body {
    background-image: none !important;
  }
  #login #mainWrap {
    overflow: visible !important;
  }
  #login #bottomBarContent #bottomLinksBar {
    /*position: relative;*/
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  #login #bottomBarContent #bottomLinksBar #centeredBar {
    width: 100%;
    text-align: center;
  }
  #login #bottomBarContent #bottomLinksBar #centeredBar .desktop {
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
  }
  #login #bottomBarContent #bottomLinksBar #centeredBar .desktop .logoLink {
    margin: auto;
  }
}
.featureHide {
  display: none !important;
}
.mainContainer .column1 {
  background-color: #24303B;
  padding-top: 20px;
  border-right: solid 1px #EBECED;
}
.mainContainer .column1 .mainMenu #helpPhoneNumber {
  color: #EBECED;
  display: block;
  margin: -16px 0px 8px 16px;
  background: none !important;
  cursor: default;
}
.mainContainer .column1 .mainMenu #helpPhoneNumber:hover {
  color: #EBECED !important;
}
.mainContainer .column1 .mainMenu #helpPhoneNumber:hover:after {
  content: "" !important;
}
.mainContainer .column1 .mainMenu #helpSection {
  display: block;
  margin: -16px 0px 8px 16px;
  background: none !important;
}
.mainContainer .column1 .mainMenu #helpSection:hover:after {
  content: "" !important;
}
.mainContainer .column1 .mainMenu #helpSection #helpImage {
  border: 2px #EBECED solid;
  height: 80px;
  border-radius: 8px;
}
.mainContainer .column1 .mainMenu span.badgeCount .count {
  width: 35px;
  height: 22px;
  line-height: 20px;
  text-align: center;
  float: right;
  margin-right: 33px;
  color: #FFFFFF;
  font-family: "Open Sans", sans-serif;
  background-color: #C8102E;
  border: solid #EBECED 1px;
  border-radius: 5px;
}
.mainContainer .column1 .mainMenu span.badgeCount.sectionGroup .count {
  margin-top: 12px;
}
.mainContainer .column1 .mainMenu span.badgeCount.section .count {
  margin-top: 4px;
}
.mainContainer .column1 .mainMenu li {
  background-color: #24303B;
  background-image: none;
  height: 100%;
  line-height: 44px;
  font-size: 14px;
  cursor: pointer;
  position: relative;
}
.mainContainer .column1 .mainMenu li div {
  color: #EBECED;
}
.mainContainer .column1 .mainMenu li div:before {
  color: #EBECED;
}
.mainContainer .column1 .mainMenu li.active ul {
  display: block;
}
.mainContainer .column1 .mainMenu li:hover {
  background-color: #E0F0FA;
  color: #24303B !important;
}
.mainContainer .column1 .mainMenu li:hover:after {
  color: #7f7f7f;
  content: "\E224";
  font: 12px/1em 'Glyphicons Regular';
  position: absolute;
  top: 17px;
  right: 8px;
}
.mainContainer .column1 .mainMenu li:hover div {
  color: #24303B;
}
.mainContainer .column1 .mainMenu li:hover div:before {
  color: #24303B;
}
.mainContainer .column1 .mainMenu li.stick {
  text-shadow-: 1px 1px #EBECED;
  border-right: 1px solid #24303B;
}
.mainContainer .column1 .mainMenu li.stick div {
  background-color: #EBECED;
  /*background:linear-gradient(top, rgb(119, 178, 59), rgb(91, 137, 45));
                        background:-webkit-linear-gradient(top, rgb(119, 178, 59), rgb(91, 137, 45));
                        background:-moz-linear-gradient(top, rgb(119, 178, 59), rgb(91, 137, 45));
                        background:-ms-linear-gradient(top, rgb(119, 178, 59), rgb(91, 137, 45));*/
  color: #0B61BD;
}
.mainContainer .column1 .mainMenu li.stick div:before {
  color: #0B61BD !important;
}
.mainContainer .column1 .mainMenu li.stick:after {
  color: #0B61BD;
  content: "\E224";
  font: 12px/1em 'Glyphicons Regular';
  position: absolute;
  top: 17px;
  right: 13px;
}
.mainContainer .column1 .mainMenu li.stick span.count {
  color: #ffffff !important;
}
.mainContainer .column1 .mainMenu li.menu-opens:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=9);
}
.mainContainer .column1 .mainMenu li div.glyphicons:before {
  margin-top: 13px;
  margin-left: 15px;
}
.mainContainer .column1 .mainMenu li div.glyphicons {
  display: block;
}
.mainContainer .column1 .mainMenu li div.glyphicons .titleText {
  margin-left: 10px;
  font-family: "Open Sans", sans-serif;
}
.mainContainer .column1 .mainMenu li span.count {
  width: 30px;
  height: 22px;
  line-height: 20px;
  text-align: center;
  float: right;
  margin-right: 33px;
  margin-top: 13px;
  color: #FFFFFF;
  font-family: "Open Sans", sans-serif;
  background-color: #C8102E;
  border: solid #EBECED 1px;
}
.mainContainer .column1 .mainMenu li span.mainMenuBadge {
  float: right;
  margin-right: 25px;
  margin-top: 12px;
  padding: 4px 8px;
  background-color: #0B61BD;
  color: #ffffff;
  font-size: 12px;
  line-height: 12px;
}
.mainContainer .column1 .mainMenu li ul {
  display: none;
  padding: 0;
  margin: 0;
  list-style: none;
}
.mainContainer .column1 .mainMenu li ul li {
  color: #EBECED !important;
  background-color: #24303B;
  height: 100%;
  line-height: 30px;
  font-size: 12px;
  border-left: solid 4px #0B61BD;
  padding-left: 40px;
  text-shadow: none;
}
.mainContainer .column1 .mainMenu li ul li:after {
  color: #24303B !important;
  font: 9px/1em 'Glyphicons Regular' !important;
  right: 13px !important;
  top: 11px !important;
}
.mainContainer .column1 .mainMenu li ul li.stick {
  background: #EBECED !important;
  color: #0B61BD !important;
  text-shadow: none;
}
.mainContainer .column1 .mainMenu li ul li.stick div {
  color: #EBECED;
}
.mainContainer .column1 .mainMenu li ul li.stick div:before {
  color: #EBECED !important;
}
.mainContainer .column1 .mainMenu li ul li:hover {
  background-color: #E0F0FA;
  color: #24303B !important;
  text-shadow: none;
}
.mainContainer .column1 .mainMenu li ul li .mainMenuBadge {
  float: right;
  margin-right: 36px;
  margin-top: 5px;
  padding: 4px 8px;
  background-color: #C8102E;
  color: #EBECED;
  font-size: 12px;
  line-height: 12px;
}
#social {
  width: 110px;
  padding-bottom: 20px;
}
#social.center {
  margin: 10px auto;
  padding-bottom: 25px;
}
#social .social:before {
  color: #EBECED;
  cursor: pointer;
}
#social .social:hover:before {
  color: #0B61BD;
}
.subMenu {
  border-right: solid 1px #d0d0d0;
  padding: 0 15px 15px 15px;
  background-color: #24303B;
  position: relative;
  width: 100%;
  min-height: 100%;
}
.subMenu .searchArea {
  background-color: #24303B;
  position: sticky;
  display: inline-block;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 15px;
  z-index: 9;
}
.subMenu .searchArea .searchBox {
  width: 100%;
  padding: 5px;
}
.subMenu .searchArea .searchFilter {
  width: 100%;
  padding: 5px;
  margin-top: 5px;
}
.subMenu select,
.subMenu input[type="text"] {
  margin-bottom: 5px;
}
.subMenu .messageContainer {
  margin: 5px;
}
.subMenu ul.list {
  margin-top: 15px;
}
.subMenu .current {
  background-color: #EBECED;
  color: #0B61BD;
}
.subMenu ul {
  list-style: none;
  padding: 0;
  color: #EBECED;
}
.subMenu ul li {
  border-bottom: dotted 1px #EBECED;
  padding: 10px 10px 10px 0;
  cursor: pointer;
  /*&.noImage {
				.img {
					display: none;
				}
				.details {
					width: 100%;
					margin-left: 0;
				}
			}*/
}
.subMenu ul li:first-child {
  border-top: dotted 1px #EBECED;
}
.subMenu ul li:hover {
  background-color: #E0F0FA;
  color: #24303B;
}
.subMenu ul li .iconContainer {
  width: 15px;
  float: left;
  position: relative;
}
.subMenu ul li .iconContainer .unread {
  background-color: #0B61BD;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
.subMenu ul li .iconContainer .unread {
  background-color: #0B61BD;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
.subMenu ul li .iconContainer .red {
  background-color: #C8102E;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
.subMenu ul li .iconContainer .bottomIcon {
  bottom: 0;
  width: 14px;
  position: relative;
  top: 18px;
}
.subMenu ul li .iconContainer .bottomIcon .glyphicons:before {
  font-size: 13px;
}
.subMenu ul li .details {
  margin-left: 18px;
}
.subMenu ul li .details .title {
  margin: 0;
  font-size: 14px;
  font-weight: normal !important;
  text-transform: capitalize;
  word-wrap: break-word;
}
.subMenu ul li .details .subTitle {
  margin: 0;
  font-size: 12px;
  font-weight: normal !important;
}
.subMenu ul li .details .leftText {
  margin: 10px 0 0 0;
  font-size: 12px;
  width: 50%;
  float: left;
}
.subMenu ul li .details .rightText {
  margin: 10px 0 0 0;
  font-size: 12px;
  width: 50%;
  float: left;
  text-align: right;
}
.subMenu ul li .details .rightText .glyphicons:before {
  font-size: 13px;
}
.subMenu ul .loadingItem {
  text-align: center;
  border-bottom: none;
}
.subMenu .listContainer .searchResults {
  text-align: center;
  margin-top: 10px;
}
.subMenu .listContainer .itemCount {
  margin-top: 10px;
  color: #EBECED;
}
.composeForm {
  background-color: #fff;
  margin: 30px;
  padding: 20px;
}
.composeForm .composeDetailsContainer .options {
  float: left;
  margin: 0 0 10px 0;
  min-width: 350px;
  padding: 10px 10px 10px 0;
}
.composeForm .composeDetailsContainer .fieldContainer h4 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.composeForm .composeDetailsContainer #selectWillSchedule {
  margin-bottom: 15px;
}
.composeForm .composeDetailsContainer #selectWillSchedule #yesScheduleLabel {
  margin-right: 5px;
}
.composeForm .composeDetailsContainer #messageCounter {
  padding-top: 5px;
  margin-bottom: 15px;
  padding-left: 0;
}
.composeForm .buttonBar {
  height: auto;
  overflow: auto;
  margin: 20px 0 0 0;
  border-radius: 0 !important;
  border: 0 solid #aaa !important;
  min-height: 0 !important;
  padding-top: 3px;
}
.composeForm .buttonBar #composeSend {
  margin-bottom: 0;
}
.qq-upload-file-selector:hover {
  text-decoration: underline;
  cursor: pointer;
}
.qq-thumbnail-selector {
  cursor: pointer;
}
.dialog .composeForm {
  margin: 0 !important;
  padding: 0 !important;
}
.dialog .composeForm .buttonBar {
  margin: 0px -20px;
}
.column3 {
  overflow-y: auto;
}
.column3 #emailContent {
  padding: 20px;
  margin: 0;
}
.column3 #emailContent .greenBackground {
  background-color: #24303B;
  color: #EBECED;
  padding: 15px;
  margin: 0 0 10px 0;
}
.column3 #emailContent .content {
  padding: 0;
}
.column3 #emailContent .content #headerArea {
  width: 100%;
}
.column3 #emailContent .content #headerArea .controls {
  float: right;
}
.column3 #emailContent .content #headerArea .controls.glyphicons:before {
  font: 15px/1em 'Glyphicons Regular';
  cursor: pointer;
}
.column3 #emailContent .content #headerArea #emailFrom {
  float: left;
  width: 49%;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 14px;
}
.column3 #emailContent .content #headerArea #emailReceived {
  float: right;
  width: 49%;
  text-align: right;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 14px;
}
.column3 #emailContent .content #attachments p {
  margin-bottom: 0 !important;
}
.column3 #emailContent .content #attachments .attachmentRow {
  padding: 5px;
}
.column3 #emailContent .content #attachments .attachmentRow:nth-child(2n) {
  background: none repeat scroll 0 0 #fbfbfb;
}
.column3 #emailContent .content #deletedAttachments {
  margin-top: 10px;
}
.column3 #emailContent .content #deletedAttachments p {
  margin-bottom: 0 !important;
}
.column3 #emailContent .content #deletedAttachments .attachmentRow {
  padding: 5px;
}
.column3 #emailContent .content #deletedAttachments .attachmentRow:nth-child(2n) {
  background: none repeat scroll 0 0 #fbfbfb;
}
.column3 #emailContent .downloadLink {
  display: block;
  text-decoration: none;
}
.column3 #emailContent #bodyArea {
  margin: 0;
}
.column3 #emailContent blockquote {
  -webkit-margin-start: 5px !important;
  -webkit-margin-end: 5px !important;
  border-left: 2px solid #888 !important;
  padding-left: 5px !important;
  color: #888 !important;
}
.column3 #emailReply {
  cursor: pointer;
}
.column3 .buttonGap {
  margin-left: 10px;
}
.column3 .attachmenticon:before {
  font-size: 17px;
  right: 0;
  top: -10px;
}
.column3 {
  overflow-y: auto;
}
.column3 #smsContainer {
  margin: 0;
}
.column3 #smsContainer .contentBox {
  margin-right: 0;
}
.column3 #smsContainer .contentBox .greenBackground {
  background-color: #24303B;
  padding: 15px;
  margin: 0 0 10px 0;
}
.column3 #headerArea {
  font-size: 16px;
  font-weight: lighter;
  width: 100%;
  margin-bottom: 10px;
}
.column3 #headerArea .img {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 10px;
}
.column3 #headerArea .img .glyphicons:before {
  font: 34px/1em 'Glyphicons Regular';
  margin: -6px 5px 0 0;
}
.column3 #headerArea #emailFrom {
  float: left;
  width: 49%;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 14px;
}
.column3 #headerArea #emailReceived {
  float: right;
  width: 49%;
  text-align: right;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 14px;
}
.column3 #headerArea .controls {
  float: right;
}
.column3 #headerArea .controls.glyphicons:before {
  font: 15px/1em 'Glyphicons Regular';
  cursor: pointer;
}
.column3 #bodyArea #emailBody {
  line-height: 1.5;
}
.column3 #scheduledSmsMessage {
  padding: 15px;
  background-color: #ffffff;
}
.smsComposeMessage #creditStatus {
  margin-bottom: 10px;
}
.smsComposeMessage .userList {
  margin: 5px 0;
}
.smsComposeMessage .userList input {
  width: 100%;
}
.smsComposeMessage .title {
  margin: 5px 0;
}
.smsComposeMessage .title input {
  width: 100%;
}
.smsComposeMessage .messageArea .styleButtons {
  height: 30px;
}
.smsComposeMessage .messageArea .styleButtons .glyphicons {
  cursor: pointer;
}
.smsComposeMessage .messageArea .styleButtons .glyphicons:before {
  font: 15px/1em 'Glyphicons Regular';
}
.smsComposeMessage .messageArea .message textarea {
  padding: 10px;
  resize: none;
  width: 100%;
}
.smsCheckbox {
  float: left;
  margin: 0;
  min-width: 350px;
  padding: 10px;
}
.composeForm .title {
  background-color: #24303B;
  color: #EBECED;
  padding: 20px;
}
.composeForm .fieldContainer h4,
.composeForm .fieldContainer label {
  font-weight: lighter;
}
.composeForm .options label {
  font-weight: lighter;
}
.composeForm #messageCounter {
  font-weight: lighter;
}
.dialog .composeForm .composeDetailsContainer {
  padding: 0 20px 0px 20px;
}
.dialog .composeForm .buttonBar {
  margin: 20px -20px 0px -20px;
}
.contentBox.eventContainer {
  background-color: #eeeeee;
  overflow-y: auto;
}
.contentBox.eventContainer .header.listTitle {
  background-color: #24303B;
  color: #ffffff;
  height: 40px;
  border-bottom: solid 5px #333333;
  padding: 10px;
  margin: 1px;
}
.contentBox.eventContainer .header.listTitle #eventMonthLeft {
  width: 33%;
  float: left;
}
.contentBox.eventContainer .header.listTitle #eventListTitle {
  width: 33%;
  float: left;
  text-align: center;
}
.contentBox.eventContainer .header.listTitle #eventMonthRight {
  width: 33%;
  float: left;
  text-align: right;
}
.contentBox.eventContainer .content {
  padding: 0px;
}
.contentBox.eventContainer .content .listContainer {
  border: solid 1px #cccccc;
  background-color: #ffffff;
}
.contentBox.eventContainer .content .listContainer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border-left: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
}
.contentBox.eventContainer .content .listContainer ul li {
  background-color: #dddddd;
  border-bottom: solid 1px #ffffff;
  padding: 10px;
  height: 35px;
  color: #666666;
  cursor: pointer;
}
.contentBox.eventContainer .content .listContainer ul li:hover {
  background-color: #E0F0FA;
}
.contentBox.eventContainer .content .listContainer ul li .day {
  width: 90px;
  height: 10px;
  float: left;
}
.contentBox.eventContainer .content .listContainer ul li .day .lighter {
  font-weight: lighter;
}
.contentBox.eventContainer .content .listContainer ul li .event {
  float: left;
  font-weight: lighter;
}
.contentBox.eventContainer .content .listContainer ul li .event.complete {
  text-decoration: line-through;
}
.contentBox.eventContainer .content .listContainer ul li .event .icon {
  padding-left: 25px;
}
.contentBox.eventContainer .content .listContainer ul li .event .icon.glyphicons:before {
  font: 15px/1em 'glyphicons regular';
  margin: -8px 5px 0 0;
}
#eventReportsDialog .content {
  margin: 10px;
}
#eventDetailsContainer {
  height: 100%;
}
#eventDetailsContainer .mainHeading {
  background-color: #24303B;
  color: #EBECED;
  padding: 10px 10px 5px;
  margin-bottom: 10px;
}
#eventDetailsContainer .mainHeading h3 {
  width: 85%;
  float: left;
  margin: 5px 0;
}
#eventDetailsContainer .item {
  background-color: #CCE7ED;
  border-left: solid 5px #0089A4;
  line-height: 22px;
  margin-bottom: 1px;
  font-weight: lighter;
  padding: 10px;
}
#eventDetailsContainer .item .title a {
  color: #24303B;
}
.mousePointer {
  position: absolute;
  z-index: 10000;
  width: 17px;
  height: 23px;
  background-image: url(/images/cursorBlue.png);
}
#organisationOverview {
  max-width: 100%;
  margin: 30px;
  background-color: #ffffff;
}
#organisationOverview .stats .contentArea {
  margin: 0px 0px 0px 0px;
  background-color: #ffffff;
  padding: 20px;
  position: relative;
  border: 1px solid #d0d0d0;
  margin-bottom: 20px;
}
#organisationOverview .stats .contentArea h2 {
  margin: 0;
  font-weight: normal;
}
#organisationOverview .stats .rightColumn {
  position: relative;
}
@media only screen and (min-width: 1000px) {
  #organisationOverview .stats .rightColumn {
    float: right;
    width: 50%;
  }
}
@media only screen and (min-width: 600px) {
  #organisationOverview .stats .rightColumn .contentArea {
    margin: 0px 0px 0px 10px;
    background-color: #ffffff;
    padding: 20px;
    position: relative;
    border: 1px solid #d0d0d0;
    margin-bottom: 20px;
  }
}
#organisationOverview .stats .rightColumn .contentArea .chart {
  margin: 0px auto;
}
#organisationOverview .stats .rightColumn .contentArea h2 {
  margin: 0;
  font-weight: normal;
}
#organisationOverview .stats .rightColumn .contentArea #unverifiedUserList {
  overflow-y: auto;
  max-height: 352px;
}
#organisationOverview .stats .rightColumn .contentArea #cloudLinkErrorsHeader,
#organisationOverview .stats .rightColumn .contentArea #statisticsHeader {
  text-decoration: underline;
  font-weight: normal !important;
}
#organisationOverview .stats .rightColumn .contentArea #cloudLinkErrorContainer {
  overflow-y: auto;
  max-height: 648px;
}
#organisationOverview .stats .rightColumn .contentArea #cloudLinkErrorContainer .errorDetails {
  margin-top: 10px;
  padding-top: 10px;
  font-size: 16px;
  border-top: 1px solid #d0d0d0;
}
#organisationOverview .stats .rightColumn .contentArea #cloudLinkErrorContainer .errorDetails:first-of-type {
  border-top: none !important;
}
#organisationOverview .stats .leftColumn {
  position: relative;
}
@media only screen and (min-width: 1000px) {
  #organisationOverview .stats .leftColumn {
    float: left;
    width: 50%;
  }
}
#organisationOverview .stats .leftColumn .contentArea {
  margin: 0px 0px 0px 0px;
  background-color: #ffffff;
  padding: 20px;
  position: relative;
  border: 1px solid #d0d0d0;
  margin-bottom: 20px;
}
@media only screen and (min-width: 600px) {
  #organisationOverview .stats .leftColumn .contentArea {
    margin: 0px 10px 0px 0px;
    background-color: #ffffff;
    padding: 20px;
    position: relative;
    border: 1px solid #d0d0d0;
    margin-bottom: 20px;
  }
}
#organisationOverview .stats .leftColumn .contentArea h2 {
  margin: 0;
  font-weight: normal;
}
#organisationOverview .stats .leftColumn .contentArea .statistic {
  margin-top: 20px;
}
#organisationOverview .stats .leftColumn .contentArea .statistic.greyedOut {
  color: #dddddd;
}
#organisationOverview .stats .leftColumn .contentArea .statistic .statName {
  float: left;
  width: 50%;
  font-size: 16px;
  line-height: 22px;
}
#organisationOverview .stats .leftColumn .contentArea .statistic .statValue {
  float: right;
  width: 50%;
  font-size: 16px;
  line-height: 22px;
  text-align: right;
}
#organisationOverview .stats .leftColumn .contentArea #memberActivityContainer {
  margin-top: 20px;
  overflow-y: auto;
  max-height: 324px;
}
#organisationOverview .stats .leftColumn .contentArea .generalStatsHeader {
  text-decoration: underline;
  font-weight: normal !important;
}
#organisationOverview .stats .leftColumn .contentArea .errorContainer {
  overflow-y: auto;
  max-height: 648px;
}
#organisationOverview .stats .leftColumn .contentArea .errorContainer .errorDetails {
  margin-top: 10px;
  padding-top: 10px;
  font-size: 16px;
  border-top: 1px solid #d0d0d0;
}
#organisationOverview .stats .leftColumn .contentArea .errorContainer .errorDetails:first-of-type {
  border-top: none !important;
}
#organisationOverview .stats .leftColumn .contentArea .errorContainer .errorDetails .errorMessage {
  margin-top: 5px;
  font-size: 12px;
  line-height: 14px;
}
#organisationOverview .alert {
  position: relative;
}
#organisationOverview .alert .dismissAlert {
  position: absolute;
  right: 10px;
  top: 10px;
}
#organisationOverview .alert .message {
  margin: 0 10px;
  width: auto;
}
#organisationOverview .alert.NOTICE .message,
#organisationOverview .alert.WARNING .message {
  margin-right: 20px;
}
#organisationOverview .leftColumn,
#organisationOverview .rightColumn {
  padding: 15px;
}
#organisationOverview .contentSection {
  padding: 10px;
}
#organisationOverview .sectionTitle {
  font-weight: 700;
  border-bottom: 2px solid #000;
  margin-bottom: 10px;
  padding-bottom: 5px;
  text-align: center;
}
#organisationOverview #headlineStatContainer #logoAndMoneySaved {
  display: flex;
  -webkit-display: flex;
  -ms-display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
}
#organisationOverview #headlineStatContainer #logoAndMoneySaved #schoolDetails {
  order: 1;
  -webkit-order: 1;
  -ms-order: 1;
}
#organisationOverview #headlineStatContainer #logoAndMoneySaved #schoolDetails #schoolLogoContainer #schoolLogo {
  width: 180px;
  height: 180px;
}
#organisationOverview #headlineStatContainer #logoAndMoneySaved #moneySavedContainer {
  flex-grow: 1;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  order: 2;
  -webkit-order: 2;
  -ms-order: 2;
  margin: 33px 0 33px 15px;
}
#organisationOverview #headlineStatContainer #logoAndMoneySaved #moneySavedContainer #moneySavedBox {
  border: 3px solid #0B61BD;
  text-align: center;
  padding: 10px;
}
#organisationOverview #headlineStatContainer #logoAndMoneySaved #moneySavedContainer #moneySavedBox p {
  margin: 0;
  font-weight: 700;
}
#organisationOverview #headlineStatContainer #logoAndMoneySaved #moneySavedContainer #moneySavedBox h2 {
  font-size: 40px;
  font-weight: 900;
  color: #0B61BD;
  margin: 10px 0;
}
#organisationOverview #headlineStatContainer #schoolName {
  display: inline-block;
}
#organisationOverview #applicationsContainer #applicationsGroup {
  margin-top: 20px;
}
#organisationOverview #applicationsContainer #applicationsGroup .applicationContainer {
  display: flex;
  -webkit-display: flex;
  -ms-display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
}
#organisationOverview #applicationsContainer #applicationsGroup .applicationContainer .appIconContainer {
  order: 1;
  -webkit-order: 1;
  -ms-order: 1;
  padding: 0 15px 12px 0;
}
#organisationOverview #applicationsContainer #applicationsGroup .applicationContainer .appIconContainer .appIcon {
  font-size: 22px;
  color: #7f7f7f;
  top: -6px;
}
#organisationOverview #applicationsContainer #applicationsGroup .applicationContainer .appTitleContainer {
  flex-grow: 1;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  order: 2;
  -webkit-order: 2;
  -ms-order: 2;
  padding: 0 10px 12px 0;
}
#organisationOverview #applicationsContainer #applicationsGroup .applicationContainer .appTitleContainer .applicationTitle {
  margin-left: 38px;
}
#organisationOverview #applicationsContainer #applicationsGroup .applicationContainer .appSwitchContainer {
  order: 3;
  -webkit-order: 3;
  -ms-order: 3;
  padding: 0 15px 12px 0;
  width: 68px;
}
#organisationOverview #applicationsContainer #applicationsGroup .applicationContainer .appSwitchContainer .switch {
  overflow: hidden;
  margin-top: -3px;
  margin-left: 6px;
}
#organisationOverview #applicationsContainer #applicationsGroup .applicationContainer .misLinkDetails {
  order: 3;
  -webkit-order: 3;
  -ms-order: 3;
  padding: 0 15px 12px 0;
  width: 164px;
}
#organisationOverview #applicationsContainer #applicationsGroup .applicationContainer .appVideoBtnContainer {
  order: 4;
  -webkit-order: 4;
  -ms-order: 4;
  padding: 0 15px 12px 0;
  width: 52px;
}
#organisationOverview #applicationsContainer #applicationsGroup .applicationContainer .appVideoBtnContainer .appVideoBtn {
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background-color: #fff;
  margin: -3px auto 0 auto;
}
#organisationOverview #applicationsContainer #applicationsGroup .applicationContainer .appVideoBtnContainer .appVideoBtn.enabled {
  border: 2px solid #1b1b1b;
  cursor: pointer;
}
#organisationOverview #applicationsContainer #applicationsGroup .applicationContainer .appVideoBtnContainer .appVideoBtn.enabled .btnTriangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 8px;
  border-color: transparent transparent transparent #1b1b1b;
  margin: 4px 0 0 5px;
}
#organisationOverview #applicationsContainer #applicationsGroup .applicationContainer .appVideoBtnContainer .appVideoBtn.enabled:hover {
  border: 2px solid #3E3E3E;
}
#organisationOverview #applicationsContainer #applicationsGroup .applicationContainer .appVideoBtnContainer .appVideoBtn.enabled:hover .btnTriangle {
  border-color: transparent transparent transparent #3E3E3E;
}
#organisationOverview #applicationsContainer #applicationsGroup .applicationContainer .appEnquiryBtnContainer {
  order: 5;
  -webkit-order: 5;
  -ms-order: 5;
  padding: 0 0 12px 0;
  width: 50px;
}
#organisationOverview #applicationsContainer #applicationsGroup .applicationContainer .appEnquiryBtnContainer .appEnquiryBtn {
  visibility: hidden;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  margin: -3px auto 0 auto;
  background-color: #fff;
}
#organisationOverview #applicationsContainer #applicationsGroup .applicationContainer .appEnquiryBtnContainer .appEnquiryBtn.enabled {
  visibility: visible;
  border: 2px solid #0B61BD;
  cursor: pointer;
}
#organisationOverview #applicationsContainer #applicationsGroup .applicationContainer .appEnquiryBtnContainer .appEnquiryBtn.enabled .btnInfo {
  font-weight: 700;
  margin: 1px 0 0 6px;
  color: #0B61BD;
}
#organisationOverview #applicationsContainer #applicationsGroup .applicationContainer .appEnquiryBtnContainer .appEnquiryBtn.enabled:hover {
  border: 2px solid #0B61BD;
}
#organisationOverview #applicationsContainer #applicationsGroup .applicationContainer .appEnquiryBtnContainer .appEnquiryBtn.enabled:hover .btnInfo {
  color: #0B61BD;
}
#organisationOverview #motdContainer #motdScrollArea {
  height: 153px;
  overflow-y: scroll;
}
#organisationOverview #motdContainer #motdScrollArea #motdScrollBody h4 {
  margin-top: 5px;
}
#organisationOverview #motdContainer #motdScrollArea #motdScrollBody p {
  line-height: 1.5;
}
#organisationOverview #motdContainer #motdViewMore {
  text-align: right;
  margin-top: 10px;
}
#organisationOverview #motdContainer #motdViewMore a {
  text-decoration: none;
}
#organisationOverview #vitalStatsContainer #vitalStatisticsGroup .vitalStatistic .vitalStatisticBarContainer {
  position: relative;
  height: 10px;
  background-color: #ddd;
}
#organisationOverview #vitalStatsContainer #vitalStatisticsGroup .vitalStatistic .vitalStatisticBarContainer .vitalStatisticBar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0%;
}
#organisationOverview #vitalStatsContainer #vitalStatisticsGroup .vitalStatistic .vitalStatisticBarContainer .vitalStatisticBar.red {
  background-color: #d9534f;
}
#organisationOverview #vitalStatsContainer #vitalStatisticsGroup .vitalStatistic .vitalStatisticBarContainer .vitalStatisticBar.amber {
  background-color: #F5913A;
}
#organisationOverview #vitalStatsContainer #vitalStatisticsGroup .vitalStatistic .vitalStatisticBarContainer .vitalStatisticBar.green {
  background-color: #0B61BD;
}
#organisationOverview #vitalStatsContainer #definingFamiliesContainer {
  padding: 20px;
  text-align: center;
  border: 2px solid #0B61BD;
}
#organisationOverview #vitalStatsContainer #definingFamiliesContainer #familyDefinition {
  margin-left: 7px;
  padding: 2px 10px;
  border-radius: 50%;
  background-color: #0B61BD;
  color: white;
  cursor: pointer;
}
#organisationOverview #vitalStatsContainer .yourStatsBtn {
  margin-top: 15px;
}
#organisationOverview #vitalStatsContainer #barChartKeySet .barChartKey {
  display: inline-block;
  margin-right: 15px;
}
#organisationOverview #vitalStatsContainer #barChartKeySet .barChartKey .keyColour {
  display: inline-block;
  height: 10px;
  width: 10px;
}
#organisationOverview #vitalStatsContainer #barChartKeySet .barChartKey .keyColour.red {
  background-color: #C8102E;
}
#organisationOverview #vitalStatsContainer #barChartKeySet .barChartKey .keyColour.amber {
  background-color: #B86B00;
}
#organisationOverview #vitalStatsContainer #barChartKeySet .barChartKey .keyColour.green {
  background-color: #0B61BD;
}
#organisationOverview #vitalStatsContainer #barChartKeySet .barChartKey .keyTitle {
  display: inline-block;
  margin-top: 0;
  margin-left: 5px;
}
#boostRegistrationDialogContainer {
  padding: 20px;
  line-height: 1.4;
}
#boostRegistrationDialogContainer h2 {
  font-weight: 600;
}
#boostRegistrationDialogContainer h2#improvingRegistration {
  margin-top: 0;
}
#boostRegistrationDialogContainer .selectGroup {
  display: flex;
  -ms-display: flex;
  -webkit-display: flex;
  flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
}
#boostRegistrationDialogContainer .selectGroup .checkboxContainer {
  flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-basis: 100%;
  -ms-flex-basis: 100%;
  -webkit-flex-basis: 100%;
  padding: 5px 5px 0 5px;
}
#boostRegistrationDialogContainer .singleButtonContainer {
  text-align: right;
}
#boostRegistrationDialogContainer .buttonGroup {
  display: flex;
  -ms-display: flex;
  -webkit-display: flex;
}
#boostRegistrationDialogContainer .buttonGroup .buttonContainer {
  display: flex;
  -ms-display: flex;
  -webkit-display: flex;
  flex-basis: 50%;
  -ms-flex-basis: 50%;
  -webkit-flex-basis: 50%;
  flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
}
#boostRegistrationDialogContainer .buttonGroup .buttonContainer.first {
  padding: 10px 10px 10px 0;
}
#boostRegistrationDialogContainer .buttonGroup .buttonContainer.last {
  padding: 10px 0 10px 10px;
}
#boostRegistrationDialogContainer .buttonGroup .buttonContainer .buttonDescription {
  flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  padding-left: 10px;
}
#boostRegistrationDialogContainer .reportDetailsContainer h3 {
  font-weight: 600;
}
#boostRegistrationDialogContainer .reportDetailsContainer .reportDetailsButton {
  display: flex;
  -ms-display: flex;
  -webkit-display: flex;
}
#boostRegistrationDialogContainer .reportDetailsContainer .reportDetailsButton .reportDetailsText {
  flex-grow: 1;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  padding: 5px 5px 5px 0;
}
#boostRegistrationDialogContainer .reportDetailsContainer .reportDetailsButton button {
  margin: 0 0 0 5px;
}
#appSwitchDialogContainer {
  padding: 15px;
}
#appSwitchDialogContainer p {
  margin: 0;
  line-height: 1.3;
}
.ribbon-wrapper {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}
.ribbon-green {
  font-weight: normal;
  color: #EBECED;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #688F24;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}
.ribbon-green:before,
.ribbon-green:after {
  content: "";
  border-top: 3px solid #688F24;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  position: absolute;
  bottom: -3px;
}
.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}
.ribbon-orange {
  font-weight: normal;
  color: #EBECED;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #B86B00;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}
.ribbon-orange:before,
.ribbon-orange:after {
  content: "";
  border-top: 3px solid #B86B00;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  position: absolute;
  bottom: -3px;
}
.ribbon-orange:before {
  left: 0;
}
.ribbon-orange:after {
  right: 0;
}
.ribbon {
  font-size: 16px !important;
  /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */
  width: 101%;
  position: relative;
  background: #24303B;
  color: #EBECED;
  text-align: center;
  padding: 1em 2em;
  /* Adjust to suit */
  margin-left: -36px;
  /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}
.ribbon:before,
.ribbon:after {
  content: "";
  position: absolute;
  display: block;
  bottom: -1em;
  z-index: -1;
}
.ribbon:before {
  left: -2em;
  border-right-width: 1.5em;
  border-left-color: transparent;
}
.ribbon:after {
  right: -2em;
  border-left-width: 1.5em;
  border-right-color: transparent;
}
.ribbon .ribbon-content:before,
.ribbon .ribbon-content:after {
  content: "";
  position: absolute;
  display: block;
  border-style: solid;
  border-color: #2b2b2b transparent transparent transparent;
  bottom: -1em;
}
.ribbon .ribbon-content:before {
  left: 0;
  border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content:after {
  right: 0;
  border-width: 1em 1em 0 0;
}
.arrowTop::before {
  position: absolute;
  top: -9px;
  display: inline-block;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #cccccc;
  border-left: 9px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.1);
  content: '';
}
.arrowTop::after {
  position: absolute;
  top: -8px;
  display: inline-block;
  border-right: 8px solid transparent;
  border-bottom: 9px solid #ffffff;
  border-left: 8px solid transparent;
  content: '';
}
.arrowTop.left::before {
  left: 9px;
}
.arrowTop.left::after {
  left: 10px;
}
.arrowTop.center::before {
  left: 50%;
}
.arrowTop.center::after {
  left: 50.5%;
}
.arrowTop.right::before {
  right: 10px;
}
.arrowTop.right::after {
  right: 11px;
}
.arrowRight::before {
  position: absolute;
  right: -9px;
  display: inline-block;
  border-top: 10px solid transparent;
  border-left: 9px solid #cccccc;
  border-bottom: 10px solid transparent;
  border-left-color: rgba(0, 0, 0, 0.1);
  content: '';
}
.arrowRight::after {
  position: absolute;
  right: -8px;
  display: inline-block;
  border-top: 8px solid transparent;
  border-left: 8px solid #ffffff;
  border-bottom: 8px solid transparent;
  content: '';
}
.arrowRight.top::before {
  top: 7px;
}
.arrowRight.top::after {
  top: 9px;
}
.arrowRight.middle::before {
  top: 50%;
}
.arrowRight.middle::after {
  top: 50.5%;
}
.arrowRight.bottom::before {
  bottom: 10px;
}
.arrowRight.bottom::after {
  bottom: 12px;
}
.arrowLeft::before {
  position: absolute;
  left: -9px;
  display: inline-block;
  border-top: 10px solid transparent;
  border-right: 9px solid #cccccc;
  border-bottom: 10px solid transparent;
  border-left-color: rgba(0, 0, 0, 0.1);
  content: '';
}
.arrowLeft::after {
  position: absolute;
  left: -8px;
  display: inline-block;
  border-top: 8px solid transparent;
  border-right: 9px solid #ffffff;
  border-bottom: 8px solid transparent;
  content: '';
}
.arrowLeft.top::before {
  top: 7px;
}
.arrowLeft.top::after {
  top: 9px;
}
.arrowLeft.middle::before {
  top: 50%;
}
.arrowLeft.middle::after {
  top: 50.5%;
}
.arrowLeft.bottom::before {
  bottom: 10px;
}
.arrowLeft.bottom::after {
  bottom: 12px;
}
.arrowBottom::before {
  position: absolute;
  bottom: -9px;
  display: inline-block;
  border-right: 9px solid transparent;
  border-top: 9px solid #cccccc;
  border-left: 9px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.1);
  content: '';
}
.arrowBottom::after {
  position: absolute;
  bottom: -7px;
  display: inline-block;
  border-right: 8px solid transparent;
  border-top: 8px solid #ffffff;
  border-left: 8px solid transparent;
  content: '';
}
.arrowBottom.left::before {
  left: 8px;
}
.arrowBottom.left::after {
  left: 9px;
}
.arrowBottom.center::before {
  left: 50%;
}
.arrowBottom.center::after {
  left: 50.5%;
}
.arrowBottom.right::before {
  right: 10px;
}
.arrowBottom.right::after {
  right: 11px;
}
.userCreate {
  background-color: #ffffff;
  margin: 30px;
  padding: 20px;
}
.userCreate .page-header {
  padding: 20px 20px 0 16px;
  margin-bottom: 20px;
}
.userCreate .greenBackground {
  background-color: #24303B;
  color: #EBECED;
  padding: 15px;
}
.userCreate .userTypeSelector {
  padding: 0;
}
.userCreate .userTypeSelector select {
  margin-bottom: 0;
}
.userCreate .userType {
  border: solid 1px #EBECED;
  color: #24303B;
  background-color: #ffffff;
  padding: 20px;
  margin-bottom: 20px;
}
.userCreate .userType select {
  width: 100%;
  border: solid 1px #EBECED;
}
.userCreate .userType .title {
  font-size: 16px;
  margin-bottom: 10px;
}
.userCreate .userDetailsContainer {
  margin: 20px 0px 0px 0px;
}
.userCreate .userDetailsContainer .section h3 {
  font-size: 14px;
  margin-top: 0;
}
.userCreate .buttonBar {
  height: auto;
  overflow: auto;
  margin: 0px;
  padding-top: 3px;
}
@media (min-width: 1370px) {
  #userCreateForm #title {
    float: left;
    width: 16%;
  }
  #userCreateForm #firstName {
    float: left;
    margin-left: 1%;
    width: 32%;
  }
  #userCreateForm #lastName {
    float: right;
    margin-left: 1%;
    width: 49.2%;
  }
  #userCreateForm .halfContact {
    display: inline-block;
    vertical-align: top;
    width: 49%;
  }
  #userCreateForm .halfContact.gap {
    margin-right: 1.4%;
  }
  #userCreateForm .contentLeft {
    vertical-align: top;
    width: 49%;
    float: left;
  }
  #userCreateForm .contentRight {
    vertical-align: top;
    width: 49%;
    float: right;
  }
}
.dialog .userCreate {
  margin: 0px !important;
  padding: 0px !important;
}
.dialog .userCreate .userDetailsContainer {
  padding: 20px;
}
.dialog .userCreate .userDetailsContainer .section.name .img {
  margin: 0;
}
.dialog .userCreate .buttonBar {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
}
@media only screen and (min-width: 600px) {
  .messageBarContainer {
    margin-right: 20px;
  }
}
.messageBarContainer .header {
  font-size: 16px;
  font-weight: bold;
}
.messageBarContainer .content {
  padding: 15px 15px 15px 0px;
}
.messageBarContainer .content .icon {
  height: 50px;
  float: left;
  margin-right: 15px;
}
.messageBarContainer .content .icon:before {
  font-size: 45px;
  color: #4c4c4c;
}
.messageBarContainer .content .message {
  float: left;
  width: 86%;
  font-size: 14px;
}
#userDetailsContainer .viewDetails {
  height: 100%;
}
#userDetailsContainer .viewDetails .mainHeading {
  background-color: #24303B;
  color: #EBECED;
  padding: 10px 10px 5px;
  margin-bottom: 10px;
}
#userDetailsContainer .viewDetails .mainHeading h3 {
  width: 85%;
  float: left;
  margin: 5px 0;
}
#userDetailsContainer .viewDetails .imgMain {
  width: 60px;
  height: 60px;
  margin-right: 10px;
  margin-bottom: 10px;
}
#userDetailsContainer .viewDetails .imgMain .glyphicons:before {
  font: 60px/1em 'Glyphicons Regular';
  margin: -6px 5px 0 0;
}
#userDetailsContainer .viewDetails .contactDetails .name {
  margin-top: 0;
}
#userDetailsContainer .viewDetails .contactDetails p {
  margin: 5px 0;
}
#userDetailsContainer .viewDetails .userAddRelationship .actions .glyphicons,
#userDetailsContainer .viewDetails .userAddToGroup .actions .glyphicons,
#userDetailsContainer .viewDetails .userAddType .actions .glyphicons {
  height: 24px;
  width: 24px;
  cursor: pointer;
  -webkit-appearance: none;
  padding: 0px 6px;
  border: 0;
  border-radius: 20px;
  float: right;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #24303B;
  border-color: #24303B;
  box-shadow: 0 0 0 0 #24303B;
}
#userDetailsContainer .viewDetails .userAddRelationship .actions .glyphicons:hover,
#userDetailsContainer .viewDetails .userAddToGroup .actions .glyphicons:hover,
#userDetailsContainer .viewDetails .userAddType .actions .glyphicons:hover,
#userDetailsContainer .viewDetails .userAddRelationship .actions .glyphicons:focus,
#userDetailsContainer .viewDetails .userAddToGroup .actions .glyphicons:focus,
#userDetailsContainer .viewDetails .userAddType .actions .glyphicons:focus {
  box-shadow: 0 0 0 0.2rem #24303B;
}
#userDetailsContainer .viewDetails .userAddRelationship .actions .glyphicons:before,
#userDetailsContainer .viewDetails .userAddToGroup .actions .glyphicons:before,
#userDetailsContainer .viewDetails .userAddType .actions .glyphicons:before {
  margin-top: 3px;
  left: auto;
  right: -8px;
  font: 16px/1em 'Glyphicons Regular';
}
#userDetailsContainer .viewDetails .actions {
  min-width: 80px;
}
#userDetailsContainer .viewDetails .actions .userDeleteRelationship .controls,
#userDetailsContainer .viewDetails .actions .userDeleteGroup .controls,
#userDetailsContainer .viewDetails .actions .userDeleteType .controls {
  height: 25px;
  width: 24px;
  cursor: pointer;
  -webkit-appearance: none;
  padding: 0px;
  border: 0;
  border-radius: 20px;
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #24303B;
  border-color: #24303B;
  box-shadow: 0 0 0 0 #24303B;
}
#userDetailsContainer .viewDetails .actions .userDeleteRelationship .controls:hover,
#userDetailsContainer .viewDetails .actions .userDeleteGroup .controls:hover,
#userDetailsContainer .viewDetails .actions .userDeleteType .controls:hover,
#userDetailsContainer .viewDetails .actions .userDeleteRelationship .controls:focus,
#userDetailsContainer .viewDetails .actions .userDeleteGroup .controls:focus,
#userDetailsContainer .viewDetails .actions .userDeleteType .controls:focus {
  box-shadow: 0 0 0 0.2rem #24303B;
}
#userDetailsContainer .viewDetails .actions .userDeleteRelationship .controls:before,
#userDetailsContainer .viewDetails .actions .userDeleteGroup .controls:before,
#userDetailsContainer .viewDetails .actions .userDeleteType .controls:before {
  margin-top: 3px;
  left: auto;
  right: -8px;
  font: 16px/1em 'Glyphicons Regular';
}
#userDetailsContainer .viewDetails .actions .userDeleteRelationship .controls.iconOnly,
#userDetailsContainer .viewDetails .actions .userDeleteGroup .controls.iconOnly,
#userDetailsContainer .viewDetails .actions .userDeleteType .controls.iconOnly {
  margin-left: 10px;
}
#userDetailsContainer .viewDetails .actions .userDeleteRelationship .controls.glyphicons-bin:before,
#userDetailsContainer .viewDetails .actions .userDeleteGroup .controls.glyphicons-bin:before,
#userDetailsContainer .viewDetails .actions .userDeleteType .controls.glyphicons-bin:before {
  color: #C8102E !important;
}
#userDetailsContainer .viewDetails .addressDetails p {
  margin: 5px 0;
}
#userDetailsContainer .viewDetails .additionalDetails h3 {
  margin-top: 0;
}
#userDetailsContainer .viewDetails .additionalDetails p {
  margin: 5px 0;
}
#userDetailsContainer .viewDetails .sectionContainer {
  position: relative;
}
#userDetailsContainer .viewDetails .sectionContainer .heading {
  display: block;
  overflow: auto;
  position: relative;
}
#userDetailsContainer .viewDetails .sectionContainer .heading .collapsible-toggle {
  cursor: pointer;
  margin-top: 10px;
  color: #428bca;
  text-decoration: underline;
}
#userDetailsContainer .viewDetails .sectionContainer .heading .collapsible-toggle .glyphicons {
  cursor: pointer;
}
#userDetailsContainer .viewDetails .sectionContainer .heading .collapsible-toggle .glyphicons:before {
  font-size: 18px;
  top: 14px;
  right: 14px;
  color: #888;
}
#userDetailsContainer .viewDetails .sectionContainer .heading .collapsible-toggle .glyphicons:hover:before {
  color: #1d1d1b;
}
#userDetailsContainer .viewDetails .sectionContainer .collapsible-content {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
  height: 0;
  list-style: none;
}
#userDetailsContainer .viewDetails .sectionContainer .collapsible-content.collapsible-hide {
  height: 0;
}
#userDetailsContainer .viewDetails .sectionContainer .collapsible-content .controls .glyphicons:before {
  font: 12px/1em 'Glyphicons Regular';
  cursor: pointer;
  color: #688F24 !important;
}
#userDetailsContainer .viewDetails .sectionContainer .collapsible-content .controls .glyphicons:hover:before {
  color: #688F24 !important;
}
#userDetailsContainer .viewDetails .sectionContainer .collapsible-content .controls.iconOnly {
  margin-left: 10px;
}
#userDetailsContainer .viewDetails .sectionContainer .collapsible-content .controls.iconOnlyContainer {
  padding: 4px 0 0 0;
}
#userDetailsContainer .viewDetails .sectionContainer .collapsible-content .historyItem {
  padding: 10px;
  margin-bottom: 2px;
  background-color: #CCE7ED;
  border-left: solid 5px #0089A4;
}
#userDetailsContainer .viewDetails .sectionContainer .pages {
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
  display: inline-block;
  position: relative;
}
#userDetailsContainer .viewDetails .sectionContainer .pages li {
  display: inline-block;
  margin: 5px 3px 3px 5px;
}
#userDetailsContainer .viewDetails .sectionContainer .pages li.first {
  margin-right: 35px;
}
#userDetailsContainer .viewDetails .sectionContainer .pages li.last {
  margin-left: 35px;
}
#userDetailsContainer #userAllergensDetails {
  width: 70%;
}
#userDetailsContainer #userAllergensDetails .sectionContainer {
  position: relative;
}
#userDetailsContainer #userAllergensDetails .sectionContainer .heading {
  display: block;
  overflow: auto;
  position: relative;
}
#userDetailsContainer #userAllergensDetails .sectionContainer .heading .collapsible-toggle {
  cursor: pointer;
  margin-top: 10px;
  color: #428bca;
  text-decoration: underline;
}
#userDetailsContainer #userAllergensDetails .sectionContainer .heading .collapsible-toggle .glyphicons {
  cursor: pointer;
}
#userDetailsContainer #userAllergensDetails .sectionContainer .heading .collapsible-toggle .glyphicons:before {
  font-size: 18px;
  top: 14px;
  right: 14px;
  color: #888;
}
#userDetailsContainer #userAllergensDetails .sectionContainer .heading .collapsible-toggle .glyphicons:hover:before {
  color: #1d1d1b;
}
#userDetailsContainer #userAllergensDetails .sectionContainer .collapsible-content {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
  list-style: none;
}
#userDetailsContainer #userAllergensDetails .sectionContainer .collapsible-content.collapsible-hide {
  height: 0;
}
#userDetailsContainer #userAllergensDetails .sectionContainer .collapsible-content .contentContainer {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#userDetailsContainer #userAllergensDetails .sectionContainer .collapsible-content .controls .glyphicons:before {
  font: 12px/1em 'Glyphicons Regular';
  cursor: pointer;
}
#userDetailsContainer #userAllergensDetails .sectionContainer .collapsible-content .controls.iconOnly {
  margin-left: 10px;
}
#userDetailsContainer #userAllergensDetails .sectionContainer .collapsible-content .controls.iconOnlyContainer {
  padding: 4px 0 0 0;
}
#userDetailsContainer #userAllergensDetails .sectionContainer .collapsible-content .allergenItem {
  padding: 10px;
  margin-bottom: 2px;
  background-color: #f4f9f0;
  border-left: solid 5px #e3e7df;
}
#userDetailsContainer #userHistoryDetails .sectionContainer {
  position: relative;
}
#userDetailsContainer #userHistoryDetails .sectionContainer .heading {
  display: block;
  overflow: auto;
  position: relative;
}
#userDetailsContainer #userHistoryDetails .sectionContainer .heading .collapsible-toggle {
  cursor: pointer;
  margin-top: 10px;
  color: #428bca;
  text-decoration: underline;
}
#userDetailsContainer #userHistoryDetails .sectionContainer .heading .collapsible-toggle .glyphicons {
  cursor: pointer;
}
#userDetailsContainer #userHistoryDetails .sectionContainer .heading .collapsible-toggle .glyphicons:before {
  font-size: 18px;
  top: 14px;
  right: 14px;
  color: #888;
}
#userDetailsContainer #userHistoryDetails .sectionContainer .heading .collapsible-toggle .glyphicons:hover:before {
  color: #1d1d1b;
}
#userDetailsContainer #userHistoryDetails .sectionContainer .collapsible-content {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
  list-style: none;
}
#userDetailsContainer #userHistoryDetails .sectionContainer .collapsible-content.collapsible-hide {
  height: 0;
}
#userDetailsContainer #userHistoryDetails .sectionContainer .collapsible-content .contentContainer {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#userDetailsContainer #userHistoryDetails .sectionContainer .collapsible-content .controls .glyphicons:before {
  font: 12px/1em 'Glyphicons Regular';
  cursor: pointer;
}
#userDetailsContainer #userHistoryDetails .sectionContainer .collapsible-content .controls.iconOnly {
  margin-left: 10px;
}
#userDetailsContainer #userHistoryDetails .sectionContainer .collapsible-content .controls.iconOnlyContainer {
  padding: 4px 0 0 0;
}
#userDetailsContainer #userHistoryDetails .sectionContainer .collapsible-content .historyItem {
  padding: 10px;
  margin-bottom: 2px;
  background-color: #CCE7ED;
  border-left: solid 5px #0089A4;
}
#userDetailsContainer #userHistoryDetails .sectionContainer .pages {
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
  display: inline-block;
  position: relative;
}
#userDetailsContainer #userHistoryDetails .sectionContainer .pages li {
  display: inline-block;
  margin: 5px 3px 3px 5px;
}
#userDetailsContainer #userHistoryDetails .sectionContainer .pages li.first {
  margin-right: 35px;
}
#userDetailsContainer #userHistoryDetails .sectionContainer .pages li.last {
  margin-left: 35px;
}
#userDetailsContainer .userDetailsTitle,
#userDetailsContainer .userAllergensTitle,
#userDetailsContainer .userHistoryTitle {
  margin-bottom: 8px;
  margin-top: 8px;
}
@media (max-width: 1200px) {
  #userDetailsContainer #userMainDetails {
    width: 100%;
  }
  #userDetailsContainer #userHistoryDetails {
    width: 100%;
  }
}
.userTypeSelector {
  padding: 15px;
}
.userTypeSelector h3 {
  color: #24303B;
  font-size: 16px;
}
.descriptionContainer {
  padding: 15px;
}
.dialog {
  opacity: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: auto;
  overflow-y: scroll;
  position: fixed;
  display: block;
  -webkit-overflow-scrolling: touch;
  padding: 1px;
}
.dialog.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  z-index: 15;
}
.dialog .dialog-wrapper,
.dialog .dialog-wrapper-nice {
  margin: 0;
  padding: 20px;
}
.dialog .dialog-wrapper :first-child,
.dialog .dialog-wrapper-nice :first-child {
  margin-top: 0;
}
.dialog .dialog-wrapper :last-child,
.dialog .dialog-wrapper-nice :last-child {
  margin-bottom: 0;
}
.dialog .dialog-wrapper div span.glyphicons,
.dialog .dialog-wrapper-nice div span.glyphicons,
.dialog .dialog-wrapper div span.halflings,
.dialog .dialog-wrapper-nice div span.halflings {
  margin-right: 10px;
}
.dialog .dialog-wrapper.displayAvailableFundsMessage div span.glyphicons,
.dialog .dialog-wrapper-nice.displayAvailableFundsMessage div span.glyphicons,
.dialog .dialog-wrapper.displayAvailableFundsMessage div span.halflings,
.dialog .dialog-wrapper-nice.displayAvailableFundsMessage div span.halflings {
  font-size: 2em;
}
.dialog .dialog-wrapper-nice {
  padding: 15px;
  line-height: 18px;
}
.dialog .dialog-wrapper-nice .padded-wrapper {
  padding-left: 10px;
}
.dialog .form {
  color: #24303B;
  padding: 15px;
}
.dialog .form .section:first-child :first-child {
  margin-top: 0;
}
.dialog .form input {
  border: 1px solid #a9a9a9;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 10px;
  width: 100%;
}
.dialog .buttonBar,
.dialog .footerBar {
  background: #ddd;
  padding: 13px 15px;
  border-radius: 0;
  overflow: hidden;
  margin: 0;
}
.dialog .buttonBar button,
.dialog .footerBar button {
  float: right;
  line-height: 30px;
  margin-right: 15px;
  padding: 0 15px;
}
.dialog .buttonBar .btn,
.dialog .footerBar .btn {
  margin-bottom: 0 !important;
}
.dialog .buttonBar .neutral,
.dialog .footerBar .neutral {
  background: #eee;
  border: 1px solid #aaa;
  color: #666;
  float: right;
  line-height: 31px;
  padding: 0 15px;
  text-align: center;
}
.dialog .buttonBar button:first-child,
.dialog .footerBar button:first-child {
  margin-right: 0;
}
.dialog .container {
  width: 100%;
  position: relative;
  margin: 0 auto;
  background-color: #ffffff;
  cursor: auto;
  border-radius: 0;
  padding: 1px;
}
.dialog .container .headerBar {
  background-color: #24303B;
  color: #ffffff;
  padding: 15px;
  font-size: 16px;
  font-weight: lighter;
  border-radius: 0;
  height: auto;
  overflow: auto;
}
.dialog .container .headerBar h3 {
  font-weight: lighter;
  font-size: 16px;
  margin: 0;
}
.dialog .container .headerBar .closeDialog {
  height: 22px;
  width: 24px;
  cursor: pointer;
  -webkit-appearance: none;
  padding: 0;
  border: 0;
  border-radius: 11px;
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #ffffff;
  background-color: #24303B;
  border-color: #ffffff;
  box-shadow: 0 0 0 0 #ffffff;
}
.dialog .container .headerBar .closeDialog:hover,
.dialog .container .headerBar .closeDialog:focus {
  box-shadow: 0 0 0 0.2rem #ffffff;
}
.dialog .container .headerBar .closeDialog.glyphicons {
  padding: 0;
  top: -3px;
}
.dialog .container .headerBar .closeDialog.glyphicons:before {
  margin-top: 3px;
  left: auto;
  right: -8px;
  font: 16px/1em 'Glyphicons Regular';
}
.dialog .container .content {
  color: #666666;
  max-height: 600px;
}
@media (min-width: 900px) {
  .dialog .container {
    margin: 75px auto 0 auto;
    width: 70%;
    border-radius: 0;
  }
  .dialog .container.sessionTimeOut {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .dialog .container {
    width: 50%;
  }
  .dialog .container.sessionTimeOut {
    width: 40%;
  }
}
ul.listContainer {
  padding: 0;
  margin: 0;
}
ul.listContainer .pull-left {
  width: 85%;
}
ul.listContainer .actions {
  min-width: 25px;
  width: 25px;
}
ul.listContainer .actions-2 .list-item-action {
  float: none;
}
ul.listContainer .list-item-action {
  float: right;
  height: 25px;
  text-indent: -9999px;
  margin-left: 0 !important;
  position: relative;
  width: 25px;
  color: #24303B !important;
}
ul.listContainer .list-item-action .controls {
  height: 25px;
  width: 24px;
  cursor: pointer;
  -webkit-appearance: none;
  padding: 0px;
  border: 0;
  border-radius: 20px;
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #24303B;
  border-color: #24303B;
  box-shadow: 0 0 0 0 #24303B;
}
ul.listContainer .list-item-action .controls:hover,
ul.listContainer .list-item-action .controls:focus {
  box-shadow: 0 0 0 0.2rem #24303B;
}
ul.listContainer .list-item-action .controls.glyphicons {
  cursor: pointer;
  position: absolute;
  right: 0;
  text-indent: 0;
  top: 0;
  margin: 0;
}
ul.listContainer .list-item-action .controls.glyphicons:before {
  color: #24303B;
  left: auto;
  line-height: 16px !important;
  font-size: 14px !important;
  padding: 5px;
  right: 5px;
  margin: 0;
}
ul.listContainer .list-item-action .controls.glyphicons:hover:before {
  color: #24303B;
}
ul.listContainer .list-item-action .controls.glyphicons.check:before {
  font-size: 16px !important;
  right: 3px;
}
ul.listContainer .list-item-action .controls.glyphicons.unchecked:before {
  font-size: 16px !important;
  right: 2px;
}
ul.listContainer .with-subTitle .list-item-action .glyphicons:before {
  line-height: 40px !important;
}
ul.listContainer .with-subTitle .actions-2 .list-item-action .glyphicons:before {
  line-height: 20px !important;
}
ul.listContainer li {
  margin: 0;
  padding: 10px;
  list-style: none;
}
ul.listContainer li.heading {
  height: 40px;
  margin: 0 0 10px 0;
}
ul.listContainer li.item {
  background-color: #CCE7ED;
  border-left: solid 5px #0089A4;
  line-height: 22px;
  margin-bottom: 1px;
  font-weight: lighter;
}
ul.listContainer li.item .img {
  height: 60px;
  width: 60px;
  margin-right: 10px;
}
ul.listContainer li.item .img .glyphicons:before {
  font: 59px/1em 'Glyphicons Regular';
  margin: -6px 5px 0 0;
}
ul.listContainer li.item .title {
  margin: 0;
  display: block;
  width: 80%;
  float: left;
  font-weight: lighter;
  text-transform: capitalize;
}
ul.listContainer li.item .title a {
  color: #24303B;
}
ul.listContainer li.item .subTitle {
  color: #666;
  margin: 0;
  width: 80%;
  float: left;
  font-weight: lighter;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
ul.listContainer li.item p {
  margin: 0;
}
ul.listContainer li.item .actions {
  float: right;
}
ul.listContainer li.item .actions .controls.glyphicons:before {
  font: 12px/1em 'Glyphicons Regular';
  cursor: pointer;
}
ul.listContainer li.item-create {
  color: #24303B;
  cursor: pointer;
  line-height: 26px;
  margin-bottom: 10px;
}
ul.listContainer li.item-create:hover {
  color: #222;
}
ul.listContainer li.item-create:hover .glyphicons:before {
  color: #222 !important;
}
ul.listContainer li.item-create .actions .controls.glyphicons:before {
  color: #888;
  font-size: 16px;
  top: 5px;
  right: 4px !important;
  left: auto !important;
}
.mainContainer .column3 .contentArea {
  /* Commented out as each page needs to handle its own width and height
			max-width: 700px;
			min-height: 400px;*/
  color: #24303B;
  background-color: #ffffff;
  padding: 20px;
  position: relative;
}
.mainContainer .column1 {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 45px;
  overflow-y: auto;
  overflow-x: hidden;
}
.mainContainer .column2 {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 45px;
  overflow-y: auto;
  overflow-x: hidden;
}
.mainContainer .column2 > div {
  margin: 0;
}
.mainContainer .column2 > div.width900 {
  max-width: 900px;
}
.mainContainer .column2 .contentArea {
  font-size: 14px !important;
  font-weight: lighter !important;
}
.mainContainer .column2 .contentArea h1,
.mainContainer .column2 .contentArea h2,
.mainContainer .column2 .contentArea h3,
.mainContainer .column2 .contentArea h4 {
  font-size: 18px !important;
  font-weight: lighter !important;
}
.mainContainer .column3 {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 45px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #EBECED;
  font-size: 14px !important;
  font-weight: lighter !important;
  padding: 30px;
}
.mainContainer .column3 > div {
  margin: 0;
}
.mainContainer .column3 > div.width900 {
  max-width: 900px;
}
.mainContainer .column3 h1,
.mainContainer .column3 h2,
.mainContainer .column3 h3,
.mainContainer .column3 h4 {
  font-size: 18px !important;
  font-weight: lighter !important;
}
.mainContainer.oneColumn .menuButton {
  display: block;
}
.mainContainer.oneColumn .column1 {
  left: 0;
  width: 100%;
}
.mainContainer.oneColumn .column2 {
  left: 0;
  width: 100%;
}
.mainContainer.oneColumn .column3 {
  left: 0;
  width: 100%;
}
.mainContainer.oneColumn.columnActive1 .column1 {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate(0, 0);
}
.mainContainer.oneColumn.columnActive1 .column2 {
  display: none;
  transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  -ms-transform: translate(100%, 0);
}
.mainContainer.oneColumn.columnActive1 .column3 {
  display: none;
  transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  -ms-transform: translate(100%, 0);
}
.mainContainer.oneColumn.columnActive2 .column1 {
  display: none;
  transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate(-100%, 0);
}
.mainContainer.oneColumn.columnActive2 .column2 {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate(0, 0);
}
.mainContainer.oneColumn.columnActive2 .column3 {
  display: none;
  transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  -ms-transform: translate(100%, 0);
}
.mainContainer.oneColumn.columnActive3 .column1 {
  display: none;
  transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate(-100%, 0);
}
.mainContainer.oneColumn.columnActive3 .column2 {
  display: none;
  transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate(-100%, 0);
}
.mainContainer.oneColumn.columnActive3 .column3 {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate(0, 0);
}
.mainContainer.twoColumns .menuButton {
  display: block;
}
.mainContainer.twoColumns .column1 {
  left: 0;
  width: 50%;
}
.mainContainer.twoColumns .column2 {
  left: 0;
  width: 50%;
}
.mainContainer.twoColumns .column3 {
  left: 0;
  width: 50%;
}
.mainContainer.twoColumns.columnActive1 .column1 {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate(0, 0);
}
.mainContainer.twoColumns.columnActive1 .column2 {
  transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  -ms-transform: translate(100%, 0);
}
.mainContainer.twoColumns.columnActive1 .column3 {
  display: none;
  transform: translate3d(200%, 0, 0);
  -webkit-transform: translate3d(200%, 0, 0);
  -ms-transform: translate(200%, 0);
}
.mainContainer.twoColumns.columnActive2 .column1 {
  display: none;
  transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate(-100%, 0);
}
.mainContainer.twoColumns.columnActive2 .column2 {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate(0, 0);
}
.mainContainer.twoColumns.columnActive2 .column3 {
  transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  -ms-transform: translate(100%, 0);
}
.mainContainer.twoColumns.columnActive2.span2 .column2 {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate(0, 0);
  width: 100%;
}
.mainContainer.twoColumns.columnActive2.span2 .column3 {
  transform: translate3d(200%, 0, 0);
  -webkit-transform: translate3d(200%, 0, 0);
  -ms-transform: translate(200%, 0);
}
.mainContainer.twoColumns.columnActive3 .column1 {
  display: none;
  transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate(-100%, 0);
}
.mainContainer.twoColumns.columnActive3 .column2 {
  display: none;
  transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate(-100%, 0);
}
.mainContainer.twoColumns.columnActive3 .column3 {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate(0, 0);
  width: 100%;
}
.mainContainer.threeColumns .menuButton {
  display: none;
}
.mainContainer.threeColumns .column1 {
  left: 0;
  width: 300px;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate(0, 0);
}
.mainContainer.threeColumns .column2 {
  left: 300px;
  width: 300px;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate(0, 0);
}
.mainContainer.threeColumns .column3 {
  left: 600px;
  right: 0;
  width: auto;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate(0, 0);
}
.mainContainer.threeColumns.columnActive2.span2 .column2 {
  width: auto;
  right: 0;
}
.mainContainer.threeColumns.columnActive2.span2 .column3 {
  transform: translate3d(200%, 0, 0);
  -webkit-transform: translate3d(200%, 0, 0);
  -ms-transform: translate(200%, 0);
}
.mainContainer.threeColumns.columnOff3 .column3 {
  display: none;
}
/*
@media (min-width: 600px) {
	.mainContainer {
		.column1 {
			left: 0;
			width: 50%;
		}

		.column2 {
			left: 50%;
			width: 50%;
		}

		.column3 {
			left: 100%;
			width: 50%;
		}
	}

	.mainContainer {
		&.column1_on {
			&.column2_off {
				&.column3_on {
					.column1 {
						left: 0;
						width: 50%;
					}

					.column2 {
						display: none;
					}

					.column3 {
						left: 50%;
						width: 50%;
					}
				}
			}
		}
	}
}

@media (min-width: 900px) {
	.mainContainer {
		.column1 {
			left: 0;
			width: 40%;
		}

		.column2 {
			left: 40%;
			width: 60%;
		}

		.column3 {
			left: 100%;
			width: 50%;
		}
	}

	.mainContainer {
		&.column1_on {
			&.column2_off {
				&.column3_on {
					.column1 {
						left: 0;
						width: 40%;
					}

					.column2 {
						display: none;
					}

					.column3 {
						left: 40%;
						width: 60%;
					}
				}
			}
		}
	}
}

@media (min-width: 1024px) {
	.mainContainer {
		.column1 {
			left: 0;
			width: 30%;
		}

		.column2 {
			left: 30%;
			width: 30%;
		}

		.column3 {
			left: 60%;
			width: 40%;
		}
	}

	.mainContainer {
		&.column1_on {
			&.column2_off {
				&.column3_on {
					.column1 {
						left: 0;
						width: 30%;
					}

					.column2 {
						display: none;
					}

					.column3 {
						left: 30%;
						width: 70%;
					}
				}
			}
		}
	}
}

@media (min-width: 1200px) {
	.mainContainer {
		.column1 {
			left: 0;
			width: 300px;
		}

		.column2 {
			left: 300px;
			width: 300px;
		}

		.column3 {
			left: 600px;
			right: 0;
			width: auto;
		}
	}

	.mainContainer {
		&.column1_on {
			&.column2_off {
				&.column3_on {
					.column1 {
						left: 0;
						width: 300px;
					}

					.column2 {
						display: none;
					}

					.column3 {
						left: 300px;
						right: 0;
						width: auto;
					}
				}
			}
		}
	}
}*/
.composeMessage {
  /*#onlyPrimary {
		margin-bottom: 10px;
	}*/
}
.composeMessage #usersList {
  margin-bottom: 10px;
}
.composeMessage #subjectField {
  margin-bottom: 10px;
}
.composeMessage .contentArea .message textarea {
  padding: 10px;
  width: 100%;
}
.composeMessage #fileUploader {
  float: left;
  width: 80%;
}
.composeMessage #attachmentBar {
  height: auto;
  overflow: auto;
  padding-bottom: 10px;
}
.composeMessage #emailAttach {
  float: left;
}
.emailCheckbox {
  float: left;
  margin: 0 0 10px 0;
  min-width: 350px;
  padding: 10px;
}
.prompt {
  background-color: #ffffff;
  width: 400px;
  /*.buttonBar {
		background-color: #dddddd;
		position: relative;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 10px;
		height: 55px;
	}*/
}
.prompt .messageArea {
  padding: 15px;
  color: #24303B;
}
.contentBox {
  background-color: #ffffff;
  margin-bottom: 20px;
}
.contentBox .header {
  background-color: #24303B;
  border-bottom: solid 5px #333333;
  margin: 1px;
  color: #ffffff;
  padding: 10px;
  font-size: 14px;
  font-weight: lighter;
}
.contentBox .content {
  padding: 20px;
}
@media (min-width: 900px) {
  .contentBox {
    margin-right: 20px;
  }
}
body {
  background-color: #CCE7ED;
  background-attachment: fixed;
  background-repeat: repeat-x;
}
.forgotMyPasswordContainer {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.forgotMyPasswordContainer .logoContainer {
  width: 276px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.forgotMyPasswordContainer .logoContainer img {
  float: left;
}
.forgotMyPasswordContainer .logoContainer .heading {
  margin: 25px 0 0 0;
  color: #fff;
  float: left;
}
.forgotMyPasswordContainer .logoContainer .title,
.forgotMyPasswordContainer .logoContainer .subTitle {
  margin: 0;
}
.forgotMyPasswordContainer .formContainer {
  width: 100%;
  background-color: #ffffff;
  margin-right: 20px;
  float: left;
}
.forgotMyPasswordContainer .formContainer .heading {
  color: #ffffff;
  background-color: #24303B;
  margin: 1px;
  padding: 5px 5px 5px 20px;
  border-bottom: solid 5px #333333;
}
.forgotMyPasswordContainer .formContainer .form {
  margin: 20px;
  color: #828282;
}
.forgotMyPasswordContainer .formContainer .form p {
  font-size: 12px;
}
.forgotMyPasswordContainer .formContainer .form .section h3 {
  font-size: 14px;
}
.forgotMyPasswordContainer .formContainer .form .section.contact input[type="email"],
.forgotMyPasswordContainer .formContainer .form .section.contact input[type="text"] {
  width: 100%;
  margin-bottom: 5px;
}
.forgotMyPasswordContainer .formContainer .form .section.contact select {
  width: 100%;
  margin-bottom: 5px;
}
.forgotMyPasswordContainer .formContainer .form .section.security input[type="password"],
.forgotMyPasswordContainer .formContainer .form .section.security input[type="text"] {
  width: 100%;
  margin-bottom: 5px;
}
.forgotMyPasswordContainer .formContainer .form .section.dob input[type="date"] {
  width: 100%;
}
.forgotMyPasswordContainer .formContainer .form .section.terms label {
  font-size: 13px;
}
.forgotMyPasswordContainer .formContainer .buttonBar {
  background: #ddd;
  padding: 10px;
  border-radius: 0;
  overflow: hidden;
  margin: 0;
}
.forgotMyPasswordContainer .formContainer .buttonBar button {
  float: right;
  line-height: 30px;
  margin-right: 15px;
  padding: 0 15px;
}
.forgotMyPasswordContainer .formContainer .buttonBar .btn {
  margin-bottom: 0 !important;
}
.forgotMyPasswordContainer .formContainer .buttonBar button:first-child {
  margin-right: 0;
}
@media (min-width: 600px) {
  .forgotMyPasswordContainer {
    width: 50%;
  }
}
#userCreateRelationship {
  padding: 0;
}
#userCreateRelationship .relationshipContainer {
  padding: 15px;
}
#userCreateRelationship .relationshipContainer select {
  margin-right: 10px;
  margin-left: 10px;
  width: auto;
}
#userCreateRelationship .relationshipContainer input[type="text"] {
  width: 35%;
  margin-right: 10px;
}
#userCreateRelationship .listContainer {
  list-style: none;
  padding: 0;
}
#userCreateRelationship .listContainer .userDetails {
  width: 50%;
  float: left;
}
#userCreateRelationship .listContainer .userDetails .img {
  width: 80px;
  float: left;
}
#userCreateRelationship .listContainer .userDetails .details {
  width: 70%;
  float: left;
}
#userCreateRelationship .listContainer .userDetails .details h4 {
  width: 85%;
}
#userCreateRelationship .buttonBar {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
}
#newGroupMembershipContainer {
  padding: 0;
}
#newGroupMembershipContainer .memberDetails {
  padding: 15px;
}
#newGroupMembershipContainer .memberDetails select {
  width: 100%;
  background-color: #ffffff;
  margin-bottom: 5px;
  border: solid 1px #a9a9a9;
  padding: 3px;
}
#newGroupMembershipContainer .buttonBar {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
}
#orgUpdateDetails {
  margin: 30px;
  padding: 20px;
}
#orgUpdateDetails .content {
  padding: 0!important;
}
#orgUpdateDetails .buttonBar {
  margin: 0 20px;
  overflow: auto;
  height: auto;
  padding-top: 3px;
}
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}
#nprogress .bar {
  background: #0B61BD;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
}
/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #0B61BD, 0 0 5px #0B61BD;
  opacity: 1;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}
#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border-radius: 50%;
  border: solid 2px transparent;
  border-top-color: #0B61BD;
  border-left-color: #0B61BD;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite;
}
@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.groupCreate {
  background-color: #ffffff;
  margin: 30px;
  padding: 20px;
}
.groupCreate .page-header {
  padding: 20px 20px 0px 16px;
}
.groupCreate .greenBackground {
  background-color: #24303B;
  color: #EBECED;
  padding: 15px;
}
.groupCreate .groupDetailsContainer .section h3 {
  font-size: 14px;
  font-weight: lighter;
}
.groupCreate .groupDetailsContainer .section.details input[type="text"] {
  width: 100%;
  margin-bottom: 10px;
}
.groupCreate .groupDetailsContainer .section.details select {
  width: 100%;
  margin-bottom: 10px;
}
.groupCreate .groupDetailsContainer .section.supervisor select {
  width: 100%;
  margin-bottom: 10px;
}
.dialog .groupCreate .buttonBar {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
}
.btn {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: text-top;
  margin: 0 0.5em 0.5em 0;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  outline: none;
  border-width: 1px;
  border-style: solid;
  transition: box-shadow 0.1s, background-color 0.1s, border-color 0.1s;
  cursor: pointer;
}
.btn:not([disabled]):hover,
.btn:not([disabled]):focus {
  border-color: transparent;
  transition: box-shadow 0.2s, background-color 0.2s, border-color 0.2s;
}
.btn[disabled] {
  border-style: dashed;
  box-shadow: none;
  cursor: not-allowed;
}
.btn.darkBackgroundPrimary {
  color: #24303B;
  background-color: white;
  border-color: white;
  box-shadow: 0 0 0 0 white;
}
.btn.darkBackgroundPrimary:hover,
.btn.darkBackgroundPrimary:focus {
  color: #0B61BD;
  box-shadow: 0 0 0 0.2rem white;
}
.btn.darkNegativeSecondary {
  color: white;
  background-color: #24303B;
  border-color: white;
  box-shadow: 0 0 0 0 white;
}
.btn.darkNegativeSecondary:hover,
.btn.darkNegativeSecondary:focus {
  box-shadow: 0 0 0 0.2rem white;
}
.btn.darkNegativeSecondary.pageFirst:hover,
.btn.darkNegativeSecondary.pagePrev:hover,
.btn.darkNegativeSecondary.pageNext:hover,
.btn.darkNegativeSecondary.pageLast:hover,
.btn.darkNegativeSecondary.pageFirst:focus,
.btn.darkNegativeSecondary.pagePrev:focus,
.btn.darkNegativeSecondary.pageNext:focus,
.btn.darkNegativeSecondary.pageLast:focus {
  box-shadow: 0 0 0 0.2rem #0B61BD;
}
.btn.btn-primary {
  color: white;
  background-color: #24303B;
  border-color: #24303B;
  box-shadow: 0 0 0 0 #0B61BD;
}
.btn.btn-primary:not([disabled]):hover,
.btn.btn-primary:not([disabled]):focus {
  color: white;
  background-color: #0B61BD;
  border-color: #0B61BD;
  box-shadow: 0 0 0 0.2rem #0B61BD;
}
.btn.neutral,
.btn.btn-default {
  color: #24303B;
  background-color: white;
  border-color: #798087;
  box-shadow: 0 0 0 0 #0B61BD;
}
.btn.neutral:hover,
.btn.btn-default:hover,
.btn.neutral:focus,
.btn.btn-default:focus {
  color: #0B61BD;
  background-color: white;
  border-color: white;
  box-shadow: 0 0 0 0.2rem #0B61BD;
}
.btn.btn-danger {
  color: #24303B;
  background-color: white;
  border-color: #798087;
  box-shadow: 0 0 0 0 #C8102E;
}
.btn.btn-danger:hover,
.btn.btn-danger:focus {
  color: #C8102E;
  background-color: white;
  border-color: white;
  box-shadow: 0 0 0 0.2rem #C8102E;
}
.btn .glyphicons {
  margin-right: 4px;
  margin-top: -2px;
  vertical-align: top;
}
.btn .glyphicons:before {
  font-size: 14px/1em;
}
.sg-checkbox {
  display: block;
  position: relative;
  min-height: 1.3em;
}
.sg-checkbox:not(:last-child) {
  margin-bottom: 0.5em;
}
.sg-checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.sg-checkbox input[type=checkbox] ~ label {
  display: inline;
  position: relative;
  padding-left: 1em;
  cursor: pointer;
}
.sg-checkbox input[type=checkbox] ~ label span {
  display: inline-block;
  font-style: italic;
}
.sg-checkbox input[type=checkbox] ~ label:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.3em;
  height: 1.3em;
  background-color: white;
  border: 1px solid #798087;
  border-radius: 3px;
  box-shadow: 0 0 0 0 #0B61BD;
  transition: box-shadow 0.1s;
}
.sg-checkbox input[type=checkbox] ~ label:after {
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 1.3em;
  height: 1.3em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60%;
}
.sg-checkbox input[type=checkbox]:invalid ~ label:before {
  border-color: #B86B00;
}
.sg-checkbox input[type=checkbox]:checked ~ label:after {
  background-image: url(/images/iris-ui-icon-tick-positive.svg);
}
.sg-checkbox input[type=checkbox]:not([disabled]) ~ label:hover:before {
  border-color: transparent;
  box-shadow: 0 0 0 0.2rem #0B61BD;
  transition: box-shadow 0.2s;
}
.sg-checkbox input[type=checkbox]:not([disabled]) ~ label span:hover {
  color: #0A39DC;
  text-decoration: underline;
}
.sg-checkbox input[type=checkbox]:not([disabled]):focus ~ label:before {
  border-color: transparent;
  box-shadow: 0 0 0 0.2rem #0B61BD;
  transition: box-shadow 0.2s;
}
.sg-checkbox input[type=checkbox].sg-input-invalid ~ label:before {
  border-color: #B86B00;
}
.sg-checkbox input[type=checkbox][disabled] ~ label {
  color: #6B6B6B;
  cursor: not-allowed;
}
.sg-checkbox input[type=checkbox][disabled] ~ label:before {
  background-color: white;
  border-color: #6B6B6B;
  border-style: dashed;
  box-shadow: none;
}
.sg-checkbox input[type=checkbox][disabled]:checked ~ label:after {
  opacity: 0.73;
}
.sg-switch {
  display: block;
  position: relative;
  min-height: 1.3em;
}
.sg-switch:not(:last-child) {
  margin-bottom: 0.5em;
}
.sg-switch input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.sg-switch input[type=checkbox] ~ label {
  display: block;
  position: relative;
  padding-left: 1.9em;
  cursor: pointer;
}
.sg-switch input[type=checkbox] ~ label span {
  display: inline-block;
  font-style: italic;
}
.sg-switch input[type=checkbox] ~ label:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.3em;
  height: 1.3em;
  background-color: white;
  border: 1px solid #798087;
  border-radius: 3px;
  box-shadow: 0 0 0 0 #0B61BD;
  transition: box-shadow 0.1s;
}
.sg-switch input[type=checkbox] ~ label:after {
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 1.3em;
  height: 1.3em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60%;
}
.sg-switch input[type=checkbox]:invalid ~ label:before {
  border-color: #B86B00;
}
.sg-switch input[type=checkbox]:checked ~ label:after {
  background-image: url(/images/iris-ui-icon-tick-positive.svg);
}
.sg-switch input[type=checkbox]:not([disabled]) ~ label:hover:before {
  border-color: transparent;
  box-shadow: 0 0 0 0.2rem #0B61BD;
  transition: box-shadow 0.2s;
}
.sg-switch input[type=checkbox]:not([disabled]) ~ label span:hover {
  color: #0A39DC;
  text-decoration: underline;
}
.sg-switch input[type=checkbox]:not([disabled]):focus ~ label:before {
  border-color: transparent;
  box-shadow: 0 0 0 0.2rem #0B61BD;
  transition: box-shadow 0.2s;
}
.sg-switch input[type=checkbox].sg-input-invalid ~ label:before {
  border-color: #B86B00;
}
.sg-switch input[type=checkbox][disabled] ~ label {
  color: #6B6B6B;
  cursor: not-allowed;
}
.sg-switch input[type=checkbox][disabled] ~ label:before {
  background-color: white;
  border-color: #6B6B6B;
  border-style: dashed;
  box-shadow: none;
}
.sg-switch input[type=checkbox][disabled]:checked ~ label:after {
  opacity: 0.73;
}
#myConnectionsContainer {
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
}
#myConnectionsContainer #myConnectionsNoDialogContainer {
  max-width: 900px;
  margin: 20px auto;
}
#myConnectionsContainer .loadingCircle {
  display: block;
  margin: 20px auto;
}
#myConnectionsContainer #myConnections {
  margin: 0 auto;
  background-color: #fff;
}
#myConnectionsContainer #myConnections .header {
  background-color: #24303B;
  color: #ffffff;
  padding: 15px;
  font-size: 16px;
  font-weight: lighter;
  border-radius: 0;
  height: auto;
  overflow: auto;
}
#myConnectionsContainer #myConnections .content {
  background: #fff;
  background-image: none;
  position: inherit;
  max-height: 10000px !important;
  padding: 20px;
}
#myConnectionsContainer #myConnections .content .information {
  margin-top: 0;
}
#myConnectionsContainer #myConnections .content .connections {
  display: table;
  width: 100%;
  padding: 0;
  margin: 0;
}
#myConnectionsContainer #myConnections .content .connections .connection {
  border-top: 1px solid #ebebeb;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
#myConnectionsContainer #myConnections .content .connections .connection .confirmation {
  padding: 20px;
  background-color: #eeeeee;
}
#myConnectionsContainer #myConnections .content .connections .connection .confirmation p {
  margin-top: 0;
}
#myConnectionsContainer #myConnections .content .connections .connection .confirmation select {
  margin-bottom: 0 !important;
}
#myConnectionsContainer #myConnections .content .connections .connection .column.image {
  width: 40px;
  float: left;
}
#myConnectionsContainer #myConnections .content .connections .connection .column.image img {
  width: 50px;
  height: 50px;
}
#myConnectionsContainer #myConnections .content .connections .connection .column.image.connectionBox {
  /*margin-bottom: 160px;*/
}
#myConnectionsContainer #myConnections .content .connections .connection .column.image .briefcase {
  width: 50px;
  height: 50px;
}
#myConnectionsContainer #myConnections .content .connections .connection .column.image .briefcase:before {
  top: 7px;
  left: 7px;
  font-size: 35px;
  color: #24303B;
}
#myConnectionsContainer #myConnections .content .connections .connection .column.image .wifi-alt {
  width: 50px;
  height: 50px;
}
#myConnectionsContainer #myConnections .content .connections .connection .column.image .wifi-alt:before {
  top: 7px;
  left: 7px;
  font-size: 35px;
  content: "\E033";
  color: #45a7f2;
}
#myConnectionsContainer #myConnections .content .connections .connection .column.details {
  margin-left: 55px;
  min-height: 50px;
}
#myConnectionsContainer #myConnections .content .connections .connection .column.details h3 {
  margin: 14px 0 8px 0;
  font-size: 18px;
}
#myConnectionsContainer #myConnections .content .connections .connection .column.details p {
  margin: 0 0 10px 0;
}
#myConnectionsContainer #myConnections .content .connections .connection .column.details input {
  margin: 18px 0 5px 0;
}
#myConnectionsContainer #myConnections .content .connections .connection .column.button {
  width: 96px;
}
#myConnectionsContainer #myConnections .content .connections .connection .column.button .btn {
  float: right;
  margin: 18px 0 18px 6px;
}
#myConnectionsContainer #myConnections .content .connections .connection .column.button .btn.btn-danger {
  width: 29px;
  padding-left: 7px;
  padding-right: 7px;
}
#myConnectionsContainer #myConnections .content .connections .connection #parentConnections {
  width: 100%;
  margin-bottom: 10px;
}
#myConnectionsContainer #myConnections .content .connections .connection #parentConnections .school {
  background-color: #EBECED;
  margin-top: 10px;
  padding: 10px;
}
#myConnectionsContainer #myConnections .content .connections .connection #parentConnections .school td {
  /*padding-top: 10px;
								padding-bottom: 10px;*/
}
#myConnectionsContainer #myConnections .content .connections .connection #parentConnections .school .schoolLogo {
  width: 45px;
}
#myConnectionsContainer #myConnections .content .connections .connection #parentConnections .school .schoolLogo .glyphicons {
  padding: 10px;
}
#myConnectionsContainer #myConnections .content .connections .connection #parentConnections .school .schoolLogo .glyphicons:before {
  font-size: 25px;
}
#myConnectionsContainer #myConnections .content .connections .connection #parentConnections .school .schoolLogo img {
  width: 50px;
  height: 50px;
}
#myConnectionsContainer #myConnections .content .connections .connection #parentConnections .school .schoolName {
  padding-left: 5px;
}
#myConnectionsContainer #myConnections .content .connections .connection #parentConnections .school .deleteConnection {
  width: 40px;
  padding-right: 10px;
}
#myConnectionsContainer #myConnections .content .connections .connection #parentConnections .school .deleteConnection .glyphicons {
  margin-right: 0px;
}
#myConnectionsContainer #myConnections .content .viewRejected,
#myConnectionsContainer #myConnections .content .hideRejected {
  margin-bottom: 0;
  margin-top: 18px;
  text-align: center;
}
#myConnectionsContainer #myConnections .content .viewRejected:hover,
#myConnectionsContainer #myConnections .content .hideRejected:hover {
  cursor: pointer;
}
@media screen and (max-width: 900px) {
  #myConnectionsContainer #myConnectionsNoDialogContainer {
    max-width: inherit;
    margin: 0;
  }
}
.feedOverview #myConnectionsContainer {
  top: 50px;
}
.dialog .container #myConnectionsContainer {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  overflow-y: auto;
}
#formEditor {
  height: 100%;
}
#formEditorPanel {
  background-color: #ffffff;
  border: solid 1px #24303B;
  padding: 15px;
}
#formEditorPanel input {
  width: 100%;
  margin-bottom: 5px;
}
#formEditorPanel textarea {
  width: 100%;
  min-height: 100px;
}
#formEditorPanel label {
  font-weight: bold;
  display: block;
  margin-bottom: 2px;
}
#formEditorPanel .hover,
#formEditorPanel .active {
  border: 1px solid #B86B00;
}
#formEditorPanel .controls {
  margin-bottom: 5px;
}
#formTools {
  background-color: #ffffff;
  border-right: solid 1px #24303B;
  padding: 15px;
}
#formTools .formButtons {
  border-bottom: solid 1px #24303B;
  padding-bottom: 10px;
}
#formTools .formButtons .controls.glyphicons:before {
  cursor: pointer;
  font: 15px/1em 'Glyphicons Regular';
}
#formTools .toolboxItems h4 {
  font-weight: lighter;
}
#formTools .toolboxItems .item {
  display: inline-block;
  cursor: pointer;
  float: left;
  width: 100%;
  text-align: center;
  padding: 5px;
  background: #EBECED;
  border: 1px solid #24303B;
  overflow: hidden;
  clear: none;
  margin-bottom: 5px;
  margin-right: 5px;
}
#formTools .toolboxItems .item .icon {
  float: left;
}
#formTools .toolboxItems .item .icon img {
  width: 50px;
  margin: 16px 10px;
}
#formTools .toolboxItems .item .text {
  float: left;
  width: 64%;
  margin-bottom: 10px;
}
#formTools .toolboxItems .item .text .title {
  color: #666;
  font-weight: normal;
  text-align: left;
  margin-bottom: 6px;
}
#formTools .toolboxItems .item .text p {
  margin: 0;
  font-weight: lighter;
  text-align: left;
}
#formTools .toolboxItems .clearfix {
  clear: both;
}
#formTools .selectedToolboxOptions input[type="text"] {
  width: 100%;
}
#formTools .selectedToolboxOptions .selectBoxOptions,
#formTools .selectedToolboxOptions .checkBoxOptions,
#formTools .selectedToolboxOptions .mulitSelectOptions {
  display: inline-block;
  width: 100%;
}
#formTools .selectedToolboxOptions .selectBoxOptions input[type="text"],
#formTools .selectedToolboxOptions .checkBoxOptions input[type="text"],
#formTools .selectedToolboxOptions .mulitSelectOptions input[type="text"] {
  width: 60%;
}
#formTools .selectedToolboxOptions .selectBoxOptions input[type="checkbox"],
#formTools .selectedToolboxOptions .checkBoxOptions input[type="checkbox"],
#formTools .selectedToolboxOptions .mulitSelectOptions input[type="checkbox"] {
  width: 5%;
}
#formTools .selectedToolboxOptions .selectBoxOptions input[type="radio"],
#formTools .selectedToolboxOptions .checkBoxOptions input[type="radio"],
#formTools .selectedToolboxOptions .mulitSelectOptions input[type="radio"] {
  width: 5%;
}
#formTools .selectedToolboxOptions .selectBoxOptions .actions,
#formTools .selectedToolboxOptions .checkBoxOptions .actions,
#formTools .selectedToolboxOptions .mulitSelectOptions .actions {
  width: 30%;
  float: right;
}
#formTools .selectedToolboxOptions .selectBoxOptions .actions .controls.glyphicons,
#formTools .selectedToolboxOptions .checkBoxOptions .actions .controls.glyphicons,
#formTools .selectedToolboxOptions .mulitSelectOptions .actions .controls.glyphicons {
  margin: 0;
  position: relative;
  padding: 0;
}
#formTools .selectedToolboxOptions .selectBoxOptions .actions .controls.glyphicons:before,
#formTools .selectedToolboxOptions .checkBoxOptions .actions .controls.glyphicons:before,
#formTools .selectedToolboxOptions .mulitSelectOptions .actions .controls.glyphicons:before {
  cursor: pointer;
  font: 15px/1em 'Glyphicons Regular';
  margin: 0;
  position: relative;
}
#formTools .selectedToolboxOptions .buttonBar {
  margin-top: 15px;
}
#formTools .formDetails input[type="text"] {
  width: 100%;
}
#formTools .formDetails input[type="email"] {
  width: 100%;
}
#formPreview {
  background-color: #ffffff;
}
#formPreview #instructions {
  margin: 11px 11px 22px 11px;
  padding: 30px;
  border: 3px dotted #24303B;
}
#formPreview #instructions #instructionIconContainer {
  float: left;
  width: 10%;
  margin: 0;
  padding: 0;
}
#formPreview #instructions #instructionIconContainer .glyphicons:before {
  font-size: 32px;
}
@media screen and (min-width: 1500px) {
  #formPreview #instructions #instructionIconContainer .glyphicons:before {
    top: -10px;
  }
}
#formPreview #instructions #instructionDetailContainer {
  float: left;
  width: 90%;
  margin: 0;
  padding: 0;
}
#formPreview #instructions #instructionDetailContainer p {
  font-size: 22px;
  margin: 0;
}
#formPreview .widgetList {
  min-height: 230px;
}
#formPreview .widgetList .sortPlaceholder {
  background: #CCE7ED;
  border: 1px dashed #24303B;
  height: 50px;
}
#formPreview .widget {
  position: relative;
}
#formPreview .widget .actionBar {
  display: none;
}
#formPreview .widget.over .actionBar {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  background: rgba(0, 0, 0, 0.5);
  height: 50px;
}
#formPreview .widget.over .actionBar .ctl {
  background: rgba(0, 0, 0, 0.5);
  float: left;
  width: 50px;
  height: 50px;
}
#formPreview .widget.over .actionBar .ctl.right {
  float: right;
}
#formPreview .widget.over .actionBar .ctl .glyphicons {
  margin-top: 10px;
  margin-left: 12px;
  color: #ffffff;
  font-size: 25px;
}
#formPreview .widget .hover,
#formPreview .widget .active {
  border: 2px solid #B86B00 !important;
  padding: 9px !important;
}
#formPreview .widget p.hover,
#formPreview .widget h2.hover,
#formPreview .widget p.active,
#formPreview .widget h2.active {
  border: 1px solid #B86B00 !important;
  padding: 0px !important;
}
#formPreview .widget h3.hover,
#formPreview .widget h3.active {
  border: 1px solid #B86B00 !important;
  padding: 0px !important;
  padding-bottom: 20px !important;
}
#formPreview.idle .widget:hover {
  background-color: #EBECED;
  border: dashed 2px;
  padding: 18px !important;
  padding-bottom: 13px !important;
  padding-top: 13px !important;
}
#formPreview.idle.noHover .widget:hover {
  background-color: none;
  border: none;
}
#formPreview.editWidget .widget .option {
  /*input {
					&.hover {
						border: 2px solid @hoverColor !important;
						padding: 9px !important;
					}

					&.active {
						border: 2px solid @activeColor !important;
						padding: 9px !important;
					}
				}*/
}
#formPreview.editWidget .widget.selected {
  background-color: #EBECED;
  border: dashed 2px;
  padding: 18px !important;
  padding-bottom: 13px !important;
  padding-top: 13px !important;
}
.fragEditBox {
  padding: 10px;
  background: #EBECED;
  margin-bottom: 5px;
}
.fragEditBox input {
  margin-bottom: 3px;
  margin-top: 3px;
}
.fragEditBox.hover,
.fragEditBox .active {
  border: 1px solid #B86B00;
  padding: 9px;
}
.fragEditBox .floatRight input {
  width: auto !important;
}
.fragEditBox .clearfix {
  clear: both;
}
.formDragGhost {
  width: 209px;
  text-align: center;
  padding: 5px;
  background: #EBECED;
  border: 1px solid #24303B;
  overflow: hidden;
  height: 90px;
}
.formDragGhost .icon {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
.formDragGhost .icon img {
  width: 35px;
}
.formDragGhost .title {
  color: #666;
}
.formEditor .submitControls {
  margin-top: 10px;
  text-align: right;
}
.formEditor .buttonBar {
  padding-right: 10px;
  margin: 10px 0;
}
.cke_editor_ckEditor_editPlainText {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  margin-bottom: 10px !important;
}
.widgetOptions {
  margin-top: 10px;
}
.formSettings {
  border: 1px solid #24303B;
  color: #24303B;
  padding: 20px;
  margin-top: 10px;
}
.formSettings h4 {
  font-size: 14px;
}
.formSettings select,
.formSettings input[type="text"] {
  margin-bottom: 10px;
}
.sendFormMessage h3 {
  margin-top: 10px;
}
#formResponseArea {
  padding: 10px;
  margin: 10px;
  border: 1px solid #24303B;
}
#formResponseArea .floatLeft,
#formResponseArea .floatRight {
  width: 280px;
}
#formResponseArea input {
  width: 100%;
  padding: 10px;
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #cccccc;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 10px;
}
#formResponseArea p {
  margin-top: 0;
  line-height: inherit;
}
#formPreview {
  width: 100%;
  color: #24303B;
  background-color: #ffffff;
}
#formPreview #formPreviewHeader {
  background-color: #24303B;
  color: #EBECED;
  padding: 10px 20px;
}
#formPreview #formPreviewHeader h1 {
  margin: 0;
  font-size: 18px;
  font-weight: normal;
}
#formPreview #formPreviewCompleted {
  padding: 10px;
  margin: 10px;
  text-align: center;
  color: #C8102E;
  font-weight: 800;
}
#formPreview #formPreviewCompleted h3 {
  margin: 0;
}
#formPreview #formPreviewBody ul.widgetList {
  list-style: none;
  margin: 0;
  padding: 0;
}
#formPreview #formPreviewBody .widget {
  padding: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
}
#formPreview #formPreviewBody .widget h2 {
  font-size: 25px;
  font-weight: normal;
  margin: 0;
}
#formPreview #formPreviewBody .widget h2.question {
  padding-bottom: 20px;
}
#formPreview #formPreviewBody .widget h3 {
  font-size: 20px;
  font-weight: normal;
  margin: 0;
}
#formPreview #formPreviewBody .widget h3.question {
  padding-bottom: 10px;
}
#formPreview #formPreviewBody .widget h4 {
  font-size: 15px;
  font-weight: normal;
  margin: 0;
}
#formPreview #formPreviewBody .widget h4.question {
  padding-bottom: 10px;
  font-weight: bold;
}
#formPreview #formPreviewBody .widget p {
  line-height: 19px;
  font-size: 14px;
  margin: 0;
  /*margin-bottom: 10px;*/
}
#formPreview #formPreviewBody .option {
  padding: 0px 0 10px 0;
}
#formPreview #formPreviewBody .option textarea {
  width: 100%;
  resize: vertical;
  padding: 10px;
  border: 1px solid #cccccc;
  font-size: 14px;
  line-height: 18px;
}
#formPreview #formPreviewBody .option select {
  width: 100%;
  padding: 10px;
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #cccccc;
  font-size: 14px;
  line-height: 18px;
  background-position: right 15px center;
  background-image: url(../images/dropdown.jpg);
  background-repeat: no-repeat;
  background-size: 12px;
}
#formPreview #formPreviewBody .option input[type="text"] {
  width: 100%;
  padding: 10px;
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #cccccc;
  font-size: 14px;
  line-height: 18px;
}
#formPreview #formPreviewBody .optionLabel {
  padding-left: 10px;
}
#formPreview .buttonBar {
  margin: 15px 0;
}
#formPreview .formResponseContent {
  padding: 20px;
}
#formPreview .formResponseContent .formResponseList {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#formPreview .formResponseContent .formResponseList .formResponseItem {
  padding-bottom: 10px;
  background-color: #24303B;
  color: #EBECED;
  padding: 10px;
  margin-bottom: 2px;
}
#formPreview .formResponseContent .formResponseList .formResponseItem h3 {
  margin: 0px;
  font-weight: normal;
  margin-bottom: 10px;
}
#formPreview .formResponseContent .formResponseList .formResponseItem .leftFormResponse {
  float: left;
  width: 60%;
}
#formPreview .formResponseContent .formResponseList .formResponseItem .rightFormResponse {
  float: right;
  width: 40%;
}
.sendFormMessage #recipientsContainer {
  position: relative;
}
.sendFormMessage #recipientsContainer #subjectField {
  /*position: absolute;
			top: 0;
			left: 0;
			width: 78%;*/
}
.sendFormMessage #recipientsContainer #usersList {
  position: absolute;
  right: 0;
  height: 40px;
  width: 20%;
  outline: none;
}
@media screen and (max-width: 640px) {
  .sendFormMessage #recipientsContainer #subjectField {
    width: 63%;
  }
  .sendFormMessage #recipientsContainer #usersList {
    width: 35%;
  }
}
.promotionContainer .contentBox .detailsHeading {
  background-color: #24303B;
  color: #EBECED;
  padding: 10px;
}
.promotionContainer .searchArea .searchBox {
  min-width: 360px;
}
.promoteTo {
  position: relative;
}
.promoteTo section {
  width: 100%;
}
.promoteTo select {
  width: 100%;
}
.promoteTo strong {
  display: block;
  margin-bottom: 10px;
}
#studentList {
  width: 100%;
}
#studentList thead th {
  background-color: #24303B;
  color: #EBECED;
  padding: 0 5px;
}
#studentList td {
  padding: 10px 15px;
}
#studentList th {
  text-align: left;
}
#studentList tr td {
  background: #fff;
}
#studentList tr:nth-child(2n) td {
  background: #EBECED;
}
#studentList select {
  margin-bottom: 0;
}
@media (min-width: 900px) {
  .promoteTo section {
    float: left;
    position: relative;
    width: 240px;
    z-index: 2;
  }
  .promoteTo section:nth-child(2n) {
    float: right;
  }
  .arrow-devider {
    left: 0;
    position: absolute;
    top: 18px;
    width: 100%;
  }
  .arrow-devider:after {
    color: #798087;
    content: "\E212";
    display: block;
    font: 53px/1em 'Glyphicons Regular';
    margin: 0 auto;
    width: 53px;
  }
}
@media (min-width: 1350px) {
  .promoteTo section {
    width: 360px;
  }
}
/*
.read {
  .title {
    font-weight: normal;
  }

  .subTitle {
    font-weight: normal;
  }
}

#notificationBox {
  background-color: white;
  border: 1px solid #cccccc;
  padding: 20px;

  #notificationHeader {

    h2 {
      font-size: 26px;
      margin: 0;
      font-weight: normal;
    }

    h4 {
      font-size: 14px;
      font-weight: bold;
      margin: 15px 0 0 0;
    }
  }

  #notificationBody {
    margin: 30px 0px;
  }

  #notificationFooter {
    span {
      font-size: 14px;
      font-weight: bold;
    }
  }
}

#notificationActions {
  background-color: #dddddd;
  border: 1px solid #cccccc;
  border-top: none;
  padding: 10px;
  text-align: right;
}*/
#detailsTab h2 span {
  display: none;
}
.categoryTabs {
  overflow: auto;
}
.categoryTabs .category {
  float: left;
  padding: 20px 0;
  background-color: #f6f6f6;
  height: 96px;
  cursor: pointer;
  border-bottom: 1px solid #c0c0c0;
}
.categoryTabs .category h2 {
  font-weight: normal;
  text-align: center;
  color: #464646;
}
.categoryTabs .category h2 span {
  font-size: 22px;
  padding-left: 32px;
}
.categoryTabs .category h2 span:before {
  margin-top: 0px;
  color: #464646;
  font-size: 22px;
}
.categoryTabs .category.twoTabs {
  width: 50%;
}
.categoryTabs .category:nth-child(1n+2) {
  border-left: 1px solid #c0c0c0;
}
.categoryTabs .category.active {
  background-color: #ffffff;
  border-bottom: none;
}
#notificationsList {
  padding: 0px 20px 20px 20px;
  color: #464646;
  margin-top: 34px;
  max-height: 470px;
  overflow: auto;
}
#notificationsList ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#notificationsList ul li {
  padding: 20px;
  margin: 0;
  border-top: 1px dashed #d3d3d3;
}
#notificationsList ul li:hover {
  background-color: #E0F0FA;
}
#notificationsList ul li .notification {
  position: relative;
  overflow: auto;
  height: auto;
  cursor: pointer;
}
#notificationsList ul li .notification .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 10%;
  height: 50px;
}
#notificationsList ul li .notification .icon .false:before {
  content: "\E128";
  font-family: 'Glyphicons Regular';
  font-size: 28px;
  color: #24303B;
  display: inline-block;
  margin-top: 14px;
}
#notificationsList ul li .notification .icon .true:before {
  content: "\E122";
  font-family: 'Glyphicons Regular';
  font-size: 28px;
  color: #a1a1a1;
  display: inline-block;
  margin-top: 14px;
}
#notificationsList ul li .notification .details {
  position: relative;
  top: 0;
  left: 50px;
  height: auto;
  width: 90%;
  right: 100px;
  color: #24303B;
}
#notificationsList ul li .notification .details h2 {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 22px;
  font-weight: normal;
  color: #24303B;
  line-height: 1.2;
}
#notificationsList ul li .notification .details h2.true {
  color: #a1a1a1;
}
#notificationsList ul li .notification .details .type {
  width: 30%;
  float: left;
  position: relative;
  margin: 15px 0px 3px 0px;
  bottom: 0px;
  color: #a2a2a2;
  font-weight: 300;
}
#notificationsList ul li .notification .details .timestamp {
  width: 30%;
  float: right;
  position: relative;
  margin: 15px 0px 3px 0px;
  bottom: 0px;
  text-align: right;
  color: #a2a2a2;
  font-weight: 300;
}
#notificationsList ul li .notification .details .remember {
  width: 100%;
  float: left;
  position: relative;
  margin: 15px 0px 3px 0px;
  bottom: 0px;
  color: #a2a2a2;
  font-weight: 300;
}
#notificationDetails {
  display: none;
}
#notificationDetails .list {
  padding: 20px;
  margin: 0;
  border-bottom: 1px dashed #d3d3d3;
}
#notificationDetails .list .notification {
  position: relative;
  overflow: auto;
  height: auto;
}
#notificationDetails .list .notification .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 10%;
  height: 50px;
}
#notificationDetails .list .notification .icon .glyphicons.message_empty:before {
  margin-top: 4px;
  color: #24303B;
}
#notificationDetails .list .notification .details {
  position: relative;
  top: 0;
  left: 50px;
  height: auto;
  width: 90%;
  right: 100px;
  color: #24303B;
}
#notificationDetails .list .notification .details h2 {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 22px;
  font-weight: normal;
  color: #24303B;
  line-height: 1.2;
}
#notificationDetails .list .notification .details .type {
  width: 30%;
  float: left;
  position: relative;
  margin: 15px 0px 3px 0px;
  bottom: 0px;
  color: #a2a2a2;
  font-weight: 300;
}
#notificationDetails .list .notification .details .timestamp {
  width: 30%;
  float: right;
  position: relative;
  margin: 15px 0px 3px 0px;
  bottom: 0px;
  text-align: right;
  color: #a2a2a2;
  font-weight: 300;
}
#notificationDetails #message {
  padding: 20px;
}
.emailSettings h2 {
  margin: 0;
  font-weight: normal;
}
.emailSettings select {
  width: 100%;
  padding: 10px;
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #cccccc;
  border-radius: 5px;
  font-size: 14px;
  line-height: 18px;
  background-position: right 15px center;
  background-image: url(../images/dropdown.jpg);
  background-repeat: no-repeat;
  background-size: 12px;
  margin-bottom: 20px;
}
.emailSettings .settingsField {
  display: inline-block;
  margin: 0 20px 25px 0;
}
#smartbanner { position:absolute; left:0; top:-82px; border-bottom:1px solid #e8e8e8; width:100%; height:78px; font-family:'Helvetica Neue',sans-serif; background:-webkit-linear-gradient(top, #f4f4f4 0%,#cdcdcd 100%); background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); box-shadow:0 1px 2px rgba(0,0,0,0.5); z-index:9998; -webkit-font-smoothing:antialiased; overflow:hidden; -webkit-text-size-adjust:none; }
#smartbanner, html.sb-animation {-webkit-transition: all .3s ease;}
#smartbanner .sb-container { margin: 0 auto; }
#smartbanner .sb-close { position:absolute; left:5px; top:5px; display:block; border:2px solid #fff; width:14px; height:14px; font-family:'ArialRoundedMTBold',Arial; font-size:15px; line-height:15px; text-align:center; color:#fff; background:#070707; text-decoration:none; text-shadow:none; border-radius:14px; box-shadow:0 2px 3px rgba(0,0,0,0.4); -webkit-font-smoothing:subpixel-antialiased; }
#smartbanner .sb-close:active { font-size:13px; color:#aaa; }
#smartbanner .sb-icon { position:absolute; left:30px; top:10px; display:block; width:57px; height:57px; background:rgba(0,0,0,0.6); background-size:cover; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.3); }
#smartbanner.no-icon .sb-icon { display:none; }
#smartbanner .sb-info { position:absolute; left:98px; top:18px; width:44%; font-size:11px; line-height:1.2em; font-weight:bold; color:#6a6a6a; text-shadow:0 1px 0 rgba(255,255,255,0.8); }
#smartbanner #smartbanner.no-icon .sb-info { left:34px; }
#smartbanner .sb-info strong { display:block; font-size:13px; color:#4d4d4d; line-height: 18px; }
#smartbanner .sb-info > span { display:block; }
#smartbanner .sb-info em { font-style:normal; text-transform:uppercase; }
#smartbanner .sb-button { position:absolute; right:20px; top:24px; border:1px solid #bfbfbf; padding: 0 10px; min-width: 10%; height:24px; font-size:14px; line-height:24px; text-align:center; font-weight:bold; color:#6a6a6a; background:-webkit-linear-gradient(top, #efefef 0%,#dcdcdc 100%); text-transform:uppercase; text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,0.8); border-radius:3px; box-shadow:0 1px 0 rgba(255,255,255,0.6),0 1px 0 rgba(255,255,255,0.7) inset; }
#smartbanner .sb-button:active, #smartbanner .sb-button:hover { background:-webkit-linear-gradient(top, #dcdcdc 0%,#efefef 100%); }

#smartbanner .sb-icon.gloss:after { content:''; position:absolute; left:0; top:-1px; border-top:1px solid rgba(255,255,255,0.8); width:100%; height:50%; background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); border-radius:10px 10px 12px 12px; }

#smartbanner.android { border-color:#212228; background: #3d3d3d url('images/dark_background_stripes.gif'); border-top: 5px solid #88B131; box-shadow: none; }
#smartbanner.android .sb-close { border:0; width:17px; height:17px; line-height:17px; color:#b1b1b3; background:#1c1e21; text-shadow:0 1px 1px #000; box-shadow:0 1px 2px rgba(0,0,0,0.8) inset,0 1px 1px rgba(255,255,255,0.3); }
#smartbanner.android .sb-close:active { color:#eee; }
#smartbanner.android .sb-info { color:#ccc; text-shadow:0 1px 2px #000; }
#smartbanner.android .sb-info strong { color:#fff; }
#smartbanner.android .sb-button { min-width: 12%; border:1px solid #DDDCDC; padding:1px; color:#d1d1d1; background: none; border-radius: 0; box-shadow: none; }
#smartbanner.android .sb-button span { text-align: center; display: block; padding: 0 10px; background-color: #42B6C9; background-image: -webkit-gradient(linear,0 0,0 100%,from(#42B6C9),to(#39A9BB)); background-image: -moz-linear-gradient(top,#42B6C9,#39A9BB); text-transform:none; text-shadow:none; box-shadow:none; }
#smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover { background: none; }
#smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span { background:#2AC7E1; }

#smartbanner.windows .sb-icon { border-radius: 0px; }

@import url("http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");

.js-go-notification{
  position: fixed;
  z-index: 980;
  width: 300px;
  font-family: sans-serif;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.05);
  transform: translateZ(0px);
  cursor: pointer;
}

.js-go-notification .notification{
  position: relative;
  display: none;
}

.js-go-notification .notification + .notification{
  margin-top: 10px;
}

.js-go-notification .notification.stripes{
  background-size: 80px 80px;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
  transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
  transparent 75%, transparent);
}

.js-go-notification .notification.shadow{
  box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.7);
}

.js-go-notification .notification section{
  padding: 12px 30px 10px 55px;
  color: rgba(255,255,255,.8);
  font-size: 14px;
  font-weight: lighter;
}

.js-go-notification .notification section i{
  float: right;
  color: rgba(255,255,255,0.4);
  top: 11px;
  right: 10px;
  position: absolute;
}

.js-go-notification .notification section i:hover{
  color: rgba(255,255,255,0.8);
  cursor: pointer;
  cursor: hand;
}

.js-go-notification.left{
  left: 10px;
}

.js-go-notification.right{
  right: 10px;
}

.js-go-notification.center{
  left: 34%;
  width: 500px;
}

.js-go-notification.bottom{
  bottom: 10px;
}

.js-go-notification.top{
  top: 10px;
}

.js-go-notification .notification:before{
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  box-sizing: border-box;
  height: 100%;
  width: 44px;
  padding: 11px 15px;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1);
}

.js-go-notification .notification:before{
  font-family: "Glyphicons Regular";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 15px;
  position: absolute;
  padding-top: -5px;
  top: 0px;
  left: 0px;
  color: rgba(255,255,255,0.9);
}

.js-go-notification .notification.loading{
  background-color: #555;
}

.js-go-notification .notification
{
	background-color: #78b23f;
}

.js-go-notification .notification:before{
	content: "\E073";
}

.js-go-notification .notification.loading:before{
  content: "\f013";
  -webkit-animation:spin 2s linear infinite;
  -moz-animation:spin 2s linear infinite;
  animation:spin 2s linear infinite;
}

.js-go-notification .notification.overview{
    background-color: #78b23f;
}

.js-go-notification .notification.overview:before{
    content: "\E021";
}

.js-go-notification .notification.new_parents_evening:before{
	content: "\E066";
}

.js-go-notification .notification.email{
    background-color: #78b23f;
}

.js-go-notification .notification.email:before{
    content: "\E125";
}

.js-go-notification .notification.form{
    background-color: #78b23f;
}

.js-go-notification .notification.form:before{
    content: "\E040";
}

.js-go-notification .notification.sms{
    background-color: #78b23f;
}

.js-go-notification .notification.sms:before{
    content: "\E033";
}

.js-go-notification .notification.event{
    background-color: #78b23f;
}

.js-go-notification .notification.event:before{
    content: "\E046";
}

.js-go-notification .notification.user{
    background-color: #78b23f;
}

.js-go-notification .notification.user:before{
    content: "\E089";
}

.js-go-notification .notification.group{
    background-color: #78b23f;
}

.js-go-notification .notification.group:before{
    content: "\E044";
}

.js-go-notification .notification.import{
    background-color: #78b23f;
}

.js-go-notification .notification.import:before{
    content: "\E063";
}

.js-go-notification .notification.report_generated {
    background-color: #78b23f;
}

.js-go-notification .notification.report_generated:before{
    content: "\E041";
}

.js-go-notification .notification.setting{
    background-color: #78b23f;
}

.js-go-notification .notification.setting:before{
    content: "\E138";
}

.js-go-notification .notification.new_form{
	background-color: #78b23f;
}

.js-go-notification .notification.new_form:before{
	content: "\E040";
}

.js-go-notification .notification.print{
    background-color: #78b23f;
}

.js-go-notification .notification.print:before{
    content: "\E016";
}

.js-go-notification .notification.account{
    background-color: #78b23f;
}

.js-go-notification .notification.account:before{
    content: "\E265";
}

.js-go-notification .notification.logout{
    background-color: #78b23f;
}

.js-go-notification .notification.logout:before{
    content: "\E389";
}

.js-go-notification .notification.connection{
    background-color: #78b23f;
}

.js-go-notification .notification.connection:before{
    content: "\E309";
}

.js-go-notification .notification.photo {
    background-color: #78b23f;
}

.js-go-notification .notification.photo:before{
    content: "\E139";
}

.js-go-notification .notification.contact {
    background-color: #78b23f;
}

.js-go-notification .notification.contact:before{
    content: "\E089";
}

.js-go-notification .notification.importComplete {
	background-color: #78b23f;
}

.js-go-notification .notification.importComplete:before{
	content: "\E063";
}

/*.js-go-notification .notification.success{
    background-color: #78b23f;
}

.js-go-notification .notification.success:before{
    content: "\f058";
}

.js-go-notification .notification.warning{
  background-color: #E25440;
}

.js-go-notification .notification.warning:before{
  content: "\f071";
}

.js-go-notification .notification.info{
  background-color: #5BA4E5;
}

.js-go-notification .notification.info:before{
  content: "\f05a";
}

.js-go-notification .notification.error{
  background-color: #9e1c30;
}

.js-go-notification .notification.error:before{
  content: "\f057";
}

.js-go-notification .notification.question{
  background-color: #9e4d61;
}

.js-go-notification .notification.question:before{
  content: "\f059";
}*/

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
/*
 * jQuery Spellchecker - v0.2.4
 * https://github.com/badsyntax/jquery-spellchecker
 *
 * Copyright (c) 2012 Richard Willis
 * Licensed under the MIT license.
 */
.spellchecker-suggestbox {
	position: absolute;
	display: none;
	z-index: 9999;
	overflow: none;
	font: normal 13px arial;
	box-shadow: 0 0 4px #aaa;
	background: #fff;
	border: 1px solid #bbb;
}
.spellchecker-suggestbox .loading {
	padding: 3px 6px;
	font-style: italic;
}
.spellchecker-suggestbox a {
	outline: none;
	cursor: pointer;
	color: #333;
	padding: 3px 6px;
	display: block;
	text-decoration: none;
}
.spellchecker-suggestbox a:hover {
	color: #000;
	background: #ddd;
}
.spellchecker-suggestbox .footer {
	border-top: 1px solid #ddd;
}
.spellchecker-suggestbox .footer .ignore-all,
.spellchecker-suggestbox .footer .ignore-forever {
	display: none;
}
.spellchecker-word-highlight {
	color: red;
	cursor: pointer;
	border-bottom: 1px dotted red;
}
.spellchecker-incorrectwords {
	display: none;
}
.spellchecker-incorrectwords a {
	display: inline-block;
	margin-right: .5em;
}
.spellchecker-button-icon {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHtSURBVDjLY/j//z8DJZiBKgY49drM9J3idhLEtu+xjvea4nLNqsVspnWr2S6QmF6+Zol2ltpq5QSlmcpxijMxDABp9pjkuMuu28rIpsMi3rLZFKzIus38mm6OuqRxpf41nC5w7rOJd+i1ngnUXGLTbj7Tsskk3rbL8ppZreEu7Ry1mWpJSvHK8Uoz0TWK5U/nYIg8y8rgPsl+l12P1WqgbTPdJtk/AtoWb1CkBdagnqyyWilawVM/Rw/FBQyx540ZGm/eYIg8P43BdYLdSZiEcYXeTJB/TaoNroH8q5OldVIhXE5SKUqhXSNRfZdKvPKVkOrED+L9d/8wN998w+B4XIL40I48K8FQf/O6+7In/7mbb35hsD2qjBKNDLU3ExjKb7pi1Rx61ke89+6fwBVP/jPXXn/HYHlYGiMdMJTe1JJc/PgHQ/X1xQyplznBYuFnmRiiz062nPfof8DSJ/8ZSq8/ZzA9KIEzIQE1Vvuuf/6fufv2M4bgsz4MxVdPui8Cal4C1Jx/+RGDPqpmTANiz7MAvXI+bO2L/5ZzHvzP2Pjif8DCx/8ZMi/fY9DcL0FUUmbwPKkg3Hr7T+WOV//95j/8z5B6/jaD6l4JkvIC0J9FTtPu/2dIPn+PQXG3BFmZiUFzbweDLH7NVMmNAOGld33BRiNUAAAAAElFTkSuQmCC) !important;
	background-repeat: no-repeat;
	background-position: center center;
}
/*!
* Fine Uploader
*
* Copyright 2013-2014, Widen Enterprises, Inc. info@fineuploader.com
*
* Version: 4.4.0
*
* Homepage: http://fineuploader.com
*
* Repository: git://github.com/Widen/fine-uploader.git
*
* Licensed under GNU GPL v3, see LICENSE
*
* Third-party credits:
*   MegaPixImageModule (MIT)
*       https://github.com/stomita/ios-imagefile-megapixel
*       Copyright (c) 2012 Shinichi Tomita <shinichi.tomita@gmail.com>
*
*   CryptoJS
*       code.google.com/p/crypto-js/wiki/License
*       (c) 2009-2013 by Jeff Mott. All rights reserved.
*/

.qq-uploader {
    position: relative;
    width: 100%;
}
.qq-upload-button {
    display: block;
	width: 145px;
    padding: 7px 0;
    text-align: center;
    color: #FFF;
	margin-bottom: 10px;
}
.qq-upload-button-hover {
    background: #CC0000;
}
.qq-upload-button-focus {
    outline: 1px dotted #000000;
}
.qq-upload-drop-area, .qq-upload-extra-drop-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 30px;
    z-index: 2;
    background: #FF9797;
    text-align: center;
}
.qq-upload-drop-area span {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -8px;
    font-size: 16px;
}
.qq-upload-extra-drop-area {
    position: relative;
    margin-top: 50px;
    font-size: 16px;
    padding-top: 30px;
    height: 20px;
    min-height: 40px;
}
.qq-upload-drop-area-active {
    background: #FF7171;
}
.qq-upload-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.qq-upload-list li {
    margin: 0;
    padding: 9px;
    line-height: 15px;
    font-size: 16px;
    background-color: #FFF0BD;
}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size,
.qq-upload-cancel, .qq-upload-retry, .qq-upload-failed-text,
.qq-upload-delete, .qq-upload-pause, .qq-upload-continue {
    margin-right: 12px;
    display: inline;
}
.qq-upload-file {
}
.qq-upload-spinner {
    display: inline-block;
    background: url("../images/loading.gif");
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}
.qq-drop-processing {
    display: block;
}
.qq-drop-processing-spinner {
    display: inline-block;
    background: url("../images/processing.gif");
    width: 24px;
    height: 24px;
    vertical-align: text-bottom;
}

.qq-upload-delete, .qq-upload-pause, .qq-upload-continue {
    display: inline;
}

.qq-upload-retry, .qq-upload-delete, .qq-upload-cancel,
.qq-upload-pause, .qq-upload-continue {
    color: #000000;
}

.qq-upload-retryable .qq-upload-retry {
    display: inline;
}
.qq-upload-size, .qq-upload-cancel, .qq-upload-retry,
.qq-upload-delete, .qq-upload-pause, .qq-upload-continue {
    font-size: 12px;
    font-weight: normal;
}
.qq-upload-failed-text {
    display: none;
    font-style: italic;
    font-weight: bold;
}
.qq-upload-failed-icon {
    display:none;
    width:15px;
    height:15px;
    vertical-align:text-bottom;
}
.qq-upload-fail .qq-upload-failed-text {
    display: inline;
}
.qq-upload-retrying .qq-upload-failed-text {
    display: inline;
    color: #D60000;
}
.qq-upload-list li.qq-upload-success {
    background-color: #CCE7ED;
    color: #24303B;
}
.qq-upload-list li.qq-upload-fail {
    background-color: #D60000;
    color: #FFFFFF;
}
.qq-progress-bar {
    display: block;
    background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
    width: 0%;
    height: 15px;
    border-radius: 6px;
    margin-bottom: 3px;
}

.qq-total-progress-bar {
    height: 25px;
    border-radius: 9px;
}

.qq-total-progress-bar-container {
    margin: 9px;
}

INPUT.qq-edit-filename {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.qq-upload-file.qq-editable {
    cursor: pointer;
}

.qq-edit-filename-icon.qq-editable {
    display: inline-block;
    cursor: pointer;
}

INPUT.qq-edit-filename.qq-editing {
    position: static;
    margin-top: -5px;
    margin-right: 10px;
    margin-bottom: -5px;

    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.qq-edit-filename-icon {
    display: none;
    background: url("../images/edit.gif");
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
    margin-right: 5px;
}

INPUT.qq-edit-filename.qq-editing ~ .qq-upload-cancel {
    display: none;
}

.qq-hide {
    display: none;
}

.recipientPickerContainer {
  padding: 15px;
}
.recipientPickerContainer .controlsContainer {
  margin-bottom: 10px;
}
.recipientPickerContainer .controlsContainer input[type="text"] {
  width: 100%;
  /*margin-bottom: 10px;*/
}
.recipientPickerContainer .selectAll {
  cursor: pointer;
  line-height: 17px;
}
.recipientPickerContainer .recipientsContainer {
  width: 100%;
  display: inline-block;
  /*background-color: #eeeeee;*/
  /*padding: 10px;*/
  vertical-align: top;
  overflow-y: auto;
  height: 350px;
}
.recipientPickerContainer .recipientsContainer select {
  width: 100%;
}
.recipientPickerContainer .recipientsContainer .recipientItem {
  padding: 0;
  margin: 0;
}
.recipientPickerContainer .recipientsContainer .recipientItem li {
  cursor: pointer;
  height: 100%;
  line-height: 17px;
  font-size: 14px;
  color: #666666;
  list-style: none;
}
.recipientPickerContainer .recipientsContainer .recipientItem li .actions {
  width: 5%;
  float: left;
  display: inline-block;
}
.recipientPickerContainer .recipientsContainer .recipientItem li .userDetailsContainer {
  width: 95%;
  display: inline-block;
}
.recipientPickerContainer .recipientsContainer .recipientItem li .userDetailsContainer h3 {
  margin: 0;
}
.recipientPickerContainer .recipientsContainer .recipientItem li .userDetailsContainer h4 {
  margin: 0;
}
.recipientPickerContainer .groupsContainer {
  width: 100%;
  display: inline-block;
  background-color: #eeeeee;
  padding: 10px;
  vertical-align: top;
  overflow-y: scroll;
  height: 350px;
}
.recipientPickerContainer .groupsContainer select {
  width: 100%;
}
.recipientPickerContainer .groupsContainer .memberItem {
  padding: 0;
  margin: 0;
}
.recipientPickerContainer .groupsContainer .memberItem li {
  height: 100%;
  line-height: 17px;
  font-size: 14px;
  color: #666666;
  list-style: none;
}
.recipientPickerContainer .groupsContainer .memberItem li .actions {
  width: 5%;
  float: left;
  display: inline-block;
}
.recipientPickerContainer .groupsContainer .memberItem li .userDetailsContainer {
  width: 95%;
  display: inline-block;
}
.recipientPickerContainer .groupsContainer .memberItem li .userDetailsContainer h3 {
  margin: 0;
}
.recipientPickerContainer .groupsContainer .memberItem li .userDetailsContainer h4 {
  margin: 0;
}
.recipientPickerContainer .searchBox {
  padding: 5px;
}
.recipientPickerContainer select {
  width: 100%;
  padding: 5px;
  margin-bottom: 5px;
}
.recipientPickerContainer .leftArea {
  float: left;
  width: 49.5%;
  margin-bottom: 5px;
}
.recipientPickerContainer .leftArea .topNav {
  min-height: 40px;
}
.recipientPickerContainer .rightArea {
  float: right;
  width: 49.5%;
  margin-bottom: 5px;
}
.recipientPickerContainer .rightArea .topNav {
  min-height: 40px;
}
.recipientPickerContainer .clearfix {
  clear: both;
}
.recipientPickerContainer .areaTitle {
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;
}
.recipientPickerContainer .selectedPeopleContainer .selectedPersonList .selectedPerson {
  color: #ffffff;
  background-color: #666666;
  display: inline-block;
  padding: 5px;
  overflow: hidden;
  max-width: 250px;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 5px;
  margin-right: 5px;
}
.recipientPickerContainer .selectedPeopleContainer .selectedPersonList .selectedPerson .name {
  overflow: hidden;
  min-width: 155px;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.recipientPickerContainer .selectedPeopleContainer .selectedPersonList .selectedPerson .remove {
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
}
.recipientPickerResultsContainer .recipientsContainer {
  max-height: 700px;
  overflow-y: scroll;
}
.recipientPickerResultsContainer .recipientsContainer ul {
  padding-left: 20px;
}
.recipientPickerResultsContainer .recipientsContainer ul li {
  list-style: none;
  margin-bottom: 5px;
}
.organisationName {
  float: left;
  font-weight: normal;
  font-size: 28px;
  margin: 0 0 5px 0;
  width: 90%;
}
#clientProfileImage {
  max-width: 220px;
  margin: 15px 0;
}
.editIcon {
  float: right;
  text-align: right;
}
.editIcon:before {
  font-size: 20px;
}
.organisationType {
  font-weight: normal;
  font-style: italic;
  font-size: 18px;
  margin: 0 0 30px 0;
}
.clientDetails .collapsible-toggle {
  font-size: 18px;
  padding: 20px 0 10px 0;
}
.clientDetails .collapsible-toggle .glyphicons {
  float: right;
  right: -25px;
}
.clientDetails .collapsible-toggle .glyphicons:before {
  font-size: 18px;
}
.clientDetails .clientDetailsHeader {
  float: left;
  width: 80%;
  font-weight: normal;
  font-size: 22px;
  margin: 0 0 10px 0;
}
.clientDetails .clientDetailsColumn {
  float: left;
  width: 50%;
  min-width: 300px;
  margin-bottom: 25px;
}
.clientDetails .clientDetailsColumn .clientDetailsList {
  list-style-type: none;
  padding-left: 30px;
  margin: -10px 0 0;
}
.clientDetails .clientDetailsColumn .clientDetailsList .clientDetailsItem {
  padding-bottom: 10px;
  word-wrap: break-word;
}
.clientDetails .clientPackageList {
  list-style-type: none;
  margin: 10px 0 0 0;
  padding: 0;
}
.clientDetails .clientPackageList .clientPackageItem {
  padding-bottom: 10px;
  background-color: #CCE7ED;
  border-left: solid 6px #0089A4;
  padding: 20px;
  margin-bottom: 2px;
}
.clientDetails .clientPackageList .clientPackageItem h3 {
  margin: 0px;
  font-weight: normal;
  font-size: 22px;
  margin-bottom: 10px;
  width: 70%;
  position: relative;
  display: inline-block;
  float: left;
}
.clientDetails .clientPackageList .clientPackageItem .subOption {
  margin-left: 20px;
}
.clientDetails .subDetails {
  border: solid 3px #24303B;
  padding: 10px;
}
.clientDetails .subDetails h3 {
  margin-top: 0px !important;
}
.dialog .container #clientAdminEdit {
  margin: 20px;
}
.column2 .contentArea #orgImageUploadForm {
  background-color: #ffffff;
}
.column2 .contentArea #orgImageUploadForm .imageDetailsContainer {
  padding: 15px;
}
.column2 .contentArea #orgImageUploadForm .imageDetailsContainer .qq-upload-list {
  margin-top: 15px;
}
.simsHeader {
  margin-top: 0;
}
.simsParagraphContainer {
  margin-bottom: 20px;
}
.simsParagraphContainer .simsParagraph {
  margin: 0;
}
#apiKeyContainer {
  padding: 20px;
}
#apiKeyContainer h3 {
  margin: 0;
}
#autoLinkDetailsContainer {
  margin-top: 30px;
}
#autoLinkDetailsContainer h3 {
  font-weight: normal;
  font-size: 22px;
  margin: 0 0 10px 0;
  float: left;
  width: 500px;
}
#autoLinkDetailsContainer .dropdownContainer {
  height: 42px;
}
#LEADetailsContainer {
  margin-top: 30px;
}
#LEADetailsContainer h3 {
  font-weight: normal;
  font-size: 22px;
  margin: 0 0 10px 0;
  float: left;
  width: 500px;
}
#LEADetailsContainer .dropdownContainer {
  height: 42px;
}
#LEADetailsContainer ul {
  list-style-type: none;
  margin: 10px 0 0;
  padding: 0;
}
#LEADetailsContainer ul#schoolsContainer {
  height: 100px;
}
#pendingAutoLinkContainer {
  margin-top: 30px;
}
#pendingAutoLinkContainer h3 {
  font-weight: normal;
  font-size: 22px;
  margin: 0 0 10px 0;
}
#pendingAutoLinkContainer ul {
  list-style-type: none;
  margin: 10px 0 0;
  padding: 0;
}
#pendingAutoLinkContainer ul li {
  background-color: #CCE7ED;
  border-left: 6px solid #0089A4;
  margin-bottom: 2px;
  padding: 20px;
}
#simsRequestImportContainer .content {
  padding: 20px;
}
#simsHeartBeatContainer .content {
  padding: 20px;
}
#editPackagesContainer .packages {
  padding: 20px;
}
#editPackagesContainer .packages div .packageContainer {
  background: #CCE7ED;
  padding: 8px;
  margin-bottom: 8px;
  font-size: 14px;
}
#editPackagesContainer .packages div .packageContainer .subOption {
  font-size: 12px;
  margin: 8px 20px;
}
.administratorSection {
  margin-top: 25px;
}
#cashlessCateringContainer {
  margin-top: 20px;
}
#cashlessCateringContainer h3 {
  float: left;
  width: 80%;
  font-weight: normal;
  font-size: 22px;
  margin: 0 0 10px 0;
}
#cashlessCateringContainer #detailsContainer {
  margin-top: 15px;
}
#cashlessCateringContainer #detailsContainer div {
  margin-bottom: 5px;
}
#cashlessCateringContainer #editCashlessProvider {
  cursor: pointer;
}
#organisationAppContainer.notInDialog {
  background-color: #ffffff;
  margin: 30px;
  padding: 20px;
}
#organisationAppContainer.notInDialog h3 {
  margin: 0;
}
#organisationAppContainer.notInDialog .dataContainer {
  margin: 0px 0 20px 0;
}
#organisationAppContainer h3 {
  margin-left: 15px;
  margin-right: 15px;
}
#organisationAppContainer .dataContainer {
  border: solid 1px #24303B;
  margin: 15px;
  padding: 10px;
}
#organisationAppContainer .dataContainer .colourContainer {
  width: 100%;
}
#organisationAppContainer .dataContainer .colourContainer .colourTextField {
  float: left;
  width: 100px;
}
#organisationAppContainer .dataContainer .colourContainer .colourPreview {
  float: left;
  width: 40px;
  height: 40px;
  margin-left: 10px;
  border: 1px solid #EBECED;
}
#organisationAppContainer .dataContainer label {
  font-size: 13px;
}
#organisationAppContainer .dataContainer #storeDescription {
  height: 40px;
}
#organisationAppContainer .dataContainer #oemAppLogoImage {
  width: 100px;
  height: 100px;
}
#organisationAppContainer #publishToOrg {
  float: left !important;
}
#cloudLinkDetailsContainer h3 {
  float: left;
  width: 80%;
  font-weight: normal;
  font-size: 22px;
  margin: 0 0 10px 0;
}
#cloudLinkDetailsContainer #editCloudLinkCredentials {
  cursor: pointer;
}
#paymentOptionsContainer .option {
  float: left;
  margin-right: 30px;
}
#paymentOptionsContainer .option .checkboxContainer {
  margin-bottom: 10px;
}
#paymentOptionsContainer .option .minAmountsContainer {
  width: 200px;
}
#paymentOptionsContainer .option .minAmountsContainer input[type=text] {
  margin-top: 10px;
}
#paymentOptionsContainer .option .minAmountsContainer label {
  line-height: 15px;
}
#editClientDialog .clientCreate {
  margin: 15px 15px 0 15px;
}
.eventCreate {
  background-color: #ffffff;
  margin: 30px;
  padding: 20px;
}
.eventCreate .greenBackground {
  background-color: #24303B;
  color: #EBECED;
  padding: 15px;
}
.eventCreate h2 {
  font-size: 18px;
  font-weight: lighter;
  margin-top: 0;
}
.eventCreate h3 {
  margin-top: 5px;
  font-size: 14px;
  font-weight: lighter;
}
.eventCreate select {
  margin-bottom: 20px;
}
.eventCreate p,
.eventCreate label {
  font-weight: lighter;
}
.eventCreate input[type="number"] {
  appearance: textfield;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  -o-appearance: textfield;
}
.eventCreate input::-webkit-outer-spin-button,
.eventCreate input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.eventCreate .eventDetailsContainer {
  margin: 0;
}
.eventCreate .eventDetailsContainer .section input {
  margin-bottom: 10px;
}
.eventCreate .eventDetailsContainer .section input[type="number"] {
  width: 100%;
  padding: 10px;
  border: 1px solid #cccccc;
  width: 200px;
}
.eventCreate .eventDetailsContainer .section select {
  margin-bottom: 10px;
}
.eventCreate .eventDetailsContainer .section textarea {
  height: 100%;
}
.eventCreate .eventDetailsContainer .section.involving #eventMembers {
  list-style: none;
  padding: 0;
}
.eventCreate .eventDetailsContainer .section.involving #eventMembers .involvingItem {
  background-color: #666666;
  color: #FFFFFF;
  display: inline-block;
  margin-right: 5px;
  margin-top: 5px;
  max-width: 250px;
  overflow: hidden;
  padding: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dialog .eventCreate .buttonBar {
  margin-right: 0 !important;
}
.groupTypeDetails .contactDetails .name {
  text-transform: capitalize;
}
.groupTypeDetails .rulesContainer h3 {
  margin-top: 0;
}
.groupTypeDetails .rulesContainer p {
  margin-bottom: 0;
}
.groupTypeDetails .groupsContainer .heading {
  padding: 0;
}
.userTypeDetails .mainHeading h3 {
  margin: 10px 0 14px 0;
}
.userTypeDetails .contentContainer .usersContainer .heading {
  padding: 0;
}
.userTypeCreate {
  background-color: #ffffff;
  margin: 30px;
  padding: 20px;
}
.userTypeCreate .page-header {
  padding: 20px 20px 10px 16px;
}
.userTypeCreate .greenBackground {
  background-color: #24303B;
  color: #EBECED;
  padding: 15px;
}
.userTypeCreate .userTypeDetailsContainer .section h3 {
  font-size: 14px;
  font-weight: lighter;
}
.userTypeCreate .buttonBar .btn-default {
  margin-right: 15px;
}
.groupTypeCreate {
  background-color: #ffffff;
  margin: 30px;
  padding: 20px;
}
.groupTypeCreate .page-header {
  padding: 20px 15px 0;
}
.groupTypeCreate .greenBackground {
  background-color: #24303B;
  color: #EBECED;
  padding: 15px;
}
.groupTypeCreate .groupDetailsContainer {
  margin-bottom: 15px;
}
.groupTypeCreate .groupDetailsContainer .section h3 {
  font-size: 14px;
  font-weight: lighter;
}
.groupTypeCreate .groupDetailsContainer .section input[type="text"] {
  margin-bottom: 10px;
}
.groupTypeCreate .buttonBar .btn-default {
  margin-right: 15px;
}
.dialog .userCreate .buttonBar {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
}
.accountSecurity .section.security {
  margin: 15px;
}
.accountSecurity .section.security input[type="password"],
.accountSecurity .section.security input[type="text"] {
  width: 100%;
  margin-bottom: 5px;
}
.deleteAccountDialog .headerBar {
  background-color: #d9534f !important;
}
.deleteAccountDialog #accountDeleteContainer p {
  padding: 0 10px;
}
.deleteAccountDialog #accountDeleteContainer .accountDelete .section {
  padding: 0 10px;
}
.notificationSettingsContainer {
  margin: 15px 0;
}
.notificationSettingsContainer .emailSettings {
  background-color: #DDDDDD;
  margin-bottom: 1px;
  padding: 5px 15px;
}
@media (min-width: 900px) {
  .notificationSettingsContainer {
    margin: 15px;
  }
}
#adminSettingPayments {
  margin: 30px;
  padding: 20px;
  background-color: #ffffff;
}
#adminSettingPayments .heading {
  margin-top: 0;
}
#adminSettingPayments .box {
  padding: 15px;
  border: 1px solid #24303B;
}
#adminSettingPayments #paymentMethodView {
  background-color: #eee;
  padding: 5px 5px 0 5px;
}
#adminSettingPayments #paymentMethodView .paymentMethod {
  padding: 15px;
  border-bottom: 5px solid #EBECED;
  background-color: #fff;
}
#adminSettingPayments #paymentMethodView .paymentMethod .name {
  display: inline-block;
  width: 145px;
}
#adminSettingPayments #paymentMethodView .paymentMethod .logo {
  display: inline-block;
  width: 130px;
}
#adminSettingPayments #paymentMethodView .paymentMethod .logo .logoImage {
  height: 20px;
}
#adminSettingPayments #paymentMethodView .paymentMethod .logo .logoImage.amex {
  height: 85px !important;
}
#adminSettingPayments #paymentMethodView .paymentMethod .status {
  display: inline-block;
  width: 70px;
}
#clientUsersDialog .leftColumn {
  display: inline-block;
  width: 40%;
  height: 700px;
  overflow-y: auto;
}
#clientUsersDialog .rightColumn {
  display: inline-block;
  width: 60%;
  vertical-align: top;
  padding: 10px;
  max-height: 450px;
  overflow-y: auto;
}
.toggleText {
  float: right;
  font-size: 14px;
}
#backupRestoreDialog .leftColumn {
  display: inline-block;
  width: 40%;
}
#backupRestoreDialog .rightColumn {
  display: inline-block;
  width: 60%;
  vertical-align: top;
  padding: 20px;
}
#backupRestoreDialog .rightColumn h1 {
  font-weight: normal;
  margin-top: 0px;
}
#backupRestoreDialog .rightColumn h2 {
  font-weight: normal;
}
#backupRestoreDialog .rightColumn .stats {
  width: 100%;
  padding: 15px;
}
#backupRestoreDialog .rightColumn .stats:nth-child(2n-1) {
  background-color: #E0F0FA;
}
#backupRestoreDialog .rightColumn .stats h3 {
  width: 50%;
  margin: 0;
}
#backupRestoreDialog .rightColumn .stats h3.title {
  float: left;
  text-align: left;
}
#backupRestoreDialog .rightColumn .stats h3.value {
  float: right;
  text-align: right;
}
#backupRestoreDialog .rightColumn #restoreBackup {
  margin-top: 20px;
}
#userPermissionsForm .userPermissions .permissionsContainer .permissionContainer {
  margin: 10px 0;
}
#userTypePermissionsForm {
  margin: 30px;
  padding: 20px;
  background-color: #ffffff;
}
#userTypePermissionsForm .page-header {
  background-color: #24303B;
  color: #EBECED;
  padding: 15px;
}
#userTypePermissionsForm .content {
  padding: 0;
}
#userTypePermissionsForm .userTypePermissions {
  margin: 0;
}
#userTypePermissionsForm .userTypePermissions .userTypeSelector {
  padding: 0;
}
#userTypePermissionsForm .userTypePermissions .permissionsContainer {
  display: none;
}
#userTypePermissionsForm .userTypePermissions .permissionsContainer .permissionContainer {
  margin: 10px 0;
}
#userTypePermissionsForm .buttonBar {
  display: none;
  margin: 20px 0 0 0;
}
.permissionsGroupContainer {
  background: #EBECED;
  margin-bottom: 1px;
  padding: 15px;
}
.permissionsGroupContainer h3 {
  margin: 0;
  text-transform: capitalize;
}
.permissionsGroupContainer input {
  float: left;
  margin-right: 10px;
  margin-top: 4px;
}
.permissionsGroupContainer .permissionListViewButton {
  float: right;
  padding: 8px 36px;
  cursor: pointer;
}
.permissionsList {
  display: none;
}
.permissionBox {
  border-bottom: 1px dashed #EBECED;
  padding: 20px;
}
.permissionBox:last-child {
  border-bottom: 0;
}
.permissionBox h4 {
  margin: 0;
}
.permissionBox input {
  float: left;
  margin-right: 10px;
  margin-top: 4px;
}
.permissionBox p {
  margin-bottom: 0;
}
.permissionBox .permissionControl {
  color: #798087;
  float: right;
  font-size: 16px;
  margin-top: 15px;
}
.permissionRadioBtn {
  padding: 10px 0;
  width: 74px;
}
.permissionRadioBtn input {
  float: left;
}
.permissionRadioBtn label {
  float: left;
  text-transform: capitalize;
}
#upgradeBrowser .container {
  background-color: #fff;
  position: absolute;
  width: 500px;
  height: 400px;
  top: 50%;
  left: 50%;
  margin-top: -160px;
  margin-left: -230px;
  -webkit-box-shadow: 0px 0px 50px -10px #000000;
  -moz-box-shadow: 0px 0px 50px -10px #000000;
  box-shadow: 0px 0px 50px -10px #000000;
  text-align: center;
}
#upgradeBrowser .container h1 {
  font-size: 25px;
}
#upgradeBrowser .container h2 {
  font-size: 20px;
}
#upgradeBrowser .container #choices {
  margin: auto;
}
#upgradeBrowser .container #choices div {
  float: left;
  display: inline-block;
  margin-left: 8%;
}
#upgradeBrowser .container #choices div a {
  width: 152px;
  height: 20px;
  line-height: 20px;
  padding-top: 85px;
  text-align: center;
}
#upgradeBrowser .container #choices div a#download-chrome img {
  width: 80px;
  border: none;
}
#upgradeBrowser .container #choices div a#download-chrome span {
  display: block;
}
#upgradeBrowser .container #choices div a#download-firefox img {
  width: 80px;
  border: none;
}
#upgradeBrowser .container #choices div a#download-firefox span {
  display: block;
}
#upgradeBrowser .container #choices div a#download-ie {
  margin-top: 10px;
}
#upgradeBrowser .container #choices div a#download-ie img {
  height: 87px;
  padding-top: 8px;
  border: none;
}
#upgradeBrowser .container #choices div a#download-ie span {
  display: block;
}
#upgradeBrowser .container .logoContainer {
  float: left;
  margin-left: 30px;
}
#upgradeBrowser .container .logoContainer a img {
  width: 150px;
  height: 50px;
}
@media (max-width: 600px) {
  #upgradeBrowser .container {
    position: absolute;
    width: 400px;
    height: 500px;
    top: 0;
    left: 50%;
    margin-top: 0px;
    margin-left: -200px;
    -webkit-box-shadow: 0px 0px 50px -10px #000000;
    -moz-box-shadow: 0px 0px 50px -10px #000000;
    box-shadow: 0px 0px 50px -10px #000000;
  }
  #upgradeBrowser .container #header {
    margin-top: 30px;
  }
  #upgradeBrowser .container #choices div {
    display: block;
    float: none;
  }
}
@media (max-width: 400px) {
  #upgradeBrowser .container {
    position: absolute;
    width: 100%;
    height: 515px;
    top: 0;
    left: 0;
    margin-top: 0px;
    margin-left: 0px;
    -webkit-box-shadow: 0px 0px 50px -10px #000000;
    -moz-box-shadow: 0px 0px 50px -10px #000000;
    box-shadow: 0px 0px 50px -10px #000000;
  }
  #upgradeBrowser .container #header {
    margin-top: 30px;
  }
  #upgradeBrowser .container #choices div {
    display: block;
    float: none;
  }
}
#emailRecipientList {
  padding: 10px;
}
#emailRecipientList .row {
  padding: 10px;
}
#emailRecipientList .row:nth-child(even) {
  background-color: #ddd;
}
#emailRecipientList .row .column {
  float: left;
  width: 33%;
}
#emailRecipientList .row .heading {
  font-weight: bold;
  /*&.contacts {

				margin-top: 20px;
			}*/
}
.reportDetails {
  padding: 20px !important;
  margin-bottom: 20px;
}
.reportDetails .greenBackground {
  background-color: #24303B !important;
  color: #EBECED;
}
.newReport {
  padding: 0 !important;
  margin: 0 !important;
}
.newReport .buttonBar {
  background-color: #FFFFFF;
  border: none;
}
.newReport .hasDatepicker {
  width: auto !important;
}
.reportPending {
  padding: 0 !important;
}
.reportPending .alert {
  margin: 0 !important;
}
.reportPending .alert .message {
  width: 90%;
}
#paymentItemReportContainer .leftColumn {
  display: inline-block;
  width: 40%;
  overflow-y: auto;
  height: 614px;
}
#paymentItemReportContainer .rightColumn {
  display: inline-block;
  width: 60%;
  vertical-align: top;
  padding: 10px;
}
#userReportsSubMenu .searchResults,
#paymentReportsSubMenu .searchResults {
  display: none !important;
}
#eveningReportsDialog .viewDetails {
  margin: 10px !important;
}
.date-picker-yearmonth-only .ui-datepicker-calendar {
  display: none !important;
}
#smsRecipientList {
  padding: 10px;
}
#smsRecipientList .row {
  padding: 10px;
}
#smsRecipientList .row:nth-child(even) {
  background-color: #ddd;
}
#smsRecipientList .row .column {
  float: left;
  width: 25%;
}
#smsRecipientList .row .heading {
  font-weight: bold;
}
#smsViewCredits {
  padding: 15px;
}
#smsViewCredits .topUpContainer .creditOptions .option {
  font-weight: lighter;
  line-height: 32px;
}
#smsViewCredits .topUpContainer .creditOptions .option .radio {
  float: left;
  margin: 10px 11px 0 0;
}
#smsViewCredits .purchaseAdditionalCredits {
  margin: 20px 0 10px 0;
  font-weight: lighter;
}
#smsViewCredits .heading {
  background: #24303B;
  color: #EBECED;
  font-size: 16px;
  line-height: 23px;
  padding: 15px;
  text-align: center;
  font-weight: lighter;
  /*strong {
			display:block;
		}*/
}
.importCreate {
  background-color: #ffffff;
  margin: 30px;
  padding: 20px;
}
.importCreate .page-header {
  padding: 20px 20px 10px 16px;
}
.importCreate .importDetailsContainer {
  margin-top: 30px;
}
.importCreate .importDetailsContainer .section.name .text {
  max-width: 540px;
}
.importCreate .importDetailsContainer .section.name .description {
  float: left;
  width: 70%;
}
.importCreate .importDetailsContainer .section.name #attachmentBar {
  height: auto;
  overflow: auto;
}
.importCreate .importDetailsContainer .section.name #attachmentBar .qq-upload-button {
  width: 155px;
  float: right;
}
.importCreate .importDetailsContainer .section.name #attachmentBar .qq-upload-list {
  float: right;
  margin-right: 20px;
  line-height: 23px;
}
.importCreate .buttonBar {
  height: auto;
  overflow: auto;
  margin-top: 20px;
  padding-top: 3px;
}
#importDetailsContainer .importDetails .actions .controls a {
  color: #ffffff !important;
}
@media (min-width: 900px) {
  .importCreate .importDetailsContainer .section.name .description {
    width: 80%;
  }
}
.datetimeify_container .datetimeify_content .datetimeify_container_date {
  width: 30% !important;
  min-width: 248px !important;
  display: inline-block;
  margin-right: 10px;
}
.datetimeify_container .datetimeify_content .datetimeify_container_time {
  width: 20% !important;
  min-width: 166px !important;
  display: inline-block;
}
.datetimeify_container .datetimeify_content .datetimeify_date {
  width: 100% !important;
  display: inline-block !important;
}
.datetimeify_container .datetimeify_content .datetimeify_date select {
  margin-right: 1%;
  width: 32% !important;
}
.datetimeify_container .datetimeify_content .datetimeify_date select.invalid {
  background: #ff0000;
  color: #ffffff;
}
.datetimeify_container .datetimeify_content .datetimeify_time {
  width: 100% !important;
  display: inline-block !important;
}
.datetimeify_container .datetimeify_content .datetimeify_time select {
  width: 50% !important;
}
.datetimeify_container .datetimeify_labels .datetimeify_date {
  width: 100% !important;
  display: inline-block !important;
}
.datetimeify_container .datetimeify_labels .datetimeify_date label {
  display: inline-block !important;
  width: 33.32% !important;
  font-size: 14px;
  font-weight: bold;
  padding-left: 4px;
  padding-bottom: 4px;
}
.datetimeify_container .datetimeify_labels .datetimeify_time {
  width: 100% !important;
  display: inline-block !important;
}
.datetimeify_container .datetimeify_labels .datetimeify_time label {
  display: inline-block !important;
  width: 50% !important;
  font-size: 14px;
  font-weight: bold;
  padding-left: 4px;
  padding-bottom: 4px;
}
.datetimeify_container .datetimeify_error {
  display: none;
  color: #ff0000;
}
.ui-datepicker-year {
  color: #000 !important;
}
.ui-datepicker-month {
  color: #000 !important;
}
.formResponseContent {
  position: relative;
}
.formResponseContent .formRecipientList {
  position: relative;
  margin-top: 20px;
}
.formResponseContent .formRecipientList .dropdownList {
  right: 0;
}
.formResponseContent #formRecipientsNavigationContainer {
  margin-bottom: 10px;
}
.formResponseContent #formRecipientsNavigationContainer .searchArea {
  float: left;
  margin-right: 15px;
  width: 300px;
}
.formResponseContent #formRecipientsNavigationContainer .pagginationButtons {
  float: left;
  margin-top: 3px;
}
.formResponseContent #formRecipientsNavigationContainer .resultText {
  float: left;
  margin-top: 13px;
  margin-left: 10px;
}
.formResponseContent #formResponsesTableContainer table {
  width: 100%;
}
.formResponseContent #formResponsesTableContainer .recipientHeader {
  text-align: left;
}
.formResponseContent #formResponsesTableContainer .formResponseItem {
  height: 45px;
  background-color: #24303B;
  color: #EBECED;
}
.formResponseContent #formResponsesTableContainer .formResponseItem h3 {
  margin: 0 0 0 5px !important;
}
.formResponseContent #formResponsesTableContainer .formResponseItem .deleteRecipient {
  margin: 0 10px 0 0 !important;
}
.formResponseContent #formResponsesTableContainer .multiResponse {
  border-bottom: solid 1px #24303B;
}
.formResponseContent #formResponsesTableContainer .multiResponse td {
  padding: 5px;
}
.unreadBadge {
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: #24303B;
  border: 1px solid #0B61BD;
  right: 23px;
  margin-top: 0px;
}
#formsReportsDialog .leftColumn {
  display: inline-block;
  width: 40%;
  overflow-y: auto;
  height: 465px;
}
#formsReportsDialog .rightColumn {
  display: inline-block;
  width: 60%;
  vertical-align: top;
  padding: 10px;
}
.chartGroup {
  padding: 10px;
  background: #EBECED;
}
.chartGroup .statChart {
  width: 100%;
}
.chartGroup .statChart:last-child {
  margin-right: 10px;
}
.chartGroup .questionChart {
  margin-left: 5px !important;
  width: 100%;
  min-width: auto !important;
}
@media (min-width: 900px) {
  .chartGroup .statChart {
    width: 49% !important;
  }
  .chartGroup .statChart:first-child {
    margin-right: 2%;
  }
}
#pmAdminOverview {
  margin: 30px;
  padding: 20px;
  background-color: #ffffff;
}
#pmAdminOverview .stats .contentArea {
  margin: 0px 0px 0px 0px;
  background-color: #ffffff;
  padding: 20px;
  position: relative;
  border: 1px solid #d0d0d0;
  margin-bottom: 20px;
}
#pmAdminOverview .stats .contentArea h2 {
  margin: 0;
  font-weight: normal;
}
#pmAdminOverview .stats .rightColumn {
  position: relative;
}
@media only screen and (min-width: 1000px) {
  #pmAdminOverview .stats .rightColumn {
    float: right;
    width: 50%;
  }
}
#pmAdminOverview .stats .rightColumn .contentArea {
  margin: 0px 0px 0px 0px;
  background-color: #ffffff;
  padding: 20px;
  position: relative;
  border: 1px solid #d0d0d0;
  margin-bottom: 20px;
}
@media only screen and (min-width: 600px) {
  #pmAdminOverview .stats .rightColumn .contentArea {
    margin: 0px 0px 0px 10px;
    background-color: #ffffff;
    padding: 20px;
    position: relative;
    border: 1px solid #d0d0d0;
    margin-bottom: 20px;
  }
}
#pmAdminOverview .stats .rightColumn .contentArea .chart {
  margin: 0px auto;
}
#pmAdminOverview .stats .rightColumn .contentArea h2 {
  margin: 0;
  font-weight: normal;
}
#pmAdminOverview .stats .rightColumn .contentArea #unverifiedUserList {
  overflow-y: auto;
  max-height: 352px;
}
#pmAdminOverview .stats .rightColumn .contentArea #cloudLinkErrorsHeader,
#pmAdminOverview .stats .rightColumn .contentArea #statisticsHeader {
  text-decoration: underline;
  font-weight: normal !important;
}
#pmAdminOverview .stats .rightColumn .contentArea #cloudLinkErrorContainer {
  overflow-y: auto;
  max-height: 648px;
}
#pmAdminOverview .stats .rightColumn .contentArea #cloudLinkErrorContainer .errorDetails {
  margin-top: 10px;
  padding-top: 10px;
  font-size: 16px;
  border-top: 1px solid #d0d0d0;
}
#pmAdminOverview .stats .rightColumn .contentArea #cloudLinkErrorContainer .errorDetails:first-of-type {
  border-top: none !important;
}
#pmAdminOverview .stats .leftColumn {
  position: relative;
}
@media only screen and (min-width: 1000px) {
  #pmAdminOverview .stats .leftColumn {
    float: left;
    width: 50%;
  }
}
#pmAdminOverview .stats .leftColumn .contentArea {
  margin: 0px 0px 0px 0px;
  background-color: #ffffff;
  padding: 20px;
  position: relative;
  border: 1px solid #d0d0d0;
  margin-bottom: 20px;
}
@media only screen and (min-width: 600px) {
  #pmAdminOverview .stats .leftColumn .contentArea {
    margin: 0px 10px 0px 0px;
    background-color: #ffffff;
    padding: 20px;
    position: relative;
    border: 1px solid #d0d0d0;
    margin-bottom: 20px;
  }
}
#pmAdminOverview .stats .leftColumn .contentArea h2 {
  margin: 0;
  font-weight: normal;
}
#pmAdminOverview .stats .leftColumn .contentArea .statistic {
  margin-top: 20px;
}
#pmAdminOverview .stats .leftColumn .contentArea .statistic.greyedOut {
  color: #dddddd;
}
#pmAdminOverview .stats .leftColumn .contentArea .statistic .statName {
  float: left;
  width: 50%;
  font-size: 16px;
  line-height: 22px;
}
#pmAdminOverview .stats .leftColumn .contentArea .statistic .statValue {
  float: right;
  width: 50%;
  font-size: 16px;
  line-height: 22px;
  text-align: right;
}
#pmAdminOverview .stats .leftColumn .contentArea #memberActivityContainer {
  margin-top: 20px;
  overflow-y: auto;
  max-height: 324px;
}
#pmAdminOverview .stats .leftColumn .contentArea .generalStatsHeader {
  text-decoration: underline;
  font-weight: normal !important;
}
#pmAdminOverview .stats .leftColumn .contentArea .errorContainer {
  overflow-y: auto;
  max-height: 648px;
}
#pmAdminOverview .stats .leftColumn .contentArea .errorContainer .errorDetails {
  margin-top: 10px;
  padding-top: 10px;
  font-size: 16px;
  border-top: 1px solid #d0d0d0;
}
#pmAdminOverview .stats .leftColumn .contentArea .errorContainer .errorDetails:first-of-type {
  border-top: none !important;
}
#pmAdminOverview .stats .leftColumn .contentArea .errorContainer .errorDetails .errorMessage {
  margin-top: 5px;
  font-size: 12px;
  line-height: 14px;
}
/*! jQuery UI - v1.11.0 - 2014-06-27
* http://jqueryui.com
* Includes: core.css, draggable.css, sortable.css, datepicker.css, slider.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=gloss_wave&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #a6c9e2;
	background: #fcfdfd url("images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% bottom repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #4297d7;
	background: #5c9ccc url("images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #c5dbec;
	background: #dfeffc url("images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #2e6e9e;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #2e6e9e;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #79b7e7;
	background: #d0e5f5 url("images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #1d5987;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #1d5987;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #79b7e7;
	background: #f5f8f9 url("images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #e17009;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #e17009;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fad42e;
	background: #fbec88 url("images/ui-bg_flat_55_fbec88_40x100.png") 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_469bdd_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_d8e7f3_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("images/ui-icons_6da8d5_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("images/ui-icons_217bc0_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("images/ui-icons_f9bd01_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cd0a0a_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 5px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}
.ui-timepicker-div dl {
  text-align: left;
}
.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}
.ui-timepicker-div dl dd {
  margin: 0 10px 10px 45%;
}
.ui-timepicker-div td {
  font-size: 90%;
}
.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
.ui-timepicker-rtl {
  direction: rtl;
}
.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}
.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}
.ui-timepicker-rtl dl dd {
  margin: 0 45% 10px 10px;
}
.MOTDCreate {
  margin: 30px;
  padding: 5px;
  background-color: #ffffff;
}
.MOTDCreate .detailsContainer {
  padding: 15px;
}
.MOTDCreate .detailsContainer .section h3 {
  font-size: 14px;
}
.MOTDCreate .detailsContainer .section input {
  padding: 5px;
}
.MOTDCreate .detailsContainer .section select {
  padding: 5px;
  border: solid 1px #a9a9a9;
}
.MOTDCreate .detailsContainer .section textarea {
  padding: 5px;
}
.MOTDCreate .detailsContainer .section.application select {
  width: 100%;
  margin-bottom: 10px;
}
.MOTDCreate .detailsContainer .section.content input[type="text"] {
  width: 100%;
  margin-bottom: 10px;
}
.MOTDCreate .detailsContainer .section.content textarea {
  width: 100%;
  margin-bottom: 10px;
}
.dialog .MOTDCreate {
  margin: 0 !important;
}
.appPickerContainer p {
  line-height: 22px;
  margin-bottom: 20px;
}
.appPickerContainer article {
  border-top: 1px solid #f4f4f4;
  padding: 20px;
  /*&:hover {
			background:@irisLightBlue;
		}*/
}
.appPickerContainer .appImage {
  float: left;
  height: 55px;
  margin-right: 10px;
  width: 55px;
}
.appPickerContainer .appImage img {
  width: 55px;
  margin-left: -55px;
}
.appPickerContainer .appContentWrapper {
  float: left;
}
.appPickerContainer .appContentWrapper h4 {
  font-size: 16px;
  margin: 5px 0 0 0 !important;
}
.appPickerContainer .appContentWrapper p {
  font-size: 16px;
  margin: 12px 0 0 0;
}
.appPickerContainer .feed .appImage:before {
  color: #1e70a5;
  content: "\E033";
  font: 38px/1em 'Glyphicons Regular';
  top: 11px;
  left: 5px;
}
.appPickerContainer .organisation .appImageEmpty:before {
  color: #666;
  content: "\E342";
  font: 38px/1em 'Glyphicons Regular';
  top: 8px;
  left: 5px;
}
.appPickerContainer .pmadmin .appImage {
  background-image: url(../images/tmlogo.png);
  background-size: cover;
  background-position: center center;
}
.dropdownMenuShow.actions {
  padding: 10px;
  min-width: 87px;
}
#dropDownOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 15;
  background: rgba(0, 0, 0, 0.025);
}
.dropdownContainer {
  height: 42px;
  position: relative;
  z-index: 16;
}
.dropdownList {
  position: absolute;
  right: 0;
  width: 175px;
  z-index: 16;
  color: #24303B;
}
.dropdownList .glyphicons {
  display: inline;
  /*margin-right: 7px;
		padding-left: 20px;*/
}
.dropdownList .glyphicons:before {
  color: #24303B;
  cursor: pointer;
  font-size: 14px;
  margin-right: 10px;
}
.dropdownList a {
  color: #24303B;
  display: block;
}
.dropdownList a:hover {
  text-decoration: none;
}
.dropdownList .dropdownMenuClose {
  border-bottom: 1px solid #ffffff;
  background-color: #f8f8f8;
  box-shadow: 0 -2px 3px #999;
  line-height: 20px;
  padding: 10px;
  width: 85px;
  float: right;
  cursor: pointer;
  position: absolute;
  right: 0;
  z-index: 3;
  border-radius: 4px;
}
.dropdownList .dropdownMenuClose:hover {
  background: #eee;
}
.dropdownList ul {
  box-shadow: 0 0 4px #999;
  background-color: #f6f6f6;
  font-size: 12px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  right: 0;
  top: 42px;
  z-index: 2;
  border-radius: 4px;
}
.dropdownList ul li {
  border-top: 1px solid #ffffff;
  padding: 10px;
  cursor: pointer;
}
.dropdownList ul li:first-child {
  border: none;
}
.dropdownList ul li:hover {
  background: #eee;
  border-radius: 4px;
}
.dropdownMenuFeedShow.actions {
  padding: 10px;
  width: 87px;
}
.dropdownFeedContainer {
  height: 85px;
  position: relative;
  z-index: 2;
}
.dropdownFeedList {
  position: absolute;
  right: 20px;
  width: 175px;
  z-index: 16;
}
.dropdownFeedList .glyphicons {
  display: inline;
}
.dropdownFeedList .glyphicons:before {
  color: #24303B;
  cursor: pointer;
  font-size: 14px;
  margin-right: 10px;
}
.dropdownFeedList a {
  color: #24303B;
  display: block;
}
.dropdownFeedList a:hover {
  text-decoration: none;
}
.dropdownFeedList .dropdownMenuFeedClose {
  border: 1px solid #ccc;
  background-color: #f8f8f8;
  line-height: 20px;
  padding: 10px 10px;
  width: 85px;
  float: right;
  cursor: pointer;
  position: absolute;
  right: 0;
  z-index: 3;
}
.dropdownFeedList .dropdownMenuFeedClose:hover {
  background: #eee;
}
.dropdownFeedList ul {
  border: 1px solid #ccc;
  background-color: #f6f6f6;
  font-size: 12px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  right: 0;
  top: 42px;
  z-index: 2;
  text-align: center;
}
.dropdownFeedList ul li {
  border-top: 1px solid #ccc;
  padding: 10px;
  cursor: pointer;
}
.dropdownFeedList ul li:first-child {
  border: none;
}
.dropdownFeedList ul li:hover {
  background: #eee;
}
.dropdownFeedOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
  z-index: 15;
}
.cke_button__lastname,
.cke_button__firstname {
  width: 85px !important;
}
.cke_button__lastname span,
.cke_button__firstname span {
  background-size: 78px !important;
  background-position: center;
  width: 100%;
}
.cke_button__lastname span {
  background-size: 78px !important;
}
.cke_button__title {
  width: 50px !important;
}
.cke_button__title span {
  background-size: 50px !important;
  background-position: center;
  width: 100%;
}
.cke_button__studentlastname,
.cke_button__studentfirstname {
  width: 90px !important;
}
.cke_button__studentlastname span,
.cke_button__studentfirstname span {
  background-size: 83px !important;
  background-position: center;
  width: 100%;
}
/*!
 * Fancytree "Lion" skin.
 *
 * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
 * the LESS templates.
 */
/*
 Lion colors:
	gray highlight bar: #D4D4D4
	blue highlight-bar and -border #3875D7

*/
/*******************************************************************************
 * Common Styles for Fancytree Skins.
 *
 * This section is automatically generated from the `skin-common.less` template.
 ******************************************************************************/
/*------------------------------------------------------------------------------
 * Helpers
 *----------------------------------------------------------------------------*/
.ui-helper-hidden {
  display: none;
}
/*------------------------------------------------------------------------------
 * Container and UL / LI
 *----------------------------------------------------------------------------*/
ul.fancytree-container {
  font-family: tahoma, arial, helvetica;
  font-size: 10pt;
  white-space: nowrap;
  padding: 3px;
  margin: 0;
  background-color: white;
  border: 1px dotted gray;
  overflow: auto;
  min-height: 0%;
  position: relative;
}
ul.fancytree-container ul {
  padding: 0 0 0 16px;
  margin: 0;
}
ul.fancytree-container li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  background-attachment: scroll;
  background-color: transparent;
  background-position: 0px 0px;
  background-repeat: repeat-y;
  background-image: none;
  margin: 0;
  padding: 1px 0 0 0;
}
ul.fancytree-container li.fancytree-lastsib {
  background-image: none;
}
ul.fancytree-no-connector > li {
  background-image: none;
}
.ui-fancytree-disabled ul.fancytree-container {
  opacity: 0.5;
  background-color: silver;
}
/*------------------------------------------------------------------------------
 * Common icon definitions
 *----------------------------------------------------------------------------*/
span.fancytree-empty,
span.fancytree-vline,
span.fancytree-expander,
span.fancytree-icon,
span.fancytree-checkbox,
span.fancytree-radio,
span.fancytree-drag-helper-img,
#fancytree-drop-marker {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: left;
  background-image: url("../js/libs/jquery/fancytree/skin-lion/icons.gif");
  background-position: 0px 0px;
}
span.fancytree-icon,
span.fancytree-checkbox,
span.fancytree-radio,
span.fancytree-custom-icon {
  margin-top: 1px;
}
/* Used by iconclass option */
span.fancytree-custom-icon {
  display: inline-block;
}
/* Used by 'icon' node option: */
img.fancytree-icon {
  width: 16px;
  height: 16px;
  margin-left: 3px;
  margin-top: 1px;
  vertical-align: top;
  border-style: none;
}
/*------------------------------------------------------------------------------
 * Expander icon
 *
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: fancytree-exp-
 * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
 * 2nd character (optional): 'd': lazy (Delayed)
 * 3rd character (optional): 'l': Last sibling
 *----------------------------------------------------------------------------*/
span.fancytree-expander {
  cursor: pointer;
}
.fancytree-exp-n span.fancytree-expander,
.fancytree-exp-nl span.fancytree-expander {
  background-image: none;
  cursor: default;
}
.fancytree-exp-n span.fancytree-expander,
.fancytree-exp-n span.fancytree-expander:hover {
  background-position: 0px -64px;
}
.fancytree-exp-nl span.fancytree-expander,
.fancytree-exp-nl span.fancytree-expander:hover {
  background-position: -16px -64px;
}
.fancytree-exp-c span.fancytree-expander {
  background-position: 0px -80px;
}
.fancytree-exp-c span.fancytree-expander:hover {
  background-position: -16px -80px;
}
.fancytree-exp-cl span.fancytree-expander {
  background-position: 0px -96px;
}
.fancytree-exp-cl span.fancytree-expander:hover {
  background-position: -16px -96px;
}
.fancytree-exp-cd span.fancytree-expander {
  background-position: -64px -80px;
}
.fancytree-exp-cd span.fancytree-expander:hover {
  background-position: -80px -80px;
}
.fancytree-exp-cdl span.fancytree-expander {
  background-position: -64px -96px;
}
.fancytree-exp-cdl span.fancytree-expander:hover {
  background-position: -80px -96px;
}
.fancytree-exp-e span.fancytree-expander,
.fancytree-exp-ed span.fancytree-expander {
  background-position: -32px -80px;
}
.fancytree-exp-e span.fancytree-expander:hover,
.fancytree-exp-ed span.fancytree-expander:hover {
  background-position: -48px -80px;
}
.fancytree-exp-el span.fancytree-expander,
.fancytree-exp-edl span.fancytree-expander {
  background-position: -32px -96px;
}
.fancytree-exp-el span.fancytree-expander:hover,
.fancytree-exp-edl span.fancytree-expander:hover {
  background-position: -48px -96px;
}
.fancytree-loading span.fancytree-expander,
.fancytree-loading span.fancytree-expander:hover,
.fancytree-statusnode-wait span.fancytree-icon,
.fancytree-statusnode-wait span.fancytree-icon:hover {
  background-image: url("../js/libs/jquery/fancytree/skin-lion/loading.gif");
  background-position: 0px 0px;
}
/* Status node icons */
.fancytree-statusnode-error span.fancytree-icon {
  background-position: 0px -112px;
}
/*------------------------------------------------------------------------------
 * Checkbox icon
 *----------------------------------------------------------------------------*/
span.fancytree-checkbox {
  margin-left: 3px;
  background-position: 0px -32px;
}
span.fancytree-checkbox:hover {
  background-position: -16px -32px;
}
.fancytree-partsel span.fancytree-checkbox {
  background-position: -64px -32px;
}
.fancytree-partsel span.fancytree-checkbox:hover {
  background-position: -80px -32px;
}
.fancytree-selected span.fancytree-checkbox {
  background-position: -32px -32px;
}
.fancytree-selected span.fancytree-checkbox:hover {
  background-position: -48px -32px;
}
/*------------------------------------------------------------------------------
 * Radiobutton icon
 * This is a customization, that may be activated by overriding the 'checkbox'
 * class name as 'fancytree-radio' in the tree options.
 *----------------------------------------------------------------------------*/
.fancytree-radio span.fancytree-checkbox {
  background-position: 0px -48px;
}
.fancytree-radio span.fancytree-checkbox:hover {
  background-position: -16px -48px;
}
.fancytree-radio .fancytree-partsel span.fancytree-checkbox {
  background-position: -64px -48px;
}
.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover {
  background-position: -80px -48px;
}
.fancytree-radio .fancytree-selected span.fancytree-checkbox {
  background-position: -32px -48px;
}
.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover {
  background-position: -48px -48px;
}
/*------------------------------------------------------------------------------
 * Node type icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: fancytree-ico-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'f': folder
 *----------------------------------------------------------------------------*/
span.fancytree-icon {
  margin-left: 3px;
  background-position: 0px 0px;
}
/* Documents */
.fancytree-ico-c span.fancytree-icon:hover {
  background-position: -16px 0px;
}
.fancytree-has-children.fancytree-ico-c span.fancytree-icon {
  background-position: -32px 0px;
}
.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover {
  background-position: -48px 0px;
}
.fancytree-ico-e span.fancytree-icon {
  background-position: -64px 0px;
}
.fancytree-ico-e span.fancytree-icon:hover {
  background-position: -80px 0px;
}
/* Folders */
.fancytree-ico-cf span.fancytree-icon {
  background-position: 0px -16px;
}
.fancytree-ico-cf span.fancytree-icon:hover {
  background-position: -16px -16px;
}
.fancytree-has-children.fancytree-ico-cf span.fancytree-icon {
  background-position: -32px -16px;
}
.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover {
  background-position: -48px -16px;
}
.fancytree-ico-ef span.fancytree-icon {
  background-position: -64px -16px;
}
.fancytree-ico-ef span.fancytree-icon:hover {
  background-position: -80px -16px;
}
/*------------------------------------------------------------------------------
 * Node titles and highlighting
 *----------------------------------------------------------------------------*/
span.fancytree-node {
  /* See #117 */
  display: inherit;
  width: 100%;
}
span.fancytree-title {
  display: inline-block;
  padding-left: 3px;
  padding-right: 3px;
  color: black;
  vertical-align: top;
  margin: 0px;
  margin-left: 3px;
  cursor: pointer;
}
span.fancytree-node.fancytree-error span.fancytree-title {
  color: red;
}
/*------------------------------------------------------------------------------
 * Drag'n'drop support
 *----------------------------------------------------------------------------*/
div.fancytree-drag-helper a {
  border: 1px solid gray;
  background-color: white;
  padding-left: 5px;
  padding-right: 5px;
  opacity: 0.8;
}
div.fancytree-drag-helper.fancytree-drop-reject {
  border-color: red;
}
div.fancytree-drop-accept span.fancytree-drag-helper-img {
  background-position: -32px -112px;
}
div.fancytree-drop-reject span.fancytree-drag-helper-img {
  background-position: -16px -112px;
}
/*** Drop marker icon *********************************************************/
#fancytree-drop-marker {
  width: 32px;
  position: absolute;
  background-position: 0px -128px;
  margin: 0;
}
#fancytree-drop-marker.fancytree-drop-after,
#fancytree-drop-marker.fancytree-drop-before {
  width: 64px;
  background-position: 0px -144px;
}
#fancytree-drop-marker.fancytree-drop-copy {
  background-position: -64px -128px;
}
#fancytree-drop-marker.fancytree-drop-move {
  background-position: -32px -128px;
}
/*** Source node while dragging ***********************************************/
span.fancytree-drag-source {
  background-color: #e0e0e0;
}
span.fancytree-drag-source span.fancytree.title {
  color: gray;
}
/*** Target node while dragging cursor is over it *****************************/
span.fancytree-drop-target.fancytree-drop-accept a {
  background-color: #3169C6 !important;
  color: white !important;
  /* @ IE6 */
  text-decoration: none;
}
/*------------------------------------------------------------------------------
 * 'table' extension
 *----------------------------------------------------------------------------*/
table.fancytree-ext-table {
  border-collapse: collapse;
}
table.fancytree-ext-table span.fancytree-node {
  display: inline-block;
}
/*------------------------------------------------------------------------------
 * 'columnview' extension
 *----------------------------------------------------------------------------*/
table.fancytree-ext-columnview tbody tr td {
  position: relative;
  border: 1px solid gray;
  vertical-align: top;
  overflow: auto;
}
table.fancytree-ext-columnview tbody tr td > ul {
  padding: 0;
}
table.fancytree-ext-columnview tbody tr td > ul li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  background-attachment: scroll;
  background-color: transparent;
  background-position: 0px 0px;
  background-repeat: repeat-y;
  background-image: none;
  /* no v-lines */
  margin: 0;
  padding: 1px 0 0 0;
}
table.fancytree-ext-columnview span.fancytree-node {
  position: relative;
  /* allow positioning of embedded spans */
  display: inline-block;
}
table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
  background-color: #CBE8F6;
}
table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
  position: absolute;
  right: 3px;
  background-position: 0px -80px;
}
table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover {
  background-position: -16px -80px;
}
/*------------------------------------------------------------------------------
 * 'filter' extension
 *----------------------------------------------------------------------------*/
.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
  color: silver;
  font-weight: lighter;
}
.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title,
.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title {
  color: black;
  font-weight: normal;
}
.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title,
.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title {
  color: black;
  font-weight: bold;
}
.fancytree-ext-filter-hide tr.fancytree-hide,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide {
  display: none;
}
.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title {
  color: silver;
  font-weight: lighter;
}
.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title {
  color: black;
  font-weight: normal;
}
/*------------------------------------------------------------------------------
 * 'wide' extension
 *----------------------------------------------------------------------------*/
ul.fancytree-ext-wide span.fancytree-node > span {
  position: relative;
  z-index: 2;
}
ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-left: 503px;
  margin-left: -500px;
}
/*******************************************************************************
 * Styles specific to this skin.
 *
 * This section is automatically generated from the `ui-fancytree.less` template.
 ******************************************************************************/
/*******************************************************************************
 * Node titles
 */
span.fancytree-title {
  border: 1px solid transparent;
  border-radius: 0;
}
span.fancytree-focused span.fancytree-title {
  outline: 1px dotted black;
}
span.fancytree-selected span.fancytree-title,
span.fancytree-active span.fancytree-title {
  background-color: #D4D4D4;
}
span.fancytree-selected span.fancytree-title {
  font-style: italic;
}
.fancytree-treefocus span.fancytree-selected span.fancytree-title,
.fancytree-treefocus span.fancytree-active span.fancytree-title {
  color: white;
  background-color: #3875D7;
}
/*******************************************************************************
 * 'table' extension
 */
table.fancytree-ext-table {
  border-collapse: collapse;
}
table.fancytree-ext-table tbody tr.fancytree-focused {
  background-color: #99DEFD;
}
table.fancytree-ext-table tbody tr.fancytree-active {
  background-color: royalblue;
}
table.fancytree-ext-table tbody tr.fancytree-selected {
  background-color: #99DEFD;
}
/*******************************************************************************
 * 'columnview' extension
 */
table.fancytree-ext-columnview tbody tr td {
  border: 1px solid gray;
}
table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
  background-color: #ccc;
}
table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
  background-color: royalblue;
}

#clientImportsDialog .leftColumn {
  display: inline-block;
  width: 40%;
}
#clientImportsDialog .rightColumn {
  display: inline-block;
  width: 60%;
  vertical-align: top;
  padding: 10px;
}
#clientReportsDialog .leftColumn {
  display: inline-block;
  width: 40%;
}
#clientReportsDialog .rightColumn {
  display: inline-block;
  width: 60%;
  vertical-align: top;
  padding: 10px;
}
.changeEmailAddressContainer {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.changeEmailAddressContainer .logoContainer {
  width: 276px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.changeEmailAddressContainer .logoContainer img {
  float: left;
}
.changeEmailAddressContainer .logoContainer .heading {
  margin: 25px 0 0 0;
  color: #fff;
  float: left;
}
.changeEmailAddressContainer .logoContainer .title,
.changeEmailAddressContainer .logoContainer .subTitle {
  margin: 0;
}
.changeEmailAddressContainer .formContainer {
  width: 100%;
  background-color: #ffffff;
  float: left;
}
.changeEmailAddressContainer .formContainer .heading {
  color: #ffffff;
  background-color: #24303B;
  margin: 1px;
  padding: 5px 5px 5px 15px;
  font-size: 16px;
  line-height: 40px;
}
.changeEmailAddressContainer .formContainer ul.change {
  list-style: none;
  margin: 10px 0;
  padding: 10px 0;
  border: 1px solid #ddd;
  border-width: 1px 0;
}
.changeEmailAddressContainer .formContainer ul.change li {
  line-height: 20px;
}
.changeEmailAddressContainer .formContainer .form {
  margin: 15px;
}
.changeEmailAddressContainer .formContainer .form .section h3 {
  font-size: 14px;
}
.changeEmailAddressContainer .formContainer .form .section input[type="password"],
.changeEmailAddressContainer .formContainer .form .section input[type="text"] {
  width: 100%;
  margin-bottom: 5px;
}
.changeEmailAddressContainer button {
  background-color: #1e70a6;
  border: medium none;
  color: #fff;
  cursor: pointer;
  padding: 10px;
  margin-right: 0;
  margin-left: auto;
  display: block;
}
@media (min-width: 600px) {
  .changeEmailAddressContainer {
    width: 50%;
  }
}
.settingDetails .contentArea {
  border: 0;
  margin: 0;
  padding: 0 15px;
}
.settingDetails .contentArea h3 {
  margin-top: 0;
}
p {
  line-height: 22px;
  margin-top: 0;
}
#settingFormContainer .buttonBar {
  max-width: 700px;
}
.setting-details-compact .setting {
  margin: 20px 0;
}
.setting-details-compact .setting-title {
  background-color: #24303B;
  color: #EBECED;
  line-height: 40px;
  padding: 0 10px;
}
.setting-details-compact .setting-title h4 {
  margin: 0;
  font-weight: bold !important;
  font-size: 14px !important;
}
.setting-details-compact .setting-title .detail {
  font-weight: normal;
}
.setting-details-compact .setting-body {
  border: solid 1px #24303B;
  padding: 15px;
}
.setting-details-compact label:hover {
  cursor: pointer;
}
.setting-details-compact .radio-option {
  display: inline-block;
  margin-right: 10px;
}
.setting-details-compact .notice-package-off {
  color: #C8102E;
  font-size: 85%;
}
#registerTermDateSettings {
  margin: 30px;
  padding: 20px;
  background-color: #ffffff;
}
#registerTermDateSettings .mainHeading {
  background-color: #24303B;
  color: #EBECED;
  padding: 10px;
  margin-bottom: 30px;
}
#registerTermDateSettings .mainHeading h3 {
  width: 85%;
  margin: 5px 0;
  word-wrap: break-word;
}
#registerTermDateSettings #termsContainer .termDateContainer {
  border-bottom: solid 1px #24303B;
  margin-bottom: 20px;
}
#registerTermDateSettings #termsContainer .termDateContainer .termName {
  width: 70%;
}
#registerTermDateSettings #termsContainer .termDateContainer .removeTerm {
  margin-bottom: 10px;
  background: #eee;
  color: #666;
  line-height: 28px;
  padding: 0 15px;
  text-align: center;
}
#registerTermDateSettings #termsContainer .termDateContainer .hasDatepicker {
  width: 150px;
}
#registerTermDateSettings #termsContainer .termDateContainer .startLabel {
  margin-right: 14px;
}
#registerTermDateSettings #termsContainer .termDateContainer .endLabel {
  margin-right: 20px;
}
#generalSettingsSubMenu .searchResults,
#smsNotificationSettingsSubMenu .searchResults {
  display: none !important;
}
#smsDetailSettingsContainer {
  padding: 20px;
  background-color: #ffffff;
}
#changesCheckerDialog .buttonBar,
#changesCheckerDialog .footerBar {
  background: #ffffff;
  border: none;
  text-align: center;
}
#changesCheckerDialog .buttonBar button,
#changesCheckerDialog .footerBar button {
  float: none;
}
#changesCheckerDialog .container {
  width: 100%;
  position: relative;
  margin: 0 auto;
  background-color: #ffffff;
  cursor: auto;
  border-radius: 0;
}
#changesCheckerDialog .container .glyphicons:before {
  top: -10px;
}
@media (min-width: 900px) {
  #changesCheckerDialog .container {
    margin: 35px auto 0 auto;
    width: 40%;
  }
}
#facebookLinkContent {
  padding: 0 10px 5px 10px;
}
#facebookLinkContent #ParentMailFacebook {
  background-color: #E0F0FA;
  padding: 20px 10px;
  font-size: 18px;
  text-align: center;
  margin: 0;
}
#facebookLinkContent #facebookInformation {
  position: relative;
  width: 55%;
  margin: auto;
}
#facebookLinkContent #facebookInformation #facebookProfilePicture {
  position: relative;
  height: 200px;
  width: 200px;
  margin: 35px auto 20px auto;
  background-color: silver;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#facebookLinkContent #facebookInformation #facebookNameEmail {
  text-align: center;
}
#facebookLinkContent #facebookInformation #facebookNameEmail #facebookName {
  margin: 20px 0 0 0;
  padding: 10px 0;
  font-weight: bold;
}
#facebookLinkContent #facebookInformation #facebookNameEmail #facebookEmail {
  margin: 0 0 25px 0;
  font-size: 17px;
}
#facebookLinkContent #fbLinkUsername {
  margin-top: 20px;
}
#facebookConnectDifferent {
  float: left !important;
}
#loadingContainer {
  position: relative;
  width: 98%;
  max-width: 600px;
  margin: 80px auto;
  padding: 50px;
  background-color: white;
  border: 1px solid #888;
}
#loadingContainer h1 {
  margin-top: 0;
  font-size: 18px;
  font-weight: normal;
}
#loadingContainer .loadingBar {
  position: relative;
  height: 30px;
  overflow: hidden;
  margin-bottom: 10px;
  background-color: #24303B;
  z-index: 5000;
  color: #EBECED;
}
#loadingContainer .loadingBar .loadingProgress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0%;
  background-color: #0B61BD;
  z-index: 5001;
}
#loadingContainer .loadingBar .barName {
  float: left;
  position: relative;
  height: 14px;
  font-size: 14px;
  padding: 8px 34px;
  z-index: 5002;
}
#loadingContainer .loadingBar .barName .loadingIconContainer {
  position: absolute;
  top: 7px;
  left: -6px;
}
#loadingContainer .loadingBar .barName .loadingIconContainer .glyphicons.refresh {
  -webkit-animation-name: spin;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  animation-name: spin;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-delay: 1s;
  animation-iteration-count: infinite;
  animation-play-state: running;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#loadingContainer .loadingBar .barName .loadingIconContainer .glyphicons:before {
  left: 17px;
  top: -7px;
  font-size: 14px;
}
#loadingContainer .loadingBar .progressPercentage {
  float: right;
  position: relative;
  height: 14px;
  font-size: 14px;
  padding: 8px;
  z-index: 5002;
}
.globalProgress .globalProgressInner .message {
  margin-left: auto;
  margin-right: auto;
  width: 550px;
}
.globalProgress .globalProgressInner .message #loadingContainer {
  width: 550px;
  padding: 30px;
  position: inherit;
}
#notOnMobile {
  position: relative;
  padding: 0;
  margin: 0;
}
#notOnMobile #logoContainer {
  position: relative;
  padding: 50px 0 35px 0;
  margin: 0 auto;
  width: 80%;
  max-width: 267px;
}
#notOnMobile #logoContainer #logoPicture {
  position: relative;
  width: 100%;
}
#notOnMobile #notOnMobileNotice {
  text-align: center;
}
#notOnMobile #notOnMobileNotice h2 {
  font-size: 26px;
  font-weight: 100;
}
#notOnMobile #notOnMobileNotice h3 {
  font-size: 22px;
  margin: 40px auto;
  color: #0B61BD;
}
#notOnMobile #notOnMobileNotice p {
  position: relative;
  width: 80%;
  margin: 0 auto;
  font-size: 17px;
  line-height: 25px;
  max-width: 267px;
}
#updateDetailsContainer {
  margin: 0 auto;
  width: 100%;
  height: 98%;
  overflow: auto;
}
#updateDetailsContainer .logoContainer {
  width: 276px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
#updateDetailsContainer .logoContainer img {
  float: left;
}
#updateDetailsContainer .logoContainer .heading {
  margin: 25px 0 0 0;
  color: #fff;
  float: left;
}
#updateDetailsContainer .logoContainer .title,
#updateDetailsContainer .logoContainer .subTitle {
  margin: 0;
}
#updateDetailsContainer #changeDetails {
  color: #24303B;
  background-color: #ffffff;
  padding: 0;
  position: relative;
  border: 1px solid #d0d0d0;
}
#updateDetailsContainer #changeDetails #header {
  background-color: #24303B;
  margin: 1px;
  color: #ffffff;
  padding: 15px;
  font-size: 16px;
  font-weight: lighter;
}
#updateDetailsContainer #changeDetails #header a {
  color: #FFFFFF;
  cursor: pointer;
}
#updateDetailsContainer #changeDetails #body {
  padding: 15px;
}
#updateDetailsContainer #changeDetails #body p {
  margin: 0 0 15px 0;
}
#updateDetailsContainer #changeDetails #body h3 {
  margin: 0 0 15px 0;
  font-weight: 500;
}
#updateDetailsContainer #changeDetails #body h4 {
  margin: 10px 0;
  font-weight: 300;
}
#updateDetailsContainer #changeDetails #body #requestDetailsContainer {
  display: none;
}
#updateDetailsContainer #changeDetails #body #requestDetailsContainer #oldDetails {
  float: left;
  width: 49%;
  border-right: 1px dotted #aaa;
}
#updateDetailsContainer #changeDetails #body #requestDetailsContainer #newDetails {
  float: right;
  width: 49%;
}
#updateDetailsContainer #changeDetails #body #requestDetailsContainer .changedContent {
  height: 32px;
  border: 1px solid #979797;
  padding: 8px;
  margin: 0 10px 10px 0;
}
@media (min-width: 710px) {
  #updateDetailsContainer {
    width: 700px;
  }
}
#createPEM,
#enablePemVideoCallsContainer {
  background-color: #FFFFFF;
  padding: 20px;
  margin: 30px;
}
#createPEM ul,
#enablePemVideoCallsContainer ul {
  padding: 0;
  margin: 0;
}
#createPEM ul li,
#enablePemVideoCallsContainer ul li {
  list-style: none;
}
#createPEM ul#sessionsList :first-child h3 .glyphicons-bin,
#enablePemVideoCallsContainer ul#sessionsList :first-child h3 .glyphicons-bin {
  display: none;
}
#createPEM ul#sessionsList input[type="text"],
#enablePemVideoCallsContainer ul#sessionsList input[type="text"] {
  width: 100px;
  margin-bottom: 10px;
  margin-right: 10px;
}
#createPEM ul#sessionsList select,
#enablePemVideoCallsContainer ul#sessionsList select {
  width: auto;
  margin-bottom: 10px;
}
#createPEM ul#sessionsList .deleteSession,
#enablePemVideoCallsContainer ul#sessionsList .deleteSession {
  height: 27px;
  width: 24px;
  cursor: pointer;
  -webkit-appearance: none;
  padding: 0 4px;
  border: 0;
  border-radius: 20px;
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  top: -3px;
  color: #ffffff;
  background-color: #24303B;
  border-color: #ffffff;
  box-shadow: 0 0 0 0 #ffffff;
}
#createPEM ul#sessionsList .deleteSession:hover,
#enablePemVideoCallsContainer ul#sessionsList .deleteSession:hover,
#createPEM ul#sessionsList .deleteSession:focus,
#enablePemVideoCallsContainer ul#sessionsList .deleteSession:focus {
  box-shadow: 0 0 0 0.2rem #ffffff;
}
#createPEM ul#sessionsList .deleteSession.glyphicons:before,
#enablePemVideoCallsContainer ul#sessionsList .deleteSession.glyphicons:before {
  margin-top: 3px;
  left: auto;
  right: -8px;
  font: 16px/1em 'Glyphicons Regular';
}
#createPEM #newSession,
#enablePemVideoCallsContainer #newSession {
  margin: 0px 0 10px 0;
}
#createPEM .section#bookingContainer input[type="text"],
#enablePemVideoCallsContainer .section#bookingContainer input[type="text"] {
  width: 160px;
  margin-bottom: 10px;
}
#createPEM .section#bookingContainer select,
#enablePemVideoCallsContainer .section#bookingContainer select {
  width: auto;
  margin-bottom: 10px;
}
#createPEM .section h3,
#enablePemVideoCallsContainer .section h3 {
  background-color: #24303B;
  color: #EBECED;
  padding: 15px;
  margin-top: 0;
}
#createPEM .section input[type="text"],
#enablePemVideoCallsContainer .section input[type="text"] {
  margin-bottom: 10px;
}
#createPEM .section input[type="text"]#eveningName,
#enablePemVideoCallsContainer .section input[type="text"]#eveningName {
  width: 60%;
}
#createPEM .section input[type="checkbox"],
#enablePemVideoCallsContainer .section input[type="checkbox"] {
  margin-right: 10px;
  margin-bottom: 5px;
}
#createPEM .section select,
#enablePemVideoCallsContainer .section select {
  margin-bottom: 10px;
}
#createPEM .section select#pemReminders,
#enablePemVideoCallsContainer .section select#pemReminders {
  width: auto;
  margin-bottom: 10px;
}
#createPEM .section textarea,
#enablePemVideoCallsContainer .section textarea {
  margin-top: 15px;
}
#createPEM .section textarea#eveningLocation,
#enablePemVideoCallsContainer .section textarea#eveningLocation {
  height: 80px;
}
#createPEM .section p,
#enablePemVideoCallsContainer .section p {
  font-weight: lighter;
}
#pemDetailsContainer {
  background-color: #ffffff;
}
#pemDetailsContainer .basicInformation {
  padding: 20px;
}
#pemDetailsContainer .basicInformation p {
  margin-bottom: 3px;
}
#pemDetailsContainer .basicInformation h3.greenBackground {
  background-color: #24303B;
  color: #EBECED;
  padding: 15px;
  margin-top: 0;
}
#pemDetailsContainer .basicInformation .informationLeft {
  float: left;
  width: 45%;
  margin-right: 15px;
}
#pemDetailsContainer .basicInformation .informationRight {
  float: left;
  width: 45%;
}
#pemDetailsContainer .basicInformation #overallDropdownContainer {
  background-color: #24303B;
  color: #EBECED;
  padding: 10px;
  margin-bottom: 10px;
}
#pemDetailsContainer .basicInformation #overallDropdownContainer h3 {
  width: 65%;
  float: left;
  margin: 5px 0;
}
#pemDetailsContainer .basicInformation #overallDropdownContainer #reportsContainer .dropdownList {
  right: -85px;
}
#pemDetailsContainer #statusContainer .statusName {
  font-weight: bold;
}
#pemDetailsContainer #statusContainer .statusName.CREATING {
  color: #B86B00;
}
#pemDetailsContainer #statusContainer .statusName.ERROR {
  color: #C8102E;
}
#pemDetailsContainer #statusContainer .statusName.ACCEPTING_BOOKINGS,
#pemDetailsContainer #statusContainer .statusName.SETUP,
#pemDetailsContainer #statusContainer .statusName.BOOKINGS_CLOSED,
#pemDetailsContainer #statusContainer .statusName.COMPLETED {
  color: #688F24;
}
#pemBulkModifySlots {
  padding: 15px;
}
#pemBulkModifySlots .bookingStatusContainer {
  background-color: #ffffff;
  border: 1px solid #d0d0d0;
  padding: 15px;
  margin-top: 20px;
}
#pemBulkModifySlots .bookingStatusContainer #availabilityStatus div {
  color: #ffffff;
  float: left;
  padding: 6px;
  margin-right: 15px;
  margin-bottom: 5px;
}
#pemBulkModifySlots .bookingStatusContainer #availabilityStatus div.available {
  background-color: #688F24;
}
#pemBulkModifySlots .bookingStatusContainer #availabilityStatus div.walkIn {
  background-color: #B86B00;
}
#pemBulkModifySlots .bookingStatusContainer #availabilityStatus div.unavailable {
  background-color: #C8102E;
}
#pemBulkModifySlots .bookingStatusContainer #availabilityStatus div.parentBooked {
  background-color: #0089A4;
}
#pemBulkModifySlots .sessionContainer .sessionSlots .slot {
  color: #ffffff;
  float: left;
  padding: 6px;
  margin-right: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 48px;
}
#pemBulkModifySlots .sessionContainer .sessionSlots .slot.AVAILABLE {
  background-color: #688F24;
}
#pemBulkModifySlots .sessionContainer .sessionSlots .slot.WALKIN {
  background-color: #B86B00;
}
#pemBulkModifySlots .sessionContainer .sessionSlots .slot.UNAVAILABLE {
  background-color: #C8102E;
}
#pemBulkModifySlots .sessionContainer .sessionSlots .slot.BOOKED {
  background-color: #0089A4;
}
#modifyTeacherAvailabilityContainer {
  margin-bottom: 20px;
  padding: 15px;
}
#modifyTeacherAvailabilityContainer #teacherSelector {
  margin-bottom: 0px;
}
#modifyTeacherAvailabilityContainer .bookingStatusContainer {
  background-color: #ffffff;
  border: 1px solid #d0d0d0;
  padding: 15px;
  margin-top: 20px;
}
#modifyTeacherAvailabilityContainer .bookingStatusContainer #availabilityStatus div {
  color: #ffffff;
  float: left;
  padding: 6px;
  margin-right: 15px;
  margin-bottom: 5px;
}
#modifyTeacherAvailabilityContainer .bookingStatusContainer #availabilityStatus div.available {
  background-color: #688F24;
}
#modifyTeacherAvailabilityContainer .bookingStatusContainer #availabilityStatus div.walkIn {
  background-color: #B86B00;
}
#modifyTeacherAvailabilityContainer .bookingStatusContainer #availabilityStatus div.unavailable {
  background-color: #C8102E;
}
#modifyTeacherAvailabilityContainer .bookingStatusContainer #availabilityStatus div.parentBooked {
  background-color: #0089A4;
}
#modifyTeacherAvailabilityContainer .teacherSection {
  background-color: #ffffff;
  border: 1px solid #d0d0d0;
  padding: 15px;
  margin-top: 20px;
}
#modifyTeacherAvailabilityContainer .teacherSection .sessionContainer .slot {
  color: #ffffff;
  float: left;
  padding: 6px;
  margin-right: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 48px;
}
#modifyTeacherAvailabilityContainer .teacherSection .sessionContainer .slot.AVAILABLE {
  background-color: #688F24;
}
#modifyTeacherAvailabilityContainer .teacherSection .sessionContainer .slot.WALKIN {
  background-color: #B86B00;
}
#modifyTeacherAvailabilityContainer .teacherSection .sessionContainer .slot.UNAVAILABLE {
  background-color: #C8102E;
}
#modifyTeacherAvailabilityContainer .teacherSection .sessionContainer .slot.BOOKED {
  background-color: #0089A4;
}
#deleteEveningContainers {
  padding: 15px;
}
#deleteEveningContainers input[type="radio"] {
  margin-bottom: 10px;
  margin-right: 10px;
}
#selectParentBooking {
  margin: 20px;
}
#appointmentBookingsContainer {
  background-color: #ffffff;
  border: solid 1px #cccccc;
  margin: 20px 0;
}
#appointmentBookingsContainer ul {
  padding: 0px;
  list-style: none;
  margin: 0px;
}
#appointmentBookingsContainer ul li {
  padding: 10px;
  margin-bottom: 1px;
}
#appointmentBookingsContainer ul li.UNAVAILABLE {
  background-color: #cccccc;
  color: #333333;
}
#appointmentBookingsContainer ul li.AVAILABLE {
  background-color: #ffe6b9;
}
#appointmentBookingsContainer ul li.AVAILABLE .subjectContainer {
  float: left;
  width: 300px;
}
#appointmentBookingsContainer ul li.AVAILABLE .subjectContainer div.pemSubject {
  margin-bottom: 10px;
  margin-right: 8px;
  cursor: pointer;
  background-color: #ffd87a;
  padding: 5px;
  position: relative;
  display: inline-block;
}
#appointmentBookingsContainer ul li.AVAILABLE .subjectContainer div.pemSubject div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90px;
  height: 15px;
}
#appointmentBookingsContainer ul li.BOOKED {
  background-color: #ddf7cf;
}
#appointmentBookingsContainer ul li.BOOKED .subjectContainer {
  float: left;
  width: 400px;
}
#appointmentBookingsContainer ul li.BOOKED .subjectContainer span.pemSubject {
  margin-bottom: 10px;
  margin-right: 8px;
  cursor: pointer;
  background-color: #24303B;
  border: 1px solid #0B61BD;
  color: #ffffff;
  padding: 5px;
  position: relative;
  display: inline-block;
}
#appointmentBookingsContainer ul li.BOOKED .subjectContainer .editAppointmentContainer textarea {
  margin-top: 15px;
}
#appointmentBookingsContainer ul li.BOOKED .appointmentActions {
  float: right;
}
#appointmentBookingsContainer ul li.BOOKED .appointmentActions .addNote {
  cursor: pointer;
  background-color: #0B61BD;
  padding: 5px;
  color: #ffffff;
  float: left;
  margin-right: 10px;
}
#appointmentBookingsContainer ul li.BOOKED .appointmentActions .removeBooking {
  cursor: pointer;
  background-color: #d9534f;
  padding: 5px;
  color: #ffffff;
  float: left;
}
#appointmentBookingsContainer ul li.BOOKED .appointmentActions div.glyphicons:before {
  position: relative;
  color: #7C7C7C;
}
#appointmentBookingsContainer ul li.BOOKED .appointmentActions div.glyphicons {
  color: #7C7C7C;
}
#appointmentBookingsContainer ul li.edit {
  background-color: #ffffff;
}
#appointmentBookingsContainer ul li .timeContainer {
  float: left;
  margin-right: 5px;
}
#appointmentBookingsContainer #eveningMessage p {
  margin: 10px;
}
#eveningReportsDialog .contentArea.reportPending .content {
  padding: 10px;
}
#eveningReportsDialog .contentArea.reportDetails {
  padding: 20px;
}
#addSubjectContainer {
  padding: 15px;
}
#substituteTeacherContainer {
  padding: 15px;
}
#unavailableSessionContainer {
  padding: 15px;
}
@media (min-width: 700px) {
  #appointmentBookingsContainer ul li.AVAILABLE .subjectContainer {
    width: 645px;
  }
  #appointmentBookingsContainer ul li.BOOKED .appointmentActions div.glyphicons:before {
    margin-right: 20px;
  }
}
#freeTrialContainer {
  cursor: pointer;
}
#orgTemplatesContainer .content {
  padding: 20px;
}
#orgTemplatesContainer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#orgTemplatesContainer ul li input[type="text"] {
  width: 50%;
  float: left;
  margin-right: 10px;
}
#orgTemplatesContainer ul li .templateSelect {
  width: 45%;
  float: left;
  margin-top: 12px;
}
body {
  background-color: #CCE7ED;
  background-attachment: fixed;
  background-repeat: repeat-x;
}
.unsubscribeContainer {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.unsubscribeContainer .logoContainer {
  width: 276px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.unsubscribeContainer .logoContainer img {
  float: left;
}
.unsubscribeContainer .logoContainer .heading {
  margin: 25px 0 0 0;
  color: #fff;
  float: left;
}
.unsubscribeContainer .logoContainer .title,
.unsubscribeContainer .logoContainer .subTitle {
  margin: 0;
}
.unsubscribeContainer .formContainer {
  width: 100%;
  background-color: #ffffff;
  margin-right: 20px;
  float: left;
}
.unsubscribeContainer .formContainer .heading {
  color: #ffffff;
  background-color: #24303B;
  margin: 1px;
  padding: 5px 5px 5px 20px;
  border-bottom: solid 5px #333333;
}
.unsubscribeContainer .formContainer .form {
  margin: 20px;
  color: #828282;
}
.unsubscribeContainer .formContainer .form p {
  font-size: 12px;
}
.unsubscribeContainer .formContainer .form .section h3 {
  font-size: 14px;
}
.unsubscribeContainer .formContainer .form .section .image {
  width: 54px;
  height: 54px;
  margin-left: 11px;
  margin-right: 11px;
  overflow: hidden;
}
.unsubscribeContainer .formContainer .form .section .image .containImg {
  background-position: center;
  background-repeat: no-repeat;
  width: 54px;
  height: 54px;
  background-size: cover;
}
@media (min-width: 600px) {
  .unsubscribeContainer {
    width: 50%;
  }
}
#housekeepingContainer {
  padding: 20px;
  margin: 30px;
  background-color: #ffffff;
}
#housekeepingContainer .contentArea {
  position: relative;
  height: auto;
  overflow: auto;
  margin-bottom: 10px;
}
#housekeepingContainer .contentArea h3 {
  margin: 0;
}
#housekeepingContainer .contentArea:last-child {
  margin-bottom: 0;
}
#deleteUserInformation .removeStatus {
  font-weight: bold;
}
#deleteUserInformation .alert {
  margin: 0;
}
#deleteUserInformation #removedUsers {
  margin-top: 25px;
  margin-bottom: 25px;
}
#deleteUserInformation #groupsMoveList li {
  list-style-type: none;
}
#deleteUserInformation #yearGroupTitle {
  margin-bottom: 4px;
}
#deleteUserInformation #registrationGroupTitle {
  margin-top: 15px;
  margin-bottom: 4px;
}
#deleteUserInformation .groupName {
  text-decoration: underline;
}
#deleteUserInformation .actions {
  padding-top: 20px;
}
#deleteUserInformation #debtGenerateLink {
  cursor: pointer;
  width: 133px;
  margin-top: 20px;
}
#deleteUserInformation #debtGenerateStatus {
  display: none;
  cursor: auto;
  width: 133px;
}
#deleteUserInformation #debtGenerateError {
  display: none;
  cursor: auto;
  text-decoration: none;
  color: #428bca;
  text-align: center;
  padding: 10px;
}
#deleteUserInformation #debtDownloadLink {
  display: none;
  cursor: pointer;
  width: 133px;
}
#deleteUserInformation .download {
  width: 133px;
}
#deleteUserInformation .groupsSummary {
  width: 80%;
}
#deleteUserInformation #forceDeleteCheckbox {
  margin-top: 10px;
}
#userHistory #historyListContainer {
  position: relative;
}
#userHistory #historyListContainer #iconLoadingList {
  display: block;
  position: relative;
  margin: 20px auto;
}
#userHistory #historyListContainer div ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#userHistory #historyListContainer div ul li {
  margin: 1px;
  padding: 20px;
  background-color: #E0F0FA;
  border-left: solid 5px #0B61BD;
}
#userHistory #historyListContainer div ul li h3 {
  margin-top: 0;
}
#userHistory #historyListContainer div ul li p {
  margin-bottom: 0;
}
#autolinkContainer {
  padding: 15px;
  background-color: #ffffff;
  margin: 30px;
}
#autolinkContainer h3 {
  margin-bottom: 10px;
}
#autolinkContainer .notice {
  line-height: 18px;
  margin-bottom: 0;
}
#autolinkContainer .notice .importantNotice {
  font-weight: bold;
  text-decoration: underline;
}
#autolinkContainer #apiKeyContainer {
  background-color: #CCE7ED;
  border-left: solid 5px #0089A4;
  color: #24303B;
}
#cloudLinkContainer {
  margin: 30px;
  padding: 20px;
  background-color: #ffffff;
}
#cloudLinkContainer .greenBackground {
  padding: 15px;
}
#cloudLinkContainer .notice {
  line-height: 18px;
}
#cloudLinkContainer .notice .importantNotice {
  font-weight: bold;
  text-decoration: underline;
}
#cloudLinkContainer .red {
  color: #C8102E;
}
#cloudLinkContainer .green {
  color: #688F24;
}
.animated {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
.bounce {
  -moz-animation: bounce 1s 1;
  -webkit-animation: bounce 1s 1;
  animation: bounce 1s 1;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.spin {
  -moz-animation: spin 1s linear 10;
  -webkit-animation: spin 1s linear 10;
  animation: spin 1s linear 10;
}
.numberPicker .numberInput {
  width: 50px;
}
.numberPicker .numberButton {
  width: 30px;
  margin-top: -5px;
  height: 30px;
}
.numberPicker .numberButton .glyphicons {
  margin-left: -5px;
  margin-top: -4px;
}
.fdbCombobox .fdbComboInput {
  margin: 0;
}
.fdbCombobox .fdbComboList {
  display: block;
  list-style: none;
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  overflow: auto;
  margin: -1px 0 0;
  padding: 0;
}
.fdbCombobox .fdbComboList li {
  padding: 5px 10px;
  cursor: pointer;
}
.fdbCombobox .fdbComboList li:hover {
  background-color: #eee;
}
#paymentsSettingsContainer {
  margin: 30px;
  padding: 20px;
  background-color: #ffffff;
}
#paymentsSettingsContainer .minPaymentContainer h3 {
  margin-top: 0;
  font-weight: normal;
}
#paymentsSettingsContainer .minPaymentContainer #minPaymentAmount {
  width: 200px;
  margin-bottom: 0;
}
#paymentsSettingsContainer .paymentOptionsContainer h3 {
  margin-top: 0;
  font-weight: normal;
}
#paymentsSettingsContainer .paymentOptionsContainer .option {
  float: left;
  margin-right: 30px;
}
#paymentsSettingsContainer .paymentOptionsContainer .option .checkboxContainer {
  margin-bottom: 10px;
}
#paymentsSettingsContainer .paymentOptionsContainer .option .minAmountsContainer {
  width: 200px;
}
#paymentsSettingsContainer .paymentOptionsContainer .option .minAmountsContainer input[type=text] {
  margin-top: 10px;
}
#paymentsSettingsContainer .paymentOptionsContainer .option .minAmountsContainer label {
  line-height: 15px;
}
#paymentsSettingsContainer .paymentSuppliers {
  margin-top: 20px;
}
#paymentsSettingsContainer .paymentSuppliers h3 {
  margin-top: 0;
  font-weight: normal;
}
#paymentsSettingsContainer .paymentSuppliers table th,
#paymentsSettingsContainer .paymentSuppliers table td {
  text-align: left;
  padding-bottom: 10px;
}
#paymentsSettingsContainer .paymentSuppliers table th.activeItems,
#paymentsSettingsContainer .paymentSuppliers table td.activeItems {
  width: 115px;
}
#paymentsSettingsContainer .paymentSuppliers table th.provider,
#paymentsSettingsContainer .paymentSuppliers table td.provider {
  width: 300px;
}
#paymentsSettingsContainer .paymentSuppliers table th.status,
#paymentsSettingsContainer .paymentSuppliers table td.status {
  width: 380px;
}
#paymentsSettingsContainer .paymentSuppliers table th.status select,
#paymentsSettingsContainer .paymentSuppliers table td.status select {
  margin-bottom: 0;
}
#paymentsSettingsContainer .defaultReminderDates {
  margin-top: 20px;
}
#paymentsSettingsContainer .defaultReminderDates h3 {
  margin-top: 0;
  font-weight: normal;
}
#paymentsSettingsContainer .defaultReminderDates .reminderDetails {
  float: left;
  margin-right: 30px;
}
#paymentsSettingsContainer .defaultReminderDates .reminderDetails .hasDatepicker {
  width: 110px;
}
#paymentsSettingsContainer .defaultReminderDates .reminderDetails .reminderDays {
  width: 100px;
}
#paymentsSettingsContainer .paymentOrderAlerts {
  margin-top: 20px;
}
#paymentsSettingsContainer .paymentOrderAlerts h3 {
  margin-top: 0;
  font-weight: normal;
}
#paymentsSettingsContainer .paymentOrderAlerts #fulfillmentAlertsIds {
  width: 100%;
}
#paymentsSettingsContainer .buttonBar {
  width: 100%;
}
#paymentCreateItemContainer .contentArea {
  margin: 10px;
}
#paymentCreateItemContainer .contentArea h3 {
  font-weight: normal;
}
#paymentCreateItemContainer .contentArea p,
#paymentCreateItemContainer .contentArea label {
  font-weight: lighter;
}
#paymentCreateItemContainer .contentArea .prefillDetailsContainer h3 {
  margin-top: 0;
}
#paymentCreateItemContainer .contentArea .coreDetailsContainer .heading {
  background-color: #24303B;
  color: #EBECED;
  padding: 1px 10px;
  margin-bottom: 20px;
}
#paymentCreateItemContainer .contentArea .coreDetailsContainer .heading h3 {
  width: 100px;
  float: left;
}
#paymentCreateItemContainer .contentArea .coreDetailsContainer .heading .btn {
  margin-top: 10px;
}
#paymentCreateItemContainer .contentArea .coreDetailsContainer #suggestACategoryContainer {
  margin-bottom: 15px;
}
#paymentCreateItemContainer .contentArea .coreDetailsContainer #suggestACategoryContainer #itemCategory {
  width: 300px;
  margin-right: 20px;
  margin-bottom: 0;
}
#paymentCreateItemContainer .contentArea .coreDetailsContainer #suggestACategoryContainer #addCategory {
  height: 40px;
}
#paymentCreateItemContainer .contentArea .coreDetailsContainer .leftColumn {
  float: left;
  width: 45%;
  margin-right: 5%;
}
#paymentCreateItemContainer .contentArea .coreDetailsContainer .leftColumn p {
  margin-top: 0;
}
#paymentCreateItemContainer .contentArea .coreDetailsContainer .leftColumn #itemDescription {
  height: 128px;
}
#paymentCreateItemContainer .contentArea .coreDetailsContainer .rightColumn {
  float: left;
  width: 45%;
}
#paymentCreateItemContainer .contentArea .coreDetailsContainer .rightColumn p {
  margin-top: 0;
}
#paymentCreateItemContainer .contentArea .coreDetailsContainer .rightColumn input[type=number]::-webkit-inner-spin-button,
#paymentCreateItemContainer .contentArea .coreDetailsContainer .rightColumn input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
#paymentCreateItemContainer .contentArea .activeSettingsContainer {
  margin-bottom: 10px;
}
#paymentCreateItemContainer .contentArea .activeSettingsContainer h3 {
  margin-top: 0;
}
#paymentCreateItemContainer .contentArea .activeSettingsContainer .settingsColumn {
  float: left;
  margin-right: 10%;
  min-width: 185px;
}
#paymentCreateItemContainer .contentArea .activeSettingsContainer .settingsColumn div {
  margin-bottom: 10px;
}
#paymentCreateItemContainer .contentArea .settingsContainer .heading {
  background-color: #24303B;
  color: #EBECED;
  padding: 1px 10px;
  margin-bottom: 20px;
}
#paymentCreateItemContainer .contentArea .settingsContainer .heading h3 {
  width: 100px;
  float: left;
}
#paymentCreateItemContainer .contentArea .settingsContainer .heading .btn {
  margin-top: 10px;
}
#paymentCreateItemContainer .contentArea .itemOptions {
  margin-bottom: 15px;
}
#paymentCreateItemContainer .contentArea .itemOptions h3 {
  margin-top: 0;
}
#paymentCreateItemContainer .contentArea .itemOptions p {
  line-height: 20px;
}
#paymentCreateItemContainer .contentArea .itemOptions table th,
#paymentCreateItemContainer .contentArea .itemOptions table td {
  text-align: left;
  padding-bottom: 10px;
  vertical-align: middle;
  font-weight: lighter;
}
#paymentCreateItemContainer .contentArea .itemOptions table th.removeIcon,
#paymentCreateItemContainer .contentArea .itemOptions table td.removeIcon {
  width: 35px;
  cursor: pointer;
}
#paymentCreateItemContainer .contentArea .itemOptions table th.removeIcon .glyphicons:before,
#paymentCreateItemContainer .contentArea .itemOptions table td.removeIcon .glyphicons:before {
  color: #7f7f7f;
  top: -10px;
  font-size: 16px;
}
#paymentCreateItemContainer .contentArea .itemOptions table th.removeIcon #newOption span,
#paymentCreateItemContainer .contentArea .itemOptions table td.removeIcon #newOption span {
  margin-right: 20px;
}
#paymentCreateItemContainer .contentArea .itemOptions table th.defaultOption,
#paymentCreateItemContainer .contentArea .itemOptions table td.defaultOption {
  width: 80px;
}
#paymentCreateItemContainer .contentArea .itemOptions table th.defaultOption input,
#paymentCreateItemContainer .contentArea .itemOptions table td.defaultOption input {
  margin-right: 10px;
}
#paymentCreateItemContainer .contentArea .itemOptions table th.defaultOption input:focus,
#paymentCreateItemContainer .contentArea .itemOptions table td.defaultOption input:focus {
  outline-color: #00008B;
}
#paymentCreateItemContainer .contentArea .itemOptions table th.optionValues,
#paymentCreateItemContainer .contentArea .itemOptions table td.optionValues {
  width: 250px;
  padding-right: 15px;
}
#paymentCreateItemContainer .contentArea .itemOptions table th.optionValues input,
#paymentCreateItemContainer .contentArea .itemOptions table td.optionValues input {
  margin-bottom: 0;
}
#paymentCreateItemContainer .contentArea .itemOptions table th.optionPrice,
#paymentCreateItemContainer .contentArea .itemOptions table td.optionPrice {
  width: 100px;
  padding-right: 15px;
}
#paymentCreateItemContainer .contentArea .itemOptions table th.optionPrice input,
#paymentCreateItemContainer .contentArea .itemOptions table td.optionPrice input {
  margin-bottom: 0;
}
#paymentCreateItemContainer .contentArea .itemOptions table th.addNewOption,
#paymentCreateItemContainer .contentArea .itemOptions table td.addNewOption {
  padding-top: 15px;
  min-width: 200px;
}
#paymentCreateItemContainer .contentArea .itemOptions table th.quantityRow,
#paymentCreateItemContainer .contentArea .itemOptions table td.quantityRow {
  padding-right: 15px;
}
#paymentCreateItemContainer .contentArea .itemOptions table th.quantityRow input,
#paymentCreateItemContainer .contentArea .itemOptions table td.quantityRow input {
  width: 80px;
  margin-bottom: 0;
}
#paymentCreateItemContainer .contentArea .purchaseWindowContainer {
  margin-bottom: 15px;
}
#paymentCreateItemContainer .contentArea .purchaseWindowContainer h3 {
  margin-top: 0;
}
#paymentCreateItemContainer .contentArea .purchaseWindowContainer p {
  line-height: 20px;
}
#paymentCreateItemContainer .contentArea .purchaseWindowContainer .dateContainer {
  float: left;
  margin-right: 15px;
}
#paymentCreateItemContainer .contentArea .purchaseWindowContainer .dateContainer input {
  margin-top: 10px;
  width: 150px;
}
#paymentCreateItemContainer .contentArea .quantityContainer {
  margin-bottom: 15px;
}
#paymentCreateItemContainer .contentArea .quantityContainer h3 {
  margin-top: 0;
}
#paymentCreateItemContainer .contentArea .quantityContainer p {
  line-height: 20px;
}
#paymentCreateItemContainer .contentArea .quantityContainer .quantityDetails {
  float: left;
  margin-right: 15px;
}
#paymentCreateItemContainer .contentArea .quantityContainer .quantityDetails input {
  margin-top: 10px;
  width: 150px;
}
#paymentCreateItemContainer .contentArea .dateDetailsContainer {
  margin-bottom: 15px;
}
#paymentCreateItemContainer .contentArea .dateDetailsContainer h3 {
  margin-top: 0;
}
#paymentCreateItemContainer .contentArea .dateDetailsContainer p {
  line-height: 20px;
}
#paymentCreateItemContainer .contentArea .dateDetailsContainer .dateDetails {
  float: left;
  margin-right: 15px;
}
#paymentCreateItemContainer .contentArea .dateDetailsContainer .dateDetails input {
  margin-top: 10px;
  width: 150px;
}
#paymentCreateItemContainer .contentArea .remindersContainer {
  margin-bottom: 15px;
}
#paymentCreateItemContainer .contentArea .remindersContainer h3 {
  margin-top: 0;
}
#paymentCreateItemContainer .contentArea .remindersContainer p {
  line-height: 20px;
}
#paymentCreateItemContainer .contentArea .remindersContainer .reminderDetails {
  float: left;
  margin-right: 15px;
}
#paymentCreateItemContainer .contentArea .remindersContainer .reminderDetails .hasDatepicker {
  width: 150px;
}
#paymentCreateItemContainer .contentArea .remindersContainer .reminderDetails .removeReminder {
  cursor: pointer;
}
#paymentCreateItemContainer .contentArea .instalmentsContainer {
  margin-bottom: 15px;
}
#paymentCreateItemContainer .contentArea .instalmentsContainer h3 {
  margin-top: 0;
}
#paymentCreateItemContainer .contentArea .instalmentsContainer p {
  line-height: 20px;
}
#paymentCreateItemContainer .contentArea .instalmentsContainer table th,
#paymentCreateItemContainer .contentArea .instalmentsContainer table td {
  text-align: left;
  padding-bottom: 10px;
  vertical-align: middle;
  font-weight: lighter;
}
#paymentCreateItemContainer .contentArea .instalmentsContainer table th input,
#paymentCreateItemContainer .contentArea .instalmentsContainer table td input,
#paymentCreateItemContainer .contentArea .instalmentsContainer table th select,
#paymentCreateItemContainer .contentArea .instalmentsContainer table td select {
  margin-bottom: 0;
}
#paymentCreateItemContainer .contentArea .instalmentsContainer table th.removeIcon,
#paymentCreateItemContainer .contentArea .instalmentsContainer table td.removeIcon {
  width: 35px;
  cursor: pointer;
}
#paymentCreateItemContainer .contentArea .instalmentsContainer table th.removeIcon .glyphicons:before,
#paymentCreateItemContainer .contentArea .instalmentsContainer table td.removeIcon .glyphicons:before {
  color: #7f7f7f;
  top: -10px;
  font-size: 16px;
}
#paymentCreateItemContainer .contentArea .instalmentsContainer table th.removeIcon #newInstalment span,
#paymentCreateItemContainer .contentArea .instalmentsContainer table td.removeIcon #newInstalment span {
  margin-right: 20px;
}
#paymentCreateItemContainer .contentArea .instalmentsContainer table th.installPrice,
#paymentCreateItemContainer .contentArea .instalmentsContainer table td.installPrice {
  width: 100px;
  padding-right: 15px;
}
#paymentCreateItemContainer .contentArea .instalmentsContainer table th.installPrice input[type=number]::-webkit-inner-spin-button,
#paymentCreateItemContainer .contentArea .instalmentsContainer table td.installPrice input[type=number]::-webkit-inner-spin-button,
#paymentCreateItemContainer .contentArea .instalmentsContainer table th.installPrice input[type=number]::-webkit-outer-spin-button,
#paymentCreateItemContainer .contentArea .instalmentsContainer table td.installPrice input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
#paymentCreateItemContainer .contentArea .instalmentsContainer table th.dropdownDetails,
#paymentCreateItemContainer .contentArea .instalmentsContainer table td.dropdownDetails {
  width: 90px;
  padding-right: 15px;
}
#paymentCreateItemContainer .contentArea .instalmentsContainer table th.dateDetails,
#paymentCreateItemContainer .contentArea .instalmentsContainer table td.dateDetails {
  padding-right: 15px;
}
#paymentCreateItemContainer .contentArea .instalmentsContainer table th.dateDetails .hasDatepicker,
#paymentCreateItemContainer .contentArea .instalmentsContainer table td.dateDetails .hasDatepicker {
  width: 150px;
}
#paymentCreateItemContainer .contentArea .instalmentsContainer table th.addNewInstalment,
#paymentCreateItemContainer .contentArea .instalmentsContainer table td.addNewInstalment {
  padding-top: 15px;
  min-width: 200px;
}
#paymentCreateItemContainer .contentArea .accountingCodesContainer h3 {
  margin-top: 0;
}
#paymentCreateItemContainer .contentArea .accountingCodesContainer p {
  line-height: 20px;
}
#paymentCreateItemContainer .contentArea .accountingCodesContainer .codeDetails {
  float: left;
  margin-right: 15px;
}
#paymentCreateItemContainer .contentArea .accountingCodesContainer .codeDetails input {
  margin-top: 10px;
  width: 150px;
}
#paymentCreateItemContainer .contentArea .paymentOptionsContainer {
  margin-bottom: 15px;
}
#paymentCreateItemContainer .contentArea .paymentOptionsContainer h3 {
  margin-top: 0;
}
#paymentCreateItemContainer .contentArea .paymentOptionsContainer p {
  line-height: 20px;
}
#paymentCreateItemContainer .contentArea .paymentOptionsContainer .paymentOption {
  float: left;
  margin-right: 30px;
}
#paymentCreateItemContainer .contentArea .vatRates {
  margin-bottom: 15px;
}
#paymentCreateItemContainer .contentArea .vatRates h3 {
  margin-top: 0;
}
#paymentCreateItemContainer .contentArea .vatRates p {
  line-height: 20px;
}
#paymentCreateItemContainer .contentArea .vatRates select {
  width: 100px;
}
#paymentCreateItemContainer .contentArea .saveItemContainer {
  margin-top: 15px;
}
#paymentCreateItemContainer .contentArea .saveItemContainer .heading {
  background-color: #24303B;
  color: #EBECED;
  padding: 1px 10px;
}
#paymentCreateItemContainer .contentArea .saveItemContainer .heading h3 {
  width: 100px;
  float: left;
}
#paymentCreateItemContainer .contentArea .saveItemContainer .heading .btn {
  margin-top: 10px;
}
#paymentCreateItemContainer .contentArea #individualBillingContainer .heading {
  background-color: #24303B;
  color: #EBECED;
  padding: 1px 10px;
  margin-bottom: 20px;
}
#paymentCreateItemContainer .contentArea #individualBillingContainer .heading h3 {
  width: 150px;
  float: left;
}
#paymentCreateItemContainer .contentArea #individualBillingContainer .heading .btn {
  margin-top: 10px;
}
#paymentCreateItemContainer .contentArea #individualBillingContainer #searchSelectedMembers {
  width: 300px;
}
#paymentCreateItemContainer .contentArea #individualBillingContainer .searchResults {
  float: right;
}
#paymentCreateItemContainer .contentArea #individualBillingContainer .searchResults .itemCount {
  margin: 10px 0px;
}
#paymentCreateItemContainer .contentArea #individualBillingContainer table {
  width: 100%;
  padding: 15px;
  border: 1px solid #24303B;
}
#paymentCreateItemContainer .contentArea #individualBillingContainer table thead tr {
  background-color: #24303B;
  color: #EBECED;
}
#paymentCreateItemContainer .contentArea #individualBillingContainer table thead tr th {
  padding: 10px 10px;
  text-align: left;
  vertical-align: middle;
}
#paymentCreateItemContainer .contentArea #individualBillingContainer table thead tr th.amount {
  width: 45px;
}
#paymentCreateItemContainer .contentArea #individualBillingContainer table tbody tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #EBECED;
}
#paymentCreateItemContainer .contentArea #individualBillingContainer table tbody tr td {
  padding: 6px 10px;
  text-align: left;
}
#paymentCreateItemContainer .contentArea #individualBillingContainer table tbody tr td input {
  margin-bottom: 0px;
  padding: 3px;
}
#paymentCreateItemContainer .contentArea #individualBillingContainer table tbody tr td input[type=number]::-webkit-inner-spin-button,
#paymentCreateItemContainer .contentArea #individualBillingContainer table tbody tr td input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
#paymentCreateItemContainer .contentArea #individualBillingContainer table tbody tr td span.removeUser {
  cursor: pointer;
  color: #C8102E;
}
#paymentItemDetailsContainer {
  padding: 20px;
  background-color: #ffffff;
}
#paymentItemDetailsContainer .mainHeading {
  background-color: #24303B;
  color: #EBECED;
  padding: 10px;
}
#paymentItemDetailsContainer .mainHeading h3 {
  width: 85%;
  float: left;
  margin: 5px 0;
}
#paymentItemDetailsContainer .mainHeading h3 #paymentItemName {
  word-wrap: break-word;
}
#paymentItemDetailsContainer .mainHeading p {
  width: 200px;
  float: left;
  margin: 0;
}
#paymentItemDetailsContainer .mainHeading p .statusText {
  vertical-align: super;
}
#paymentItemDetailsContainer .mainHeading .dropdownContainer {
  top: -28px;
}
#paymentItemDetailsContainer .itemDetail .leftColumn {
  margin-top: 15px;
  float: left;
  width: 45%;
  margin-right: 5%;
}
#paymentItemDetailsContainer .itemDetail .leftColumn p {
  margin-top: 0;
}
#paymentItemDetailsContainer .itemDetail .rightColumn {
  margin-top: 15px;
  float: left;
  width: 255px;
}
#paymentItemDetailsContainer .itemDetail .rightColumn p {
  margin-top: 0;
}
#paymentItemDetailsContainer .itemDetail .rightColumn .glyphicons {
  font-size: 35px !important;
}
#paymentItemDetailsContainer .itemDetail .paymentMethods .paymentContainer {
  float: left;
  min-width: 150px;
  margin-right: 15px;
  margin-bottom: 15px;
}
#paymentItemDetailsContainer .itemDetail .paymentMethods .paymentContainer .paymentIcon {
  width: 70px;
  margin: auto;
}
#paymentItemDetailsContainer .itemDetail .paymentMethods .paymentContainer .paymentIcon.payPoint {
  width: 55px;
}
#paymentItemDetailsContainer .itemDetail .paymentMethods .paymentContainer .paymentIcon.payCash {
  width: 80px;
}
#paymentItemDetailsContainer .settingsSimple {
  margin-bottom: 15px;
}
#paymentItemDetailsContainer .settingsSimple h3 {
  margin-top: 0;
}
#paymentItemDetailsContainer .settingsSimple .settingContainer {
  width: 200px;
  float: left;
  margin-bottom: 10px;
}
#paymentItemDetailsContainer .settingsSimple .settingContainer .glyphicons {
  top: -2px;
  margin-right: 10px;
}
#paymentItemDetailsContainer .settingsSimple .settingContainer .glyphicons:before {
  color: #7f7f7f;
  top: -10px;
  font-size: 16px;
}
#paymentItemDetailsContainer .settingsDetailed h3 {
  margin-top: 0;
}
#paymentItemDetailsContainer .settingsDetailed .settingContainer {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
#paymentItemDetailsContainer .settingsDetailed .settingContainer.noMarginBottom {
  margin-bottom: 0;
}
#paymentItemDetailsContainer .settingsDetailed .settingContainer .heading {
  font-weight: normal;
  margin-bottom: 10px;
  padding-bottom: 5px;
  text-decoration: underline;
}
#paymentItemDetailsContainer .settingsDetailed .settingContainer .subTitle {
  margin-bottom: 10px;
}
#paymentItemDetailsContainer .settingsDetailed .settingContainer .subSetting {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}
#paymentItemDetailsContainer .settingsDetailed .settingContainer .optionTableContainer table {
  width: 100%;
}
#paymentItemDetailsContainer .settingsDetailed .settingContainer .optionTableContainer table tr {
  padding: 5px;
}
#paymentItemDetailsContainer .settingsDetailed .settingContainer .optionTableContainer table tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #EBECED;
}
#paymentItemDetailsContainer .settingsDetailed .settingContainer .optionTableContainer table tr th,
#paymentItemDetailsContainer .settingsDetailed .settingContainer .optionTableContainer table tr td {
  text-align: left;
  padding: 10px;
  vertical-align: middle;
  font-weight: lighter;
}
#paymentItemDetailsContainer .settingsDetailed .settingContainer .optionTableContainer table tr th input,
#paymentItemDetailsContainer .settingsDetailed .settingContainer .optionTableContainer table tr td input,
#paymentItemDetailsContainer .settingsDetailed .settingContainer .optionTableContainer table tr th select,
#paymentItemDetailsContainer .settingsDetailed .settingContainer .optionTableContainer table tr td select {
  margin-bottom: 0;
}
#paymentItemDetailsContainer .settingsDetailed .settingContainer .instalmentsTableContainer table {
  width: 100%;
}
#paymentItemDetailsContainer .settingsDetailed .settingContainer .instalmentsTableContainer table tr {
  padding: 5px;
}
#paymentItemDetailsContainer .settingsDetailed .settingContainer .instalmentsTableContainer table tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #EBECED;
}
#paymentItemDetailsContainer .settingsDetailed .settingContainer .instalmentsTableContainer table tr th,
#paymentItemDetailsContainer .settingsDetailed .settingContainer .instalmentsTableContainer table tr td {
  text-align: left;
  padding: 10px;
  vertical-align: middle;
  font-weight: lighter;
}
#paymentItemDetailsContainer .settingsDetailed .settingContainer .instalmentsTableContainer table tr th input,
#paymentItemDetailsContainer .settingsDetailed .settingContainer .instalmentsTableContainer table tr td input,
#paymentItemDetailsContainer .settingsDetailed .settingContainer .instalmentsTableContainer table tr th select,
#paymentItemDetailsContainer .settingsDetailed .settingContainer .instalmentsTableContainer table tr td select {
  margin-bottom: 0;
}
#paymentItemDetailsContainer .settingsDetailed .settingContainer .instalmentsTableContainer table tr th.installPrice,
#paymentItemDetailsContainer .settingsDetailed .settingContainer .instalmentsTableContainer table tr td.installPrice {
  padding-right: 15px;
}
#paymentItemDetailsContainer #individualBillingContainer #searchSelectedMembers {
  width: 300px;
}
#paymentItemDetailsContainer #individualBillingContainer .searchResults {
  float: right;
}
#paymentItemDetailsContainer #individualBillingContainer .searchResults .itemCount {
  margin: 10px 0px;
}
#paymentItemDetailsContainer #individualBillingContainer table {
  width: 100%;
  padding: 15px;
}
#paymentItemDetailsContainer #individualBillingContainer table thead tr {
  background-color: #24303B;
  color: #EBECED;
}
#paymentItemDetailsContainer #individualBillingContainer table thead tr th {
  padding: 10px 10px;
  text-align: left;
  vertical-align: middle;
}
#paymentItemDetailsContainer #individualBillingContainer table thead tr th.amount {
  width: 45px;
}
#paymentItemDetailsContainer #individualBillingContainer table tbody tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #EBECED;
}
#paymentItemDetailsContainer #individualBillingContainer table tbody tr td {
  padding: 6px 10px;
  text-align: left;
}
#paymentItemEditContainer {
  margin: 15px;
}
#paymentItemEditContainer .coreDetailsContainer .heading {
  background-color: #24303B;
  color: #EBECED;
  padding: 1px 10px;
  margin-bottom: 20px;
}
#paymentItemEditContainer .coreDetailsContainer .heading h3 {
  width: 100px;
  float: left;
}
#paymentItemEditContainer .coreDetailsContainer .heading .btn {
  margin-top: 10px;
}
#paymentItemEditContainer .coreDetailsContainer #suggestACategoryContainer {
  margin-bottom: 15px;
}
#paymentItemEditContainer .coreDetailsContainer #suggestACategoryContainer #itemCategory {
  width: 300px;
  margin-right: 20px;
}
#paymentItemEditContainer .coreDetailsContainer #suggestACategoryContainer #addCategory {
  height: 40px;
}
#paymentItemEditContainer .coreDetailsContainer .leftColumn {
  float: left;
  width: 45%;
  margin-right: 5%;
}
#paymentItemEditContainer .coreDetailsContainer .leftColumn p {
  margin-top: 0;
}
#paymentItemEditContainer .coreDetailsContainer .leftColumn #itemDescription {
  height: 128px;
}
#paymentItemEditContainer .coreDetailsContainer .rightColumn {
  float: left;
  width: 45%;
}
#paymentItemEditContainer .coreDetailsContainer .rightColumn p {
  margin-top: 0;
}
#paymentItemEditContainer .coreDetailsContainer .rightColumn input[type=number]::-webkit-inner-spin-button,
#paymentItemEditContainer .coreDetailsContainer .rightColumn input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
#paymentItemEditContainer .activeSettingsContainer {
  margin-bottom: 10px;
}
#paymentItemEditContainer .activeSettingsContainer h3 {
  margin-top: 0;
}
#paymentItemEditContainer .activeSettingsContainer .settingsColumn {
  float: left;
  margin-right: 10%;
  min-width: 185px;
}
#paymentItemEditContainer .activeSettingsContainer .settingsColumn div {
  margin-bottom: 10px;
}
#paymentItemEditContainer #individualBillingContainer .heading {
  background-color: #24303B;
  color: #EBECED;
  padding: 1px 10px;
  margin-bottom: 20px;
}
#paymentItemEditContainer #individualBillingContainer .heading h3 {
  width: 150px;
  float: left;
}
#paymentItemEditContainer .settingsContainer .heading {
  background-color: #24303B;
  color: #EBECED;
  padding: 1px 10px;
  margin-bottom: 20px;
}
#paymentItemEditContainer .settingsContainer .heading h3 {
  width: 100px;
  float: left;
}
#paymentItemEditContainer .settingsContainer .heading .btn {
  margin-top: 10px;
}
#paymentItemEditContainer .itemOptions {
  margin-bottom: 15px;
}
#paymentItemEditContainer .itemOptions h3 {
  margin-top: 0;
}
#paymentItemEditContainer .itemOptions p {
  line-height: 20px;
}
#paymentItemEditContainer .itemOptions table th,
#paymentItemEditContainer .itemOptions table td {
  text-align: left;
  padding-bottom: 10px;
  vertical-align: top;
  font-weight: lighter;
}
#paymentItemEditContainer .itemOptions table th.removeIcon,
#paymentItemEditContainer .itemOptions table td.removeIcon {
  width: 35px;
  cursor: pointer;
}
#paymentItemEditContainer .itemOptions table th.removeIcon .glyphicons,
#paymentItemEditContainer .itemOptions table td.removeIcon .glyphicons {
  margin-right: 10px;
  top: -2px;
}
#paymentItemEditContainer .itemOptions table th.removeIcon .glyphicons:before,
#paymentItemEditContainer .itemOptions table td.removeIcon .glyphicons:before {
  color: #7f7f7f;
  font-size: 16px;
}
#paymentItemEditContainer .itemOptions table th.defaultOption,
#paymentItemEditContainer .itemOptions table td.defaultOption {
  width: 80px;
}
#paymentItemEditContainer .itemOptions table th.defaultOption input,
#paymentItemEditContainer .itemOptions table td.defaultOption input {
  margin-right: 10px;
}
#paymentItemEditContainer .itemOptions table th.optionValues,
#paymentItemEditContainer .itemOptions table td.optionValues {
  width: 250px;
  padding-right: 15px;
}
#paymentItemEditContainer .itemOptions table th.optionValues input,
#paymentItemEditContainer .itemOptions table td.optionValues input {
  margin-bottom: 0;
}
#paymentItemEditContainer .itemOptions table th.quantity,
#paymentItemEditContainer .itemOptions table td.quantity {
  padding: 10px;
}
#paymentItemEditContainer .itemOptions table th.optionPrice,
#paymentItemEditContainer .itemOptions table td.optionPrice {
  width: 100px;
  padding-right: 15px;
}
#paymentItemEditContainer .itemOptions table th.optionPrice input,
#paymentItemEditContainer .itemOptions table td.optionPrice input {
  margin-bottom: 0;
}
#paymentItemEditContainer .itemOptions table th.changeReason input,
#paymentItemEditContainer .itemOptions table td.changeReason input {
  margin-top: 10px;
}
#paymentItemEditContainer .itemOptions table th.addNewOption,
#paymentItemEditContainer .itemOptions table td.addNewOption {
  padding-top: 15px;
  min-width: 200px;
}
#paymentItemEditContainer .itemOptions table th.quantityRow,
#paymentItemEditContainer .itemOptions table td.quantityRow {
  padding-right: 15px;
}
#paymentItemEditContainer .itemOptions table th.quantityRow input,
#paymentItemEditContainer .itemOptions table td.quantityRow input {
  width: 80px;
  float: left;
}
#paymentItemEditContainer .itemOptions table th.quantityRow select,
#paymentItemEditContainer .itemOptions table td.quantityRow select {
  width: 130px;
  float: left;
  margin-right: 15px;
}
#paymentItemEditContainer .purchaseWindowContainer {
  margin-bottom: 15px;
}
#paymentItemEditContainer .purchaseWindowContainer h3 {
  margin-top: 0;
}
#paymentItemEditContainer .purchaseWindowContainer p {
  line-height: 20px;
}
#paymentItemEditContainer .purchaseWindowContainer .dateContainer {
  float: left;
  margin-right: 15px;
}
#paymentItemEditContainer .purchaseWindowContainer .dateContainer input {
  margin-top: 10px;
  width: 150px;
}
#paymentItemEditContainer .quantityContainer {
  margin-bottom: 15px;
}
#paymentItemEditContainer .quantityContainer h3 {
  margin-top: 0;
}
#paymentItemEditContainer .quantityContainer p {
  line-height: 20px;
}
#paymentItemEditContainer .quantityContainer .quantityDetails input {
  margin-top: 10px;
  width: 150px;
}
#paymentItemEditContainer .quantityContainer .quantityDetails input#quantityReason {
  width: 100%;
}
#paymentItemEditContainer .quantityContainer .quantityDetails select {
  width: auto;
}
#paymentItemEditContainer .dateDetailsContainer {
  margin-bottom: 15px;
}
#paymentItemEditContainer .dateDetailsContainer h3 {
  margin-top: 0;
}
#paymentItemEditContainer .dateDetailsContainer p {
  line-height: 20px;
}
#paymentItemEditContainer .dateDetailsContainer .dateDetails {
  float: left;
  margin-right: 15px;
}
#paymentItemEditContainer .dateDetailsContainer .dateDetails input {
  margin-top: 10px;
  width: 150px;
}
#paymentItemEditContainer .remindersContainer {
  margin-bottom: 15px;
}
#paymentItemEditContainer .remindersContainer h3 {
  margin-top: 0;
}
#paymentItemEditContainer .remindersContainer p {
  line-height: 20px;
}
#paymentItemEditContainer .remindersContainer .reminderDetails {
  float: left;
  margin-right: 15px;
}
#paymentItemEditContainer .remindersContainer .reminderDetails .hasDatepicker {
  width: 150px;
}
#paymentItemEditContainer .remindersContainer .reminderDetails .removeReminder {
  cursor: pointer;
}
#paymentItemEditContainer .instalmentsContainer {
  margin-bottom: 15px;
}
#paymentItemEditContainer .instalmentsContainer h3 {
  margin-top: 0;
}
#paymentItemEditContainer .instalmentsContainer p {
  line-height: 20px;
}
#paymentItemEditContainer .instalmentsContainer table th,
#paymentItemEditContainer .instalmentsContainer table td {
  text-align: left;
  padding-bottom: 10px;
  vertical-align: middle;
  font-weight: lighter;
}
#paymentItemEditContainer .instalmentsContainer table th input,
#paymentItemEditContainer .instalmentsContainer table td input,
#paymentItemEditContainer .instalmentsContainer table th select,
#paymentItemEditContainer .instalmentsContainer table td select {
  margin-bottom: 0;
}
#paymentItemEditContainer .instalmentsContainer table th.removeIcon,
#paymentItemEditContainer .instalmentsContainer table td.removeIcon {
  width: 35px;
  cursor: pointer;
}
#paymentItemEditContainer .instalmentsContainer table th.removeIcon .glyphicons:before,
#paymentItemEditContainer .instalmentsContainer table td.removeIcon .glyphicons:before {
  color: #7f7f7f;
  top: -10px;
  font-size: 16px;
}
#paymentItemEditContainer .instalmentsContainer table th.removeIcon #newInstalment span,
#paymentItemEditContainer .instalmentsContainer table td.removeIcon #newInstalment span {
  margin-right: 20px;
}
#paymentItemEditContainer .instalmentsContainer table th.installPrice,
#paymentItemEditContainer .instalmentsContainer table td.installPrice {
  width: 150px;
  padding-right: 10px;
}
#paymentItemEditContainer .instalmentsContainer table th.dropdownDetails,
#paymentItemEditContainer .instalmentsContainer table td.dropdownDetails {
  width: 90px;
  padding-right: 10px;
}
#paymentItemEditContainer .instalmentsContainer table th.dateDetails,
#paymentItemEditContainer .instalmentsContainer table td.dateDetails {
  padding-right: 10px;
}
#paymentItemEditContainer .instalmentsContainer table th.dateDetails .hasDatepicker,
#paymentItemEditContainer .instalmentsContainer table td.dateDetails .hasDatepicker {
  width: 150px;
}
#paymentItemEditContainer .instalmentsContainer table th.addNewInstalment,
#paymentItemEditContainer .instalmentsContainer table td.addNewInstalment {
  padding-top: 15px;
  min-width: 200px;
}
#paymentItemEditContainer .accountingCodesContainer {
  margin-bottom: 15px;
}
#paymentItemEditContainer .accountingCodesContainer h3 {
  margin-top: 0;
}
#paymentItemEditContainer .accountingCodesContainer p {
  line-height: 20px;
}
#paymentItemEditContainer .accountingCodesContainer .codeDetails {
  float: left;
  margin-right: 15px;
}
#paymentItemEditContainer .accountingCodesContainer .codeDetails input {
  margin-top: 10px;
  width: 150px;
}
#paymentItemEditContainer .paymentOptionsContainer {
  margin-bottom: 15px;
}
#paymentItemEditContainer .paymentOptionsContainer h3 {
  margin-top: 0;
}
#paymentItemEditContainer .paymentOptionsContainer p {
  line-height: 20px;
}
#paymentItemEditContainer .paymentOptionsContainer .paymentOption {
  float: left;
  margin-right: 30px;
}
#paymentItemEditContainer .vatRates {
  margin-bottom: 15px;
}
#paymentItemEditContainer .vatRates h3 {
  margin-top: 0;
}
#paymentItemEditContainer .vatRates p {
  line-height: 20px;
}
#paymentItemEditContainer .vatRates select {
  width: 100px;
}
#paymentItemEditContainer #individualBillingContainer .mainHeading {
  background-color: #24303B;
  color: #EBECED;
  padding: 15px 10px;
  margin-bottom: 20px;
}
#paymentItemEditContainer #individualBillingContainer .mainHeading h3 {
  width: 100px;
  float: left;
}
#paymentItemEditContainer #individualBillingContainer #searchSelectedMembers {
  width: 300px;
}
#paymentItemEditContainer #individualBillingContainer .searchResults {
  float: right;
}
#paymentItemEditContainer #individualBillingContainer .searchResults .itemCount {
  margin: 10px 0px;
}
#paymentItemEditContainer #individualBillingContainer table {
  width: 100%;
  padding: 15px;
}
#paymentItemEditContainer #individualBillingContainer table thead tr {
  background-color: #24303B;
  color: #EBECED;
}
#paymentItemEditContainer #individualBillingContainer table thead tr th {
  padding: 10px 10px;
  text-align: left;
  vertical-align: middle;
}
#paymentItemEditContainer #individualBillingContainer table thead tr th.amount {
  width: 45px;
}
#paymentItemEditContainer #individualBillingContainer table tbody tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #EBECED;
}
#paymentItemEditContainer #individualBillingContainer table tbody tr td {
  padding: 6px 10px;
  text-align: left;
}
#paymentItemEditContainer #individualBillingContainer table tbody tr td input {
  margin-bottom: 0px;
  padding: 3px;
}
#paymentItemEditContainer #individualBillingContainer table tbody tr td input[type=number]::-webkit-inner-spin-button,
#paymentItemEditContainer #individualBillingContainer table tbody tr td input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
#paymentItemEditContainer #individualBillingContainer table tbody tr td span.removeUser {
  cursor: pointer;
  color: #d9534f;
}
#paymentItemEditContainer .saveItemContainer {
  margin: -16px;
  border: 1px solid #fff;
}
#paymentItemEditContainer .saveItemContainer .heading {
  background-color: #ddd;
  padding: 1px 10px;
}
#paymentItemEditContainer .saveItemContainer .heading h3 {
  width: 100px;
  float: left;
}
#paymentItemEditContainer .saveItemContainer .heading .btn {
  margin-top: 7px;
}
#createCategoryForm #iconContainer label {
  margin-right: 20px;
  margin-bottom: 15px;
  cursor: pointer;
}
#createCategoryForm #iconContainer label input + span {
  border: 2px solid #FFFFFF;
  padding: 15px;
  margin-bottom: 20px;
}
#createCategoryForm #iconContainer label input:checked + span {
  border: 2px solid #2489c5;
}
#orderDetailsContainer .orderRow {
  min-height: 15px;
  margin: 10px 0;
  border-bottom: solid 1px #24303B;
}
#orderDetailsContainer .orderRow .date,
#orderDetailsContainer .orderRow .price {
  width: 25%;
  float: left;
}
#orderDetailsContainer .orderRow .orderId {
  width: 25%;
  float: left;
}
#orderDetailsContainer .orderRow .orderId .viewOrder {
  /*color: rgb(66, 139, 202);
				cursor: pointer;*/
}
#orderDetailsContainer .orderRow .refund {
  width: 25%;
  float: left;
  margin-bottom: 3rem;
  /*button {
				margin-right: 15px;
				top: 10px;
				float: right;
				position: relative;
			}*/
}
#orderDetailsContainer .orderRow .refund .dropdownContainer {
  z-index: initial;
}
#orderDetailsContainer .orderRow .paymentMethod {
  width: 100%;
}
#orderDetailsContainer .orderRow .paymentMethod span {
  margin-left: 6rem;
}
#orderDetailsContainer .orderRow .productsContainer {
  margin: 15px 0;
}
#orderDetailsContainer .orderRow .productsContainer:first-child {
  margon-top: 0 !important;
}
#orderDetailsContainer .orderRow .productsContainer h4 {
  margin: 0 !important;
  background-color: #24303B;
  color: #EBECED;
  padding: 15px;
}
#orderDetailsContainer .orderRow .productsContainer ul {
  list-style: none;
  padding: 0;
  height: 100%;
}
#orderDetailsContainer .orderRow .productsContainer ul li {
  padding: 10px 0;
  height: 100%;
  position: relative;
  border-bottom: solid 1px #24303B;
}
#orderDetailsContainer .orderRow .productsContainer ul li:last-child {
  border: none;
}
#orderDetailsContainer .orderRow .productsContainer ul li .productContainer .details {
  float: left;
}
#orderDetailsContainer .orderRow .productsContainer ul li .productContainer .details h3 {
  margin-bottom: 5px;
  margin-top: 0px;
}
#orderDetailsContainer .orderRow .productsContainer ul li .productContainer .details p {
  margin-bottom: 5px;
}
#orderDetailsContainer .orderRow .productsContainer ul li .productContainer .details .viewSelections {
  margin-left: 15px;
}
#viewSelectionsContainer .selectionsContainer {
  margin: 0 15px;
}
#viewSelectionsContainer .selectionsContainer .hr-padding {
  margin: 5px 0;
}
.failed-refund-summary-container {
  line-height: 18px;
}
.failed-refund-summary-container hr {
  border-color: #ddd;
  margin: 15px 0;
}
.failed-refund-summary-container table {
  line-height: 20px;
  width: 100%;
}
.failed-refund-summary-container table th {
  font-weight: 600;
  text-align: left;
}
.failed-refund-summary-container .red {
  color: #f7dbe0;
}
.failed-refund-summary-container .inner {
  margin: 10px;
}
.failed-refund-summary-container h3 {
  font-weight: bold;
}
.failed-refund-summary-container table.info td,
.failed-refund-summary-container table.info th {
  padding: 0 20px 0 0;
}
.failed-refund-summary-container table.info strong {
  font-weight: 600;
}
#refundContainer .content {
  overflow-x: auto;
  border-top: 1px solid #ffffff;
}
#refundContainer .content #refundHeaderRow {
  background-color: #24303B;
  color: #EBECED;
}
#refundContainer .content #refundHeaderRow div {
  padding: 10px 15px;
  text-align: left;
  float: left;
}
#refundContainer .content #refundHeaderRow div.selectItems {
  width: 5%;
}
#refundContainer .content #refundHeaderRow div.item {
  width: 25%;
}
#refundContainer .content #refundHeaderRow div.errorContainer {
  width: 20%;
}
#refundContainer .content #refundHeaderRow div.smallWidth {
  width: 10%;
  min-width: 75px;
}
#refundContainer .content #refundHeaderRow div.smallWidth input[type="checkbox"] {
  margin-right: 5px;
}
#refundContainer .content #refundRowContainer {
  max-height: 500px;
  overflow-y: scroll;
}
#refundContainer .content #refundRowContainer div.detailsRow:nth-child(odd) {
  background: none repeat scroll 0 0 #EBECED;
}
#refundContainer .content #refundRowContainer div.error {
  border: solid 2px #C8102E;
}
#refundContainer .content #refundRowContainer div div {
  text-align: left;
  padding: 10px 15px;
  float: left;
}
#refundContainer .content #refundRowContainer div div input[type="text"] {
  margin-bottom: 0;
  width: 80px;
}
#refundContainer .content #refundRowContainer div div.selectItems {
  line-height: 40px;
  width: 5%;
}
#refundContainer .content #refundRowContainer div div.item {
  width: 25%;
  line-height: 40px;
}
#refundContainer .content #refundRowContainer div div.errorContainer {
  width: 20%;
  color: #C8102E;
}
#refundContainer .content #refundRowContainer div div.smallWidth {
  width: 10%;
  min-width: 75px;
  line-height: 40px;
}
#refundContainer .content #refundRowContainer .refundMessage {
  padding: 10px 0;
  border-top: solid 1px #CCCCCC;
}
#paymentAlertRefundContainer .content {
  overflow-x: scroll;
}
#paymentAlertRefundContainer .content #refundHeaderRow {
  background-color: #24303B;
  color: #EBECED;
}
#paymentAlertRefundContainer .content #refundHeaderRow div {
  padding: 10px 15px;
  text-align: left;
  float: left;
}
#paymentAlertRefundContainer .content #refundHeaderRow div.selectItems {
  width: 5%;
}
#paymentAlertRefundContainer .content #refundHeaderRow div.item {
  width: 25%;
}
#paymentAlertRefundContainer .content #refundHeaderRow div.errorContainer {
  width: 20%;
}
#paymentAlertRefundContainer .content #refundHeaderRow div.smallWidth {
  width: 10%;
  min-width: 75px;
}
#paymentAlertRefundContainer .content #refundHeaderRow div.smallWidth input[type="checkbox"] {
  margin-right: 5px;
}
#paymentAlertRefundContainer .content #refundRowContainer {
  max-height: 500px;
  overflow-y: scroll;
}
#paymentAlertRefundContainer .content #refundRowContainer div.detailsRow:nth-child(odd) {
  background: none repeat scroll 0 0 #EBECED;
}
#paymentAlertRefundContainer .content #refundRowContainer div.error {
  border: solid 2px #C8102E;
}
#paymentAlertRefundContainer .content #refundRowContainer div div {
  text-align: left;
  padding: 10px 15px;
  float: left;
}
#paymentAlertRefundContainer .content #refundRowContainer div div input[type="text"] {
  margin-bottom: 0;
}
#paymentAlertRefundContainer .content #refundRowContainer div div.selectItems {
  width: 5%;
}
#paymentAlertRefundContainer .content #refundRowContainer div div.item {
  width: 25%;
}
#paymentAlertRefundContainer .content #refundRowContainer div div.errorContainer {
  width: 20%;
  color: #C8102E;
}
#paymentAlertRefundContainer .content #refundRowContainer div div.smallWidth {
  width: 10%;
  min-width: 75px;
}
#bulkUserRefundContainer {
  overflow-x: scroll;
}
#bulkUserRefundContainer #refundHeaderRow {
  background-color: #24303B;
  color: #EBECED;
  margin-top: 1px;
}
#bulkUserRefundContainer #refundHeaderRow div {
  padding: 10px 15px;
  text-align: left;
  float: left;
}
#bulkUserRefundContainer #refundHeaderRow div.user {
  width: 25%;
}
#bulkUserRefundContainer #refundHeaderRow div.errorContainer {
  width: 20%;
}
#bulkUserRefundContainer #refundHeaderRow div.smallWidth {
  width: 10%;
  min-width: 75px;
}
#bulkUserRefundContainer #refundHeaderRow div.smallWidth input[type="checkbox"] {
  margin-right: 5px;
}
#bulkUserRefundContainer #refundHeaderRow div.dateWidth {
  width: 15%;
}
#bulkUserRefundContainer #refundRowContainer {
  max-height: 500px;
  overflow-y: scroll;
}
#bulkUserRefundContainer #refundRowContainer div.detailsRow:nth-child(odd) {
  background: none repeat scroll 0 0 #EBECED;
}
#bulkUserRefundContainer #refundRowContainer div div {
  text-align: left;
  padding: 10px 15px;
  float: left;
}
#bulkUserRefundContainer #refundRowContainer div div input[type="text"] {
  margin-bottom: 0;
  width: 95px;
}
#bulkUserRefundContainer #refundRowContainer div div.user {
  width: 25%;
  line-height: 40px;
}
#bulkUserRefundContainer #refundRowContainer div div.errorContainer {
  width: 20%;
  color: #F70413;
  margin-top: 10px;
}
#bulkUserRefundContainer #refundRowContainer div div.smallWidth {
  width: 10%;
  line-height: 40px;
  min-width: 75px;
}
#bulkUserRefundContainer #refundRowContainer div div.dateWidth {
  width: 15%;
}
#refundChoiceContainer #refundChoiceContent {
  margin: 15px;
}
#refundChoiceContainer #summaryContainer {
  margin: 15px;
}
#refundChoiceContainer #nonRefundableDeposits p {
  margin: 15px;
}
#refundChoiceContainer #nonRefundableDeposits input[type="radio"] {
  margin-left: 15px;
  margin-right: 4px;
  margin-bottom: 15px;
}
#refundChoiceContainer #returnStockContainer p {
  margin: 15px;
}
#refundChoiceContainer #returnStockContainer input[type="radio"] {
  margin-left: 15px;
  margin-right: 4px;
  margin-bottom: 15px;
}
#manualOrderCart {
  min-height: 160px;
}
.cartHolder {
  float: left;
  width: 67%;
}
.cartSummary {
  width: 30%;
  float: right;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #ccc;
  height: 100%;
  margin-top: 10px;
}
.cartSummary .title {
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
}
.cartList,
.shopList {
  list-style: none;
  padding-left: 10px;
}
.noItemsInCart {
  padding: 80px;
  text-align: center;
}
.cartItem,
.shopItem,
.productItem {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  min-height: 100px;
  overflow-y: hidden;
}
.cartItem .image,
.shopItem .image,
.productItem .image {
  float: left;
  width: 70px;
  height: 70px;
  border: 1px solid #ccc;
}
.cartItem .image span,
.shopItem .image span,
.productItem .image span {
  font-size: 35px;
  display: block;
  margin-left: -25%;
  width: 35px;
  height: 35px;
  top: 50%;
  margin-top: -25%;
  left: 50%;
}
.cartItem .image .icon,
.shopItem .image .icon,
.productItem .image .icon {
  max-width: 55px;
  margin: 5px;
}
.cartItem .detail,
.shopItem .detail,
.productItem .detail {
  margin-left: 80px;
}
.cartItem .detail .inCart,
.shopItem .detail .inCart,
.productItem .detail .inCart {
  margin-top: 5px;
  text-align: right;
}
.cartItem .detail .right,
.shopItem .detail .right,
.productItem .detail .right {
  float: right;
}
.cartItem .detail .title,
.shopItem .detail .title,
.productItem .detail .title {
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cartItem .detail .option,
.shopItem .detail .option,
.productItem .detail .option {
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cartItem .detail .price,
.shopItem .detail .price,
.productItem .detail .price {
  margin-top: 5px;
  font-size: 12px;
  font-weight: normal;
  color: #999;
}
.cartItem .detail .sku,
.shopItem .detail .sku,
.productItem .detail .sku {
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  color: #999;
  margin-top: 5px;
}
.cartItem .detail .quantity,
.shopItem .detail .quantity,
.productItem .detail .quantity {
  margin-top: 10px;
  font-size: 12px;
  font-weight: normal;
  color: #666;
}
.cartItem .detail .quantity .adjustQuantity,
.shopItem .detail .quantity .adjustQuantity,
.productItem .detail .quantity .adjustQuantity {
  margin-top: 10px;
}
.cartItem .detail .quantity .adjustQuantity select,
.shopItem .detail .quantity .adjustQuantity select,
.productItem .detail .quantity .adjustQuantity select {
  margin-bottom: 0;
  margin-left: 10px;
  width: 85px;
  /* CHANGED THIS TO 85PX TO SATISFT PAY1-550 - ROB */
}
.cartItem .itemActions .total,
.shopItem .itemActions .total,
.productItem .itemActions .total {
  text-align: right;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  clear: both;
}
.cartItem .itemActions .removeAction,
.shopItem .itemActions .removeAction,
.productItem .itemActions .removeAction {
  float: right;
}
.discountItem .detail {
  margin-bottom: 5px;
}
.discountItem .detail .title {
  font-size: 14px;
  float: left;
  line-height: 18px;
}
.discountItem .detail .price {
  font-size: 14px;
  float: right;
}
.productItem {
  max-height: inherit;
}
#manualOrderSelectUser {
  padding: 15px;
}
#manualOrderSelectUser .title {
  font-weight: bold;
  font-size: 16px;
}
#manualOrderSelectUser .heading {
  margin-bottom: 10px;
}
#consentManagerContainer .content {
  overflow-x: auto;
}
#consentManagerContainer .content table {
  width: 100%;
  padding: 15px;
}
#consentManagerContainer .content table thead tr {
  background-color: #E0F0FA;
}
#consentManagerContainer .content table thead tr th {
  padding: 0 15px;
  text-align: left;
}
#consentManagerContainer .content table thead tr th.pointer {
  cursor: pointer;
}
#consentManagerContainer .content table tbody tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #fbfbfb;
}
#consentManagerContainer .content table tbody tr td {
  padding: 0 15px;
  text-align: left;
}
#consentManagerContainer .content table tbody tr td.actions {
  text-align: right;
  cursor: pointer;
  min-width: 90px;
}
#consentManagerContainer .content table tbody tr td.actions .glyphicons {
  font-size: 25px;
}
#consentManagerContainer .content table tbody tr td.actions .glyphicons:before {
  margin: 0;
}
#consentManagerContainer .content table tbody tr td.actions .accept {
  margin-right: 10px;
}
#acceptConsentContainer .content {
  margin: 20px;
}
#acceptConsentContainer .content input,
#acceptConsentContainer .content select {
  margin-top: 10px;
}
#alertItemDetailsContainer {
  padding: 15px;
  background-color: #ffffff;
  max-width: 900px;
}
#alertItemDetailsContainer .mainHeading {
  background-color: #24303B;
  color: #EBECED;
  padding: 10px;
}
#alertItemDetailsContainer .mainHeading h3 {
  width: 85%;
  float: left;
}
#alertItemDetailsContainer .mainHeading .dropdownContainer {
  top: 5px;
}
#alertItemDetailsContainer .orderRow {
  min-height: 15px;
  margin: 10px 0;
  border: none;
}
#alertItemDetailsContainer .orderRow .date,
#alertItemDetailsContainer .orderRow .price {
  width: 33%;
  float: left;
}
#alertItemDetailsContainer .orderRow .orderId {
  width: 33%;
  float: left;
}
#alertItemDetailsContainer .orderRow .refund {
  width: 33%;
  float: left;
}
#alertItemDetailsContainer .orderRow .refund button {
  margin-right: 15px;
  top: 10px;
  float: right;
  position: relative;
}
#alertItemDetailsContainer .orderRow .productsContainer {
  background-color: #EBECED;
  margin: 15px 0;
}
#alertItemDetailsContainer .orderRow .productsContainer ul {
  list-style: none;
  padding: 0;
  height: 100%;
}
#alertItemDetailsContainer .orderRow .productsContainer ul li {
  padding: 10px;
  height: 100%;
  position: relative;
}
#alertItemDetailsContainer .orderRow .productsContainer ul li.error {
  color: #C8102E;
}
#alertItemDetailsContainer .orderRow .productsContainer ul li:last-child .productContainer {
  border-bottom: none;
}
#alertItemDetailsContainer .orderRow .productsContainer ul li .productContainer {
  border-bottom: solid 1px #cccccc;
}
#alertItemDetailsContainer .orderRow .productsContainer ul li .productContainer .logo {
  float: left;
  background-color: #FFFFFF;
  border: solid 1px #24303B;
  padding: 20px;
  color: #24303B;
}
#alertItemDetailsContainer .orderRow .productsContainer ul li .productContainer .details {
  float: left;
  margin-left: 20px;
}
#alertItemDetailsContainer .orderRow .productsContainer ul li .productContainer .details h3 {
  margin-bottom: 5px;
  margin-top: 0px;
}
#alertItemDetailsContainer .orderRow .productsContainer ul li .productContainer .details p {
  margin-bottom: 5px;
}
#acceptItemsContainer .content table {
  width: 100%;
  padding: 15px;
  border-top: 1px solid #EBECED;
}
#acceptItemsContainer .content table thead tr {
  background-color: #24303B;
  color: #EBECED;
}
#acceptItemsContainer .content table thead tr th {
  padding: 0 15px;
  text-align: left;
}
#acceptItemsContainer .content table thead tr th.actions {
  text-align: right;
}
#acceptItemsContainer .content table tbody tr:nth-child(2n) {
  background: none repeat scroll 0 0 #EBECED;
}
#acceptItemsContainer .content table tbody tr.error {
  background-color: #f7dbe0;
}
#acceptItemsContainer .content table tbody tr td {
  padding: 0 15px;
  text-align: left;
}
#acceptItemsContainer .content table tbody tr td.quantity input[type="text"] {
  width: 80px;
}
#acceptItemsContainer .content table tbody tr td.refundAmount input[type="text"] {
  width: 80px;
}
#outstandingPaymentsContainer {
  overflow-x: auto;
  max-height: 600px;
}
#outstandingPaymentsContainer table {
  width: 100%;
  min-width: 1000px;
  padding: 15px;
}
#outstandingPaymentsContainer table thead {
  width: 100%;
}
#outstandingPaymentsContainer table thead tr {
  background-color: #24303B;
  color: #EBECED;
}
#outstandingPaymentsContainer table thead tr th {
  padding: 10px 15px;
  text-align: left;
  vertical-align: middle;
  width: 14%;
}
#outstandingPaymentsContainer table thead tr th.productForName {
  width: 18%;
}
#outstandingPaymentsContainer table thead tr th .dropdown {
  border-collapse: collapse;
  box-sizing: border-box;
  color: #333333;
  display: block;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}
#outstandingPaymentsContainer table thead tr th .dropdown .btn-default .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
#outstandingPaymentsContainer table thead tr th .dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
#outstandingPaymentsContainer table thead tr th .dropdown .dropdown-menu li.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
#outstandingPaymentsContainer table thead tr th .dropdown .dropdown-menu li.divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #EBECED;
}
#outstandingPaymentsContainer table thead tr th .dropdown .dropdown-menu li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
#outstandingPaymentsContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  display: table-cell;
}
#outstandingPaymentsContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn .gridFilterClearSearch {
  margin-top: -10px;
  padding: 2px 4px;
}
#outstandingPaymentsContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn .gridFilterClearSearch .glyphicons {
  margin-right: 0;
  margin-top: -1px;
  vertical-align: top;
}
#outstandingPaymentsContainer table thead tr th .dropdown.open .dropdown-menu {
  display: block;
}
#outstandingPaymentsContainer table tbody {
  overflow: auto;
  width: 100%;
  min-height: 200px;
  max-height: 600px;
}
#outstandingPaymentsContainer table tbody tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #EBECED;
}
#outstandingPaymentsContainer table tbody tr td {
  padding: 10px 15px;
  text-align: left;
  width: 14%;
}
#outstandingPaymentsContainer table tbody tr td.productName {
  color: #428bca;
  cursor: pointer;
  line-height: 1.3;
  max-width: 500px;
  word-break: break-word;
}
#outstandingPaymentsContainer table tbody tr td.amountDue {
  color: #ff999f;
}
#outstandingPaymentsContainer table tbody tr td.productForName {
  width: 18%;
}
#outstandingContainer {
  margin: 0 10px;
}
#outstandingPaymentsListContainer {
  overflow-x: auto;
}
#outstandingPaymentsListContainer table {
  width: 100%;
  padding: 15px;
}
#outstandingPaymentsListContainer table thead {
  display: table;
  width: 100%;
}
#outstandingPaymentsListContainer table thead tr {
  background-color: #24303B;
  color: #EBECED;
}
#outstandingPaymentsListContainer table thead tr th {
  padding: 10px 15px;
  text-align: left;
  width: 14%;
}
#outstandingPaymentsListContainer table tbody {
  max-height: 400px;
  overflow-y: scroll;
  display: block;
  width: 100%;
}
#outstandingPaymentsListContainer table tbody tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #EBECED;
}
#outstandingPaymentsListContainer table tbody tr td {
  padding: 10px 15px;
  text-align: left;
  width: 14%;
}
#outstandingPaymentsNavigationContainer {
  background-color: #24303B;
  color: #EBECED;
  border: 1px solid #24303B;
  padding: 10px 10px 5px 10px;
}
#outstandingPaymentsNavigationContainer .left {
  float: left;
}
#outstandingPaymentsNavigationContainer .resultText {
  float: left;
  margin: 5px 20px;
}
#manualOrderShopItems .shopListContainer {
  max-height: 400px !important;
  overflow: auto;
}
#manualOrderShopItems .searchBox {
  padding: 10px;
  display: block;
  font-weight: bold;
}
#manualOrderShopItems .searchBox input {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: normal;
}
#manualOrderShopItems .searchResults {
  padding-left: 10px;
  padding-right: 10px;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  margin-top: 10px;
}
#manualOrderShopItems .searchResults .right {
  float: right;
}
#manualOrderShopItems .shopList {
  margin: 0;
  padding: 0;
}
#manualOrderShopItems .shopItem {
  width: 50%;
  float: left;
  padding: 10px;
  margin-top: 0;
  border-right: 1px solid #ccc;
  margin-bottom: 0;
  min-height: 100px;
}
#manualOrderShopItems .shopItem .detail .right .itemActions .addAction {
  background: #24303B;
  color: #FFFFFF;
  cursor: pointer;
}
#manualOrderShopItems .shopItem .detail .right .itemActions .addAction span {
  margin: 0px;
}
#manualOrderShopItems .shopItem .detail .right .itemActions .addWaitingList {
  background: #24303B;
  color: #EBECED;
  cursor: pointer;
}
#manualOrderShopItems .shopItem .detail .right .itemActions .addSelections {
  background: #24303B;
  color: #EBECED;
  cursor: pointer;
}
#manualOrderShopItems .shopItem .detail .right .itemActions .addSelections span {
  padding: 1px;
}
#manualOrderSelectOptions {
  padding: 10px;
  margin: 0;
  border: none;
}
#manualOrderSelectOptions .title {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
}
#manualOrderSelectOptions .innerContent {
  margin-top: 20px;
}
#manualOrderSelectOptions .itemOptionsContainer .option {
  float: left;
  margin-right: 15px;
}
#manualOrderSelectOptions .itemInstalmentsContainer table,
#manualOrderSelectOptions .itemInstalmentsContainer th,
#manualOrderSelectOptions .itemInstalmentsContainer td {
  border: 1px solid #24303B;
}
#manualOrderSelectOptions .itemInstalmentsContainer table {
  width: 100%;
}
#manualOrderSelectOptions .itemInstalmentsContainer table th {
  text-align: left;
  padding: 10px;
  background-color: #24303B;
  color: #EBECED;
}
#manualOrderSelectOptions .itemInstalmentsContainer table td {
  text-align: left;
  padding: 10px;
}
#manualOrderSelectOptions .itemAmountToPay {
  float: right;
  margin-top: 20px;
}
#manualOrderSelectOptions .itemAmountToPay .label {
  line-height: 40px;
  margin-right: 10px;
}
#manualOrderSelectOptions .itemAmountToPay .inputArea {
  float: right;
}
#manualOrderSelectOptions .itemAmountToPay .inputArea .fdbComboList li {
  padding-left: 38px;
}
#manualOrderSelectOptions .minPayment {
  display: none;
  text-align: right;
  margin-top: 7px;
  font-size: 11px;
  color: #C8102E;
}
#manualOrderSelectOptions .paymentFlags {
  float: right;
  margin-top: 10px;
  text-transform: uppercase;
  font-size: 10px;
}
#viewOrdersDialog .headerBar input[type='text'] {
  margin-bottom: 0;
  width: 250px;
  margin-left: 25px;
  color: #000000;
}
#viewOrdersDialog .headerBar .price {
  margin-top: 10px;
}
#viewOrdersDialog #viewItemOrders {
  overflow-x: auto;
  margin-top: 1px;
}
#viewOrdersDialog #viewItemOrders table {
  width: 100%;
}
#viewOrdersDialog #viewItemOrders table thead tr {
  -webkit-user-select: none;
  user-select: none;
}
#viewOrdersDialog #viewItemOrders table thead tr.tableHeader {
  background-color: #24303B;
  color: #EBECED;
  cursor: pointer;
}
#viewOrdersDialog #viewItemOrders table thead tr th {
  padding: 10px 15px;
  text-align: left;
  vertical-align: middle;
  user-select: none;
  -webkit-user-select: none;
}
#viewOrdersDialog #viewItemOrders table thead tr th.selectUser {
  width: 30px;
  cursor: pointer;
}
#viewOrdersDialog #viewItemOrders table thead tr th.student {
  width: 25%;
  cursor: pointer;
}
#viewOrdersDialog #viewItemOrders table thead tr th.reg {
  min-width: 120px;
  cursor: pointer;
}
#viewOrdersDialog #viewItemOrders table thead tr th.paid {
  width: 120px;
  min-width: 80px;
  cursor: pointer;
}
#viewOrdersDialog #viewItemOrders table thead tr th.remaining {
  width: 140px;
  min-width: 120px;
  cursor: pointer;
}
#viewOrdersDialog #viewItemOrders table thead tr th.status {
  width: 120px;
  min-width: 105px;
  cursor: pointer;
}
#viewOrdersDialog #viewItemOrders table thead tr th.totalPaid {
  width: 280px;
}
#viewOrdersDialog #viewItemOrders table thead tr th .searchResults .itemCount {
  margin-top: 15px;
}
#viewOrdersDialog #viewItemOrders table tbody {
  min-height: 200px;
}
#viewOrdersDialog #viewItemOrders table tbody tr {
  min-height: 0px;
}
#viewOrdersDialog #viewItemOrders table tbody tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #EBECED;
}
#viewOrdersDialog #viewItemOrders table tbody tr td {
  padding: 10px 15px;
  text-align: left;
}
#viewOrdersDialog #viewItemOrders table tbody tr td.selectUser {
  width: 30px;
}
#viewOrdersDialog #viewItemOrders table tbody tr td.student {
  width: 25%;
  cursor: pointer;
  color: #428bca;
}
#viewOrdersDialog #viewItemOrders table tbody tr td.reg {
  min-width: 120px;
}
#viewOrdersDialog #viewItemOrders table tbody tr td.paid {
  width: 120px;
  min-width: 80px;
}
#viewOrdersDialog #viewItemOrders table tbody tr td.remaining {
  width: 140px;
  min-width: 120px;
}
#viewOrdersDialog #viewItemOrders table tbody tr td.status {
  width: 120px;
  min-width: 105px;
}
#viewOrdersDialog #viewItemOrders table tbody tr td.totalPaid {
  width: 280px;
}
#viewOrdersDialog #viewItemOrders table tbody tr td.totalPaid .chartContainer {
  width: 250px;
  height: 15px;
  position: relative;
  border: solid 1px #d0d0d0;
  background-color: #FFFFFF;
}
#viewOrdersDialog #viewItemOrders table tbody tr td.totalPaid .chartContainer .paid {
  /*width: 100%;*/
  height: 100%;
  float: left;
  position: relative;
}
#viewOrdersDialog #viewItemOrders table tbody tr td.totalPaid .chartContainer .paid.COMPLETE,
#viewOrdersDialog #viewItemOrders table tbody tr td.totalPaid .chartContainer .paid.REFUNDED {
  background-color: #688F24;
}
#viewOrdersDialog #viewItemOrders table tbody tr td.totalPaid .chartContainer .paid.PART_PAID {
  background-color: #B86B00;
}
#viewOrdersDialog #viewItemOrders table tbody tr td.totalPaid .chartContainer .paid.CANCELLED {
  background-color: #798087;
}
#viewOrdersDialog #viewItemOrders table tbody tr td.totalPaid .chartContainer .paid.OVERDUE {
  background-color: #C8102E;
}
#viewOrdersDialog #viewItemOrders table tbody tr td.totalPaid .chartContainer .expected {
  right: 0;
  height: 100%;
  float: right;
  /*width: 10%;*/
  background-color: #FFFFFF;
  position: absolute;
  z-index: 222;
  opacity: 0.5;
  border-left: solid 1px #000000;
}
#viewOrdersDialog #viewItemOrders table tbody tr.viewItemOrdersNavigationContainer {
  background-color: #24303B;
  color: #EBECED;
  border: 1px solid #24303B;
}
#viewOrdersDialog #viewItemOrders table tbody tr.viewItemOrdersNavigationContainer .searchResults {
  margin-top: 7px;
  margin-left: 15px;
}
#viewOrdersDialog #viewItemOrders table tbody tr.viewItemOrdersNavigationContainer .searchResults .left {
  float: left;
}
#viewOrdersDialog #viewItemOrders table tbody tr.viewItemOrdersNavigationContainer .searchResults .resultText {
  float: left;
  margin: 5px 20px;
}
#viewOrdersDialog .buttonBar .btn {
  margin-bottom: 10px !important;
}
#markOrderAsDialog {
  padding: 10px 15px;
}
#markOrderAsDialog #ordersList {
  border: 1px solid #cccccc;
  margin-bottom: 15px;
  height: 250px;
  overflow-y: scroll;
}
#markOrderAsDialog #ordersList table {
  width: 100%;
  padding: 15px;
}
#markOrderAsDialog #ordersList table thead tr {
  background-color: #24303B;
  color: #EBECED;
}
#markOrderAsDialog #ordersList table thead tr th {
  padding: 10px 15px;
  text-align: left;
}
#markOrderAsDialog #ordersList table tbody tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #EBECED;
}
#markOrderAsDialog #ordersList table tbody tr td {
  padding: 10px 15px;
  text-align: left;
}
#markOrderAsDialog #ordersList table tbody tr td.errorContainer {
  width: 300px;
  color: #C8102E;
}
#markOrderAsDialog #changedReason {
  max-width: 200px;
}
#chaseUsersDialog table {
  width: 100%;
  padding: 15px;
}
#chaseUsersDialog table thead tr {
  background-color: #E0F0FA;
}
#chaseUsersDialog table thead tr th {
  padding: 10px 15px;
  text-align: left;
}
#chaseUsersDialog table tbody tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #fbfbfb;
}
#chaseUsersDialog table tbody tr td {
  padding: 10px 15px;
  text-align: left;
}
#chaseUsersDialog table tbody tr td.contactDetails {
  width: 50%;
}
@media (min-width: 1000px) {
  #viewOrdersDialog .buttonBar .btn {
    margin-bottom: 0px !important;
  }
}
#manualOrderCheckout {
  padding: 10px;
}
#manualOrderCheckout table tbody tr td {
  padding: 2px;
  text-align: right;
}
#manualOrderCheckout table tbody tr td input {
  margin-bottom: 0;
}
#manualOrderCheckout select {
  margin-bottom: 0 !important;
}
#manualOrderCardPayment {
  height: 450px;
}
#manualOrderCardPayment .cardPaymentScreen {
  width: 100%;
  height: 100%;
}
#manualOrderPaymentFinished .content {
  padding: 10px;
  padding-left: 14px;
}
#manualOrderPaymentFinished .content span {
  color: #00c112;
  margin-right: 5px;
}
#batchPaymentChooseMethod .content {
  margin: 15px;
}
#batchPaymentChooseMethod .content #paymentMethod {
  width: 300px;
}
#bulkPaymentContainer #batchPaymentTable {
  overflow-x: auto;
  border-top: 1px solid #ffffff;
}
#bulkPaymentContainer #batchPaymentTable table {
  padding: 15px;
  width: 100%;
}
#bulkPaymentContainer #batchPaymentTable table thead tr {
  background-color: #24303B;
  color: #EBECED;
}
#bulkPaymentContainer #batchPaymentTable table thead tr th {
  padding: 10px 15px;
  text-align: left;
}
#bulkPaymentContainer #batchPaymentTable table thead tr th.actions {
  text-align: right;
}
#bulkPaymentContainer #batchPaymentTable table thead tr th.pointer {
  cursor: pointer;
}
#bulkPaymentContainer #batchPaymentTable table tbody tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #EBECED;
}
#bulkPaymentContainer #batchPaymentTable table tbody tr td {
  padding: 10px 15px;
  text-align: left;
}
#bulkPaymentContainer #batchPaymentTable table tbody tr td.smallWidth {
  width: 105px;
}
#bulkPaymentContainer #batchPaymentTable table tbody tr td.errorContainer {
  min-width: 200px;
  color: #C8102E;
}
#bulkPaymentContainer #batchPaymentTable table tbody tr td input[type="text"] {
  margin: 0;
}
#bulkPaymentContainer #batchPaymentTable table tbody tr td input[type="checkbox"] {
  margin-bottom: 5px;
}
#orderDetailsContainer {
  padding: 20px;
  background-color: #ffffff;
  max-width: 900px;
}
#orderDetailsContainer .mainHeading {
  background-color: #24303B;
  color: #EBECED;
  padding: 10px;
}
#orderDetailsContainer .mainHeading h3 {
  width: 85%;
  float: left;
}
#orderDetailsContainer .mainHeading .dropdownContainer {
  top: 5px;
}
#orderDetailsContainer .orderRow .viewOrder {
  /*color: #428bca;
			cursor: pointer;*/
}
#viewPaymentsContainer .content {
  overflow-x: auto;
}
#viewPaymentsContainer .content table {
  width: 100%;
  padding: 15px;
  border-top: 1px solid #ffffff;
}
#viewPaymentsContainer .content table thead tr {
  background-color: #24303B;
  color: #EBECED;
}
#viewPaymentsContainer .content table thead tr th {
  padding: 15px;
  text-align: left;
}
#viewPaymentsContainer .content table tbody tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #EBECED;
}
#viewPaymentsContainer .content table tbody tr td {
  padding: 15px;
  text-align: left;
}
#viewPaymentsContainer .content table tbody tr td .paid {
  color: #688F24;
}
#viewPaymentsContainer .content table tbody tr td .notPaid {
  color: #B86B00;
}
#editAccountSync.btn {
  margin: 7px;
}
.accountSyncing {
  padding: 15px;
}
.accountSyncing .heading {
  background-color: #24303B;
  color: #EBECED;
  padding: 1px 10px;
  margin-bottom: 10px;
}
.accountSyncing .switchContainer {
  margin-bottom: 20px;
}
.accountSyncing .switchContainer .switch {
  float: left;
  margin-right: 10px;
}
.accountSyncing .switchContainer .description {
  line-height: 22px;
}
#createBankAccountContainer .heading {
  background-color: #24303B;
  color: #EBECED;
  padding: 1px 10px;
  margin-bottom: 10px;
}
#createBankAccountContainer .heading h3 {
  float: left;
}
#createBankAccountContainer .halfWidthDetails {
  display: inline-block;
  width: 49%;
}
#createBankAccountContainer .pleaseNoteBox {
  border: 2px solid #24303B;
  background-color: #E0F0FA;
}
#createBankAccountContainer .pleaseNoteBox h3 {
  margin: 0 0 5px 0;
}
#createBankAccountContainer .pleaseNoteBox p {
  margin: 3px 0;
}
#createBankAccountContainer .redText {
  color: #C8102E;
}
#manageBankAccountContainer {
  padding: 20px;
  background-color: #ffffff;
}
#manageBankAccountContainer .dropdownContainer .actions {
  margin-top: 7px;
}
#manageBankAccountContainer #editBankAccount {
  margin-top: 7px;
}
#manageBankAccountContainer #referenceContainer p {
  color: #969696;
  font-style: italic !important;
}
#manageBankAccountContainer #requestApproved {
  padding: 10px;
  background-color: #24303B;
  border: 3px solid #0B61BD;
}
#manageBankAccountContainer #requestApproved h2 {
  font-size: 14px;
  margin: 0 0 5px 0;
}
#manageBankAccountContainer #requestApproved p {
  margin: 3px 0;
  color: #fff;
}
#manageBankAccountContainer .requestPending {
  padding: 10px;
  background-color: #f2a258;
  border: 3px solid #A8703F;
}
#manageBankAccountContainer .requestPending h2 {
  font-size: 14px;
  margin: 0 0 5px 0;
}
#manageBankAccountContainer .requestPending p {
  margin: 3px 0;
}
#manageBankAccountContainer #requestRejected {
  padding: 10px;
  background-color: #d9534f;
  border: 3px solid #AC2717;
}
#manageBankAccountContainer #requestRejected h2 {
  font-size: 14px;
  margin: 0 0 5px 0;
}
#manageBankAccountContainer #requestRejected p {
  color: #fff;
  margin: 3px 0;
}
#manageBankAccountContainer .halfWidthDetails {
  display: inline-block;
  width: 49%;
}
#manageBankAccountContainer .halfWidthDetails #activeItemsCount {
  cursor: pointer;
}
#manageBankAccountContainer .heading {
  background-color: #24303B;
  color: #EBECED;
  padding: 0 0 0 10px;
  min-height: 50px;
}
#manageBankAccountContainer .heading h2 {
  margin: 15px 0 8px 0;
}
#manageBankAccountContainer .heading .headingText {
  margin-top: 5px;
  vertical-align: super;
}
#overallTransactionContainer {
  padding: 0 20px 20px 20px;
  background-color: #ffffff;
}
#overallTransactionContainer #filterHeadingsContainer {
  background-color: #24303B;
  color: #EBECED;
  border: 1px solid #24303B;
  padding: 0 10px 10px 10px;
  margin-bottom: 20px;
  overflow: auto;
}
#overallTransactionContainer #filterHeadingsContainer .headingContainer {
  float: left;
  margin-top: 5px;
  margin-right: 10px;
  text-align: center;
}
#overallTransactionContainer #filterHeadingsContainer .headingContainer .bold {
  font-weight: bold;
}
#overallTransactionContainer #filterHeadingsContainer .headingContainer p {
  margin-bottom: 0;
}
#overallTransactionContainer #filterHeadingsContainer .headingContainer .btn {
  margin-top: 25px;
  margin-bottom: 10px;
}
#overallTransactionContainer #filterHeadingsContainer .headingContainer input,
#overallTransactionContainer #filterHeadingsContainer .headingContainer select {
  margin-bottom: 0;
  color: #24303B;
}
#overallTransactionContainer #transactionsContainer {
  overflow: scroll;
}
#overallTransactionContainer #transactionsContainer table {
  border: 1px solid #24303B;
  width: 100%;
  padding: 15px;
}
#overallTransactionContainer #transactionsContainer table thead {
  width: 100%;
}
#overallTransactionContainer #transactionsContainer table thead tr {
  background-color: #24303B;
  color: #EBECED;
}
#overallTransactionContainer #transactionsContainer table thead tr th {
  padding: 10px 15px;
  text-align: left;
  vertical-align: middle;
}
#overallTransactionContainer #transactionsContainer table tbody {
  width: 100%;
}
#overallTransactionContainer #transactionsContainer table tbody tr {
  border: 1px solid #24303B;
}
#overallTransactionContainer #transactionsContainer table tbody tr.PENDING {
  background-color: #FBE8CC;
}
#overallTransactionContainer #transactionsContainer table tbody tr.FAILED {
  background-color: #f7dbe0;
}
#overallTransactionContainer #transactionsContainer table tbody tr td {
  padding: 10px 15px;
  text-align: left;
}
#overallTransactionContainer #pageFooterContainer {
  background-color: #24303B;
  color: #EBECED;
  border: 1px solid #24303B;
  padding: 10px;
  margin-top: 20px;
  overflow: auto;
}
#overallTransactionContainer #pageFooterContainer .searchResults .itemCount {
  margin: 10px;
}
#overallTransactionContainer #pageFooterContainer .searchResults #keyContainer .key {
  float: right;
}
#overallTransactionContainer #pageFooterContainer .searchResults #keyContainer .key .colorBox {
  height: 35px;
  width: 45px;
  float: left;
}
#overallTransactionContainer #pageFooterContainer .searchResults #keyContainer .key .colorBox.PENDING {
  background-color: #FBE8CC;
}
#overallTransactionContainer #pageFooterContainer .searchResults #keyContainer .key .colorBox.FAILED {
  background-color: #f7dbe0;
}
@media (max-width: 800px) {
  #overallTransactionContainer #pageFooterContainer .searchResults #keyContainer {
    margin-top: 15px;
  }
}
@media (max-width: 500px) {
  #overallTransactionContainer #pageFooterContainer .searchResults #keyContainer {
    margin-top: 15px;
  }
  #overallTransactionContainer #pageFooterContainer .searchResults #keyContainer .key {
    float: left;
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1300px) {
  #overallTransactionContainer #pageFooterContainer .searchResults #keyContainer {
    margin-top: 15px;
  }
}
#paymentsManageBankAccountsList .searchResults {
  display: none;
}
#activeItemsContainer #activeItemsNavigationContainer {
  margin: 10px;
}
#activeItemsContainer #activeItemsNavigationContainer .paginationButtons {
  float: left;
  margin-right: 5px;
}
#activeItemsContainer #activeItemsNavigationContainer .resultText {
  float: left;
  margin-top: 10px;
}
#activeItemsContainer table {
  width: 100%;
}
#activeItemsContainer table thead {
  width: 100%;
}
#activeItemsContainer table thead tr {
  background-color: #24303B;
  color: #EBECED;
}
#activeItemsContainer table thead tr th {
  padding: 10px 15px;
  text-align: left;
  vertical-align: middle;
}
#activeItemsContainer table tbody {
  width: 100%;
}
#activeItemsContainer table tbody tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #EBECED;
}
#activeItemsContainer table tbody tr td {
  padding: 10px 15px;
  text-align: left;
}
.psfSyncLogoContainer {
  height: 30px;
  width: 30px;
  background: url(/images/psf/psfLogo.png) no-repeat left top;
  background-size: cover;
  display: inline-block !important;
}
.psfSyncSmallLogoContainer {
  height: 20px;
  width: 20px;
  background: url(/images/psf/psfLogo.png) no-repeat left top;
  background-size: cover;
  display: inline-block !important;
}
.psfSyncTinyLogoContainer {
  height: 14px;
  width: 14px;
  background: url(/images/psf/psfLogo.png) no-repeat left top;
  background-size: cover;
  display: inline-block !important;
}
.contactBookDialog {
  position: relative;
}
.contactBookDialog .content {
  height: 400px !important;
  max-height: 400px !important;
}
.contactBookDialog .content .left {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 250px;
  border-right: 1px solid #ccc;
}
.contactBookDialog .content .left .rootMenu {
  list-style: none;
  padding: 10px;
  margin: 0;
}
.contactBookDialog .content .left .rootMenu li {
  padding: 5px;
  margin: 0px;
}
.contactBookDialog .content .left .rootMenu li .glyphicons-address-book {
  color: #0089A4;
}
.contactBookDialog .content .left .rootMenu li .glyphicons-user {
  color: #B86B00;
}
.contactBookDialog .content .left .rootMenu li .glyphicons-group {
  color: #688F24;
}
.contactBookDialog .content .horizontalScroll {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: scroll;
  overflow-y: hidden;
}
.contactBookDialog .content .horizontalScroll.right {
  left: 250px;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer {
  /*width: 10000px;*/
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column {
  display: inline-block;
  height: 385px;
  min-width: 200px;
  border-right: 1px solid #ccc;
  padding: 0;
  margin: 0;
  /*float: left;*/
  overflow-y: auto;
  vertical-align: top;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column.list .item {
  padding: 5px;
  margin: 0px;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  padding-right: 30px;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column.list .item hr {
  margin: 0;
  padding: 0;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column.list .item.parent:after {
  content: "";
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #999999;
  position: absolute;
  right: 10px;
  top: 7px;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column.list .item.focus {
  background-color: #dcdcdc;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column.list .item.focus:focus {
  color: #fff;
  background-color: #0969d9;
  outline: 0;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column.list .item.focus:focus.parent:after {
  border-left: 5px solid #ffffff;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column.list .item.focus:focus .glyphicons {
  color: #ffffff !important;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column.list .item:hover {
  background-color: #d3e5ff;
  color: #000000;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column.list .item .glyphicons {
  padding-left: 5px;
  padding-right: 4px;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column.list .item .glyphicons-folder-closed {
  color: #0089A4;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column.list .item .glyphicons-user {
  color: #798087;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column.list .item .tx {
  margin-right: 20px;
  white-space: nowrap;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column.list .item .badge {
  border-radius: 5px;
  background-color: #0B61BD;
  color: #EBECED;
  padding-left: 5px;
  padding-right: 5px;
  text-align: right;
  display: inline-block;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: -2px;
  position: absolute;
  right: 25px;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column.list .item .checkCover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 24px;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column.detail {
  overflow-x: visible;
  overflow-y: auto;
  min-width: 310px;
  padding: 10px;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column.detail .userDetail .img {
  width: 60px;
  height: 60px;
  float: left;
  margin-left: 40px;
  font-size: 60px;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column.detail .userDetail .text {
  margin-left: 110px;
  padding-right: 40px;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column.detail .userDetail .text .name {
  font-size: 24px;
  color: #272727;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column.detail .userDetail .text .types {
  margin-top: 4px;
  font-weight: lighter;
  color: #808080;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column.detail .mainDetails {
  margin-top: 10px;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column.detail .detailSep {
  margin-top: 10px;
  border-top: 1px solid #ccc;
  padding-top: 10px;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column.detail .item {
  margin-bottom: 5px;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column.detail .item .label {
  text-align: right;
  float: left;
  width: 100px;
  font-weight: lighter;
  color: #808080;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column.detail .item .value {
  color: #272727;
  margin-left: 110px;
  font-weight: normal;
  padding-right: 40px;
}
.contactBookDialog .content .horizontalScroll .horizontalContainer .column .title {
  padding: 5px;
  background-color: #ededed;
  border-bottom: 1px solid #ccc;
}
.contactBookDialogContainer .footerBar .progress {
  width: 204px;
  height: 24px;
  border: 1px solid #fff;
  padding: 1px;
  position: relative;
  background-color: #666;
}
.contactBookDialogContainer .footerBar .progress .val {
  background-color: #0B61BD;
  width: 0%;
  height: 20px;
}
.contactBookDialogContainer .footerBar .progress .valText {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  padding: 4px;
  color: #fff;
}
.contactBookSearchResults {
  position: absolute;
  top: 40px;
  width: 310px;
  right: 10px;
  background-color: #ffffff;
  z-index: 10;
  border: 1px solid #ccc;
}
.contactBookSearchResults .title {
  padding: 2px;
  background-color: #eee;
  font-size: 10px;
}
.contactBookSearchResults .result {
  padding: 5px;
  margin: 0;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
.contactBookSearchResults .result label {
  width: 274px;
  display: inline-block;
  cursor: default;
}
.contactBookSearchResults .result .glyphicons {
  margin-left: 5px;
  margin-right: 2px;
  margin-top: -1px;
}
.contactBookSearchResults .result .glyphicons.glyphicons-folder-closed {
  color: #0089A4;
}
.contactBookSearchResults .result .glyphicons.glyphicons-user {
  color: #798087;
}
.contactBookSearchResults .result .glyphicons.glyphicons-circle-info {
  cursor: pointer;
}
.contactBookSearchResults .result:hover {
  background-color: #EBECED;
}
.manualDialog .container .headerBar {
  padding: 0;
}
.manualDialog .container .headerBar h3 {
  padding: 15px;
}
.manualDialog .container .headerBar .dialogSearch {
  padding: 9px;
}
.manualDialog .container .headerBar .dialogSearch select {
  color: #000;
  width: 300px;
  line-height: 15px;
  padding: 0;
  padding-left: 5px;
  font-size: 14px;
  height: 28px;
  margin-bottom: 0;
}
.manualDialog .container .headerBar .dialogSearch input[type="search"] {
  color: #000;
  width: 300px;
  line-height: 22px;
  padding-left: 5px;
  font-size: 14px;
}
#linkUnmatchedReset,
#linkUnmatchedAuto {
  margin: 20px 20px 20px 0;
}
#loadingUnmatchedUsersContainer {
  position: absolute;
  top: 100px;
  width: 20%;
  left: 40%;
  background-color: #fff;
  padding: 20px;
  border: 1px solid #ddd;
  z-index: 99999999999;
}
#loadingUnmatchedUsersContainer #loadingUnmatchedUsersImage {
  display: block;
  margin: auto;
}
#loadingUnmatchedUsersContainer #loadingUnmatchedUsersText {
  text-align: center;
}
.matchUsers .greyedOut .firstColumn,
.matchUsers .greyedOut .secondColumn,
.matchUsers .greyedOut .emailColumn,
.matchUsers .greyedOut .dobColumn,
.matchUsers .greyedOut .thirdColumn,
.matchUsers .greyedOut .fourthColumn,
.matchUsers .greyedOut .fifthColumn,
.matchUsers .greyedOut .sixthColumn {
  color: #bababa;
}
.matchUsers .matchingBoxHeading {
  background-color: #E0F0FA;
  padding: 20px 20px 17px 20px;
  max-width: 1050px;
}
.matchUsers .matchingBoxBody {
  padding: 20px 20px 5px 20px;
  border: 3px solid #E0F0FA;
  max-height: 610px;
  max-width: 1050px;
  overflow-y: auto;
}
.matchUsers .firstColumn,
.matchUsers .secondColumn,
.matchUsers .emailColumn,
.matchUsers .dobColumn,
.matchUsers .thirdColumn,
.matchUsers .fourthColumn,
.matchUsers .fifthColumn,
.matchUsers .sixthColumn {
  position: relative;
  display: inline-block;
}
.matchUsers .sevenColumns .firstColumn {
  width: 13%;
}
.matchUsers .sevenColumns .secondColumn {
  width: 8%;
}
.matchUsers .sevenColumns .emailColumn {
  width: 23%;
}
.matchUsers .sevenColumns .dobColumn {
  width: 7%;
}
.matchUsers .sevenColumns .thirdColumn {
  width: 10%;
  text-align: center;
}
.matchUsers .sevenColumns .fourthColumn {
  width: 25%;
}
.matchUsers .sevenColumns .fifthColumn {
  width: 10%;
  text-align: center;
}
.matchUsers .sevenColumns .fifthColumn .checkboxCover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.matchUsers .eightColumns .firstColumn {
  width: 14%;
}
.matchUsers .eightColumns .secondColumn {
  width: 8%;
}
.matchUsers .eightColumns .emailColumn {
  width: 21%;
}
.matchUsers .eightColumns .dobColumn {
  width: 7%;
}
.matchUsers .eightColumns .thirdColumn {
  width: 10%;
  text-align: center;
}
.matchUsers .eightColumns .fourthColumn {
  width: 15%;
}
.matchUsers .eightColumns .fifthColumn {
  width: 9%;
  text-align: center;
}
.matchUsers .eightColumns .fifthColumn .checkboxCover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.matchUsers .eightColumns .sixthColumn {
  width: 8%;
  text-align: center;
}
#accountLinkingContainer {
  margin: 30px;
  padding: 20px;
  background-color: #ffffff;
}
#accountLinkingContainer #accountLinkingHeader .greenBackground {
  background-color: #24303B;
  color: #EBECED;
  padding: 15px;
}
#accountLinkingContainer #accountLinkingHeader .greenBackground #toggleShowHiddenAccountsLabel {
  display: inline-block;
  padding: 10px 0;
}
#accountLinkingContainer #accountLinkingHeader .greenBackground #columnTitles .cashlessId {
  display: inline-block;
  width: 10%;
  margin-bottom: 0;
  text-align: center;
}
#accountLinkingContainer #accountLinkingHeader .greenBackground #columnTitles .providerId {
  display: inline-block;
  width: 15%;
  margin-bottom: 0;
  text-align: center;
}
#accountLinkingContainer #accountLinkingHeader .greenBackground #columnTitles .cashlessName {
  display: inline-block;
  width: 12%;
  margin-bottom: 0;
  text-align: center;
}
#accountLinkingContainer #accountLinkingHeader .greenBackground #columnTitles .userType {
  display: inline-block;
  width: 10%;
  margin-bottom: 0;
  text-align: center;
}
#accountLinkingContainer #accountLinkingHeader .greenBackground #columnTitles .regGroup {
  display: inline-block;
  width: 12%;
  margin-bottom: 0;
  text-align: center;
}
#accountLinkingContainer #accountLinkingHeader .greenBackground #columnTitles .dateOfBirth {
  display: inline-block;
  width: 10%;
  margin-bottom: 0;
  text-align: center;
}
#accountLinkingContainer #accountLinkingHeader .greenBackground #columnTitles .linkedTo {
  display: inline-block;
  width: 15%;
  margin-bottom: 0;
  text-align: center;
}
#accountLinkingContainer #accountLinkingHeader .name {
  float: left;
  width: 35%;
}
#accountLinkingContainer #accountLinkingHeader .name #nameFilter {
  margin-bottom: 0;
}
#accountLinkingContainer #accountLinkingHeader .action {
  float: right;
  margin-right: 15px;
}
#accountLinkingContainer #accountLinkingBody {
  position: relative;
  width: 100%;
  min-height: 350px;
  border: 1px solid #24303B;
}
#accountLinkingContainer #accountLinkingBody .accountLinkingRow {
  margin-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #24303B;
}
#accountLinkingContainer #accountLinkingBody .accountLinkingRow:last-child {
  border-bottom: none !important;
}
#accountLinkingContainer #accountLinkingBody .accountLinkingRow .cashlessId {
  display: inline-block;
  width: 10%;
  text-align: center;
}
#accountLinkingContainer #accountLinkingBody .accountLinkingRow .providerId {
  display: inline-block;
  width: 15%;
  text-align: center;
}
#accountLinkingContainer #accountLinkingBody .accountLinkingRow .cashlessName {
  display: inline-block;
  width: 12%;
  text-align: center;
}
#accountLinkingContainer #accountLinkingBody .accountLinkingRow .userType {
  display: inline-block;
  width: 10%;
  text-align: center;
}
#accountLinkingContainer #accountLinkingBody .accountLinkingRow .regGroup {
  display: inline-block;
  width: 12%;
  text-align: center;
}
#accountLinkingContainer #accountLinkingBody .accountLinkingRow .dateOfBirth {
  display: inline-block;
  width: 10%;
  text-align: center;
}
#accountLinkingContainer #accountLinkingBody .accountLinkingRow .linkedTo {
  display: inline-block;
  margin-top: 2px;
  width: 15%;
  text-align: center;
}
#accountLinkingContainer #accountLinkingBody .accountLinkingRow .linkedTo input[type="search"] {
  padding: 3px 5px;
  line-height: normal;
  width: 100%;
}
#accountLinkingContainer #accountLinkingBody .accountLinkingRow .linkedTo .accountLinkingSearchResults {
  z-index: 10;
  position: absolute;
  background-color: white;
  width: 20%;
  border: 1px solid #EBECED;
}
#accountLinkingContainer #accountLinkingBody .accountLinkingRow .linkedTo .accountLinkingSearchResults .title {
  padding: 10px;
  background-color: #24303B;
  color: #EBECED;
}
#accountLinkingContainer #accountLinkingBody .accountLinkingRow .linkedTo .accountLinkingSearchResults .result {
  padding: 5px;
}
#accountLinkingContainer #accountLinkingBody .accountLinkingRow .action {
  float: right;
  margin: auto 0;
  margin-right: 15px;
}
#accountLinkingContainer #accountLinkingFooter .greenBackground {
  background-color: #24303B;
  padding: 15px;
}
#reconciliationContainer {
  margin: 30px;
  padding: 15px;
  background-color: #ffffff;
}
#reconciliationContainer #reconciliationTableContainer {
  overflow: scroll;
  min-height: 360px;
}
#reconciliationContainer table {
  border: 1px solid #24303B;
  width: 100%;
  padding: 15px;
}
#reconciliationContainer table thead {
  width: 100%;
}
#reconciliationContainer table thead tr {
  background-color: #24303B;
  color: #EBECED;
}
#reconciliationContainer table thead tr th {
  padding: 10px 15px;
  text-align: left;
  vertical-align: middle;
}
#reconciliationContainer table thead tr th #selectAllPagesContainer #selectAllPagesBackground {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#reconciliationContainer table thead tr th #selectAllPagesContainer #selectAllPagesMessage {
  position: absolute;
  margin-top: -43px;
  margin-left: 20px;
  padding: 7px 12px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  z-index: 100000000;
}
#reconciliationContainer table thead tr th #selectAllPagesContainer #selectAllPagesMessage.deselected {
  width: 380px;
  z-index: 2;
}
#reconciliationContainer table thead tr th #selectAllPagesContainer #selectAllPagesMessage.selected {
  width: 365px;
  z-index: 2;
}
#reconciliationContainer table thead tr th #selectAllPagesContainer #selectAllPagesMessage p {
  display: inline-block;
  margin-right: 12px;
}
#reconciliationContainer table thead tr th .dropdown {
  border-collapse: collapse;
  box-sizing: border-box;
  color: #333333;
  display: block;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}
#reconciliationContainer table thead tr th .dropdown .btn-default .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
#reconciliationContainer table thead tr th .dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
#reconciliationContainer table thead tr th .dropdown .dropdown-menu li.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
#reconciliationContainer table thead tr th .dropdown .dropdown-menu li.divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #EBECED;
}
#reconciliationContainer table thead tr th .dropdown .dropdown-menu li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
#reconciliationContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  display: table-cell;
}
#reconciliationContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn .gridFilterClearSearch {
  margin-top: -10px;
  padding: 2px 4px;
}
#reconciliationContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn .gridFilterClearSearch .glyphicons {
  margin-right: 0;
  margin-top: -1px;
  vertical-align: top;
}
#reconciliationContainer table thead tr th .dropdown.open .dropdown-menu {
  display: block;
}
#reconciliationContainer table tbody {
  width: 100%;
}
#reconciliationContainer table tbody tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #EBECED;
}
#reconciliationContainer table tbody tr td {
  padding: 10px 15px;
  text-align: left;
}
#reconciliationContainer table tbody tr td.usersBalance {
  color: #428bca;
  cursor: pointer;
}
#reconciliationContainer #filterHeadings {
  background-color: #24303B;
  color: #EBECED;
  border: 1px solid #EBECED;
  padding: 0 10px 10px 10px;
  margin-bottom: 20px;
  min-width: 554px;
  overflow: auto;
}
#reconciliationContainer #filterHeadings .headingGroupContainer {
  float: left;
  margin-right: 10px;
}
#reconciliationContainer #filterHeadings .headingGroupContainer:last-child {
  margin-right: 0;
}
#reconciliationContainer #filterHeadings .headingGroupContainer .headingContainer {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
  text-align: center;
}
#reconciliationContainer #filterHeadings .headingGroupContainer .headingContainer:last-child {
  margin-right: 0;
}
#reconciliationContainer #filterHeadings .headingGroupContainer .headingContainer .btn {
  padding: 9px 15px !important;
}
#reconciliationContainer #filterHeadings .headingGroupContainer .headingContainer h3 {
  margin-top: 0;
}
#reconciliationContainer #filterHeadings .headingGroupContainer .headingContainer input[type="checkbox"] {
  margin-top: 13px;
}
#reconciliationContainer #filterHeadings .headingGroupContainer .headingContainer select,
#reconciliationContainer #filterHeadings .headingGroupContainer .headingContainer input[type="text"],
#reconciliationContainer #filterHeadings .headingGroupContainer .headingContainer input[type="number"] {
  margin-bottom: 0;
  color: #24303B;
}
@media screen and (max-width: 1420px) {
  #reconciliationContainer #filterHeadings .filterOptions {
    position: relative;
    width: 100%;
    overflow: auto;
  }
  #reconciliationContainer #filterHeadings .filterOptions .headingGroupContainer.six {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #reconciliationContainer #filterHeadings .filterOptions .headingGroupContainer.six .headingContainer.filterItem {
    width: 24%;
    margin-right: 1%;
    margin-top: 10px;
    height: 68px;
  }
  #reconciliationContainer #filterHeadings .filterOptions .headingGroupContainer.six .headingContainer.actionButtons {
    float: right;
    width: 60%;
    margin-right: 0;
    margin-top: 10px;
    height: 68px;
  }
  #reconciliationContainer #filterHeadings .filterOptions .headingGroupContainer.six .headingContainer.actionButtons button.btn {
    width: 37%;
  }
  #reconciliationContainer #filterHeadings .filterOptions .headingGroupContainer.six .headingContainer.actionButtons #exportButton a {
    width: 21%;
  }
  #reconciliationContainer #filterHeadings .filterOptions .headingGroupContainer.six .headingContainer.filterButtons {
    width: 38%;
    margin-right: 2%;
    margin-top: 10px;
    height: 68px;
  }
  #reconciliationContainer #filterHeadings .filterOptions .headingGroupContainer.six .headingContainer.filterButtons button.btn {
    width: 49%;
  }
  #reconciliationContainer #filterHeadings .buttonContainer {
    margin-top: 10px !important;
  }
  #reconciliationContainer #filterHeadings .buttonContainer.action {
    float: left;
  }
}
@media screen and (max-width: 820px) {
  #reconciliationContainer #filterHeadings .filterOptions .headingGroupContainer.six .headingContainer.filterItem {
    width: 48%;
    margin-right: 2%;
    margin-top: 10px;
    height: 68px;
  }
  #reconciliationContainer #filterHeadings .buttonContainer {
    margin-top: 10px !important;
  }
  #reconciliationContainer #filterHeadings .buttonContainer.action {
    float: left;
  }
}
#reconciliationContainer #reconciliationNavigationContainer {
  background-color: #24303B;
  color: #EBECED;
  border: 1px solid #24303B;
  padding: 10px;
}
#reconciliationContainer #reconciliationNavigationContainer .searchResults .left {
  float: left;
}
#reconciliationContainer #reconciliationNavigationContainer .searchResults .resultText {
  float: left;
  margin: 10px 20px;
}
#userTransactionsContainer {
  overflow-x: scroll;
  min-height: 350px;
}
#userTransactionsContainer #balanceContainer {
  display: inline-block;
  float: right;
  margin: 15px;
}
#userTransactionsContainer #balanceContainer #currentBalance {
  background-color: #ddd;
  display: inline-block;
  padding: 13px 34px;
  border: 1px solid #bbb;
  margin-bottom: 15px;
  border-radius: 4px;
}
#userTransactionsContainer #balanceContainer #refundContainer #poundSign {
  display: inline-block;
  background-color: #ddd;
  padding: 14px 13px 13px 13px;
  margin-right: -3px;
  border-radius: 4px;
}
#userTransactionsContainer #balanceContainer #refundContainer #refundBalanceAmount {
  width: 66px;
  margin-bottom: 0;
  margin-right: -5px;
  outline: none;
}
#userTransactionsContainer #balanceContainer #refundContainer #refundBalance {
  margin-top: -11px;
  height: 41px;
}
#userTransactionsContainer #balanceContainer .btn {
  padding-top: 9px;
  padding-bottom: 9px;
}
#userTransactionsContainer #automaticTopUpContainer {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  margin-bottom: 15px;
  align-items: baseline;
}
#userTransactionsContainer #automaticTopUpContainer #automaticTopUpStatus {
  margin-right: 10px;
}
#userTransactionsContainer #automaticTopUpContainer #automaticTopUpStatus h3 {
  font-weight: bold;
  margin-bottom: 5px;
}
#userTransactionsContainer #automaticTopUpContainer #automaticTopUpStatus #statusShow {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #505962;
}
#userTransactionsContainer #automaticTopUpContainer #automaticTopUpButton {
  margin-top: 10px;
}
#userTransactionsContainer #automaticTopUpContainer #automaticTopUpButton #stopAutomaticTopUp {
  height: 40px;
}
#userTransactionsContainer #dateContainer {
  display: inline-block;
  margin: 15px;
  width: 225px;
}
#userTransactionsContainer #dateContainer .label {
  background-color: #ddd;
  padding: 10px;
  border-left: 1px solid #bbb;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  border-radius: 4px;
}
#userTransactionsContainer #dateContainer .label.dateTo {
  padding-right: 25px;
}
#userTransactionsContainer #dateContainer input[placeholder='From'] {
  margin-bottom: 15px;
}
#userTransactionsContainer input[type="text"].hasDatepicker {
  width: 100px;
  margin-right: 10px;
  margin-bottom: 0px;
}
#userTransactionsContainer table {
  width: 100%;
  padding: 15px;
}
#userTransactionsContainer table thead {
  display: table;
  width: 100%;
}
#userTransactionsContainer table thead tr {
  background-color: #24303B;
  color: #EBECED;
}
#userTransactionsContainer table thead tr th {
  padding: 10px 15px;
  text-align: left;
  width: 14%;
}
#userTransactionsContainer table thead tr th .dropdown {
  border-collapse: collapse;
  box-sizing: border-box;
  color: #333333;
  display: block;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}
#userTransactionsContainer table thead tr th .dropdown .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
#userTransactionsContainer table thead tr th .dropdown .btn-default .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
#userTransactionsContainer table thead tr th .dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
#userTransactionsContainer table thead tr th .dropdown .dropdown-menu li.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
#userTransactionsContainer table thead tr th .dropdown .dropdown-menu li.divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
#userTransactionsContainer table thead tr th .dropdown .dropdown-menu li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
#userTransactionsContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  display: table-cell;
}
#userTransactionsContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn .gridFilterClearSearch {
  margin-top: -10px;
  padding: 2px 4px;
}
#userTransactionsContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn .gridFilterClearSearch .glyphicons {
  margin-right: 0;
  margin-top: -1px;
  vertical-align: top;
}
#userTransactionsContainer table thead tr th .dropdown.open .dropdown-menu {
  display: block;
}
#userTransactionsContainer table tbody {
  max-height: 400px;
  overflow-y: auto;
  display: block;
  width: 100%;
  border-bottom: 1px solid #24303B;
}
#userTransactionsContainer table tbody tr.selections:hover td {
  cursor: pointer;
  background-color: #eee !important;
}
#userTransactionsContainer table tbody tr:nth-child(2n) td {
  background-color: #EBECED;
}
#userTransactionsContainer table tbody tr td {
  padding: 10px 15px;
  text-align: left;
  width: 14%;
}
#userTransactionsContainer table tbody tr td.amount {
  color: #428bca;
  cursor: pointer;
}
#userTransactionsContainer .searchResults {
  margin: 10px 15px;
}
#userTransactionsContainer .searchResults .left {
  float: left;
  margin-right: 20px;
}
#userTransactionsContainer .searchResults .resultText {
  float: left;
}
#userTransactionsContainer .searchResults .resultText .itemCount {
  margin-top: 10px;
}
#userTransactionItemsContainer {
  overflow-x: scroll;
  min-height: 350px;
}
#userTransactionItemsContainer table {
  width: 100%;
  padding: 15px;
}
#userTransactionItemsContainer table thead {
  width: 100%;
}
#userTransactionItemsContainer table thead tr {
  background-color: #24303B;
  color: #EBECED;
}
#userTransactionItemsContainer table thead tr th {
  padding: 10px 15px;
  text-align: left;
  width: 14%;
}
#userTransactionItemsContainer table tbody {
  max-height: 400px;
  width: 100%;
}
#userTransactionItemsContainer table tbody tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #EBECED;
}
#userTransactionItemsContainer table tbody tr td {
  padding: 10px 15px;
  text-align: left;
  width: 14%;
}
#userTransactionItemsContainer .searchResults {
  margin: 10px 15px;
}
#userTransactionItemsContainer .searchResults .left {
  float: left;
  margin-right: 20px;
}
#userTransactionItemsContainer .searchResults .resultText {
  float: left;
}
#userTransactionItemsContainer .searchResults .resultText .itemCount {
  margin-top: 10px;
}
#userTransactionSelectionContainer h3 {
  padding: 20px 10px 10px 10px;
  margin: 0;
}
#userTransactionSelectionContainer #transactionSelections .transactionBreakdownSelection {
  padding: 10px;
}
#userTransactionSelectionContainer #transactionSelections .transactionBreakdownSelection:nth-child(2n-1) {
  background-color: #EBECED;
}
#userTransactionSelectionContainer #transactionSelections .transactionBreakdownSelection .breakdownType {
  /*display: inline-block;
				width: 24%;*/
  font-weight: bold;
  float: left;
}
#userTransactionSelectionContainer #transactionSelections .transactionBreakdownSelection .breakdownAdjustment {
  float: right;
}
#userTransactionSelectionContainer #adjustmentTotal {
  text-align: right;
  padding: 10px;
  border-top: 1px solid #d4d6d4;
}
#stopTopUpAlertMessageContainer #stopTopUpAlertMessageContent {
  margin: 15px;
}
#stopTopUpAlertMessageContainer #stopTopUpAlertMessageContent label[for="reason"] {
  display: inline-block;
  margin-bottom: 8px;
  /* Adjust this value to control the space */
}
#stopTopUpAlertMessageContainer #stopTopUpAlertMessageContent input#reason {
  display: block;
  margin-top: 8px;
  /* Adjust this value to control the space */
}
#editCashlessCateringContainer #dataContainer {
  margin: 15px;
}
#manualOrderAccountWeeksContainer {
  overflow: scroll;
}
#manualOrderAccountWeeksContainer #accountWeeksContainer {
  margin: 15px;
}
#manualOrderAccountWeeksContainer #accountWeeksContainer .weekContainer {
  width: 670px;
  margin: auto;
}
#manualOrderAccountWeeksContainer #accountWeeksContainer .weekContainer .week {
  border: 1px solid #ccc;
  padding: 0px 10px;
}
#manualOrderAccountWeeksContainer #accountWeeksContainer .weekContainer .week h3 {
  margin: 10px 0px !important;
}
#manualOrderAccountWeeksContainer #accountWeeksContainer .weekContainer .day {
  float: left;
  border: 1px solid #ccc;
  padding: 0px 12px;
  min-width: 95px;
  cursor: pointer;
}
#manualOrderAccountWeeksContainer #accountWeeksContainer .weekContainer .day.paid {
  background: #bedd9b;
}
#manualOrderAccountWeeksContainer #accountWeeksContainer .weekContainer .day.chosen {
  background: #ffba78;
}
#manualOrderAccountWeeksContainer #accountWeeksContainer .weekContainer .day.notRequired {
  background: #aaa8a4;
}
#manualOrderAccountWeeksContainer #accountWeeksContainer .weekContainer .day .dateLabel {
  margin: 5px 0;
}
#manualOrderAccountWeeksContainer #accountWeeksContainer .weekContainer .day .dayLabel {
  margin: 5px 0;
}
#accountChoicesContainer #dayDataContainer {
  margin: 0 15px 15px 15px;
}
#accountChoicesContainer #dayDataContainer .sessionGroupContainer,
#accountChoicesContainer #dayDataContainer .optionGroupContainer {
  border: 2px solid #d4d6d4;
  padding: 5px;
  margin-bottom: 10px;
}
#accountChoicesContainer #dayDataContainer .sessionGroupContainer h3,
#accountChoicesContainer #dayDataContainer .optionGroupContainer h3 {
  margin: 0 0 5px 0 !important;
  font-weight: bold;
}
#accountChoicesContainer #dayDataContainer .sessionGroupContainer .required,
#accountChoicesContainer #dayDataContainer .optionGroupContainer .required {
  color: #CD0E0A;
}
#accountChoicesContainer #dayDataContainer .sessionGroupContainer .additionalInfoIcon,
#accountChoicesContainer #dayDataContainer .optionGroupContainer .additionalInfoIcon {
  margin-left: 8px;
  cursor: pointer;
}
#accountChoicesContainer #dayDataContainer .sessionGroupContainer .additionalInfoText,
#accountChoicesContainer #dayDataContainer .optionGroupContainer .additionalInfoText {
  margin: 10px 0 16px 0;
  padding: 10px;
  border: 1px dashed #000000;
  border-radius: 6px;
  position: absolute;
  opacity: 0;
  z-index: -1;
}
#accountChoicesContainer #dayDataContainer .sessionGroupContainer .additionalInfoText.active,
#accountChoicesContainer #dayDataContainer .optionGroupContainer .additionalInfoText.active {
  position: static;
  opacity: 1;
  transition: opacity 1s linear;
}
#accountChoicesContainer #totalCostOfSelections h4 {
  margin: 0px !important;
}
#createNewRegisterContainer {
  margin: 20px;
}
#createNewRegisterContainer label {
  margin: 10px 0;
}
#createNewRegisterContainer select {
  border: 1px solid #cccccc;
  margin-top: 10px;
  padding-top: 8px;
}
#createNewRegisterContainer textarea {
  height: 70px;
  margin-top: 10px;
}
#createNewRegisterContainer .twoColumns .column {
  box-sizing: border-box;
  float: left;
  width: 49%;
}
#createNewRegisterContainer .twoColumns :first-child {
  padding-right: 10px;
}
#createNewRegisterContainer .parentPaymentOptions label {
  display: block;
  margin: 10px 0;
}
#createNewRegisterContainer #refundDuration {
  margin-bottom: 0;
}
#createNewRegisterContainer .subDetails h4 {
  padding: 15px 10px 12px 10px;
  background: #24303B;
  margin: 25px 0 0 0;
  color: #EBECED;
}
#createNewRegisterContainer .subDetails h5 {
  font-weight: bold;
  font-size: 1em;
  margin: 8px 0;
}
#createNewRegisterContainer .subDetails .subDetailOptions {
  border: solid 1px #24303B;
  padding: 15px;
}
#createNewRegisterContainer .subDetails .subDetailOptions .noMargin {
  margin-top: 0;
}
#createNewRegisterContainer .subDetails .subDetailOptions select {
  margin-top: 10px;
}
#createNewRegisterContainer .floatLeft.width-45p :last-child {
  margin-bottom: 0;
}
#createNewRegisterContainer #mainRegisterDetails #registerName {
  margin-top: 10px;
}
#createNewRegisterContainer #mainRegisterDetails #specificUsersIds {
  margin-bottom: 5px;
}
#createNewRegisterContainer #optionsContainer .subDetailOptions label {
  float: left;
  margin-right: 30px;
}
#createNewRegisterContainer #scheduledContainer .subDetailOptions #weekDayContainer {
  margin-top: 15px;
}
#createNewRegisterContainer #scheduledContainer .subDetailOptions #weekDayContainer label {
  margin-right: 25px;
}
#createNewRegisterContainer .currencyBox {
  margin: 10px 0 20px 0;
}
#createNewRegisterContainer .currencyBox .currency {
  display: inline-block;
  background-color: #ddd;
  padding: 13px 13px 13px 13px;
  margin-right: -4px;
}
#createNewRegisterContainer .currencyBox input {
  margin: 0;
  width: 150px;
}
#createNewRegisterContainer .currencyBox input[type=number]::-webkit-inner-spin-button,
#createNewRegisterContainer .currencyBox input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
#createNewRegisterContainer #priceBandContainer table {
  width: 100%;
  margin: 10px 0;
}
#createNewRegisterContainer #priceBandContainer table tbody tr {
  border-bottom: solid 1px #798087;
}
#createNewRegisterContainer #priceBandContainer table tbody tr:first-child {
  border-top: solid 1px #798087;
}
#createNewRegisterContainer #priceBandContainer table tbody tr:nth-child(2n) {
  background: none repeat scroll 0 0 #EBECED;
}
#createNewRegisterContainer #priceBandContainer table tbody tr td {
  padding: 7px 5px;
}
#createNewRegisterContainer #priceBandContainer table tbody tr td.actions {
  text-align: right;
}
#createNewRegisterContainer #priceBandContainer table tbody tr td.actions span.editBand {
  cursor: pointer;
  margin-right: 5px;
}
#createNewRegisterContainer #priceBandContainer table tbody tr td.actions span.deleteBand {
  cursor: pointer;
  margin-right: 15px;
}
#createNewRegisterContainer #priceBandContainer table tbody tr td .members {
  float: left;
  margin: 0 25%;
}
#createNewRegisterContainer #selectionChoicesContainer #selectionChoicesDetailsContainer .setting {
  border-top: solid 1px #798087;
  padding-top: 10px;
}
#createNewRegisterContainer #selectionChoicesContainer #selectionChoicesDetailsContainer .setting select {
  margin-bottom: 13px !important;
}
#createNewRegisterContainer #selectionChoicesContainer #selectionChoicesDetailsContainer #unpublishedReminders {
  margin: 15px 0 0 0;
}
#createNewRegisterContainer #selectionChoicesContainer #selectionChoicesDetailsContainer #unpublishedReminders .unpublishedRemindersCount {
  padding: 0 !important;
}
#createNewRegisterContainer .registerCodePreview {
  padding: 10px 82px 0 0;
  position: relative;
}
#createNewRegisterContainer .registerCodePreview button {
  padding: 9px 12px;
  position: absolute;
  right: 0;
}
#createNewRegisterContainer .registerCodeControls {
  padding-bottom: 15px;
}
#createNewRegisterContainer .registerCodeControls select {
  margin-bottom: 5px;
}
#createNewRegisterContainer .registerCodeControls .warning {
  color: red;
}
@media (min-width: 600px) {
  #createNewRegisterContainer #paymentOptionsContainer .subDetailOptions #paymentDetailsContainer #paymentBankAccount {
    margin-left: 46px;
    margin-top: 0px;
  }
}
#registerTemplateDetailsContainer {
  padding: 15px;
  background-color: #ffffff;
}
#registerTemplateDetailsContainer .mainHeading {
  background-color: #24303B;
  color: #EBECED;
  padding: 10px;
}
#registerTemplateDetailsContainer .mainHeading h3 {
  width: 60%;
  float: left;
  margin: 5px 0;
}
#registerTemplateDetailsContainer .weekContainer .greenBackground {
  padding: 8px 10px !important;
  margin: 10px 0 !important;
}
#registerTemplateDetailsContainer .optionGroupContainer {
  margin-top: 10px;
  border: solid 1px #24303B;
  padding: 10px;
}
#registerTemplateDetailsContainer .optionGroupContainer .required {
  color: #C8102E;
}
#registerTemplateDetailsContainer .optionGroupContainer .optionContainer {
  margin-top: 10px;
  padding: 5px;
  border-top: 1px solid #24303B;
}
#registerTemplateDetailsContainer .sessionGroupContainer {
  margin-top: 10px;
  border: 1px solid #24303B;
  padding: 5px;
}
#registerTemplateDetailsContainer .sessionGroupContainer .availabilityContainer {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #24303B;
}
#registerTemplateDetailsContainer .sessionGroupContainer .availabilityContainer .slotsAvailable {
  width: 90px;
}
#registerTemplateDetailsContainer .sessionGroupContainer .sessionContainer {
  margin-top: 10px;
  padding: 10px 5px 5px 5px;
  border-top: 1px solid #24303B;
}
#registerTemplateDetailsContainer .sessionGroupContainer .sessionContainer .optionalPrice {
  width: 150px;
}
#createNewRegisterTemplateContainer #mainRegisterDetails,
#editRegisterTemplateContainer #mainRegisterDetails,
#editRegisterDayContainer #mainRegisterDetails {
  padding: 15px;
}
#createNewRegisterTemplateContainer #templateButtonContainer,
#editRegisterTemplateContainer #templateButtonContainer,
#editRegisterDayContainer #templateButtonContainer {
  margin: 15px 0 0 0 !important;
}
#createNewRegisterTemplateContainer #templateButtonContainer #previousDay,
#editRegisterTemplateContainer #templateButtonContainer #previousDay,
#editRegisterDayContainer #templateButtonContainer #previousDay {
  float: left !important;
}
#createNewRegisterTemplateContainer #templateButtonContainer #nextDay,
#editRegisterTemplateContainer #templateButtonContainer #nextDay,
#editRegisterDayContainer #templateButtonContainer #nextDay {
  width: 130px;
}
#createNewRegisterTemplateContainer #useDayTemplateContainer,
#editRegisterTemplateContainer #useDayTemplateContainer,
#editRegisterDayContainer #useDayTemplateContainer {
  padding: 0 15px 15px 15px;
}
#createNewRegisterTemplateContainer #useDayTemplateContainer .resultsRow,
#editRegisterTemplateContainer #useDayTemplateContainer .resultsRow,
#editRegisterDayContainer #useDayTemplateContainer .resultsRow {
  margin: 5px 0;
  padding: 8px;
}
#createNewRegisterTemplateContainer #useDayTemplateContainer .resultsRow:nth-child(2n),
#editRegisterTemplateContainer #useDayTemplateContainer .resultsRow:nth-child(2n),
#editRegisterDayContainer #useDayTemplateContainer .resultsRow:nth-child(2n) {
  background: none repeat scroll 0 0 #EBECED;
}
#createNewRegisterTemplateContainer select,
#editRegisterTemplateContainer select,
#editRegisterDayContainer select {
  padding-top: 6px;
}
#createNewRegisterTemplateContainer .dayContainer,
#editRegisterTemplateContainer .dayContainer,
#editRegisterDayContainer .dayContainer,
#createNewRegisterTemplateContainer .weekContainer,
#editRegisterTemplateContainer .weekContainer,
#editRegisterDayContainer .weekContainer {
  padding: 0 15px 15px 15px;
}
#createNewRegisterTemplateContainer .dayContainer #dayHeadersContainer,
#editRegisterTemplateContainer .dayContainer #dayHeadersContainer,
#editRegisterDayContainer .dayContainer #dayHeadersContainer,
#createNewRegisterTemplateContainer .weekContainer #dayHeadersContainer,
#editRegisterTemplateContainer .weekContainer #dayHeadersContainer,
#editRegisterDayContainer .weekContainer #dayHeadersContainer {
  background: #24303B;
  padding: 0 15px 11px 15px;
  border-radius: 0;
  overflow: hidden;
  margin: 0;
}
#createNewRegisterTemplateContainer .dayContainer #dayHeadersContainer .dayHeader,
#editRegisterTemplateContainer .dayContainer #dayHeadersContainer .dayHeader,
#editRegisterDayContainer .dayContainer #dayHeadersContainer .dayHeader,
#createNewRegisterTemplateContainer .weekContainer #dayHeadersContainer .dayHeader,
#editRegisterTemplateContainer .weekContainer #dayHeadersContainer .dayHeader,
#editRegisterDayContainer .weekContainer #dayHeadersContainer .dayHeader {
  float: left;
  background: #EBECED;
  border: 1px solid #aaa;
  margin: 15px 5px 5px 5px;
  padding: 8px 10px;
  cursor: pointer;
  min-width: 100px;
  width: 13%;
  text-align: center;
  color: #24303B;
}
#createNewRegisterTemplateContainer .dayContainer #dayHeadersContainer .dayHeader.active,
#editRegisterTemplateContainer .dayContainer #dayHeadersContainer .dayHeader.active,
#editRegisterDayContainer .dayContainer #dayHeadersContainer .dayHeader.active,
#createNewRegisterTemplateContainer .weekContainer #dayHeadersContainer .dayHeader.active,
#editRegisterTemplateContainer .weekContainer #dayHeadersContainer .dayHeader.active,
#editRegisterDayContainer .weekContainer #dayHeadersContainer .dayHeader.active {
  background-color: #0B61BD;
  color: #EBECED;
}
#createNewRegisterTemplateContainer .dayContainer .selectionOptions,
#editRegisterTemplateContainer .dayContainer .selectionOptions,
#editRegisterDayContainer .dayContainer .selectionOptions,
#createNewRegisterTemplateContainer .weekContainer .selectionOptions,
#editRegisterTemplateContainer .weekContainer .selectionOptions,
#editRegisterDayContainer .weekContainer .selectionOptions {
  margin: 10px 0;
}
#createNewRegisterTemplateContainer .dayContainer textarea,
#editRegisterTemplateContainer .dayContainer textarea,
#editRegisterDayContainer .dayContainer textarea,
#createNewRegisterTemplateContainer .weekContainer textarea,
#editRegisterTemplateContainer .weekContainer textarea,
#editRegisterDayContainer .weekContainer textarea {
  height: 70px;
  margin-bottom: 10px !important;
}
#createNewRegisterTemplateContainer .dayContainer input[type="text"],
#editRegisterTemplateContainer .dayContainer input[type="text"],
#editRegisterDayContainer .dayContainer input[type="text"],
#createNewRegisterTemplateContainer .weekContainer input[type="text"],
#editRegisterTemplateContainer .weekContainer input[type="text"],
#editRegisterDayContainer .weekContainer input[type="text"],
#createNewRegisterTemplateContainer .dayContainer input[type="number"],
#editRegisterTemplateContainer .dayContainer input[type="number"],
#editRegisterDayContainer .dayContainer input[type="number"],
#createNewRegisterTemplateContainer .weekContainer input[type="number"],
#editRegisterTemplateContainer .weekContainer input[type="number"],
#editRegisterDayContainer .weekContainer input[type="number"] {
  margin-bottom: 10px !important;
}
#createNewRegisterTemplateContainer .dayContainer .addOptionGroup,
#editRegisterTemplateContainer .dayContainer .addOptionGroup,
#editRegisterDayContainer .dayContainer .addOptionGroup,
#createNewRegisterTemplateContainer .weekContainer .addOptionGroup,
#editRegisterTemplateContainer .weekContainer .addOptionGroup,
#editRegisterDayContainer .weekContainer .addOptionGroup {
  cursor: pointer;
  width: 155px;
}
#createNewRegisterTemplateContainer .dayContainer .optionGroupContainer,
#editRegisterTemplateContainer .dayContainer .optionGroupContainer,
#editRegisterDayContainer .dayContainer .optionGroupContainer,
#createNewRegisterTemplateContainer .weekContainer .optionGroupContainer,
#editRegisterTemplateContainer .weekContainer .optionGroupContainer,
#editRegisterDayContainer .weekContainer .optionGroupContainer {
  margin-top: 10px;
  border: solid 1px #24303B;
  padding: 10px;
}
#createNewRegisterTemplateContainer .dayContainer .optionGroupContainer:nth-child(2n),
#editRegisterTemplateContainer .dayContainer .optionGroupContainer:nth-child(2n),
#editRegisterDayContainer .dayContainer .optionGroupContainer:nth-child(2n),
#createNewRegisterTemplateContainer .weekContainer .optionGroupContainer:nth-child(2n),
#editRegisterTemplateContainer .weekContainer .optionGroupContainer:nth-child(2n),
#editRegisterDayContainer .weekContainer .optionGroupContainer:nth-child(2n) {
  background: none repeat scroll 0 0 #EBECED;
}
#createNewRegisterTemplateContainer .dayContainer .optionGroupContainer .addOption,
#editRegisterTemplateContainer .dayContainer .optionGroupContainer .addOption,
#editRegisterDayContainer .dayContainer .optionGroupContainer .addOption,
#createNewRegisterTemplateContainer .weekContainer .optionGroupContainer .addOption,
#editRegisterTemplateContainer .weekContainer .optionGroupContainer .addOption,
#editRegisterDayContainer .weekContainer .optionGroupContainer .addOption {
  width: 150px;
  cursor: pointer;
  float: right;
}
#createNewRegisterTemplateContainer .dayContainer .optionGroupContainer .optionContainer,
#editRegisterTemplateContainer .dayContainer .optionGroupContainer .optionContainer,
#editRegisterDayContainer .dayContainer .optionGroupContainer .optionContainer,
#createNewRegisterTemplateContainer .weekContainer .optionGroupContainer .optionContainer,
#editRegisterTemplateContainer .weekContainer .optionGroupContainer .optionContainer,
#editRegisterDayContainer .weekContainer .optionGroupContainer .optionContainer {
  margin-top: 10px;
  padding: 5px;
  border-top: 1px solid #24303B;
}
#createNewRegisterTemplateContainer .dayContainer .optionGroupContainer .optionContainer .removeOption,
#editRegisterTemplateContainer .dayContainer .optionGroupContainer .optionContainer .removeOption,
#editRegisterDayContainer .dayContainer .optionGroupContainer .optionContainer .removeOption,
#createNewRegisterTemplateContainer .weekContainer .optionGroupContainer .optionContainer .removeOption,
#editRegisterTemplateContainer .weekContainer .optionGroupContainer .optionContainer .removeOption,
#editRegisterDayContainer .weekContainer .optionGroupContainer .optionContainer .removeOption {
  margin: 10px 0px;
  width: 150px;
  cursor: pointer;
  float: right;
}
#createNewRegisterTemplateContainer .dayContainer .optionGroupContainer .optionContainer .addAdditionalInfo,
#editRegisterTemplateContainer .dayContainer .optionGroupContainer .optionContainer .addAdditionalInfo,
#editRegisterDayContainer .dayContainer .optionGroupContainer .optionContainer .addAdditionalInfo,
#createNewRegisterTemplateContainer .weekContainer .optionGroupContainer .optionContainer .addAdditionalInfo,
#editRegisterTemplateContainer .weekContainer .optionGroupContainer .optionContainer .addAdditionalInfo,
#editRegisterDayContainer .weekContainer .optionGroupContainer .optionContainer .addAdditionalInfo {
  margin-top: 10px;
  cursor: pointer;
  width: 100%;
  color: #428bca;
  text-decoration: none;
}
#createNewRegisterTemplateContainer .dayContainer .optionGroupContainer .optionContainer .addAdditionalInfo:hover,
#editRegisterTemplateContainer .dayContainer .optionGroupContainer .optionContainer .addAdditionalInfo:hover,
#editRegisterDayContainer .dayContainer .optionGroupContainer .optionContainer .addAdditionalInfo:hover,
#createNewRegisterTemplateContainer .weekContainer .optionGroupContainer .optionContainer .addAdditionalInfo:hover,
#editRegisterTemplateContainer .weekContainer .optionGroupContainer .optionContainer .addAdditionalInfo:hover,
#editRegisterDayContainer .weekContainer .optionGroupContainer .optionContainer .addAdditionalInfo:hover {
  color: #2a6496;
  text-decoration: underline;
}
#createNewRegisterTemplateContainer .dayContainer .optionGroupContainer .optionContainer .addAdditionalInfo textarea,
#editRegisterTemplateContainer .dayContainer .optionGroupContainer .optionContainer .addAdditionalInfo textarea,
#editRegisterDayContainer .dayContainer .optionGroupContainer .optionContainer .addAdditionalInfo textarea,
#createNewRegisterTemplateContainer .weekContainer .optionGroupContainer .optionContainer .addAdditionalInfo textarea,
#editRegisterTemplateContainer .weekContainer .optionGroupContainer .optionContainer .addAdditionalInfo textarea,
#editRegisterDayContainer .weekContainer .optionGroupContainer .optionContainer .addAdditionalInfo textarea {
  color: #000000;
}
#createNewRegisterTemplateContainer .dayContainer .optionGroupContainer .optionContainer .addAllergens,
#editRegisterTemplateContainer .dayContainer .optionGroupContainer .optionContainer .addAllergens,
#editRegisterDayContainer .dayContainer .optionGroupContainer .optionContainer .addAllergens,
#createNewRegisterTemplateContainer .weekContainer .optionGroupContainer .optionContainer .addAllergens,
#editRegisterTemplateContainer .weekContainer .optionGroupContainer .optionContainer .addAllergens,
#editRegisterDayContainer .weekContainer .optionGroupContainer .optionContainer .addAllergens {
  color: #428bca;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 15px;
  padding-top: 10px;
}
#createNewRegisterTemplateContainer .dayContainer .optionGroupContainer .optionContainer .addAllergens:hover,
#editRegisterTemplateContainer .dayContainer .optionGroupContainer .optionContainer .addAllergens:hover,
#editRegisterDayContainer .dayContainer .optionGroupContainer .optionContainer .addAllergens:hover,
#createNewRegisterTemplateContainer .weekContainer .optionGroupContainer .optionContainer .addAllergens:hover,
#editRegisterTemplateContainer .weekContainer .optionGroupContainer .optionContainer .addAllergens:hover,
#editRegisterDayContainer .weekContainer .optionGroupContainer .optionContainer .addAllergens:hover {
  color: #2a6496;
  text-decoration: underline;
}
#createNewRegisterTemplateContainer .dayContainer .optionGroupContainer .removeOptionGroup,
#editRegisterTemplateContainer .dayContainer .optionGroupContainer .removeOptionGroup,
#editRegisterDayContainer .dayContainer .optionGroupContainer .removeOptionGroup,
#createNewRegisterTemplateContainer .weekContainer .optionGroupContainer .removeOptionGroup,
#editRegisterTemplateContainer .weekContainer .optionGroupContainer .removeOptionGroup,
#editRegisterDayContainer .weekContainer .optionGroupContainer .removeOptionGroup {
  cursor: pointer;
  width: 170px;
}
#createNewRegisterTemplateContainer .dayContainer .addSessionGroup,
#editRegisterTemplateContainer .dayContainer .addSessionGroup,
#editRegisterDayContainer .dayContainer .addSessionGroup,
#createNewRegisterTemplateContainer .weekContainer .addSessionGroup,
#editRegisterTemplateContainer .weekContainer .addSessionGroup,
#editRegisterDayContainer .weekContainer .addSessionGroup {
  cursor: pointer;
  width: 155px;
}
#createNewRegisterTemplateContainer .dayContainer .removeSessionGroup,
#editRegisterTemplateContainer .dayContainer .removeSessionGroup,
#editRegisterDayContainer .dayContainer .removeSessionGroup,
#createNewRegisterTemplateContainer .weekContainer .removeSessionGroup,
#editRegisterTemplateContainer .weekContainer .removeSessionGroup,
#editRegisterDayContainer .weekContainer .removeSessionGroup {
  cursor: pointer;
  width: 170px;
}
#createNewRegisterTemplateContainer .dayContainer .sessionGroupContainer,
#editRegisterTemplateContainer .dayContainer .sessionGroupContainer,
#editRegisterDayContainer .dayContainer .sessionGroupContainer,
#createNewRegisterTemplateContainer .weekContainer .sessionGroupContainer,
#editRegisterTemplateContainer .weekContainer .sessionGroupContainer,
#editRegisterDayContainer .weekContainer .sessionGroupContainer {
  margin-top: 10px;
  border: 1px solid #24303B;
  padding: 5px;
}
#createNewRegisterTemplateContainer .dayContainer .sessionGroupContainer:nth-child(2n),
#editRegisterTemplateContainer .dayContainer .sessionGroupContainer:nth-child(2n),
#editRegisterDayContainer .dayContainer .sessionGroupContainer:nth-child(2n),
#createNewRegisterTemplateContainer .weekContainer .sessionGroupContainer:nth-child(2n),
#editRegisterTemplateContainer .weekContainer .sessionGroupContainer:nth-child(2n),
#editRegisterDayContainer .weekContainer .sessionGroupContainer:nth-child(2n) {
  background: none repeat scroll 0 0 #EBECED;
}
#createNewRegisterTemplateContainer .dayContainer .sessionGroupContainer .hasDatepicker,
#editRegisterTemplateContainer .dayContainer .sessionGroupContainer .hasDatepicker,
#editRegisterDayContainer .dayContainer .sessionGroupContainer .hasDatepicker,
#createNewRegisterTemplateContainer .weekContainer .sessionGroupContainer .hasDatepicker,
#editRegisterTemplateContainer .weekContainer .sessionGroupContainer .hasDatepicker,
#editRegisterDayContainer .weekContainer .sessionGroupContainer .hasDatepicker {
  width: 90px;
}
#createNewRegisterTemplateContainer .dayContainer .sessionGroupContainer .addSession,
#editRegisterTemplateContainer .dayContainer .sessionGroupContainer .addSession,
#editRegisterDayContainer .dayContainer .sessionGroupContainer .addSession,
#createNewRegisterTemplateContainer .weekContainer .sessionGroupContainer .addSession,
#editRegisterTemplateContainer .weekContainer .sessionGroupContainer .addSession,
#editRegisterDayContainer .weekContainer .sessionGroupContainer .addSession {
  cursor: pointer;
  float: right;
}
#createNewRegisterTemplateContainer .dayContainer .sessionGroupContainer .addAvailability,
#editRegisterTemplateContainer .dayContainer .sessionGroupContainer .addAvailability,
#editRegisterDayContainer .dayContainer .sessionGroupContainer .addAvailability,
#createNewRegisterTemplateContainer .weekContainer .sessionGroupContainer .addAvailability,
#editRegisterTemplateContainer .weekContainer .sessionGroupContainer .addAvailability,
#editRegisterDayContainer .weekContainer .sessionGroupContainer .addAvailability {
  margin: 10px 0;
  cursor: pointer;
  float: right;
}
#createNewRegisterTemplateContainer .dayContainer .sessionGroupContainer .availabilityContainer,
#editRegisterTemplateContainer .dayContainer .sessionGroupContainer .availabilityContainer,
#editRegisterDayContainer .dayContainer .sessionGroupContainer .availabilityContainer,
#createNewRegisterTemplateContainer .weekContainer .sessionGroupContainer .availabilityContainer,
#editRegisterTemplateContainer .weekContainer .sessionGroupContainer .availabilityContainer,
#editRegisterDayContainer .weekContainer .sessionGroupContainer .availabilityContainer {
  padding-top: 10px;
  border-top: 1px solid #24303B;
}
#createNewRegisterTemplateContainer .dayContainer .sessionGroupContainer .availabilityContainer .slotsAvailable,
#editRegisterTemplateContainer .dayContainer .sessionGroupContainer .availabilityContainer .slotsAvailable,
#editRegisterDayContainer .dayContainer .sessionGroupContainer .availabilityContainer .slotsAvailable,
#createNewRegisterTemplateContainer .weekContainer .sessionGroupContainer .availabilityContainer .slotsAvailable,
#editRegisterTemplateContainer .weekContainer .sessionGroupContainer .availabilityContainer .slotsAvailable,
#editRegisterDayContainer .weekContainer .sessionGroupContainer .availabilityContainer .slotsAvailable {
  width: 90px;
}
#createNewRegisterTemplateContainer .dayContainer .sessionGroupContainer .availabilityContainer .removeAvailability,
#editRegisterTemplateContainer .dayContainer .sessionGroupContainer .availabilityContainer .removeAvailability,
#editRegisterDayContainer .dayContainer .sessionGroupContainer .availabilityContainer .removeAvailability,
#createNewRegisterTemplateContainer .weekContainer .sessionGroupContainer .availabilityContainer .removeAvailability,
#editRegisterTemplateContainer .weekContainer .sessionGroupContainer .availabilityContainer .removeAvailability,
#editRegisterDayContainer .weekContainer .sessionGroupContainer .availabilityContainer .removeAvailability {
  margin: 10px 0;
  width: 150px;
  cursor: pointer;
  float: right;
}
#createNewRegisterTemplateContainer .dayContainer .sessionGroupContainer .sessionContainer,
#editRegisterTemplateContainer .dayContainer .sessionGroupContainer .sessionContainer,
#editRegisterDayContainer .dayContainer .sessionGroupContainer .sessionContainer,
#createNewRegisterTemplateContainer .weekContainer .sessionGroupContainer .sessionContainer,
#editRegisterTemplateContainer .weekContainer .sessionGroupContainer .sessionContainer,
#editRegisterDayContainer .weekContainer .sessionGroupContainer .sessionContainer {
  margin-top: 10px;
  padding: 10px 5px 5px 5px;
  border-top: 1px solid #24303B;
}
#createNewRegisterTemplateContainer .dayContainer .sessionGroupContainer .sessionContainer .removeSession,
#editRegisterTemplateContainer .dayContainer .sessionGroupContainer .sessionContainer .removeSession,
#editRegisterDayContainer .dayContainer .sessionGroupContainer .sessionContainer .removeSession,
#createNewRegisterTemplateContainer .weekContainer .sessionGroupContainer .sessionContainer .removeSession,
#editRegisterTemplateContainer .weekContainer .sessionGroupContainer .sessionContainer .removeSession,
#editRegisterDayContainer .weekContainer .sessionGroupContainer .sessionContainer .removeSession {
  margin: 10px 0;
  width: 125px;
  cursor: pointer;
  float: right;
}
#createNewRegisterTemplateContainer .dayContainer .sessionGroupContainer .sessionContainer .optionalPrice,
#editRegisterTemplateContainer .dayContainer .sessionGroupContainer .sessionContainer .optionalPrice,
#editRegisterDayContainer .dayContainer .sessionGroupContainer .sessionContainer .optionalPrice,
#createNewRegisterTemplateContainer .weekContainer .sessionGroupContainer .sessionContainer .optionalPrice,
#editRegisterTemplateContainer .weekContainer .sessionGroupContainer .sessionContainer .optionalPrice,
#editRegisterDayContainer .weekContainer .sessionGroupContainer .sessionContainer .optionalPrice {
  width: 150px;
}
#createNewRegisterTemplateContainer .dayContainer .sessionGroupContainer .sessionContainer .addAdditionalInfo,
#editRegisterTemplateContainer .dayContainer .sessionGroupContainer .sessionContainer .addAdditionalInfo,
#editRegisterDayContainer .dayContainer .sessionGroupContainer .sessionContainer .addAdditionalInfo,
#createNewRegisterTemplateContainer .weekContainer .sessionGroupContainer .sessionContainer .addAdditionalInfo,
#editRegisterTemplateContainer .weekContainer .sessionGroupContainer .sessionContainer .addAdditionalInfo,
#editRegisterDayContainer .weekContainer .sessionGroupContainer .sessionContainer .addAdditionalInfo {
  margin-top: 10px;
  cursor: pointer;
  width: 100%;
  color: #428bca;
  text-decoration: none;
}
#createNewRegisterTemplateContainer .dayContainer .sessionGroupContainer .sessionContainer .addAdditionalInfo:hover,
#editRegisterTemplateContainer .dayContainer .sessionGroupContainer .sessionContainer .addAdditionalInfo:hover,
#editRegisterDayContainer .dayContainer .sessionGroupContainer .sessionContainer .addAdditionalInfo:hover,
#createNewRegisterTemplateContainer .weekContainer .sessionGroupContainer .sessionContainer .addAdditionalInfo:hover,
#editRegisterTemplateContainer .weekContainer .sessionGroupContainer .sessionContainer .addAdditionalInfo:hover,
#editRegisterDayContainer .weekContainer .sessionGroupContainer .sessionContainer .addAdditionalInfo:hover {
  color: #2a6496;
  text-decoration: underline;
}
#createNewRegisterTemplateContainer .dayContainer .sessionGroupContainer .sessionContainer .addAdditionalInfo textarea,
#editRegisterTemplateContainer .dayContainer .sessionGroupContainer .sessionContainer .addAdditionalInfo textarea,
#editRegisterDayContainer .dayContainer .sessionGroupContainer .sessionContainer .addAdditionalInfo textarea,
#createNewRegisterTemplateContainer .weekContainer .sessionGroupContainer .sessionContainer .addAdditionalInfo textarea,
#editRegisterTemplateContainer .weekContainer .sessionGroupContainer .sessionContainer .addAdditionalInfo textarea,
#editRegisterDayContainer .weekContainer .sessionGroupContainer .sessionContainer .addAdditionalInfo textarea {
  color: #000000;
}
#createNewBandContainer {
  margin: 20px;
}
#createNewBandContainer #newBandDetails input[type=number]::-webkit-inner-spin-button,
#createNewBandContainer #newBandDetails input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
#createNewBandContainer #newBandDetails #bandName {
  width: 80%;
  margin-left: 15px;
}
#createNewBandContainer #newBandDetails #bandPrice {
  width: 20%;
  margin-left: 10px;
}
#createNewBandContainer #newBandDetails #membersText {
  margin-top: 0;
}
#createNewBandContainer #newBandDetails #defaultBand {
  margin-left: 6px;
}
#editBandContainer {
  margin: 20px;
}
#editBandContainer #newBandDetails input[type=number]::-webkit-inner-spin-button,
#editBandContainer #newBandDetails input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
#editBandContainer #newBandDetails #bandName {
  width: 80%;
  margin-left: 10px;
}
#editBandContainer #newBandDetails #bandPrice {
  width: 20%;
  margin-left: 10px;
}
#editBandContainer #newBandDetails #membersText {
  margin-top: 0;
}
#editBandContainer #newBandDetails #defaultBand {
  margin-left: 2px;
}
#createNewMenuContainer {
  margin: 20px;
}
#createNewMenuContainer #newMenuDetails #menuName {
  width: 80%;
  margin-left: 10px;
}
#registerDetailsContainer {
  padding: 20px;
  background-color: #ffffff;
}
#registerDetailsContainer .mainHeading {
  background-color: #24303B;
  padding: 10px;
  color: #ffffff;
}
#registerDetailsContainer .mainHeading h3 {
  width: 60%;
  float: left;
  margin: 5px 0;
}
#registerDetailsContainer .mainHeading h3 #paymentItemName {
  word-wrap: break-word;
}
#registerDetailsContainer .mainHeading p {
  width: 200px;
  float: left;
  margin: 0;
}
#registerDetailsContainer .subDetailOptionsHeader {
  text-decoration: underline;
}
#registerDetailsContainer .alert .message .title {
  margin-bottom: 10px !important;
}
#registerDetailsContainer .subDetails {
  border: solid 1px #24303B;
  padding: 15px;
}
#registerDetailsContainer .subDetails h4 {
  font-weight: normal;
}
#registerDetailsContainer .subDetails p {
  word-break: break-word;
}
#registerDetailsContainer #mainRegisterDetails #registerName {
  width: 80%;
  margin-left: 15px;
}
#registerDetailsContainer #mainRegisterDetails #registerDescription {
  margin-top: 10px;
}
#registerDetailsContainer #mainRegisterDetails #specificUsersIds {
  margin-bottom: 5px;
}
#registerDetailsContainer #optionsContainer .subDetailOptions label {
  float: left;
  margin-right: 30px;
}
#registerDetailsContainer #scheduledContainer .subDetailOptions #weekDayContainer {
  margin-top: 15px;
}
#registerDetailsContainer #scheduledContainer .subDetailOptions #weekDayContainer label {
  margin-right: 25px;
}
#registerDetailsContainer #scheduledContainer .subDetailOptions #weekDayContainer input {
  margin-bottom: 10px;
}
#registerDetailsContainer #paymentOptionsContainer .subDetailOptions #paymentDetailsContainer {
  margin-top: 15px;
}
#registerDetailsContainer #paymentOptionsContainer .subDetailOptions #paymentDetailsContainer input[type=number]::-webkit-inner-spin-button,
#registerDetailsContainer #paymentOptionsContainer .subDetailOptions #paymentDetailsContainer input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
#registerDetailsContainer #paymentOptionsContainer .subDetailOptions #paymentDetailsContainer #paymentBankAccount {
  width: 60%;
}
#registerDetailsContainer #paymentOptionsContainer .subDetailOptions #paymentDetailsContainer #minReminderAmount {
  width: 20%;
}
#registerDetailsContainer #paymentOptionsContainer .subDetailOptions #paymentDetailsContainer #reminderFrequency {
  width: 30%;
  margin-right: 10px;
}
#registerDetailsContainer #paymentOptionsContainer .subDetailOptions #paymentDetailsContainer .lowercase {
  text-transform: lowercase;
}
#registerDetailsContainer #paymentOptionsContainer .subDetailOptions #paymentDetailsContainer #priceBandContainer table {
  width: 100%;
  margin-top: 10px;
}
#registerDetailsContainer #paymentOptionsContainer .subDetailOptions #paymentDetailsContainer #priceBandContainer table tbody {
  margin-top: 10px;
}
#registerDetailsContainer #paymentOptionsContainer .subDetailOptions #paymentDetailsContainer #priceBandContainer table tbody tr {
  border-bottom: solid 1px #24303B;
}
#registerDetailsContainer #paymentOptionsContainer .subDetailOptions #paymentDetailsContainer #priceBandContainer table tbody tr:first-child {
  border-top: solid 1px #24303B;
}
#registerDetailsContainer #paymentOptionsContainer .subDetailOptions #paymentDetailsContainer #priceBandContainer table tbody tr:nth-child(2n) {
  background: none repeat scroll 0 0 #fbfbfb;
}
#registerDetailsContainer #paymentOptionsContainer .subDetailOptions #paymentDetailsContainer #priceBandContainer table tbody tr td {
  padding: 7px 5px;
}
#registerDetailsContainer #paymentOptionsContainer .subDetailOptions #paymentDetailsContainer #priceBandContainer table tbody tr td.actions {
  text-align: right;
}
#registerDetailsContainer #paymentOptionsContainer .subDetailOptions #paymentDetailsContainer #priceBandContainer table tbody tr td.actions span.editBand {
  cursor: pointer;
  margin-right: 5px;
}
#registerDetailsContainer #paymentOptionsContainer .subDetailOptions #paymentDetailsContainer #priceBandContainer table tbody tr td.actions span.deleteBand {
  cursor: pointer;
  margin-right: 15px;
}
#registerDetailsContainer #paymentOptionsContainer .subDetailOptions #paymentDetailsContainer #priceBandContainer table tbody tr td .members {
  float: left;
  margin: 0 25%;
}
#registerDetailsContainer #menuOptionsContainer .subDetailOptions #menuDetailsContainer {
  margin-top: 15px;
}
#registerDetailsContainer #menuOptionsContainer .subDetailOptions #menuDetailsContainer #selectedMenu {
  width: 40%;
  margin-right: 20px;
  margin-bottom: 5px;
}
#registerReportsDialog {
  border-top: 1px solid #EBECED;
}
#registerReportsDialog .leftColumn {
  display: inline-block;
  width: 40%;
}
#registerReportsDialog .leftColumn .subMenu ul li:first-child {
  border-top: none;
}
#registerReportsDialog .leftColumn .subMenu .list {
  margin-top: 0 !important;
}
#registerReportsDialog .rightColumn {
  display: inline-block;
  width: 60%;
  vertical-align: top;
  padding: 10px;
}
#balanceAdjustmentDataContainer,
#balanceAdjustmentContainer {
  padding: 15px;
  margin: 30px;
  background-color: #ffffff;
}
#balanceAdjustmentDataContainer #balanceAdjusterOptions,
#balanceAdjustmentContainer #balanceAdjusterOptions {
  margin: 15px;
}
#balanceAdjustmentDataContainer #balanceAdjusterOptions select,
#balanceAdjustmentContainer #balanceAdjusterOptions select {
  width: 300px;
  margin-right: 10px;
  margin-bottom: 0 !important;
}
#balanceAdjustmentDataContainer #balanceAdjusterOptions #searchRegisterMembers,
#balanceAdjustmentContainer #balanceAdjusterOptions #searchRegisterMembers {
  width: 300px;
  margin-bottom: 0 !important;
}
#balanceAdjustmentDataContainer #balanceAdjustmentNavigationContainer,
#balanceAdjustmentContainer #balanceAdjustmentNavigationContainer {
  background-color: #24303B;
  color: #EBECED;
  padding: 10px;
  margin: 0px 10px 10px 10px;
}
#balanceAdjustmentDataContainer #balanceAdjustmentNavigationContainer .searchResults,
#balanceAdjustmentContainer #balanceAdjustmentNavigationContainer .searchResults {
  float: left;
}
#balanceAdjustmentDataContainer #balanceAdjustmentNavigationContainer .searchResults .itemCount,
#balanceAdjustmentContainer #balanceAdjustmentNavigationContainer .searchResults .itemCount {
  margin: 10px 10px;
}
#balanceAdjustmentDataContainer #balanceAdjustmentNavigationContainer .searchResults .btn-green,
#balanceAdjustmentContainer #balanceAdjustmentNavigationContainer .searchResults .btn-green {
  background-color: #E0F0FA;
  border-color: #0B61BD;
  color: #ffffff;
}
#balanceAdjustmentDataContainer #balanceAdjustmentNavigationContainer .searchResults .btn-green:hover,
#balanceAdjustmentContainer #balanceAdjustmentNavigationContainer .searchResults .btn-green:hover,
#balanceAdjustmentDataContainer #balanceAdjustmentNavigationContainer .searchResults .btn-green:focus,
#balanceAdjustmentContainer #balanceAdjustmentNavigationContainer .searchResults .btn-green:focus {
  color: #ffffff;
  background-color: #798087;
}
#balanceAdjustmentDataContainer #balanceAdjustmentNavigationContainer .note,
#balanceAdjustmentContainer #balanceAdjustmentNavigationContainer .note {
  margin: 0 15px 15px 15px;
  background: #d9edf7;
  padding: 1px 20px;
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer,
#balanceAdjustmentContainer #balanceAdjusterGridContainer {
  overflow-x: scroll;
  min-height: 355px;
  margin: 0 10px 0px 10px;
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table {
  width: 100%;
  padding: 15px;
  border: 1px solid #24303B;
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table thead tr,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table thead tr {
  background-color: #24303B;
  color: #EBECED;
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table thead tr th,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table thead tr th {
  padding: 10px 10px;
  text-align: left;
  vertical-align: middle;
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table thead tr th.priceValue,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table thead tr th.priceValue {
  width: 90px;
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table thead tr th.adjustment,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table thead tr th.adjustment {
  width: 100px;
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table thead tr th.reason,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table thead tr th.reason {
  min-width: 250px;
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table thead tr th .dropdown,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table thead tr th .dropdown {
  border-collapse: collapse;
  box-sizing: border-box;
  color: #333333;
  display: block;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table thead tr th .dropdown .btn-default,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table thead tr th .dropdown .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table thead tr th .dropdown .btn-default .caret,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table thead tr th .dropdown .btn-default .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table thead tr th .dropdown .dropdown-menu,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table thead tr th .dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  max-height: 350px;
  overflow-y: auto;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table thead tr th .dropdown .dropdown-menu li.input-group,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table thead tr th .dropdown .dropdown-menu li.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table thead tr th .dropdown .dropdown-menu li.divider,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table thead tr th .dropdown .dropdown-menu li.divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table thead tr th .dropdown .dropdown-menu li a,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table thead tr th .dropdown .dropdown-menu li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  display: table-cell;
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn .gridFilterClearSearch,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn .gridFilterClearSearch {
  margin-top: -10px;
  padding: 2px 4px;
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn .gridFilterClearSearch .glyphicons,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn .gridFilterClearSearch .glyphicons {
  margin-right: 0;
  margin-top: -1px;
  vertical-align: top;
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table thead tr th .dropdown.open .dropdown-menu,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table thead tr th .dropdown.open .dropdown-menu {
  display: block;
  overflow: auto;
  max-height: 330px;
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table tbody tr:nth-child(2n) td,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table tbody tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #EBECED;
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table tbody tr td,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table tbody tr td {
  padding: 6px 10px;
  text-align: left;
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table tbody tr td.priceValue,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table tbody tr td.priceValue {
  width: 90px;
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table tbody tr td.adjustment,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table tbody tr td.adjustment {
  width: 100px;
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table tbody tr td.reason,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table tbody tr td.reason {
  min-width: 250px;
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table tbody tr td input,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table tbody tr td input {
  margin-bottom: 0px;
  padding: 3px;
}
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table tbody tr td input[type=number]::-webkit-inner-spin-button,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table tbody tr td input[type=number]::-webkit-inner-spin-button,
#balanceAdjustmentDataContainer #balanceAdjusterGridContainer table tbody tr td input[type=number]::-webkit-outer-spin-button,
#balanceAdjustmentContainer #balanceAdjusterGridContainer table tbody tr td input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
@media (max-width: 1000px) {
  #balanceAdjustmentDataContainer #balanceAdjustmentContainer .searchResults {
    float: right;
    position: relative;
    top: 0px;
    right: 15px;
  }
}
#takeRegisterContainer {
  margin: 15px;
}
#takeRegisterContainer #takeRegisterContent input[type="text"].hasDatepicker {
  width: 100px;
  margin-right: 10px;
  cursor: pointer;
}
#takeRegisterContainer #takeRegisterContent #searchUsers {
  width: 300px;
}
#takeRegisterContainer #takeRegisterContent .searchResults {
  float: right;
}
#takeRegisterContainer #takeRegisterContent .searchResults .right {
  float: right;
}
#takeRegisterContainer #takeRegisterContent .searchResults .left {
  float: left;
}
#takeRegisterContainer #takeRegisterContent .searchResults .left .itemCount {
  margin: 10px 15px 0 0;
}
@media screen and (max-width: 1086px) {
  #takeRegisterContainer #takeRegisterContent .searchResults {
    /*.left {
					float: left;

					.itemCount {
						margin: 10px 15px 0 0;
					}
				}*/
  }
  #takeRegisterContainer #takeRegisterContent .searchResults .right {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 448px) {
  #takeRegisterContainer #takeRegisterContent .searchResults .right {
    margin-bottom: 3px;
  }
  #takeRegisterContainer #takeRegisterContent .searchResults .left {
    float: right;
    margin-bottom: 5px;
  }
  #takeRegisterContainer #takeRegisterContent .searchResults .left .itemCount {
    margin: 0px 15px 0 0;
  }
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable {
  overflow-x: auto;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table {
  width: 100%;
  border: solid 1px #24303B;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table thead tr {
  background-color: #24303B;
  color: #EBECED;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table thead tr th {
  padding: 10px 10px 15px;
  text-align: left;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table thead tr th.dayContainer {
  width: 100px;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table thead tr th.dayContainer.selected {
  background-color: #0B61BD;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table thead tr th.dayContainer.highlight {
  background-color: #798087;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table thead tr th.dayContainer .dayHeading {
  text-align: center;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table thead tr th.dayContainer .dayHeading .selectAllUsers {
  margin-top: 5px;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table thead tr th.dayContainer .dayHeading.sg-checkbox input[type=checkbox] {
  margin-top: 10px;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table thead tr th.dayContainer .dayHeading.sg-checkbox input[type=checkbox] ~ label {
  margin-top: 10px;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table thead tr th.dayContainer .dayHeading.sg-checkbox input[type=checkbox] ~ label:before {
  margin-top: 10px;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table thead tr th.dayContainer .dayHeading.sg-checkbox input[type=checkbox] ~ label:after {
  margin-top: 10px;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table thead tr th .dropdown {
  border-collapse: collapse;
  box-sizing: border-box;
  color: #333333;
  display: block;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table thead tr th .dropdown .btn-default .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table thead tr th .dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  max-height: 350px;
  overflow-y: scroll;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table thead tr th .dropdown .dropdown-menu li.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table thead tr th .dropdown .dropdown-menu li.divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #EBECED;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table thead tr th .dropdown .dropdown-menu li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table thead tr th .dropdown .dropdown-menu li .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  display: table-cell;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table thead tr th .dropdown .dropdown-menu li .input-group-btn .gridFilterClearSearch {
  margin-top: -10px;
  padding: 2px 4px;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table thead tr th .dropdown .dropdown-menu li .input-group-btn .gridFilterClearSearch .glyphicons {
  margin-right: 0;
  margin-top: -1px;
  vertical-align: top;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table thead tr th .dropdown.open .dropdown-menu {
  display: block;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table tbody tr {
  border-bottom: solid 1px #24303B;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table tbody tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #EBECED;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table tbody tr td {
  padding: 15px 10px;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table tbody tr td.dayContainer.selected {
  background-color: #EBECED;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table tbody tr td.dayContainer.highlight {
  background-color: #E0F0FA;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table tbody tr td.dayContainer .presentContainer {
  text-align: center;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table tbody tr td.dayContainer .presentContainer .priceBand {
  display: block;
  min-width: 70px;
  color: #bfb9b9;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table tbody tr td.dayContainer .presentContainer .selection {
  min-width: 67px;
  margin: 0 auto;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table tbody tr td.dayContainer .presentContainer .present {
  margin-bottom: 6px;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table tbody tr td.dayContainer .sg-checkbox input[type=checkbox] {
  margin-top: -5px;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table tbody tr td.dayContainer .sg-checkbox input[type=checkbox] ~ label {
  margin-top: -5px;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table tbody tr td.dayContainer .sg-checkbox input[type=checkbox] ~ label:before {
  margin-top: -5px;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table tbody tr td.dayContainer .sg-checkbox input[type=checkbox] ~ label:after {
  margin-top: -5px;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table tbody tr td.name {
  display: table-cell;
  min-width: 150px;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterTable table tbody tr td.name .selectAllDays ~ label {
  margin-right: 10px;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterNavigationContainer {
  background-color: #24303B;
  color: #EBECED;
  border: 1px solid #24303B;
  padding: 10px;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterNavigationContainer .searchResults .left {
  float: left;
}
#takeRegisterContainer #takeRegisterContent #takeRegisterNavigationContainer .searchResults .resultText {
  float: left;
  margin: 10px 20px;
}
#takeRegisterContainer #addOtherUsersContainer {
  border-top: solid 3px #24303B;
  overflow-x: auto;
}
#takeRegisterContainer #addOtherUsersContainer table {
  margin-top: 10px;
  width: 100%;
}
#takeRegisterContainer #addOtherUsersContainer table thead tr {
  background-color: #24303B;
  color: #EBECED;
}
#takeRegisterContainer #addOtherUsersContainer table thead tr th {
  padding: 10px;
  text-align: left;
}
#takeRegisterContainer #addOtherUsersContainer table thead tr th.dayContainer {
  width: 100px;
}
#takeRegisterContainer #addOtherUsersContainer table thead tr th.dayContainer.selected {
  background-color: #EBECED;
}
#takeRegisterContainer #addOtherUsersContainer table thead tr th.dayContainer.highlight {
  background-color: #798087;
}
#takeRegisterContainer #addOtherUsersContainer table thead tr th.dayContainer .dayHeading {
  text-align: center;
}
#takeRegisterContainer #addOtherUsersContainer table thead tr th.name {
  min-width: 150px;
}
#takeRegisterContainer #addOtherUsersContainer table thead tr th .dropdown {
  border-collapse: collapse;
  box-sizing: border-box;
  color: #333333;
  display: block;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}
#takeRegisterContainer #addOtherUsersContainer table thead tr th .dropdown .btn-default {
  /*color: #333;
								background-color: #fff;
								border-color: #ccc;*/
}
#takeRegisterContainer #addOtherUsersContainer table thead tr th .dropdown .btn-default .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
#takeRegisterContainer #addOtherUsersContainer table thead tr th .dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
#takeRegisterContainer #addOtherUsersContainer table thead tr th .dropdown .dropdown-menu li.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
#takeRegisterContainer #addOtherUsersContainer table thead tr th .dropdown .dropdown-menu li.divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #EBECED;
}
#takeRegisterContainer #addOtherUsersContainer table thead tr th .dropdown .dropdown-menu li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
#takeRegisterContainer #addOtherUsersContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  display: table-cell;
}
#takeRegisterContainer #addOtherUsersContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn .gridFilterClearSearch {
  margin-top: -10px;
  padding: 2px 4px;
}
#takeRegisterContainer #addOtherUsersContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn .gridFilterClearSearch .glyphicons {
  margin-right: 0;
  margin-top: -1px;
  vertical-align: top;
}
#takeRegisterContainer #addOtherUsersContainer table thead tr th .dropdown.open .dropdown-menu {
  display: block;
}
#takeRegisterContainer #addOtherUsersContainer table tbody tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #EBECED;
}
#takeRegisterContainer #addOtherUsersContainer table tbody tr td {
  padding: 10px;
}
#takeRegisterContainer #addOtherUsersContainer table tbody tr td.dayContainer {
  width: 100px;
}
#takeRegisterContainer #addOtherUsersContainer table tbody tr td.dayContainer.selected {
  background-color: #EBECED;
}
#takeRegisterContainer #addOtherUsersContainer table tbody tr td.dayContainer.highlight {
  background-color: #798087;
}
#takeRegisterContainer #addOtherUsersContainer table tbody tr td.dayContainer .presentContainer {
  text-align: center;
}
#takeRegisterContainer #addOtherUsersContainer table tbody tr td.dayContainer .presentContainer .priceBand {
  color: #bfb9b9;
}
#takeRegisterContainer #addOtherUsersContainer table tbody tr td.dayContainer .presentContainer .present {
  margin-right: 4px;
}
#takeRegisterContainer #addOtherUsersContainer table tbody tr td.name {
  min-width: 150px;
}
#registerActivityContainer {
  padding: 15px;
  margin: 30px;
  background-color: #ffffff;
}
#registerActivityContainer #registerActivityTableContainer {
  overflow: scroll;
  min-height: 360px;
}
#registerActivityContainer table {
  border: 1px solid #24303B;
  width: 100%;
  padding: 15px;
}
#registerActivityContainer table thead {
  width: 100%;
}
#registerActivityContainer table thead tr {
  background-color: #24303B;
  color: #EBECED;
}
#registerActivityContainer table thead tr th {
  padding: 10px 15px;
  text-align: left;
  vertical-align: middle;
}
#registerActivityContainer table thead tr th #selectAllPagesContainer #selectAllPagesBackground {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#registerActivityContainer table thead tr th #selectAllPagesContainer #selectAllPagesMessage {
  position: absolute;
  margin-top: -43px;
  margin-left: 20px;
  padding: 7px 12px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
}
#registerActivityContainer table thead tr th #selectAllPagesContainer #selectAllPagesMessage.deselected {
  width: 380px;
  z-index: 2;
}
#registerActivityContainer table thead tr th #selectAllPagesContainer #selectAllPagesMessage.selected {
  width: 365px;
  z-index: 2;
}
#registerActivityContainer table thead tr th #selectAllPagesContainer #selectAllPagesMessage p {
  display: inline-block;
  margin-right: 12px;
}
#registerActivityContainer table thead tr th .dropdown {
  border-collapse: collapse;
  box-sizing: border-box;
  color: #333333;
  display: block;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}
#registerActivityContainer table thead tr th .dropdown .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
#registerActivityContainer table thead tr th .dropdown .btn-default .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
#registerActivityContainer table thead tr th .dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  max-height: 350px;
  overflow-y: auto;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
#registerActivityContainer table thead tr th .dropdown .dropdown-menu li.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
#registerActivityContainer table thead tr th .dropdown .dropdown-menu li.divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
#registerActivityContainer table thead tr th .dropdown .dropdown-menu li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
#registerActivityContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  display: table-cell;
}
#registerActivityContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn .gridFilterClearSearch {
  margin-top: -10px;
  padding: 2px 4px;
}
#registerActivityContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn .gridFilterClearSearch .glyphicons {
  margin-right: 0;
  margin-top: -1px;
  vertical-align: top;
}
#registerActivityContainer table thead tr th .dropdown.open .dropdown-menu {
  display: block;
}
#registerActivityContainer table tbody {
  width: 100%;
}
#registerActivityContainer table tbody tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #EBECED;
}
#registerActivityContainer table tbody tr td {
  padding: 10px 15px;
  text-align: left;
}
#registerActivityContainer table tbody tr td.usersBalance {
  color: #428bca;
  cursor: pointer;
}
#registerActivityContainer #filterHeadings {
  background-color: #24303B;
  color: #EBECED;
  padding: 10px;
  margin-bottom: 20px;
}
#registerActivityContainer #filterHeadings .headingGroupContainer {
  float: left;
  margin-right: 10px;
}
#registerActivityContainer #filterHeadings .headingGroupContainer:last-child {
  margin-right: 0;
}
#registerActivityContainer #filterHeadings .headingGroupContainer.buttonContainer {
  float: right;
  margin-top: 28px;
  margin-left: 10px;
}
#registerActivityContainer #filterHeadings .headingGroupContainer .headingContainer {
  float: left;
  margin-right: 10px;
  text-align: center;
}
#registerActivityContainer #filterHeadings .headingGroupContainer .headingContainer:last-child {
  margin-right: 0;
}
#registerActivityContainer #filterHeadings .headingGroupContainer .headingContainer .btn {
  padding: 9px 15px !important;
}
#registerActivityContainer #filterHeadings .headingGroupContainer .headingContainer h3 {
  margin-top: 0;
}
#registerActivityContainer #filterHeadings .headingGroupContainer .headingContainer input[type="checkbox"] {
  margin-top: 10px;
}
#registerActivityContainer #filterHeadings .headingGroupContainer .headingContainer select,
#registerActivityContainer #filterHeadings .headingGroupContainer .headingContainer input[type="text"],
#registerActivityContainer #filterHeadings .headingGroupContainer .headingContainer input[type="number"] {
  margin-bottom: 0;
  color: #24303B;
}
@media screen and (max-width: 1642px) {
  #registerActivityContainer #filterHeadings .filterOptions {
    position: relative;
    width: 100%;
    overflow: auto;
  }
  #registerActivityContainer #filterHeadings .filterOptions .headingGroupContainer.two {
    width: 50%;
  }
  #registerActivityContainer #filterHeadings .filterOptions .headingGroupContainer.two:last-child {
    margin-right: 0 !important;
  }
  #registerActivityContainer #filterHeadings .filterOptions .headingGroupContainer.two .headingContainer {
    width: 30%;
  }
  #registerActivityContainer #filterHeadings .filterOptions .headingGroupContainer.three {
    width: 45%;
  }
  #registerActivityContainer #filterHeadings .filterOptions .headingGroupContainer.three .headingContainer {
    width: 38%;
    margin-right: 2%;
  }
  #registerActivityContainer #filterHeadings .filterOptions .headingGroupContainer.three .headingContainer.showDeleted {
    width: 65px;
  }
  #registerActivityContainer #filterHeadings .filterOptions .headingGroupContainer.three .headingContainer.balanceUnder {
    max-width: 100px;
  }
  #registerActivityContainer #filterHeadings .filterOptions .headingGroupContainer.three .headingContainer:last-child {
    margin-right: 0 !important;
  }
  #registerActivityContainer #filterHeadings .buttonContainer {
    margin-top: 10px !important;
    margin-left: 0 !important;
  }
  #registerActivityContainer #filterHeadings .buttonContainer.action {
    float: left;
  }
}
@media screen and (max-width: 684px) {
  #registerActivityContainer #filterHeadings .filterOptions .headingGroupContainer.two {
    width: 100%;
    margin-bottom: 5px;
  }
  #registerActivityContainer #filterHeadings .filterOptions .headingGroupContainer.three {
    width: 100%;
  }
  #registerActivityContainer #filterHeadings .buttonContainer .headingContainer:last-child {
    margin-top: 5px;
  }
}
#registerActivityContainer #registerActivityNavigationContainer {
  background-color: #24303B;
  color: #EBECED;
  padding: 10px;
}
#registerActivityContainer #registerActivityNavigationContainer .searchResults .left {
  float: left;
}
#registerActivityContainer #registerActivityNavigationContainer .searchResults .resultText {
  float: left;
  margin: 10px 20px;
}
#userTransactionsContainer {
  overflow-x: auto;
}
#userTransactionsContainer table {
  width: 100%;
  padding: 15px;
}
#userTransactionsContainer table thead {
  display: table;
  width: 100%;
}
#userTransactionsContainer table thead tr {
  background-color: #24303B;
  color: #EBECED;
}
#userTransactionsContainer table thead tr th {
  padding: 10px 15px;
  text-align: left;
  width: 14%;
}
#userTransactionsContainer table tbody {
  max-height: 400px;
  overflow-y: scroll;
  display: block;
  width: 100%;
}
#userTransactionsContainer table tbody tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #EBECED;
}
#userTransactionsContainer table tbody tr td {
  padding: 10px 15px;
  text-align: left;
  width: 14%;
}
#importAuditLogContainer a {
  color: #ffffff !important;
}
#bookingsContainer {
  margin: 10px;
}
#bookingsContainer .purchaseWindowIcon {
  background-color: #24303B;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}
#bookingsContainer #monthDetails .monthHeader {
  width: 90%;
  font-size: 2em;
  text-align: center;
  float: left;
}
#bookingsContainer #monthDetails .monthActions {
  font-size: 25px;
  cursor: pointer;
}
#bookingsContainer #monthContainer .weekRow {
  border-bottom: 1px solid #24303B;
  border-top: 1px solid #24303B;
}
#bookingsContainer #monthContainer .weekRow.active {
  background: #DAED89;
}
#bookingsContainer #monthContainer .weekRow.published {
  background: #FBE8CC;
}
#bookingsContainer #monthContainer .weekRow .dayContainer {
  float: left;
  width: 12.5%;
  border-right: 1px solid #24303B;
  border-left: 1px solid #24303B;
  text-align: center;
}
#bookingsContainer #monthContainer .weekRow .dayContainer.notRequired {
  background: #EBECED;
}
#bookingsContainer #monthContainer .weekRow .dayContainer .dayHeader {
  border-bottom: 1px solid #24303B;
  padding: 10px 5px;
  background-color: #0B61BD;
  color: #EBECED;
}
#bookingsContainer #monthContainer .weekRow .dayContainer .dayHeader.previousHeader {
  background-color: #798087 !important;
}
#bookingsContainer #monthContainer .weekRow .dayContainer .dayDetails {
  min-height: 110px !important;
}
#bookingsContainer #monthContainer .weekRow .dayContainer .dayDetails .blankDay {
  color: #24303B;
  margin: auto;
  font-size: 4em;
  font-weight: lighter;
  width: 40px;
}
#bookingsContainer #monthContainer .weekRow .dayContainer .dayDetails .dayActions {
  padding-top: 10px;
  cursor: pointer;
}
#bookingsContainer #monthContainer .weekRow .dayContainer .dayDetails .dayActions .dayIcon {
  margin: 0 0 5px 0;
}
#bookingsContainer #monthContainer .weekRow .dayContainer .dayDetails .dayName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px;
}
#bookingsContainer #monthContainer .weekRow .dayContainer .actionsContainer {
  min-height: 145px;
  padding-top: 10px;
}
#bookingsContainer #monthContainer .weekRow .dayContainer .actionsContainer .weekActions {
  height: 45px;
  cursor: pointer;
}
#bookingsContainer #monthContainer .weekRow .dayContainer .actionsContainer .weekActions .weekIcon {
  margin: 0 0 5px 0;
}
#bookingsContainer #monthContainer .weekRow .dayContainer .actionsContainer .weekActions .publishIcon {
  font-size: 25px;
}
#bookingsContainer #monthContainer .weekRow .dayContainer .actionsContainer .weekActions .previewIcon {
  font-size: 19px;
}
#bookingsContainer #keyContainer {
  margin-top: 10px;
}
#bookingsContainer #keyContainer .key {
  float: left;
}
#bookingsContainer #keyContainer .key .colorBox {
  height: 35px;
  width: 45px;
  float: left;
}
#bookingsContainer #keyContainer .key .colorBox.PUBLISHED {
  background-color: #FBE8CC;
}
#bookingsContainer #keyContainer .key .colorBox.PURCHASEWINDOW {
  background-color: #DAED89;
}
.selectionsContainer {
  margin-left: 15px;
}
.text-center {
  text-align: center;
}
.weekSchedulePreviewContainer {
  padding: 20px;
}
.statsDetails {
  padding: 5px 15px;
}
.statsDetails .hr-padding {
  margin-top: 5px;
  margin-bottom: 5px;
}
#templatesListDialog .headerBar {
  border-bottom: 1px solid #EBECED;
}
#selectionDialogContainer #registerSelection {
  margin: 15px;
}
#selectionDialogContainer #registerSelection .dayContainer.highlight .dayHeading {
  background-color: #0B61BD;
  color: #FFF;
}
#selectionDialogContainer #registerSelection .dayContainer .dayHeading {
  position: relative;
  margin-top: 25px;
  padding: 11px 11px 12px 11px;
  background-color: #E0F0FA;
  cursor: pointer;
}
#selectionDialogContainer #registerSelection .dayContainer .dayHeading h2 {
  display: inline-block;
  width: 79%;
  margin: 0;
}
#selectionDialogContainer #registerSelection .dayContainer .dayHeading span {
  display: inline-block;
  float: right;
  margin-top: 2px;
  width: 19%;
  text-align: right;
}
#selectionDialogContainer #registerSelection .dayContainer .dayHeading .checkboxCover {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50px;
}
#selectionDialogContainer #registerSelection .dayContainer .selectionSection {
  transition: max-height 0.3s ease-out;
  max-height: 1000px;
  height: auto;
  overflow: hidden;
  padding: 10px;
}
#selectionDialogContainer #registerSelection .dayContainer .selectionSection .hide {
  height: 0;
}
#selectionDialogContainer #registerSelection .dayContainer .selectionSection .optionGroup h3 {
  font-weight: bold;
}
#selectionDialogContainer #registerSelection .dayContainer .selectionSection .optionGroup .option {
  margin-bottom: 5px;
}
#selectionDialogContainer #registerSelection .dayContainer .selectionSection .optionGroup .option input[type='radio'] {
  margin-right: 5px;
}
#selectionDialogContainer #registerSelection .dayContainer .selectionSection .optionGroup .option .additionalInfoIcon {
  margin-left: 8px;
  cursor: pointer;
}
#selectionDialogContainer #registerSelection .dayContainer .selectionSection .optionGroup .option .additionalInfoText {
  margin: 10px 0 16px 0;
  padding: 10px;
  border: 1px dashed #000000;
  border-radius: 6px;
  position: absolute;
  opacity: 0;
  z-index: -1;
}
#selectionDialogContainer #registerSelection .dayContainer .selectionSection .optionGroup .option .additionalInfoText.active {
  position: static;
  opacity: 1;
  transition: opacity 1s linear;
}
#takeRegisterSummaryContent {
  margin: 15px;
}
#takeRegisterSummaryContent #summaryOverview {
  margin-top: 40px;
  text-align: center;
  font-size: 15px;
}
#takeRegisterSummaryContent #affectedRecordsContainer {
  margin: 0 auto;
}
#takeRegisterSummaryContent #affectedRecordsContainer .affectedRecordTable {
  width: 80%;
  margin: 0 auto;
}
#takeRegisterSummaryContent #affectedRecordsContainer .affectedRecord {
  text-align: center;
}
#takeRegisterSummaryContent #affectedRecordsContainer .affectedRecord .affectedType {
  margin-bottom: 3px;
  padding: 5px;
}
#takeRegisterSummaryContent #affectedRecordsContainer .affectedRecord .affectedAmount {
  padding: 12px;
  font-size: 24px;
}
#takeRegisterSummaryContent #unsavedRecords {
  overflow-x: auto;
}
#takeRegisterSummaryContent #unsavedRecords table {
  width: 100%;
}
#takeRegisterSummaryContent #unsavedRecords table thead tr {
  background-color: #E0F0FA;
}
#takeRegisterSummaryContent #unsavedRecords table thead tr th {
  padding: 10px;
  text-align: left;
}
#takeRegisterSummaryContent #unsavedRecords table thead tr th.dayContainer {
  width: 100px;
}
#takeRegisterSummaryContent #unsavedRecords table thead tr th.dayContainer.selected {
  background-color: #0B61BD;
}
#takeRegisterSummaryContent #unsavedRecords table thead tr th.dayContainer.highlight {
  background-color: #d4d6d4;
}
#takeRegisterSummaryContent #unsavedRecords table thead tr th.dayContainer .dayHeading {
  text-align: center;
}
#takeRegisterSummaryContent #unsavedRecords table thead tr th.dayContainer .dayHeading .selectAllUsers {
  margin-top: 5px;
}
#takeRegisterSummaryContent #unsavedRecords table thead tr th .dropdown {
  border-collapse: collapse;
  box-sizing: border-box;
  color: #333333;
  display: block;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}
#takeRegisterSummaryContent #unsavedRecords table thead tr th .dropdown .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
#takeRegisterSummaryContent #unsavedRecords table thead tr th .dropdown .btn-default .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
#takeRegisterSummaryContent #unsavedRecords table thead tr th .dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  max-height: 350px;
  overflow-y: scroll;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
#takeRegisterSummaryContent #unsavedRecords table thead tr th .dropdown .dropdown-menu li.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
#takeRegisterSummaryContent #unsavedRecords table thead tr th .dropdown .dropdown-menu li.divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
#takeRegisterSummaryContent #unsavedRecords table thead tr th .dropdown .dropdown-menu li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
#takeRegisterSummaryContent #unsavedRecords table thead tr th .dropdown .dropdown-menu li .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  display: table-cell;
}
#takeRegisterSummaryContent #unsavedRecords table thead tr th .dropdown .dropdown-menu li .input-group-btn .gridFilterClearSearch {
  margin-top: -10px;
  padding: 2px 4px;
}
#takeRegisterSummaryContent #unsavedRecords table thead tr th .dropdown .dropdown-menu li .input-group-btn .gridFilterClearSearch .glyphicons {
  margin-right: 0;
  margin-top: -1px;
  vertical-align: top;
}
#takeRegisterSummaryContent #unsavedRecords table thead tr th .dropdown.open .dropdown-menu {
  display: block;
}
#takeRegisterSummaryContent #unsavedRecords table tbody tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #fbfbfb;
}
#takeRegisterSummaryContent #unsavedRecords table tbody tr td {
  padding: 10px;
}
#takeRegisterSummaryContent #unsavedRecords table tbody tr td.dayContainer.selected {
  background-color: #E0F0FA;
}
#takeRegisterSummaryContent #unsavedRecords table tbody tr td.dayContainer.highlight {
  background-color: #dee0de;
}
#takeRegisterSummaryContent #unsavedRecords table tbody tr td.dayContainer .presentContainer {
  text-align: center;
}
#takeRegisterSummaryContent #unsavedRecords table tbody tr td.dayContainer .presentContainer .priceBand {
  display: block;
  min-width: 70px;
  color: #bfb9b9;
}
#takeRegisterSummaryContent #unsavedRecords table tbody tr td.dayContainer .presentContainer .selection {
  min-width: 67px;
}
#takeRegisterSummaryContent #unsavedRecords table tbody tr td.dayContainer .presentContainer .present {
  margin-bottom: 6px;
}
#takeRegisterSummaryContent #unsavedRecords table tbody tr td.name {
  min-width: 150px;
}
#takeRegisterSummaryContent #unsavedRecords table tbody tr td.name .selectAllDays {
  margin-right: 5px;
}
#createAllergenContainer {
  background-color: #ffffff;
  margin: 30px;
  padding: 20px;
}
#allergenDetailsContainer {
  background-color: #ffffff;
  padding: 20px;
}
#allergenDetailsContainer .allergenUser {
  background-color: #CCE7ED;
  border-left: solid 5px #0089A4;
  line-height: 22px;
  margin-bottom: 1px;
  font-weight: lighter;
  padding: 10px;
}
.dialog #createAllergenContainer {
  margin: 0;
}
#allergenSelectionContainer {
  padding: 20px;
}
#registersSettingsContainer {
  background-color: #ffffff;
  margin: 30px;
  padding: 20px;
}
#registersSettingsContainerDetailsContainer {
  background-color: #ffffff;
  padding: 20px;
}
#registersSettingsContainerDetailsContainer .allergenUser {
  background-color: #CCE7ED;
  border-left: solid 5px #0089A4;
  line-height: 22px;
  margin-bottom: 1px;
  font-weight: lighter;
  padding: 10px;
}
.dialog #registersSettingsContainer {
  margin: 0;
}
#allergenSelectionContainer {
  padding: 20px;
}
#requestHistory .row {
  padding: 10px 20px 35px 20px;
}
#requestHistory span.column {
  padding-top: 7px;
}
#requestHistory .oldrow {
  padding: 10px;
}
#requestHistory .row:nth-child(odd) {
  background-color: #ddd;
}
#requestHistory .row .column {
  float: left;
  width: 25%;
}
#requestHistory .oldHistory .oldrow .column {
  float: left;
  width: 25%;
}
#requestHistory .row .heading {
  font-weight: bold;
}
.dismissWarning {
  position: absolute;
  right: 10px;
  top: 10px;
}
.registerImportsWarning {
  position: relative;
}
#helpDialogContainer.padding-10 {
  padding: 10px;
}
#helpDialogContainer .headerBanner {
  margin-bottom: 10px;
  background-color: #0B61BD;
  color: #fff;
  padding: 1px 11%;
  text-align: center;
}
#helpDialogContainer .headerBanner h1 {
  font-weight: 100;
  font-size: 1.7em;
}
#helpDialogContainer ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 10px 0;
}
#helpDialogContainer ul.walkMe {
  list-style-type: disc;
  padding: 10px 20px;
}
#helpDialogContainer ul li {
  padding: 5px 20px;
}
#helpDialogContainer ul li a {
  display: block;
  text-decoration: none;
  color: #000;
  outline: none;
}
#helpDialogContainer ul li .rowContainer {
  position: relative;
  overflow: auto;
  background-color: #e8e8e8;
  padding: 10px;
  border-radius: 10px;
}
#helpDialogContainer ul li .rowContainer.clickable:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}
#helpDialogContainer ul li .rowContainer .imageContainer {
  float: left;
}
#helpDialogContainer ul li .rowContainer .imageContainer img {
  display: block;
}
#helpDialogContainer ul li .rowContainer .contentContainer {
  overflow: hidden;
  margin-left: 75px;
}
#helpDialogContainer ul li .rowContainer .contentContainer h2 {
  margin-top: 24px;
  margin-left: 10px;
  color: #24303B;
  font-weight: normal;
}
#helpDialogContainer ul li .rowContainer .contentContainer h2:after {
  position: absolute;
  right: 20px;
  top: 38px;
  color: #0B61BD;
  content: "\E224";
  font: 12px/1em 'Glyphicons Regular';
}
.ionicStyle {
  @charset "UTF-8";
  line-height: 1.2;
  /*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, i, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, fieldset, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: baseline;
		font: inherit;
		font-size: 100%;
		line-height: 20px;
	}

	strong {
		font-weight: bold;
	}

	.disable-user-behavior {
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-touch-callout: none;
		-webkit-tap-highlight-color: transparent;
		-webkit-tap-highlight-color: transparent;
		-webkit-user-drag: none;
		-ms-touch-action: none;
		-ms-content-zooming: none;
	}

	.padding {
		padding: 10px;
	}

	.list {
		position: relative;
		padding-top: 1px;
		padding-bottom: 1px;
		padding-left: 0;
		margin-bottom: 20px;
	}

	.list:last-child {
		margin-bottom: 0px;
	}

	.view-container {
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
	}

	.bar.bar-stable .title {
		color: #444;
	}

	.pane, .view {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		overflow: hidden;
	}

	.scroll-content {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		margin-top: -1px;
		padding-top: 1px;
		margin-bottom: -1px;
		width: auto;
		height: auto;
	}

	.has-header {
		top: 44px;
	}

	[nav-bar-transition="ios"] .title, [nav-bar-transition="ios"] .buttons, [nav-bar-transition="ios"] .back-text {
		-webkit-transition-duration: 500ms;
		transition-duration: 500ms;
		-webkit-transition-timing-function: cubic-bezier(0.36, 0.66, 0.04, 1);
		transition-timing-function: cubic-bezier(0.36, 0.66, 0.04, 1);
		-webkit-transition-property: opacity, -webkit-transform;
		transition-property: opacity, transform;
	}

	.bar {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		position: absolute;
		right: 0;
		left: 0;
		z-index: 9;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 5px;
		width: 100%;
		height: 44px;
		border-width: 0;
		border-style: solid;
		border-top: 1px solid transparent;
		border-bottom: 1px solid #ddd;
		background-color: white;
		background-size: 0;

		.title {
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			left: 0;
			z-index: 0;
			overflow: hidden;
			margin: 0 10px;
			min-width: 30px;
			height: 43px;
			text-align: center;
			text-overflow: ellipsis;
			white-space: nowrap;
			font-size: 17px;
			font-weight: 500;
			line-height: 44px;
		}
	}
	.bar-header {
		top: 0;
		border-top-width: 0;
		border-bottom-width: 1px;
	}

	.bar.bar-stable {
		border-color: #b2b2b2;
		background-color: #f8f8f8;
		background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
		color: #444;
	}

	[nav-bar-transition="ios"] [nav-bar="active"] .bar, [nav-bar-transition="ios"] [nav-bar="entering"] .bar {
		background: transparent;
	}

	.item {
		border-color: #ddd;
		background-color: #fff;
		color: #444;
		position: relative;
		z-index: 2;
		display: block;
		margin: -1px;
		padding: 16px;
		border-width: 1px;
		border-style: solid;
		font-size: 16px;
		cursor: pointer;
	}

	.row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		padding: 5px;
		width: 100%;
	}

	.row-no-padding {
		padding: 0;
	}

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

	.col {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-box-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		flex: 1;
		display: block;
		padding: 5px;
		width: 100%;
	}

	.section-title {
		font-weight: 400;
	}

	.margin-bottom-20 {
		margin-bottom: 20px;
	}

	.row-no-padding > .col {
		padding: 0;
	}

	.row + .row {
		margin-top: -5px;
		padding-top: 0;
	}

	.item-divider {
		padding-top: 8px;
		padding-bottom: 8px;
		min-height: 30px;
		background-color: #f5f5f5;
		color: #222;
		font-weight: 500;
	}

	.item-complex, a.item.item-complex, button.item.item-complex {
		padding: 0;
	}

	a, button, :focus, a:focus, button:focus, a:active, a:hover {
		outline: 0;
	}

	a {
		-webkit-user-drag: none;
		-webkit-tap-highlight-color: transparent;
	}

	a {
		color: #387ef5;
	}

	a.item-content {
		display: block;
		color: inherit;
		text-decoration: none;
	}

	.item-complex .item-content, .item-radio .item-content {
		position: relative;
		z-index: 2;
		padding: 16px 49px 16px 16px;
		border: none;
		background-color: #fff;
	}

	p {
		margin: 0 0 10px;
	}

	.item-icon-right {
		padding-right: 54px;
	}

	.item p {
		color: #666;
		font-size: 14px;
		margin-bottom: 2px;
	}

	.item, .item h1, .item h2, .item h3, .item h4, .item h5, .item h6, .item p, .item-content, .item-content h1, .item-content h2, .item-content h3, .item-content h4, .item-content h5, .item-content h6, .item-content p {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.item h1:last-child, .item h2:last-child, .item h3:last-child, .item h4:last-child, .item h5:last-child, .item h6:last-child, .item p:last-child {
		margin-bottom: 0;
	}

	.item-icon-left .icon:before, .item-icon-right .icon:before {
		display: block;
		width: 32px;
		text-align: center;
	}

	!**
 * Item Icons
 * --------------------------------------------------
 *!
	.item-icon-left .icon,
	.item-icon-right .icon {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		align-items: center;
		position: absolute;
		top: 0;
		height: 100%;
		font-size: 32px; }
	.item-icon-left .icon:before,
	.item-icon-right .icon:before {
		display: block;
		width: 32px;
		text-align: center; }

	.item .fill-icon {
		min-width: 30px;
		min-height: 30px;
		font-size: 28px; }

	.item-icon-left {
		padding-left: 54px; }
	.item-icon-left .icon {
		left: 11px; }

	.item-complex.item-icon-left {
		padding-left: 0; }
	.item-complex.item-icon-left .item-content {
		padding-left: 54px; }

	.item-icon-right {
		height: 64px;
		position: absolute;
		right: 0;
		top: 0;
		padding-right: 54px; }
	.item-icon-right .icon {
		right: 11px; }

	.item-complex.item-icon-right {
		padding-right: 0; }
	.item-complex.item-icon-right .item-content {
		padding-right: 54px; }

	.item-icon-left.item-icon-right .icon:first-child {
		right: auto; }

	.item-icon-left.item-icon-right .icon:last-child,
	.item-icon-left .item-delete .icon {
		left: auto; }

	.item-icon-left .icon-accessory,
	.item-icon-right .icon-accessory {
		color: #ccc;
		font-size: 16px; }

	.item-icon-left .icon-accessory {
		left: 3px; }

	.item-icon-right .icon-accessory {
		right: 3px; }

	.text-left {
		text-align: left;
	}

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

	.row-no-padding > .col {
		padding: 0;
	}
	.col {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-box-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		flex: 1;
		display: block;
		padding: 5px;
		width: 100%;
	}

	.item-icon-left .icon, .item-icon-right .icon {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		align-items: center;
		position: absolute;
		top: 0;
		height: 100%;
		font-size: 32px;
	}

	.item-icon-right .icon {
		right: 11px;
	}

	.item-icon-left .icon-accessory, .item-icon-right .icon-accessory {
		color: #ccc;
		font-size: 16px;
	}

	.item-icon-right .icon-accessory {
		right: 3px;
	}

	.list:last-child {
		margin-bottom: 0px;
	}

	.section-title {
		font-weight: 400;
	}

	.title {
		font-size: 16px;
		font-weight: 300;
	}

	.headline {
		line-height:1em;
		margin-top: 10px;
		font-size: 26px;
		font-weight: lighter;
	}

	.indicator {
		max-width: 10px;
		margin-top: 32px;
	}

	.subText {
		font-size: 12px !important;
		color: #999;
	}

	.subTextBlack {
		font-size: 12px;
		color: #000;
	}

	.balance {
		font-size: 12px;
	}

	.credit, .pos {
		color: #04b708;
	}

	.debit, .neg {
		color: #b70300;
	}

	.lastItem {
		border-bottom: none;
	}

	.font12px {
		font-size: 12px;
	}

	.margin-top-20 {
		margin-top: 20px;
	}

	.margin-bottom-10 {
		margin-bottom: 10px;
	}

	.margin-bottom-20 {
		margin-bottom: 20px;
	}

	.list:last-child {
		margin-bottom: 0px;
	}*/
  /*!
 * Copyright 2015 Drifty Co.
 * http://drifty.com/
 *
 * Ionic, v1.2.4
 * A powerful HTML5 mobile app framework.
 * http://ionicframework.com/
 *
 * By @maxlynch, @benjsperry, @adamdbradley <3
 *
 * Licensed under the MIT license. Please see LICENSE for more information.
 *
 */
  /*!
  Ionicons, v2.0.1
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
  /**
 * Resets
 * --------------------------------------------------
 * Adapted from normalize.css and some reset.css. We don't care even one
 * bit about old IE, so we don't need any hacks for that in here.
 *
 * There are probably other things we could remove here, as well.
 *
 * normalize.css v2.1.2 | MIT License | git.io/normalize

 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
  /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
  /**
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
  /* ==========================================================================
   Base
   ========================================================================== */
  /**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *  user zoom.
 */
  /**
 * Remove default margin.
 */
  /**
 * Remove default outlines.
 */
  /* *
 * Remove tap highlight color
 */
  /* ==========================================================================
   Typography
   ========================================================================== */
  /**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
  /**
 * Address styling not present in Safari 5 and Chrome.
 */
  /**
 * Address differences between Firefox and other browsers.
 */
  /**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
  /**
 * Improve readability of pre-formatted text in all browsers.
 */
  /**
 * Set consistent quote types.
 */
  /**
 * Address inconsistent and variable font size in all browsers.
 */
  /**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
  /**
 * Define consistent border, margin, and padding.
 */
  /**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
  /**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Remove any default :focus styles
 * 5. Make sure webkit font smoothing is being inherited
 * 6. Remove default gradient in Android Firefox / FirefoxOS
 */
  /**
 * Address Firefox 4+ setting `line-height` on `input` using `importnt` in
 * the UA stylesheet.
 */
  /**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
  /**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *  and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  `input` and others.
 */
  /**
 * Re-set default cursor for disabled elements.
 */
  /**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *  (include `-moz` to future-proof).
 */
  /**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
  /**
 * Remove inner padding and border in Firefox 4+.
 */
  /**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
  /* ==========================================================================
   Tables
   ========================================================================== */
  /**
 * Remove most spacing between table cells.
 */
  /**
 * Scaffolding
 * --------------------------------------------------
 */
  /**
 * Scroll is the scroll view component available for complex and custom
 * scroll view functionality.
 */
  /**
 * Set ms-viewport to prevent MS "page squish" and allow fluid scrolling
 * https://msdn.microsoft.com/en-us/library/ie/hh869615(v=vs.85).aspx
 */
  /* If you change these, change platform.scss as well */
  /**
 * Typography
 * --------------------------------------------------
 */
  /**
 * Action Sheets
 * --------------------------------------------------
 */
  /**
 * Bar (Headers and Footers)
 * --------------------------------------------------
 */
  /**
 * Tabs
 * --------------------------------------------------
 * A navigation bar with any number of tab items supported.
 */
  /* Allow parent element of tabs to define color, or just the tab itself */
  /* Allow parent element to have tabs-top */
  /* If you change this, change platform.scss as well */
  /* Navigational tab */
  /* Active state for tab */
  /**
 * Menus
 * --------------------------------------------------
 * Side panel structure
 */
  /**
 * Modals
 * --------------------------------------------------
 * Modals are independent windows that slide in from off-screen.
 */
  /**
 * Popovers
 * --------------------------------------------------
 * Popovers are independent views which float over content
 */
  /**
 * Popups
 * --------------------------------------------------
 */
  /**
 * Loading
 * --------------------------------------------------
 */
  /**
 * Items
 * --------------------------------------------------
 */
  /**
 * Complex Items
 * --------------------------------------------------
 * Adding .item-complex allows the .item to be slidable and
 * have options underneath the button, but also requires an
 * additional .item-content element inside .item.
 * Basically .item-complex removes any default settings which
 * .item added, so that .item-content looks them as just .item.
 */
  /**
 * Item Icons
 * --------------------------------------------------
 */
  /**
 * Item Button
 * --------------------------------------------------
 * An item button is a child button inside an .item (not the entire .item)
 */
  /**
 * The hidden right-side buttons that can be exposed under a list item
 * with dragging.
 */
  /**
 * Lists
 * --------------------------------------------------
 */
  /**
 * List Header
 * --------------------------------------------------
 */
  /**
 * Cards and Inset Lists
 * --------------------------------------------------
 * A card and list-inset are close to the same thing, except a card as a box shadow.
 */
  /**
 * Badges
 * --------------------------------------------------
 */
  /**
 * Slide Box
 * --------------------------------------------------
 */
  /**
 * Swiper 3.2.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: December 7, 2015
 */
  /* Auto Height */
  /* a11y */
  /* IE10 Windows Phone 8 Fixes */
  /* Arrows */
  /* Pagination Styles */
  /* 3D Container */
  /* Coverflow */
  /* Fade */
  /* Cube */
  /* Scrollbar */
  /* Preloader */
  /**
 * Spinners
 * --------------------------------------------------
 */
  /**
 * Forms
 * --------------------------------------------------
 */
  /**
 * Checkbox
 * --------------------------------------------------
 */
  /**
 * Toggle
 * --------------------------------------------------
 */
  /* the track appearance when the toggle is "off" */
  /* Fix to avoid background color bleeding */
  /* (occured on (at least) Android 4.2, Asus MeMO Pad HD7 ME173X) */
  /* the handle (circle) thats inside the toggle's track area */
  /* also the handle's appearance when it is "off" */
  /**
 * Radio Button Inputs
 * --------------------------------------------------
 */
  /**
 * Range
 * --------------------------------------------------
 */
  /**
 * Select
 * --------------------------------------------------
 */
  /**
 * Progress
 * --------------------------------------------------
 */
  /**
 * Buttons
 * --------------------------------------------------
 */
  /**
 * Button Bar
 * --------------------------------------------------
 */
  /**
 * Grid
 * --------------------------------------------------
 * Using flexbox for the grid, inspired by Philip Walton:
 * http://philipwalton.github.io/solved-by-flexbox/demos/grids/
 * By default each .col within a .row will evenly take up
 * available width, and the height of each .col with take
 * up the height of the tallest .col in the same .row.
 */
  /* Vertically Align Columns */
  /* .row-* vertically aligns every .col in the .row */
  /* .col-* vertically aligns an individual .col */
  /* Column Offsets */
  /* Explicit Column Percent Sizes */
  /* By default each grid column will evenly distribute */
  /* across the grid. However, you can specify individual */
  /* columns to take up a certain size of the available area */
  /* Responsive Grid Classes */
  /* Adding a class of responsive-X to a row */
  /* will trigger the flex-direction to */
  /* change to column and add some margin */
  /* to any columns in the row for clearity */
  /**
 * Utility Classes
 * --------------------------------------------------
 */
  /**
 * Content Padding
 * --------------------------------------------------
 */
  /**
 * Scrollable iFrames
 * --------------------------------------------------
 */
  /**
 * Rounded
 * --------------------------------------------------
 */
  /**
 * Utility Colors
 * --------------------------------------------------
 * Utility colors are added to help set a naming convention. You'll
 * notice we purposely do not use words like "red" or "blue", but
 * instead have colors which represent an emotion or generic theme.
 */
  /**
 * Platform
 * --------------------------------------------------
 * Platform specific tweaks
 */
  /*!
  Ionicons, v1.5.2
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons
*/
}
@font-face {
  font-family: "Ionicons";
  src: url("../fonts/ionicons.eot?v=2.0.1");
  src: url("../fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"), url("../fonts/ionicons.ttf?v=2.0.1") format("truetype"), url("../fonts/ionicons.woff?v=2.0.1") format("woff"), url("../fonts/ionicons.woff") format("woff"), url("../fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.ionicStyle .ion,
.ionicStyle .ionicons,
.ionicStyle .ion-alert:before,
.ionicStyle .ion-alert-circled:before,
.ionicStyle .ion-android-add:before,
.ionicStyle .ion-android-add-circle:before,
.ionicStyle .ion-android-alarm-clock:before,
.ionicStyle .ion-android-alert:before,
.ionicStyle .ion-android-apps:before,
.ionicStyle .ion-android-archive:before,
.ionicStyle .ion-android-arrow-back:before,
.ionicStyle .ion-android-arrow-down:before,
.ionicStyle .ion-android-arrow-dropdown:before,
.ionicStyle .ion-android-arrow-dropdown-circle:before,
.ionicStyle .ion-android-arrow-dropleft:before,
.ionicStyle .ion-android-arrow-dropleft-circle:before,
.ionicStyle .ion-android-arrow-dropright:before,
.ionicStyle .ion-android-arrow-dropright-circle:before,
.ionicStyle .ion-android-arrow-dropup:before,
.ionicStyle .ion-android-arrow-dropup-circle:before,
.ionicStyle .ion-android-arrow-forward:before,
.ionicStyle .ion-android-arrow-up:before,
.ionicStyle .ion-android-attach:before,
.ionicStyle .ion-android-bar:before,
.ionicStyle .ion-android-bicycle:before,
.ionicStyle .ion-android-boat:before,
.ionicStyle .ion-android-bookmark:before,
.ionicStyle .ion-android-bulb:before,
.ionicStyle .ion-android-bus:before,
.ionicStyle .ion-android-calendar:before,
.ionicStyle .ion-android-call:before,
.ionicStyle .ion-android-camera:before,
.ionicStyle .ion-android-cancel:before,
.ionicStyle .ion-android-car:before,
.ionicStyle .ion-android-cart:before,
.ionicStyle .ion-android-chat:before,
.ionicStyle .ion-android-checkbox:before,
.ionicStyle .ion-android-checkbox-blank:before,
.ionicStyle .ion-android-checkbox-outline:before,
.ionicStyle .ion-android-checkbox-outline-blank:before,
.ionicStyle .ion-android-checkmark-circle:before,
.ionicStyle .ion-android-clipboard:before,
.ionicStyle .ion-android-close:before,
.ionicStyle .ion-android-cloud:before,
.ionicStyle .ion-android-cloud-circle:before,
.ionicStyle .ion-android-cloud-done:before,
.ionicStyle .ion-android-cloud-outline:before,
.ionicStyle .ion-android-color-palette:before,
.ionicStyle .ion-android-compass:before,
.ionicStyle .ion-android-contact:before,
.ionicStyle .ion-android-contacts:before,
.ionicStyle .ion-android-contract:before,
.ionicStyle .ion-android-create:before,
.ionicStyle .ion-android-delete:before,
.ionicStyle .ion-android-desktop:before,
.ionicStyle .ion-android-document:before,
.ionicStyle .ion-android-done:before,
.ionicStyle .ion-android-done-all:before,
.ionicStyle .ion-android-download:before,
.ionicStyle .ion-android-drafts:before,
.ionicStyle .ion-android-exit:before,
.ionicStyle .ion-android-expand:before,
.ionicStyle .ion-android-favorite:before,
.ionicStyle .ion-android-favorite-outline:before,
.ionicStyle .ion-android-film:before,
.ionicStyle .ion-android-folder:before,
.ionicStyle .ion-android-folder-open:before,
.ionicStyle .ion-android-funnel:before,
.ionicStyle .ion-android-globe:before,
.ionicStyle .ion-android-hand:before,
.ionicStyle .ion-android-hangout:before,
.ionicStyle .ion-android-happy:before,
.ionicStyle .ion-android-home:before,
.ionicStyle .ion-android-image:before,
.ionicStyle .ion-android-laptop:before,
.ionicStyle .ion-android-list:before,
.ionicStyle .ion-android-locate:before,
.ionicStyle .ion-android-lock:before,
.ionicStyle .ion-android-mail:before,
.ionicStyle .ion-android-map:before,
.ionicStyle .ion-android-menu:before,
.ionicStyle .ion-android-microphone:before,
.ionicStyle .ion-android-microphone-off:before,
.ionicStyle .ion-android-more-horizontal:before,
.ionicStyle .ion-android-more-vertical:before,
.ionicStyle .ion-android-navigate:before,
.ionicStyle .ion-android-notifications:before,
.ionicStyle .ion-android-notifications-none:before,
.ionicStyle .ion-android-notifications-off:before,
.ionicStyle .ion-android-open:before,
.ionicStyle .ion-android-options:before,
.ionicStyle .ion-android-people:before,
.ionicStyle .ion-android-person:before,
.ionicStyle .ion-android-person-add:before,
.ionicStyle .ion-android-phone-landscape:before,
.ionicStyle .ion-android-phone-portrait:before,
.ionicStyle .ion-android-pin:before,
.ionicStyle .ion-android-plane:before,
.ionicStyle .ion-android-playstore:before,
.ionicStyle .ion-android-print:before,
.ionicStyle .ion-android-radio-button-off:before,
.ionicStyle .ion-android-radio-button-on:before,
.ionicStyle .ion-android-refresh:before,
.ionicStyle .ion-android-remove:before,
.ionicStyle .ion-android-remove-circle:before,
.ionicStyle .ion-android-restaurant:before,
.ionicStyle .ion-android-sad:before,
.ionicStyle .ion-android-search:before,
.ionicStyle .ion-android-send:before,
.ionicStyle .ion-android-settings:before,
.ionicStyle .ion-android-share:before,
.ionicStyle .ion-android-share-alt:before,
.ionicStyle .ion-android-star:before,
.ionicStyle .ion-android-star-half:before,
.ionicStyle .ion-android-star-outline:before,
.ionicStyle .ion-android-stopwatch:before,
.ionicStyle .ion-android-subway:before,
.ionicStyle .ion-android-sunny:before,
.ionicStyle .ion-android-sync:before,
.ionicStyle .ion-android-textsms:before,
.ionicStyle .ion-android-time:before,
.ionicStyle .ion-android-train:before,
.ionicStyle .ion-android-unlock:before,
.ionicStyle .ion-android-upload:before,
.ionicStyle .ion-android-volume-down:before,
.ionicStyle .ion-android-volume-mute:before,
.ionicStyle .ion-android-volume-off:before,
.ionicStyle .ion-android-volume-up:before,
.ionicStyle .ion-android-walk:before,
.ionicStyle .ion-android-warning:before,
.ionicStyle .ion-android-watch:before,
.ionicStyle .ion-android-wifi:before,
.ionicStyle .ion-aperture:before,
.ionicStyle .ion-archive:before,
.ionicStyle .ion-arrow-down-a:before,
.ionicStyle .ion-arrow-down-b:before,
.ionicStyle .ion-arrow-down-c:before,
.ionicStyle .ion-arrow-expand:before,
.ionicStyle .ion-arrow-graph-down-left:before,
.ionicStyle .ion-arrow-graph-down-right:before,
.ionicStyle .ion-arrow-graph-up-left:before,
.ionicStyle .ion-arrow-graph-up-right:before,
.ionicStyle .ion-arrow-left-a:before,
.ionicStyle .ion-arrow-left-b:before,
.ionicStyle .ion-arrow-left-c:before,
.ionicStyle .ion-arrow-move:before,
.ionicStyle .ion-arrow-resize:before,
.ionicStyle .ion-arrow-return-left:before,
.ionicStyle .ion-arrow-return-right:before,
.ionicStyle .ion-arrow-right-a:before,
.ionicStyle .ion-arrow-right-b:before,
.ionicStyle .ion-arrow-right-c:before,
.ionicStyle .ion-arrow-shrink:before,
.ionicStyle .ion-arrow-swap:before,
.ionicStyle .ion-arrow-up-a:before,
.ionicStyle .ion-arrow-up-b:before,
.ionicStyle .ion-arrow-up-c:before,
.ionicStyle .ion-asterisk:before,
.ionicStyle .ion-at:before,
.ionicStyle .ion-backspace:before,
.ionicStyle .ion-backspace-outline:before,
.ionicStyle .ion-bag:before,
.ionicStyle .ion-battery-charging:before,
.ionicStyle .ion-battery-empty:before,
.ionicStyle .ion-battery-full:before,
.ionicStyle .ion-battery-half:before,
.ionicStyle .ion-battery-low:before,
.ionicStyle .ion-beaker:before,
.ionicStyle .ion-beer:before,
.ionicStyle .ion-bluetooth:before,
.ionicStyle .ion-bonfire:before,
.ionicStyle .ion-bookmark:before,
.ionicStyle .ion-bowtie:before,
.ionicStyle .ion-briefcase:before,
.ionicStyle .ion-bug:before,
.ionicStyle .ion-calculator:before,
.ionicStyle .ion-calendar:before,
.ionicStyle .ion-camera:before,
.ionicStyle .ion-card:before,
.ionicStyle .ion-cash:before,
.ionicStyle .ion-chatbox:before,
.ionicStyle .ion-chatbox-working:before,
.ionicStyle .ion-chatboxes:before,
.ionicStyle .ion-chatbubble:before,
.ionicStyle .ion-chatbubble-working:before,
.ionicStyle .ion-chatbubbles:before,
.ionicStyle .ion-checkmark:before,
.ionicStyle .ion-checkmark-circled:before,
.ionicStyle .ion-checkmark-round:before,
.ionicStyle .ion-chevron-down:before,
.ionicStyle .ion-chevron-left:before,
.ionicStyle .ion-chevron-right:before,
.ionicStyle .ion-chevron-up:before,
.ionicStyle .ion-clipboard:before,
.ionicStyle .ion-clock:before,
.ionicStyle .ion-close:before,
.ionicStyle .ion-close-circled:before,
.ionicStyle .ion-close-round:before,
.ionicStyle .ion-closed-captioning:before,
.ionicStyle .ion-cloud:before,
.ionicStyle .ion-code:before,
.ionicStyle .ion-code-download:before,
.ionicStyle .ion-code-working:before,
.ionicStyle .ion-coffee:before,
.ionicStyle .ion-compass:before,
.ionicStyle .ion-compose:before,
.ionicStyle .ion-connection-bars:before,
.ionicStyle .ion-contrast:before,
.ionicStyle .ion-crop:before,
.ionicStyle .ion-cube:before,
.ionicStyle .ion-disc:before,
.ionicStyle .ion-document:before,
.ionicStyle .ion-document-text:before,
.ionicStyle .ion-drag:before,
.ionicStyle .ion-earth:before,
.ionicStyle .ion-easel:before,
.ionicStyle .ion-edit:before,
.ionicStyle .ion-egg:before,
.ionicStyle .ion-eject:before,
.ionicStyle .ion-email:before,
.ionicStyle .ion-email-unread:before,
.ionicStyle .ion-erlenmeyer-flask:before,
.ionicStyle .ion-erlenmeyer-flask-bubbles:before,
.ionicStyle .ion-eye:before,
.ionicStyle .ion-eye-disabled:before,
.ionicStyle .ion-female:before,
.ionicStyle .ion-filing:before,
.ionicStyle .ion-film-marker:before,
.ionicStyle .ion-fireball:before,
.ionicStyle .ion-flag:before,
.ionicStyle .ion-flame:before,
.ionicStyle .ion-flash:before,
.ionicStyle .ion-flash-off:before,
.ionicStyle .ion-folder:before,
.ionicStyle .ion-fork:before,
.ionicStyle .ion-fork-repo:before,
.ionicStyle .ion-forward:before,
.ionicStyle .ion-funnel:before,
.ionicStyle .ion-gear-a:before,
.ionicStyle .ion-gear-b:before,
.ionicStyle .ion-grid:before,
.ionicStyle .ion-hammer:before,
.ionicStyle .ion-happy:before,
.ionicStyle .ion-happy-outline:before,
.ionicStyle .ion-headphone:before,
.ionicStyle .ion-heart:before,
.ionicStyle .ion-heart-broken:before,
.ionicStyle .ion-help:before,
.ionicStyle .ion-help-buoy:before,
.ionicStyle .ion-help-circled:before,
.ionicStyle .ion-home:before,
.ionicStyle .ion-icecream:before,
.ionicStyle .ion-image:before,
.ionicStyle .ion-images:before,
.ionicStyle .ion-information:before,
.ionicStyle .ion-information-circled:before,
.ionicStyle .ion-ionic:before,
.ionicStyle .ion-ios-alarm:before,
.ionicStyle .ion-ios-alarm-outline:before,
.ionicStyle .ion-ios-albums:before,
.ionicStyle .ion-ios-albums-outline:before,
.ionicStyle .ion-ios-americanfootball:before,
.ionicStyle .ion-ios-americanfootball-outline:before,
.ionicStyle .ion-ios-analytics:before,
.ionicStyle .ion-ios-analytics-outline:before,
.ionicStyle .ion-ios-arrow-back:before,
.ionicStyle .ion-ios-arrow-down:before,
.ionicStyle .ion-ios-arrow-forward:before,
.ionicStyle .ion-ios-arrow-left:before,
.ionicStyle .ion-ios-arrow-right:before,
.ionicStyle .ion-ios-arrow-thin-down:before,
.ionicStyle .ion-ios-arrow-thin-left:before,
.ionicStyle .ion-ios-arrow-thin-right:before,
.ionicStyle .ion-ios-arrow-thin-up:before,
.ionicStyle .ion-ios-arrow-up:before,
.ionicStyle .ion-ios-at:before,
.ionicStyle .ion-ios-at-outline:before,
.ionicStyle .ion-ios-barcode:before,
.ionicStyle .ion-ios-barcode-outline:before,
.ionicStyle .ion-ios-baseball:before,
.ionicStyle .ion-ios-baseball-outline:before,
.ionicStyle .ion-ios-basketball:before,
.ionicStyle .ion-ios-basketball-outline:before,
.ionicStyle .ion-ios-bell:before,
.ionicStyle .ion-ios-bell-outline:before,
.ionicStyle .ion-ios-body:before,
.ionicStyle .ion-ios-body-outline:before,
.ionicStyle .ion-ios-bolt:before,
.ionicStyle .ion-ios-bolt-outline:before,
.ionicStyle .ion-ios-book:before,
.ionicStyle .ion-ios-book-outline:before,
.ionicStyle .ion-ios-bookmarks:before,
.ionicStyle .ion-ios-bookmarks-outline:before,
.ionicStyle .ion-ios-box:before,
.ionicStyle .ion-ios-box-outline:before,
.ionicStyle .ion-ios-briefcase:before,
.ionicStyle .ion-ios-briefcase-outline:before,
.ionicStyle .ion-ios-browsers:before,
.ionicStyle .ion-ios-browsers-outline:before,
.ionicStyle .ion-ios-calculator:before,
.ionicStyle .ion-ios-calculator-outline:before,
.ionicStyle .ion-ios-calendar:before,
.ionicStyle .ion-ios-calendar-outline:before,
.ionicStyle .ion-ios-camera:before,
.ionicStyle .ion-ios-camera-outline:before,
.ionicStyle .ion-ios-cart:before,
.ionicStyle .ion-ios-cart-outline:before,
.ionicStyle .ion-ios-chatboxes:before,
.ionicStyle .ion-ios-chatboxes-outline:before,
.ionicStyle .ion-ios-chatbubble:before,
.ionicStyle .ion-ios-chatbubble-outline:before,
.ionicStyle .ion-ios-checkmark:before,
.ionicStyle .ion-ios-checkmark-empty:before,
.ionicStyle .ion-ios-checkmark-outline:before,
.ionicStyle .ion-ios-circle-filled:before,
.ionicStyle .ion-ios-circle-outline:before,
.ionicStyle .ion-ios-clock:before,
.ionicStyle .ion-ios-clock-outline:before,
.ionicStyle .ion-ios-close:before,
.ionicStyle .ion-ios-close-empty:before,
.ionicStyle .ion-ios-close-outline:before,
.ionicStyle .ion-ios-cloud:before,
.ionicStyle .ion-ios-cloud-download:before,
.ionicStyle .ion-ios-cloud-download-outline:before,
.ionicStyle .ion-ios-cloud-outline:before,
.ionicStyle .ion-ios-cloud-upload:before,
.ionicStyle .ion-ios-cloud-upload-outline:before,
.ionicStyle .ion-ios-cloudy:before,
.ionicStyle .ion-ios-cloudy-night:before,
.ionicStyle .ion-ios-cloudy-night-outline:before,
.ionicStyle .ion-ios-cloudy-outline:before,
.ionicStyle .ion-ios-cog:before,
.ionicStyle .ion-ios-cog-outline:before,
.ionicStyle .ion-ios-color-filter:before,
.ionicStyle .ion-ios-color-filter-outline:before,
.ionicStyle .ion-ios-color-wand:before,
.ionicStyle .ion-ios-color-wand-outline:before,
.ionicStyle .ion-ios-compose:before,
.ionicStyle .ion-ios-compose-outline:before,
.ionicStyle .ion-ios-contact:before,
.ionicStyle .ion-ios-contact-outline:before,
.ionicStyle .ion-ios-copy:before,
.ionicStyle .ion-ios-copy-outline:before,
.ionicStyle .ion-ios-crop:before,
.ionicStyle .ion-ios-crop-strong:before,
.ionicStyle .ion-ios-download:before,
.ionicStyle .ion-ios-download-outline:before,
.ionicStyle .ion-ios-drag:before,
.ionicStyle .ion-ios-email:before,
.ionicStyle .ion-ios-email-outline:before,
.ionicStyle .ion-ios-eye:before,
.ionicStyle .ion-ios-eye-outline:before,
.ionicStyle .ion-ios-fastforward:before,
.ionicStyle .ion-ios-fastforward-outline:before,
.ionicStyle .ion-ios-filing:before,
.ionicStyle .ion-ios-filing-outline:before,
.ionicStyle .ion-ios-film:before,
.ionicStyle .ion-ios-film-outline:before,
.ionicStyle .ion-ios-flag:before,
.ionicStyle .ion-ios-flag-outline:before,
.ionicStyle .ion-ios-flame:before,
.ionicStyle .ion-ios-flame-outline:before,
.ionicStyle .ion-ios-flask:before,
.ionicStyle .ion-ios-flask-outline:before,
.ionicStyle .ion-ios-flower:before,
.ionicStyle .ion-ios-flower-outline:before,
.ionicStyle .ion-ios-folder:before,
.ionicStyle .ion-ios-folder-outline:before,
.ionicStyle .ion-ios-football:before,
.ionicStyle .ion-ios-football-outline:before,
.ionicStyle .ion-ios-game-controller-a:before,
.ionicStyle .ion-ios-game-controller-a-outline:before,
.ionicStyle .ion-ios-game-controller-b:before,
.ionicStyle .ion-ios-game-controller-b-outline:before,
.ionicStyle .ion-ios-gear:before,
.ionicStyle .ion-ios-gear-outline:before,
.ionicStyle .ion-ios-glasses:before,
.ionicStyle .ion-ios-glasses-outline:before,
.ionicStyle .ion-ios-grid-view:before,
.ionicStyle .ion-ios-grid-view-outline:before,
.ionicStyle .ion-ios-heart:before,
.ionicStyle .ion-ios-heart-outline:before,
.ionicStyle .ion-ios-help:before,
.ionicStyle .ion-ios-help-empty:before,
.ionicStyle .ion-ios-help-outline:before,
.ionicStyle .ion-ios-home:before,
.ionicStyle .ion-ios-home-outline:before,
.ionicStyle .ion-ios-infinite:before,
.ionicStyle .ion-ios-infinite-outline:before,
.ionicStyle .ion-ios-information:before,
.ionicStyle .ion-ios-information-empty:before,
.ionicStyle .ion-ios-information-outline:before,
.ionicStyle .ion-ios-ionic-outline:before,
.ionicStyle .ion-ios-keypad:before,
.ionicStyle .ion-ios-keypad-outline:before,
.ionicStyle .ion-ios-lightbulb:before,
.ionicStyle .ion-ios-lightbulb-outline:before,
.ionicStyle .ion-ios-list:before,
.ionicStyle .ion-ios-list-outline:before,
.ionicStyle .ion-ios-location:before,
.ionicStyle .ion-ios-location-outline:before,
.ionicStyle .ion-ios-locked:before,
.ionicStyle .ion-ios-locked-outline:before,
.ionicStyle .ion-ios-loop:before,
.ionicStyle .ion-ios-loop-strong:before,
.ionicStyle .ion-ios-medical:before,
.ionicStyle .ion-ios-medical-outline:before,
.ionicStyle .ion-ios-medkit:before,
.ionicStyle .ion-ios-medkit-outline:before,
.ionicStyle .ion-ios-mic:before,
.ionicStyle .ion-ios-mic-off:before,
.ionicStyle .ion-ios-mic-outline:before,
.ionicStyle .ion-ios-minus:before,
.ionicStyle .ion-ios-minus-empty:before,
.ionicStyle .ion-ios-minus-outline:before,
.ionicStyle .ion-ios-monitor:before,
.ionicStyle .ion-ios-monitor-outline:before,
.ionicStyle .ion-ios-moon:before,
.ionicStyle .ion-ios-moon-outline:before,
.ionicStyle .ion-ios-more:before,
.ionicStyle .ion-ios-more-outline:before,
.ionicStyle .ion-ios-musical-note:before,
.ionicStyle .ion-ios-musical-notes:before,
.ionicStyle .ion-ios-navigate:before,
.ionicStyle .ion-ios-navigate-outline:before,
.ionicStyle .ion-ios-nutrition:before,
.ionicStyle .ion-ios-nutrition-outline:before,
.ionicStyle .ion-ios-paper:before,
.ionicStyle .ion-ios-paper-outline:before,
.ionicStyle .ion-ios-paperplane:before,
.ionicStyle .ion-ios-paperplane-outline:before,
.ionicStyle .ion-ios-partlysunny:before,
.ionicStyle .ion-ios-partlysunny-outline:before,
.ionicStyle .ion-ios-pause:before,
.ionicStyle .ion-ios-pause-outline:before,
.ionicStyle .ion-ios-paw:before,
.ionicStyle .ion-ios-paw-outline:before,
.ionicStyle .ion-ios-people:before,
.ionicStyle .ion-ios-people-outline:before,
.ionicStyle .ion-ios-person:before,
.ionicStyle .ion-ios-person-outline:before,
.ionicStyle .ion-ios-personadd:before,
.ionicStyle .ion-ios-personadd-outline:before,
.ionicStyle .ion-ios-photos:before,
.ionicStyle .ion-ios-photos-outline:before,
.ionicStyle .ion-ios-pie:before,
.ionicStyle .ion-ios-pie-outline:before,
.ionicStyle .ion-ios-pint:before,
.ionicStyle .ion-ios-pint-outline:before,
.ionicStyle .ion-ios-play:before,
.ionicStyle .ion-ios-play-outline:before,
.ionicStyle .ion-ios-plus:before,
.ionicStyle .ion-ios-plus-empty:before,
.ionicStyle .ion-ios-plus-outline:before,
.ionicStyle .ion-ios-pricetag:before,
.ionicStyle .ion-ios-pricetag-outline:before,
.ionicStyle .ion-ios-pricetags:before,
.ionicStyle .ion-ios-pricetags-outline:before,
.ionicStyle .ion-ios-printer:before,
.ionicStyle .ion-ios-printer-outline:before,
.ionicStyle .ion-ios-pulse:before,
.ionicStyle .ion-ios-pulse-strong:before,
.ionicStyle .ion-ios-rainy:before,
.ionicStyle .ion-ios-rainy-outline:before,
.ionicStyle .ion-ios-recording:before,
.ionicStyle .ion-ios-recording-outline:before,
.ionicStyle .ion-ios-redo:before,
.ionicStyle .ion-ios-redo-outline:before,
.ionicStyle .ion-ios-refresh:before,
.ionicStyle .ion-ios-refresh-empty:before,
.ionicStyle .ion-ios-refresh-outline:before,
.ionicStyle .ion-ios-reload:before,
.ionicStyle .ion-ios-reverse-camera:before,
.ionicStyle .ion-ios-reverse-camera-outline:before,
.ionicStyle .ion-ios-rewind:before,
.ionicStyle .ion-ios-rewind-outline:before,
.ionicStyle .ion-ios-rose:before,
.ionicStyle .ion-ios-rose-outline:before,
.ionicStyle .ion-ios-search:before,
.ionicStyle .ion-ios-search-strong:before,
.ionicStyle .ion-ios-settings:before,
.ionicStyle .ion-ios-settings-strong:before,
.ionicStyle .ion-ios-shuffle:before,
.ionicStyle .ion-ios-shuffle-strong:before,
.ionicStyle .ion-ios-skipbackward:before,
.ionicStyle .ion-ios-skipbackward-outline:before,
.ionicStyle .ion-ios-skipforward:before,
.ionicStyle .ion-ios-skipforward-outline:before,
.ionicStyle .ion-ios-snowy:before,
.ionicStyle .ion-ios-speedometer:before,
.ionicStyle .ion-ios-speedometer-outline:before,
.ionicStyle .ion-ios-star:before,
.ionicStyle .ion-ios-star-half:before,
.ionicStyle .ion-ios-star-outline:before,
.ionicStyle .ion-ios-stopwatch:before,
.ionicStyle .ion-ios-stopwatch-outline:before,
.ionicStyle .ion-ios-sunny:before,
.ionicStyle .ion-ios-sunny-outline:before,
.ionicStyle .ion-ios-telephone:before,
.ionicStyle .ion-ios-telephone-outline:before,
.ionicStyle .ion-ios-tennisball:before,
.ionicStyle .ion-ios-tennisball-outline:before,
.ionicStyle .ion-ios-thunderstorm:before,
.ionicStyle .ion-ios-thunderstorm-outline:before,
.ionicStyle .ion-ios-time:before,
.ionicStyle .ion-ios-time-outline:before,
.ionicStyle .ion-ios-timer:before,
.ionicStyle .ion-ios-timer-outline:before,
.ionicStyle .ion-ios-toggle:before,
.ionicStyle .ion-ios-toggle-outline:before,
.ionicStyle .ion-ios-trash:before,
.ionicStyle .ion-ios-trash-outline:before,
.ionicStyle .ion-ios-undo:before,
.ionicStyle .ion-ios-undo-outline:before,
.ionicStyle .ion-ios-unlocked:before,
.ionicStyle .ion-ios-unlocked-outline:before,
.ionicStyle .ion-ios-upload:before,
.ionicStyle .ion-ios-upload-outline:before,
.ionicStyle .ion-ios-videocam:before,
.ionicStyle .ion-ios-videocam-outline:before,
.ionicStyle .ion-ios-volume-high:before,
.ionicStyle .ion-ios-volume-low:before,
.ionicStyle .ion-ios-wineglass:before,
.ionicStyle .ion-ios-wineglass-outline:before,
.ionicStyle .ion-ios-world:before,
.ionicStyle .ion-ios-world-outline:before,
.ionicStyle .ion-ipad:before,
.ionicStyle .ion-iphone:before,
.ionicStyle .ion-ipod:before,
.ionicStyle .ion-jet:before,
.ionicStyle .ion-key:before,
.ionicStyle .ion-knife:before,
.ionicStyle .ion-laptop:before,
.ionicStyle .ion-leaf:before,
.ionicStyle .ion-levels:before,
.ionicStyle .ion-lightbulb:before,
.ionicStyle .ion-link:before,
.ionicStyle .ion-load-a:before,
.ionicStyle .ion-load-b:before,
.ionicStyle .ion-load-c:before,
.ionicStyle .ion-load-d:before,
.ionicStyle .ion-location:before,
.ionicStyle .ion-lock-combination:before,
.ionicStyle .ion-locked:before,
.ionicStyle .ion-log-in:before,
.ionicStyle .ion-log-out:before,
.ionicStyle .ion-loop:before,
.ionicStyle .ion-magnet:before,
.ionicStyle .ion-male:before,
.ionicStyle .ion-man:before,
.ionicStyle .ion-map:before,
.ionicStyle .ion-medkit:before,
.ionicStyle .ion-merge:before,
.ionicStyle .ion-mic-a:before,
.ionicStyle .ion-mic-b:before,
.ionicStyle .ion-mic-c:before,
.ionicStyle .ion-minus:before,
.ionicStyle .ion-minus-circled:before,
.ionicStyle .ion-minus-round:before,
.ionicStyle .ion-model-s:before,
.ionicStyle .ion-monitor:before,
.ionicStyle .ion-more:before,
.ionicStyle .ion-mouse:before,
.ionicStyle .ion-music-note:before,
.ionicStyle .ion-navicon:before,
.ionicStyle .ion-navicon-round:before,
.ionicStyle .ion-navigate:before,
.ionicStyle .ion-network:before,
.ionicStyle .ion-no-smoking:before,
.ionicStyle .ion-nuclear:before,
.ionicStyle .ion-outlet:before,
.ionicStyle .ion-paintbrush:before,
.ionicStyle .ion-paintbucket:before,
.ionicStyle .ion-paper-airplane:before,
.ionicStyle .ion-paperclip:before,
.ionicStyle .ion-pause:before,
.ionicStyle .ion-person:before,
.ionicStyle .ion-person-add:before,
.ionicStyle .ion-person-stalker:before,
.ionicStyle .ion-pie-graph:before,
.ionicStyle .ion-pin:before,
.ionicStyle .ion-pinpoint:before,
.ionicStyle .ion-pizza:before,
.ionicStyle .ion-plane:before,
.ionicStyle .ion-planet:before,
.ionicStyle .ion-play:before,
.ionicStyle .ion-playstation:before,
.ionicStyle .ion-plus:before,
.ionicStyle .ion-plus-circled:before,
.ionicStyle .ion-plus-round:before,
.ionicStyle .ion-podium:before,
.ionicStyle .ion-pound:before,
.ionicStyle .ion-power:before,
.ionicStyle .ion-pricetag:before,
.ionicStyle .ion-pricetags:before,
.ionicStyle .ion-printer:before,
.ionicStyle .ion-pull-request:before,
.ionicStyle .ion-qr-scanner:before,
.ionicStyle .ion-quote:before,
.ionicStyle .ion-radio-waves:before,
.ionicStyle .ion-record:before,
.ionicStyle .ion-refresh:before,
.ionicStyle .ion-reply:before,
.ionicStyle .ion-reply-all:before,
.ionicStyle .ion-ribbon-a:before,
.ionicStyle .ion-ribbon-b:before,
.ionicStyle .ion-sad:before,
.ionicStyle .ion-sad-outline:before,
.ionicStyle .ion-scissors:before,
.ionicStyle .ion-search:before,
.ionicStyle .ion-settings:before,
.ionicStyle .ion-share:before,
.ionicStyle .ion-shuffle:before,
.ionicStyle .ion-skip-backward:before,
.ionicStyle .ion-skip-forward:before,
.ionicStyle .ion-social-android:before,
.ionicStyle .ion-social-android-outline:before,
.ionicStyle .ion-social-angular:before,
.ionicStyle .ion-social-angular-outline:before,
.ionicStyle .ion-social-apple:before,
.ionicStyle .ion-social-apple-outline:before,
.ionicStyle .ion-social-bitcoin:before,
.ionicStyle .ion-social-bitcoin-outline:before,
.ionicStyle .ion-social-buffer:before,
.ionicStyle .ion-social-buffer-outline:before,
.ionicStyle .ion-social-chrome:before,
.ionicStyle .ion-social-chrome-outline:before,
.ionicStyle .ion-social-codepen:before,
.ionicStyle .ion-social-codepen-outline:before,
.ionicStyle .ion-social-css3:before,
.ionicStyle .ion-social-css3-outline:before,
.ionicStyle .ion-social-designernews:before,
.ionicStyle .ion-social-designernews-outline:before,
.ionicStyle .ion-social-dribbble:before,
.ionicStyle .ion-social-dribbble-outline:before,
.ionicStyle .ion-social-dropbox:before,
.ionicStyle .ion-social-dropbox-outline:before,
.ionicStyle .ion-social-euro:before,
.ionicStyle .ion-social-euro-outline:before,
.ionicStyle .ion-social-facebook:before,
.ionicStyle .ion-social-facebook-outline:before,
.ionicStyle .ion-social-foursquare:before,
.ionicStyle .ion-social-foursquare-outline:before,
.ionicStyle .ion-social-freebsd-devil:before,
.ionicStyle .ion-social-github:before,
.ionicStyle .ion-social-github-outline:before,
.ionicStyle .ion-social-google:before,
.ionicStyle .ion-social-google-outline:before,
.ionicStyle .ion-social-googleplus:before,
.ionicStyle .ion-social-googleplus-outline:before,
.ionicStyle .ion-social-hackernews:before,
.ionicStyle .ion-social-hackernews-outline:before,
.ionicStyle .ion-social-html5:before,
.ionicStyle .ion-social-html5-outline:before,
.ionicStyle .ion-social-instagram:before,
.ionicStyle .ion-social-instagram-outline:before,
.ionicStyle .ion-social-javascript:before,
.ionicStyle .ion-social-javascript-outline:before,
.ionicStyle .ion-social-linkedin:before,
.ionicStyle .ion-social-linkedin-outline:before,
.ionicStyle .ion-social-markdown:before,
.ionicStyle .ion-social-nodejs:before,
.ionicStyle .ion-social-octocat:before,
.ionicStyle .ion-social-pinterest:before,
.ionicStyle .ion-social-pinterest-outline:before,
.ionicStyle .ion-social-python:before,
.ionicStyle .ion-social-reddit:before,
.ionicStyle .ion-social-reddit-outline:before,
.ionicStyle .ion-social-rss:before,
.ionicStyle .ion-social-rss-outline:before,
.ionicStyle .ion-social-sass:before,
.ionicStyle .ion-social-skype:before,
.ionicStyle .ion-social-skype-outline:before,
.ionicStyle .ion-social-snapchat:before,
.ionicStyle .ion-social-snapchat-outline:before,
.ionicStyle .ion-social-tumblr:before,
.ionicStyle .ion-social-tumblr-outline:before,
.ionicStyle .ion-social-tux:before,
.ionicStyle .ion-social-twitch:before,
.ionicStyle .ion-social-twitch-outline:before,
.ionicStyle .ion-social-twitter:before,
.ionicStyle .ion-social-twitter-outline:before,
.ionicStyle .ion-social-usd:before,
.ionicStyle .ion-social-usd-outline:before,
.ionicStyle .ion-social-vimeo:before,
.ionicStyle .ion-social-vimeo-outline:before,
.ionicStyle .ion-social-whatsapp:before,
.ionicStyle .ion-social-whatsapp-outline:before,
.ionicStyle .ion-social-windows:before,
.ionicStyle .ion-social-windows-outline:before,
.ionicStyle .ion-social-wordpress:before,
.ionicStyle .ion-social-wordpress-outline:before,
.ionicStyle .ion-social-yahoo:before,
.ionicStyle .ion-social-yahoo-outline:before,
.ionicStyle .ion-social-yen:before,
.ionicStyle .ion-social-yen-outline:before,
.ionicStyle .ion-social-youtube:before,
.ionicStyle .ion-social-youtube-outline:before,
.ionicStyle .ion-soup-can:before,
.ionicStyle .ion-soup-can-outline:before,
.ionicStyle .ion-speakerphone:before,
.ionicStyle .ion-speedometer:before,
.ionicStyle .ion-spoon:before,
.ionicStyle .ion-star:before,
.ionicStyle .ion-stats-bars:before,
.ionicStyle .ion-steam:before,
.ionicStyle .ion-stop:before,
.ionicStyle .ion-thermometer:before,
.ionicStyle .ion-thumbsdown:before,
.ionicStyle .ion-thumbsup:before,
.ionicStyle .ion-toggle:before,
.ionicStyle .ion-toggle-filled:before,
.ionicStyle .ion-transgender:before,
.ionicStyle .ion-trash-a:before,
.ionicStyle .ion-trash-b:before,
.ionicStyle .ion-trophy:before,
.ionicStyle .ion-tshirt:before,
.ionicStyle .ion-tshirt-outline:before,
.ionicStyle .ion-umbrella:before,
.ionicStyle .ion-university:before,
.ionicStyle .ion-unlocked:before,
.ionicStyle .ion-upload:before,
.ionicStyle .ion-usb:before,
.ionicStyle .ion-videocamera:before,
.ionicStyle .ion-volume-high:before,
.ionicStyle .ion-volume-low:before,
.ionicStyle .ion-volume-medium:before,
.ionicStyle .ion-volume-mute:before,
.ionicStyle .ion-wand:before,
.ionicStyle .ion-waterdrop:before,
.ionicStyle .ion-wifi:before,
.ionicStyle .ion-wineglass:before,
.ionicStyle .ion-woman:before,
.ionicStyle .ion-wrench:before,
.ionicStyle .ion-xbox:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ionicStyle html,
.ionicStyle body,
.ionicStyle div,
.ionicStyle span,
.ionicStyle applet,
.ionicStyle object,
.ionicStyle iframe,
.ionicStyle h1,
.ionicStyle h2,
.ionicStyle h3,
.ionicStyle h4,
.ionicStyle h5,
.ionicStyle h6,
.ionicStyle p,
.ionicStyle blockquote,
.ionicStyle pre,
.ionicStyle a,
.ionicStyle abbr,
.ionicStyle acronym,
.ionicStyle address,
.ionicStyle big,
.ionicStyle cite,
.ionicStyle code,
.ionicStyle del,
.ionicStyle dfn,
.ionicStyle em,
.ionicStyle img,
.ionicStyle ins,
.ionicStyle kbd,
.ionicStyle q,
.ionicStyle s,
.ionicStyle samp,
.ionicStyle small,
.ionicStyle strike,
.ionicStyle strong,
.ionicStyle sub,
.ionicStyle sup,
.ionicStyle tt,
.ionicStyle var,
.ionicStyle b,
.ionicStyle i,
.ionicStyle u,
.ionicStyle center,
.ionicStyle dl,
.ionicStyle dt,
.ionicStyle dd,
.ionicStyle ol,
.ionicStyle ul,
.ionicStyle li,
.ionicStyle fieldset,
.ionicStyle form,
.ionicStyle label,
.ionicStyle legend,
.ionicStyle table,
.ionicStyle caption,
.ionicStyle tbody,
.ionicStyle tfoot,
.ionicStyle thead,
.ionicStyle tr,
.ionicStyle th,
.ionicStyle td,
.ionicStyle article,
.ionicStyle aside,
.ionicStyle canvas,
.ionicStyle details,
.ionicStyle embed,
.ionicStyle fieldset,
.ionicStyle figure,
.ionicStyle figcaption,
.ionicStyle footer,
.ionicStyle header,
.ionicStyle hgroup,
.ionicStyle menu,
.ionicStyle nav,
.ionicStyle output,
.ionicStyle ruby,
.ionicStyle section,
.ionicStyle summary,
.ionicStyle time,
.ionicStyle mark,
.ionicStyle audio,
.ionicStyle video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font: inherit;
  font-size: 100%;
}
.ionicStyle ol,
.ionicStyle ul {
  list-style: none;
}
.ionicStyle blockquote,
.ionicStyle q {
  quotes: none;
}
.ionicStyle blockquote:before,
.ionicStyle blockquote:after,
.ionicStyle q:before,
.ionicStyle q:after {
  content: '';
  content: none;
}
.ionicStyle audio:not([controls]) {
  display: none;
  height: 0;
}
.ionicStyle [hidden],
.ionicStyle template {
  display: none;
}
.ionicStyle script {
  display: none !important;
}
.ionicStyle html {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
.ionicStyle body {
  margin: 0;
  line-height: 1;
}
.ionicStyle a,
.ionicStyle button,
.ionicStyle :focus,
.ionicStyle a:focus,
.ionicStyle button:focus,
.ionicStyle a:active,
.ionicStyle a:hover {
  outline: 0;
}
.ionicStyle a {
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: transparent;
}
.ionicStyle a[href]:hover {
  cursor: pointer;
}
.ionicStyle b,
.ionicStyle strong {
  font-weight: bold;
}
.ionicStyle dfn {
  font-style: italic;
}
.ionicStyle hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
.ionicStyle code,
.ionicStyle kbd,
.ionicStyle pre,
.ionicStyle samp {
  font-size: 1em;
  font-family: monospace, serif;
}
.ionicStyle pre {
  white-space: pre-wrap;
}
.ionicStyle q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
.ionicStyle small {
  font-size: 80%;
}
.ionicStyle sub,
.ionicStyle sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}
.ionicStyle sup {
  top: -0.5em;
}
.ionicStyle sub {
  bottom: -0.25em;
}
.ionicStyle fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
  border: 1px solid #c0c0c0;
}
.ionicStyle legend {
  padding: 0;
  /* 2 */
  border: 0;
  /* 1 */
}
.ionicStyle button,
.ionicStyle input,
.ionicStyle select,
.ionicStyle textarea {
  margin: 0;
  /* 3 */
  font-size: 100%;
  /* 2 */
  font-family: inherit;
  /* 1 */
  outline-offset: 0;
  /* 4 */
  outline-style: none;
  /* 4 */
  outline-width: 0;
  /* 4 */
  -webkit-font-smoothing: inherit;
  /* 5 */
  background-image: none;
  /* 6 */
}
.ionicStyle button,
.ionicStyle input {
  line-height: normal;
}
.ionicStyle button,
.ionicStyle select {
  text-transform: none;
}
.ionicStyle button,
.ionicStyle html input[type="button"],
.ionicStyle input[type="reset"],
.ionicStyle input[type="submit"] {
  cursor: pointer;
  /* 3 */
  -webkit-appearance: button;
  /* 2 */
}
.ionicStyle button[disabled],
.ionicStyle html input[disabled] {
  cursor: default;
}
.ionicStyle input[type="search"] {
  -webkit-box-sizing: content-box;
  /* 2 */
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
  /* 1 */
}
.ionicStyle input[type="search"]::-webkit-search-cancel-button,
.ionicStyle input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.ionicStyle button::-moz-focus-inner,
.ionicStyle input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.ionicStyle textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
.ionicStyle img {
  -webkit-user-drag: none;
}
.ionicStyle table {
  border-spacing: 0;
  border-collapse: collapse;
}
.ionicStyle *,
.ionicStyle *:before,
.ionicStyle *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ionicStyle html {
  overflow: hidden;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.ionicStyle body,
.ionicStyle .ionic-body {
  -webkit-touch-callout: none;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  color: #000;
  word-wrap: break-word;
  font-size: 14px;
  font-family: -apple-system;
  font-family: "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  line-height: 20px;
  text-rendering: optimizeLegibility;
  -webkit-backface-visibility: hidden;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
}
.ionicStyle body.grade-b,
.ionicStyle body.grade-c {
  text-rendering: auto;
}
.ionicStyle .content {
  position: relative;
}
.ionicStyle .scroll-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  margin-top: -1px;
  padding-top: 1px;
  margin-bottom: -1px;
  width: auto;
  height: auto;
}
.ionicStyle .menu .scroll-content.scroll-content-false {
  z-index: 11;
}
.ionicStyle .scroll-view {
  position: relative;
  display: block;
  overflow: hidden;
  margin-top: -1px;
}
.ionicStyle .scroll-view.overflow-scroll {
  position: relative;
}
.ionicStyle .scroll-view.scroll-x {
  overflow-x: scroll;
  overflow-y: hidden;
}
.ionicStyle .scroll-view.scroll-y {
  overflow-x: hidden;
  overflow-y: scroll;
}
.ionicStyle .scroll-view.scroll-xy {
  overflow-x: scroll;
  overflow-y: scroll;
}
.ionicStyle .scroll {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
@-ms-viewport {
  width: device-width;
}
.ionicStyle .scroll-bar {
  position: absolute;
  z-index: 9999;
}
.ionicStyle .ng-animate .scroll-bar {
  visibility: hidden;
}
.ionicStyle .scroll-bar-h {
  right: 2px;
  bottom: 3px;
  left: 2px;
  height: 3px;
}
.ionicStyle .scroll-bar-h .scroll-bar-indicator {
  height: 100%;
}
.ionicStyle .scroll-bar-v {
  top: 2px;
  right: 3px;
  bottom: 2px;
  width: 3px;
}
.ionicStyle .scroll-bar-v .scroll-bar-indicator {
  width: 100%;
}
.ionicStyle .scroll-bar-indicator {
  position: absolute;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.3);
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.ionicStyle .scroll-bar-indicator.scroll-bar-fade-out {
  opacity: 0;
}
.ionicStyle .platform-android .scroll-bar-indicator {
  border-radius: 0;
}
.ionicStyle .grade-b .scroll-bar-indicator,
.ionicStyle .grade-c .scroll-bar-indicator {
  background: #aaa;
}
.ionicStyle .grade-b .scroll-bar-indicator.scroll-bar-fade-out,
.ionicStyle .grade-c .scroll-bar-indicator.scroll-bar-fade-out {
  -webkit-transition: none;
  transition: none;
}
.ionicStyle ion-infinite-scroll {
  height: 60px;
  width: 100%;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.ionicStyle ion-infinite-scroll .icon {
  font-size: 30px;
  color: #666666;
}
.ionicStyle ion-infinite-scroll:not(.active) .spinner,
.ionicStyle ion-infinite-scroll:not(.active) .icon:before {
  display: none;
}
.ionicStyle .overflow-scroll {
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
.ionicStyle .overflow-scroll.pane {
  overflow-x: hidden;
  overflow-y: scroll;
}
.ionicStyle .overflow-scroll .scroll {
  position: static;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
}
.ionicStyle .overflow-scroll.keyboard-up:not(.keyboard-up-confirm) {
  overflow: hidden;
}
.ionicStyle .has-header {
  top: 44px;
}
.ionicStyle .no-header {
  top: 0;
}
.ionicStyle .has-subheader {
  top: 88px;
}
.ionicStyle .has-tabs-top {
  top: 93px;
}
.ionicStyle .has-header.has-subheader.has-tabs-top {
  top: 137px;
}
.ionicStyle .has-footer {
  bottom: 44px;
}
.ionicStyle .has-subfooter {
  bottom: 88px;
}
.ionicStyle .has-tabs,
.ionicStyle .bar-footer.has-tabs {
  bottom: 49px;
}
.ionicStyle .has-tabs.pane,
.ionicStyle .bar-footer.has-tabs.pane {
  bottom: 49px;
  height: auto;
}
.ionicStyle .bar-subfooter.has-tabs {
  bottom: 93px;
}
.ionicStyle .has-footer.has-tabs {
  bottom: 93px;
}
.ionicStyle .pane {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-duration: 0;
  transition-duration: 0;
  z-index: 1;
}
.ionicStyle .view {
  z-index: 1;
}
.ionicStyle .pane,
.ionicStyle .view {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
}
.ionicStyle .view-container {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}
.ionicStyle p {
  margin: 0 0 10px;
}
.ionicStyle small {
  font-size: 85%;
}
.ionicStyle cite {
  font-style: normal;
}
.ionicStyle .text-left {
  text-align: left;
}
.ionicStyle .text-right {
  text-align: right;
}
.ionicStyle .text-center {
  text-align: center;
}
.ionicStyle h1,
.ionicStyle h2,
.ionicStyle h3,
.ionicStyle h4,
.ionicStyle h5,
.ionicStyle h6,
.ionicStyle .h1,
.ionicStyle .h2,
.ionicStyle .h3,
.ionicStyle .h4,
.ionicStyle .h5,
.ionicStyle .h6 {
  color: #000;
  font-weight: 500;
  font-family: "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  line-height: 1.2;
}
.ionicStyle h1 small,
.ionicStyle h2 small,
.ionicStyle h3 small,
.ionicStyle h4 small,
.ionicStyle h5 small,
.ionicStyle h6 small,
.ionicStyle .h1 small,
.ionicStyle .h2 small,
.ionicStyle .h3 small,
.ionicStyle .h4 small,
.ionicStyle .h5 small,
.ionicStyle .h6 small {
  font-weight: normal;
  line-height: 1;
}
.ionicStyle h1,
.ionicStyle .h1,
.ionicStyle h2,
.ionicStyle .h2,
.ionicStyle h3,
.ionicStyle .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.ionicStyle h1:first-child,
.ionicStyle .h1:first-child,
.ionicStyle h2:first-child,
.ionicStyle .h2:first-child,
.ionicStyle h3:first-child,
.ionicStyle .h3:first-child {
  margin-top: 0;
}
.ionicStyle h1 + h1,
.ionicStyle h1 + .h1,
.ionicStyle h1 + h2,
.ionicStyle h1 + .h2,
.ionicStyle h1 + h3,
.ionicStyle h1 + .h3,
.ionicStyle .h1 + h1,
.ionicStyle .h1 + .h1,
.ionicStyle .h1 + h2,
.ionicStyle .h1 + .h2,
.ionicStyle .h1 + h3,
.ionicStyle .h1 + .h3,
.ionicStyle h2 + h1,
.ionicStyle h2 + .h1,
.ionicStyle h2 + h2,
.ionicStyle h2 + .h2,
.ionicStyle h2 + h3,
.ionicStyle h2 + .h3,
.ionicStyle .h2 + h1,
.ionicStyle .h2 + .h1,
.ionicStyle .h2 + h2,
.ionicStyle .h2 + .h2,
.ionicStyle .h2 + h3,
.ionicStyle .h2 + .h3,
.ionicStyle h3 + h1,
.ionicStyle h3 + .h1,
.ionicStyle h3 + h2,
.ionicStyle h3 + .h2,
.ionicStyle h3 + h3,
.ionicStyle h3 + .h3,
.ionicStyle .h3 + h1,
.ionicStyle .h3 + .h1,
.ionicStyle .h3 + h2,
.ionicStyle .h3 + .h2,
.ionicStyle .h3 + h3,
.ionicStyle .h3 + .h3 {
  margin-top: 10px;
}
.ionicStyle h4,
.ionicStyle .h4,
.ionicStyle h5,
.ionicStyle .h5,
.ionicStyle h6,
.ionicStyle .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.ionicStyle h1,
.ionicStyle .h1 {
  font-size: 36px;
}
.ionicStyle h2,
.ionicStyle .h2 {
  font-size: 30px;
}
.ionicStyle h3,
.ionicStyle .h3 {
  font-size: 24px;
}
.ionicStyle h4,
.ionicStyle .h4 {
  font-size: 18px;
}
.ionicStyle h5,
.ionicStyle .h5 {
  font-size: 14px;
}
.ionicStyle h6,
.ionicStyle .h6 {
  font-size: 12px;
}
.ionicStyle h1 small,
.ionicStyle .h1 small {
  font-size: 24px;
}
.ionicStyle h2 small,
.ionicStyle .h2 small {
  font-size: 18px;
}
.ionicStyle h3 small,
.ionicStyle .h3 small,
.ionicStyle h4 small,
.ionicStyle .h4 small {
  font-size: 14px;
}
.ionicStyle dl {
  margin-bottom: 20px;
}
.ionicStyle dt,
.ionicStyle dd {
  line-height: 1.42857;
}
.ionicStyle dt {
  font-weight: bold;
}
.ionicStyle blockquote {
  margin: 0 0 20px;
  padding: 10px 20px;
  border-left: 5px solid gray;
}
.ionicStyle blockquote p {
  font-weight: 300;
  font-size: 17.5px;
  line-height: 1.25;
}
.ionicStyle blockquote p:last-child {
  margin-bottom: 0;
}
.ionicStyle blockquote small {
  display: block;
  line-height: 1.42857;
}
.ionicStyle blockquote small:before {
  content: '\2014 \00A0';
}
.ionicStyle q:before,
.ionicStyle q:after,
.ionicStyle blockquote:before,
.ionicStyle blockquote:after {
  content: "";
}
.ionicStyle address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857;
}
.ionicStyle a {
  color: #387ef5;
}
.ionicStyle a.subdued {
  padding-right: 10px;
  color: #888;
  text-decoration: none;
}
.ionicStyle a.subdued:hover {
  text-decoration: none;
}
.ionicStyle a.subdued:last-child {
  padding-right: 0;
}
.ionicStyle .action-sheet-backdrop {
  -webkit-transition: background-color 150ms ease-in-out;
  transition: background-color 150ms ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.ionicStyle .action-sheet-backdrop.active {
  background-color: rgba(0, 0, 0, 0.4);
}
.ionicStyle .action-sheet-wrapper {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: all cubic-bezier(0.36, 0.66, 0.04, 1) 500ms;
  transition: all cubic-bezier(0.36, 0.66, 0.04, 1) 500ms;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 500px;
  margin: auto;
}
.ionicStyle .action-sheet-up {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.ionicStyle .action-sheet {
  margin-left: 8px;
  margin-right: 8px;
  width: auto;
  z-index: 11;
  overflow: hidden;
}
.ionicStyle .action-sheet .button {
  display: block;
  padding: 1px;
  width: 100%;
  border-radius: 0;
  border-color: #d1d3d6;
  background-color: transparent;
  color: #007aff;
  font-size: 21px;
}
.ionicStyle .action-sheet .button:hover {
  color: #007aff;
}
.ionicStyle .action-sheet .button.destructive {
  color: #ff3b30;
}
.ionicStyle .action-sheet .button.destructive:hover {
  color: #ff3b30;
}
.ionicStyle .action-sheet .button.active,
.ionicStyle .action-sheet .button.activated {
  box-shadow: none;
  border-color: #d1d3d6;
  color: #007aff;
  background: #e4e5e7;
}
.ionicStyle .action-sheet-has-icons .icon {
  position: absolute;
  left: 16px;
}
.ionicStyle .action-sheet-title {
  padding: 16px;
  color: #8f8f8f;
  text-align: center;
  font-size: 13px;
}
.ionicStyle .action-sheet-group {
  margin-bottom: 8px;
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden;
}
.ionicStyle .action-sheet-group .button {
  border-width: 1px 0px 0px 0px;
}
.ionicStyle .action-sheet-group .button:first-child:last-child {
  border-width: 0;
}
.ionicStyle .action-sheet-options {
  background: #f1f2f3;
}
.ionicStyle .action-sheet-cancel .button {
  font-weight: 500;
}
.ionicStyle .action-sheet-open {
  pointer-events: none;
}
.ionicStyle .action-sheet-open.modal-open .modal {
  pointer-events: none;
}
.ionicStyle .action-sheet-open .action-sheet-backdrop {
  pointer-events: auto;
}
.ionicStyle .platform-android .action-sheet-backdrop.active {
  background-color: rgba(0, 0, 0, 0.2);
}
.ionicStyle .platform-android .action-sheet {
  margin: 0;
}
.ionicStyle .platform-android .action-sheet .action-sheet-title,
.ionicStyle .platform-android .action-sheet .button {
  text-align: left;
  border-color: transparent;
  font-size: 16px;
  color: inherit;
}
.ionicStyle .platform-android .action-sheet .action-sheet-title {
  font-size: 14px;
  padding: 16px;
  color: #666;
}
.ionicStyle .platform-android .action-sheet .button.active,
.ionicStyle .platform-android .action-sheet .button.activated {
  background: #e8e8e8;
}
.ionicStyle .platform-android .action-sheet-group {
  margin: 0;
  border-radius: 0;
  background-color: #fafafa;
}
.ionicStyle .platform-android .action-sheet-cancel {
  display: none;
}
.ionicStyle .platform-android .action-sheet-has-icons .button {
  padding-left: 56px;
}
.ionicStyle .backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.1s opacity linear;
  transition: 0.1s opacity linear;
}
.ionicStyle .backdrop.visible {
  visibility: visible;
}
.ionicStyle .backdrop.active {
  opacity: 1;
}
.ionicStyle .bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  width: 100%;
  height: 44px;
  border-width: 0;
  border-style: solid;
  border-top: 1px solid transparent;
  border-bottom: 1px solid #ddd;
  background-color: white;
  /* border-width: 1px will actually create 2 device pixels on retina */
  /* this nifty trick sets an actual 1px border on hi-res displays */
  background-size: 0;
}
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .ionicStyle .bar {
    border: none;
    background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
    background-position: bottom;
    background-size: 100% 1px;
    background-repeat: no-repeat;
  }
}
.ionicStyle .bar.bar-clear {
  border: none;
  background: none;
  color: #fff;
}
.ionicStyle .bar.bar-clear .button {
  color: #fff;
}
.ionicStyle .bar.bar-clear .title {
  color: #fff;
}
.ionicStyle .bar.item-input-inset .item-input-wrapper {
  margin-top: -1px;
}
.ionicStyle .bar.item-input-inset .item-input-wrapper input {
  padding-left: 8px;
  width: 94%;
  height: 28px;
  background: transparent;
}
.ionicStyle .bar.bar-light {
  border-color: #ddd;
  background-color: white;
  background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
  color: #24303B;
}
.ionicStyle .bar.bar-light .title {
  color: #24303B;
}
.ionicStyle .bar.bar-light.bar-footer {
  background-image: linear-gradient(180deg, #ddd, #ddd 50%, transparent 50%);
}
.ionicStyle .bar.bar-stable {
  border-color: #b2b2b2;
  background-color: #f8f8f8;
  background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
  color: #24303B;
}
.ionicStyle .bar.bar-stable .title {
  color: #24303B;
}
.ionicStyle .bar.bar-stable.bar-footer {
  background-image: linear-gradient(180deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
}
.ionicStyle .bar.bar-positive {
  border-color: #0c60ee;
  background-color: #387ef5;
  background-image: linear-gradient(0deg, #0c60ee, #0c60ee 50%, transparent 50%);
  color: #fff;
}
.ionicStyle .bar.bar-positive .title {
  color: #fff;
}
.ionicStyle .bar.bar-positive.bar-footer {
  background-image: linear-gradient(180deg, #0c60ee, #0c60ee 50%, transparent 50%);
}
.ionicStyle .bar.bar-calm {
  border-color: #0a9dc7;
  background-color: #11c1f3;
  background-image: linear-gradient(0deg, #0a9dc7, #0a9dc7 50%, transparent 50%);
  color: #fff;
}
.ionicStyle .bar.bar-calm .title {
  color: #fff;
}
.ionicStyle .bar.bar-calm.bar-footer {
  background-image: linear-gradient(180deg, #0a9dc7, #0a9dc7 50%, transparent 50%);
}
.ionicStyle .bar.bar-assertive {
  border-color: #e42112;
  background-color: #ef473a;
  background-image: linear-gradient(0deg, #e42112, #e42112 50%, transparent 50%);
  color: #fff;
}
.ionicStyle .bar.bar-assertive .title {
  color: #fff;
}
.ionicStyle .bar.bar-assertive.bar-footer {
  background-image: linear-gradient(180deg, #e42112, #e42112 50%, transparent 50%);
}
.ionicStyle .bar.bar-balanced {
  border-color: #28a54c;
  background-color: #33cd5f;
  background-image: linear-gradient(0deg, #28a54c, #28a54c 50%, transparent 50%);
  color: #fff;
}
.ionicStyle .bar.bar-balanced .title {
  color: #fff;
}
.ionicStyle .bar.bar-balanced.bar-footer {
  background-image: linear-gradient(180deg, #28a54c, #0c60ee 50%, transparent 50%);
}
.ionicStyle .bar.bar-energized {
  border-color: #e6b500;
  background-color: #ffc900;
  background-image: linear-gradient(0deg, #e6b500, #e6b500 50%, transparent 50%);
  color: #fff;
}
.ionicStyle .bar.bar-energized .title {
  color: #fff;
}
.ionicStyle .bar.bar-energized.bar-footer {
  background-image: linear-gradient(180deg, #e6b500, #e6b500 50%, transparent 50%);
}
.ionicStyle .bar.bar-royal {
  border-color: #6b46e5;
  background-color: #886aea;
  background-image: linear-gradient(0deg, #6b46e5, #6b46e5 50%, transparent 50%);
  color: #fff;
}
.ionicStyle .bar.bar-royal .title {
  color: #fff;
}
.ionicStyle .bar.bar-royal.bar-footer {
  background-image: linear-gradient(180deg, #6b46e5, #6b46e5 50%, transparent 50%);
}
.ionicStyle .bar.bar-dark {
  border-color: #111;
  background-color: #24303B;
  background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%);
  color: #fff;
}
.ionicStyle .bar.bar-dark .title {
  color: #fff;
}
.ionicStyle .bar.bar-dark.bar-footer {
  background-image: linear-gradient(180deg, #111, #111 50%, transparent 50%);
}
.ionicStyle .bar .title {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
  margin: 0 10px;
  min-width: 30px;
  height: 43px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 17px;
  font-weight: 500;
  line-height: 44px;
}
.ionicStyle .bar .title.title-left {
  text-align: left;
}
.ionicStyle .bar .title.title-right {
  text-align: right;
}
.ionicStyle .bar .title a {
  color: inherit;
}
.ionicStyle .bar .button,
.ionicStyle .bar button {
  z-index: 1;
  padding: 0 8px;
  min-width: initial;
  min-height: 31px;
  font-weight: 400;
  font-size: 13px;
  line-height: 32px;
}
.ionicStyle .bar .button.button-icon:before,
.ionicStyle .bar .button .icon:before,
.ionicStyle .bar .button.icon:before,
.ionicStyle .bar .button.icon-left:before,
.ionicStyle .bar .button.icon-right:before,
.ionicStyle .bar button.button-icon:before,
.ionicStyle .bar button .icon:before,
.ionicStyle .bar button.icon:before,
.ionicStyle .bar button.icon-left:before,
.ionicStyle .bar button.icon-right:before {
  padding-right: 2px;
  padding-left: 2px;
  font-size: 20px;
  line-height: 32px;
}
.ionicStyle .bar .button.button-icon,
.ionicStyle .bar button.button-icon {
  font-size: 17px;
}
.ionicStyle .bar .button.button-icon .icon:before,
.ionicStyle .bar .button.button-icon:before,
.ionicStyle .bar .button.button-icon.icon-left:before,
.ionicStyle .bar .button.button-icon.icon-right:before,
.ionicStyle .bar button.button-icon .icon:before,
.ionicStyle .bar button.button-icon:before,
.ionicStyle .bar button.button-icon.icon-left:before,
.ionicStyle .bar button.button-icon.icon-right:before {
  vertical-align: top;
  font-size: 32px;
  line-height: 32px;
}
.ionicStyle .bar .button.button-clear,
.ionicStyle .bar button.button-clear {
  padding-right: 2px;
  padding-left: 2px;
  font-weight: 300;
  font-size: 17px;
}
.ionicStyle .bar .button.button-clear .icon:before,
.ionicStyle .bar .button.button-clear.icon:before,
.ionicStyle .bar .button.button-clear.icon-left:before,
.ionicStyle .bar .button.button-clear.icon-right:before,
.ionicStyle .bar button.button-clear .icon:before,
.ionicStyle .bar button.button-clear.icon:before,
.ionicStyle .bar button.button-clear.icon-left:before,
.ionicStyle .bar button.button-clear.icon-right:before {
  font-size: 32px;
  line-height: 32px;
}
.ionicStyle .bar .button.back-button,
.ionicStyle .bar button.back-button {
  display: block;
  margin-right: 5px;
  padding: 0;
  white-space: nowrap;
  font-weight: 400;
}
.ionicStyle .bar .button.back-button.active,
.ionicStyle .bar .button.back-button.activated,
.ionicStyle .bar button.back-button.active,
.ionicStyle .bar button.back-button.activated {
  opacity: 0.2;
}
.ionicStyle .bar .button-bar > .button,
.ionicStyle .bar .buttons > .button {
  min-height: 31px;
  line-height: 32px;
}
.ionicStyle .bar .button-bar + .button,
.ionicStyle .bar .button + .button-bar {
  margin-left: 5px;
}
.ionicStyle .bar .buttons,
.ionicStyle .bar .buttons.primary-buttons,
.ionicStyle .bar .buttons.secondary-buttons {
  display: inherit;
}
.ionicStyle .bar .buttons span {
  display: inline-block;
}
.ionicStyle .bar .buttons-left span {
  margin-right: 5px;
  display: inherit;
}
.ionicStyle .bar .buttons-right span {
  margin-left: 5px;
  display: inherit;
}
.ionicStyle .bar .title + .button:last-child,
.ionicStyle .bar > .button + .button:last-child,
.ionicStyle .bar > .button.pull-right,
.ionicStyle .bar .buttons.pull-right,
.ionicStyle .bar .title + .buttons {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
}
.ionicStyle .platform-android .nav-bar-has-subheader .bar {
  background-image: none;
}
.ionicStyle .platform-android .bar .back-button .icon:before {
  font-size: 24px;
}
.ionicStyle .platform-android .bar .title {
  font-size: 19px;
  line-height: 44px;
}
.ionicStyle .bar-light .button {
  border-color: transparent;
  background-color: white;
  color: #24303B;
}
.ionicStyle .bar-light .button:hover {
  color: #24303B;
  text-decoration: none;
}
.ionicStyle .bar-light .button.active,
.ionicStyle .bar-light .button.activated {
  background-color: #fafafa;
}
.ionicStyle .bar-light .button.button-clear {
  border-color: transparent;
  background: none;
  box-shadow: none;
  color: #24303B;
  font-size: 17px;
}
.ionicStyle .bar-light .button.button-icon {
  border-color: transparent;
  background: none;
}
.ionicStyle .bar-stable .button {
  border-color: transparent;
  background-color: #f8f8f8;
  color: #24303B;
}
.ionicStyle .bar-stable .button:hover {
  color: #24303B;
  text-decoration: none;
}
.ionicStyle .bar-stable .button.active,
.ionicStyle .bar-stable .button.activated {
  background-color: #e5e5e5;
}
.ionicStyle .bar-stable .button.button-clear {
  border-color: transparent;
  background: none;
  box-shadow: none;
  color: #24303B;
  font-size: 17px;
}
.ionicStyle .bar-stable .button.button-icon {
  border-color: transparent;
  background: none;
}
.ionicStyle .bar-positive .button {
  border-color: transparent;
  background-color: #387ef5;
  color: #fff;
}
.ionicStyle .bar-positive .button:hover {
  color: #fff;
  text-decoration: none;
}
.ionicStyle .bar-positive .button.active,
.ionicStyle .bar-positive .button.activated {
  background-color: #0c60ee;
}
.ionicStyle .bar-positive .button.button-clear {
  border-color: transparent;
  background: none;
  box-shadow: none;
  color: #fff;
  font-size: 17px;
}
.ionicStyle .bar-positive .button.button-icon {
  border-color: transparent;
  background: none;
}
.ionicStyle .bar-calm .button {
  border-color: transparent;
  background-color: #11c1f3;
  color: #fff;
}
.ionicStyle .bar-calm .button:hover {
  color: #fff;
  text-decoration: none;
}
.ionicStyle .bar-calm .button.active,
.ionicStyle .bar-calm .button.activated {
  background-color: #0a9dc7;
}
.ionicStyle .bar-calm .button.button-clear {
  border-color: transparent;
  background: none;
  box-shadow: none;
  color: #fff;
  font-size: 17px;
}
.ionicStyle .bar-calm .button.button-icon {
  border-color: transparent;
  background: none;
}
.ionicStyle .bar-assertive .button {
  border-color: transparent;
  background-color: #ef473a;
  color: #fff;
}
.ionicStyle .bar-assertive .button:hover {
  color: #fff;
  text-decoration: none;
}
.ionicStyle .bar-assertive .button.active,
.ionicStyle .bar-assertive .button.activated {
  background-color: #e42112;
}
.ionicStyle .bar-assertive .button.button-clear {
  border-color: transparent;
  background: none;
  box-shadow: none;
  color: #fff;
  font-size: 17px;
}
.ionicStyle .bar-assertive .button.button-icon {
  border-color: transparent;
  background: none;
}
.ionicStyle .bar-balanced .button {
  border-color: transparent;
  background-color: #33cd5f;
  color: #fff;
}
.ionicStyle .bar-balanced .button:hover {
  color: #fff;
  text-decoration: none;
}
.ionicStyle .bar-balanced .button.active,
.ionicStyle .bar-balanced .button.activated {
  background-color: #28a54c;
}
.ionicStyle .bar-balanced .button.button-clear {
  border-color: transparent;
  background: none;
  box-shadow: none;
  color: #fff;
  font-size: 17px;
}
.ionicStyle .bar-balanced .button.button-icon {
  border-color: transparent;
  background: none;
}
.ionicStyle .bar-energized .button {
  border-color: transparent;
  background-color: #ffc900;
  color: #fff;
}
.ionicStyle .bar-energized .button:hover {
  color: #fff;
  text-decoration: none;
}
.ionicStyle .bar-energized .button.active,
.ionicStyle .bar-energized .button.activated {
  background-color: #e6b500;
}
.ionicStyle .bar-energized .button.button-clear {
  border-color: transparent;
  background: none;
  box-shadow: none;
  color: #fff;
  font-size: 17px;
}
.ionicStyle .bar-energized .button.button-icon {
  border-color: transparent;
  background: none;
}
.ionicStyle .bar-royal .button {
  border-color: transparent;
  background-color: #886aea;
  color: #fff;
}
.ionicStyle .bar-royal .button:hover {
  color: #fff;
  text-decoration: none;
}
.ionicStyle .bar-royal .button.active,
.ionicStyle .bar-royal .button.activated {
  background-color: #6b46e5;
}
.ionicStyle .bar-royal .button.button-clear {
  border-color: transparent;
  background: none;
  box-shadow: none;
  color: #fff;
  font-size: 17px;
}
.ionicStyle .bar-royal .button.button-icon {
  border-color: transparent;
  background: none;
}
.ionicStyle .bar-dark .button {
  border-color: transparent;
  background-color: #24303B;
  color: #fff;
}
.ionicStyle .bar-dark .button:hover {
  color: #fff;
  text-decoration: none;
}
.ionicStyle .bar-dark .button.active,
.ionicStyle .bar-dark .button.activated {
  background-color: #262626;
}
.ionicStyle .bar-dark .button.button-clear {
  border-color: transparent;
  background: none;
  box-shadow: none;
  color: #fff;
  font-size: 17px;
}
.ionicStyle .bar-dark .button.button-icon {
  border-color: transparent;
  background: none;
}
.ionicStyle .bar-header {
  top: 0;
  border-top-width: 0;
  border-bottom-width: 1px;
}
.ionicStyle .bar-header.has-tabs-top {
  border-bottom-width: 0px;
  background-image: none;
}
.ionicStyle .tabs-top .bar-header {
  border-bottom-width: 0px;
  background-image: none;
}
.ionicStyle .bar-footer {
  bottom: 0;
  border-top-width: 1px;
  border-bottom-width: 0;
  background-position: top;
  height: 44px;
}
.ionicStyle .bar-footer.item-input-inset {
  position: absolute;
}
.ionicStyle .bar-tabs {
  padding: 0;
}
.ionicStyle .bar-subheader {
  top: 44px;
  display: block;
  height: 44px;
}
.ionicStyle .bar-subfooter {
  bottom: 44px;
  display: block;
  height: 44px;
}
.ionicStyle .nav-bar-block {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9;
}
.ionicStyle .bar .back-button.hide,
.ionicStyle .bar .buttons .hide {
  display: none;
}
.ionicStyle .nav-bar-tabs-top .bar {
  background-image: none;
}
.ionicStyle .tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: horizontal;
  -moz-flex-direction: horizontal;
  -ms-flex-direction: horizontal;
  flex-direction: horizontal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  border-color: #b2b2b2;
  background-color: #f8f8f8;
  background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
  color: #24303B;
  position: absolute;
  bottom: 0;
  z-index: 5;
  width: 100%;
  height: 49px;
  border-style: solid;
  border-top-width: 1px;
  background-size: 0;
  line-height: 49px;
}
.ionicStyle .tabs .tab-item .badge {
  background-color: #24303B;
  color: #f8f8f8;
}
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .ionicStyle .tabs {
    padding-top: 2px;
    border-top: none !important;
    border-bottom: none;
    background-position: top;
    background-size: 100% 1px;
    background-repeat: no-repeat;
  }
}
.ionicStyle .tabs-light > .tabs,
.ionicStyle .tabs.tabs-light {
  border-color: #ddd;
  background-color: #fff;
  background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
  color: #24303B;
}
.ionicStyle .tabs-light > .tabs .tab-item .badge,
.ionicStyle .tabs.tabs-light .tab-item .badge {
  background-color: #24303B;
  color: #fff;
}
.ionicStyle .tabs-stable > .tabs,
.ionicStyle .tabs.tabs-stable {
  border-color: #b2b2b2;
  background-color: #f8f8f8;
  background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
  color: #24303B;
}
.ionicStyle .tabs-stable > .tabs .tab-item .badge,
.ionicStyle .tabs.tabs-stable .tab-item .badge {
  background-color: #24303B;
  color: #f8f8f8;
}
.ionicStyle .tabs-positive > .tabs,
.ionicStyle .tabs.tabs-positive {
  border-color: #0c60ee;
  background-color: #387ef5;
  background-image: linear-gradient(0deg, #0c60ee, #0c60ee 50%, transparent 50%);
  color: #fff;
}
.ionicStyle .tabs-positive > .tabs .tab-item .badge,
.ionicStyle .tabs.tabs-positive .tab-item .badge {
  background-color: #fff;
  color: #387ef5;
}
.ionicStyle .tabs-calm > .tabs,
.ionicStyle .tabs.tabs-calm {
  border-color: #0a9dc7;
  background-color: #11c1f3;
  background-image: linear-gradient(0deg, #0a9dc7, #0a9dc7 50%, transparent 50%);
  color: #fff;
}
.ionicStyle .tabs-calm > .tabs .tab-item .badge,
.ionicStyle .tabs.tabs-calm .tab-item .badge {
  background-color: #fff;
  color: #11c1f3;
}
.ionicStyle .tabs-assertive > .tabs,
.ionicStyle .tabs.tabs-assertive {
  border-color: #e42112;
  background-color: #ef473a;
  background-image: linear-gradient(0deg, #e42112, #e42112 50%, transparent 50%);
  color: #fff;
}
.ionicStyle .tabs-assertive > .tabs .tab-item .badge,
.ionicStyle .tabs.tabs-assertive .tab-item .badge {
  background-color: #fff;
  color: #ef473a;
}
.ionicStyle .tabs-balanced > .tabs,
.ionicStyle .tabs.tabs-balanced {
  border-color: #28a54c;
  background-color: #33cd5f;
  background-image: linear-gradient(0deg, #28a54c, #28a54c 50%, transparent 50%);
  color: #fff;
}
.ionicStyle .tabs-balanced > .tabs .tab-item .badge,
.ionicStyle .tabs.tabs-balanced .tab-item .badge {
  background-color: #fff;
  color: #33cd5f;
}
.ionicStyle .tabs-energized > .tabs,
.ionicStyle .tabs.tabs-energized {
  border-color: #e6b500;
  background-color: #ffc900;
  background-image: linear-gradient(0deg, #e6b500, #e6b500 50%, transparent 50%);
  color: #fff;
}
.ionicStyle .tabs-energized > .tabs .tab-item .badge,
.ionicStyle .tabs.tabs-energized .tab-item .badge {
  background-color: #fff;
  color: #ffc900;
}
.ionicStyle .tabs-royal > .tabs,
.ionicStyle .tabs.tabs-royal {
  border-color: #6b46e5;
  background-color: #886aea;
  background-image: linear-gradient(0deg, #6b46e5, #6b46e5 50%, transparent 50%);
  color: #fff;
}
.ionicStyle .tabs-royal > .tabs .tab-item .badge,
.ionicStyle .tabs.tabs-royal .tab-item .badge {
  background-color: #fff;
  color: #886aea;
}
.ionicStyle .tabs-dark > .tabs,
.ionicStyle .tabs.tabs-dark {
  border-color: #111;
  background-color: #24303B;
  background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%);
  color: #fff;
}
.ionicStyle .tabs-dark > .tabs .tab-item .badge,
.ionicStyle .tabs.tabs-dark .tab-item .badge {
  background-color: #fff;
  color: #24303B;
}
.ionicStyle .tabs-striped .tabs {
  background-color: white;
  background-image: none;
  border: none;
  border-bottom: 1px solid #ddd;
  padding-top: 2px;
}
.ionicStyle .tabs-striped .tab-item.tab-item-active,
.ionicStyle .tabs-striped .tab-item.active,
.ionicStyle .tabs-striped .tab-item.activated {
  margin-top: -2px;
  border-style: solid;
  border-width: 2px 0 0 0;
  border-color: #24303B;
}
.ionicStyle .tabs-striped .tab-item.tab-item-active .badge,
.ionicStyle .tabs-striped .tab-item.active .badge,
.ionicStyle .tabs-striped .tab-item.activated .badge {
  top: 2px;
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-light .tabs {
  background-color: #fff;
}
.ionicStyle .tabs-striped.tabs-light .tab-item {
  color: rgba(68, 68, 68, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-light .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-striped.tabs-light .tab-item.tab-item-active,
.ionicStyle .tabs-striped.tabs-light .tab-item.active,
.ionicStyle .tabs-striped.tabs-light .tab-item.activated {
  margin-top: -2px;
  color: #24303B;
  border-style: solid;
  border-width: 2px 0 0 0;
  border-color: #24303B;
}
.ionicStyle .tabs-striped.tabs-top .tab-item.tab-item-active .badge,
.ionicStyle .tabs-striped.tabs-top .tab-item.active .badge,
.ionicStyle .tabs-striped.tabs-top .tab-item.activated .badge {
  top: 4%;
}
.ionicStyle .tabs-striped.tabs-stable .tabs {
  background-color: #f8f8f8;
}
.ionicStyle .tabs-striped.tabs-stable .tab-item {
  color: rgba(68, 68, 68, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-stable .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-striped.tabs-stable .tab-item.tab-item-active,
.ionicStyle .tabs-striped.tabs-stable .tab-item.active,
.ionicStyle .tabs-striped.tabs-stable .tab-item.activated {
  margin-top: -2px;
  color: #24303B;
  border-style: solid;
  border-width: 2px 0 0 0;
  border-color: #24303B;
}
.ionicStyle .tabs-striped.tabs-top .tab-item.tab-item-active .badge,
.ionicStyle .tabs-striped.tabs-top .tab-item.active .badge,
.ionicStyle .tabs-striped.tabs-top .tab-item.activated .badge {
  top: 4%;
}
.ionicStyle .tabs-striped.tabs-positive .tabs {
  background-color: #387ef5;
}
.ionicStyle .tabs-striped.tabs-positive .tab-item {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-positive .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-striped.tabs-positive .tab-item.tab-item-active,
.ionicStyle .tabs-striped.tabs-positive .tab-item.active,
.ionicStyle .tabs-striped.tabs-positive .tab-item.activated {
  margin-top: -2px;
  color: #fff;
  border-style: solid;
  border-width: 2px 0 0 0;
  border-color: #fff;
}
.ionicStyle .tabs-striped.tabs-top .tab-item.tab-item-active .badge,
.ionicStyle .tabs-striped.tabs-top .tab-item.active .badge,
.ionicStyle .tabs-striped.tabs-top .tab-item.activated .badge {
  top: 4%;
}
.ionicStyle .tabs-striped.tabs-calm .tabs {
  background-color: #11c1f3;
}
.ionicStyle .tabs-striped.tabs-calm .tab-item {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-calm .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-striped.tabs-calm .tab-item.tab-item-active,
.ionicStyle .tabs-striped.tabs-calm .tab-item.active,
.ionicStyle .tabs-striped.tabs-calm .tab-item.activated {
  margin-top: -2px;
  color: #fff;
  border-style: solid;
  border-width: 2px 0 0 0;
  border-color: #fff;
}
.ionicStyle .tabs-striped.tabs-top .tab-item.tab-item-active .badge,
.ionicStyle .tabs-striped.tabs-top .tab-item.active .badge,
.ionicStyle .tabs-striped.tabs-top .tab-item.activated .badge {
  top: 4%;
}
.ionicStyle .tabs-striped.tabs-assertive .tabs {
  background-color: #ef473a;
}
.ionicStyle .tabs-striped.tabs-assertive .tab-item {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-assertive .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-striped.tabs-assertive .tab-item.tab-item-active,
.ionicStyle .tabs-striped.tabs-assertive .tab-item.active,
.ionicStyle .tabs-striped.tabs-assertive .tab-item.activated {
  margin-top: -2px;
  color: #fff;
  border-style: solid;
  border-width: 2px 0 0 0;
  border-color: #fff;
}
.ionicStyle .tabs-striped.tabs-top .tab-item.tab-item-active .badge,
.ionicStyle .tabs-striped.tabs-top .tab-item.active .badge,
.ionicStyle .tabs-striped.tabs-top .tab-item.activated .badge {
  top: 4%;
}
.ionicStyle .tabs-striped.tabs-balanced .tabs {
  background-color: #33cd5f;
}
.ionicStyle .tabs-striped.tabs-balanced .tab-item {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-balanced .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-striped.tabs-balanced .tab-item.tab-item-active,
.ionicStyle .tabs-striped.tabs-balanced .tab-item.active,
.ionicStyle .tabs-striped.tabs-balanced .tab-item.activated {
  margin-top: -2px;
  color: #fff;
  border-style: solid;
  border-width: 2px 0 0 0;
  border-color: #fff;
}
.ionicStyle .tabs-striped.tabs-top .tab-item.tab-item-active .badge,
.ionicStyle .tabs-striped.tabs-top .tab-item.active .badge,
.ionicStyle .tabs-striped.tabs-top .tab-item.activated .badge {
  top: 4%;
}
.ionicStyle .tabs-striped.tabs-energized .tabs {
  background-color: #ffc900;
}
.ionicStyle .tabs-striped.tabs-energized .tab-item {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-energized .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-striped.tabs-energized .tab-item.tab-item-active,
.ionicStyle .tabs-striped.tabs-energized .tab-item.active,
.ionicStyle .tabs-striped.tabs-energized .tab-item.activated {
  margin-top: -2px;
  color: #fff;
  border-style: solid;
  border-width: 2px 0 0 0;
  border-color: #fff;
}
.ionicStyle .tabs-striped.tabs-top .tab-item.tab-item-active .badge,
.ionicStyle .tabs-striped.tabs-top .tab-item.active .badge,
.ionicStyle .tabs-striped.tabs-top .tab-item.activated .badge {
  top: 4%;
}
.ionicStyle .tabs-striped.tabs-royal .tabs {
  background-color: #886aea;
}
.ionicStyle .tabs-striped.tabs-royal .tab-item {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-royal .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-striped.tabs-royal .tab-item.tab-item-active,
.ionicStyle .tabs-striped.tabs-royal .tab-item.active,
.ionicStyle .tabs-striped.tabs-royal .tab-item.activated {
  margin-top: -2px;
  color: #fff;
  border-style: solid;
  border-width: 2px 0 0 0;
  border-color: #fff;
}
.ionicStyle .tabs-striped.tabs-top .tab-item.tab-item-active .badge,
.ionicStyle .tabs-striped.tabs-top .tab-item.active .badge,
.ionicStyle .tabs-striped.tabs-top .tab-item.activated .badge {
  top: 4%;
}
.ionicStyle .tabs-striped.tabs-dark .tabs {
  background-color: #24303B;
}
.ionicStyle .tabs-striped.tabs-dark .tab-item {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-dark .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-striped.tabs-dark .tab-item.tab-item-active,
.ionicStyle .tabs-striped.tabs-dark .tab-item.active,
.ionicStyle .tabs-striped.tabs-dark .tab-item.activated {
  margin-top: -2px;
  color: #fff;
  border-style: solid;
  border-width: 2px 0 0 0;
  border-color: #fff;
}
.ionicStyle .tabs-striped.tabs-top .tab-item.tab-item-active .badge,
.ionicStyle .tabs-striped.tabs-top .tab-item.active .badge,
.ionicStyle .tabs-striped.tabs-top .tab-item.activated .badge {
  top: 4%;
}
.ionicStyle .tabs-striped.tabs-background-light .tabs {
  background-color: #fff;
  background-image: none;
}
.ionicStyle .tabs-striped.tabs-background-stable .tabs {
  background-color: #f8f8f8;
  background-image: none;
}
.ionicStyle .tabs-striped.tabs-background-positive .tabs {
  background-color: #387ef5;
  background-image: none;
}
.ionicStyle .tabs-striped.tabs-background-calm .tabs {
  background-color: #11c1f3;
  background-image: none;
}
.ionicStyle .tabs-striped.tabs-background-assertive .tabs {
  background-color: #ef473a;
  background-image: none;
}
.ionicStyle .tabs-striped.tabs-background-balanced .tabs {
  background-color: #33cd5f;
  background-image: none;
}
.ionicStyle .tabs-striped.tabs-background-energized .tabs {
  background-color: #ffc900;
  background-image: none;
}
.ionicStyle .tabs-striped.tabs-background-royal .tabs {
  background-color: #886aea;
  background-image: none;
}
.ionicStyle .tabs-striped.tabs-background-dark .tabs {
  background-color: #24303B;
  background-image: none;
}
.ionicStyle .tabs-striped.tabs-color-light .tab-item {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-color-light .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-striped.tabs-color-light .tab-item.tab-item-active,
.ionicStyle .tabs-striped.tabs-color-light .tab-item.active,
.ionicStyle .tabs-striped.tabs-color-light .tab-item.activated {
  margin-top: -2px;
  color: #fff;
  border: 0 solid #fff;
  border-top-width: 2px;
}
.ionicStyle .tabs-striped.tabs-color-light .tab-item.tab-item-active .badge,
.ionicStyle .tabs-striped.tabs-color-light .tab-item.active .badge,
.ionicStyle .tabs-striped.tabs-color-light .tab-item.activated .badge {
  top: 2px;
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-color-stable .tab-item {
  color: rgba(248, 248, 248, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-color-stable .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-striped.tabs-color-stable .tab-item.tab-item-active,
.ionicStyle .tabs-striped.tabs-color-stable .tab-item.active,
.ionicStyle .tabs-striped.tabs-color-stable .tab-item.activated {
  margin-top: -2px;
  color: #f8f8f8;
  border: 0 solid #f8f8f8;
  border-top-width: 2px;
}
.ionicStyle .tabs-striped.tabs-color-stable .tab-item.tab-item-active .badge,
.ionicStyle .tabs-striped.tabs-color-stable .tab-item.active .badge,
.ionicStyle .tabs-striped.tabs-color-stable .tab-item.activated .badge {
  top: 2px;
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-color-positive .tab-item {
  color: rgba(56, 126, 245, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-color-positive .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-striped.tabs-color-positive .tab-item.tab-item-active,
.ionicStyle .tabs-striped.tabs-color-positive .tab-item.active,
.ionicStyle .tabs-striped.tabs-color-positive .tab-item.activated {
  margin-top: -2px;
  color: #387ef5;
  border: 0 solid #387ef5;
  border-top-width: 2px;
}
.ionicStyle .tabs-striped.tabs-color-positive .tab-item.tab-item-active .badge,
.ionicStyle .tabs-striped.tabs-color-positive .tab-item.active .badge,
.ionicStyle .tabs-striped.tabs-color-positive .tab-item.activated .badge {
  top: 2px;
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-color-calm .tab-item {
  color: rgba(17, 193, 243, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-color-calm .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-striped.tabs-color-calm .tab-item.tab-item-active,
.ionicStyle .tabs-striped.tabs-color-calm .tab-item.active,
.ionicStyle .tabs-striped.tabs-color-calm .tab-item.activated {
  margin-top: -2px;
  color: #11c1f3;
  border: 0 solid #11c1f3;
  border-top-width: 2px;
}
.ionicStyle .tabs-striped.tabs-color-calm .tab-item.tab-item-active .badge,
.ionicStyle .tabs-striped.tabs-color-calm .tab-item.active .badge,
.ionicStyle .tabs-striped.tabs-color-calm .tab-item.activated .badge {
  top: 2px;
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-color-assertive .tab-item {
  color: rgba(239, 71, 58, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-color-assertive .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-striped.tabs-color-assertive .tab-item.tab-item-active,
.ionicStyle .tabs-striped.tabs-color-assertive .tab-item.active,
.ionicStyle .tabs-striped.tabs-color-assertive .tab-item.activated {
  margin-top: -2px;
  color: #ef473a;
  border: 0 solid #ef473a;
  border-top-width: 2px;
}
.ionicStyle .tabs-striped.tabs-color-assertive .tab-item.tab-item-active .badge,
.ionicStyle .tabs-striped.tabs-color-assertive .tab-item.active .badge,
.ionicStyle .tabs-striped.tabs-color-assertive .tab-item.activated .badge {
  top: 2px;
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-color-balanced .tab-item {
  color: rgba(51, 205, 95, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-color-balanced .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-striped.tabs-color-balanced .tab-item.tab-item-active,
.ionicStyle .tabs-striped.tabs-color-balanced .tab-item.active,
.ionicStyle .tabs-striped.tabs-color-balanced .tab-item.activated {
  margin-top: -2px;
  color: #33cd5f;
  border: 0 solid #33cd5f;
  border-top-width: 2px;
}
.ionicStyle .tabs-striped.tabs-color-balanced .tab-item.tab-item-active .badge,
.ionicStyle .tabs-striped.tabs-color-balanced .tab-item.active .badge,
.ionicStyle .tabs-striped.tabs-color-balanced .tab-item.activated .badge {
  top: 2px;
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-color-energized .tab-item {
  color: rgba(255, 201, 0, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-color-energized .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-striped.tabs-color-energized .tab-item.tab-item-active,
.ionicStyle .tabs-striped.tabs-color-energized .tab-item.active,
.ionicStyle .tabs-striped.tabs-color-energized .tab-item.activated {
  margin-top: -2px;
  color: #ffc900;
  border: 0 solid #ffc900;
  border-top-width: 2px;
}
.ionicStyle .tabs-striped.tabs-color-energized .tab-item.tab-item-active .badge,
.ionicStyle .tabs-striped.tabs-color-energized .tab-item.active .badge,
.ionicStyle .tabs-striped.tabs-color-energized .tab-item.activated .badge {
  top: 2px;
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-color-royal .tab-item {
  color: rgba(136, 106, 234, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-color-royal .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-striped.tabs-color-royal .tab-item.tab-item-active,
.ionicStyle .tabs-striped.tabs-color-royal .tab-item.active,
.ionicStyle .tabs-striped.tabs-color-royal .tab-item.activated {
  margin-top: -2px;
  color: #886aea;
  border: 0 solid #886aea;
  border-top-width: 2px;
}
.ionicStyle .tabs-striped.tabs-color-royal .tab-item.tab-item-active .badge,
.ionicStyle .tabs-striped.tabs-color-royal .tab-item.active .badge,
.ionicStyle .tabs-striped.tabs-color-royal .tab-item.activated .badge {
  top: 2px;
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-color-dark .tab-item {
  color: rgba(68, 68, 68, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-striped.tabs-color-dark .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-striped.tabs-color-dark .tab-item.tab-item-active,
.ionicStyle .tabs-striped.tabs-color-dark .tab-item.active,
.ionicStyle .tabs-striped.tabs-color-dark .tab-item.activated {
  margin-top: -2px;
  color: #24303B;
  border: 0 solid #24303B;
  border-top-width: 2px;
}
.ionicStyle .tabs-striped.tabs-color-dark .tab-item.tab-item-active .badge,
.ionicStyle .tabs-striped.tabs-color-dark .tab-item.active .badge,
.ionicStyle .tabs-striped.tabs-color-dark .tab-item.activated .badge {
  top: 2px;
  opacity: 1;
}
.ionicStyle .tabs-background-light .tabs,
.ionicStyle .tabs-background-light > .tabs {
  background-color: #fff;
  background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
  border-color: #ddd;
}
.ionicStyle .tabs-background-stable .tabs,
.ionicStyle .tabs-background-stable > .tabs {
  background-color: #f8f8f8;
  background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
  border-color: #b2b2b2;
}
.ionicStyle .tabs-background-positive .tabs,
.ionicStyle .tabs-background-positive > .tabs {
  background-color: #387ef5;
  background-image: linear-gradient(0deg, #0c60ee, #0c60ee 50%, transparent 50%);
  border-color: #0c60ee;
}
.ionicStyle .tabs-background-calm .tabs,
.ionicStyle .tabs-background-calm > .tabs {
  background-color: #11c1f3;
  background-image: linear-gradient(0deg, #0a9dc7, #0a9dc7 50%, transparent 50%);
  border-color: #0a9dc7;
}
.ionicStyle .tabs-background-assertive .tabs,
.ionicStyle .tabs-background-assertive > .tabs {
  background-color: #ef473a;
  background-image: linear-gradient(0deg, #e42112, #e42112 50%, transparent 50%);
  border-color: #e42112;
}
.ionicStyle .tabs-background-balanced .tabs,
.ionicStyle .tabs-background-balanced > .tabs {
  background-color: #33cd5f;
  background-image: linear-gradient(0deg, #28a54c, #28a54c 50%, transparent 50%);
  border-color: #28a54c;
}
.ionicStyle .tabs-background-energized .tabs,
.ionicStyle .tabs-background-energized > .tabs {
  background-color: #ffc900;
  background-image: linear-gradient(0deg, #e6b500, #e6b500 50%, transparent 50%);
  border-color: #e6b500;
}
.ionicStyle .tabs-background-royal .tabs,
.ionicStyle .tabs-background-royal > .tabs {
  background-color: #886aea;
  background-image: linear-gradient(0deg, #6b46e5, #6b46e5 50%, transparent 50%);
  border-color: #6b46e5;
}
.ionicStyle .tabs-background-dark .tabs,
.ionicStyle .tabs-background-dark > .tabs {
  background-color: #24303B;
  background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%);
  border-color: #111;
}
.ionicStyle .tabs-color-light .tab-item {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-color-light .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-color-light .tab-item.tab-item-active,
.ionicStyle .tabs-color-light .tab-item.active,
.ionicStyle .tabs-color-light .tab-item.activated {
  color: #fff;
  border: 0 solid #fff;
}
.ionicStyle .tabs-color-light .tab-item.tab-item-active .badge,
.ionicStyle .tabs-color-light .tab-item.active .badge,
.ionicStyle .tabs-color-light .tab-item.activated .badge {
  opacity: 1;
}
.ionicStyle .tabs-color-stable .tab-item {
  color: rgba(248, 248, 248, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-color-stable .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-color-stable .tab-item.tab-item-active,
.ionicStyle .tabs-color-stable .tab-item.active,
.ionicStyle .tabs-color-stable .tab-item.activated {
  color: #f8f8f8;
  border: 0 solid #f8f8f8;
}
.ionicStyle .tabs-color-stable .tab-item.tab-item-active .badge,
.ionicStyle .tabs-color-stable .tab-item.active .badge,
.ionicStyle .tabs-color-stable .tab-item.activated .badge {
  opacity: 1;
}
.ionicStyle .tabs-color-positive .tab-item {
  color: rgba(56, 126, 245, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-color-positive .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-color-positive .tab-item.tab-item-active,
.ionicStyle .tabs-color-positive .tab-item.active,
.ionicStyle .tabs-color-positive .tab-item.activated {
  color: #387ef5;
  border: 0 solid #387ef5;
}
.ionicStyle .tabs-color-positive .tab-item.tab-item-active .badge,
.ionicStyle .tabs-color-positive .tab-item.active .badge,
.ionicStyle .tabs-color-positive .tab-item.activated .badge {
  opacity: 1;
}
.ionicStyle .tabs-color-calm .tab-item {
  color: rgba(17, 193, 243, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-color-calm .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-color-calm .tab-item.tab-item-active,
.ionicStyle .tabs-color-calm .tab-item.active,
.ionicStyle .tabs-color-calm .tab-item.activated {
  color: #11c1f3;
  border: 0 solid #11c1f3;
}
.ionicStyle .tabs-color-calm .tab-item.tab-item-active .badge,
.ionicStyle .tabs-color-calm .tab-item.active .badge,
.ionicStyle .tabs-color-calm .tab-item.activated .badge {
  opacity: 1;
}
.ionicStyle .tabs-color-assertive .tab-item {
  color: rgba(239, 71, 58, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-color-assertive .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-color-assertive .tab-item.tab-item-active,
.ionicStyle .tabs-color-assertive .tab-item.active,
.ionicStyle .tabs-color-assertive .tab-item.activated {
  color: #ef473a;
  border: 0 solid #ef473a;
}
.ionicStyle .tabs-color-assertive .tab-item.tab-item-active .badge,
.ionicStyle .tabs-color-assertive .tab-item.active .badge,
.ionicStyle .tabs-color-assertive .tab-item.activated .badge {
  opacity: 1;
}
.ionicStyle .tabs-color-balanced .tab-item {
  color: rgba(51, 205, 95, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-color-balanced .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-color-balanced .tab-item.tab-item-active,
.ionicStyle .tabs-color-balanced .tab-item.active,
.ionicStyle .tabs-color-balanced .tab-item.activated {
  color: #33cd5f;
  border: 0 solid #33cd5f;
}
.ionicStyle .tabs-color-balanced .tab-item.tab-item-active .badge,
.ionicStyle .tabs-color-balanced .tab-item.active .badge,
.ionicStyle .tabs-color-balanced .tab-item.activated .badge {
  opacity: 1;
}
.ionicStyle .tabs-color-energized .tab-item {
  color: rgba(255, 201, 0, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-color-energized .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-color-energized .tab-item.tab-item-active,
.ionicStyle .tabs-color-energized .tab-item.active,
.ionicStyle .tabs-color-energized .tab-item.activated {
  color: #ffc900;
  border: 0 solid #ffc900;
}
.ionicStyle .tabs-color-energized .tab-item.tab-item-active .badge,
.ionicStyle .tabs-color-energized .tab-item.active .badge,
.ionicStyle .tabs-color-energized .tab-item.activated .badge {
  opacity: 1;
}
.ionicStyle .tabs-color-royal .tab-item {
  color: rgba(136, 106, 234, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-color-royal .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-color-royal .tab-item.tab-item-active,
.ionicStyle .tabs-color-royal .tab-item.active,
.ionicStyle .tabs-color-royal .tab-item.activated {
  color: #886aea;
  border: 0 solid #886aea;
}
.ionicStyle .tabs-color-royal .tab-item.tab-item-active .badge,
.ionicStyle .tabs-color-royal .tab-item.active .badge,
.ionicStyle .tabs-color-royal .tab-item.activated .badge {
  opacity: 1;
}
.ionicStyle .tabs-color-dark .tab-item {
  color: rgba(68, 68, 68, 0.4);
  opacity: 1;
}
.ionicStyle .tabs-color-dark .tab-item .badge {
  opacity: 0.4;
}
.ionicStyle .tabs-color-dark .tab-item.tab-item-active,
.ionicStyle .tabs-color-dark .tab-item.active,
.ionicStyle .tabs-color-dark .tab-item.activated {
  color: #24303B;
  border: 0 solid #24303B;
}
.ionicStyle .tabs-color-dark .tab-item.tab-item-active .badge,
.ionicStyle .tabs-color-dark .tab-item.active .badge,
.ionicStyle .tabs-color-dark .tab-item.activated .badge {
  opacity: 1;
}
.ionicStyle ion-tabs.tabs-color-active-light .tab-item {
  color: #24303B;
}
.ionicStyle ion-tabs.tabs-color-active-light .tab-item.tab-item-active,
.ionicStyle ion-tabs.tabs-color-active-light .tab-item.active,
.ionicStyle ion-tabs.tabs-color-active-light .tab-item.activated {
  color: #fff;
}
.ionicStyle ion-tabs.tabs-color-active-stable .tab-item {
  color: #24303B;
}
.ionicStyle ion-tabs.tabs-color-active-stable .tab-item.tab-item-active,
.ionicStyle ion-tabs.tabs-color-active-stable .tab-item.active,
.ionicStyle ion-tabs.tabs-color-active-stable .tab-item.activated {
  color: #f8f8f8;
}
.ionicStyle ion-tabs.tabs-color-active-positive .tab-item {
  color: #24303B;
}
.ionicStyle ion-tabs.tabs-color-active-positive .tab-item.tab-item-active,
.ionicStyle ion-tabs.tabs-color-active-positive .tab-item.active,
.ionicStyle ion-tabs.tabs-color-active-positive .tab-item.activated {
  color: #387ef5;
}
.ionicStyle ion-tabs.tabs-color-active-calm .tab-item {
  color: #24303B;
}
.ionicStyle ion-tabs.tabs-color-active-calm .tab-item.tab-item-active,
.ionicStyle ion-tabs.tabs-color-active-calm .tab-item.active,
.ionicStyle ion-tabs.tabs-color-active-calm .tab-item.activated {
  color: #11c1f3;
}
.ionicStyle ion-tabs.tabs-color-active-assertive .tab-item {
  color: #24303B;
}
.ionicStyle ion-tabs.tabs-color-active-assertive .tab-item.tab-item-active,
.ionicStyle ion-tabs.tabs-color-active-assertive .tab-item.active,
.ionicStyle ion-tabs.tabs-color-active-assertive .tab-item.activated {
  color: #ef473a;
}
.ionicStyle ion-tabs.tabs-color-active-balanced .tab-item {
  color: #24303B;
}
.ionicStyle ion-tabs.tabs-color-active-balanced .tab-item.tab-item-active,
.ionicStyle ion-tabs.tabs-color-active-balanced .tab-item.active,
.ionicStyle ion-tabs.tabs-color-active-balanced .tab-item.activated {
  color: #33cd5f;
}
.ionicStyle ion-tabs.tabs-color-active-energized .tab-item {
  color: #24303B;
}
.ionicStyle ion-tabs.tabs-color-active-energized .tab-item.tab-item-active,
.ionicStyle ion-tabs.tabs-color-active-energized .tab-item.active,
.ionicStyle ion-tabs.tabs-color-active-energized .tab-item.activated {
  color: #ffc900;
}
.ionicStyle ion-tabs.tabs-color-active-royal .tab-item {
  color: #24303B;
}
.ionicStyle ion-tabs.tabs-color-active-royal .tab-item.tab-item-active,
.ionicStyle ion-tabs.tabs-color-active-royal .tab-item.active,
.ionicStyle ion-tabs.tabs-color-active-royal .tab-item.activated {
  color: #886aea;
}
.ionicStyle ion-tabs.tabs-color-active-dark .tab-item {
  color: #fff;
}
.ionicStyle ion-tabs.tabs-color-active-dark .tab-item.tab-item-active,
.ionicStyle ion-tabs.tabs-color-active-dark .tab-item.active,
.ionicStyle ion-tabs.tabs-color-active-dark .tab-item.activated {
  color: #24303B;
}
.ionicStyle .tabs-top.tabs-striped {
  padding-bottom: 0;
}
.ionicStyle .tabs-top.tabs-striped .tab-item {
  background: transparent;
  -webkit-transition: color 0.1s ease;
  -moz-transition: color 0.1s ease;
  -ms-transition: color 0.1s ease;
  -o-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
.ionicStyle .tabs-top.tabs-striped .tab-item.tab-item-active,
.ionicStyle .tabs-top.tabs-striped .tab-item.active,
.ionicStyle .tabs-top.tabs-striped .tab-item.activated {
  margin-top: 1px;
  border-width: 0px 0px 2px 0px !important;
  border-style: solid;
}
.ionicStyle .tabs-top.tabs-striped .tab-item.tab-item-active > .badge,
.ionicStyle .tabs-top.tabs-striped .tab-item.tab-item-active > i,
.ionicStyle .tabs-top.tabs-striped .tab-item.active > .badge,
.ionicStyle .tabs-top.tabs-striped .tab-item.active > i,
.ionicStyle .tabs-top.tabs-striped .tab-item.activated > .badge,
.ionicStyle .tabs-top.tabs-striped .tab-item.activated > i {
  margin-top: -1px;
}
.ionicStyle .tabs-top.tabs-striped .tab-item .badge {
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -ms-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.ionicStyle .tabs-top.tabs-striped:not(.tabs-icon-left):not(.tabs-icon-top) .tab-item.tab-item-active .tab-title,
.ionicStyle .tabs-top.tabs-striped:not(.tabs-icon-left):not(.tabs-icon-top) .tab-item.tab-item-active i,
.ionicStyle .tabs-top.tabs-striped:not(.tabs-icon-left):not(.tabs-icon-top) .tab-item.active .tab-title,
.ionicStyle .tabs-top.tabs-striped:not(.tabs-icon-left):not(.tabs-icon-top) .tab-item.active i,
.ionicStyle .tabs-top.tabs-striped:not(.tabs-icon-left):not(.tabs-icon-top) .tab-item.activated .tab-title,
.ionicStyle .tabs-top.tabs-striped:not(.tabs-icon-left):not(.tabs-icon-top) .tab-item.activated i {
  display: block;
  margin-top: -1px;
}
.ionicStyle .tabs-top.tabs-striped.tabs-icon-left .tab-item {
  margin-top: 1px;
}
.ionicStyle .tabs-top.tabs-striped.tabs-icon-left .tab-item.tab-item-active .tab-title,
.ionicStyle .tabs-top.tabs-striped.tabs-icon-left .tab-item.tab-item-active i,
.ionicStyle .tabs-top.tabs-striped.tabs-icon-left .tab-item.active .tab-title,
.ionicStyle .tabs-top.tabs-striped.tabs-icon-left .tab-item.active i,
.ionicStyle .tabs-top.tabs-striped.tabs-icon-left .tab-item.activated .tab-title,
.ionicStyle .tabs-top.tabs-striped.tabs-icon-left .tab-item.activated i {
  margin-top: -0.1em;
}
.ionicStyle .tabs-top > .tabs,
.ionicStyle .tabs.tabs-top {
  top: 44px;
  padding-top: 0;
  background-position: bottom;
  border-top-width: 0;
  border-bottom-width: 1px;
}
.ionicStyle .tabs-top > .tabs .tab-item.tab-item-active .badge,
.ionicStyle .tabs-top > .tabs .tab-item.active .badge,
.ionicStyle .tabs-top > .tabs .tab-item.activated .badge,
.ionicStyle .tabs.tabs-top .tab-item.tab-item-active .badge,
.ionicStyle .tabs.tabs-top .tab-item.active .badge,
.ionicStyle .tabs.tabs-top .tab-item.activated .badge {
  top: 4%;
}
.ionicStyle .tabs-top ~ .bar-header {
  border-bottom-width: 0;
}
.ionicStyle .tab-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  overflow: hidden;
  max-width: 150px;
  height: 100%;
  color: inherit;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  font-size: 14px;
  font-family: "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  opacity: 0.7;
}
.ionicStyle .tab-item:hover {
  cursor: pointer;
}
.ionicStyle .tab-item.tab-hidden {
  display: none;
}
.ionicStyle .tabs-item-hide > .tabs,
.ionicStyle .tabs.tabs-item-hide {
  display: none;
}
.ionicStyle .tabs-icon-top > .tabs .tab-item,
.ionicStyle .tabs-icon-top.tabs .tab-item,
.ionicStyle .tabs-icon-bottom > .tabs .tab-item,
.ionicStyle .tabs-icon-bottom.tabs .tab-item {
  font-size: 10px;
  line-height: 14px;
}
.ionicStyle .tab-item .icon {
  display: block;
  margin: 0 auto;
  height: 32px;
  font-size: 32px;
}
.ionicStyle .tabs-icon-left.tabs .tab-item,
.ionicStyle .tabs-icon-left > .tabs .tab-item,
.ionicStyle .tabs-icon-right.tabs .tab-item,
.ionicStyle .tabs-icon-right > .tabs .tab-item {
  font-size: 10px;
}
.ionicStyle .tabs-icon-left.tabs .tab-item .icon,
.ionicStyle .tabs-icon-left.tabs .tab-item .tab-title,
.ionicStyle .tabs-icon-left > .tabs .tab-item .icon,
.ionicStyle .tabs-icon-left > .tabs .tab-item .tab-title,
.ionicStyle .tabs-icon-right.tabs .tab-item .icon,
.ionicStyle .tabs-icon-right.tabs .tab-item .tab-title,
.ionicStyle .tabs-icon-right > .tabs .tab-item .icon,
.ionicStyle .tabs-icon-right > .tabs .tab-item .tab-title {
  display: inline-block;
  vertical-align: top;
  margin-top: -0.1em;
}
.ionicStyle .tabs-icon-left.tabs .tab-item .icon:before,
.ionicStyle .tabs-icon-left.tabs .tab-item .tab-title:before,
.ionicStyle .tabs-icon-left > .tabs .tab-item .icon:before,
.ionicStyle .tabs-icon-left > .tabs .tab-item .tab-title:before,
.ionicStyle .tabs-icon-right.tabs .tab-item .icon:before,
.ionicStyle .tabs-icon-right.tabs .tab-item .tab-title:before,
.ionicStyle .tabs-icon-right > .tabs .tab-item .icon:before,
.ionicStyle .tabs-icon-right > .tabs .tab-item .tab-title:before {
  font-size: 24px;
  line-height: 49px;
}
.ionicStyle .tabs-icon-left > .tabs .tab-item .icon,
.ionicStyle .tabs-icon-left.tabs .tab-item .icon {
  padding-right: 3px;
}
.ionicStyle .tabs-icon-right > .tabs .tab-item .icon,
.ionicStyle .tabs-icon-right.tabs .tab-item .icon {
  padding-left: 3px;
}
.ionicStyle .tabs-icon-only > .tabs .icon,
.ionicStyle .tabs-icon-only.tabs .icon {
  line-height: inherit;
}
.ionicStyle .tab-item.has-badge {
  position: relative;
}
.ionicStyle .tab-item .badge {
  position: absolute;
  top: 4%;
  right: 33%;
  right: calc(50% - 26px);
  padding: 1px 6px;
  height: auto;
  font-size: 12px;
  line-height: 16px;
}
.ionicStyle .tab-item.tab-item-active,
.ionicStyle .tab-item.active,
.ionicStyle .tab-item.activated {
  opacity: 1;
}
.ionicStyle .tab-item.tab-item-active.tab-item-light,
.ionicStyle .tab-item.active.tab-item-light,
.ionicStyle .tab-item.activated.tab-item-light {
  color: #fff;
}
.ionicStyle .tab-item.tab-item-active.tab-item-stable,
.ionicStyle .tab-item.active.tab-item-stable,
.ionicStyle .tab-item.activated.tab-item-stable {
  color: #f8f8f8;
}
.ionicStyle .tab-item.tab-item-active.tab-item-positive,
.ionicStyle .tab-item.active.tab-item-positive,
.ionicStyle .tab-item.activated.tab-item-positive {
  color: #387ef5;
}
.ionicStyle .tab-item.tab-item-active.tab-item-calm,
.ionicStyle .tab-item.active.tab-item-calm,
.ionicStyle .tab-item.activated.tab-item-calm {
  color: #11c1f3;
}
.ionicStyle .tab-item.tab-item-active.tab-item-assertive,
.ionicStyle .tab-item.active.tab-item-assertive,
.ionicStyle .tab-item.activated.tab-item-assertive {
  color: #ef473a;
}
.ionicStyle .tab-item.tab-item-active.tab-item-balanced,
.ionicStyle .tab-item.active.tab-item-balanced,
.ionicStyle .tab-item.activated.tab-item-balanced {
  color: #33cd5f;
}
.ionicStyle .tab-item.tab-item-active.tab-item-energized,
.ionicStyle .tab-item.active.tab-item-energized,
.ionicStyle .tab-item.activated.tab-item-energized {
  color: #ffc900;
}
.ionicStyle .tab-item.tab-item-active.tab-item-royal,
.ionicStyle .tab-item.active.tab-item-royal,
.ionicStyle .tab-item.activated.tab-item-royal {
  color: #886aea;
}
.ionicStyle .tab-item.tab-item-active.tab-item-dark,
.ionicStyle .tab-item.active.tab-item-dark,
.ionicStyle .tab-item.activated.tab-item-dark {
  color: #24303B;
}
.ionicStyle .item.tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
.ionicStyle .item.tabs .icon:before {
  position: relative;
}
.ionicStyle .tab-item.disabled,
.ionicStyle .tab-item[disabled] {
  opacity: 0.4;
  cursor: default;
  pointer-events: none;
}
.ionicStyle .nav-bar-tabs-top.hide ~ .view-container .tabs-top .tabs {
  top: 0;
}
.ionicStyle .pane[hide-nav-bar="true"] .has-tabs-top {
  top: 49px;
}
.ionicStyle .menu {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  overflow: hidden;
  min-height: 100%;
  max-height: 100%;
  width: 275px;
  background-color: #fff;
}
.ionicStyle .menu .scroll-content {
  z-index: 10;
}
.ionicStyle .menu .bar-header {
  z-index: 11;
}
.ionicStyle .menu-content {
  -webkit-transform: none;
  transform: none;
  box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.2), 1px 0px 2px rgba(0, 0, 0, 0.2);
}
.ionicStyle .menu-open .menu-content .pane,
.ionicStyle .menu-open .menu-content .scroll-content {
  pointer-events: none;
}
.ionicStyle .menu-open .menu-content .scroll-content .scroll {
  pointer-events: none;
}
.ionicStyle .menu-open .menu-content .scroll-content:not(.overflow-scroll) {
  overflow: hidden;
}
.ionicStyle .grade-b .menu-content,
.ionicStyle .grade-c .menu-content {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  right: -1px;
  left: -1px;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  box-shadow: none;
}
.ionicStyle .menu-left {
  left: 0;
}
.ionicStyle .menu-right {
  right: 0;
}
.ionicStyle .aside-open.aside-resizing .menu-right {
  display: none;
}
.ionicStyle .menu-animated {
  -webkit-transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
}
.ionicStyle .modal-backdrop,
.ionicStyle .modal-backdrop-bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}
.ionicStyle .modal-backdrop-bg {
  pointer-events: none;
}
.ionicStyle .modal {
  display: block;
  position: absolute;
  top: 0;
  z-index: 10;
  overflow: hidden;
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
@media (min-width: 680px) {
  .ionicStyle .modal {
    top: 20%;
    right: 20%;
    bottom: 20%;
    left: 20%;
    min-height: 240px;
    width: 60%;
  }
  .ionicStyle .modal.ng-leave-active {
    bottom: 0;
  }
  .ionicStyle .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) {
    height: 44px;
  }
  .ionicStyle .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) > * {
    margin-top: 0;
  }
  .ionicStyle .platform-ios.platform-cordova .modal-wrapper .modal .tabs-top > .tabs,
  .ionicStyle .platform-ios.platform-cordova .modal-wrapper .modal .tabs.tabs-top {
    top: 44px;
  }
  .ionicStyle .platform-ios.platform-cordova .modal-wrapper .modal .has-header,
  .ionicStyle .platform-ios.platform-cordova .modal-wrapper .modal .bar-subheader {
    top: 44px;
  }
  .ionicStyle .platform-ios.platform-cordova .modal-wrapper .modal .has-subheader {
    top: 88px;
  }
  .ionicStyle .platform-ios.platform-cordova .modal-wrapper .modal .has-header.has-tabs-top {
    top: 93px;
  }
  .ionicStyle .platform-ios.platform-cordova .modal-wrapper .modal .has-header.has-subheader.has-tabs-top {
    top: 137px;
  }
  .ionicStyle .modal-backdrop-bg {
    -webkit-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
    background-color: #000;
    opacity: 0;
  }
  .ionicStyle .active .modal-backdrop-bg {
    opacity: 0.5;
  }
}
.ionicStyle .modal-open {
  pointer-events: none;
}
.ionicStyle .modal-open .modal,
.ionicStyle .modal-open .modal-backdrop {
  pointer-events: auto;
}
.ionicStyle .modal-open.loading-active .modal,
.ionicStyle .modal-open.loading-active .modal-backdrop {
  pointer-events: none;
}
.ionicStyle .popover-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.ionicStyle .popover-backdrop.active {
  background-color: rgba(0, 0, 0, 0.1);
}
.ionicStyle .popover {
  position: absolute;
  top: 25%;
  left: 50%;
  z-index: 10;
  display: block;
  margin-top: 12px;
  margin-left: -110px;
  height: 280px;
  width: 220px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  opacity: 0;
}
.ionicStyle .popover .item:first-child {
  border-top: 0;
}
.ionicStyle .popover .item:last-child {
  border-bottom: 0;
}
.ionicStyle .popover.popover-bottom {
  margin-top: -12px;
}
.ionicStyle .popover,
.ionicStyle .popover .bar-header {
  border-radius: 2px;
}
.ionicStyle .popover .scroll-content {
  z-index: 1;
  margin: 2px 0;
}
.ionicStyle .popover .bar-header {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ionicStyle .popover .has-header {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.ionicStyle .popover-arrow {
  display: none;
}
.ionicStyle .platform-ios .popover {
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
}
.ionicStyle .platform-ios .popover .bar-header {
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
}
.ionicStyle .platform-ios .popover .scroll-content {
  margin: 8px 0;
  border-radius: 10px;
}
.ionicStyle .platform-ios .popover .scroll-content.has-header {
  margin-top: 0;
}
.ionicStyle .platform-ios .popover-arrow {
  position: absolute;
  display: block;
  top: -17px;
  width: 30px;
  height: 19px;
  overflow: hidden;
}
.ionicStyle .platform-ios .popover-arrow:after {
  position: absolute;
  top: 12px;
  left: 5px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 3px;
  content: '';
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ionicStyle .platform-ios .popover-bottom .popover-arrow {
  top: auto;
  bottom: -10px;
}
.ionicStyle .platform-ios .popover-bottom .popover-arrow:after {
  top: -6px;
}
.ionicStyle .platform-android .popover {
  margin-top: -32px;
  background-color: #fafafa;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}
.ionicStyle .platform-android .popover .item {
  border-color: #fafafa;
  background-color: #fafafa;
  color: #4d4d4d;
}
.ionicStyle .platform-android .popover.popover-bottom {
  margin-top: 32px;
}
.ionicStyle .platform-android .popover-backdrop,
.ionicStyle .platform-android .popover-backdrop.active {
  background-color: transparent;
}
.ionicStyle .popover-open {
  pointer-events: none;
}
.ionicStyle .popover-open .popover,
.ionicStyle .popover-open .popover-backdrop {
  pointer-events: auto;
}
.ionicStyle .popover-open.loading-active .popover,
.ionicStyle .popover-open.loading-active .popover-backdrop {
  pointer-events: none;
}
@media (min-width: 680px) {
  .ionicStyle .popover {
    width: 360px;
    margin-left: -180px;
  }
}
.ionicStyle .popup-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  z-index: 12;
  visibility: hidden;
}
.ionicStyle .popup-container.popup-showing {
  visibility: visible;
}
.ionicStyle .popup-container.popup-hidden .popup {
  -webkit-animation-name: scaleOut;
  animation-name: scaleOut;
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.ionicStyle .popup-container.active .popup {
  -webkit-animation-name: superScaleIn;
  animation-name: superScaleIn;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.ionicStyle .popup-container .popup {
  width: 250px;
  max-width: 100%;
  max-height: 90%;
  border-radius: 0px;
  background-color: rgba(255, 255, 255, 0.9);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ionicStyle .popup-container input,
.ionicStyle .popup-container textarea {
  width: 100%;
}
.ionicStyle .popup-head {
  padding: 15px 10px;
  border-bottom: 1px solid #eee;
  text-align: center;
}
.ionicStyle .popup-title {
  margin: 0;
  padding: 0;
  font-size: 15px;
}
.ionicStyle .popup-sub-title {
  margin: 5px 0 0 0;
  padding: 0;
  font-weight: normal;
  font-size: 11px;
}
.ionicStyle .popup-body {
  padding: 10px;
  overflow: auto;
}
.ionicStyle .popup-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 10px;
  min-height: 65px;
}
.ionicStyle .popup-buttons .button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  min-height: 45px;
  border-radius: 2px;
  line-height: 20px;
  margin-right: 5px;
}
.ionicStyle .popup-buttons .button:last-child {
  margin-right: 0px;
}
.ionicStyle .popup-open {
  pointer-events: none;
}
.ionicStyle .popup-open.modal-open .modal {
  pointer-events: none;
}
.ionicStyle .popup-open .popup-backdrop,
.ionicStyle .popup-open .popup {
  pointer-events: auto;
}
.ionicStyle .loading-container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 13;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-transition: 0.2s opacity linear;
  transition: 0.2s opacity linear;
  visibility: hidden;
  opacity: 0;
}
.ionicStyle .loading-container:not(.visible) .icon,
.ionicStyle .loading-container:not(.visible) .spinner {
  display: none;
}
.ionicStyle .loading-container.visible {
  visibility: visible;
}
.ionicStyle .loading-container.active {
  opacity: 1;
}
.ionicStyle .loading-container .loading {
  padding: 20px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 15px;
}
.ionicStyle .loading-container .loading h1,
.ionicStyle .loading-container .loading h2,
.ionicStyle .loading-container .loading h3,
.ionicStyle .loading-container .loading h4,
.ionicStyle .loading-container .loading h5,
.ionicStyle .loading-container .loading h6 {
  color: #fff;
}
.ionicStyle .item {
  border-color: #ddd;
  background-color: #fff;
  color: #24303B;
  position: relative;
  z-index: 2;
  display: block;
  margin: -1px;
  padding: 16px;
  border-width: 1px;
  border-style: solid;
  font-size: 16px;
}
.ionicStyle .item h2 {
  margin: 0 0 2px 0;
  font-size: 16px;
  font-weight: normal;
}
.ionicStyle .item h3 {
  margin: 0 0 4px 0;
  font-size: 14px;
}
.ionicStyle .item h4 {
  margin: 0 0 4px 0;
  font-size: 12px;
}
.ionicStyle .item h5,
.ionicStyle .item h6 {
  margin: 0 0 3px 0;
  font-size: 10px;
}
.ionicStyle .item p {
  color: #666;
  font-size: 14px;
  margin-bottom: 2px;
}
.ionicStyle .item h1:last-child,
.ionicStyle .item h2:last-child,
.ionicStyle .item h3:last-child,
.ionicStyle .item h4:last-child,
.ionicStyle .item h5:last-child,
.ionicStyle .item h6:last-child,
.ionicStyle .item p:last-child {
  margin-bottom: 0;
}
.ionicStyle .item .badge {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 16px;
  right: 32px;
}
.ionicStyle .item.item-button-right .badge {
  right: 67px;
}
.ionicStyle .item.item-divider .badge {
  top: 8px;
}
.ionicStyle .item .badge + .badge {
  margin-right: 5px;
}
.ionicStyle .item.item-light {
  border-color: #ddd;
  background-color: #fff;
  color: #24303B;
}
.ionicStyle .item.item-stable {
  border-color: #b2b2b2;
  background-color: #f8f8f8;
  color: #24303B;
}
.ionicStyle .item.item-positive {
  border-color: #0c60ee;
  background-color: #387ef5;
  color: #fff;
}
.ionicStyle .item.item-calm {
  border-color: #0a9dc7;
  background-color: #11c1f3;
  color: #fff;
}
.ionicStyle .item.item-assertive {
  border-color: #e42112;
  background-color: #ef473a;
  color: #fff;
}
.ionicStyle .item.item-balanced {
  border-color: #28a54c;
  background-color: #33cd5f;
  color: #fff;
}
.ionicStyle .item.item-energized {
  border-color: #e6b500;
  background-color: #ffc900;
  color: #fff;
}
.ionicStyle .item.item-royal {
  border-color: #6b46e5;
  background-color: #886aea;
  color: #fff;
}
.ionicStyle .item.item-dark {
  border-color: #111;
  background-color: #24303B;
  color: #fff;
}
.ionicStyle .item[ng-click]:hover {
  cursor: pointer;
}
.ionicStyle .list-borderless .item,
.ionicStyle .item-borderless {
  border-width: 0;
}
.ionicStyle .item.active,
.ionicStyle .item.activated,
.ionicStyle .item-complex.active .item-content,
.ionicStyle .item-complex.activated .item-content,
.ionicStyle .item .item-content.active,
.ionicStyle .item .item-content.activated {
  border-color: #ccc;
  background-color: #D9D9D9;
}
.ionicStyle .item.active.item-complex > .item-content,
.ionicStyle .item.activated.item-complex > .item-content,
.ionicStyle .item-complex.active .item-content.item-complex > .item-content,
.ionicStyle .item-complex.activated .item-content.item-complex > .item-content,
.ionicStyle .item .item-content.active.item-complex > .item-content,
.ionicStyle .item .item-content.activated.item-complex > .item-content {
  border-color: #ccc;
  background-color: #D9D9D9;
}
.ionicStyle .item.active.item-light,
.ionicStyle .item.activated.item-light,
.ionicStyle .item-complex.active .item-content.item-light,
.ionicStyle .item-complex.activated .item-content.item-light,
.ionicStyle .item .item-content.active.item-light,
.ionicStyle .item .item-content.activated.item-light {
  border-color: #ccc;
  background-color: #fafafa;
}
.ionicStyle .item.active.item-light.item-complex > .item-content,
.ionicStyle .item.activated.item-light.item-complex > .item-content,
.ionicStyle .item-complex.active .item-content.item-light.item-complex > .item-content,
.ionicStyle .item-complex.activated .item-content.item-light.item-complex > .item-content,
.ionicStyle .item .item-content.active.item-light.item-complex > .item-content,
.ionicStyle .item .item-content.activated.item-light.item-complex > .item-content {
  border-color: #ccc;
  background-color: #fafafa;
}
.ionicStyle .item.active.item-stable,
.ionicStyle .item.activated.item-stable,
.ionicStyle .item-complex.active .item-content.item-stable,
.ionicStyle .item-complex.activated .item-content.item-stable,
.ionicStyle .item .item-content.active.item-stable,
.ionicStyle .item .item-content.activated.item-stable {
  border-color: #a2a2a2;
  background-color: #e5e5e5;
}
.ionicStyle .item.active.item-stable.item-complex > .item-content,
.ionicStyle .item.activated.item-stable.item-complex > .item-content,
.ionicStyle .item-complex.active .item-content.item-stable.item-complex > .item-content,
.ionicStyle .item-complex.activated .item-content.item-stable.item-complex > .item-content,
.ionicStyle .item .item-content.active.item-stable.item-complex > .item-content,
.ionicStyle .item .item-content.activated.item-stable.item-complex > .item-content {
  border-color: #a2a2a2;
  background-color: #e5e5e5;
}
.ionicStyle .item.active.item-positive,
.ionicStyle .item.activated.item-positive,
.ionicStyle .item-complex.active .item-content.item-positive,
.ionicStyle .item-complex.activated .item-content.item-positive,
.ionicStyle .item .item-content.active.item-positive,
.ionicStyle .item .item-content.activated.item-positive {
  border-color: #0c60ee;
  background-color: #0c60ee;
}
.ionicStyle .item.active.item-positive.item-complex > .item-content,
.ionicStyle .item.activated.item-positive.item-complex > .item-content,
.ionicStyle .item-complex.active .item-content.item-positive.item-complex > .item-content,
.ionicStyle .item-complex.activated .item-content.item-positive.item-complex > .item-content,
.ionicStyle .item .item-content.active.item-positive.item-complex > .item-content,
.ionicStyle .item .item-content.activated.item-positive.item-complex > .item-content {
  border-color: #0c60ee;
  background-color: #0c60ee;
}
.ionicStyle .item.active.item-calm,
.ionicStyle .item.activated.item-calm,
.ionicStyle .item-complex.active .item-content.item-calm,
.ionicStyle .item-complex.activated .item-content.item-calm,
.ionicStyle .item .item-content.active.item-calm,
.ionicStyle .item .item-content.activated.item-calm {
  border-color: #0a9dc7;
  background-color: #0a9dc7;
}
.ionicStyle .item.active.item-calm.item-complex > .item-content,
.ionicStyle .item.activated.item-calm.item-complex > .item-content,
.ionicStyle .item-complex.active .item-content.item-calm.item-complex > .item-content,
.ionicStyle .item-complex.activated .item-content.item-calm.item-complex > .item-content,
.ionicStyle .item .item-content.active.item-calm.item-complex > .item-content,
.ionicStyle .item .item-content.activated.item-calm.item-complex > .item-content {
  border-color: #0a9dc7;
  background-color: #0a9dc7;
}
.ionicStyle .item.active.item-assertive,
.ionicStyle .item.activated.item-assertive,
.ionicStyle .item-complex.active .item-content.item-assertive,
.ionicStyle .item-complex.activated .item-content.item-assertive,
.ionicStyle .item .item-content.active.item-assertive,
.ionicStyle .item .item-content.activated.item-assertive {
  border-color: #e42112;
  background-color: #e42112;
}
.ionicStyle .item.active.item-assertive.item-complex > .item-content,
.ionicStyle .item.activated.item-assertive.item-complex > .item-content,
.ionicStyle .item-complex.active .item-content.item-assertive.item-complex > .item-content,
.ionicStyle .item-complex.activated .item-content.item-assertive.item-complex > .item-content,
.ionicStyle .item .item-content.active.item-assertive.item-complex > .item-content,
.ionicStyle .item .item-content.activated.item-assertive.item-complex > .item-content {
  border-color: #e42112;
  background-color: #e42112;
}
.ionicStyle .item.active.item-balanced,
.ionicStyle .item.activated.item-balanced,
.ionicStyle .item-complex.active .item-content.item-balanced,
.ionicStyle .item-complex.activated .item-content.item-balanced,
.ionicStyle .item .item-content.active.item-balanced,
.ionicStyle .item .item-content.activated.item-balanced {
  border-color: #28a54c;
  background-color: #28a54c;
}
.ionicStyle .item.active.item-balanced.item-complex > .item-content,
.ionicStyle .item.activated.item-balanced.item-complex > .item-content,
.ionicStyle .item-complex.active .item-content.item-balanced.item-complex > .item-content,
.ionicStyle .item-complex.activated .item-content.item-balanced.item-complex > .item-content,
.ionicStyle .item .item-content.active.item-balanced.item-complex > .item-content,
.ionicStyle .item .item-content.activated.item-balanced.item-complex > .item-content {
  border-color: #28a54c;
  background-color: #28a54c;
}
.ionicStyle .item.active.item-energized,
.ionicStyle .item.activated.item-energized,
.ionicStyle .item-complex.active .item-content.item-energized,
.ionicStyle .item-complex.activated .item-content.item-energized,
.ionicStyle .item .item-content.active.item-energized,
.ionicStyle .item .item-content.activated.item-energized {
  border-color: #e6b500;
  background-color: #e6b500;
}
.ionicStyle .item.active.item-energized.item-complex > .item-content,
.ionicStyle .item.activated.item-energized.item-complex > .item-content,
.ionicStyle .item-complex.active .item-content.item-energized.item-complex > .item-content,
.ionicStyle .item-complex.activated .item-content.item-energized.item-complex > .item-content,
.ionicStyle .item .item-content.active.item-energized.item-complex > .item-content,
.ionicStyle .item .item-content.activated.item-energized.item-complex > .item-content {
  border-color: #e6b500;
  background-color: #e6b500;
}
.ionicStyle .item.active.item-royal,
.ionicStyle .item.activated.item-royal,
.ionicStyle .item-complex.active .item-content.item-royal,
.ionicStyle .item-complex.activated .item-content.item-royal,
.ionicStyle .item .item-content.active.item-royal,
.ionicStyle .item .item-content.activated.item-royal {
  border-color: #6b46e5;
  background-color: #6b46e5;
}
.ionicStyle .item.active.item-royal.item-complex > .item-content,
.ionicStyle .item.activated.item-royal.item-complex > .item-content,
.ionicStyle .item-complex.active .item-content.item-royal.item-complex > .item-content,
.ionicStyle .item-complex.activated .item-content.item-royal.item-complex > .item-content,
.ionicStyle .item .item-content.active.item-royal.item-complex > .item-content,
.ionicStyle .item .item-content.activated.item-royal.item-complex > .item-content {
  border-color: #6b46e5;
  background-color: #6b46e5;
}
.ionicStyle .item.active.item-dark,
.ionicStyle .item.activated.item-dark,
.ionicStyle .item-complex.active .item-content.item-dark,
.ionicStyle .item-complex.activated .item-content.item-dark,
.ionicStyle .item .item-content.active.item-dark,
.ionicStyle .item .item-content.activated.item-dark {
  border-color: #000;
  background-color: #262626;
}
.ionicStyle .item.active.item-dark.item-complex > .item-content,
.ionicStyle .item.activated.item-dark.item-complex > .item-content,
.ionicStyle .item-complex.active .item-content.item-dark.item-complex > .item-content,
.ionicStyle .item-complex.activated .item-content.item-dark.item-complex > .item-content,
.ionicStyle .item .item-content.active.item-dark.item-complex > .item-content,
.ionicStyle .item .item-content.activated.item-dark.item-complex > .item-content {
  border-color: #000;
  background-color: #262626;
}
.ionicStyle .item,
.ionicStyle .item h1,
.ionicStyle .item h2,
.ionicStyle .item h3,
.ionicStyle .item h4,
.ionicStyle .item h5,
.ionicStyle .item h6,
.ionicStyle .item p,
.ionicStyle .item-content,
.ionicStyle .item-content h1,
.ionicStyle .item-content h2,
.ionicStyle .item-content h3,
.ionicStyle .item-content h4,
.ionicStyle .item-content h5,
.ionicStyle .item-content h6,
.ionicStyle .item-content p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ionicStyle a.item {
  color: inherit;
  text-decoration: none;
}
.ionicStyle a.item:hover,
.ionicStyle a.item:focus {
  text-decoration: none;
}
.ionicStyle .item-complex,
.ionicStyle a.item.item-complex,
.ionicStyle button.item.item-complex {
  padding: 0;
}
.ionicStyle .item-complex .item-content,
.ionicStyle .item-radio .item-content {
  position: relative;
  z-index: 2;
  padding: 16px 49px 16px 16px;
  border: none;
  background-color: #fff;
}
.ionicStyle a.item-content {
  display: block;
  color: inherit;
  text-decoration: none;
}
.ionicStyle .item-text-wrap .item,
.ionicStyle .item-text-wrap .item-content,
.ionicStyle .item-text-wrap,
.ionicStyle .item-text-wrap h1,
.ionicStyle .item-text-wrap h2,
.ionicStyle .item-text-wrap h3,
.ionicStyle .item-text-wrap h4,
.ionicStyle .item-text-wrap h5,
.ionicStyle .item-text-wrap h6,
.ionicStyle .item-text-wrap p,
.ionicStyle .item-complex.item-text-wrap .item-content,
.ionicStyle .item-body h1,
.ionicStyle .item-body h2,
.ionicStyle .item-body h3,
.ionicStyle .item-body h4,
.ionicStyle .item-body h5,
.ionicStyle .item-body h6,
.ionicStyle .item-body p {
  overflow: visible;
  white-space: normal;
}
.ionicStyle .item-complex.item-text-wrap,
.ionicStyle .item-complex.item-text-wrap h1,
.ionicStyle .item-complex.item-text-wrap h2,
.ionicStyle .item-complex.item-text-wrap h3,
.ionicStyle .item-complex.item-text-wrap h4,
.ionicStyle .item-complex.item-text-wrap h5,
.ionicStyle .item-complex.item-text-wrap h6,
.ionicStyle .item-complex.item-text-wrap p {
  overflow: visible;
  white-space: normal;
}
.ionicStyle .item-complex.item-light > .item-content {
  border-color: #ddd;
  background-color: #fff;
  color: #24303B;
}
.ionicStyle .item-complex.item-light > .item-content.active,
.ionicStyle .item-complex.item-light > .item-content:active {
  border-color: #ccc;
  background-color: #fafafa;
}
.ionicStyle .item-complex.item-light > .item-content.active.item-complex > .item-content,
.ionicStyle .item-complex.item-light > .item-content:active.item-complex > .item-content {
  border-color: #ccc;
  background-color: #fafafa;
}
.ionicStyle .item-complex.item-stable > .item-content {
  border-color: #b2b2b2;
  background-color: #f8f8f8;
  color: #24303B;
}
.ionicStyle .item-complex.item-stable > .item-content.active,
.ionicStyle .item-complex.item-stable > .item-content:active {
  border-color: #a2a2a2;
  background-color: #e5e5e5;
}
.ionicStyle .item-complex.item-stable > .item-content.active.item-complex > .item-content,
.ionicStyle .item-complex.item-stable > .item-content:active.item-complex > .item-content {
  border-color: #a2a2a2;
  background-color: #e5e5e5;
}
.ionicStyle .item-complex.item-positive > .item-content {
  border-color: #0c60ee;
  background-color: #387ef5;
  color: #fff;
}
.ionicStyle .item-complex.item-positive > .item-content.active,
.ionicStyle .item-complex.item-positive > .item-content:active {
  border-color: #0c60ee;
  background-color: #0c60ee;
}
.ionicStyle .item-complex.item-positive > .item-content.active.item-complex > .item-content,
.ionicStyle .item-complex.item-positive > .item-content:active.item-complex > .item-content {
  border-color: #0c60ee;
  background-color: #0c60ee;
}
.ionicStyle .item-complex.item-calm > .item-content {
  border-color: #0a9dc7;
  background-color: #11c1f3;
  color: #fff;
}
.ionicStyle .item-complex.item-calm > .item-content.active,
.ionicStyle .item-complex.item-calm > .item-content:active {
  border-color: #0a9dc7;
  background-color: #0a9dc7;
}
.ionicStyle .item-complex.item-calm > .item-content.active.item-complex > .item-content,
.ionicStyle .item-complex.item-calm > .item-content:active.item-complex > .item-content {
  border-color: #0a9dc7;
  background-color: #0a9dc7;
}
.ionicStyle .item-complex.item-assertive > .item-content {
  border-color: #e42112;
  background-color: #ef473a;
  color: #fff;
}
.ionicStyle .item-complex.item-assertive > .item-content.active,
.ionicStyle .item-complex.item-assertive > .item-content:active {
  border-color: #e42112;
  background-color: #e42112;
}
.ionicStyle .item-complex.item-assertive > .item-content.active.item-complex > .item-content,
.ionicStyle .item-complex.item-assertive > .item-content:active.item-complex > .item-content {
  border-color: #e42112;
  background-color: #e42112;
}
.ionicStyle .item-complex.item-balanced > .item-content {
  border-color: #28a54c;
  background-color: #33cd5f;
  color: #fff;
}
.ionicStyle .item-complex.item-balanced > .item-content.active,
.ionicStyle .item-complex.item-balanced > .item-content:active {
  border-color: #28a54c;
  background-color: #28a54c;
}
.ionicStyle .item-complex.item-balanced > .item-content.active.item-complex > .item-content,
.ionicStyle .item-complex.item-balanced > .item-content:active.item-complex > .item-content {
  border-color: #28a54c;
  background-color: #28a54c;
}
.ionicStyle .item-complex.item-energized > .item-content {
  border-color: #e6b500;
  background-color: #ffc900;
  color: #fff;
}
.ionicStyle .item-complex.item-energized > .item-content.active,
.ionicStyle .item-complex.item-energized > .item-content:active {
  border-color: #e6b500;
  background-color: #e6b500;
}
.ionicStyle .item-complex.item-energized > .item-content.active.item-complex > .item-content,
.ionicStyle .item-complex.item-energized > .item-content:active.item-complex > .item-content {
  border-color: #e6b500;
  background-color: #e6b500;
}
.ionicStyle .item-complex.item-royal > .item-content {
  border-color: #6b46e5;
  background-color: #886aea;
  color: #fff;
}
.ionicStyle .item-complex.item-royal > .item-content.active,
.ionicStyle .item-complex.item-royal > .item-content:active {
  border-color: #6b46e5;
  background-color: #6b46e5;
}
.ionicStyle .item-complex.item-royal > .item-content.active.item-complex > .item-content,
.ionicStyle .item-complex.item-royal > .item-content:active.item-complex > .item-content {
  border-color: #6b46e5;
  background-color: #6b46e5;
}
.ionicStyle .item-complex.item-dark > .item-content {
  border-color: #111;
  background-color: #24303B;
  color: #fff;
}
.ionicStyle .item-complex.item-dark > .item-content.active,
.ionicStyle .item-complex.item-dark > .item-content:active {
  border-color: #000;
  background-color: #262626;
}
.ionicStyle .item-complex.item-dark > .item-content.active.item-complex > .item-content,
.ionicStyle .item-complex.item-dark > .item-content:active.item-complex > .item-content {
  border-color: #000;
  background-color: #262626;
}
.ionicStyle .item-icon-left .icon,
.ionicStyle .item-icon-right .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: absolute;
  top: 0;
  height: 100%;
  font-size: 32px;
}
.ionicStyle .item-icon-left .icon:before,
.ionicStyle .item-icon-right .icon:before {
  display: block;
  width: 32px;
  text-align: center;
}
.ionicStyle .item .fill-icon {
  min-width: 30px;
  min-height: 30px;
  font-size: 28px;
}
.ionicStyle .item-icon-left {
  padding-left: 54px;
}
.ionicStyle .item-icon-left .icon {
  left: 11px;
}
.ionicStyle .item-complex.item-icon-left {
  padding-left: 0;
}
.ionicStyle .item-complex.item-icon-left .item-content {
  padding-left: 54px;
}
.ionicStyle .item-icon-right {
  padding-right: 54px;
}
.ionicStyle .item-icon-right .icon {
  right: 11px;
}
.ionicStyle .item-complex.item-icon-right {
  padding-right: 0;
}
.ionicStyle .item-complex.item-icon-right .item-content {
  padding-right: 54px;
}
.ionicStyle .item-icon-left.item-icon-right .icon:first-child {
  right: auto;
}
.ionicStyle .item-icon-left.item-icon-right .icon:last-child,
.ionicStyle .item-icon-left .item-delete .icon {
  left: auto;
}
.ionicStyle .item-icon-left .icon-accessory,
.ionicStyle .item-icon-right .icon-accessory {
  color: #ccc;
  font-size: 16px;
}
.ionicStyle .item-icon-left .icon-accessory {
  left: 3px;
}
.ionicStyle .item-icon-right .icon-accessory {
  right: 3px;
}
.ionicStyle .item-button-left {
  padding-left: 72px;
}
.ionicStyle .item-button-left > .button,
.ionicStyle .item-button-left .item-content > .button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: absolute;
  top: 8px;
  left: 11px;
  min-width: 34px;
  min-height: 34px;
  font-size: 18px;
  line-height: 32px;
}
.ionicStyle .item-button-left > .button .icon:before,
.ionicStyle .item-button-left .item-content > .button .icon:before {
  position: relative;
  left: auto;
  width: auto;
  line-height: 31px;
}
.ionicStyle .item-button-left > .button > .button,
.ionicStyle .item-button-left .item-content > .button > .button {
  margin: 0px 2px;
  min-height: 34px;
  font-size: 18px;
  line-height: 32px;
}
.ionicStyle .item-button-right,
.ionicStyle a.item.item-button-right,
.ionicStyle button.item.item-button-right {
  padding-right: 80px;
}
.ionicStyle .item-button-right > .button,
.ionicStyle .item-button-right .item-content > .button,
.ionicStyle .item-button-right > .buttons,
.ionicStyle .item-button-right .item-content > .buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: absolute;
  top: 8px;
  right: 16px;
  min-width: 34px;
  min-height: 34px;
  font-size: 18px;
  line-height: 32px;
}
.ionicStyle .item-button-right > .button .icon:before,
.ionicStyle .item-button-right .item-content > .button .icon:before,
.ionicStyle .item-button-right > .buttons .icon:before,
.ionicStyle .item-button-right .item-content > .buttons .icon:before {
  position: relative;
  left: auto;
  width: auto;
  line-height: 31px;
}
.ionicStyle .item-button-right > .button > .button,
.ionicStyle .item-button-right .item-content > .button > .button,
.ionicStyle .item-button-right > .buttons > .button,
.ionicStyle .item-button-right .item-content > .buttons > .button {
  margin: 0px 2px;
  min-width: 34px;
  min-height: 34px;
  font-size: 18px;
  line-height: 32px;
}
.ionicStyle .item-avatar,
.ionicStyle .item-avatar .item-content,
.ionicStyle .item-avatar-left,
.ionicStyle .item-avatar-left .item-content {
  padding-left: 72px;
  min-height: 72px;
}
.ionicStyle .item-avatar > img:first-child,
.ionicStyle .item-avatar .item-image,
.ionicStyle .item-avatar .item-content > img:first-child,
.ionicStyle .item-avatar .item-content .item-image,
.ionicStyle .item-avatar-left > img:first-child,
.ionicStyle .item-avatar-left .item-image,
.ionicStyle .item-avatar-left .item-content > img:first-child,
.ionicStyle .item-avatar-left .item-content .item-image {
  position: absolute;
  top: 16px;
  left: 16px;
  max-width: 40px;
  max-height: 40px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.ionicStyle .item-avatar-right,
.ionicStyle .item-avatar-right .item-content {
  padding-right: 72px;
  min-height: 72px;
}
.ionicStyle .item-avatar-right > img:first-child,
.ionicStyle .item-avatar-right .item-image,
.ionicStyle .item-avatar-right .item-content > img:first-child,
.ionicStyle .item-avatar-right .item-content .item-image {
  position: absolute;
  top: 16px;
  right: 16px;
  max-width: 40px;
  max-height: 40px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.ionicStyle .item-thumbnail-left,
.ionicStyle .item-thumbnail-left .item-content {
  padding-top: 8px;
  padding-left: 106px;
  min-height: 100px;
}
.ionicStyle .item-thumbnail-left > img:first-child,
.ionicStyle .item-thumbnail-left .item-image,
.ionicStyle .item-thumbnail-left .item-content > img:first-child,
.ionicStyle .item-thumbnail-left .item-content .item-image {
  position: absolute;
  top: 10px;
  left: 10px;
  max-width: 80px;
  max-height: 80px;
  width: 100%;
  height: 100%;
}
.ionicStyle .item-avatar.item-complex,
.ionicStyle .item-avatar-left.item-complex,
.ionicStyle .item-thumbnail-left.item-complex {
  padding-top: 0;
  padding-left: 0;
}
.ionicStyle .item-thumbnail-right,
.ionicStyle .item-thumbnail-right .item-content {
  padding-top: 8px;
  padding-right: 106px;
  min-height: 100px;
}
.ionicStyle .item-thumbnail-right > img:first-child,
.ionicStyle .item-thumbnail-right .item-image,
.ionicStyle .item-thumbnail-right .item-content > img:first-child,
.ionicStyle .item-thumbnail-right .item-content .item-image {
  position: absolute;
  top: 10px;
  right: 10px;
  max-width: 80px;
  max-height: 80px;
  width: 100%;
  height: 100%;
}
.ionicStyle .item-avatar-right.item-complex,
.ionicStyle .item-thumbnail-right.item-complex {
  padding-top: 0;
  padding-right: 0;
}
.ionicStyle .item-image {
  padding: 0;
  text-align: center;
}
.ionicStyle .item-image img:first-child,
.ionicStyle .item-image .list-img {
  width: 100%;
  vertical-align: middle;
}
.ionicStyle .item-body {
  overflow: auto;
  padding: 16px;
  text-overflow: inherit;
  white-space: normal;
}
.ionicStyle .item-body h1,
.ionicStyle .item-body h2,
.ionicStyle .item-body h3,
.ionicStyle .item-body h4,
.ionicStyle .item-body h5,
.ionicStyle .item-body h6,
.ionicStyle .item-body p {
  margin-top: 16px;
  margin-bottom: 16px;
}
.ionicStyle .item-divider {
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 30px;
  background-color: #f5f5f5;
  color: #222;
  font-weight: 500;
}
.ionicStyle .platform-ios .item-divider-platform,
.ionicStyle .item-divider-ios {
  padding-top: 26px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 13px;
  background-color: #efeff4;
  color: #555;
}
.ionicStyle .platform-android .item-divider-platform,
.ionicStyle .item-divider-android {
  font-weight: 300;
  font-size: 13px;
}
.ionicStyle .item-note {
  float: right;
  color: #aaa;
  font-size: 14px;
}
.ionicStyle .item-left-editable .item-content,
.ionicStyle .item-right-editable .item-content {
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
}
.ionicStyle .list-left-editing .item-left-editable .item-content,
.ionicStyle .item-left-editing.item-left-editable .item-content {
  -webkit-transform: translate3d(50px, 0, 0);
  transform: translate3d(50px, 0, 0);
}
.ionicStyle .item-remove-animate.ng-leave {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.ionicStyle .item-remove-animate.ng-leave .item-content,
.ionicStyle .item-remove-animate.ng-leave:last-of-type {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-transition-property: all;
  transition-property: all;
}
.ionicStyle .item-remove-animate.ng-leave.ng-leave-active .item-content {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0) !important;
  transform: translate3d(-100%, 0, 0) !important;
}
.ionicStyle .item-remove-animate.ng-leave.ng-leave-active:last-of-type {
  opacity: 0;
}
.ionicStyle .item-remove-animate.ng-leave.ng-leave-active ~ ion-item:not(.ng-leave) {
  -webkit-transform: translate3d(0, -webkit-calc(-99%), 0);
  transform: translate3d(0, calc(-100% + 1px), 0);
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.81, 0.24, 1);
  transition-timing-function: cubic-bezier(0.25, 0.81, 0.24, 1);
  -webkit-transition-property: all;
  transition-property: all;
}
.ionicStyle .item-left-edit {
  -webkit-transition: all ease-in-out 125ms;
  transition: all ease-in-out 125ms;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 50px;
  height: 100%;
  line-height: 100%;
  display: none;
  opacity: 0;
  -webkit-transform: translate3d(-21px, 0, 0);
  transform: translate3d(-21px, 0, 0);
}
.ionicStyle .item-left-edit .button {
  height: 100%;
}
.ionicStyle .item-left-edit .button.icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: absolute;
  top: 0;
  height: 100%;
}
.ionicStyle .item-left-edit.visible {
  display: block;
}
.ionicStyle .item-left-edit.visible.active {
  opacity: 1;
  -webkit-transform: translate3d(8px, 0, 0);
  transform: translate3d(8px, 0, 0);
}
.ionicStyle .list-left-editing .item-left-edit {
  -webkit-transition-delay: 125ms;
  transition-delay: 125ms;
}
.ionicStyle .item-delete .button.icon {
  color: #ef473a;
  font-size: 24px;
}
.ionicStyle .item-delete .button.icon:hover {
  opacity: 0.7;
}
.ionicStyle .item-right-edit {
  -webkit-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  width: 75px;
  height: 100%;
  background: inherit;
  padding-left: 20px;
  display: block;
  opacity: 0;
  -webkit-transform: translate3d(75px, 0, 0);
  transform: translate3d(75px, 0, 0);
}
.ionicStyle .item-right-edit .button {
  min-width: 50px;
  height: 100%;
}
.ionicStyle .item-right-edit .button.icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: absolute;
  top: 0;
  height: 100%;
  font-size: 32px;
}
.ionicStyle .item-right-edit.visible {
  display: block;
}
.ionicStyle .item-right-edit.visible.active {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.ionicStyle .item-reorder .button.icon {
  color: #24303B;
  font-size: 32px;
}
.ionicStyle .item-reordering {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
  box-shadow: 0px 0px 10px 0px #aaa;
}
.ionicStyle .item-reordering .item-reorder {
  z-index: 9;
}
.ionicStyle .item-placeholder {
  opacity: 0.7;
}
.ionicStyle .item-options {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  height: 100%;
}
.ionicStyle .item-options .button {
  height: 100%;
  border: none;
  border-radius: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.ionicStyle .item-options .button:before {
  margin: 0 auto;
}
.ionicStyle .list {
  position: relative;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 0;
  margin-bottom: 20px;
}
.ionicStyle .list:last-child {
  margin-bottom: 0px;
}
.ionicStyle .list:last-child.card {
  margin-bottom: 40px;
}
.ionicStyle .list-header {
  margin-top: 20px;
  padding: 5px 15px;
  background-color: transparent;
  color: #222;
  font-weight: bold;
}
.ionicStyle .card.list .list-item {
  padding-right: 1px;
  padding-left: 1px;
}
.ionicStyle .card,
.ionicStyle .list-inset {
  overflow: hidden;
  margin: 20px 10px;
  border-radius: 2px;
  background-color: #fff;
}
.ionicStyle .card {
  padding-top: 1px;
  padding-bottom: 1px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.ionicStyle .card .item {
  border-left: 0;
  border-right: 0;
}
.ionicStyle .card .item:first-child {
  border-top: 0;
}
.ionicStyle .card .item:last-child {
  border-bottom: 0;
}
.ionicStyle .padding .card,
.ionicStyle .padding .list-inset {
  margin-left: 0;
  margin-right: 0;
}
.ionicStyle .card .item:first-child,
.ionicStyle .list-inset .item:first-child,
.ionicStyle .padding > .list .item:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.ionicStyle .card .item:first-child .item-content,
.ionicStyle .list-inset .item:first-child .item-content,
.ionicStyle .padding > .list .item:first-child .item-content {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.ionicStyle .card .item:last-child,
.ionicStyle .list-inset .item:last-child,
.ionicStyle .padding > .list .item:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ionicStyle .card .item:last-child .item-content,
.ionicStyle .list-inset .item:last-child .item-content,
.ionicStyle .padding > .list .item:last-child .item-content {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ionicStyle .card .item:last-child,
.ionicStyle .list-inset .item:last-child {
  margin-bottom: -1px;
}
.ionicStyle .card .item,
.ionicStyle .list-inset .item,
.ionicStyle .padding > .list .item,
.ionicStyle .padding-horizontal > .list .item {
  margin-right: 0;
  margin-left: 0;
}
.ionicStyle .card .item.item-input input,
.ionicStyle .list-inset .item.item-input input,
.ionicStyle .padding > .list .item.item-input input,
.ionicStyle .padding-horizontal > .list .item.item-input input {
  padding-right: 44px;
}
.ionicStyle .padding-left > .list .item {
  margin-left: 0;
}
.ionicStyle .padding-right > .list .item {
  margin-right: 0;
}
.ionicStyle .badge {
  background-color: transparent;
  color: #AAAAAA;
  z-index: 1;
  display: inline-block;
  padding: 3px 8px;
  min-width: 10px;
  border-radius: 10px;
  vertical-align: baseline;
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
}
.ionicStyle .badge:empty {
  display: none;
}
.ionicStyle .tabs .tab-item .badge.badge-light,
.ionicStyle .badge.badge-light {
  background-color: #fff;
  color: #24303B;
}
.ionicStyle .tabs .tab-item .badge.badge-stable,
.ionicStyle .badge.badge-stable {
  background-color: #f8f8f8;
  color: #24303B;
}
.ionicStyle .tabs .tab-item .badge.badge-positive,
.ionicStyle .badge.badge-positive {
  background-color: #387ef5;
  color: #fff;
}
.ionicStyle .tabs .tab-item .badge.badge-calm,
.ionicStyle .badge.badge-calm {
  background-color: #11c1f3;
  color: #fff;
}
.ionicStyle .tabs .tab-item .badge.badge-assertive,
.ionicStyle .badge.badge-assertive {
  background-color: #ef473a;
  color: #fff;
}
.ionicStyle .tabs .tab-item .badge.badge-balanced,
.ionicStyle .badge.badge-balanced {
  background-color: #33cd5f;
  color: #fff;
}
.ionicStyle .tabs .tab-item .badge.badge-energized,
.ionicStyle .badge.badge-energized {
  background-color: #ffc900;
  color: #fff;
}
.ionicStyle .tabs .tab-item .badge.badge-royal,
.ionicStyle .badge.badge-royal {
  background-color: #886aea;
  color: #fff;
}
.ionicStyle .tabs .tab-item .badge.badge-dark,
.ionicStyle .badge.badge-dark {
  background-color: #24303B;
  color: #fff;
}
.ionicStyle .button .badge {
  position: relative;
  top: -1px;
}
.ionicStyle .slider {
  position: relative;
  visibility: hidden;
  overflow: hidden;
}
.ionicStyle .slider-slides {
  position: relative;
  height: 100%;
}
.ionicStyle .slider-slide {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.ionicStyle .slider-slide-image > img {
  width: 100%;
}
.ionicStyle .slider-pager {
  position: absolute;
  bottom: 20px;
  z-index: 1;
  width: 100%;
  height: 15px;
  text-align: center;
}
.ionicStyle .slider-pager .slider-pager-page {
  display: inline-block;
  margin: 0px 3px;
  width: 15px;
  color: #000;
  text-decoration: none;
  opacity: 0.3;
}
.ionicStyle .slider-pager .slider-pager-page.active {
  -webkit-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
  opacity: 1;
}
.ionicStyle .slider-slide.ng-enter,
.ionicStyle .slider-slide.ng-leave,
.ionicStyle .slider-slide.ng-animate,
.ionicStyle .slider-pager-page.ng-enter,
.ionicStyle .slider-pager-page.ng-leave,
.ionicStyle .slider-pager-page.ng-animate {
  -webkit-transition: none !important;
  transition: none !important;
}
.ionicStyle .slider-slide.ng-animate,
.ionicStyle .slider-pager-page.ng-animate {
  -webkit-animation: none 0s;
  animation: none 0s;
}
.ionicStyle .swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.ionicStyle .swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.ionicStyle .swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.ionicStyle .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.ionicStyle .swiper-container-android .swiper-slide,
.ionicStyle .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.ionicStyle .swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ionicStyle .swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.ionicStyle .swiper-slide {
  display: block;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
.ionicStyle .swiper-container-autoheight,
.ionicStyle .swiper-container-autoheight .swiper-slide {
  height: auto;
}
.ionicStyle .swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
.ionicStyle .swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.ionicStyle .swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.ionicStyle .swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.ionicStyle .swiper-button-prev,
.ionicStyle .swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.ionicStyle .swiper-button-prev.swiper-button-disabled,
.ionicStyle .swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.ionicStyle .swiper-button-prev,
.ionicStyle .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.ionicStyle .swiper-button-prev.swiper-button-black,
.ionicStyle .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.ionicStyle .swiper-button-prev.swiper-button-white,
.ionicStyle .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.ionicStyle .swiper-button-next,
.ionicStyle .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.ionicStyle .swiper-button-next.swiper-button-black,
.ionicStyle .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.ionicStyle .swiper-button-next.swiper-button-white,
.ionicStyle .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.ionicStyle .swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.ionicStyle .swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.ionicStyle .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
.ionicStyle button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.ionicStyle .swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.ionicStyle .swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.ionicStyle .swiper-pagination-bullet-active {
  opacity: 1;
}
.ionicStyle .swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.ionicStyle .swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.ionicStyle .swiper-container-vertical > .swiper-pagination {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.ionicStyle .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.ionicStyle .swiper-container-horizontal > .swiper-pagination {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.ionicStyle .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
}
.ionicStyle .swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.ionicStyle .swiper-container-3d .swiper-wrapper,
.ionicStyle .swiper-container-3d .swiper-slide,
.ionicStyle .swiper-container-3d .swiper-slide-shadow-left,
.ionicStyle .swiper-container-3d .swiper-slide-shadow-right,
.ionicStyle .swiper-container-3d .swiper-slide-shadow-top,
.ionicStyle .swiper-container-3d .swiper-slide-shadow-bottom,
.ionicStyle .swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ionicStyle .swiper-container-3d .swiper-slide-shadow-left,
.ionicStyle .swiper-container-3d .swiper-slide-shadow-right,
.ionicStyle .swiper-container-3d .swiper-slide-shadow-top,
.ionicStyle .swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.ionicStyle .swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.ionicStyle .swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.ionicStyle .swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.ionicStyle .swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.ionicStyle .swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
.ionicStyle .swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.ionicStyle .swiper-container-fade .swiper-slide {
  pointer-events: none;
}
.ionicStyle .swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.ionicStyle .swiper-container-fade .swiper-slide-active,
.ionicStyle .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.ionicStyle .swiper-container-cube {
  overflow: visible;
}
.ionicStyle .swiper-container-cube .swiper-slide {
  pointer-events: none;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.ionicStyle .swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.ionicStyle .swiper-container-cube .swiper-slide-active,
.ionicStyle .swiper-container-cube .swiper-slide-next,
.ionicStyle .swiper-container-cube .swiper-slide-prev,
.ionicStyle .swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.ionicStyle .swiper-container-cube .swiper-slide-shadow-top,
.ionicStyle .swiper-container-cube .swiper-slide-shadow-bottom,
.ionicStyle .swiper-container-cube .swiper-slide-shadow-left,
.ionicStyle .swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ionicStyle .swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.ionicStyle .swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.ionicStyle .swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.ionicStyle .swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.ionicStyle .swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.ionicStyle .swiper-scrollbar-cursor-drag {
  cursor: move;
}
.ionicStyle .swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.ionicStyle .swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.ionicStyle .swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.ionicStyle ion-slides {
  width: 100%;
  height: 100%;
  display: block;
}
.ionicStyle .slide-zoom {
  display: block;
  width: 100%;
  text-align: center;
}
.ionicStyle .swiper-container {
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
}
.ionicStyle .swiper-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}
.ionicStyle .swiper-slide {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  /* Center slide text vertically */
}
.ionicStyle .swiper-slide img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.ionicStyle .scroll-refresher {
  position: absolute;
  top: -60px;
  right: 0;
  left: 0;
  overflow: hidden;
  margin: auto;
  height: 60px;
}
.ionicStyle .scroll-refresher .ionic-refresher-content {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  color: #666666;
  text-align: center;
  font-size: 30px;
}
.ionicStyle .scroll-refresher .ionic-refresher-content .text-refreshing,
.ionicStyle .scroll-refresher .ionic-refresher-content .text-pulling {
  font-size: 16px;
  line-height: 16px;
}
.ionicStyle .scroll-refresher .ionic-refresher-content.ionic-refresher-with-text {
  bottom: 10px;
}
.ionicStyle .scroll-refresher .icon-refreshing,
.ionicStyle .scroll-refresher .icon-pulling {
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ionicStyle .scroll-refresher .icon-pulling {
  -webkit-animation-name: refresh-spin-back;
  animation-name: refresh-spin-back;
  -webkit-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
  transform: translate3d(0, 0, 0) rotate(0deg);
}
.ionicStyle .scroll-refresher .icon-refreshing,
.ionicStyle .scroll-refresher .text-refreshing {
  display: none;
}
.ionicStyle .scroll-refresher .icon-refreshing {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
.ionicStyle .scroll-refresher.active .icon-pulling:not(.pulling-rotation-disabled) {
  -webkit-animation-name: refresh-spin;
  animation-name: refresh-spin;
  -webkit-transform: translate3d(0, 0, 0) rotate(-180deg);
  transform: translate3d(0, 0, 0) rotate(-180deg);
}
.ionicStyle .scroll-refresher.active.refreshing {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -webkit-transition: transform 0.2s;
  transition: transform 0.2s;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.ionicStyle .scroll-refresher.active.refreshing .icon-pulling,
.ionicStyle .scroll-refresher.active.refreshing .text-pulling {
  display: none;
}
.ionicStyle .scroll-refresher.active.refreshing .icon-refreshing,
.ionicStyle .scroll-refresher.active.refreshing .text-refreshing {
  display: block;
}
.ionicStyle .scroll-refresher.active.refreshing.refreshing-tail {
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
}
.ionicStyle .overflow-scroll > .scroll {
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
.ionicStyle .overflow-scroll > .scroll.overscroll {
  position: fixed;
  right: 0;
  left: 0;
}
.ionicStyle .overflow-scroll.padding > .scroll.overscroll {
  padding: 10px;
}
@-webkit-keyframes refresh-spin {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
  }
}
@keyframes refresh-spin {
  0% {
    transform: translate3d(0, 0, 0) rotate(0);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(180deg);
  }
}
@-webkit-keyframes refresh-spin-back {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0);
  }
}
@keyframes refresh-spin-back {
  0% {
    transform: translate3d(0, 0, 0) rotate(180deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(0);
  }
}
.ionicStyle .spinner {
  stroke: #24303B;
  fill: #24303B;
}
.ionicStyle .spinner svg {
  width: 28px;
  height: 28px;
}
.ionicStyle .spinner.spinner-light {
  stroke: #fff;
  fill: #fff;
}
.ionicStyle .spinner.spinner-stable {
  stroke: #f8f8f8;
  fill: #f8f8f8;
}
.ionicStyle .spinner.spinner-positive {
  stroke: #387ef5;
  fill: #387ef5;
}
.ionicStyle .spinner.spinner-calm {
  stroke: #11c1f3;
  fill: #11c1f3;
}
.ionicStyle .spinner.spinner-balanced {
  stroke: #33cd5f;
  fill: #33cd5f;
}
.ionicStyle .spinner.spinner-assertive {
  stroke: #ef473a;
  fill: #ef473a;
}
.ionicStyle .spinner.spinner-energized {
  stroke: #ffc900;
  fill: #ffc900;
}
.ionicStyle .spinner.spinner-royal {
  stroke: #886aea;
  fill: #886aea;
}
.ionicStyle .spinner.spinner-dark {
  stroke: #24303B;
  fill: #24303B;
}
.ionicStyle .spinner-android {
  stroke: #4b8bf4;
}
.ionicStyle .spinner-ios,
.ionicStyle .spinner-ios-small {
  stroke: #69717d;
}
.ionicStyle .spinner-spiral .stop1 {
  stop-color: #fff;
  stop-opacity: 0;
}
.ionicStyle .spinner-spiral.spinner-light .stop1 {
  stop-color: #24303B;
}
.ionicStyle .spinner-spiral.spinner-light .stop2 {
  stop-color: #fff;
}
.ionicStyle .spinner-spiral.spinner-stable .stop2 {
  stop-color: #f8f8f8;
}
.ionicStyle .spinner-spiral.spinner-positive .stop2 {
  stop-color: #387ef5;
}
.ionicStyle .spinner-spiral.spinner-calm .stop2 {
  stop-color: #11c1f3;
}
.ionicStyle .spinner-spiral.spinner-balanced .stop2 {
  stop-color: #33cd5f;
}
.ionicStyle .spinner-spiral.spinner-assertive .stop2 {
  stop-color: #ef473a;
}
.ionicStyle .spinner-spiral.spinner-energized .stop2 {
  stop-color: #ffc900;
}
.ionicStyle .spinner-spiral.spinner-royal .stop2 {
  stop-color: #886aea;
}
.ionicStyle .spinner-spiral.spinner-dark .stop2 {
  stop-color: #24303B;
}
.ionicStyle form {
  margin: 0 0 1.42857;
}
.ionicStyle legend {
  display: block;
  margin-bottom: 1.42857;
  padding: 0;
  width: 100%;
  border: 1px solid #ddd;
  color: #24303B;
  font-size: 21px;
  line-height: 2.85714;
}
.ionicStyle legend small {
  color: #f8f8f8;
  font-size: 1.07143;
}
.ionicStyle label,
.ionicStyle input,
.ionicStyle button,
.ionicStyle select,
.ionicStyle textarea {
  font-weight: normal;
  font-size: 14px;
  line-height: 1.42857;
}
.ionicStyle input,
.ionicStyle button,
.ionicStyle select,
.ionicStyle textarea {
  font-family: "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}
.ionicStyle .item-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 6px 0 5px 16px;
}
.ionicStyle .item-input input {
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 220px;
  -moz-box-flex: 1;
  -moz-flex: 1 220px;
  -ms-flex: 1 220px;
  flex: 1 220px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding-right: 24px;
  background-color: transparent;
}
.ionicStyle .item-input .button .icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 24px;
  -moz-box-flex: 0;
  -moz-flex: 0 0 24px;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  position: static;
  display: inline-block;
  height: auto;
  text-align: center;
  font-size: 16px;
}
.ionicStyle .item-input .button-bar {
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 220px;
  -moz-box-flex: 1;
  -moz-flex: 1 0 220px;
  -ms-flex: 1 0 220px;
  flex: 1 0 220px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.ionicStyle .item-input .icon {
  min-width: 14px;
}
.ionicStyle .platform-windowsphone .item-input input {
  flex-shrink: 1;
}
.ionicStyle .item-input-inset {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 10.66667px;
}
.ionicStyle .item-input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0;
  -moz-box-flex: 1;
  -moz-flex: 1 0;
  -ms-flex: 1 0;
  flex: 1 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding-right: 8px;
  padding-left: 8px;
  background: #eee;
}
.ionicStyle .item-input-inset .item-input-wrapper input {
  padding-left: 4px;
  height: 29px;
  background: transparent;
  line-height: 18px;
}
.ionicStyle .item-input-wrapper ~ .button {
  margin-left: 10.66667px;
}
.ionicStyle .input-label {
  display: table;
  padding: 7px 10px 7px 0px;
  max-width: 200px;
  width: 35%;
  color: #24303B;
  font-size: 16px;
}
.ionicStyle .placeholder-icon {
  color: #aaa;
}
.ionicStyle .placeholder-icon:first-child {
  padding-right: 6px;
}
.ionicStyle .placeholder-icon:last-child {
  padding-left: 6px;
}
.ionicStyle .item-stacked-label {
  display: block;
  background-color: transparent;
  box-shadow: none;
}
.ionicStyle .item-stacked-label .input-label,
.ionicStyle .item-stacked-label .icon {
  display: inline-block;
  padding: 4px 0 0 0px;
  vertical-align: middle;
}
.ionicStyle .item-stacked-label input,
.ionicStyle .item-stacked-label textarea {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 4px 8px 3px 0;
  border: none;
  background-color: #fff;
}
.ionicStyle .item-stacked-label input {
  overflow: hidden;
  height: 46px;
}
.ionicStyle .item-select.item-stacked-label select {
  position: relative;
  padding: 0px;
  max-width: 90%;
  direction: ltr;
  white-space: pre-wrap;
  margin: -3px;
}
.ionicStyle .item-floating-label {
  display: block;
  background-color: transparent;
  box-shadow: none;
}
.ionicStyle .item-floating-label .input-label {
  position: relative;
  padding: 5px 0 0 0;
  opacity: 0;
  top: 10px;
  -webkit-transition: opacity 0.15s ease-in, top 0.2s linear;
  transition: opacity 0.15s ease-in, top 0.2s linear;
}
.ionicStyle .item-floating-label .input-label.has-input {
  opacity: 1;
  top: 0;
  -webkit-transition: opacity 0.15s ease-in, top 0.2s linear;
  transition: opacity 0.15s ease-in, top 0.2s linear;
}
.ionicStyle textarea,
.ionicStyle input[type="text"],
.ionicStyle input[type="password"],
.ionicStyle input[type="datetime"],
.ionicStyle input[type="datetime-local"],
.ionicStyle input[type="date"],
.ionicStyle input[type="month"],
.ionicStyle input[type="time"],
.ionicStyle input[type="week"],
.ionicStyle input[type="number"],
.ionicStyle input[type="email"],
.ionicStyle input[type="url"],
.ionicStyle input[type="search"],
.ionicStyle input[type="tel"],
.ionicStyle input[type="color"] {
  display: block;
  padding-top: 2px;
  padding-left: 0;
  height: 34px;
  color: #111;
  vertical-align: middle;
  font-size: 14px;
  line-height: 16px;
}
.ionicStyle .platform-ios input[type="datetime-local"],
.ionicStyle .platform-ios input[type="date"],
.ionicStyle .platform-ios input[type="month"],
.ionicStyle .platform-ios input[type="time"],
.ionicStyle .platform-ios input[type="week"],
.ionicStyle .platform-android input[type="datetime-local"],
.ionicStyle .platform-android input[type="date"],
.ionicStyle .platform-android input[type="month"],
.ionicStyle .platform-android input[type="time"],
.ionicStyle .platform-android input[type="week"] {
  padding-top: 8px;
}
.ionicStyle .item-input input,
.ionicStyle .item-input textarea {
  width: 100%;
}
.ionicStyle textarea {
  padding-left: 0;
}
.ionicStyle textarea::-moz-placeholder {
  color: #aaaaaa;
}
.ionicStyle textarea:-ms-input-placeholder {
  color: #aaaaaa;
}
.ionicStyle textarea::-webkit-input-placeholder {
  color: #aaaaaa;
  text-indent: -3px;
}
.ionicStyle textarea {
  height: auto;
}
.ionicStyle textarea,
.ionicStyle input[type="text"],
.ionicStyle input[type="password"],
.ionicStyle input[type="datetime"],
.ionicStyle input[type="datetime-local"],
.ionicStyle input[type="date"],
.ionicStyle input[type="month"],
.ionicStyle input[type="time"],
.ionicStyle input[type="week"],
.ionicStyle input[type="number"],
.ionicStyle input[type="email"],
.ionicStyle input[type="url"],
.ionicStyle input[type="search"],
.ionicStyle input[type="tel"],
.ionicStyle input[type="color"] {
  border: 0;
}
.ionicStyle input[type="radio"],
.ionicStyle input[type="checkbox"] {
  margin: 0;
  line-height: normal;
}
.ionicStyle .item-input input[type="file"],
.ionicStyle .item-input input[type="image"],
.ionicStyle .item-input input[type="submit"],
.ionicStyle .item-input input[type="reset"],
.ionicStyle .item-input input[type="button"],
.ionicStyle .item-input input[type="radio"],
.ionicStyle .item-input input[type="checkbox"] {
  width: auto;
}
.ionicStyle input[type="file"] {
  line-height: 34px;
}
.ionicStyle .previous-input-focus,
.ionicStyle .cloned-text-input + input,
.ionicStyle .cloned-text-input + textarea {
  position: absolute !important;
  left: -9999px;
  width: 200px;
}
.ionicStyle input::-moz-placeholder,
.ionicStyle textarea::-moz-placeholder {
  color: #aaaaaa;
}
.ionicStyle input:-ms-input-placeholder,
.ionicStyle textarea:-ms-input-placeholder {
  color: #aaaaaa;
}
.ionicStyle input::-webkit-input-placeholder,
.ionicStyle textarea::-webkit-input-placeholder {
  color: #aaaaaa;
  text-indent: 0;
}
.ionicStyle input[disabled],
.ionicStyle select[disabled],
.ionicStyle textarea[disabled],
.ionicStyle input[readonly]:not(.cloned-text-input),
.ionicStyle textarea[readonly]:not(.cloned-text-input),
.ionicStyle select[readonly] {
  background-color: #f8f8f8;
  cursor: not-allowed;
}
.ionicStyle input[type="radio"][disabled],
.ionicStyle input[type="checkbox"][disabled],
.ionicStyle input[type="radio"][readonly],
.ionicStyle input[type="checkbox"][readonly] {
  background-color: transparent;
}
.ionicStyle .checkbox {
  position: relative;
  display: inline-block;
  padding: 7px 7px;
  cursor: pointer;
}
.ionicStyle .checkbox input:before,
.ionicStyle .checkbox .checkbox-icon:before {
  border-color: #ddd;
}
.ionicStyle .checkbox input:checked:before,
.ionicStyle .checkbox input:checked + .checkbox-icon:before {
  background: #387ef5;
  border-color: #387ef5;
}
.ionicStyle .checkbox-light input:before,
.ionicStyle .checkbox-light .checkbox-icon:before {
  border-color: #ddd;
}
.ionicStyle .checkbox-light input:checked:before,
.ionicStyle .checkbox-light input:checked + .checkbox-icon:before {
  background: #ddd;
  border-color: #ddd;
}
.ionicStyle .checkbox-stable input:before,
.ionicStyle .checkbox-stable .checkbox-icon:before {
  border-color: #b2b2b2;
}
.ionicStyle .checkbox-stable input:checked:before,
.ionicStyle .checkbox-stable input:checked + .checkbox-icon:before {
  background: #b2b2b2;
  border-color: #b2b2b2;
}
.ionicStyle .checkbox-positive input:before,
.ionicStyle .checkbox-positive .checkbox-icon:before {
  border-color: #387ef5;
}
.ionicStyle .checkbox-positive input:checked:before,
.ionicStyle .checkbox-positive input:checked + .checkbox-icon:before {
  background: #387ef5;
  border-color: #387ef5;
}
.ionicStyle .checkbox-calm input:before,
.ionicStyle .checkbox-calm .checkbox-icon:before {
  border-color: #11c1f3;
}
.ionicStyle .checkbox-calm input:checked:before,
.ionicStyle .checkbox-calm input:checked + .checkbox-icon:before {
  background: #11c1f3;
  border-color: #11c1f3;
}
.ionicStyle .checkbox-assertive input:before,
.ionicStyle .checkbox-assertive .checkbox-icon:before {
  border-color: #ef473a;
}
.ionicStyle .checkbox-assertive input:checked:before,
.ionicStyle .checkbox-assertive input:checked + .checkbox-icon:before {
  background: #ef473a;
  border-color: #ef473a;
}
.ionicStyle .checkbox-balanced input:before,
.ionicStyle .checkbox-balanced .checkbox-icon:before {
  border-color: #33cd5f;
}
.ionicStyle .checkbox-balanced input:checked:before,
.ionicStyle .checkbox-balanced input:checked + .checkbox-icon:before {
  background: #33cd5f;
  border-color: #33cd5f;
}
.ionicStyle .checkbox-energized input:before,
.ionicStyle .checkbox-energized .checkbox-icon:before {
  border-color: #ffc900;
}
.ionicStyle .checkbox-energized input:checked:before,
.ionicStyle .checkbox-energized input:checked + .checkbox-icon:before {
  background: #ffc900;
  border-color: #ffc900;
}
.ionicStyle .checkbox-royal input:before,
.ionicStyle .checkbox-royal .checkbox-icon:before {
  border-color: #886aea;
}
.ionicStyle .checkbox-royal input:checked:before,
.ionicStyle .checkbox-royal input:checked + .checkbox-icon:before {
  background: #886aea;
  border-color: #886aea;
}
.ionicStyle .checkbox-dark input:before,
.ionicStyle .checkbox-dark .checkbox-icon:before {
  border-color: #24303B;
}
.ionicStyle .checkbox-dark input:checked:before,
.ionicStyle .checkbox-dark input:checked + .checkbox-icon:before {
  background: #24303B;
  border-color: #24303B;
}
.ionicStyle .checkbox input:disabled:before,
.ionicStyle .checkbox input:disabled + .checkbox-icon:before {
  border-color: #ddd;
}
.ionicStyle .checkbox input:disabled:checked:before,
.ionicStyle .checkbox input:disabled:checked + .checkbox-icon:before {
  background: #ddd;
}
.ionicStyle .checkbox.checkbox-input-hidden input {
  display: none !important;
}
.ionicStyle .checkbox input,
.ionicStyle .checkbox-icon {
  position: relative;
  width: 28px;
  height: 28px;
  display: block;
  border: 0;
  background: transparent;
  cursor: pointer;
  -webkit-appearance: none;
}
.ionicStyle .checkbox input:before,
.ionicStyle .checkbox-icon:before {
  display: table;
  width: 100%;
  height: 100%;
  border-width: 1px;
  border-style: solid;
  border-radius: 28px;
  background: #fff;
  content: ' ';
  -webkit-transition: background-color 20ms ease-in-out;
  transition: background-color 20ms ease-in-out;
}
.ionicStyle .checkbox input:checked:before,
.ionicStyle input:checked + .checkbox-icon:before {
  border-width: 2px;
}
.ionicStyle .checkbox input:after,
.ionicStyle .checkbox-icon:after {
  -webkit-transition: opacity 0.05s ease-in-out;
  transition: opacity 0.05s ease-in-out;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 33%;
  left: 25%;
  display: table;
  width: 14px;
  height: 6px;
  border: 1px solid #fff;
  border-top: 0;
  border-right: 0;
  content: ' ';
  opacity: 0;
}
.ionicStyle .platform-android .checkbox-platform input:before,
.ionicStyle .platform-android .checkbox-platform .checkbox-icon:before,
.ionicStyle .checkbox-square input:before,
.ionicStyle .checkbox-square .checkbox-icon:before {
  border-radius: 2px;
  width: 72%;
  height: 72%;
  margin-top: 14%;
  margin-left: 14%;
  border-width: 2px;
}
.ionicStyle .platform-android .checkbox-platform input:after,
.ionicStyle .platform-android .checkbox-platform .checkbox-icon:after,
.ionicStyle .checkbox-square input:after,
.ionicStyle .checkbox-square .checkbox-icon:after {
  border-width: 2px;
  top: 19%;
  left: 25%;
  width: 13px;
  height: 7px;
}
.ionicStyle .platform-android .item-checkbox-right .checkbox-square .checkbox-icon::after {
  top: 31%;
}
.ionicStyle .grade-c .checkbox input:after,
.ionicStyle .grade-c .checkbox-icon:after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  top: 3px;
  left: 4px;
  border: none;
  color: #fff;
  content: '\2713';
  font-weight: bold;
  font-size: 20px;
}
.ionicStyle .checkbox input:checked:after,
.ionicStyle input:checked + .checkbox-icon:after {
  opacity: 1;
}
.ionicStyle .item-checkbox {
  padding-left: 60px;
}
.ionicStyle .item-checkbox.active {
  box-shadow: none;
}
.ionicStyle .item-checkbox .checkbox {
  position: absolute;
  top: 50%;
  right: 8px;
  left: 8px;
  z-index: 3;
  margin-top: -21px;
}
.ionicStyle .item-checkbox.item-checkbox-right {
  padding-right: 60px;
  padding-left: 16px;
}
.ionicStyle .item-checkbox-right .checkbox input,
.ionicStyle .item-checkbox-right .checkbox-icon {
  float: right;
}
.ionicStyle .item-toggle {
  pointer-events: none;
}
.ionicStyle .toggle {
  position: relative;
  display: inline-block;
  pointer-events: auto;
  margin: -5px;
  padding: 5px;
}
.ionicStyle .toggle input:checked + .track {
  border-color: #4cd964;
  background-color: #4cd964;
}
.ionicStyle .toggle.dragging .handle {
  background-color: #f2f2f2 !important;
}
.ionicStyle .toggle.toggle-light input:checked + .track {
  border-color: #ddd;
  background-color: #ddd;
}
.ionicStyle .toggle.toggle-stable input:checked + .track {
  border-color: #b2b2b2;
  background-color: #b2b2b2;
}
.ionicStyle .toggle.toggle-positive input:checked + .track {
  border-color: #387ef5;
  background-color: #387ef5;
}
.ionicStyle .toggle.toggle-calm input:checked + .track {
  border-color: #11c1f3;
  background-color: #11c1f3;
}
.ionicStyle .toggle.toggle-assertive input:checked + .track {
  border-color: #ef473a;
  background-color: #ef473a;
}
.ionicStyle .toggle.toggle-balanced input:checked + .track {
  border-color: #33cd5f;
  background-color: #33cd5f;
}
.ionicStyle .toggle.toggle-energized input:checked + .track {
  border-color: #ffc900;
  background-color: #ffc900;
}
.ionicStyle .toggle.toggle-royal input:checked + .track {
  border-color: #886aea;
  background-color: #886aea;
}
.ionicStyle .toggle.toggle-dark input:checked + .track {
  border-color: #24303B;
  background-color: #24303B;
}
.ionicStyle .toggle input {
  display: none;
}
.ionicStyle .toggle .track {
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color, border;
  transition-property: background-color, border;
  display: inline-block;
  box-sizing: border-box;
  width: 51px;
  height: 31px;
  border: solid 2px #e6e6e6;
  border-radius: 20px;
  background-color: #fff;
  content: ' ';
  cursor: pointer;
  pointer-events: none;
}
.ionicStyle .platform-android4_2 .toggle .track {
  -webkit-background-clip: padding-box;
}
.ionicStyle .toggle .handle {
  -webkit-transition: 0.3s cubic-bezier(0, 1.1, 1, 1.1);
  transition: 0.3s cubic-bezier(0, 1.1, 1, 1.1);
  -webkit-transition-property: background-color, transform;
  transition-property: background-color, transform;
  position: absolute;
  display: block;
  width: 27px;
  height: 27px;
  border-radius: 27px;
  background-color: #fff;
  top: 7px;
  left: 7px;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(0, 0, 0, 0.15);
}
.ionicStyle .toggle .handle:before {
  position: absolute;
  top: -4px;
  left: -21.5px;
  padding: 18.5px 34px;
  content: " ";
}
.ionicStyle .toggle input:checked + .track .handle {
  -webkit-transform: translate3d(20px, 0, 0);
  transform: translate3d(20px, 0, 0);
  background-color: #fff;
}
.ionicStyle .item-toggle.active {
  box-shadow: none;
}
.ionicStyle .item-toggle,
.ionicStyle .item-toggle.item-complex .item-content {
  padding-right: 99px;
}
.ionicStyle .item-toggle.item-complex {
  padding-right: 0;
}
.ionicStyle .item-toggle .toggle {
  position: absolute;
  top: 10px;
  right: 16px;
  z-index: 3;
}
.ionicStyle .toggle input:disabled + .track {
  opacity: 0.6;
}
.ionicStyle .toggle-small .track {
  border: 0;
  width: 34px;
  height: 15px;
  background: #9e9e9e;
}
.ionicStyle .toggle-small input:checked + .track {
  background: rgba(0, 150, 137, 0.5);
}
.ionicStyle .toggle-small .handle {
  top: 2px;
  left: 4px;
  width: 21px;
  height: 21px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
}
.ionicStyle .toggle-small input:checked + .track .handle {
  -webkit-transform: translate3d(16px, 0, 0);
  transform: translate3d(16px, 0, 0);
  background: #009689;
}
.ionicStyle .toggle-small.item-toggle .toggle {
  top: 19px;
}
.ionicStyle .toggle-small .toggle-light input:checked + .track {
  background-color: rgba(221, 221, 221, 0.5);
}
.ionicStyle .toggle-small .toggle-light input:checked + .track .handle {
  background-color: #ddd;
}
.ionicStyle .toggle-small .toggle-stable input:checked + .track {
  background-color: rgba(178, 178, 178, 0.5);
}
.ionicStyle .toggle-small .toggle-stable input:checked + .track .handle {
  background-color: #b2b2b2;
}
.ionicStyle .toggle-small .toggle-positive input:checked + .track {
  background-color: rgba(56, 126, 245, 0.5);
}
.ionicStyle .toggle-small .toggle-positive input:checked + .track .handle {
  background-color: #387ef5;
}
.ionicStyle .toggle-small .toggle-calm input:checked + .track {
  background-color: rgba(17, 193, 243, 0.5);
}
.ionicStyle .toggle-small .toggle-calm input:checked + .track .handle {
  background-color: #11c1f3;
}
.ionicStyle .toggle-small .toggle-assertive input:checked + .track {
  background-color: rgba(239, 71, 58, 0.5);
}
.ionicStyle .toggle-small .toggle-assertive input:checked + .track .handle {
  background-color: #ef473a;
}
.ionicStyle .toggle-small .toggle-balanced input:checked + .track {
  background-color: rgba(51, 205, 95, 0.5);
}
.ionicStyle .toggle-small .toggle-balanced input:checked + .track .handle {
  background-color: #33cd5f;
}
.ionicStyle .toggle-small .toggle-energized input:checked + .track {
  background-color: rgba(255, 201, 0, 0.5);
}
.ionicStyle .toggle-small .toggle-energized input:checked + .track .handle {
  background-color: #ffc900;
}
.ionicStyle .toggle-small .toggle-royal input:checked + .track {
  background-color: rgba(136, 106, 234, 0.5);
}
.ionicStyle .toggle-small .toggle-royal input:checked + .track .handle {
  background-color: #886aea;
}
.ionicStyle .toggle-small .toggle-dark input:checked + .track {
  background-color: rgba(68, 68, 68, 0.5);
}
.ionicStyle .toggle-small .toggle-dark input:checked + .track .handle {
  background-color: #24303B;
}
.ionicStyle .item-radio {
  padding: 0;
}
.ionicStyle .item-radio:hover {
  cursor: pointer;
}
.ionicStyle .item-radio .item-content {
  /* give some room to the right for the checkmark icon */
  padding-right: 64px;
}
.ionicStyle .item-radio .radio-icon {
  /* checkmark icon will be hidden by default */
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  visibility: hidden;
  padding: 14px;
  height: 100%;
  font-size: 24px;
}
.ionicStyle .item-radio input {
  /* hide any radio button inputs elements (the ugly circles) */
  position: absolute;
  left: -9999px;
}
.ionicStyle .item-radio input:checked + .radio-content .item-content {
  /* style the item content when its checked */
  background: #f7f7f7;
}
.ionicStyle .item-radio input:checked + .radio-content .radio-icon {
  /* show the checkmark icon when its checked */
  visibility: visible;
}
.ionicStyle .range input {
  display: inline-block;
  overflow: hidden;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-right: 2px;
  padding-left: 1px;
  width: auto;
  height: 43px;
  outline: none;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ccc), color-stop(100%, #ccc));
  background: linear-gradient(to right, #ccc 0%, #ccc 100%);
  background-position: center;
  background-size: 99% 2px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  /*
   &::-ms-track{
     background: transparent;
     border-color: transparent;
     border-width: 11px 0 16px;
     color:transparent;
     margin-top:20px;
   }
   &::-ms-thumb {
     width: $range-slider-width;
     height: $range-slider-height;
     border-radius: $range-slider-border-radius;
     background-color: $toggle-handle-off-bg-color;
     border-color:$toggle-handle-off-bg-color;
     box-shadow: $range-slider-box-shadow;
     margin-left:1px;
     margin-right:1px;
     outline:none;
   }
   &::-ms-fill-upper {
     height: $range-track-height;
     background:$range-default-track-bg;
   }
   */
}
.ionicStyle .range input::-moz-focus-outer {
  /* hide the focus outline in Firefox */
  border: 0;
}
.ionicStyle .range input::-webkit-slider-thumb {
  position: relative;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -webkit-appearance: none;
  border: 0;
}
.ionicStyle .range input::-webkit-slider-thumb:before {
  /* what creates the colorful line on the left side of the slider */
  position: absolute;
  top: 13px;
  left: -2001px;
  width: 2000px;
  height: 2px;
  background: #24303B;
  content: ' ';
}
.ionicStyle .range input::-webkit-slider-thumb:after {
  /* create a larger (but hidden) hit area */
  position: absolute;
  top: -15px;
  left: -15px;
  padding: 30px;
  content: ' ';
}
.ionicStyle .range input::-ms-fill-lower {
  height: 2px;
  background: #24303B;
}
.ionicStyle .range {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 2px 11px;
}
.ionicStyle .range.range-light input::-webkit-slider-thumb:before {
  background: #ddd;
}
.ionicStyle .range.range-light input::-ms-fill-lower {
  background: #ddd;
}
.ionicStyle .range.range-stable input::-webkit-slider-thumb:before {
  background: #b2b2b2;
}
.ionicStyle .range.range-stable input::-ms-fill-lower {
  background: #b2b2b2;
}
.ionicStyle .range.range-positive input::-webkit-slider-thumb:before {
  background: #387ef5;
}
.ionicStyle .range.range-positive input::-ms-fill-lower {
  background: #387ef5;
}
.ionicStyle .range.range-calm input::-webkit-slider-thumb:before {
  background: #11c1f3;
}
.ionicStyle .range.range-calm input::-ms-fill-lower {
  background: #11c1f3;
}
.ionicStyle .range.range-balanced input::-webkit-slider-thumb:before {
  background: #33cd5f;
}
.ionicStyle .range.range-balanced input::-ms-fill-lower {
  background: #33cd5f;
}
.ionicStyle .range.range-assertive input::-webkit-slider-thumb:before {
  background: #ef473a;
}
.ionicStyle .range.range-assertive input::-ms-fill-lower {
  background: #ef473a;
}
.ionicStyle .range.range-energized input::-webkit-slider-thumb:before {
  background: #ffc900;
}
.ionicStyle .range.range-energized input::-ms-fill-lower {
  background: #ffc900;
}
.ionicStyle .range.range-royal input::-webkit-slider-thumb:before {
  background: #886aea;
}
.ionicStyle .range.range-royal input::-ms-fill-lower {
  background: #886aea;
}
.ionicStyle .range.range-dark input::-webkit-slider-thumb:before {
  background: #24303B;
}
.ionicStyle .range.range-dark input::-ms-fill-lower {
  background: #24303B;
}
.ionicStyle .range .icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0;
  -moz-box-flex: 0;
  -moz-flex: 0;
  -ms-flex: 0;
  flex: 0;
  display: block;
  min-width: 24px;
  text-align: center;
  font-size: 24px;
}
.ionicStyle .range input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  margin-right: 10px;
  margin-left: 10px;
}
.ionicStyle .range-label {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  white-space: nowrap;
}
.ionicStyle .range-label:first-child {
  padding-left: 5px;
}
.ionicStyle .range input + .range-label {
  padding-right: 5px;
  padding-left: 0;
}
.ionicStyle .platform-windowsphone .range input {
  height: auto;
}
.ionicStyle .item-select {
  position: relative;
}
.ionicStyle .item-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 0 48px 0 16px;
  max-width: 65%;
  border: none;
  background: #fff;
  color: #333;
  text-indent: 0.01px;
  text-overflow: '';
  white-space: nowrap;
  font-size: 14px;
  cursor: pointer;
  direction: rtl;
}
.ionicStyle .item-select select::-ms-expand {
  display: none;
}
.ionicStyle .item-select option {
  direction: ltr;
}
.ionicStyle .item-select:after {
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  color: #999;
  content: "";
  pointer-events: none;
}
.ionicStyle .item-select.item-light select {
  background: #fff;
  color: #24303B;
}
.ionicStyle .item-select.item-stable select {
  background: #f8f8f8;
  color: #24303B;
}
.ionicStyle .item-select.item-stable:after,
.ionicStyle .item-select.item-stable .input-label {
  color: #666666;
}
.ionicStyle .item-select.item-positive select {
  background: #387ef5;
  color: #fff;
}
.ionicStyle .item-select.item-positive:after,
.ionicStyle .item-select.item-positive .input-label {
  color: #fff;
}
.ionicStyle .item-select.item-calm select {
  background: #11c1f3;
  color: #fff;
}
.ionicStyle .item-select.item-calm:after,
.ionicStyle .item-select.item-calm .input-label {
  color: #fff;
}
.ionicStyle .item-select.item-assertive select {
  background: #ef473a;
  color: #fff;
}
.ionicStyle .item-select.item-assertive:after,
.ionicStyle .item-select.item-assertive .input-label {
  color: #fff;
}
.ionicStyle .item-select.item-balanced select {
  background: #33cd5f;
  color: #fff;
}
.ionicStyle .item-select.item-balanced:after,
.ionicStyle .item-select.item-balanced .input-label {
  color: #fff;
}
.ionicStyle .item-select.item-energized select {
  background: #ffc900;
  color: #fff;
}
.ionicStyle .item-select.item-energized:after,
.ionicStyle .item-select.item-energized .input-label {
  color: #fff;
}
.ionicStyle .item-select.item-royal select {
  background: #886aea;
  color: #fff;
}
.ionicStyle .item-select.item-royal:after,
.ionicStyle .item-select.item-royal .input-label {
  color: #fff;
}
.ionicStyle .item-select.item-dark select {
  background: #24303B;
  color: #fff;
}
.ionicStyle .item-select.item-dark:after,
.ionicStyle .item-select.item-dark .input-label {
  color: #fff;
}
.ionicStyle select[multiple],
.ionicStyle select[size] {
  height: auto;
}
.ionicStyle progress {
  display: block;
  margin: 15px auto;
  width: 100%;
}
.ionicStyle .button {
  border-color: transparent;
  background-color: #f8f8f8;
  color: #24303B;
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0 12px;
  min-width: 52px;
  min-height: 47px;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  vertical-align: top;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 42px;
  cursor: pointer;
}
.ionicStyle .button:hover {
  color: #24303B;
  text-decoration: none;
}
.ionicStyle .button.active,
.ionicStyle .button.activated {
  background-color: #e5e5e5;
}
.ionicStyle .button:after {
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  content: ' ';
}
.ionicStyle .button .icon {
  vertical-align: top;
  pointer-events: none;
}
.ionicStyle .button .icon:before,
.ionicStyle .button.icon:before,
.ionicStyle .button.icon-left:before,
.ionicStyle .button.icon-right:before {
  display: inline-block;
  padding: 0 0 1px 0;
  vertical-align: inherit;
  font-size: 24px;
  line-height: 41px;
  pointer-events: none;
}
.ionicStyle .button.icon-left:before {
  float: left;
  padding-right: 0.2em;
  padding-left: 0;
}
.ionicStyle .button.icon-right:before {
  float: right;
  padding-right: 0;
  padding-left: 0.2em;
}
.ionicStyle .button.button-block,
.ionicStyle .button.button-full {
  margin-top: 10px;
  margin-bottom: 10px;
}
.ionicStyle .button.button-light {
  border-color: transparent;
  background-color: #fff;
  color: #24303B;
}
.ionicStyle .button.button-light:hover {
  color: #24303B;
  text-decoration: none;
}
.ionicStyle .button.button-light.active,
.ionicStyle .button.button-light.activated {
  background-color: #fafafa;
}
.ionicStyle .button.button-light.button-clear {
  border-color: transparent;
  background: none;
  box-shadow: none;
  color: #ddd;
}
.ionicStyle .button.button-light.button-icon {
  border-color: transparent;
  background: none;
}
.ionicStyle .button.button-light.button-outline {
  border-color: #ddd;
  background: transparent;
  color: #ddd;
}
.ionicStyle .button.button-light.button-outline.active,
.ionicStyle .button.button-light.button-outline.activated {
  background-color: #ddd;
  box-shadow: none;
  color: #fff;
}
.ionicStyle .button.button-stable {
  border-color: transparent;
  background-color: #f8f8f8;
  color: #24303B;
}
.ionicStyle .button.button-stable:hover {
  color: #24303B;
  text-decoration: none;
}
.ionicStyle .button.button-stable.active,
.ionicStyle .button.button-stable.activated {
  background-color: #e5e5e5;
}
.ionicStyle .button.button-stable.button-clear {
  border-color: transparent;
  background: none;
  box-shadow: none;
  color: #b2b2b2;
}
.ionicStyle .button.button-stable.button-icon {
  border-color: transparent;
  background: none;
}
.ionicStyle .button.button-stable.button-outline {
  border-color: #b2b2b2;
  background: transparent;
  color: #b2b2b2;
}
.ionicStyle .button.button-stable.button-outline.active,
.ionicStyle .button.button-stable.button-outline.activated {
  background-color: #b2b2b2;
  box-shadow: none;
  color: #fff;
}
.ionicStyle .button.button-positive {
  border-color: transparent;
  background-color: #387ef5;
  color: #fff;
}
.ionicStyle .button.button-positive:hover {
  color: #fff;
  text-decoration: none;
}
.ionicStyle .button.button-positive.active,
.ionicStyle .button.button-positive.activated {
  background-color: #0c60ee;
}
.ionicStyle .button.button-positive.button-clear {
  border-color: transparent;
  background: none;
  box-shadow: none;
  color: #387ef5;
}
.ionicStyle .button.button-positive.button-icon {
  border-color: transparent;
  background: none;
}
.ionicStyle .button.button-positive.button-outline {
  border-color: #387ef5;
  background: transparent;
  color: #387ef5;
}
.ionicStyle .button.button-positive.button-outline.active,
.ionicStyle .button.button-positive.button-outline.activated {
  background-color: #387ef5;
  box-shadow: none;
  color: #fff;
}
.ionicStyle .button.button-calm {
  border-color: transparent;
  background-color: #fff;
}
.ionicStyle .button.button-calm:hover {
  color: #0b61bd;
  text-decoration: none;
}
.ionicStyle .button.button-calm.active,
.ionicStyle .button.button-calm.activated {
  background-color: #0a9dc7;
}
.ionicStyle .button.button-calm.button-clear {
  border-color: transparent;
  background: none;
  box-shadow: none;
  color: #11c1f3;
}
.ionicStyle .button.button-calm.button-icon {
  border-color: transparent;
  background: none;
}
.ionicStyle .button.button-calm.button-outline {
  border-color: #11c1f3;
  background: transparent;
  color: #11c1f3;
}
.ionicStyle .button.button-calm.button-outline.active,
.ionicStyle .button.button-calm.button-outline.activated {
  background-color: #11c1f3;
  box-shadow: none;
  color: #fff;
}
.ionicStyle .button.button-assertive {
  border-color: transparent;
  background-color: #ef473a;
  color: #fff;
}
.ionicStyle .button.button-assertive:hover {
  color: #fff;
  text-decoration: none;
}
.ionicStyle .button.button-assertive.active,
.ionicStyle .button.button-assertive.activated {
  background-color: #e42112;
}
.ionicStyle .button.button-assertive.button-clear {
  border-color: transparent;
  background: none;
  box-shadow: none;
  color: #ef473a;
}
.ionicStyle .button.button-assertive.button-icon {
  border-color: transparent;
  background: none;
}
.ionicStyle .button.button-assertive.button-outline {
  border-color: #ef473a;
  background: transparent;
  color: #ef473a;
}
.ionicStyle .button.button-assertive.button-outline.active,
.ionicStyle .button.button-assertive.button-outline.activated {
  background-color: #ef473a;
  box-shadow: none;
  color: #fff;
}
.ionicStyle .button.button-balanced {
  border-color: transparent;
  background-color: #33cd5f;
  color: #fff;
}
.ionicStyle .button.button-balanced:hover {
  color: #fff;
  text-decoration: none;
}
.ionicStyle .button.button-balanced.active,
.ionicStyle .button.button-balanced.activated {
  background-color: #28a54c;
}
.ionicStyle .button.button-balanced.button-clear {
  border-color: transparent;
  background: none;
  box-shadow: none;
  color: #33cd5f;
}
.ionicStyle .button.button-balanced.button-icon {
  border-color: transparent;
  background: none;
}
.ionicStyle .button.button-balanced.button-outline {
  border-color: #33cd5f;
  background: transparent;
  color: #33cd5f;
}
.ionicStyle .button.button-balanced.button-outline.active,
.ionicStyle .button.button-balanced.button-outline.activated {
  background-color: #33cd5f;
  box-shadow: none;
  color: #fff;
}
.ionicStyle .button.button-energized {
  border-color: transparent;
  background-color: #ffc900;
  color: #fff;
}
.ionicStyle .button.button-energized:hover {
  color: #fff;
  text-decoration: none;
}
.ionicStyle .button.button-energized.active,
.ionicStyle .button.button-energized.activated {
  background-color: #e6b500;
}
.ionicStyle .button.button-energized.button-clear {
  border-color: transparent;
  background: none;
  box-shadow: none;
  color: #ffc900;
}
.ionicStyle .button.button-energized.button-icon {
  border-color: transparent;
  background: none;
}
.ionicStyle .button.button-energized.button-outline {
  border-color: #ffc900;
  background: transparent;
  color: #ffc900;
}
.ionicStyle .button.button-energized.button-outline.active,
.ionicStyle .button.button-energized.button-outline.activated {
  background-color: #ffc900;
  box-shadow: none;
  color: #fff;
}
.ionicStyle .button.button-royal {
  border-color: transparent;
  background-color: #886aea;
  color: #fff;
}
.ionicStyle .button.button-royal:hover {
  color: #fff;
  text-decoration: none;
}
.ionicStyle .button.button-royal.active,
.ionicStyle .button.button-royal.activated {
  background-color: #6b46e5;
}
.ionicStyle .button.button-royal.button-clear {
  border-color: transparent;
  background: none;
  box-shadow: none;
  color: #886aea;
}
.ionicStyle .button.button-royal.button-icon {
  border-color: transparent;
  background: none;
}
.ionicStyle .button.button-royal.button-outline {
  border-color: #886aea;
  background: transparent;
  color: #886aea;
}
.ionicStyle .button.button-royal.button-outline.active,
.ionicStyle .button.button-royal.button-outline.activated {
  background-color: #886aea;
  box-shadow: none;
  color: #fff;
}
.ionicStyle .button.button-dark {
  border-color: transparent;
  background-color: #24303B;
  color: #fff;
}
.ionicStyle .button.button-dark:hover {
  color: #fff;
  text-decoration: none;
}
.ionicStyle .button.button-dark.active,
.ionicStyle .button.button-dark.activated {
  background-color: #262626;
}
.ionicStyle .button.button-dark.button-clear {
  border-color: transparent;
  background: none;
  box-shadow: none;
  color: #24303B;
}
.ionicStyle .button.button-dark.button-icon {
  border-color: transparent;
  background: none;
}
.ionicStyle .button.button-dark.button-outline {
  border-color: #24303B;
  background: transparent;
  color: #24303B;
}
.ionicStyle .button.button-dark.button-outline.active,
.ionicStyle .button.button-dark.button-outline.activated {
  background-color: #24303B;
  box-shadow: none;
  color: #fff;
}
.ionicStyle .button-small {
  padding: 2px 4px 1px;
  min-width: 28px;
  min-height: 30px;
  font-size: 12px;
  line-height: 26px;
}
.ionicStyle .button-small .icon:before,
.ionicStyle .button-small.icon:before,
.ionicStyle .button-small.icon-left:before,
.ionicStyle .button-small.icon-right:before {
  font-size: 16px;
  line-height: 19px;
  margin-top: 3px;
}
.ionicStyle .button-large {
  padding: 0 16px;
  min-width: 68px;
  min-height: 59px;
  font-size: 20px;
  line-height: 53px;
}
.ionicStyle .button-large .icon:before,
.ionicStyle .button-large.icon:before,
.ionicStyle .button-large.icon-left:before,
.ionicStyle .button-large.icon-right:before {
  padding-bottom: 2px;
  font-size: 32px;
  line-height: 51px;
}
.ionicStyle .button-icon {
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  padding: 0 6px;
  min-width: initial;
  border-color: transparent;
  background: none;
}
.ionicStyle .button-icon.button.active,
.ionicStyle .button-icon.button.activated {
  border-color: transparent;
  background: none;
  box-shadow: none;
  opacity: 0.3;
}
.ionicStyle .button-icon .icon:before,
.ionicStyle .button-icon.icon:before {
  font-size: 32px;
}
.ionicStyle .button-clear {
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  padding: 0 6px;
  max-height: 42px;
  border-color: transparent;
  background: none;
  box-shadow: none;
}
.ionicStyle .button-clear.button-clear {
  border-color: transparent;
  background: none;
  box-shadow: none;
  color: #b2b2b2;
}
.ionicStyle .button-clear.button-icon {
  border-color: transparent;
  background: none;
}
.ionicStyle .button-clear.active,
.ionicStyle .button-clear.activated {
  opacity: 0.3;
}
.ionicStyle .button-outline {
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  background: none;
  box-shadow: none;
}
.ionicStyle .button-outline.button-outline {
  border-color: #b2b2b2;
  background: transparent;
  color: #b2b2b2;
}
.ionicStyle .button-outline.button-outline.active,
.ionicStyle .button-outline.button-outline.activated {
  background-color: #b2b2b2;
  box-shadow: none;
  color: #fff;
}
.ionicStyle .padding > .button.button-block:first-child {
  margin-top: 0;
}
.ionicStyle .button-block {
  display: block;
  clear: both;
}
.ionicStyle .button-block:after {
  clear: both;
}
.ionicStyle .button-full,
.ionicStyle .button-full > .button {
  display: block;
  margin-right: 0;
  margin-left: 0;
  border-right-width: 0;
  border-left-width: 0;
  border-radius: 0;
}
.ionicStyle button.button-block,
.ionicStyle button.button-full,
.ionicStyle .button-full > button.button,
.ionicStyle input.button.button-block {
  width: 100%;
}
.ionicStyle a.button {
  text-decoration: none;
}
.ionicStyle a.button .icon:before,
.ionicStyle a.button.icon:before,
.ionicStyle a.button.icon-left:before,
.ionicStyle a.button.icon-right:before {
  margin-top: 2px;
}
.ionicStyle .button.disabled,
.ionicStyle .button[disabled] {
  opacity: 0.4;
  cursor: default !important;
  pointer-events: none;
}
.ionicStyle .button-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}
.ionicStyle .button-bar.button-bar-inline {
  display: block;
  width: auto;
  *zoom: 1;
}
.ionicStyle .button-bar.button-bar-inline:before,
.ionicStyle .button-bar.button-bar-inline:after {
  display: table;
  content: "";
  line-height: 0;
}
.ionicStyle .button-bar.button-bar-inline:after {
  clear: both;
}
.ionicStyle .button-bar.button-bar-inline > .button {
  width: auto;
  display: inline-block;
  float: left;
}
.ionicStyle .button-bar > .button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  overflow: hidden;
  padding: 0 16px;
  width: 0;
  border-width: 1px 0px 1px 1px;
  border-radius: 0;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ionicStyle .button-bar > .button:before,
.ionicStyle .button-bar > .button .icon:before {
  line-height: 44px;
}
.ionicStyle .button-bar > .button:first-child {
  border-radius: 4px 0px 0px 4px;
}
.ionicStyle .button-bar > .button:last-child {
  border-right-width: 1px;
  border-radius: 0px 4px 4px 0px;
}
.ionicStyle .button-bar > .button:only-child {
  border-radius: 4px;
}
.ionicStyle .button-bar > .button-small:before,
.ionicStyle .button-bar > .button-small .icon:before {
  line-height: 28px;
}
.ionicStyle .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  width: 100%;
}
.ionicStyle .row-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ionicStyle .row-no-padding {
  padding: 0;
}
.ionicStyle .row-no-padding > .col {
  padding: 0;
}
.ionicStyle .row + .row {
  margin-top: -5px;
  padding-top: 0;
}
.ionicStyle .col {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  padding: 5px;
  width: 100%;
}
.ionicStyle .row-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.ionicStyle .row-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}
.ionicStyle .row-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.ionicStyle .row-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
}
.ionicStyle .row-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  align-items: baseline;
}
.ionicStyle .col-top {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.ionicStyle .col-bottom {
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.ionicStyle .col-center {
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.ionicStyle .col-offset-10 {
  margin-left: 10%;
}
.ionicStyle .col-offset-20 {
  margin-left: 20%;
}
.ionicStyle .col-offset-25 {
  margin-left: 25%;
}
.ionicStyle .col-offset-33,
.ionicStyle .col-offset-34 {
  margin-left: 33.3333%;
}
.ionicStyle .col-offset-50 {
  margin-left: 50%;
}
.ionicStyle .col-offset-66,
.ionicStyle .col-offset-67 {
  margin-left: 66.6666%;
}
.ionicStyle .col-offset-75 {
  margin-left: 75%;
}
.ionicStyle .col-offset-80 {
  margin-left: 80%;
}
.ionicStyle .col-offset-90 {
  margin-left: 90%;
}
.ionicStyle .col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 10%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 10%;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  max-width: 10%;
}
.ionicStyle .col-20 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
.ionicStyle .col-25 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.ionicStyle .col-33,
.ionicStyle .col-34 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.3333%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 33.3333%;
  -ms-flex: 0 0 33.3333%;
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
}
.ionicStyle .col-40 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 40%;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
}
.ionicStyle .col-50 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.ionicStyle .col-60 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 60%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 60%;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
}
.ionicStyle .col-66,
.ionicStyle .col-67 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.6666%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 66.6666%;
  -ms-flex: 0 0 66.6666%;
  flex: 0 0 66.6666%;
  max-width: 66.6666%;
}
.ionicStyle .col-75 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.ionicStyle .col-80 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 80%;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%;
}
.ionicStyle .col-90 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 90%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 90%;
  -ms-flex: 0 0 90%;
  flex: 0 0 90%;
  max-width: 90%;
}
@media (max-width: 567px) {
  .ionicStyle .responsive-sm {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ionicStyle .responsive-sm .col,
  .ionicStyle .responsive-sm .col-10,
  .ionicStyle .responsive-sm .col-20,
  .ionicStyle .responsive-sm .col-25,
  .ionicStyle .responsive-sm .col-33,
  .ionicStyle .responsive-sm .col-34,
  .ionicStyle .responsive-sm .col-50,
  .ionicStyle .responsive-sm .col-66,
  .ionicStyle .responsive-sm .col-67,
  .ionicStyle .responsive-sm .col-75,
  .ionicStyle .responsive-sm .col-80,
  .ionicStyle .responsive-sm .col-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 15px;
    margin-left: 0;
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .ionicStyle .responsive-md {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ionicStyle .responsive-md .col,
  .ionicStyle .responsive-md .col-10,
  .ionicStyle .responsive-md .col-20,
  .ionicStyle .responsive-md .col-25,
  .ionicStyle .responsive-md .col-33,
  .ionicStyle .responsive-md .col-34,
  .ionicStyle .responsive-md .col-50,
  .ionicStyle .responsive-md .col-66,
  .ionicStyle .responsive-md .col-67,
  .ionicStyle .responsive-md .col-75,
  .ionicStyle .responsive-md .col-80,
  .ionicStyle .responsive-md .col-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 15px;
    margin-left: 0;
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .ionicStyle .responsive-lg {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ionicStyle .responsive-lg .col,
  .ionicStyle .responsive-lg .col-10,
  .ionicStyle .responsive-lg .col-20,
  .ionicStyle .responsive-lg .col-25,
  .ionicStyle .responsive-lg .col-33,
  .ionicStyle .responsive-lg .col-34,
  .ionicStyle .responsive-lg .col-50,
  .ionicStyle .responsive-lg .col-66,
  .ionicStyle .responsive-lg .col-67,
  .ionicStyle .responsive-lg .col-75,
  .ionicStyle .responsive-lg .col-80,
  .ionicStyle .responsive-lg .col-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 15px;
    margin-left: 0;
    max-width: 100%;
    width: 100%;
  }
}
.ionicStyle .hide {
  display: none;
}
.ionicStyle .opacity-hide {
  opacity: 0;
}
.ionicStyle .grade-b .opacity-hide,
.ionicStyle .grade-c .opacity-hide {
  opacity: 1;
  display: none;
}
.ionicStyle .show {
  display: block;
}
.ionicStyle .opacity-show {
  opacity: 1;
}
.ionicStyle .invisible {
  visibility: hidden;
}
.ionicStyle .keyboard-open .hide-on-keyboard-open {
  display: none;
}
.ionicStyle .keyboard-open .tabs.hide-on-keyboard-open + .pane .has-tabs,
.ionicStyle .keyboard-open .bar-footer.hide-on-keyboard-open + .pane .has-footer {
  bottom: 0;
}
.ionicStyle .inline {
  display: inline-block;
}
.ionicStyle .disable-pointer-events {
  pointer-events: none;
}
.ionicStyle .enable-pointer-events {
  pointer-events: auto;
}
.ionicStyle .disable-user-behavior {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-drag: none;
  -ms-touch-action: none;
  -ms-content-zooming: none;
}
.ionicStyle .click-block {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 99999;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  overflow: hidden;
}
.ionicStyle .click-block-hide {
  -webkit-transform: translate3d(-9999px, 0, 0);
  transform: translate3d(-9999px, 0, 0);
}
.ionicStyle .no-resize {
  resize: none;
}
.ionicStyle .block {
  display: block;
  clear: both;
}
.ionicStyle .block:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}
.ionicStyle .full-image {
  width: 100%;
}
.ionicStyle .clearfix {
  *zoom: 1;
}
.ionicStyle .clearfix:before,
.ionicStyle .clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.ionicStyle .clearfix:after {
  clear: both;
}
.ionicStyle .padding {
  padding: 10px;
}
.ionicStyle .padding-top,
.ionicStyle .padding-vertical {
  padding-top: 10px;
}
.ionicStyle .padding-right,
.ionicStyle .padding-horizontal {
  padding-right: 10px;
}
.ionicStyle .padding-bottom,
.ionicStyle .padding-vertical {
  padding-bottom: 10px;
}
.ionicStyle .padding-left,
.ionicStyle .padding-horizontal {
  padding-left: 10px;
}
.ionicStyle .iframe-wrapper {
  position: fixed;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
}
.ionicStyle .iframe-wrapper iframe {
  height: 100%;
  width: 100%;
}
.ionicStyle .rounded {
  border-radius: 4px;
}
.ionicStyle .light,
.ionicStyle a.light {
  color: #fff;
}
.ionicStyle .light-bg {
  background-color: #fff;
}
.ionicStyle .light-border {
  border-color: #ddd;
}
.ionicStyle .stable,
.ionicStyle a.stable {
  color: #f8f8f8;
}
.ionicStyle .stable-bg {
  background-color: #f8f8f8;
}
.ionicStyle .stable-border {
  border-color: #b2b2b2;
}
.ionicStyle .positive,
.ionicStyle a.positive {
  color: #387ef5;
}
.ionicStyle .positive-bg {
  background-color: #387ef5;
}
.ionicStyle .positive-border {
  border-color: #0c60ee;
}
.ionicStyle .calm,
.ionicStyle a.calm {
  color: #11c1f3;
}
.ionicStyle .calm-bg {
  background-color: #11c1f3;
}
.ionicStyle .calm-border {
  border-color: #0a9dc7;
}
.ionicStyle .assertive,
.ionicStyle a.assertive {
  color: #ef473a;
}
.ionicStyle .assertive-bg {
  background-color: #ef473a;
}
.ionicStyle .assertive-border {
  border-color: #e42112;
}
.ionicStyle .balanced,
.ionicStyle a.balanced {
  color: #33cd5f;
}
.ionicStyle .balanced-bg {
  background-color: #33cd5f;
}
.ionicStyle .balanced-border {
  border-color: #28a54c;
}
.ionicStyle .energized,
.ionicStyle a.energized {
  color: #ffc900;
}
.ionicStyle .energized-bg {
  background-color: #ffc900;
}
.ionicStyle .energized-border {
  border-color: #e6b500;
}
.ionicStyle .royal,
.ionicStyle a.royal {
  color: #886aea;
}
.ionicStyle .royal-bg {
  background-color: #886aea;
}
.ionicStyle .royal-border {
  border-color: #6b46e5;
}
.ionicStyle .dark,
.ionicStyle a.dark {
  color: #24303B;
}
.ionicStyle .dark-bg {
  background-color: #24303B;
}
.ionicStyle .dark-border {
  border-color: #111;
}
.ionicStyle [collection-repeat] {
  /* Position is set by transforms */
  left: 0 !important;
  top: 0 !important;
  position: absolute !important;
  z-index: 1;
}
.ionicStyle .collection-repeat-container {
  position: relative;
  z-index: 1;
}
.ionicStyle .collection-repeat-after-container {
  z-index: 0;
  display: block;
  /* when scrolling horizontally, make sure the after container doesn't take up 100% width */
}
.ionicStyle .collection-repeat-after-container.horizontal {
  display: inline-block;
}
.ionicStyle [ng\:cloak],
.ionicStyle [ng-cloak],
.ionicStyle [data-ng-cloak],
.ionicStyle [x-ng-cloak],
.ionicStyle .ng-cloak,
.ionicStyle .x-ng-cloak,
.ionicStyle .ng-hide:not(.ng-hide-animate) {
  display: none !important;
}
.ionicStyle .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) {
  height: 64px;
}
.ionicStyle .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader).item-input-inset .item-input-wrapper {
  margin-top: 19px !important;
}
.ionicStyle .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) > * {
  margin-top: 20px;
}
.ionicStyle .platform-ios.platform-cordova:not(.fullscreen) .tabs-top > .tabs,
.ionicStyle .platform-ios.platform-cordova:not(.fullscreen) .tabs.tabs-top {
  top: 64px;
}
.ionicStyle .platform-ios.platform-cordova:not(.fullscreen) .has-header,
.ionicStyle .platform-ios.platform-cordova:not(.fullscreen) .bar-subheader {
  top: 64px;
}
.ionicStyle .platform-ios.platform-cordova:not(.fullscreen) .has-subheader {
  top: 108px;
}
.ionicStyle .platform-ios.platform-cordova:not(.fullscreen) .has-header.has-tabs-top {
  top: 113px;
}
.ionicStyle .platform-ios.platform-cordova:not(.fullscreen) .has-header.has-subheader.has-tabs-top {
  top: 157px;
}
.ionicStyle .platform-ios.platform-cordova .popover .bar-header:not(.bar-subheader) {
  height: 44px;
}
.ionicStyle .platform-ios.platform-cordova .popover .bar-header:not(.bar-subheader).item-input-inset .item-input-wrapper {
  margin-top: -1px;
}
.ionicStyle .platform-ios.platform-cordova .popover .bar-header:not(.bar-subheader) > * {
  margin-top: 0;
}
.ionicStyle .platform-ios.platform-cordova .popover .has-header,
.ionicStyle .platform-ios.platform-cordova .popover .bar-subheader {
  top: 44px;
}
.ionicStyle .platform-ios.platform-cordova .popover .has-subheader {
  top: 88px;
}
.ionicStyle .platform-ios.platform-cordova.status-bar-hide {
  margin-bottom: 20px;
}
@media (orientation: landscape) {
  .ionicStyle .platform-ios.platform-browser.platform-ipad {
    position: fixed;
  }
}
.ionicStyle .platform-c:not(.enable-transitions) * {
  -webkit-transition: none !important;
  transition: none !important;
}
.ionicStyle .slide-in-up {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.ionicStyle .slide-in-up.ng-enter,
.ionicStyle .slide-in-up > .ng-enter {
  -webkit-transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
  transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
}
.ionicStyle .slide-in-up.ng-enter-active,
.ionicStyle .slide-in-up > .ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.ionicStyle .slide-in-up.ng-leave,
.ionicStyle .slide-in-up > .ng-leave {
  -webkit-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
@-webkit-keyframes scaleOut {
  from {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes scaleOut {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0.8);
    opacity: 0;
  }
}
@-webkit-keyframes superScaleIn {
  from {
    -webkit-transform: scale(1.2);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@keyframes superScaleIn {
  from {
    transform: scale(1.2);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.ionicStyle [nav-view-transition="ios"] [nav-view="entering"],
.ionicStyle [nav-view-transition="ios"] [nav-view="leaving"] {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: cubic-bezier(0.36, 0.66, 0.04, 1);
  transition-timing-function: cubic-bezier(0.36, 0.66, 0.04, 1);
  -webkit-transition-property: opacity, -webkit-transform, box-shadow;
  transition-property: opacity, transform, box-shadow;
}
.ionicStyle [nav-view-transition="ios"][nav-view-direction="forward"],
.ionicStyle [nav-view-transition="ios"][nav-view-direction="back"] {
  background-color: #000;
}
.ionicStyle [nav-view-transition="ios"] [nav-view="active"],
.ionicStyle [nav-view-transition="ios"][nav-view-direction="forward"] [nav-view="entering"],
.ionicStyle [nav-view-transition="ios"][nav-view-direction="back"] [nav-view="leaving"] {
  z-index: 3;
}
.ionicStyle [nav-view-transition="ios"][nav-view-direction="back"] [nav-view="entering"],
.ionicStyle [nav-view-transition="ios"][nav-view-direction="forward"] [nav-view="leaving"] {
  z-index: 2;
}
.ionicStyle [nav-bar-transition="ios"] .title,
.ionicStyle [nav-bar-transition="ios"] .buttons,
.ionicStyle [nav-bar-transition="ios"] .back-text {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: cubic-bezier(0.36, 0.66, 0.04, 1);
  transition-timing-function: cubic-bezier(0.36, 0.66, 0.04, 1);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
}
.ionicStyle [nav-bar-transition="ios"] [nav-bar="active"],
.ionicStyle [nav-bar-transition="ios"] [nav-bar="entering"] {
  z-index: 10;
}
.ionicStyle [nav-bar-transition="ios"] [nav-bar="active"] .bar,
.ionicStyle [nav-bar-transition="ios"] [nav-bar="entering"] .bar {
  background: transparent;
}
.ionicStyle [nav-bar-transition="ios"] [nav-bar="cached"] {
  display: block;
}
.ionicStyle [nav-bar-transition="ios"] [nav-bar="cached"] .header-item {
  display: none;
}
.ionicStyle [nav-view-transition="android"] [nav-view="entering"],
.ionicStyle [nav-view-transition="android"] [nav-view="leaving"] {
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
}
.ionicStyle [nav-view-transition="android"] [nav-view="active"],
.ionicStyle [nav-view-transition="android"][nav-view-direction="forward"] [nav-view="entering"],
.ionicStyle [nav-view-transition="android"][nav-view-direction="back"] [nav-view="leaving"] {
  z-index: 3;
}
.ionicStyle [nav-view-transition="android"][nav-view-direction="back"] [nav-view="entering"],
.ionicStyle [nav-view-transition="android"][nav-view-direction="forward"] [nav-view="leaving"] {
  z-index: 2;
}
.ionicStyle [nav-bar-transition="android"] .title,
.ionicStyle [nav-bar-transition="android"] .buttons {
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.ionicStyle [nav-bar-transition="android"] [nav-bar="active"],
.ionicStyle [nav-bar-transition="android"] [nav-bar="entering"] {
  z-index: 10;
}
.ionicStyle [nav-bar-transition="android"] [nav-bar="active"] .bar,
.ionicStyle [nav-bar-transition="android"] [nav-bar="entering"] .bar {
  background: transparent;
}
.ionicStyle [nav-bar-transition="android"] [nav-bar="cached"] {
  display: block;
}
.ionicStyle [nav-bar-transition="android"] [nav-bar="cached"] .header-item {
  display: none;
}
.ionicStyle [nav-swipe="fast"] [nav-view],
.ionicStyle [nav-swipe="fast"] .title,
.ionicStyle [nav-swipe="fast"] .buttons,
.ionicStyle [nav-swipe="fast"] .back-text {
  -webkit-transition-duration: 50ms;
  transition-duration: 50ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.ionicStyle [nav-swipe="slow"] [nav-view],
.ionicStyle [nav-swipe="slow"] .title,
.ionicStyle [nav-swipe="slow"] .buttons,
.ionicStyle [nav-swipe="slow"] .back-text {
  -webkit-transition-duration: 160ms;
  transition-duration: 160ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.ionicStyle [nav-view="cached"],
.ionicStyle [nav-bar="cached"] {
  display: none;
}
.ionicStyle [nav-view="stage"] {
  opacity: 0;
  -webkit-transition-duration: 0;
  transition-duration: 0;
}
.ionicStyle [nav-bar="stage"] .title,
.ionicStyle [nav-bar="stage"] .buttons,
.ionicStyle [nav-bar="stage"] .back-text {
  position: absolute;
  opacity: 0;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
@font-face {
  font-family: "Ionicons";
  src: url("../fonts/ionicons.eot?v=1.5.2");
  src: url("../fonts/ionicons.eot?v=1.5.2#iefix") format("embedded-opentype"), url("../fonts/ionicons.ttf?v=1.5.2") format("truetype"), url("../fonts/ionicons.woff?v=1.5.2") format("woff"), url("../fonts/ionicons.svg?v=1.5.2#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.ionicStyle .ion,
.ionicStyle .ion-loading-a,
.ionicStyle .ion-loading-b,
.ionicStyle .ion-loading-c,
.ionicStyle .ion-loading-d,
.ionicStyle .ion-looping,
.ionicStyle .ion-refreshing,
.ionicStyle .ion-ios7-reloading,
.ionicStyle .ionicons,
.ionicStyle .ion-alert:before,
.ionicStyle .ion-alert-circled:before,
.ionicStyle .ion-android-add:before,
.ionicStyle .ion-android-add-contact:before,
.ionicStyle .ion-android-alarm:before,
.ionicStyle .ion-android-archive:before,
.ionicStyle .ion-android-arrow-back:before,
.ionicStyle .ion-android-arrow-down-left:before,
.ionicStyle .ion-android-arrow-down-right:before,
.ionicStyle .ion-android-arrow-forward:before,
.ionicStyle .ion-android-arrow-up-left:before,
.ionicStyle .ion-android-arrow-up-right:before,
.ionicStyle .ion-android-battery:before,
.ionicStyle .ion-android-book:before,
.ionicStyle .ion-android-calendar:before,
.ionicStyle .ion-android-call:before,
.ionicStyle .ion-android-camera:before,
.ionicStyle .ion-android-chat:before,
.ionicStyle .ion-android-checkmark:before,
.ionicStyle .ion-android-clock:before,
.ionicStyle .ion-android-close:before,
.ionicStyle .ion-android-contact:before,
.ionicStyle .ion-android-contacts:before,
.ionicStyle .ion-android-data:before,
.ionicStyle .ion-android-developer:before,
.ionicStyle .ion-android-display:before,
.ionicStyle .ion-android-download:before,
.ionicStyle .ion-android-drawer:before,
.ionicStyle .ion-android-dropdown:before,
.ionicStyle .ion-android-earth:before,
.ionicStyle .ion-android-folder:before,
.ionicStyle .ion-android-forums:before,
.ionicStyle .ion-android-friends:before,
.ionicStyle .ion-android-hand:before,
.ionicStyle .ion-android-image:before,
.ionicStyle .ion-android-inbox:before,
.ionicStyle .ion-android-information:before,
.ionicStyle .ion-android-keypad:before,
.ionicStyle .ion-android-lightbulb:before,
.ionicStyle .ion-android-locate:before,
.ionicStyle .ion-android-location:before,
.ionicStyle .ion-android-mail:before,
.ionicStyle .ion-android-microphone:before,
.ionicStyle .ion-android-mixer:before,
.ionicStyle .ion-android-more:before,
.ionicStyle .ion-android-note:before,
.ionicStyle .ion-android-playstore:before,
.ionicStyle .ion-android-printer:before,
.ionicStyle .ion-android-promotion:before,
.ionicStyle .ion-android-reminder:before,
.ionicStyle .ion-android-remove:before,
.ionicStyle .ion-android-search:before,
.ionicStyle .ion-android-send:before,
.ionicStyle .ion-android-settings:before,
.ionicStyle .ion-android-share:before,
.ionicStyle .ion-android-social:before,
.ionicStyle .ion-android-social-user:before,
.ionicStyle .ion-android-sort:before,
.ionicStyle .ion-android-stair-drawer:before,
.ionicStyle .ion-android-star:before,
.ionicStyle .ion-android-stopwatch:before,
.ionicStyle .ion-android-storage:before,
.ionicStyle .ion-android-system-back:before,
.ionicStyle .ion-android-system-home:before,
.ionicStyle .ion-android-system-windows:before,
.ionicStyle .ion-android-timer:before,
.ionicStyle .ion-android-trash:before,
.ionicStyle .ion-android-user-menu:before,
.ionicStyle .ion-android-volume:before,
.ionicStyle .ion-android-wifi:before,
.ionicStyle .ion-aperture:before,
.ionicStyle .ion-archive:before,
.ionicStyle .ion-arrow-down-a:before,
.ionicStyle .ion-arrow-down-b:before,
.ionicStyle .ion-arrow-down-c:before,
.ionicStyle .ion-arrow-expand:before,
.ionicStyle .ion-arrow-graph-down-left:before,
.ionicStyle .ion-arrow-graph-down-right:before,
.ionicStyle .ion-arrow-graph-up-left:before,
.ionicStyle .ion-arrow-graph-up-right:before,
.ionicStyle .ion-arrow-left-a:before,
.ionicStyle .ion-arrow-left-b:before,
.ionicStyle .ion-arrow-left-c:before,
.ionicStyle .ion-arrow-move:before,
.ionicStyle .ion-arrow-resize:before,
.ionicStyle .ion-arrow-return-left:before,
.ionicStyle .ion-arrow-return-right:before,
.ionicStyle .ion-arrow-right-a:before,
.ionicStyle .ion-arrow-right-b:before,
.ionicStyle .ion-arrow-right-c:before,
.ionicStyle .ion-arrow-shrink:before,
.ionicStyle .ion-arrow-swap:before,
.ionicStyle .ion-arrow-up-a:before,
.ionicStyle .ion-arrow-up-b:before,
.ionicStyle .ion-arrow-up-c:before,
.ionicStyle .ion-asterisk:before,
.ionicStyle .ion-at:before,
.ionicStyle .ion-bag:before,
.ionicStyle .ion-battery-charging:before,
.ionicStyle .ion-battery-empty:before,
.ionicStyle .ion-battery-full:before,
.ionicStyle .ion-battery-half:before,
.ionicStyle .ion-battery-low:before,
.ionicStyle .ion-beaker:before,
.ionicStyle .ion-beer:before,
.ionicStyle .ion-bluetooth:before,
.ionicStyle .ion-bonfire:before,
.ionicStyle .ion-bookmark:before,
.ionicStyle .ion-briefcase:before,
.ionicStyle .ion-bug:before,
.ionicStyle .ion-calculator:before,
.ionicStyle .ion-calendar:before,
.ionicStyle .ion-camera:before,
.ionicStyle .ion-card:before,
.ionicStyle .ion-cash:before,
.ionicStyle .ion-chatbox:before,
.ionicStyle .ion-chatbox-working:before,
.ionicStyle .ion-chatboxes:before,
.ionicStyle .ion-chatbubble:before,
.ionicStyle .ion-chatbubble-working:before,
.ionicStyle .ion-chatbubbles:before,
.ionicStyle .ion-checkmark:before,
.ionicStyle .ion-checkmark-circled:before,
.ionicStyle .ion-checkmark-round:before,
.ionicStyle .ion-chevron-down:before,
.ionicStyle .ion-chevron-left:before,
.ionicStyle .ion-chevron-right:before,
.ionicStyle .ion-chevron-up:before,
.ionicStyle .ion-clipboard:before,
.ionicStyle .ion-clock:before,
.ionicStyle .ion-close:before,
.ionicStyle .ion-close-circled:before,
.ionicStyle .ion-close-round:before,
.ionicStyle .ion-closed-captioning:before,
.ionicStyle .ion-cloud:before,
.ionicStyle .ion-code:before,
.ionicStyle .ion-code-download:before,
.ionicStyle .ion-code-working:before,
.ionicStyle .ion-coffee:before,
.ionicStyle .ion-compass:before,
.ionicStyle .ion-compose:before,
.ionicStyle .ion-connection-bars:before,
.ionicStyle .ion-contrast:before,
.ionicStyle .ion-cube:before,
.ionicStyle .ion-disc:before,
.ionicStyle .ion-document:before,
.ionicStyle .ion-document-text:before,
.ionicStyle .ion-drag:before,
.ionicStyle .ion-earth:before,
.ionicStyle .ion-edit:before,
.ionicStyle .ion-egg:before,
.ionicStyle .ion-eject:before,
.ionicStyle .ion-email:before,
.ionicStyle .ion-eye:before,
.ionicStyle .ion-eye-disabled:before,
.ionicStyle .ion-female:before,
.ionicStyle .ion-filing:before,
.ionicStyle .ion-film-marker:before,
.ionicStyle .ion-fireball:before,
.ionicStyle .ion-flag:before,
.ionicStyle .ion-flame:before,
.ionicStyle .ion-flash:before,
.ionicStyle .ion-flash-off:before,
.ionicStyle .ion-flask:before,
.ionicStyle .ion-folder:before,
.ionicStyle .ion-fork:before,
.ionicStyle .ion-fork-repo:before,
.ionicStyle .ion-forward:before,
.ionicStyle .ion-funnel:before,
.ionicStyle .ion-game-controller-a:before,
.ionicStyle .ion-game-controller-b:before,
.ionicStyle .ion-gear-a:before,
.ionicStyle .ion-gear-b:before,
.ionicStyle .ion-grid:before,
.ionicStyle .ion-hammer:before,
.ionicStyle .ion-happy:before,
.ionicStyle .ion-headphone:before,
.ionicStyle .ion-heart:before,
.ionicStyle .ion-heart-broken:before,
.ionicStyle .ion-help:before,
.ionicStyle .ion-help-buoy:before,
.ionicStyle .ion-help-circled:before,
.ionicStyle .ion-home:before,
.ionicStyle .ion-icecream:before,
.ionicStyle .ion-icon-social-google-plus:before,
.ionicStyle .ion-icon-social-google-plus-outline:before,
.ionicStyle .ion-image:before,
.ionicStyle .ion-images:before,
.ionicStyle .ion-information:before,
.ionicStyle .ion-information-circled:before,
.ionicStyle .ion-ionic:before,
.ionicStyle .ion-ios7-alarm:before,
.ionicStyle .ion-ios7-alarm-outline:before,
.ionicStyle .ion-ios7-albums:before,
.ionicStyle .ion-ios7-albums-outline:before,
.ionicStyle .ion-ios7-americanfootball:before,
.ionicStyle .ion-ios7-americanfootball-outline:before,
.ionicStyle .ion-ios7-analytics:before,
.ionicStyle .ion-ios7-analytics-outline:before,
.ionicStyle .ion-ios7-arrow-back:before,
.ionicStyle .ion-ios7-arrow-down:before,
.ionicStyle .ion-ios7-arrow-forward:before,
.ionicStyle .ion-ios7-arrow-left:before,
.ionicStyle .ion-ios7-arrow-right:before,
.ionicStyle .ion-ios7-arrow-thin-down:before,
.ionicStyle .ion-ios7-arrow-thin-left:before,
.ionicStyle .ion-ios7-arrow-thin-right:before,
.ionicStyle .ion-ios7-arrow-thin-up:before,
.ionicStyle .ion-ios7-arrow-up:before,
.ionicStyle .ion-ios7-at:before,
.ionicStyle .ion-ios7-at-outline:before,
.ionicStyle .ion-ios7-barcode:before,
.ionicStyle .ion-ios7-barcode-outline:before,
.ionicStyle .ion-ios7-baseball:before,
.ionicStyle .ion-ios7-baseball-outline:before,
.ionicStyle .ion-ios7-basketball:before,
.ionicStyle .ion-ios7-basketball-outline:before,
.ionicStyle .ion-ios7-bell:before,
.ionicStyle .ion-ios7-bell-outline:before,
.ionicStyle .ion-ios7-bolt:before,
.ionicStyle .ion-ios7-bolt-outline:before,
.ionicStyle .ion-ios7-bookmarks:before,
.ionicStyle .ion-ios7-bookmarks-outline:before,
.ionicStyle .ion-ios7-box:before,
.ionicStyle .ion-ios7-box-outline:before,
.ionicStyle .ion-ios7-briefcase:before,
.ionicStyle .ion-ios7-briefcase-outline:before,
.ionicStyle .ion-ios7-browsers:before,
.ionicStyle .ion-ios7-browsers-outline:before,
.ionicStyle .ion-ios7-calculator:before,
.ionicStyle .ion-ios7-calculator-outline:before,
.ionicStyle .ion-ios7-calendar:before,
.ionicStyle .ion-ios7-calendar-outline:before,
.ionicStyle .ion-ios7-camera:before,
.ionicStyle .ion-ios7-camera-outline:before,
.ionicStyle .ion-ios7-cart:before,
.ionicStyle .ion-ios7-cart-outline:before,
.ionicStyle .ion-ios7-chatboxes:before,
.ionicStyle .ion-ios7-chatboxes-outline:before,
.ionicStyle .ion-ios7-chatbubble:before,
.ionicStyle .ion-ios7-chatbubble-outline:before,
.ionicStyle .ion-ios7-checkmark:before,
.ionicStyle .ion-ios7-checkmark-empty:before,
.ionicStyle .ion-ios7-checkmark-outline:before,
.ionicStyle .ion-ios7-circle-filled:before,
.ionicStyle .ion-ios7-circle-outline:before,
.ionicStyle .ion-ios7-clock:before,
.ionicStyle .ion-ios7-clock-outline:before,
.ionicStyle .ion-ios7-close:before,
.ionicStyle .ion-ios7-close-empty:before,
.ionicStyle .ion-ios7-close-outline:before,
.ionicStyle .ion-ios7-cloud:before,
.ionicStyle .ion-ios7-cloud-download:before,
.ionicStyle .ion-ios7-cloud-download-outline:before,
.ionicStyle .ion-ios7-cloud-outline:before,
.ionicStyle .ion-ios7-cloud-upload:before,
.ionicStyle .ion-ios7-cloud-upload-outline:before,
.ionicStyle .ion-ios7-cloudy:before,
.ionicStyle .ion-ios7-cloudy-night:before,
.ionicStyle .ion-ios7-cloudy-night-outline:before,
.ionicStyle .ion-ios7-cloudy-outline:before,
.ionicStyle .ion-ios7-cog:before,
.ionicStyle .ion-ios7-cog-outline:before,
.ionicStyle .ion-ios7-compose:before,
.ionicStyle .ion-ios7-compose-outline:before,
.ionicStyle .ion-ios7-contact:before,
.ionicStyle .ion-ios7-contact-outline:before,
.ionicStyle .ion-ios7-copy:before,
.ionicStyle .ion-ios7-copy-outline:before,
.ionicStyle .ion-ios7-download:before,
.ionicStyle .ion-ios7-download-outline:before,
.ionicStyle .ion-ios7-drag:before,
.ionicStyle .ion-ios7-email:before,
.ionicStyle .ion-ios7-email-outline:before,
.ionicStyle .ion-ios7-expand:before,
.ionicStyle .ion-ios7-eye:before,
.ionicStyle .ion-ios7-eye-outline:before,
.ionicStyle .ion-ios7-fastforward:before,
.ionicStyle .ion-ios7-fastforward-outline:before,
.ionicStyle .ion-ios7-filing:before,
.ionicStyle .ion-ios7-filing-outline:before,
.ionicStyle .ion-ios7-film:before,
.ionicStyle .ion-ios7-film-outline:before,
.ionicStyle .ion-ios7-flag:before,
.ionicStyle .ion-ios7-flag-outline:before,
.ionicStyle .ion-ios7-folder:before,
.ionicStyle .ion-ios7-folder-outline:before,
.ionicStyle .ion-ios7-football:before,
.ionicStyle .ion-ios7-football-outline:before,
.ionicStyle .ion-ios7-gear:before,
.ionicStyle .ion-ios7-gear-outline:before,
.ionicStyle .ion-ios7-glasses:before,
.ionicStyle .ion-ios7-glasses-outline:before,
.ionicStyle .ion-ios7-heart:before,
.ionicStyle .ion-ios7-heart-outline:before,
.ionicStyle .ion-ios7-help:before,
.ionicStyle .ion-ios7-help-empty:before,
.ionicStyle .ion-ios7-help-outline:before,
.ionicStyle .ion-ios7-home:before,
.ionicStyle .ion-ios7-home-outline:before,
.ionicStyle .ion-ios7-infinite:before,
.ionicStyle .ion-ios7-infinite-outline:before,
.ionicStyle .ion-ios7-information:before,
.ionicStyle .ion-ios7-information-empty:before,
.ionicStyle .ion-ios7-information-outline:before,
.ionicStyle .ion-ios7-ionic-outline:before,
.ionicStyle .ion-ios7-keypad:before,
.ionicStyle .ion-ios7-keypad-outline:before,
.ionicStyle .ion-ios7-lightbulb:before,
.ionicStyle .ion-ios7-lightbulb-outline:before,
.ionicStyle .ion-ios7-location:before,
.ionicStyle .ion-ios7-location-outline:before,
.ionicStyle .ion-ios7-locked:before,
.ionicStyle .ion-ios7-locked-outline:before,
.ionicStyle .ion-ios7-loop:before,
.ionicStyle .ion-ios7-loop-strong:before,
.ionicStyle .ion-ios7-medkit:before,
.ionicStyle .ion-ios7-medkit-outline:before,
.ionicStyle .ion-ios7-mic:before,
.ionicStyle .ion-ios7-mic-off:before,
.ionicStyle .ion-ios7-mic-outline:before,
.ionicStyle .ion-ios7-minus:before,
.ionicStyle .ion-ios7-minus-empty:before,
.ionicStyle .ion-ios7-minus-outline:before,
.ionicStyle .ion-ios7-monitor:before,
.ionicStyle .ion-ios7-monitor-outline:before,
.ionicStyle .ion-ios7-moon:before,
.ionicStyle .ion-ios7-moon-outline:before,
.ionicStyle .ion-ios7-more:before,
.ionicStyle .ion-ios7-more-outline:before,
.ionicStyle .ion-ios7-musical-note:before,
.ionicStyle .ion-ios7-musical-notes:before,
.ionicStyle .ion-ios7-navigate:before,
.ionicStyle .ion-ios7-navigate-outline:before,
.ionicStyle .ion-ios7-paper:before,
.ionicStyle .ion-ios7-paper-outline:before,
.ionicStyle .ion-ios7-paperplane:before,
.ionicStyle .ion-ios7-paperplane-outline:before,
.ionicStyle .ion-ios7-partlysunny:before,
.ionicStyle .ion-ios7-partlysunny-outline:before,
.ionicStyle .ion-ios7-pause:before,
.ionicStyle .ion-ios7-pause-outline:before,
.ionicStyle .ion-ios7-paw:before,
.ionicStyle .ion-ios7-paw-outline:before,
.ionicStyle .ion-ios7-people:before,
.ionicStyle .ion-ios7-people-outline:before,
.ionicStyle .ion-ios7-person:before,
.ionicStyle .ion-ios7-person-outline:before,
.ionicStyle .ion-ios7-personadd:before,
.ionicStyle .ion-ios7-personadd-outline:before,
.ionicStyle .ion-ios7-photos:before,
.ionicStyle .ion-ios7-photos-outline:before,
.ionicStyle .ion-ios7-pie:before,
.ionicStyle .ion-ios7-pie-outline:before,
.ionicStyle .ion-ios7-play:before,
.ionicStyle .ion-ios7-play-outline:before,
.ionicStyle .ion-ios7-plus:before,
.ionicStyle .ion-ios7-plus-empty:before,
.ionicStyle .ion-ios7-plus-outline:before,
.ionicStyle .ion-ios7-pricetag:before,
.ionicStyle .ion-ios7-pricetag-outline:before,
.ionicStyle .ion-ios7-pricetags:before,
.ionicStyle .ion-ios7-pricetags-outline:before,
.ionicStyle .ion-ios7-printer:before,
.ionicStyle .ion-ios7-printer-outline:before,
.ionicStyle .ion-ios7-pulse:before,
.ionicStyle .ion-ios7-pulse-strong:before,
.ionicStyle .ion-ios7-rainy:before,
.ionicStyle .ion-ios7-rainy-outline:before,
.ionicStyle .ion-ios7-recording:before,
.ionicStyle .ion-ios7-recording-outline:before,
.ionicStyle .ion-ios7-redo:before,
.ionicStyle .ion-ios7-redo-outline:before,
.ionicStyle .ion-ios7-refresh:before,
.ionicStyle .ion-ios7-refresh-empty:before,
.ionicStyle .ion-ios7-refresh-outline:before,
.ionicStyle .ion-ios7-reload:before,
.ionicStyle .ion-ios7-reloading:before,
.ionicStyle .ion-ios7-reverse-camera:before,
.ionicStyle .ion-ios7-reverse-camera-outline:before,
.ionicStyle .ion-ios7-rewind:before,
.ionicStyle .ion-ios7-rewind-outline:before,
.ionicStyle .ion-ios7-search:before,
.ionicStyle .ion-ios7-search-strong:before,
.ionicStyle .ion-ios7-settings:before,
.ionicStyle .ion-ios7-settings-strong:before,
.ionicStyle .ion-ios7-shrink:before,
.ionicStyle .ion-ios7-skipbackward:before,
.ionicStyle .ion-ios7-skipbackward-outline:before,
.ionicStyle .ion-ios7-skipforward:before,
.ionicStyle .ion-ios7-skipforward-outline:before,
.ionicStyle .ion-ios7-snowy:before,
.ionicStyle .ion-ios7-speedometer:before,
.ionicStyle .ion-ios7-speedometer-outline:before,
.ionicStyle .ion-ios7-star:before,
.ionicStyle .ion-ios7-star-half:before,
.ionicStyle .ion-ios7-star-outline:before,
.ionicStyle .ion-ios7-stopwatch:before,
.ionicStyle .ion-ios7-stopwatch-outline:before,
.ionicStyle .ion-ios7-sunny:before,
.ionicStyle .ion-ios7-sunny-outline:before,
.ionicStyle .ion-ios7-telephone:before,
.ionicStyle .ion-ios7-telephone-outline:before,
.ionicStyle .ion-ios7-tennisball:before,
.ionicStyle .ion-ios7-tennisball-outline:before,
.ionicStyle .ion-ios7-thunderstorm:before,
.ionicStyle .ion-ios7-thunderstorm-outline:before,
.ionicStyle .ion-ios7-time:before,
.ionicStyle .ion-ios7-time-outline:before,
.ionicStyle .ion-ios7-timer:before,
.ionicStyle .ion-ios7-timer-outline:before,
.ionicStyle .ion-ios7-toggle:before,
.ionicStyle .ion-ios7-toggle-outline:before,
.ionicStyle .ion-ios7-trash:before,
.ionicStyle .ion-ios7-trash-outline:before,
.ionicStyle .ion-ios7-undo:before,
.ionicStyle .ion-ios7-undo-outline:before,
.ionicStyle .ion-ios7-unlocked:before,
.ionicStyle .ion-ios7-unlocked-outline:before,
.ionicStyle .ion-ios7-upload:before,
.ionicStyle .ion-ios7-upload-outline:before,
.ionicStyle .ion-ios7-videocam:before,
.ionicStyle .ion-ios7-videocam-outline:before,
.ionicStyle .ion-ios7-volume-high:before,
.ionicStyle .ion-ios7-volume-low:before,
.ionicStyle .ion-ios7-wineglass:before,
.ionicStyle .ion-ios7-wineglass-outline:before,
.ionicStyle .ion-ios7-world:before,
.ionicStyle .ion-ios7-world-outline:before,
.ionicStyle .ion-ipad:before,
.ionicStyle .ion-iphone:before,
.ionicStyle .ion-ipod:before,
.ionicStyle .ion-jet:before,
.ionicStyle .ion-key:before,
.ionicStyle .ion-knife:before,
.ionicStyle .ion-laptop:before,
.ionicStyle .ion-leaf:before,
.ionicStyle .ion-levels:before,
.ionicStyle .ion-lightbulb:before,
.ionicStyle .ion-link:before,
.ionicStyle .ion-load-a:before,
.ionicStyle .ion-loading-a:before,
.ionicStyle .ion-load-b:before,
.ionicStyle .ion-loading-b:before,
.ionicStyle .ion-load-c:before,
.ionicStyle .ion-loading-c:before,
.ionicStyle .ion-load-d:before,
.ionicStyle .ion-loading-d:before,
.ionicStyle .ion-location:before,
.ionicStyle .ion-locked:before,
.ionicStyle .ion-log-in:before,
.ionicStyle .ion-log-out:before,
.ionicStyle .ion-loop:before,
.ionicStyle .ion-looping:before,
.ionicStyle .ion-magnet:before,
.ionicStyle .ion-male:before,
.ionicStyle .ion-man:before,
.ionicStyle .ion-map:before,
.ionicStyle .ion-medkit:before,
.ionicStyle .ion-merge:before,
.ionicStyle .ion-mic-a:before,
.ionicStyle .ion-mic-b:before,
.ionicStyle .ion-mic-c:before,
.ionicStyle .ion-minus:before,
.ionicStyle .ion-minus-circled:before,
.ionicStyle .ion-minus-round:before,
.ionicStyle .ion-model-s:before,
.ionicStyle .ion-monitor:before,
.ionicStyle .ion-more:before,
.ionicStyle .ion-mouse:before,
.ionicStyle .ion-music-note:before,
.ionicStyle .ion-navicon:before,
.ionicStyle .ion-navicon-round:before,
.ionicStyle .ion-navigate:before,
.ionicStyle .ion-network:before,
.ionicStyle .ion-no-smoking:before,
.ionicStyle .ion-nuclear:before,
.ionicStyle .ion-outlet:before,
.ionicStyle .ion-paper-airplane:before,
.ionicStyle .ion-paperclip:before,
.ionicStyle .ion-pause:before,
.ionicStyle .ion-person:before,
.ionicStyle .ion-person-add:before,
.ionicStyle .ion-person-stalker:before,
.ionicStyle .ion-pie-graph:before,
.ionicStyle .ion-pin:before,
.ionicStyle .ion-pinpoint:before,
.ionicStyle .ion-pizza:before,
.ionicStyle .ion-plane:before,
.ionicStyle .ion-planet:before,
.ionicStyle .ion-play:before,
.ionicStyle .ion-playstation:before,
.ionicStyle .ion-plus:before,
.ionicStyle .ion-plus-circled:before,
.ionicStyle .ion-plus-round:before,
.ionicStyle .ion-podium:before,
.ionicStyle .ion-pound:before,
.ionicStyle .ion-power:before,
.ionicStyle .ion-pricetag:before,
.ionicStyle .ion-pricetags:before,
.ionicStyle .ion-printer:before,
.ionicStyle .ion-pull-request:before,
.ionicStyle .ion-qr-scanner:before,
.ionicStyle .ion-quote:before,
.ionicStyle .ion-radio-waves:before,
.ionicStyle .ion-record:before,
.ionicStyle .ion-refresh:before,
.ionicStyle .ion-refreshing:before,
.ionicStyle .ion-reply:before,
.ionicStyle .ion-reply-all:before,
.ionicStyle .ion-ribbon-a:before,
.ionicStyle .ion-ribbon-b:before,
.ionicStyle .ion-sad:before,
.ionicStyle .ion-scissors:before,
.ionicStyle .ion-search:before,
.ionicStyle .ion-settings:before,
.ionicStyle .ion-share:before,
.ionicStyle .ion-shuffle:before,
.ionicStyle .ion-skip-backward:before,
.ionicStyle .ion-skip-forward:before,
.ionicStyle .ion-social-android:before,
.ionicStyle .ion-social-android-outline:before,
.ionicStyle .ion-social-apple:before,
.ionicStyle .ion-social-apple-outline:before,
.ionicStyle .ion-social-bitcoin:before,
.ionicStyle .ion-social-bitcoin-outline:before,
.ionicStyle .ion-social-buffer:before,
.ionicStyle .ion-social-buffer-outline:before,
.ionicStyle .ion-social-designernews:before,
.ionicStyle .ion-social-designernews-outline:before,
.ionicStyle .ion-social-dribbble:before,
.ionicStyle .ion-social-dribbble-outline:before,
.ionicStyle .ion-social-dropbox:before,
.ionicStyle .ion-social-dropbox-outline:before,
.ionicStyle .ion-social-facebook:before,
.ionicStyle .ion-social-facebook-outline:before,
.ionicStyle .ion-social-foursquare:before,
.ionicStyle .ion-social-foursquare-outline:before,
.ionicStyle .ion-social-freebsd-devil:before,
.ionicStyle .ion-social-github:before,
.ionicStyle .ion-social-github-outline:before,
.ionicStyle .ion-social-google:before,
.ionicStyle .ion-social-google-outline:before,
.ionicStyle .ion-social-googleplus:before,
.ionicStyle .ion-social-googleplus-outline:before,
.ionicStyle .ion-social-hackernews:before,
.ionicStyle .ion-social-hackernews-outline:before,
.ionicStyle .ion-social-instagram:before,
.ionicStyle .ion-social-instagram-outline:before,
.ionicStyle .ion-social-linkedin:before,
.ionicStyle .ion-social-linkedin-outline:before,
.ionicStyle .ion-social-pinterest:before,
.ionicStyle .ion-social-pinterest-outline:before,
.ionicStyle .ion-social-reddit:before,
.ionicStyle .ion-social-reddit-outline:before,
.ionicStyle .ion-social-rss:before,
.ionicStyle .ion-social-rss-outline:before,
.ionicStyle .ion-social-skype:before,
.ionicStyle .ion-social-skype-outline:before,
.ionicStyle .ion-social-tumblr:before,
.ionicStyle .ion-social-tumblr-outline:before,
.ionicStyle .ion-social-tux:before,
.ionicStyle .ion-social-twitter:before,
.ionicStyle .ion-social-twitter-outline:before,
.ionicStyle .ion-social-usd:before,
.ionicStyle .ion-social-usd-outline:before,
.ionicStyle .ion-social-vimeo:before,
.ionicStyle .ion-social-vimeo-outline:before,
.ionicStyle .ion-social-windows:before,
.ionicStyle .ion-social-windows-outline:before,
.ionicStyle .ion-social-wordpress:before,
.ionicStyle .ion-social-wordpress-outline:before,
.ionicStyle .ion-social-yahoo:before,
.ionicStyle .ion-social-yahoo-outline:before,
.ionicStyle .ion-social-youtube:before,
.ionicStyle .ion-social-youtube-outline:before,
.ionicStyle .ion-speakerphone:before,
.ionicStyle .ion-speedometer:before,
.ionicStyle .ion-spoon:before,
.ionicStyle .ion-star:before,
.ionicStyle .ion-stats-bars:before,
.ionicStyle .ion-steam:before,
.ionicStyle .ion-stop:before,
.ionicStyle .ion-thermometer:before,
.ionicStyle .ion-thumbsdown:before,
.ionicStyle .ion-thumbsup:before,
.ionicStyle .ion-toggle:before,
.ionicStyle .ion-toggle-filled:before,
.ionicStyle .ion-trash-a:before,
.ionicStyle .ion-trash-b:before,
.ionicStyle .ion-trophy:before,
.ionicStyle .ion-umbrella:before,
.ionicStyle .ion-university:before,
.ionicStyle .ion-unlocked:before,
.ionicStyle .ion-upload:before,
.ionicStyle .ion-usb:before,
.ionicStyle .ion-videocamera:before,
.ionicStyle .ion-volume-high:before,
.ionicStyle .ion-volume-low:before,
.ionicStyle .ion-volume-medium:before,
.ionicStyle .ion-volume-mute:before,
.ionicStyle .ion-wand:before,
.ionicStyle .ion-waterdrop:before,
.ionicStyle .ion-wifi:before,
.ionicStyle .ion-wineglass:before,
.ionicStyle .ion-woman:before,
.ionicStyle .ion-wrench:before,
.ionicStyle .ion-xbox:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ionicStyle .ion-spin,
.ionicStyle .ion-loading-a,
.ionicStyle .ion-loading-b,
.ionicStyle .ion-loading-c,
.ionicStyle .ion-loading-d,
.ionicStyle .ion-looping,
.ionicStyle .ion-refreshing,
.ionicStyle .ion-ios7-reloading {
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.ionicStyle .ion-loading-a {
  -webkit-animation-timing-function: steps(8, start);
  -moz-animation-timing-function: steps(8, start);
  animation-timing-function: steps(8, start);
}
.ionicStyle .ion-alert:before {
  content: "\f101";
}
.ionicStyle .ion-alert-circled:before {
  content: "\f100";
}
.ionicStyle .ion-android-add:before {
  content: "\f2c7";
}
.ionicStyle .ion-android-add-contact:before {
  content: "\f2c6";
}
.ionicStyle .ion-android-alarm:before {
  content: "\f2c8";
}
.ionicStyle .ion-android-archive:before {
  content: "\f2c9";
}
.ionicStyle .ion-android-arrow-back:before {
  content: "\f2ca";
}
.ionicStyle .ion-android-arrow-down-left:before {
  content: "\f2cb";
}
.ionicStyle .ion-android-arrow-down-right:before {
  content: "\f2cc";
}
.ionicStyle .ion-android-arrow-forward:before {
  content: "\f30f";
}
.ionicStyle .ion-android-arrow-up-left:before {
  content: "\f2cd";
}
.ionicStyle .ion-android-arrow-up-right:before {
  content: "\f2ce";
}
.ionicStyle .ion-android-battery:before {
  content: "\f2cf";
}
.ionicStyle .ion-android-book:before {
  content: "\f2d0";
}
.ionicStyle .ion-android-calendar:before {
  content: "\f2d1";
}
.ionicStyle .ion-android-call:before {
  content: "\f2d2";
}
.ionicStyle .ion-android-camera:before {
  content: "\f2d3";
}
.ionicStyle .ion-android-chat:before {
  content: "\f2d4";
}
.ionicStyle .ion-android-checkmark:before {
  content: "\f2d5";
}
.ionicStyle .ion-android-clock:before {
  content: "\f2d6";
}
.ionicStyle .ion-android-close:before {
  content: "\f2d7";
}
.ionicStyle .ion-android-contact:before {
  content: "\f2d8";
}
.ionicStyle .ion-android-contacts:before {
  content: "\f2d9";
}
.ionicStyle .ion-android-data:before {
  content: "\f2da";
}
.ionicStyle .ion-android-developer:before {
  content: "\f2db";
}
.ionicStyle .ion-android-display:before {
  content: "\f2dc";
}
.ionicStyle .ion-android-download:before {
  content: "\f2dd";
}
.ionicStyle .ion-android-drawer:before {
  content: "\f310";
}
.ionicStyle .ion-android-dropdown:before {
  content: "\f2de";
}
.ionicStyle .ion-android-earth:before {
  content: "\f2df";
}
.ionicStyle .ion-android-folder:before {
  content: "\f2e0";
}
.ionicStyle .ion-android-forums:before {
  content: "\f2e1";
}
.ionicStyle .ion-android-friends:before {
  content: "\f2e2";
}
.ionicStyle .ion-android-hand:before {
  content: "\f2e3";
}
.ionicStyle .ion-android-image:before {
  content: "\f2e4";
}
.ionicStyle .ion-android-inbox:before {
  content: "\f2e5";
}
.ionicStyle .ion-android-information:before {
  content: "\f2e6";
}
.ionicStyle .ion-android-keypad:before {
  content: "\f2e7";
}
.ionicStyle .ion-android-lightbulb:before {
  content: "\f2e8";
}
.ionicStyle .ion-android-locate:before {
  content: "\f2e9";
}
.ionicStyle .ion-android-location:before {
  content: "\f2ea";
}
.ionicStyle .ion-android-mail:before {
  content: "\f2eb";
}
.ionicStyle .ion-android-microphone:before {
  content: "\f2ec";
}
.ionicStyle .ion-android-mixer:before {
  content: "\f2ed";
}
.ionicStyle .ion-android-more:before {
  content: "\f2ee";
}
.ionicStyle .ion-android-note:before {
  content: "\f2ef";
}
.ionicStyle .ion-android-playstore:before {
  content: "\f2f0";
}
.ionicStyle .ion-android-printer:before {
  content: "\f2f1";
}
.ionicStyle .ion-android-promotion:before {
  content: "\f2f2";
}
.ionicStyle .ion-android-reminder:before {
  content: "\f2f3";
}
.ionicStyle .ion-android-remove:before {
  content: "\f2f4";
}
.ionicStyle .ion-android-search:before {
  content: "\f2f5";
}
.ionicStyle .ion-android-send:before {
  content: "\f2f6";
}
.ionicStyle .ion-android-settings:before {
  content: "\f2f7";
}
.ionicStyle .ion-android-share:before {
  content: "\f2f8";
}
.ionicStyle .ion-android-social:before {
  content: "\f2fa";
}
.ionicStyle .ion-android-social-user:before {
  content: "\f2f9";
}
.ionicStyle .ion-android-sort:before {
  content: "\f2fb";
}
.ionicStyle .ion-android-stair-drawer:before {
  content: "\f311";
}
.ionicStyle .ion-android-star:before {
  content: "\f2fc";
}
.ionicStyle .ion-android-stopwatch:before {
  content: "\f2fd";
}
.ionicStyle .ion-android-storage:before {
  content: "\f2fe";
}
.ionicStyle .ion-android-system-back:before {
  content: "\f2ff";
}
.ionicStyle .ion-android-system-home:before {
  content: "\f300";
}
.ionicStyle .ion-android-system-windows:before {
  content: "\f301";
}
.ionicStyle .ion-android-timer:before {
  content: "\f302";
}
.ionicStyle .ion-android-trash:before {
  content: "\f303";
}
.ionicStyle .ion-android-user-menu:before {
  content: "\f312";
}
.ionicStyle .ion-android-volume:before {
  content: "\f304";
}
.ionicStyle .ion-android-wifi:before {
  content: "\f305";
}
.ionicStyle .ion-aperture:before {
  content: "\f313";
}
.ionicStyle .ion-archive:before {
  content: "\f102";
}
.ionicStyle .ion-arrow-down-a:before {
  content: "\f103";
}
.ionicStyle .ion-arrow-down-b:before {
  content: "\f104";
}
.ionicStyle .ion-arrow-down-c:before {
  content: "\f105";
}
.ionicStyle .ion-arrow-expand:before {
  content: "\f25e";
}
.ionicStyle .ion-arrow-graph-down-left:before {
  content: "\f25f";
}
.ionicStyle .ion-arrow-graph-down-right:before {
  content: "\f260";
}
.ionicStyle .ion-arrow-graph-up-left:before {
  content: "\f261";
}
.ionicStyle .ion-arrow-graph-up-right:before {
  content: "\f262";
}
.ionicStyle .ion-arrow-left-a:before {
  content: "\f106";
}
.ionicStyle .ion-arrow-left-b:before {
  content: "\f107";
}
.ionicStyle .ion-arrow-left-c:before {
  content: "\f108";
}
.ionicStyle .ion-arrow-move:before {
  content: "\f263";
}
.ionicStyle .ion-arrow-resize:before {
  content: "\f264";
}
.ionicStyle .ion-arrow-return-left:before {
  content: "\f265";
}
.ionicStyle .ion-arrow-return-right:before {
  content: "\f266";
}
.ionicStyle .ion-arrow-right-a:before {
  content: "\f109";
}
.ionicStyle .ion-arrow-right-b:before {
  content: "\f10a";
}
.ionicStyle .ion-arrow-right-c:before {
  content: "\f10b";
}
.ionicStyle .ion-arrow-shrink:before {
  content: "\f267";
}
.ionicStyle .ion-arrow-swap:before {
  content: "\f268";
}
.ionicStyle .ion-arrow-up-a:before {
  content: "\f10c";
}
.ionicStyle .ion-arrow-up-b:before {
  content: "\f10d";
}
.ionicStyle .ion-arrow-up-c:before {
  content: "\f10e";
}
.ionicStyle .ion-asterisk:before {
  content: "\f314";
}
.ionicStyle .ion-at:before {
  content: "\f10f";
}
.ionicStyle .ion-bag:before {
  content: "\f110";
}
.ionicStyle .ion-battery-charging:before {
  content: "\f111";
}
.ionicStyle .ion-battery-empty:before {
  content: "\f112";
}
.ionicStyle .ion-battery-full:before {
  content: "\f113";
}
.ionicStyle .ion-battery-half:before {
  content: "\f114";
}
.ionicStyle .ion-battery-low:before {
  content: "\f115";
}
.ionicStyle .ion-beaker:before {
  content: "\f269";
}
.ionicStyle .ion-beer:before {
  content: "\f26a";
}
.ionicStyle .ion-bluetooth:before {
  content: "\f116";
}
.ionicStyle .ion-bonfire:before {
  content: "\f315";
}
.ionicStyle .ion-bookmark:before {
  content: "\f26b";
}
.ionicStyle .ion-briefcase:before {
  content: "\f26c";
}
.ionicStyle .ion-bug:before {
  content: "\f2be";
}
.ionicStyle .ion-calculator:before {
  content: "\f26d";
}
.ionicStyle .ion-calendar:before {
  content: "\f117";
}
.ionicStyle .ion-camera:before {
  content: "\f118";
}
.ionicStyle .ion-card:before {
  content: "\f119";
}
.ionicStyle .ion-cash:before {
  content: "\f316";
}
.ionicStyle .ion-chatbox:before {
  content: "\f11b";
}
.ionicStyle .ion-chatbox-working:before {
  content: "\f11a";
}
.ionicStyle .ion-chatboxes:before {
  content: "\f11c";
}
.ionicStyle .ion-chatbubble:before {
  content: "\f11e";
}
.ionicStyle .ion-chatbubble-working:before {
  content: "\f11d";
}
.ionicStyle .ion-chatbubbles:before {
  content: "\f11f";
}
.ionicStyle .ion-checkmark:before {
  content: "\f122";
}
.ionicStyle .ion-checkmark-circled:before {
  content: "\f120";
}
.ionicStyle .ion-checkmark-round:before {
  content: "\f121";
}
.ionicStyle .ion-chevron-down:before {
  content: "\f123";
}
.ionicStyle .ion-chevron-left:before {
  content: "\f124";
}
.ionicStyle .ion-chevron-right:before {
  content: "\f125";
}
.ionicStyle .ion-chevron-up:before {
  content: "\f126";
}
.ionicStyle .ion-clipboard:before {
  content: "\f127";
}
.ionicStyle .ion-clock:before {
  content: "\f26e";
}
.ionicStyle .ion-close:before {
  content: "\f12a";
}
.ionicStyle .ion-close-circled:before {
  content: "\f128";
}
.ionicStyle .ion-close-round:before {
  content: "\f129";
}
.ionicStyle .ion-closed-captioning:before {
  content: "\f317";
}
.ionicStyle .ion-cloud:before {
  content: "\f12b";
}
.ionicStyle .ion-code:before {
  content: "\f271";
}
.ionicStyle .ion-code-download:before {
  content: "\f26f";
}
.ionicStyle .ion-code-working:before {
  content: "\f270";
}
.ionicStyle .ion-coffee:before {
  content: "\f272";
}
.ionicStyle .ion-compass:before {
  content: "\f273";
}
.ionicStyle .ion-compose:before {
  content: "\f12c";
}
.ionicStyle .ion-connection-bars:before {
  content: "\f274";
}
.ionicStyle .ion-contrast:before {
  content: "\f275";
}
.ionicStyle .ion-cube:before {
  content: "\f318";
}
.ionicStyle .ion-disc:before {
  content: "\f12d";
}
.ionicStyle .ion-document:before {
  content: "\f12f";
}
.ionicStyle .ion-document-text:before {
  content: "\f12e";
}
.ionicStyle .ion-drag:before {
  content: "\f130";
}
.ionicStyle .ion-earth:before {
  content: "\f276";
}
.ionicStyle .ion-edit:before {
  content: "\f2bf";
}
.ionicStyle .ion-egg:before {
  content: "\f277";
}
.ionicStyle .ion-eject:before {
  content: "\f131";
}
.ionicStyle .ion-email:before {
  content: "\f132";
}
.ionicStyle .ion-eye:before {
  content: "\f133";
}
.ionicStyle .ion-eye-disabled:before {
  content: "\f306";
}
.ionicStyle .ion-female:before {
  content: "\f278";
}
.ionicStyle .ion-filing:before {
  content: "\f134";
}
.ionicStyle .ion-film-marker:before {
  content: "\f135";
}
.ionicStyle .ion-fireball:before {
  content: "\f319";
}
.ionicStyle .ion-flag:before {
  content: "\f279";
}
.ionicStyle .ion-flame:before {
  content: "\f31a";
}
.ionicStyle .ion-flash:before {
  content: "\f137";
}
.ionicStyle .ion-flash-off:before {
  content: "\f136";
}
.ionicStyle .ion-flask:before {
  content: "\f138";
}
.ionicStyle .ion-folder:before {
  content: "\f139";
}
.ionicStyle .ion-fork:before {
  content: "\f27a";
}
.ionicStyle .ion-fork-repo:before {
  content: "\f2c0";
}
.ionicStyle .ion-forward:before {
  content: "\f13a";
}
.ionicStyle .ion-funnel:before {
  content: "\f31b";
}
.ionicStyle .ion-game-controller-a:before {
  content: "\f13b";
}
.ionicStyle .ion-game-controller-b:before {
  content: "\f13c";
}
.ionicStyle .ion-gear-a:before {
  content: "\f13d";
}
.ionicStyle .ion-gear-b:before {
  content: "\f13e";
}
.ionicStyle .ion-grid:before {
  content: "\f13f";
}
.ionicStyle .ion-hammer:before {
  content: "\f27b";
}
.ionicStyle .ion-happy:before {
  content: "\f31c";
}
.ionicStyle .ion-headphone:before {
  content: "\f140";
}
.ionicStyle .ion-heart:before {
  content: "\f141";
}
.ionicStyle .ion-heart-broken:before {
  content: "\f31d";
}
.ionicStyle .ion-help:before {
  content: "\f143";
}
.ionicStyle .ion-help-buoy:before {
  content: "\f27c";
}
.ionicStyle .ion-help-circled:before {
  content: "\f142";
}
.ionicStyle .ion-home:before {
  content: "\f144";
}
.ionicStyle .ion-icecream:before {
  content: "\f27d";
}
.ionicStyle .ion-icon-social-google-plus:before {
  content: "\f146";
}
.ionicStyle .ion-icon-social-google-plus-outline:before {
  content: "\f145";
}
.ionicStyle .ion-image:before {
  content: "\f147";
}
.ionicStyle .ion-images:before {
  content: "\f148";
}
.ionicStyle .ion-information:before {
  content: "\f14a";
}
.ionicStyle .ion-information-circled:before {
  content: "\f149";
}
.ionicStyle .ion-ionic:before {
  content: "\f14b";
}
.ionicStyle .ion-ios7-alarm:before {
  content: "\f14d";
}
.ionicStyle .ion-ios7-alarm-outline:before {
  content: "\f14c";
}
.ionicStyle .ion-ios7-albums:before {
  content: "\f14f";
}
.ionicStyle .ion-ios7-albums-outline:before {
  content: "\f14e";
}
.ionicStyle .ion-ios7-americanfootball:before {
  content: "\f31f";
}
.ionicStyle .ion-ios7-americanfootball-outline:before {
  content: "\f31e";
}
.ionicStyle .ion-ios7-analytics:before {
  content: "\f321";
}
.ionicStyle .ion-ios7-analytics-outline:before {
  content: "\f320";
}
.ionicStyle .ion-ios7-arrow-back:before {
  content: "\f150";
}
.ionicStyle .ion-ios7-arrow-down:before {
  content: "\f151";
}
.ionicStyle .ion-ios7-arrow-forward:before {
  content: "\f152";
}
.ionicStyle .ion-ios7-arrow-left:before {
  content: "\f153";
}
.ionicStyle .ion-ios7-arrow-right:before {
  content: "\f154";
}
.ionicStyle .ion-ios7-arrow-thin-down:before {
  content: "\f27e";
}
.ionicStyle .ion-ios7-arrow-thin-left:before {
  content: "\f27f";
}
.ionicStyle .ion-ios7-arrow-thin-right:before {
  content: "\f280";
}
.ionicStyle .ion-ios7-arrow-thin-up:before {
  content: "\f281";
}
.ionicStyle .ion-ios7-arrow-up:before {
  content: "\f155";
}
.ionicStyle .ion-ios7-at:before {
  content: "\f157";
}
.ionicStyle .ion-ios7-at-outline:before {
  content: "\f156";
}
.ionicStyle .ion-ios7-barcode:before {
  content: "\f323";
}
.ionicStyle .ion-ios7-barcode-outline:before {
  content: "\f322";
}
.ionicStyle .ion-ios7-baseball:before {
  content: "\f325";
}
.ionicStyle .ion-ios7-baseball-outline:before {
  content: "\f324";
}
.ionicStyle .ion-ios7-basketball:before {
  content: "\f327";
}
.ionicStyle .ion-ios7-basketball-outline:before {
  content: "\f326";
}
.ionicStyle .ion-ios7-bell:before {
  content: "\f159";
}
.ionicStyle .ion-ios7-bell-outline:before {
  content: "\f158";
}
.ionicStyle .ion-ios7-bolt:before {
  content: "\f15b";
}
.ionicStyle .ion-ios7-bolt-outline:before {
  content: "\f15a";
}
.ionicStyle .ion-ios7-bookmarks:before {
  content: "\f15d";
}
.ionicStyle .ion-ios7-bookmarks-outline:before {
  content: "\f15c";
}
.ionicStyle .ion-ios7-box:before {
  content: "\f15f";
}
.ionicStyle .ion-ios7-box-outline:before {
  content: "\f15e";
}
.ionicStyle .ion-ios7-briefcase:before {
  content: "\f283";
}
.ionicStyle .ion-ios7-briefcase-outline:before {
  content: "\f282";
}
.ionicStyle .ion-ios7-browsers:before {
  content: "\f161";
}
.ionicStyle .ion-ios7-browsers-outline:before {
  content: "\f160";
}
.ionicStyle .ion-ios7-calculator:before {
  content: "\f285";
}
.ionicStyle .ion-ios7-calculator-outline:before {
  content: "\f284";
}
.ionicStyle .ion-ios7-calendar:before {
  content: "\f163";
}
.ionicStyle .ion-ios7-calendar-outline:before {
  content: "\f162";
}
.ionicStyle .ion-ios7-camera:before {
  content: "\f165";
}
.ionicStyle .ion-ios7-camera-outline:before {
  content: "\f164";
}
.ionicStyle .ion-ios7-cart:before {
  content: "\f167";
}
.ionicStyle .ion-ios7-cart-outline:before {
  content: "\f166";
}
.ionicStyle .ion-ios7-chatboxes:before {
  content: "\f169";
}
.ionicStyle .ion-ios7-chatboxes-outline:before {
  content: "\f168";
}
.ionicStyle .ion-ios7-chatbubble:before {
  content: "\f16b";
}
.ionicStyle .ion-ios7-chatbubble-outline:before {
  content: "\f16a";
}
.ionicStyle .ion-ios7-checkmark:before {
  content: "\f16e";
}
.ionicStyle .ion-ios7-checkmark-empty:before {
  content: "\f16c";
}
.ionicStyle .ion-ios7-checkmark-outline:before {
  content: "\f16d";
}
.ionicStyle .ion-ios7-circle-filled:before {
  content: "\f16f";
}
.ionicStyle .ion-ios7-circle-outline:before {
  content: "\f170";
}
.ionicStyle .ion-ios7-clock:before {
  content: "\f172";
}
.ionicStyle .ion-ios7-clock-outline:before {
  content: "\f171";
}
.ionicStyle .ion-ios7-close:before {
  content: "\f2bc";
}
.ionicStyle .ion-ios7-close-empty:before {
  content: "\f2bd";
}
.ionicStyle .ion-ios7-close-outline:before {
  content: "\f2bb";
}
.ionicStyle .ion-ios7-cloud:before {
  content: "\f178";
}
.ionicStyle .ion-ios7-cloud-download:before {
  content: "\f174";
}
.ionicStyle .ion-ios7-cloud-download-outline:before {
  content: "\f173";
}
.ionicStyle .ion-ios7-cloud-outline:before {
  content: "\f175";
}
.ionicStyle .ion-ios7-cloud-upload:before {
  content: "\f177";
}
.ionicStyle .ion-ios7-cloud-upload-outline:before {
  content: "\f176";
}
.ionicStyle .ion-ios7-cloudy:before {
  content: "\f17a";
}
.ionicStyle .ion-ios7-cloudy-night:before {
  content: "\f308";
}
.ionicStyle .ion-ios7-cloudy-night-outline:before {
  content: "\f307";
}
.ionicStyle .ion-ios7-cloudy-outline:before {
  content: "\f179";
}
.ionicStyle .ion-ios7-cog:before {
  content: "\f17c";
}
.ionicStyle .ion-ios7-cog-outline:before {
  content: "\f17b";
}
.ionicStyle .ion-ios7-compose:before {
  content: "\f17e";
}
.ionicStyle .ion-ios7-compose-outline:before {
  content: "\f17d";
}
.ionicStyle .ion-ios7-contact:before {
  content: "\f180";
}
.ionicStyle .ion-ios7-contact-outline:before {
  content: "\f17f";
}
.ionicStyle .ion-ios7-copy:before {
  content: "\f182";
}
.ionicStyle .ion-ios7-copy-outline:before {
  content: "\f181";
}
.ionicStyle .ion-ios7-download:before {
  content: "\f184";
}
.ionicStyle .ion-ios7-download-outline:before {
  content: "\f183";
}
.ionicStyle .ion-ios7-drag:before {
  content: "\f185";
}
.ionicStyle .ion-ios7-email:before {
  content: "\f187";
}
.ionicStyle .ion-ios7-email-outline:before {
  content: "\f186";
}
.ionicStyle .ion-ios7-expand:before {
  content: "\f30d";
}
.ionicStyle .ion-ios7-eye:before {
  content: "\f189";
}
.ionicStyle .ion-ios7-eye-outline:before {
  content: "\f188";
}
.ionicStyle .ion-ios7-fastforward:before {
  content: "\f18b";
}
.ionicStyle .ion-ios7-fastforward-outline:before {
  content: "\f18a";
}
.ionicStyle .ion-ios7-filing:before {
  content: "\f18d";
}
.ionicStyle .ion-ios7-filing-outline:before {
  content: "\f18c";
}
.ionicStyle .ion-ios7-film:before {
  content: "\f18f";
}
.ionicStyle .ion-ios7-film-outline:before {
  content: "\f18e";
}
.ionicStyle .ion-ios7-flag:before {
  content: "\f191";
}
.ionicStyle .ion-ios7-flag-outline:before {
  content: "\f190";
}
.ionicStyle .ion-ios7-folder:before {
  content: "\f193";
}
.ionicStyle .ion-ios7-folder-outline:before {
  content: "\f192";
}
.ionicStyle .ion-ios7-football:before {
  content: "\f329";
}
.ionicStyle .ion-ios7-football-outline:before {
  content: "\f328";
}
.ionicStyle .ion-ios7-gear:before {
  content: "\f195";
}
.ionicStyle .ion-ios7-gear-outline:before {
  content: "\f194";
}
.ionicStyle .ion-ios7-glasses:before {
  content: "\f197";
}
.ionicStyle .ion-ios7-glasses-outline:before {
  content: "\f196";
}
.ionicStyle .ion-ios7-heart:before {
  content: "\f199";
}
.ionicStyle .ion-ios7-heart-outline:before {
  content: "\f198";
}
.ionicStyle .ion-ios7-help:before {
  content: "\f19c";
}
.ionicStyle .ion-ios7-help-empty:before {
  content: "\f19a";
}
.ionicStyle .ion-ios7-help-outline:before {
  content: "\f19b";
}
.ionicStyle .ion-ios7-home:before {
  content: "\f32b";
}
.ionicStyle .ion-ios7-home-outline:before {
  content: "\f32a";
}
.ionicStyle .ion-ios7-infinite:before {
  content: "\f19e";
}
.ionicStyle .ion-ios7-infinite-outline:before {
  content: "\f19d";
}
.ionicStyle .ion-ios7-information:before {
  content: "\f1a1";
}
.ionicStyle .ion-ios7-information-empty:before {
  content: "\f19f";
}
.ionicStyle .ion-ios7-information-outline:before {
  content: "\f1a0";
}
.ionicStyle .ion-ios7-ionic-outline:before {
  content: "\f1a2";
}
.ionicStyle .ion-ios7-keypad:before {
  content: "\f1a4";
}
.ionicStyle .ion-ios7-keypad-outline:before {
  content: "\f1a3";
}
.ionicStyle .ion-ios7-lightbulb:before {
  content: "\f287";
}
.ionicStyle .ion-ios7-lightbulb-outline:before {
  content: "\f286";
}
.ionicStyle .ion-ios7-location:before {
  content: "\f1a6";
}
.ionicStyle .ion-ios7-location-outline:before {
  content: "\f1a5";
}
.ionicStyle .ion-ios7-locked:before {
  content: "\f1a8";
}
.ionicStyle .ion-ios7-locked-outline:before {
  content: "\f1a7";
}
.ionicStyle .ion-ios7-loop:before {
  content: "\f32d";
}
.ionicStyle .ion-ios7-loop-strong:before {
  content: "\f32c";
}
.ionicStyle .ion-ios7-medkit:before {
  content: "\f289";
}
.ionicStyle .ion-ios7-medkit-outline:before {
  content: "\f288";
}
.ionicStyle .ion-ios7-mic:before {
  content: "\f1ab";
}
.ionicStyle .ion-ios7-mic-off:before {
  content: "\f1a9";
}
.ionicStyle .ion-ios7-mic-outline:before {
  content: "\f1aa";
}
.ionicStyle .ion-ios7-minus:before {
  content: "\f1ae";
}
.ionicStyle .ion-ios7-minus-empty:before {
  content: "\f1ac";
}
.ionicStyle .ion-ios7-minus-outline:before {
  content: "\f1ad";
}
.ionicStyle .ion-ios7-monitor:before {
  content: "\f1b0";
}
.ionicStyle .ion-ios7-monitor-outline:before {
  content: "\f1af";
}
.ionicStyle .ion-ios7-moon:before {
  content: "\f1b2";
}
.ionicStyle .ion-ios7-moon-outline:before {
  content: "\f1b1";
}
.ionicStyle .ion-ios7-more:before {
  content: "\f1b4";
}
.ionicStyle .ion-ios7-more-outline:before {
  content: "\f1b3";
}
.ionicStyle .ion-ios7-musical-note:before {
  content: "\f1b5";
}
.ionicStyle .ion-ios7-musical-notes:before {
  content: "\f1b6";
}
.ionicStyle .ion-ios7-navigate:before {
  content: "\f1b8";
}
.ionicStyle .ion-ios7-navigate-outline:before {
  content: "\f1b7";
}
.ionicStyle .ion-ios7-paper:before {
  content: "\f32f";
}
.ionicStyle .ion-ios7-paper-outline:before {
  content: "\f32e";
}
.ionicStyle .ion-ios7-paperplane:before {
  content: "\f1ba";
}
.ionicStyle .ion-ios7-paperplane-outline:before {
  content: "\f1b9";
}
.ionicStyle .ion-ios7-partlysunny:before {
  content: "\f1bc";
}
.ionicStyle .ion-ios7-partlysunny-outline:before {
  content: "\f1bb";
}
.ionicStyle .ion-ios7-pause:before {
  content: "\f1be";
}
.ionicStyle .ion-ios7-pause-outline:before {
  content: "\f1bd";
}
.ionicStyle .ion-ios7-paw:before {
  content: "\f331";
}
.ionicStyle .ion-ios7-paw-outline:before {
  content: "\f330";
}
.ionicStyle .ion-ios7-people:before {
  content: "\f1c0";
}
.ionicStyle .ion-ios7-people-outline:before {
  content: "\f1bf";
}
.ionicStyle .ion-ios7-person:before {
  content: "\f1c2";
}
.ionicStyle .ion-ios7-person-outline:before {
  content: "\f1c1";
}
.ionicStyle .ion-ios7-personadd:before {
  content: "\f1c4";
}
.ionicStyle .ion-ios7-personadd-outline:before {
  content: "\f1c3";
}
.ionicStyle .ion-ios7-photos:before {
  content: "\f1c6";
}
.ionicStyle .ion-ios7-photos-outline:before {
  content: "\f1c5";
}
.ionicStyle .ion-ios7-pie:before {
  content: "\f28b";
}
.ionicStyle .ion-ios7-pie-outline:before {
  content: "\f28a";
}
.ionicStyle .ion-ios7-play:before {
  content: "\f1c8";
}
.ionicStyle .ion-ios7-play-outline:before {
  content: "\f1c7";
}
.ionicStyle .ion-ios7-plus:before {
  content: "\f1cb";
}
.ionicStyle .ion-ios7-plus-empty:before {
  content: "\f1c9";
}
.ionicStyle .ion-ios7-plus-outline:before {
  content: "\f1ca";
}
.ionicStyle .ion-ios7-pricetag:before {
  content: "\f28d";
}
.ionicStyle .ion-ios7-pricetag-outline:before {
  content: "\f28c";
}
.ionicStyle .ion-ios7-pricetags:before {
  content: "\f333";
}
.ionicStyle .ion-ios7-pricetags-outline:before {
  content: "\f332";
}
.ionicStyle .ion-ios7-printer:before {
  content: "\f1cd";
}
.ionicStyle .ion-ios7-printer-outline:before {
  content: "\f1cc";
}
.ionicStyle .ion-ios7-pulse:before {
  content: "\f335";
}
.ionicStyle .ion-ios7-pulse-strong:before {
  content: "\f334";
}
.ionicStyle .ion-ios7-rainy:before {
  content: "\f1cf";
}
.ionicStyle .ion-ios7-rainy-outline:before {
  content: "\f1ce";
}
.ionicStyle .ion-ios7-recording:before {
  content: "\f1d1";
}
.ionicStyle .ion-ios7-recording-outline:before {
  content: "\f1d0";
}
.ionicStyle .ion-ios7-redo:before {
  content: "\f1d3";
}
.ionicStyle .ion-ios7-redo-outline:before {
  content: "\f1d2";
}
.ionicStyle .ion-ios7-refresh:before {
  content: "\f1d6";
}
.ionicStyle .ion-ios7-refresh-empty:before {
  content: "\f1d4";
}
.ionicStyle .ion-ios7-refresh-outline:before {
  content: "\f1d5";
}
.ionicStyle .ion-ios7-reload:before,
.ionicStyle .ion-ios7-reloading:before {
  content: "\f28e";
}
.ionicStyle .ion-ios7-reverse-camera:before {
  content: "\f337";
}
.ionicStyle .ion-ios7-reverse-camera-outline:before {
  content: "\f336";
}
.ionicStyle .ion-ios7-rewind:before {
  content: "\f1d8";
}
.ionicStyle .ion-ios7-rewind-outline:before {
  content: "\f1d7";
}
.ionicStyle .ion-ios7-search:before {
  content: "\f1da";
}
.ionicStyle .ion-ios7-search-strong:before {
  content: "\f1d9";
}
.ionicStyle .ion-ios7-settings:before {
  content: "\f339";
}
.ionicStyle .ion-ios7-settings-strong:before {
  content: "\f338";
}
.ionicStyle .ion-ios7-shrink:before {
  content: "\f30e";
}
.ionicStyle .ion-ios7-skipbackward:before {
  content: "\f1dc";
}
.ionicStyle .ion-ios7-skipbackward-outline:before {
  content: "\f1db";
}
.ionicStyle .ion-ios7-skipforward:before {
  content: "\f1de";
}
.ionicStyle .ion-ios7-skipforward-outline:before {
  content: "\f1dd";
}
.ionicStyle .ion-ios7-snowy:before {
  content: "\f309";
}
.ionicStyle .ion-ios7-speedometer:before {
  content: "\f290";
}
.ionicStyle .ion-ios7-speedometer-outline:before {
  content: "\f28f";
}
.ionicStyle .ion-ios7-star:before {
  content: "\f1e0";
}
.ionicStyle .ion-ios7-star-half:before {
  content: "\f33a";
}
.ionicStyle .ion-ios7-star-outline:before {
  content: "\f1df";
}
.ionicStyle .ion-ios7-stopwatch:before {
  content: "\f1e2";
}
.ionicStyle .ion-ios7-stopwatch-outline:before {
  content: "\f1e1";
}
.ionicStyle .ion-ios7-sunny:before {
  content: "\f1e4";
}
.ionicStyle .ion-ios7-sunny-outline:before {
  content: "\f1e3";
}
.ionicStyle .ion-ios7-telephone:before {
  content: "\f1e6";
}
.ionicStyle .ion-ios7-telephone-outline:before {
  content: "\f1e5";
}
.ionicStyle .ion-ios7-tennisball:before {
  content: "\f33c";
}
.ionicStyle .ion-ios7-tennisball-outline:before {
  content: "\f33b";
}
.ionicStyle .ion-ios7-thunderstorm:before {
  content: "\f1e8";
}
.ionicStyle .ion-ios7-thunderstorm-outline:before {
  content: "\f1e7";
}
.ionicStyle .ion-ios7-time:before {
  content: "\f292";
}
.ionicStyle .ion-ios7-time-outline:before {
  content: "\f291";
}
.ionicStyle .ion-ios7-timer:before {
  content: "\f1ea";
}
.ionicStyle .ion-ios7-timer-outline:before {
  content: "\f1e9";
}
.ionicStyle .ion-ios7-toggle:before {
  content: "\f33e";
}
.ionicStyle .ion-ios7-toggle-outline:before {
  content: "\f33d";
}
.ionicStyle .ion-ios7-trash:before {
  content: "\f1ec";
}
.ionicStyle .ion-ios7-trash-outline:before {
  content: "\f1eb";
}
.ionicStyle .ion-ios7-undo:before {
  content: "\f1ee";
}
.ionicStyle .ion-ios7-undo-outline:before {
  content: "\f1ed";
}
.ionicStyle .ion-ios7-unlocked:before {
  content: "\f1f0";
}
.ionicStyle .ion-ios7-unlocked-outline:before {
  content: "\f1ef";
}
.ionicStyle .ion-ios7-upload:before {
  content: "\f1f2";
}
.ionicStyle .ion-ios7-upload-outline:before {
  content: "\f1f1";
}
.ionicStyle .ion-ios7-videocam:before {
  content: "\f1f4";
}
.ionicStyle .ion-ios7-videocam-outline:before {
  content: "\f1f3";
}
.ionicStyle .ion-ios7-volume-high:before {
  content: "\f1f5";
}
.ionicStyle .ion-ios7-volume-low:before {
  content: "\f1f6";
}
.ionicStyle .ion-ios7-wineglass:before {
  content: "\f294";
}
.ionicStyle .ion-ios7-wineglass-outline:before {
  content: "\f293";
}
.ionicStyle .ion-ios7-world:before {
  content: "\f1f8";
}
.ionicStyle .ion-ios7-world-outline:before {
  content: "\f1f7";
}
.ionicStyle .ion-ipad:before {
  content: "\f1f9";
}
.ionicStyle .ion-iphone:before {
  content: "\f1fa";
}
.ionicStyle .ion-ipod:before {
  content: "\f1fb";
}
.ionicStyle .ion-jet:before {
  content: "\f295";
}
.ionicStyle .ion-key:before {
  content: "\f296";
}
.ionicStyle .ion-knife:before {
  content: "\f297";
}
.ionicStyle .ion-laptop:before {
  content: "\f1fc";
}
.ionicStyle .ion-leaf:before {
  content: "\f1fd";
}
.ionicStyle .ion-levels:before {
  content: "\f298";
}
.ionicStyle .ion-lightbulb:before {
  content: "\f299";
}
.ionicStyle .ion-link:before {
  content: "\f1fe";
}
.ionicStyle .ion-load-a:before,
.ionicStyle .ion-loading-a:before {
  content: "\f29a";
}
.ionicStyle .ion-load-b:before,
.ionicStyle .ion-loading-b:before {
  content: "\f29b";
}
.ionicStyle .ion-load-c:before,
.ionicStyle .ion-loading-c:before {
  content: "\f29c";
}
.ionicStyle .ion-load-d:before,
.ionicStyle .ion-loading-d:before {
  content: "\f29d";
}
.ionicStyle .ion-location:before {
  content: "\f1ff";
}
.ionicStyle .ion-locked:before {
  content: "\f200";
}
.ionicStyle .ion-log-in:before {
  content: "\f29e";
}
.ionicStyle .ion-log-out:before {
  content: "\f29f";
}
.ionicStyle .ion-loop:before,
.ionicStyle .ion-looping:before {
  content: "\f201";
}
.ionicStyle .ion-magnet:before {
  content: "\f2a0";
}
.ionicStyle .ion-male:before {
  content: "\f2a1";
}
.ionicStyle .ion-man:before {
  content: "\f202";
}
.ionicStyle .ion-map:before {
  content: "\f203";
}
.ionicStyle .ion-medkit:before {
  content: "\f2a2";
}
.ionicStyle .ion-merge:before {
  content: "\f33f";
}
.ionicStyle .ion-mic-a:before {
  content: "\f204";
}
.ionicStyle .ion-mic-b:before {
  content: "\f205";
}
.ionicStyle .ion-mic-c:before {
  content: "\f206";
}
.ionicStyle .ion-minus:before {
  content: "\f209";
}
.ionicStyle .ion-minus-circled:before {
  content: "\f207";
}
.ionicStyle .ion-minus-round:before {
  content: "\f208";
}
.ionicStyle .ion-model-s:before {
  content: "\f2c1";
}
.ionicStyle .ion-monitor:before {
  content: "\f20a";
}
.ionicStyle .ion-more:before {
  content: "\f20b";
}
.ionicStyle .ion-mouse:before {
  content: "\f340";
}
.ionicStyle .ion-music-note:before {
  content: "\f20c";
}
.ionicStyle .ion-navicon:before {
  content: "\f20e";
}
.ionicStyle .ion-navicon-round:before {
  content: "\f20d";
}
.ionicStyle .ion-navigate:before {
  content: "\f2a3";
}
.ionicStyle .ion-network:before {
  content: "\f341";
}
.ionicStyle .ion-no-smoking:before {
  content: "\f2c2";
}
.ionicStyle .ion-nuclear:before {
  content: "\f2a4";
}
.ionicStyle .ion-outlet:before {
  content: "\f342";
}
.ionicStyle .ion-paper-airplane:before {
  content: "\f2c3";
}
.ionicStyle .ion-paperclip:before {
  content: "\f20f";
}
.ionicStyle .ion-pause:before {
  content: "\f210";
}
.ionicStyle .ion-person:before {
  content: "\f213";
}
.ionicStyle .ion-person-add:before {
  content: "\f211";
}
.ionicStyle .ion-person-stalker:before {
  content: "\f212";
}
.ionicStyle .ion-pie-graph:before {
  content: "\f2a5";
}
.ionicStyle .ion-pin:before {
  content: "\f2a6";
}
.ionicStyle .ion-pinpoint:before {
  content: "\f2a7";
}
.ionicStyle .ion-pizza:before {
  content: "\f2a8";
}
.ionicStyle .ion-plane:before {
  content: "\f214";
}
.ionicStyle .ion-planet:before {
  content: "\f343";
}
.ionicStyle .ion-play:before {
  content: "\f215";
}
.ionicStyle .ion-playstation:before {
  content: "\f30a";
}
.ionicStyle .ion-plus:before {
  content: "\f218";
}
.ionicStyle .ion-plus-circled:before {
  content: "\f216";
}
.ionicStyle .ion-plus-round:before {
  content: "\f217";
}
.ionicStyle .ion-podium:before {
  content: "\f344";
}
.ionicStyle .ion-pound:before {
  content: "\f219";
}
.ionicStyle .ion-power:before {
  content: "\f2a9";
}
.ionicStyle .ion-pricetag:before {
  content: "\f2aa";
}
.ionicStyle .ion-pricetags:before {
  content: "\f2ab";
}
.ionicStyle .ion-printer:before {
  content: "\f21a";
}
.ionicStyle .ion-pull-request:before {
  content: "\f345";
}
.ionicStyle .ion-qr-scanner:before {
  content: "\f346";
}
.ionicStyle .ion-quote:before {
  content: "\f347";
}
.ionicStyle .ion-radio-waves:before {
  content: "\f2ac";
}
.ionicStyle .ion-record:before {
  content: "\f21b";
}
.ionicStyle .ion-refresh:before,
.ionicStyle .ion-refreshing:before {
  content: "\f21c";
}
.ionicStyle .ion-reply:before {
  content: "\f21e";
}
.ionicStyle .ion-reply-all:before {
  content: "\f21d";
}
.ionicStyle .ion-ribbon-a:before {
  content: "\f348";
}
.ionicStyle .ion-ribbon-b:before {
  content: "\f349";
}
.ionicStyle .ion-sad:before {
  content: "\f34a";
}
.ionicStyle .ion-scissors:before {
  content: "\f34b";
}
.ionicStyle .ion-search:before {
  content: "\f21f";
}
.ionicStyle .ion-settings:before {
  content: "\f2ad";
}
.ionicStyle .ion-share:before {
  content: "\f220";
}
.ionicStyle .ion-shuffle:before {
  content: "\f221";
}
.ionicStyle .ion-skip-backward:before {
  content: "\f222";
}
.ionicStyle .ion-skip-forward:before {
  content: "\f223";
}
.ionicStyle .ion-social-android:before {
  content: "\f225";
}
.ionicStyle .ion-social-android-outline:before {
  content: "\f224";
}
.ionicStyle .ion-social-apple:before {
  content: "\f227";
}
.ionicStyle .ion-social-apple-outline:before {
  content: "\f226";
}
.ionicStyle .ion-social-bitcoin:before {
  content: "\f2af";
}
.ionicStyle .ion-social-bitcoin-outline:before {
  content: "\f2ae";
}
.ionicStyle .ion-social-buffer:before {
  content: "\f229";
}
.ionicStyle .ion-social-buffer-outline:before {
  content: "\f228";
}
.ionicStyle .ion-social-designernews:before {
  content: "\f22b";
}
.ionicStyle .ion-social-designernews-outline:before {
  content: "\f22a";
}
.ionicStyle .ion-social-dribbble:before {
  content: "\f22d";
}
.ionicStyle .ion-social-dribbble-outline:before {
  content: "\f22c";
}
.ionicStyle .ion-social-dropbox:before {
  content: "\f22f";
}
.ionicStyle .ion-social-dropbox-outline:before {
  content: "\f22e";
}
.ionicStyle .ion-social-facebook:before {
  content: "\f231";
}
.ionicStyle .ion-social-facebook-outline:before {
  content: "\f230";
}
.ionicStyle .ion-social-foursquare:before {
  content: "\f34d";
}
.ionicStyle .ion-social-foursquare-outline:before {
  content: "\f34c";
}
.ionicStyle .ion-social-freebsd-devil:before {
  content: "\f2c4";
}
.ionicStyle .ion-social-github:before {
  content: "\f233";
}
.ionicStyle .ion-social-github-outline:before {
  content: "\f232";
}
.ionicStyle .ion-social-google:before {
  content: "\f34f";
}
.ionicStyle .ion-social-google-outline:before {
  content: "\f34e";
}
.ionicStyle .ion-social-googleplus:before {
  content: "\f235";
}
.ionicStyle .ion-social-googleplus-outline:before {
  content: "\f234";
}
.ionicStyle .ion-social-hackernews:before {
  content: "\f237";
}
.ionicStyle .ion-social-hackernews-outline:before {
  content: "\f236";
}
.ionicStyle .ion-social-instagram:before {
  content: "\f351";
}
.ionicStyle .ion-social-instagram-outline:before {
  content: "\f350";
}
.ionicStyle .ion-social-linkedin:before {
  content: "\f239";
}
.ionicStyle .ion-social-linkedin-outline:before {
  content: "\f238";
}
.ionicStyle .ion-social-pinterest:before {
  content: "\f2b1";
}
.ionicStyle .ion-social-pinterest-outline:before {
  content: "\f2b0";
}
.ionicStyle .ion-social-reddit:before {
  content: "\f23b";
}
.ionicStyle .ion-social-reddit-outline:before {
  content: "\f23a";
}
.ionicStyle .ion-social-rss:before {
  content: "\f23d";
}
.ionicStyle .ion-social-rss-outline:before {
  content: "\f23c";
}
.ionicStyle .ion-social-skype:before {
  content: "\f23f";
}
.ionicStyle .ion-social-skype-outline:before {
  content: "\f23e";
}
.ionicStyle .ion-social-tumblr:before {
  content: "\f241";
}
.ionicStyle .ion-social-tumblr-outline:before {
  content: "\f240";
}
.ionicStyle .ion-social-tux:before {
  content: "\f2c5";
}
.ionicStyle .ion-social-twitter:before {
  content: "\f243";
}
.ionicStyle .ion-social-twitter-outline:before {
  content: "\f242";
}
.ionicStyle .ion-social-usd:before {
  content: "\f353";
}
.ionicStyle .ion-social-usd-outline:before {
  content: "\f352";
}
.ionicStyle .ion-social-vimeo:before {
  content: "\f245";
}
.ionicStyle .ion-social-vimeo-outline:before {
  content: "\f244";
}
.ionicStyle .ion-social-windows:before {
  content: "\f247";
}
.ionicStyle .ion-social-windows-outline:before {
  content: "\f246";
}
.ionicStyle .ion-social-wordpress:before {
  content: "\f249";
}
.ionicStyle .ion-social-wordpress-outline:before {
  content: "\f248";
}
.ionicStyle .ion-social-yahoo:before {
  content: "\f24b";
}
.ionicStyle .ion-social-yahoo-outline:before {
  content: "\f24a";
}
.ionicStyle .ion-social-youtube:before {
  content: "\f24d";
}
.ionicStyle .ion-social-youtube-outline:before {
  content: "\f24c";
}
.ionicStyle .ion-speakerphone:before {
  content: "\f2b2";
}
.ionicStyle .ion-speedometer:before {
  content: "\f2b3";
}
.ionicStyle .ion-spoon:before {
  content: "\f2b4";
}
.ionicStyle .ion-star:before {
  content: "\f24e";
}
.ionicStyle .ion-stats-bars:before {
  content: "\f2b5";
}
.ionicStyle .ion-steam:before {
  content: "\f30b";
}
.ionicStyle .ion-stop:before {
  content: "\f24f";
}
.ionicStyle .ion-thermometer:before {
  content: "\f2b6";
}
.ionicStyle .ion-thumbsdown:before {
  content: "\f250";
}
.ionicStyle .ion-thumbsup:before {
  content: "\f251";
}
.ionicStyle .ion-toggle:before {
  content: "\f355";
}
.ionicStyle .ion-toggle-filled:before {
  content: "\f354";
}
.ionicStyle .ion-trash-a:before {
  content: "\f252";
}
.ionicStyle .ion-trash-b:before {
  content: "\f253";
}
.ionicStyle .ion-trophy:before {
  content: "\f356";
}
.ionicStyle .ion-umbrella:before {
  content: "\f2b7";
}
.ionicStyle .ion-university:before {
  content: "\f357";
}
.ionicStyle .ion-unlocked:before {
  content: "\f254";
}
.ionicStyle .ion-upload:before {
  content: "\f255";
}
.ionicStyle .ion-usb:before {
  content: "\f2b8";
}
.ionicStyle .ion-videocamera:before {
  content: "\f256";
}
.ionicStyle .ion-volume-high:before {
  content: "\f257";
}
.ionicStyle .ion-volume-low:before {
  content: "\f258";
}
.ionicStyle .ion-volume-medium:before {
  content: "\f259";
}
.ionicStyle .ion-volume-mute:before {
  content: "\f25a";
}
.ionicStyle .ion-wand:before {
  content: "\f358";
}
.ionicStyle .ion-waterdrop:before {
  content: "\f25b";
}
.ionicStyle .ion-wifi:before {
  content: "\f25c";
}
.ionicStyle .ion-wineglass:before {
  content: "\f2b9";
}
.ionicStyle .ion-woman:before {
  content: "\f25d";
}
.ionicStyle .ion-wrench:before {
  content: "\f2ba";
}
.ionicStyle .ion-xbox:before {
  content: "\f30c";
}
.ionicStyle .bottomOption a {
  padding: 6px 49px 6px 16px !important;
}
.ionicStyle .bottomOption a p {
  font-size: 12px !important;
}
.section-title {
  font-weight: 400;
}
.title {
  font-size: 16px;
  font-weight: 300;
}
.headline {
  line-height: 1em;
  margin-top: 10px;
  font-size: 26px;
  font-weight: lighter;
}
.indicator {
  max-width: 10px;
  margin-top: 32px;
}
.textBlack {
  font-size: 14px !important;
  color: #000 !important;
}
.subText {
  font-size: 12px !important;
  color: #999 !important;
}
.subTextBlack {
  font-size: 12px !important;
  color: #000 !important;
}
.balance {
  font-size: 12px;
}
.credit {
  font-size: 12px;
  color: #04b708;
}
.debit {
  font-size: 12px;
  color: #b70300;
}
.lastItem {
  border-bottom: none;
}
.font12px {
  font-size: 12px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.text-normal {
  font-size: 14px;
}
.text-wrap {
  white-space: normal !important;
}
.no-padding {
  padding: 0 !important;
}
.item-floating-label .input-label {
  margin-bottom: -10px;
  font-size: 12px;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
#cashlessAccountContainer {
  margin: 15px;
}
#cashlessAccountContainer #cashlessAccountOptions #accountOptions {
  padding: 15px;
  background-color: #E0F0FA;
  margin-bottom: 15px;
}
#cashlessAccountContainer #cashlessAccountOptions #accountOptions h2 {
  margin-top: 0;
}
#cashlessAccountContainer #cashlessAccountOptions #accountOptions .checkboxMatchOption {
  margin-right: 20px;
}
#cashlessAccountContainer #cashlessAccountOptions select {
  width: 300px;
  margin-right: 10px;
}
#cashlessAccountContainer #cashlessAccountOptions .searchResults {
  float: right;
}
#cashlessAccountContainer #cashlessAccountOptions .searchResults .itemCount {
  margin: 10px 0;
}
#cashlessAccountContainer #cashlessAccountOptions .searchResults .btn-green {
  background-color: #E0F0FA;
  border-color: #0B61BD;
  color: #ffffff;
}
#cashlessAccountContainer #cashlessAccountOptions .searchResults .btn-green:hover,
#cashlessAccountContainer #cashlessAccountOptions .searchResults .btn-green:focus {
  color: #ffffff;
  background-color: #798087;
}
#cashlessAccountContainer #balanceAdjusterDataContainer {
  overflow-y: scroll;
  min-height: 360px;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table {
  width: 100%;
  padding: 15px;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table thead tr {
  background-color: #E0F0FA;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table thead tr th {
  padding: 10px 10px;
  text-align: left;
  vertical-align: middle;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table thead tr th #selectAllPagesContainer #selectAllPagesBackground {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table thead tr th #selectAllPagesContainer #selectAllPagesMessage {
  position: absolute;
  margin-top: -43px;
  margin-left: 20px;
  padding: 7px 12px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  z-index: 100000000;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table thead tr th #selectAllPagesContainer #selectAllPagesMessage.deselected {
  width: 380px;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table thead tr th #selectAllPagesContainer #selectAllPagesMessage.selected {
  width: 365px;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table thead tr th #selectAllPagesContainer #selectAllPagesMessage p {
  display: inline-block;
  margin-right: 12px;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table thead tr th.priceValue {
  width: 90px;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table thead tr th .dropdown {
  border-collapse: collapse;
  box-sizing: border-box;
  color: #333333;
  display: block;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table thead tr th .dropdown .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table thead tr th .dropdown .btn-default .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table thead tr th .dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
#cashlessAccountContainer #balanceAdjusterDataContainer table thead tr th .dropdown .dropdown-menu li.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table thead tr th .dropdown .dropdown-menu li.divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table thead tr th .dropdown .dropdown-menu li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  display: table-cell;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn .gridFilterClearSearch {
  margin-top: -10px;
  padding: 2px 4px;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn .gridFilterClearSearch .glyphicons {
  margin-right: 0;
  margin-top: -1px;
  vertical-align: top;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table thead tr th .dropdown.open .dropdown-menu {
  display: block;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table thead tr th.createdDate {
  min-width: 150px;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table thead tr th.updatedDate {
  min-width: 150px;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table tbody tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #fbfbfb;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table tbody tr td {
  padding: 6px 10px;
  text-align: left;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table tbody tr td.selectValue {
  min-width: 80px;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table tbody tr td.idValue {
  min-width: 90px;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table tbody tr td.forenameValue {
  min-width: 120px;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table tbody tr td.surnameValue {
  min-width: 110px;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table tbody tr td.dateOfBirthValue {
  min-width: 130px;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table tbody tr td.matchTypeValue {
  min-width: 130px;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table tbody tr td.hiddenValue {
  min-width: 100px;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table tbody tr td.guidValue {
  min-width: 80px;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table tbody tr td.providerIdValue {
  min-width: 120px;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table tbody tr td.additionalIdValue {
  min-width: 130px;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table tbody tr td.priceValue {
  min-width: 130px;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table tbody tr td.currentBalance {
  min-width: 150px;
  color: #006ce3;
  cursor: pointer;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table tbody tr td.adjustment {
  min-width: 120px;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table tbody tr td.reason {
  min-width: 250px;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table tbody tr td input {
  margin-bottom: 0px;
  padding: 3px;
}
#cashlessAccountContainer #balanceAdjusterDataContainer table tbody tr td input[type=number]::-webkit-inner-spin-button,
#cashlessAccountContainer #balanceAdjusterDataContainer table tbody tr td input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
#cashlessAccountLinkManagerContainer {
  margin: 15px;
}
#cashlessAccountLinkManagerContainer #cashlessAccountOptions #accountOptions {
  padding: 15px;
  background-color: #E0F0FA;
  margin-bottom: 15px;
}
#cashlessAccountLinkManagerContainer #cashlessAccountOptions #accountOptions h2 {
  margin-top: 0;
}
#cashlessAccountLinkManagerContainer #cashlessAccountOptions #accountOptions .checkboxMatchOption {
  margin-right: 20px;
}
#cashlessAccountLinkManagerContainer #cashlessAccountOptions select {
  width: 300px;
  margin-right: 10px;
}
#cashlessAccountLinkManagerContainer #cashlessAccountOptions .searchResults {
  float: right;
}
#cashlessAccountLinkManagerContainer #cashlessAccountOptions .searchResults .itemCount {
  margin: 10px 0;
}
#cashlessAccountLinkManagerContainer #cashlessAccountOptions .searchResults .btn-green {
  background-color: #E0F0FA;
  border-color: #0B61BD;
  color: #ffffff;
}
#cashlessAccountLinkManagerContainer #cashlessAccountOptions .searchResults .btn-green:hover,
#cashlessAccountLinkManagerContainer #cashlessAccountOptions .searchResults .btn-green:focus {
  color: #ffffff;
  background-color: #798087;
}
#cashlessAccountLinkManagerContainer #balanceAdjusterDataContainer {
  overflow: scroll;
}
#cashlessAccountLinkManagerContainer #balanceAdjusterDataContainer table thead tr {
  background-color: #E0F0FA;
}
#cashlessAccountLinkManagerContainer #balanceAdjusterDataContainer table thead tr th {
  padding: 10px;
}
#cashlessAccountLinkManagerContainer #balanceAdjusterDataContainer table tbody tr td {
  padding: 10px;
}
#cashlessAccountLinkManagerContainer #balanceAdjusterDataContainer table tbody tr td.nameColumn {
  min-width: 160px;
}
#cashlessAccountLinkManagerContainer #balanceAdjusterDataContainer table tbody tr td.matchPmxUserColumn {
  min-width: 200px;
}
#cashlessAccountLinkManagerContainer #balanceAdjusterDataContainer table tbody tr td.matchPmxUserColumn input {
  margin: 0;
}
#cashlessAccountLinkManagerContainer #balanceAdjusterDataContainer table tbody tr td.dateOfBirthColumn {
  min-width: 120px;
}
#cashlessAccountLinkManagerContainer #balanceAdjusterDataContainer table tbody tr td.dateColumn {
  min-width: 160px;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer {
  overflow-y: scroll;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table {
  width: 100%;
  padding: 15px;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table thead tr {
  background-color: #E0F0FA;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table thead tr th {
  padding: 10px;
  margin-bottom: 15px;
  text-align: left;
  vertical-align: middle;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table thead tr th #selectAllPagesContainer #selectAllPagesBackground {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table thead tr th #selectAllPagesContainer #selectAllPagesMessage {
  position: absolute;
  margin-top: -43px;
  margin-left: 20px;
  padding: 7px 12px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  z-index: 100000000;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table thead tr th #selectAllPagesContainer #selectAllPagesMessage.deselected {
  width: 330px;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table thead tr th #selectAllPagesContainer #selectAllPagesMessage.selected {
  width: 314px;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table thead tr th #selectAllPagesContainer #selectAllPagesMessage p {
  display: inline-block;
  margin-right: 12px;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table thead tr th.priceValue {
  width: 90px;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table thead tr th .dropdown {
  border-collapse: collapse;
  box-sizing: border-box;
  color: #333333;
  display: block;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table thead tr th .dropdown .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table thead tr th .dropdown .btn-default .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table thead tr th .dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table thead tr th .dropdown .dropdown-menu li.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table thead tr th .dropdown .dropdown-menu li.divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table thead tr th .dropdown .dropdown-menu li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  display: table-cell;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn .gridFilterClearSearch {
  margin-top: -10px;
  padding: 2px 4px;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn .gridFilterClearSearch .glyphicons {
  margin-right: 0;
  margin-top: -1px;
  vertical-align: top;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table thead tr th .dropdown.open .dropdown-menu {
  display: block;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table tbody tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #fbfbfb;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table tbody tr td {
  padding: 6px 10px;
  text-align: left;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table tbody tr td input[type="text"] {
  height: 34px;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table tbody tr td input {
  margin-bottom: 0;
  padding: 3px;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table tbody tr td .pmxUserSearchContainer {
  display: none;
  position: absolute;
  background-color: white;
  width: 250px;
  border: 1px solid #ddd;
  margin-top: -1px;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table tbody tr td .pmxUserSearchContainer .pmxUserSelection {
  padding: 8px 10px;
}
#cashlessAccountLinkManagerContainer #cashlessAccountLinkManagerDataContainer table tbody tr td .pmxUserSearchContainer .pmxUserSelection:hover {
  background-color: #E0F0FA;
  cursor: pointer;
}
#cloudlinkRequestsContainer .requestItem {
  padding: 10px;
}
#cloudlinkRequestsContainer .requestItem:nth-child(2n) {
  background: none repeat scroll 0 0 #fbfbfb;
}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.switch.small {
  width: 40px;
  height: 22px;
}
/* Hide default HTML checkbox */
.switch input {
  display: none;
}
/* The slider */
.slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #1b1b1b;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider.small:before {
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 2px;
}
input:checked + .slider {
  background-color: #0B61BD;
}
input:focus + .slider {
  box-shadow: 0 0 1px #0B61BD;
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
input:checked + .slider.small:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.small.round {
  border-radius: 20px;
}
.slider.round:before {
  border-radius: 50%;
}
#accountSessionsContainer {
  padding: 10px 20px;
}
#accountSessionsContainer > :nth-child(2n) {
  background-color: #EBECED;
}
#accountSessionsContainer .sessionContainer {
  padding: 14px;
}
#accountSessionsContainer .sessionContainer.currentSession {
  background-color: #CCE7ED;
}
#accountSessionsContainer .sessionContainer h2 {
  margin-top: 0;
  margin-bottom: 8px;
}
#accountSessionsContainer .sessionContainer h2 .pull-right {
  font-size: 15px;
}
#accountSessionsContainer .sessionContainer h2 .glyphicons-bin:hover {
  cursor: pointer;
  color: #C8102E;
}
#termsAndConditionsContainer h1 {
  font-size: 20px;
}
#termsAndConditionsContainer h2 {
  margin-top: 20px;
  font-weight: 600;
}
#termsAndConditionsContainer p,
#termsAndConditionsContainer li {
  line-height: 1.3;
}
#termsAndConditionsContainer li {
  margin-bottom: 5px;
}
#manageSubscriptions {
  margin: 10px;
}
#manageSubscriptions h3 {
  font-size: 15px;
}
#manageSubscriptions .row {
  padding: 10px;
  /*.orgName {
			padding-top: 10px;
			margin-left: 15px;
			min-height: 50px;
		}

		.orgImage {
			width: 40px;
			height: 40px;
			float: left;

			img {
				width: 50px;
				height: 50px;
			}

			.briefcase {
				width: 50px;
				height: 50px;

				&:before {
					top: 7px;
					left: 7px;
					font-size: 35px;
					color: #444444;
				}
			}
		}

		.button {
			padding-top: 10px;
		}*/
}
#manageSubscriptions .row:nth-child(odd) {
  background-color: #ddd;
}
#manageSubscriptions .row .column.image {
  width: 40px;
  float: left;
}
#manageSubscriptions .row .column.image img {
  width: 50px;
  height: 50px;
}
#manageSubscriptions .row .column.image.connectionBox {
  /*margin-bottom: 160px;*/
}
#manageSubscriptions .row .column.image .briefcase {
  width: 50px;
  height: 50px;
}
#manageSubscriptions .row .column.image .briefcase:before {
  top: 7px;
  left: 7px;
  font-size: 35px;
  color: #24303B;
}
#manageSubscriptions .row .column.details {
  margin-left: 80px;
  min-height: 50px;
}
#manageSubscriptions .row .column.details h3 {
  margin: 14px 0 8px 10px;
}
#manageSubscriptions .row .column.details .subscriptionButtons {
  margin-top: 8px;
}
#supportSessionDialog #supportSessionContainer {
  margin: 10px;
}
#supportSessionDialog #supportSessionContainer #sessionHistory .row {
  padding: 10px;
}
#supportSessionDialog #supportSessionContainer #sessionHistory .row:nth-child(odd) {
  background-color: #EBECED;
}
#supportSessionDialog #supportSessionContainer #sessionHistory .row.active {
  background-color: #24303B !important;
  color: #EBECED;
}
#supportSessionDialog #supportSessionContainer #sessionHistory .row.active select {
  height: 100px !important;
}
#parentsViewContainer .leftColumn {
  display: inline-block;
  width: 40%;
  overflow-y: auto;
  height: 614px;
  float: left;
}
#parentsViewContainer .leftColumn .subMenu ul li {
  padding: 10px 10px 0px 10px;
}
#parentsViewContainer .leftColumn .subMenu ul li.selected {
  background-color: #0B61BD !important;
  color: #ffffff !important;
}
#parentsViewContainer .leftColumn .subMenu ul li .iconContainer {
  margin-right: 5px;
}
#parentsViewContainer .rightColumn {
  display: inline-block;
  width: 60%;
  overflow-y: auto;
  height: 614px;
  float: right;
}
#parentsViewContainer .rightColumn .subMenu {
  border-right: none !important;
}
#parentsViewContainer .rightColumn .subMenu ul li {
  cursor: default !important;
}
#parentsViewContainer .rightColumn .subMenu ul li:hover {
  background-color: #FFFFFF !important;
}
#parentsViewContainer .rightColumn .subMenu ul li .iconContainer {
  margin-right: 5px;
}
#parentsViewContainer .rightColumn .subMenu ul li .starItem:before {
  color: #F0CA54 !important;
}
#parentsViewContainer .rightColumn .subMenu ul li .readItem {
  margin-bottom: 10px;
}
#parentsViewContainer .rightColumn .subMenu ul li .readItem:before {
  color: #0B61BD !important;
}
#parentsViewContainer .rightColumn .subMenu ul li .completedItem:before {
  color: #0B61BD !important;
}
#parentsViewContainer .rightColumn .subMenu ul li .expiredItem:before {
  color: #d9534f !important;
}
#parentsViewContainer .rightColumn .subMenu ul li .subTitle {
  margin-top: 5px !important;
  color: #aaa;
}
#parentsViewContainer .rightColumn .subMenu ul li .leftText,
#parentsViewContainer .rightColumn .subMenu ul li .rightText {
  margin-top: 5px !important;
  width: 49% !important;
}
#parentsViewContainer .rightColumn .subMenu ul li .leftText .badge,
#parentsViewContainer .rightColumn .subMenu ul li .rightText .badge {
  background: #d9534f;
  padding: 2px 6px;
  border-radius: 7px;
  color: white;
}
#parentsViewContainer .rightColumn .subMenu ul li #forUser {
  margin-top: 4px;
  margin-bottom: 8px;
}
#createPermissionRoleContainer {
  margin: 30px;
  padding: 20px;
  background-color: #ffffff;
}
#createPermissionRoleContainer #createPermissionRoleHeader {
  width: 96.4%;
  padding: 15px;
  background-color: #24303B;
  color: #EBECED;
}
#createPermissionRoleContainer #createPermissionRoleHeader h2 {
  margin-top: 0;
}
#createPermissionRoleContainer #createPermissionRoleHeader p {
  margin-bottom: 0;
}
#createPermissionRoleContainer #createPermissionRoleTitles {
  width: 96.4%;
  margin-top: 15px;
  padding: 15px;
  background-color: #24303B;
  color: #EBECED;
}
#createPermissionRoleContainer #createPermissionRoleTitles div {
  float: left;
  width: 32%;
}
#createPermissionRoleContainer #createPermissionRoleTitles div.right {
  margin-right: 2%;
}
#createPermissionRoleContainer #createPermissionRoleTitles div h2 {
  margin-top: 0;
}
#createPermissionRoleContainer #createPermissionRoleTitles div input,
#createPermissionRoleContainer #createPermissionRoleTitles div select {
  margin-bottom: 0;
}
#createPermissionRoleContainer #createPermissionRoleTitles div .disabledGroupNameContainer {
  width: 100%;
  display: inline-block;
  position: relative;
}
#createPermissionRoleContainer .permissionGroupContainer {
  float: left;
  width: 30%;
  margin-top: 15px;
  margin-right: 3.2%;
  border-left: solid 5px #0089A4;
}
#createPermissionRoleContainer .permissionGroupContainer .permissionGroupHeader {
  padding: 15px;
  background-color: #CCE7ED;
}
#createPermissionRoleContainer .permissionGroupContainer .permissionGroupHeader h3 {
  margin-top: 0;
  margin-bottom: 0;
}
#createPermissionRoleContainer .permissionGroupContainer .permissionGroupConstituent {
  padding: 15px 0 0 15px;
}
#createPermissionRoleContainer .permissionGroupContainer .permissionGroupConstituent h3 {
  margin-top: 0;
  margin-bottom: 0;
}
#createPermissionRoleContainer .permissionGroupContainer .permissionGroupConstituent .permissionsCheckBox {
  margin-right: 10px;
  padding: 20px;
}
#createPermissionRoleContainer .permissionGroupContainer .permissionsGroupFooter {
  height: 15px;
}
#createPermissionRoleContainer #createPermissionRoleFooter {
  width: 96.4%;
  margin-top: 15px;
  padding: 15px;
  background-color: #24303B;
  color: #EBECED;
}
#createPermissionRoleContainer .redAsterisk {
  color: #d2322d;
  font-weight: 600;
}
#createPermissionRoleContainer .asteriskTermContainer {
  float: left;
}
#permissionRoleContainer {
  padding: 15px;
  background-color: #ffffff;
}
#permissionRoleContainer #permissionRoleHeader {
  padding: 15px;
  background-color: #24303B;
  color: #EBECED;
}
#permissionRoleContainer #permissionRoleHeader h2 {
  display: inline-block;
  margin-top: 0;
}
#permissionRoleContainer #permissionRoleHeader p {
  display: inline-block;
  margin-bottom: 0;
}
#permissionRoleContainer .permissionGroupContainer {
  float: left;
  width: 30%;
  margin-top: 15px;
  margin-right: 3.2%;
  border-left: solid 5px #0089A4;
}
#permissionRoleContainer .permissionGroupContainer .permissionGroupHeader {
  padding: 15px;
  background-color: #CCE7ED;
}
#permissionRoleContainer .permissionGroupContainer .permissionGroupHeader h3 {
  margin-top: 0;
  margin-bottom: 0;
}
#permissionRoleContainer .permissionGroupContainer .permissionGroupConstituent {
  padding: 15px 0 0 15px;
}
#permissionRoleContainer .permissionGroupContainer .permissionGroupConstituent h3 {
  margin-top: 0;
  margin-bottom: 0;
}
#permissionRoleContainer .permissionGroupContainer .permissionGroupConstituent .permissionsCheckBox {
  margin-right: 10px;
  padding: 20px;
}
#permissionRoleContainer .permissionGroupContainer .permissionGroupConstituent .glyphicons-ok-2 {
  width: 0;
  top: -1px;
  color: #24303B;
  margin-right: -4px;
}
#permissionRoleContainer .permissionGroupContainer .permissionGroupConstituent .permissionName {
  margin-left: 25px;
}
#permissionRoleContainer .permissionGroupContainer .permissionsGroupFooter {
  height: 15px;
}
#permissionRoleContainer #permissionRoleFooter {
  margin-top: 15px;
  padding: 15px;
  background-color: #24303B;
  color: #EBECED;
}
#permissionRoleContainer .redAsterisk {
  color: #C8102E;
  font-weight: 600;
}
#permissionRoleContainer .asteriskTermContainer {
  margin-top: 15px;
  padding: 15px;
  background-color: #24303B;
  color: #EBECED;
}
#userPermissionsRolesEditContainer {
  margin: 10px;
}
#userPermissionsRolesEditContainer ul {
  padding-left: 0;
  list-style: none;
}
#userPermissionsRolesEditContainer ul li {
  padding: 10px;
  background-color: #CCE7ED;
  border-left: solid 5px #0089A4;
  line-height: 22px;
  margin-bottom: 1px;
  font-weight: lighter;
}
#emailSuppressionSubMenu .searchResults {
  display: none !important;
}
#emailSuppressionSubMenu .title {
  text-transform: lowercase !important;
}
#emailSuppressionDetailsContainer {
  padding: 20px;
  background-color: #ffffff;
}
#emailSuppressionDetailsContainer #emailSentListGridContainer {
  margin: 15px;
}
#emailSuppressionDetailsContainer .searchResults {
  margin: 15px;
}
#emailSuppressionDetailsContainer .searchResults .actionContainer {
  float: left;
}
#emailSuppressionDetailsContainer .searchResults .itemCount {
  float: left;
  margin-right: 10px;
}
#emailSuppressionDetailsContainer #emailSentListGridContainer table {
  width: 100%;
  padding: 15px;
}
#emailSuppressionDetailsContainer #emailSentListGridContainer table thead tr {
  background-color: #24303B;
  color: #EBECED;
}
#emailSuppressionDetailsContainer #emailSentListGridContainer table thead tr th {
  padding: 10px 10px;
  text-align: left;
  vertical-align: middle;
}
#emailSuppressionDetailsContainer #emailSentListGridContainer table thead tr th .dropdown {
  border-collapse: collapse;
  box-sizing: border-box;
  color: #333333;
  display: block;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}
#emailSuppressionDetailsContainer #emailSentListGridContainer table thead tr th .dropdown .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
#emailSuppressionDetailsContainer #emailSentListGridContainer table thead tr th .dropdown .btn-default .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
#emailSuppressionDetailsContainer #emailSentListGridContainer table thead tr th .dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  max-height: 350px;
  overflow-y: auto;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
#emailSuppressionDetailsContainer #emailSentListGridContainer table thead tr th .dropdown .dropdown-menu li.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
#emailSuppressionDetailsContainer #emailSentListGridContainer table thead tr th .dropdown .dropdown-menu li.divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
#emailSuppressionDetailsContainer #emailSentListGridContainer table thead tr th .dropdown .dropdown-menu li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
#emailSuppressionDetailsContainer #emailSentListGridContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  display: table-cell;
}
#emailSuppressionDetailsContainer #emailSentListGridContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn .gridFilterClearSearch {
  margin-top: -10px;
  padding: 2px 4px;
}
#emailSuppressionDetailsContainer #emailSentListGridContainer table thead tr th .dropdown .dropdown-menu li .input-group-btn .gridFilterClearSearch .glyphicons {
  margin-right: 0;
  margin-top: -1px;
  vertical-align: top;
}
#emailSuppressionDetailsContainer #emailSentListGridContainer table thead tr th .dropdown.open .dropdown-menu {
  display: block;
  overflow: auto;
  max-height: 330px;
}
#emailSuppressionDetailsContainer #emailSentListGridContainer table tbody tr:nth-child(2n) td {
  background: none repeat scroll 0 0 #EBECED;
}
#emailSuppressionDetailsContainer #emailSentListGridContainer table tbody tr td {
  padding: 6px 10px;
  text-align: left;
}
.blackListDetails {
  margin: 30px;
  padding: 20px;
  background-color: #ffffff;
}
.openDialogBlueText {
  color: #428bca;
}
.orgUpgradeCreateDetails {
  background-color: #ffffff;
  margin: 30px;
  padding: 20px;
}
.orgUpgradeCreateDetails .page-header {
  padding: 20px 20px 0 16px;
  margin-bottom: 20px;
}
.orgUpgradeCreateDetails .greenBackground {
  background-color: #24303B;
  color: #EBECED;
  padding: 15px;
}
.orgUpgradeCreateDetails .buttonBar {
  height: auto;
  overflow: auto;
  margin: 0px;
  padding-top: 3px;
}
.grid-table-container .information {
  line-height: 20px;
  padding: 0 14px;
}
.grid-table-container .searchBox {
  margin-bottom: 10px;
}
.grid-table {
  width: 100%;
}
.grid-table th {
  background-color: #E0F0FA;
  padding: 10px 15px;
  text-align: left;
  vertical-align: middle;
}
.grid-table td {
  padding: 10px 15px;
  text-align: left;
}
.grid-table td.red-text {
  color: #ff999f;
}
.grid-table tr:nth-child(2n) td {
  background-color: #fbfbfb;
}
.feedOverview {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}
.feedOverview .newItems {
  padding: 20px;
  text-align: center;
  font-size: 17px;
  cursor: pointer;
}
.feedOverview .newItems:hover {
  background-color: #eee;
}
.feedOverview .starred:before {
  color: #F0CA54 !important;
}
.feedOverview .nav .header {
  min-height: 50px;
  background: #333;
  color: #fff;
  width: 100%;
}
.feedOverview .nav .header .title {
  z-index: 0;
  display: block;
  position: absolute;
  text-align: center;
  left: 80px;
  right: 80px;
  top: 16px;
  font-size: 16px;
  font-weight: bold;
}
.feedOverview .nav .logoContainer {
  color: #fff;
  display: inline-block;
  height: 45px;
}
.feedOverview .nav .logoContainer img {
  width: 45px;
  height: 45px;
}
.feedOverview .nav .subHeader {
  min-height: 50px;
  background: #24303B;
  color: #fff;
  width: 100%;
  position: relative;
  z-index: 1;
}
.feedOverview .nav .subHeader .title {
  z-index: 0;
  display: block;
  position: absolute;
  text-align: center;
  left: 80px;
  right: 80px;
  top: 16px;
  font-size: 16px;
  font-weight: bold;
}
.feedOverview .nav .subHeader .menu.floatRight {
  text-align: right;
}
.feedOverview .nav .subHeader .menu.floatRight .item .social,
.feedOverview .nav .subHeader .menu.floatRight .item .glyphicons {
  margin-top: 10px;
  margin-right: 10px;
}
.feedOverview .nav .subHeader .menu.floatRight .item .social:before,
.feedOverview .nav .subHeader .menu.floatRight .item .glyphicons:before {
  color: #BBB;
  text-shadow: 1px 1px 1px #000;
}
.feedOverview .nav .deleteAccountBar {
  min-height: 50px;
  background: #ff000d;
  color: #fff;
  width: 100%;
  position: relative;
  z-index: 1;
}
.feedOverview .nav .deleteAccountBar .text {
  text-align: center;
  padding: 15px;
}
.feedOverview .view {
  display: none;
  /*background: #f7f7f7;*/
  position: absolute;
  top: 0px;
  left: 0;
  overflow-y: hidden;
  overflow-x: hidden;
}
.feedOverview .view.active {
  display: block;
}
.feedOverview .view .nav .header .logo {
  margin-left: 10px;
  margin-top: -5px;
  width: 50px;
  height: 50px;
  background: url(/images/tmlogo.png);
  background-size: 100%;
}
.feedOverview .view .nav .header .menu {
  z-index: 1;
  height: 40px;
  margin-top: 5px;
}
.feedOverview .view .nav .header .menu.floatLeft {
  text-align: left;
}
.feedOverview .view .nav .header .menu.floatRight {
  text-align: right;
}
.feedOverview .view .nav .header .menu.floatRight .item.back .glyphicons {
  float: right;
  margin-left: 10px;
}
.feedOverview .view .nav .header .menu.floatRight .item.back .label {
  display: inline-block;
  padding-top: 12px;
  right: -20px;
}
.feedOverview .view .nav .header .menu .item {
  min-height: 40px;
  display: inline-block;
  cursor: pointer;
}
.feedOverview .view .nav .header .menu .item .label {
  display: none;
}
.feedOverview .view .nav .header .menu .item.back .glyphicons {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
}
.feedOverview .view .nav .header .menu .item.back .label {
  display: inline-block;
  margin-top: 13px;
}
.feedOverview .view .nav .header .menu .item.home .glyphicons {
  float: left;
  margin-top: 10px;
}
.feedOverview .view .nav .header .menu .item.home .label {
  display: inline-block;
  margin-top: 13px;
  padding-left: 10px;
  padding-right: 20px;
}
.feedOverview .view .nav .header .menu .item.paymentsView,
.feedOverview .view .nav .header .menu .item.shopView,
.feedOverview .view .nav .header .menu .item.basketView {
  margin-right: 30px;
}
.feedOverview .view .nav .header .menu .item.paymentsView .glyphicons,
.feedOverview .view .nav .header .menu .item.shopView .glyphicons,
.feedOverview .view .nav .header .menu .item.basketView .glyphicons {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
}
.feedOverview .view .nav .header .menu .item.paymentsView .label,
.feedOverview .view .nav .header .menu .item.shopView .label,
.feedOverview .view .nav .header .menu .item.basketView .label {
  display: none;
  margin-top: 13px;
  padding-left: 10px;
  padding-right: 20px;
}
.feedOverview .view .nav .header .menu .item.paymentsView .count,
.feedOverview .view .nav .header .menu .item.shopView .count,
.feedOverview .view .nav .header .menu .item.basketView .count {
  position: relative;
  display: inline-block;
  padding: 4px 7px;
  margin-left: -4px;
  border-radius: 14px;
  background-color: #AD121F;
  z-index: 10000;
}
.feedOverview .view .nav .subHeader .menu {
  z-index: 1;
  height: 40px;
  margin-top: 5px;
}
.feedOverview .view .nav .subHeader .menu.floatLeft {
  text-align: left;
}
.feedOverview .view .nav .subHeader .menu.floatRight {
  text-align: right;
}
.feedOverview .view .nav .subHeader .menu.floatRight .item.back .glyphicons {
  float: right;
  margin-left: 10px;
}
.feedOverview .view .nav .subHeader .menu.floatRight .item.back .label {
  display: inline-block;
  padding-top: 12px;
  right: -20px;
}
.feedOverview .view .nav .subHeader .menu .item {
  min-height: 40px;
  display: inline-block;
  cursor: pointer;
}
.feedOverview .view .nav .subHeader .menu .item .label {
  display: none;
}
.feedOverview .view .nav .subHeader .menu .item .social {
  padding-left: 48px;
}
.feedOverview .view .nav .subHeader .menu .item.close {
  top: -3px;
}
.feedOverview .view .nav .content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.feedOverview .view .nav .content ul .item {
  border-top: 1px solid #ccc;
  padding-top: 10px;
  padding-bottom: 10px;
  list-style: none;
  display: block;
  cursor: pointer;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
}
.feedOverview .view .nav .content ul .item.read {
  background-color: #f4f4f4;
}
.feedOverview .view .nav .content ul .item.read .details .topBar .title {
  color: #aaa;
}
.feedOverview .view .nav .content ul .item.read .details .createdTs {
  color: #ccc;
}
.feedOverview .view .nav .content ul .item.read .details .createdTs .itemType {
  background-color: #bbb !important;
}
.feedOverview .view .nav .content ul .item.read .details .subject {
  color: #aaa;
}
.feedOverview .view .nav .content ul .item .image {
  width: 54px;
  height: 54px;
  margin-left: 11px;
  margin-right: 11px;
  overflow: hidden;
}
.feedOverview .view .nav .content ul .item .image img {
  background-size: 100%;
  width: 40px;
}
.feedOverview .view .nav .content ul .item .image .containImg {
  background-position: center;
  background-repeat: no-repeat;
  width: 54px;
  height: 54px;
  background-size: cover;
}
.feedOverview .view .nav .content ul .item .details {
  position: absolute;
  left: 73px;
  right: 35px;
  word-wrap: break-word;
}
.feedOverview .view .nav .content ul .item .details .dropdownList {
  right: 0;
}
.feedOverview .view .nav .content ul .item .details .topBar {
  height: 18px;
  width: 100%;
}
.feedOverview .view .nav .content ul .item .details .topBar .title {
  font-size: 16px;
  margin-bottom: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.feedOverview .view .nav .content ul .item .details .topBar .title .glyphicons:before {
  color: #0B61BD;
  font-size: 14px;
  top: -10px;
  left: 4px;
}
.feedOverview .view .nav .content ul .item .details .topBar .title .typeIcon {
  font-variant: small-caps;
}
.feedOverview .view .nav .content ul .item .details .createdTs {
  color: #aaa;
  font-size: 12px;
  margin-top: 3px;
  margin-bottom: 7px;
}
.feedOverview .view .nav .content ul .item .details .createdTs .itemType {
  font-variant: small-caps;
  padding: 1px 6px 2px 6px;
  background-color: #00a96d;
  color: white;
  margin-right: 4px;
}
.feedOverview .view .nav .content ul .item .details .createdTs .itemType.organisations-form {
  background-color: #00a96d;
}
.feedOverview .view .nav .content ul .item .details .createdTs .itemType.organisations-email {
  background-color: #74ccf1;
}
.feedOverview .view .nav .content ul .item .details .createdTs .itemType.organisations-sms {
  background-color: #e4dc43;
}
.feedOverview .view .nav .content ul .item .details .createdTs .itemType.organisations-parents-evening {
  background-color: #e47117;
}
.feedOverview .view .nav .content ul .item .details .createdTs .itemType.parentmail-message {
  background-color: #5221b5;
}
.feedOverview .view .nav .content ul .item .details .gallery {
  margin-top: 10px;
}
.feedOverview .view .nav .content ul .item .details .disclaimer {
  margin-top: 10px;
  font-size: 10px;
  font-style: oblique;
}
.feedOverview .view .nav .content ul .item .details .viewMoreBar {
  background-color: #eeeeee;
  padding: 10px;
  margin-top: 10px;
  cursor: pointer;
  color: #717171;
}
.feedOverview .view .nav .content ul .item .details .viewMoreBar .glyphicons {
  padding-left: 20px;
}
.feedOverview .view .nav .content ul .item .details .viewMoreBar .glyphicons:before {
  font-size: 19px;
  margin-top: -2px;
  color: #717171;
}
.feedOverview .view .nav .content ul .item .details .options .glyphicons {
  padding-left: 5px;
}
.feedOverview .view .nav .content ul .item .details .options .glyphicons:before {
  font-size: 19px;
}
.feedOverview .view .nav .content ul .item .actions {
  float: right;
  width: 24px;
}
.feedOverview .view .nav .content ul .item .actions .glyphicons {
  display: block;
}
.feedOverview .view .nav .content ul .item .actions .glyphicons:before {
  font-size: 15px;
  color: #ccc;
}
.feedOverview .view .nav .content ul .item .actions .glyphicons:hover:before {
  color: #aaa;
}
.feedOverview .view .nav .content ul .item .actions .glyphicons.starItem {
  margin-top: 20px;
}
.feedOverview .view .nav .content ul .item .actions .glyphicons.chevron-right {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  left: -9px;
  top: 25px;
}
.feedOverview .view .nav .content ul .item .actions .glyphicons.chevron-left {
  transform: rotate(90deg);
  left: -9px;
  top: 25px;
}
.feedOverview .view .nav .content ul .item .actions .feedItemActionList {
  display: none;
  border: 1px solid #ccc;
  background-color: #f6f6f6;
  font-size: 12px;
  line-height: 20px;
  width: 110px;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  right: 32px;
  top: 0;
  text-align: center;
}
.feedOverview .view .nav .content ul .item .actions .feedItemActionList li {
  padding: 3px 6px;
  border-top: 1px solid #ccc;
}
.feedOverview .view .nav .content ul .item .actions .feedItemActionList li:first-child {
  border-top: none;
}
.feedOverview .view .nav .content ul .item .actions .feedItemActionList li:hover {
  background-color: #eee;
}
.feedOverview .content {
  /*margin-top: 0px;*/
  /*padding: 10px;*/
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: 50px;
  bottom: 0px;
  width: 100%;
  background-color: #CCE7ED;
  background-attachment: fixed;
  background-repeat: repeat-x;
}
.feedOverview .content .subject {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 99%;
  overflow: hidden;
  height: 1.2em;
}
.feedOverview .content * {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate(0, 0);
}
.feedOverview .content .centerContent {
  max-width: 800px;
  margin: auto;
  position: relative;
  /*padding: 20px;*/
  /*background-color: #dddddd;*/
  /*border: 1px solid #bbb;*/
}
.feedOverview .content .centerContent .contentTitle {
  background-color: #E0F0FA;
  margin: 0;
  padding: 15px;
  border: 1px solid #bbb;
  border-bottom: none;
}
.feedOverview .content .centerContent .contentBody {
  margin: 0;
  padding: 20px;
  padding-bottom: 10px;
  background: #fff;
  border: 1px solid #bbb;
}
.feedOverview .content .centerContent .events .dropdownFeedList {
  z-index: 16;
}
.feedOverview .content .centerContent .feed {
  padding: 10px 20px;
  background: #fff;
  border: 1px solid #bbb;
}
.feedOverview .content .centerContent .feed #feedOutput {
  list-style: none;
  padding: 0px;
  margin-top: 0;
}
.feedOverview .content .centerContent .feed #feedOutput li {
  margin: 10px 0;
  border-bottom: 1px solid #e0e0e0;
  padding: 0 0 10px 0;
  cursor: pointer;
}
.feedOverview .content .centerContent .feed #feedOutput li .title {
  font-size: 1.2em;
}
.feedOverview .content .centerContent .feed #feedOutput li .title.glyphicons:before {
  font-size: 19px;
  color: #717171;
  left: 2px;
}
.feedOverview .content .centerContent .feed #feedOutput li .title .titleText {
  font-family: "Open Sans", sans-serif;
}
.feedOverview .content .centerContent .feed #feedOutput li .counter {
  padding: 3px;
  background-color: #9e1004;
  color: #FFFFFF;
  font-size: 13px;
  min-width: 40px;
  text-align: center;
  word-wrap: break-word;
}
.feedOverview .content .centerContent #eventOutput #eventsList {
  border: none;
  padding: 15px;
}
.feedOverview .content .centerContent #eventOutput #eventsList ul {
  list-style: none;
  padding: 0;
}
.feedOverview .content .centerContent #eventOutput #eventsList ul li {
  border: none;
  cursor: default;
}
.feedOverview .content .centerContent #eventOutput #eventsList ul li:hover {
  background-color: #ffffff;
}
.feedOverview .content .centerContent #eventOutput #eventsList ul li.item {
  border-top: 1px solid #ccc;
  padding-top: 20px;
  padding-bottom: 20px;
  list-style: none;
  display: block;
}
.feedOverview .content .centerContent #eventOutput #eventsList ul li.item .image {
  width: 40px;
  height: 40px;
  /*overflow: hidden;*/
}
.feedOverview .content .centerContent #eventOutput #eventsList ul li.item .image img {
  background-size: 100%;
  width: 40px;
}
.feedOverview .content .centerContent #eventOutput #eventsList ul li.item .details {
  margin-top: 15px !important;
  word-wrap: break-word;
  position: relative !important;
  float: left !important;
  width: 100%;
  left: 0;
  right: 0;
}
.feedOverview .content .centerContent #eventOutput #eventsList ul li.item .details .topBar {
  height: 25px;
}
.feedOverview .content .centerContent #eventOutput #eventsList ul li.item .details .topBar .title {
  font-size: 20px;
  margin-bottom: auto;
  line-height: 30px;
}
.feedOverview .content .centerContent #eventOutput #eventsList ul li.item .details .createdTs {
  color: #aaa;
  font-size: 12px;
  margin-bottom: 6px;
}
.feedOverview .content .centerContent #eventOutput #eventsList ul li.item .details .disclaimer {
  margin-top: 10px;
  font-size: 10px;
  font-style: oblique;
  font-size: 12px;
}
.feedOverview .content .centerContent #eventOutput #eventsList ul li.item .details .disclaimer .button {
  display: inline-block;
  font-size: 12px;
  background-color: #428bca;
  color: #FFFFFF;
  padding: 5px;
  margin-right: 12px;
  cursor: pointer;
  width: 55px;
  text-align: center;
}
.feedOverview .content .centerContent #eventOutput #eventsList ul li.item .details .disclaimer .button:hover {
  background-color: #325180;
}
.feedOverview .content .centerContent #eventOutput #eventsList ul li.item .details .disclaimer .changeResponse {
  display: inline-block;
  font-size: 12px;
  background-color: #428bca;
  color: #FFFFFF;
  padding: 5px;
  margin-right: 12px;
  cursor: pointer;
  width: 80px;
  text-align: center;
}
.feedOverview .content .centerContent #eventOutput #eventsList ul li.item .details .disclaimer .changeResponse:hover {
  background-color: #325180;
}
.feedOverview .content .centerContent #eventOutput #eventsList ul li.item .details .disclaimer h2 {
  line-height: 20px;
}
.feedOverview .content .centerContent #eventOutput #eventsList ul li.item .details .disclaimer h2 .glyphicons {
  padding-left: 30px;
}
.feedOverview .content .centerContent #eventOutput #eventsList ul li.item .details .disclaimer h2 .glyphicons:before {
  margin-top: -13px;
  color: #428bca;
  left: 1px;
}
.feedOverview .content .centerContent #eventOutput #eventsList ul li.item .details .viewMoreBar {
  background-color: #eeeeee;
  padding: 10px;
  margin-top: 10px;
  cursor: pointer;
  color: #717171;
}
.feedOverview .content .centerContent #eventOutput #eventsList ul li.item .details .viewMoreBar .glyphicons {
  padding-left: 20px;
}
.feedOverview .content .centerContent #eventOutput #eventsList ul li.item .details .viewMoreBar .glyphicons:before {
  font-size: 19px;
  margin-top: -2px;
  color: #717171;
}
.feedOverview .content .centerContent .motd {
  padding: 20px;
  background: #fff;
  border: 1px solid #bbb;
}
.feedOverview .content .centerContent .motd .title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
.feedOverview .content .centerContent .motd .image {
  display: none;
}
.feedOverview .content .centerContent .motd .createdTs {
  color: #aaa;
  font-size: 12px;
  margin-bottom: 6px;
  text-align: right;
  float: right;
  width: 65%;
}
.feedOverview .content .centerContent .motd .msg {
  color: #24303B;
  margin-bottom: 8px;
}
.feedOverview .content .centerContent .motd #social {
  padding: 0;
  width: 33%;
}
.feedOverview .content .centerContent .motd #social .social {
  padding-left: 20px;
}
.feedOverview .content .centerContent .motd #social .social::before {
  font-size: 17px;
}
.feedOverview .content .centerContent .feedItemDetails {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none repeat scroll 0 0 #ffffff;
  /*padding: 20px;*/
  padding-bottom: 1px;
  /*border: 1px solid #bbb;*/
  word-wrap: break-word;
}
.feedOverview .content .centerContent .feedItemDetails.emailDetails,
.feedOverview .content .centerContent .feedItemDetails.smsDetails,
.feedOverview .content .centerContent .feedItemDetails.pemDetails {
  padding: 15px 15px 0 15px;
}
.feedOverview .content .centerContent .feedItemDetails h1 {
  margin: 0px;
}
.feedOverview .content .centerContent .feedItemDetails h2 {
  margin-top: 0;
}
.feedOverview .content .centerContent .feedItemDetails .topBar {
  margin-left: 60px;
}
.feedOverview .content .centerContent .eventDetails .disclaimer {
  margin-top: 10px;
  font-size: 10px;
  font-style: oblique;
}
.feedOverview .content .centerContent .eventDetails .disclaimer .button {
  display: inline-block;
  font-size: 12px;
  background-color: #428bca;
  color: #FFFFFF;
  padding: 5px;
  margin-right: 12px;
  cursor: pointer;
  width: 55px;
  text-align: center;
}
.feedOverview .content .centerContent .eventDetails .disclaimer .button:hover {
  background-color: #325180;
}
.feedOverview .content .centerContent .eventDetails .disclaimer .changeResponse {
  display: inline-block;
  font-size: 12px;
  background-color: #428bca;
  color: #FFFFFF;
  padding: 5px;
  margin-right: 12px;
  cursor: pointer;
  width: 80px;
  text-align: center;
}
.feedOverview .content .centerContent .eventDetails .disclaimer .changeResponse:hover {
  background-color: #325180;
}
.feedOverview .content .centerContent .eventDetails .disclaimer h2 {
  line-height: 20px;
}
.feedOverview .content .centerContent .eventDetails .disclaimer h2 .glyphicons {
  padding-left: 30px;
}
.feedOverview .content .centerContent .eventDetails .disclaimer h2 .glyphicons:before {
  margin-top: -13px;
  color: #428bca;
}
.feedOverview .content .centerContent .formEditor .submitControls {
  margin: 0px;
  background-color: #dddddd;
  padding: 15px;
  border: 1px solid #bbb;
  border-top: none;
}
.feedOverview .content .centerContent #notificationsBody .title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}
.feedOverview .content .centerContent #notificationsBody #notificationListItems {
  list-style: none;
  padding: 0;
  margin: 0;
}
.feedOverview .content .centerContent #notificationsBody #notificationListItems li {
  border-top: 1px solid #ccc;
  padding-top: 15px;
  padding-bottom: 15px;
  list-style: none;
  display: block;
  cursor: pointer;
}
.feedOverview .content .centerContent #notificationsBody #notificationListItems li h2 {
  margin: 0;
  font-size: 16px;
}
#headerBar .facebookConnectContainer {
  color: #fff;
  display: inline-block;
  float: right;
  margin-top: 5px;
  margin-right: 20px;
  cursor: pointer;
  background-color: #428bca;
  padding: 8px 3px 0px 10px;
}
#headerBar .facebookConnectContainer .controls .navText {
  display: none;
}
#headerBar .facebookConnectContainer .controls .social {
  margin: 0;
  height: 22px;
  vertical-align: top;
}
#headerBar .facebookConnectContainer .controls .social:before {
  color: #fff;
  font: 16px/1em 'Glyphicons Social Regular';
  top: -1px;
}
#headerBar .helpContainer {
  color: #BBB;
  display: inline-block;
  float: right;
  margin-top: 15px;
  margin-right: 20px;
  text-shadow: 1px 1px 1px #000;
  cursor: pointer;
}
#headerBar .helpContainer .controls .navText {
  display: none;
}
#headerBar .helpContainer .controls .glyphicons {
  vertical-align: top;
  top: -2px;
}
#headerBar .helpContainer .controls .glyphicons:before {
  color: #BBB;
  font: 16px/1em 'Glyphicons Regular';
  top: -1px;
}
#headerBar .applicationsContainer {
  color: #BBB;
  display: inline-block;
  float: right;
  margin-top: 15px;
  margin-right: 20px;
  text-shadow: 1px 1px 1px #000;
  cursor: pointer;
}
#headerBar .applicationsContainer .controls .navText {
  display: none;
}
#headerBar .applicationsContainer .controls .glyphicons {
  vertical-align: top;
  top: -2px;
}
#headerBar .applicationsContainer .controls .glyphicons:before {
  color: #BBB;
  font: 16px/1em 'Glyphicons Regular';
  top: -1px;
}
#headerBar .logoutContainer {
  color: #BBB;
  display: inline-block;
  float: right;
  margin-top: 15px;
  margin-right: 20px;
  cursor: pointer;
  text-shadow: 1px 1px 1px #000;
}
#headerBar .logoutContainer .controls .navText {
  display: none;
}
#headerBar .logoutContainer .controls .glyphicons {
  vertical-align: top;
  top: -2px;
}
#headerBar .logoutContainer .controls .glyphicons:before {
  color: #BBB;
  font: 16px/1em 'Glyphicons Regular';
  top: -1px;
}
#headerBar .accountContainer {
  color: #BBB;
  display: inline-block;
  float: right;
  margin-top: 15px;
  margin-right: 20px;
  cursor: pointer;
  text-shadow: 1px 1px 1px #000;
}
#headerBar .accountContainer .controls .navText {
  display: none;
}
#headerBar .accountContainer .controls .glyphicons {
  vertical-align: top;
  top: -2px;
}
#headerBar .accountContainer .controls .glyphicons:before {
  color: #BBB;
  font: 16px/1em 'Glyphicons Regular';
  top: -1px;
}
.calWrap {
  width: 54px;
}
.calWrap .calTop {
  background: #9a0000;
  color: #fff;
  font-size: 10px;
  text-align: center;
  padding: 2px;
}
.calWrap .calBody {
  background: #fff;
  text-align: center;
  padding: 8px 0px 8px 0px;
  border: 1px solid;
}
.calWrap .calBody .calDay {
  font-size: 9px;
}
.calWrap .calBody .calDate {
  font-size: 16px;
}
#alternativeAppointmentContainer .contentContainer {
  margin: 15px;
}
#headerInfo {
  float: left;
}
#eveningActions {
  float: right;
}
#eveningActions div a {
  text-decoration: none;
  color: #000000;
}
#bookingStatus {
  width: 70%;
  float: left;
}
.pemDetails #appointmentBookingsContainer {
  margin-top: 30px;
  padding: 20px;
}
.pemDetails #bookingStatus {
  text-align: center;
  font-weight: bolder;
  width: 100%;
}
.pemDetails #sessionContainer .sessionSelectorText {
  font-weight: bold;
  text-decoration: underline;
}
#bookingTimesContainer,
#bookingTeachersContainer {
  padding: 0px;
  list-style: none;
  margin: 0px;
}
#bookingTimesContainer h3,
#bookingTeachersContainer h3 {
  margin-left: 10px;
}
#bookingTimesContainer .bookingStatus,
#bookingTeachersContainer .bookingStatus {
  text-align: center;
  font-weight: bolder;
  width: 100%;
}
#bookingTimesContainer li,
#bookingTeachersContainer li {
  padding: 10px;
  margin-bottom: 1px;
  min-height: 50px;
}
#bookingTimesContainer li.available,
#bookingTeachersContainer li.available {
  background-color: #ffe6b9;
}
#bookingTimesContainer li.available .bookAppointment,
#bookingTeachersContainer li.available .bookAppointment {
  background-color: #24303B;
  cursor: pointer;
  color: #ffffff;
}
#bookingTimesContainer li.unavailable,
#bookingTeachersContainer li.unavailable {
  background-color: #cccccc;
  color: #333333;
}
#bookingTimesContainer li.booked,
#bookingTeachersContainer li.booked {
  background-color: #ddf7cf;
}
#bookingTimesContainer li.booked .btn,
#bookingTeachersContainer li.booked .btn {
  margin-bottom: 0px;
}
#bookingTimesContainer li.booked .cancelAppointment,
#bookingTeachersContainer li.booked .cancelAppointment {
  cursor: pointer;
  background-color: #d9534f;
  color: #ffffff;
}
#bookingTimesContainer li.booked .editAppointmentContainer,
#bookingTeachersContainer li.booked .editAppointmentContainer {
  min-height: 250px;
}
#bookingTimesContainer li.booked .editAppointmentContainer textarea,
#bookingTeachersContainer li.booked .editAppointmentContainer textarea {
  margin-top: 15px;
}
#teachersContainer,
#timesContainer {
  padding: 0 15px 15px 15px;
  list-style: none;
  margin: 0px;
}
#teachersContainer .bookingStatus,
#timesContainer .bookingStatus {
  text-align: center;
  font-weight: bolder;
  width: 100%;
}
#teachersContainer li,
#timesContainer li {
  padding: 10px;
  margin-bottom: 1px;
  min-height: 50px;
  cursor: pointer;
}
#teachersContainer li.available,
#timesContainer li.available {
  background-color: #ffe6b9;
}
#teachersContainer li.available .bookAppointment,
#timesContainer li.available .bookAppointment {
  cursor: pointer;
  background-color: #24303B;
  color: #ffffff;
  margin-top: -18px;
}
#teachersContainer li.unavailable,
#timesContainer li.unavailable {
  background-color: #cccccc;
  color: #333333;
}
#teachersContainer li.booked,
#timesContainer li.booked {
  background-color: #ddf7cf;
}
#teachersContainer li.booked .cancelAppointment,
#timesContainer li.booked .cancelAppointment {
  cursor: pointer;
  background-color: #d9534f;
  color: #ffffff;
  margin-top: -18px;
}
#teachersContainer li p,
#timesContainer li p {
  margin: 5px 0;
}
#emailAppointmentContainer {
  padding: 20px;
}
@media (min-width: 900px) {
  #headerBar .facebookConnectContainer {
    padding: 8px 10px 0px;
  }
  #headerBar .facebookConnectContainer .controls .navText {
    display: inline-block;
  }
  #headerBar .helpContainer .controls .navText {
    display: inline-block;
  }
  #headerBar .applicationsContainer .controls .navText {
    display: inline-block;
  }
  #headerBar .accountContainer .controls .navText {
    display: inline-block;
  }
  #headerBar .notificationContainer .controls #mainMenuNotificationCount {
    right: 80px;
  }
  #headerBar .notificationContainer .controls .navText {
    display: inline-block;
  }
  #headerBar .logoutContainer .controls .navText {
    display: inline-block;
  }
  .feedOverview .view .nav .header .menu .item {
    margin-right: 15px;
  }
  .feedOverview .view .nav .header .menu .item .label {
    display: inline-block;
    vertical-align: text-bottom;
    color: #BBB;
    margin-top: 10px;
  }
  .feedOverview .view .nav .header .menu .item .glyphicons {
    padding-left: 30px;
    min-height: 28px;
  }
  .feedOverview .view .nav .header .menu .item.back .glyphicons {
    padding-left: 0px;
  }
  .feedOverview .view .nav .header .menu .item.back .glyphicons:before {
    color: #BBB;
    font: 18px/1em 'Glyphicons Regular';
    top: 3px;
    left: 2px;
  }
  .feedOverview .view .nav .header .menu .item.home .glyphicons:before {
    color: #BBB;
    font: 18px/1em 'Glyphicons Regular';
    top: 3px;
    left: 2px;
  }
  .feedOverview .view .nav .header .menu .item.basket .glyphicons:before {
    color: #BBB;
    font: 18px/1em 'Glyphicons Regular';
    top: 3px;
    left: 2px;
  }
  .feedOverview .view .nav .header .menu .item.paymentsView .glyphicons:before,
  .feedOverview .view .nav .header .menu .item.shopView .glyphicons:before,
  .feedOverview .view .nav .header .menu .item.basketView .glyphicons:before {
    color: #BBB;
    font: 18px/1em 'Glyphicons Regular';
    top: 3px;
    left: 2px;
  }
  .feedOverview .view .nav .header .menu .item.paymentsView .label,
  .feedOverview .view .nav .header .menu .item.shopView .label,
  .feedOverview .view .nav .header .menu .item.basketView .label {
    display: inline-block;
  }
  .feedOverview .view .nav .subHeader .menu .item {
    margin-right: 15px;
  }
  .feedOverview .view .nav .subHeader .menu .item .label {
    display: inline-block;
    vertical-align: text-bottom;
    margin-top: 13px;
    color: #BBB;
  }
  .feedOverview .view .nav .subHeader .menu .item .glyphicons {
    padding-left: 30px;
    min-height: 28px;
    margin-top: 10px;
  }
  .feedOverview .view .nav .subHeader .menu .item .glyphicons:before {
    color: #BBB;
    font: 18px/1em 'Glyphicons Regular';
  }
  .feedOverview .view .nav .subHeader .menu .item .social {
    padding-left: 30px;
    min-height: 28px;
    margin-top: 10px;
  }
  .feedOverview .view .nav .subHeader .menu .item .social:before {
    color: #BBB;
    font-size: 18px;
  }
  .feedOverview .view .nav .subHeader .menu .item.back .glyphicons {
    padding-left: 48px;
  }
  .feedOverview .view .nav .subHeader .menu .item.close .glyphicons {
    margin-top: 0;
  }
  .feedOverview .content .centerContent {
    margin-top: 20px;
  }
  .feedOverview .content .centerContent .contentBody {
    margin: 0;
    padding: 20px;
    padding-bottom: 10px;
    background: #fff;
    border: 1px solid #bbb;
    margin-bottom: 20px;
  }
  .feedOverview .content .centerContent .contentBody .notificationSettingsContainer {
    margin: 0px;
  }
  .feedOverview .content .centerContent .feed {
    /*padding: 20px;
					padding-bottom: 10px;*/
    background: #fff;
    border: 1px solid #bbb;
    margin-bottom: 20px;
  }
  .feedOverview .content .centerContent .feed ul .item {
    overflow-y: hidden;
  }
  .feedOverview .content .centerContent .feed ul .item .image {
    width: 52px;
    height: 52px;
    overflow: hidden;
  }
  .feedOverview .content .centerContent .feed ul .item .image img {
    background-size: 100%;
    width: 52px;
  }
  .feedOverview .content .centerContent .feed ul .item .details .halflings {
    margin-top: 19px;
  }
  .feedOverview .content .centerContent .feed ul .item .details .topBar .title .glyphicons:before {
    font-size: 14px;
    top: -10px;
    left: 4px;
  }
  .feedOverview .content .centerContent .events {
    padding: 20px;
    padding-bottom: 10px;
    background: #fff;
    border: 1px solid #bbb;
  }
  .feedOverview .content .centerContent .events #eventOutput #eventsList ul li.item .image {
    width: 52px;
    height: 52px;
    overflow: hidden;
  }
  .feedOverview .content .centerContent .events #eventOutput #eventsList ul li.item .image img {
    background-size: 100%;
    width: 52px;
  }
  .feedOverview .content .centerContent .events #eventOutput #eventsList ul li.item .details {
    margin-left: 62px;
  }
  .feedOverview .content .centerContent .motd {
    margin-bottom: 20px;
  }
  .feedOverview .content .centerContent .motd .image {
    width: 50px;
    height: 50px;
    overflow: hidden;
    display: inline-block;
  }
  .feedOverview .content .centerContent .motd .image img {
    background-size: 100%;
    width: 40px;
  }
}
/*@import "paymentItems.less";
@import "shopItems.less";
@import "basketItems.less";
@import "categories.less";
@import "productItem.less";*/
#confirmPaymentPopOver {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 999999999999;
}
#confirmPaymentPopOver #paymentPaymentView .margin10 {
  margin: 10px;
}
#confirmPaymentPopOver #paymentPaymentView .mt20 {
  margin-top: 20px;
}
#confirmPaymentPopOver #paymentPaymentView .text-align-center {
  text-align: center;
}
#confirmPaymentPopOver #paymentPaymentView .padlock {
  font-size: 32px;
  color: #24303B;
  margin-right: 15px;
}
#confirmPaymentPopOver #paymentPaymentView #confirmContainer {
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #dddddd;
  padding: 20px;
  max-width: 500px;
  margin-top: 16px;
}
#confirmPaymentPopOver #paymentPaymentView #confirmContainer #closeConfirmView {
  float: right;
  cursor: pointer;
}
#confirmPaymentPopOver #paymentPaymentView #confirmContainer #pmLogo {
  display: block;
  margin: 0 auto;
  height: 80px;
}
#confirmPaymentPopOver #paymentPaymentView #confirmContainer #firstBreak {
  margin-top: 10px;
  margin-bottom: 12px;
}
#confirmPaymentPopOver #paymentPaymentView #confirmContainer .paymentMethodLogo {
  height: 25px;
  margin-top: 4px;
  margin-left: 12px;
}
#confirmPaymentPopOver #paymentPaymentView #confirmContainer #confirmTitle {
  font-size: 18px;
}
#confirmPaymentPopOver #paymentPaymentView #confirmContainer #secondBreak {
  margin-top: 18px;
  margin-bottom: 12px;
}
#confirmPaymentPopOver #paymentPaymentView #confirmContainer #detailText {
  margin: 0;
  text-align: center;
  line-height: 1.5;
  margin-top: 10px;
}
#confirmPaymentPopOver #paymentPaymentView #confirmContainer #confirmPaymentButton {
  display: inline-block;
  margin-bottom: 8px !important;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  -webkit-user-select: none;
  background: #24303B;
  border: 1px solid #0B61BD;
  border-radius: 0 !important;
  color: white;
  margin-top: 14px;
}
#paymentsMenu {
  float: right;
  /*padding-right: 17px;*/
}
#paymentsMenu .item {
  display: inline-block;
  padding: 17px;
  cursor: pointer;
  position: relative;
}
#paymentsMenu .item.paymentsView.active {
  background-color: #bf360c;
}
#paymentsMenu .item.shopView.active {
  background-color: #3b66af;
}
#paymentsMenu .item.basketView.active {
  background-color: #74b43c;
}
.limitWidth {
  max-width: 1000px;
  margin: 0 auto;
}
#paymentsViewPort {
  display: block;
  position: absolute;
  top: 50px;
  bottom: 0;
  width: 100%;
  overflow: hidden;
}
#paymentsViewPort #paymentsContainer {
  display: block;
  position: absolute;
  height: 100%;
  width: 400%;
  padding: 0;
  margin: 0;
  transform: translate(0px);
  -webkit-transform: translate(0px);
  -ms-transform: translate(0px);
  -moz-transform: translate(0px);
  -o-transform: translate(0px);
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  background-color: #fbfbfb;
}
#paymentsViewPort #paymentsContainer .paymentsView {
  float: left;
  position: relative;
  height: 100%;
  width: 25%;
  padding: 0;
  margin: 0;
  overflow-y: auto;
}
#paymentsViewPort #paymentsContainer .paymentsView .paymentsScrollContent {
  position: relative;
  display: block;
}
#paymentsViewPort #paymentsContainer .paymentsView .paymentsScrollContent .actionBar {
  padding: 10px;
  position: relative;
  background-color: white;
  width: 100%;
  z-index: 10000;
  border-bottom: 1px solid #ddd;
}
#paymentsViewPort #paymentsContainer .paymentsView .paymentsScrollContent .sectionBody {
  position: relative;
}
#paymentsViewPort #paymentsContainer .paymentsView .paymentsScrollContent #basketActionBarTarget .totalPrice {
  padding: 10px;
}
#shopLoadingView {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  opacity: 0;
  transition: opacity 500ms;
  -webkit-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
}
#shopLoadingView #shopLoadingContainer {
  position: relative;
  width: 600px;
  margin: 100px auto;
  background-color: #fff;
}
#shopLoadingView #shopLoadingContainer h2 {
  padding-bottom: 0;
  text-align: center;
  margin-top: 0;
}
#shopLoadingView #shopLoadingContainer p {
  text-align: center;
  padding-bottom: 30px;
}
#shopLoadingView #shopLoadingContainer img {
  height: 80px;
  margin: 0px auto;
  position: relative;
  display: block;
  padding: 20px 20px 5px 20px;
}
#colourStrip {
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
  height: 5px;
  background-color: #BF360C;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.paymentViewContainer {
  background-color: #fbfbfb;
  position: absolute;
  top: 0;
  height: 0;
  left: 0;
  right: 0;
  opacity: 0;
  overflow: scroll;
  transition: opacity 200ms;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -o-transition: opacity 200ms;
}
.cardPaymentFrame {
  width: 100%;
  height: 100%;
  position: absolute;
  border: none;
}
.paymentCompleteContainer {
  width: 100%;
  height: 100%;
  position: absolute;
  border: none;
}
.paymentCompleteContainer h2 {
  margin-top: 0;
}
.paymentCompleteContainer h3 {
  font-size: 16px;
  font-weight: bold;
}
.paymentCompleteContainer .orderSummary {
  margin-bottom: 10px;
}
.wrapperView {
  padding: 10px;
}
.wrapperView .sectionTitle {
  font-size: 16px;
  font-weight: bold;
  float: left;
  margin-top: 16px;
  margin-bottom: 16px;
}
.wrapperView .orderTotal {
  float: right;
  margin-top: 16px;
  margin-bottom: 16px;
  font-weight: bold;
  color: #009900;
  font-size: 16px;
}
.wrapperView table {
  width: 100%;
}
.wrapperView table td {
  padding: 5px;
}
.wrapperView .btn.large {
  width: 50%;
  margin-bottom: 5px;
  float: left;
}
.wrapperView .btn.small {
  text-align: left;
  width: 100%;
  margin-bottom: 5px;
}
.wrapperView .creditDebit img {
  width: 90px;
  margin: 8px 0;
}
.wrapperView .paypal img {
  width: 90px;
  margin: 8px 0;
}
.wrapperView .paypoint img {
  width: 120px;
  margin: 8px 0;
}
.wrapperView .paycash img {
  width: 120px;
  margin: 8px 0;
}
.wrapperView .amex img {
  width: 90px;
}
.wrapperView .selection .glyphicons-chevron-right,
.wrapperView .selection .glyphicons-chevron-down,
.wrapperView .selection .glyphicons-chevron-up,
.wrapperView .selection .glyphicons-chevron-left {
  text-align: right;
  color: #aaa;
}
.wrapperView h3 {
  font-size: 16px;
  font-weight: bold;
}
.wrapperView .orderSummary {
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #dddddd;
  padding: 10px;
}
.wrapperView .standout {
  font-size: 14px;
  font-weight: bold;
}
.wrapperView .standout.red {
  color: #b12704;
}
.wrapperView .standout.green {
  color: #009900;
}
.wrapperView .head {
  font-weight: bold;
  color: #aaa;
}
.wrapperView .basketItem {
  vertical-align: top;
}
.wrapperView .basketItem .inCart {
  color: #da7100;
  font-weight: bold;
}
.wrapperView .basketItem .for {
  /*margin-left: 30px;*/
  color: #aaa;
  margin-top: 2px;
  font-size: 12px;
}
.greenText {
  color: #009900;
}
table.hideLast tr:last-child {
  display: none;
}
.hideLast .breakHr:last-of-type {
  display: none;
}
.breakHr {
  margin-top: 10px;
  margin-bottom: 10px;
}
.strong {
  font-weight: bold;
}
.leftMain {
  float: left;
}
.leftMain.ellipsisText {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 76%;
}
.rightMain {
  float: right;
}
.rightMain .price {
  float: left;
}
.rightMain .chevron {
  float: right;
  margin-left: 5px;
}
.rightMain .lineTotal {
  margin-right: 20px;
}
.moneyEntryBoxContainer .leftAddon .addOn {
  position: relative;
  left: 1px;
  top: 0;
  background-color: #eee;
  line-height: 39px;
  display: inline-block;
  width: 30px;
  text-align: center;
}
.moneyEntryBoxContainer .leftAddon .inputArea {
  margin-left: -34px;
}
.moneyEntryBoxContainer .leftAddon .inputArea input {
  width: 150px;
  margin-bottom: 0;
}
.numberBadge {
  position: absolute;
  background-color: #02841C;
  z-index: 1;
  padding: 2px;
  border-radius: 5px;
  width: 22px;
  text-align: center;
  font-size: 10px;
  top: 10px;
  right: 2px;
}
.startFilters {
  position: relative;
}
.startFilters .numberBadge {
  top: -4px;
  right: -4px;
  color: white;
  background-color: #840261;
}
.refreshData {
  float: right;
}
.refreshData .buttonText {
  display: inline-block;
  overflow: hidden;
  width: 51px;
  height: 16px;
}
.refreshData.loading .buttonText {
  width: 0px;
}
.animFly {
  position: absolute;
  width: 20px;
  height: 20px;
  z-index: 100000;
}
.animFly span {
  font-size: 20px;
}
.animFly.start {
  -webkit-transition: all 400ms cubic-bezier(0.62, 0.51, 0.44, 1);
  transition: all 400ms cubic-bezier(0.62, 0.51, 0.44, 1);
}
.animFly.circle {
  display: block;
  top: 13px;
  left: 340.984375px;
  color: #00ceff;
  background-color: #f7f7f7;
  padding: 5px;
  border-radius: 15px;
  padding-left: 6px;
  border: 1px solid #999;
  width: 34px;
  height: 34px;
}
.top0 {
  top: 0;
}
.off {
  display: none;
}
.off.height {
  max-height: 0px;
  display: block;
  overflow: hidden;
}
.transition {
  -webkit-transition: all 800ms;
  -moz-transition: all 800ms;
  -o-transition: all 800ms;
  transition: all 800ms;
}
.height {
  max-height: 300px;
  display: block;
  overflow: hidden;
}
#giftAidDetailsContainer .giftAidInput {
  width: 49.2%;
  margin-top: 10px;
  margin-bottom: 0;
}
.errorLabel {
  display: none;
  color: #dd1100;
  cursor: default;
  margin-top: 5px;
}
.accountingIntegrationContainer .deleteIntegration {
  cursor: pointer;
}
.accountingIntegrationContainer #psfLocationCode {
  width: 80px;
  margin-bottom: 0;
}
.accountingIntegrationContainer p {
  margin-bottom: 0px;
}
#summerRollupStepsDialog #summerRollupContainer {
  margin: 15px;
}
#summerRollupStepsDialog #summerRollupContainer #iconContainer {
  font-size: 50px;
  text-align: center;
  color: #0B61BD;
}
#summerRollupStepsDialog #summerRollupContainer h2 {
  text-align: center;
}
#summerRollupStepsDialog #summerRollupContainer #bodyText {
  text-align: center;
  background: #F5F9FF;
  border: solid 1px #CCCCCC;
  padding: 0 10px;
}
#summerRollupStepsDialog #summerRollupRegistersContainer {
  margin: 15px;
}
#summerRollupStepsDialog #summerRollupRegistersContainer #registersTableContainer {
  width: 100%;
}
#summerRollupStepsDialog #summerRollupRegistersContainer #registersTableContainer #registersHeaderContainer {
  background-color: #E0F0FA;
}
#summerRollupStepsDialog #summerRollupRegistersContainer #registersTableContainer #registersHeaderContainer div {
  padding: 10px 10px;
  text-align: left;
  vertical-align: middle;
}
#summerRollupStepsDialog #summerRollupRegistersContainer #registersTableContainer #registersHeaderContainer div.registerName {
  float: left;
}
#summerRollupStepsDialog #summerRollupRegistersContainer #registersTableContainer #registersHeaderContainer div.rolledUp {
  width: 90px;
  float: right;
}
#summerRollupStepsDialog #summerRollupRegistersContainer #registersTableContainer #registersDataContainer {
  overflow: auto;
  width: 100%;
  max-height: 600px;
}
#summerRollupStepsDialog #summerRollupRegistersContainer #registersTableContainer #registersDataContainer .rowContainer:nth-child(2n) {
  background: none repeat scroll 0 0 #fbfbfb;
}
#summerRollupStepsDialog #summerRollupRegistersContainer #registersTableContainer #registersDataContainer .rowContainer div {
  padding: 8px 10px;
  text-align: left;
}
#summerRollupStepsDialog #summerRollupRegistersContainer #registersTableContainer #registersDataContainer .rowContainer div.editRegister {
  float: left;
  cursor: pointer;
  color: #428bca;
}
#summerRollupStepsDialog #summerRollupRegistersContainer #registersTableContainer #registersDataContainer .rowContainer div.rolledUp {
  width: 90px;
  float: right;
}
#adminParentmailApi {
  padding: 15px;
}
#adminParentmailApi .heading {
  margin-top: 0;
}
#adminParentmailApi .box {
  padding: 15px;
  border: 1px solid #bbb;
}
#adminParentmailApi .inline-alert-point {
  margin-bottom: 7px;
}
#oauth2-credentials-dialog {
  padding: 0 10px 0 10px;
}
.oauth2-credential {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 1.1em;
  border: 1px solid #bbb;
  padding: 5px;
  text-align: center;
}
.oauth2-credential .oauth2-type {
  text-decoration: underline;
  margin: 7px;
}
.oauth2-credential .oauth2-value {
  font-weight: bold;
  margin: 7px;
}
#confirmManageGuidsDialog .content {
  padding: 15px;
}
#confirmManageGuidsDialog .content .intro p:first-child {
  margin-bottom: 5px;
}
#confirmManageGuidsDialog .content .intro p:last-child {
  margin-bottom: 20px;
}
#confirmManageGuidsDialog .content .options div:not(:last-child) {
  margin-bottom: 10px;
}
#confirmManageGuidsDialog .content .options div:last-child {
  margin-bottom: 20px;
}
#cacheInspectorBorder {
  padding: 30px;
}
#cacheInspectorMain {
  width: 100%;
  color: #24303B;
  background-color: #ffffff;
}
#cacheInspectorMain #cacheInspectorHeader {
  background-color: #24303B;
  color: #EBECED;
  padding: 10px 20px;
}
#cacheInspectorMain #cacheInspectorHeader h1 {
  margin: 0;
  font-size: 18px;
  font-weight: normal;
}
#cacheInspectorMain #cacheInspectorBody #cacheInspectorContainer {
  width: 600px;
  padding: 30px;
}
#cacheInspectorMain #cacheInspectorBody ul.widgetList {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cacheInspectorMain #cacheInspectorBody h4 {
  font-size: 15px;
  font-weight: normal;
  margin: 0;
  padding: 20px;
}
#cacheInspectorMain #cacheInspectorBody h4.question {
  padding-bottom: 10px;
  font-weight: bold;
}
#cacheInspectorMain #cacheInspectorBody h4 p {
  line-height: 19px;
  font-size: 14px;
  margin: 0;
  /*margin-bottom: 10px;*/
}
#cacheInspectorMain #cacheInspectorBody input[type="text"] {
  width: 100%;
  padding: 10px;
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #cccccc;
  font-size: 14px;
  line-height: 18px;
}
#cacheInspectorMain .buttonBar {
  margin: 15px 0;
}
#cacheInspectorMain #cacheInspectorResult pre {
  outline: 1px solid #ccc;
  padding: 5px;
  margin: 5px;
}
#cacheInspectorMain #cacheInspectorResult .string {
  color: green;
}
#cacheInspectorMain #cacheInspectorResult .number {
  color: darkorange;
}
#cacheInspectorMain #cacheInspectorResult .boolean {
  color: blue;
}
#cacheInspectorMain #cacheInspectorResult .null {
  color: magenta;
}
#cacheInspectorMain #cacheInspectorResult .key {
  color: red;
}
span.fancytree-selected span.fancytree-title {
  background-color: #fff !important;
  color: #000 !important;
}
span.fancytree-selected.fancytree-active span.fancytree-title {
  background-color: #fff !important;
  color: #000 !important;
}
span.fancytree-selected.fancytree-active.fancytree-focused span.fancytree-title {
  background-color: #3875D7 !important;
  color: #fff !important;
}
* {
  -webkit-overflow-scrolling: touch;
}
html {
  overflow: hidden;
}
html,
body,
#mainWrap {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body {
  line-height: 1;
  background: #CCE7ED repeat-x fixed;
}
.clearFix {
  clear: both;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.row {
  clear: both;
}
.col-3 {
  float: left;
  width: 25%;
}
.col-6 {
  float: left;
  width: 50%;
}
.col-9 {
  float: left;
  width: 75%;
}
.text-right {
  text-align: right;
}
.hidden {
  display: none !important;
}
.ellipsify {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.listData {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}
.listData .item {
  background-color: #E0F0FA;
  border-left: solid 5px #0B61BD;
  color: #24303B;
  font-weight: lighter;
  margin-bottom: 1px;
  padding: 20px;
}
.listData .item .img {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 10px;
}
.listData .item .img .glyphicons:before {
  font: 34px/1em 'Glyphicons Regular';
  margin: -6px 5px 0 0;
}
.listData .item .details {
  float: left;
  width: 85%;
}
.listData .item .details .title {
  margin: 0;
  font-size: 14px;
}
.listData .item .details .subTitle {
  margin: 0;
  font-size: 13px;
}
.listData .item .details .leftText {
  margin: 0;
  font-size: 12px;
  width: 50%;
  float: left;
}
.listData .item .details .rightText {
  margin: 0;
  font-size: 12px;
  width: 50%;
  float: left;
}
.listData .item .details .controls {
  float: right;
}
.listData .item .details .controls.glyphicons:before {
  font: 12px/1em 'Glyphicons Regular';
  cursor: pointer;
  margin: -15px 5px 0 0;
}
.listData .item .details .controls.glyphicons {
  padding: 0;
}
button.positive {
  /*border: none;
		background-color: #1e70a6;
		color: #fff;
		padding: 10px 20px;
		float: right;
		cursor: pointer;*/
}
button.negative {
  /*border: none;
		background-color: #e63402;
		color: #fff;
		padding: 10px 20px;
		float: right;
		cursor: pointer;*/
}
button.neutral {
  /*border: solid 1px #cbcbcb;
		background-color: #eeeeee;
		color: #b3b3b3;
		padding: 10px 20px;
		float: right;
		cursor: pointer;*/
}
button.marginRight {
  margin-right: 10px;
}
button.marginLeft {
  margin-left: 10px;
}
.btn-neutral {
  background: #eee;
  border: 1px solid #aaa;
  color: #666;
}
.btn-info {
  background: #428bca;
  border: 1px solid #357ebd;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.open {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.alert {
  color: #24303B;
  padding: 10px;
  margin: 10px;
}
.alert.error,
.alert.ERROR {
  background-color: #f7dbe0;
  border-left: solid 5px #C8102E;
}
.alert.warning,
.alert.WARNING {
  background-color: #FBE8CC;
  border-left: solid 5px #B86B00;
}
.alert.success {
  background-color: #DAED89;
  border-left: solid 5px #688F24;
}
.alert.info,
.alert.NOTICE {
  background-color: #EFE0EE;
  border-left: solid 5px #AE65AA;
}
.alert .title {
  margin: 0px;
}
.alert .message {
  width: 75%;
  margin-left: 10px;
}
.alert .closeMessage {
  float: right;
  height: 20px;
  width: 20px;
  cursor: pointer;
  -webkit-appearance: none;
  padding: 4px 6px;
  border: 0;
  border-radius: 11px;
  line-height: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #24303B;
  border-color: #24303B;
  box-shadow: 0 0 0 0 #24303B;
}
.alert .closeMessage:hover,
.alert .closeMessage:focus {
  box-shadow: 0 0 0 0.2rem #24303B;
}
.alertOtherDataContainer {
  margin: 10px;
}
.alertOtherDataContainer .logoContainer {
  float: left;
  margin-right: 30px;
}
.alertOtherDataContainer .logoContainer a img {
  width: 150px;
  height: 50px;
}
.hide {
  display: none;
}
.scrollable,
#mainWrap.scrollable {
  overflow: auto;
}
.margin10 {
  margin: 10px;
}
.margin15 {
  margin: 15px;
}
.marginTop5 {
  margin-top: 5px;
}
.marginTop0 {
  margin-top: 0;
}
.marginTop10 {
  margin-top: 10px;
}
.marginTop15 {
  margin-top: 15px;
}
.marginTop20 {
  margin-top: 20px;
}
.marginTop30 {
  margin-top: 30px;
}
.marginBottom5 {
  margin-bottom: 5px;
}
.marginBottom0 {
  margin-bottom: 0;
}
.marginBottom5 {
  margin-bottom: 5px;
}
.marginBottom10 {
  margin-bottom: 10px;
}
.marginBottom15 {
  margin-bottom: 15px;
}
.marginBottom20 {
  margin-bottom: 20px;
}
.marginBottom30 {
  margin-bottom: 30px;
}
.marginLeft5 {
  margin-left: 5px;
}
.marginLeft0 {
  margin-left: 0;
}
.marginLeft10 {
  margin-left: 10px;
}
.marginLeft15 {
  margin-left: 15px;
}
.marginLeft20 {
  margin-left: 20px;
}
.marginLeft30 {
  margin-Right: 30px;
}
.marginRight0 {
  margin-right: 0;
}
.marginRight5 {
  margin-right: 5px;
}
.marginRight10 {
  margin-right: 10px;
}
.marginRight15 {
  margin-right: 15px;
}
.marginRight16 {
  margin-right: 16px;
}
.marginRight20 {
  margin-right: 20px;
}
.marginRight25 {
  margin-right: 25px;
}
.marginRight30 {
  margin-right: 30px;
}
.padding10 {
  padding: 10px;
}
.borderLess {
  border: 0;
}
.read {
  font-weight: normal;
}
.bold {
  font-weight: bold;
}
.floatLeft {
  float: left;
}
.floatLeftImp {
  float: left !important;
}
.floatRight {
  float: right;
}
.clearfix {
  clear: both;
}
.isLoading {
  width: 200px;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #f4f4f4;
}
.isLoading .loading {
  margin-left: auto;
  margin-right: auto;
  width: 32px;
  height: 32px;
  background: url(/images/loadingCircle.gif);
}
.isLoading .label {
  text-align: center;
  padding-top: 10px;
}
#loadingMessageContainer {
  z-index: 999999;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
#loadingMessageContainer .isLoading {
  width: 200px;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #f4f4f4;
}
#loadingMessageContainer .isLoading .loading {
  margin-left: auto;
  margin-right: auto;
  width: 32px;
  height: 32px;
  background: url(/images/loadingCircle.gif);
}
#loadingMessageContainer .isLoading .label {
  text-align: center;
  padding-top: 10px;
}
.scrollable {
  overflow: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.scrollable * {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate(0, 0);
}
.wholeScreenScrollable {
  overflow: auto;
  overflow-x: hidden;
  height: 100%;
}
textarea {
  height: 140px;
  width: 100%;
  resize: vertical;
  padding: 10px;
  border: 1px solid #cccccc;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px;
  border-radius: 4px;
}
select {
  width: 100%;
  height: 40px;
  padding: 10px 12px;
  font-size: 14px;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  margin-bottom: 20px;
  /* I MODIFIED THESE TO SATISFY ISSUES ON IE. SEE PAY1-567 FOR ISSUE - ROB */
  /*border: 0;*/
  /*outline: 1px ridge #ccc;
	outline-offset:-1px*/
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="number"],
input[type="url"] {
  width: 100%;
  padding: 10px;
  border: 1px solid #cccccc;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px;
  border-radius: 4px;
}
a {
  border-radius: 0.3px;
  border-bottom: 1px dotted #0B61BD;
  transition: box-shadow 0s, background-color 0s;
  box-shadow: 0 0 0 0 #0B61BD;
}
a:hover,
a:focus {
  outline: 0;
  color: white;
  background-color: #0B61BD;
  box-shadow: 0 0 0 0.2em #0B61BD;
  transition: box-shadow 0.1s;
}
#bottomLinksBar #centeredBar {
  position: relative;
  margin: 10px auto;
  width: 188px;
}
#bottomLinksBar #centeredBar .logoLink {
  height: 19px;
  margin-left: 5px;
  margin-right: 10px;
}
#bottomLinksBar #centeredBar .textLink {
  margin-right: 14px;
}
#bottomLinksBar #centeredBar .temp {
  display: none;
  opacity: 0;
  visibility: hidden;
}
#bottomLinksBar #copyright {
  text-align: center;
  margin-bottom: 20px;
  width: 304px;
  margin-left: auto;
  margin-right: auto;
}
#bottomLinksBar #copyright .right {
  right: 12px;
  margin: 20px 0;
}
.floatLeftColumn {
  float: left;
}
.floatRightColumn {
  float: right;
}
.halfColumn {
  display: inline-block;
  vertical-align: top;
  width: 49.5%;
  margin: 0;
  padding: 0;
}
.halfColumn.hide {
  display: none;
}
h2 {
  font-size: 18px;
  font-weight: lighter;
}
h3 {
  font-size: 14px;
  font-weight: lighter;
}
.collapsible-content {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
input[type="text"]:disabled {
  background: #eee;
}
select:disabled {
  background: #eee;
}
.leftAddon .addOn {
  position: relative;
  left: 32px;
  background-color: #eee;
  line-height: 39px;
  display: inline-block;
  width: 30px;
  text-align: center;
  top: 1px;
}
.leftAddon .addOnTo {
  padding-left: 35px;
}
.width-45p {
  width: 45%;
}
.width-50p {
  width: 50%;
}
.width-50pb {
  width: 49%;
}
.width-100p {
  width: 100%;
}
.margin-0 {
  margin: 0;
}
.padding-0 {
  padding: 0;
}
.margin-left-10 {
  margin-left: 10px;
}
.margin-left-20 {
  margin-left: 20px;
}
.margin-left-30 {
  margin-left: 30px;
}
.margin-right-5 {
  margin-right: 5px;
}
.margin-right-10 {
  margin-right: 10px;
}
.margin-right-20 {
  margin-right: 20px;
}
.margin-right-30 {
  margin-right: 30px;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-top-30 {
  margin-top: 30px;
}
.padding-right-5 {
  padding-right: 5px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.loadingMessage {
  padding: 50px;
  text-align: center;
}
.flatList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.flatList li {
  padding-bottom: 5px;
}
.flatList li:last-child {
  padding-bottom: 0;
}
.box {
  padding: 10px;
  border: 1px solid #ccc;
}
.fluid-container .row {
  clear: both;
}
.fluid-container .row .col-025 {
  width: 2.08333333%;
  float: left;
}
.fluid-container .row .col-050 {
  width: 4.16666667%;
  float: left;
}
.fluid-container .row .col-1 {
  width: 8.33333333%;
  float: left;
}
.fluid-container .row .col-2 {
  width: 16.66666667%;
  float: left;
}
.fluid-container .row .col-3 {
  width: 25%;
  float: left;
}
.fluid-container .row .col-4 {
  width: 33.33333333%;
  float: left;
}
.fluid-container .row .col-5 {
  width: 41.66666667%;
  float: left;
}
.fluid-container .row .col-6 {
  width: 50%;
  float: left;
}
.fluid-container .row .col-7 {
  width: 58.33333333%;
  float: left;
}
.fluid-container .row .col-8 {
  width: 66.66666667%;
  float: left;
}
.fluid-container .row .col-9 {
  width: 75%;
  float: left;
}
.fluid-container .row .col-10 {
  width: 83.33333333%;
  float: left;
}
.fluid-container .row .col-11 {
  width: 91.66666667%;
  float: left;
}
.fluid-container .row .col-12 {
  width: 100%;
  clear: both;
}
.formGroup {
  margin-bottom: 10px;
}
.formGroup label {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  display: inline-block;
}
.formGroup label input {
  display: inline-block;
}
.formGroup input {
  margin-bottom: 0 !important;
}
.inline-block {
  display: inline-block;
}
.checkbox input[type="checkbox"] {
  margin-left: 8px;
}
.font-normal {
  font-weight: normal !important;
}
.text-align-left {
  text-align: left !important;
}
.toggleSection.off {
  display: none;
}
.btn-blue {
  background-color: #00b9ff;
  border-color: #0094cb;
  color: #ffffff;
}
.btn-blue:hover,
.btn-blue:focus {
  color: #ffffff;
  background-color: #00aced;
}
.btn-green {
  background-color: #E0F0FA;
  border-color: #0B61BD;
  color: #0B61BD;
}
.btn-green:hover,
.btn-green:focus {
  color: #0B61BD;
  background-color: #798087;
}
[data-grid-dir="1"]:after {
  content: ' ';
  width: 0;
  height: 0;
  border-style: solid;
  display: inline-block;
  margin-left: 5px;
  border-width: 2px 5px 5px 5px;
  border-color: transparent transparent #EBECED transparent;
  margin-bottom: 3px;
}
[data-grid-dir="-1"]:after {
  content: ' ';
  width: 0;
  height: 0;
  border-style: solid;
  display: inline-block;
  margin-left: 5px;
  border-width: 5px 5px 2px 5px;
  border-color: #EBECED transparent transparent transparent;
  margin-bottom: 1px;
}
th[data-grid-sort] {
  cursor: pointer;
}
[data-grid-sort] {
  cursor: pointer;
}
.capiatalize {
  text-transform: capitalize;
}
.lowercase {
  text-transform: lowercase;
}
.greenBackground {
  background-color: #24303B;
  color: #EBECED;
  padding: 15px;
  margin: 0;
}
.redBackground {
  background-color: #f7dbe0;
  padding: 15px;
  color: #24303B;
}
.purpleBackground {
  background-color: #EFE0EE;
  padding: 15px;
}
.colorRed {
  color: #C8102E;
}
.colorGreen {
  color: #688F24;
}
.text-center {
  text-align: center;
}
#recipientsNavigationContainer {
  margin-bottom: 10px;
}
#recipientsNavigationContainer .searchArea {
  float: left;
  margin-right: 15px;
  width: 300px;
}
#recipientsNavigationContainer .paginationButtons {
  float: left;
  margin-top: 3px;
}
#recipientsNavigationContainer .resultText {
  float: left;
  margin-top: 13px;
  margin-left: 10px;
}
.mainHeading {
  background-color: #24303B;
  color: #EBECED;
  padding: 10px 10px 5px;
  margin-bottom: 10px;
}
.mainHeading h3,
.mainHeading h2 {
  width: 85%;
  float: left;
  margin: 5px 0;
}
.infoText {
  background-color: #E0F0FA;
  padding: 5px;
  margin-bottom: 10px;
}
#irisParentMailAccountUpgradeDialog > .container > .headerBar {
  background: #C8102E;
}
#irisParentMailAccountUpgradeDialog > .container > .headerBar > h3 {
  font-weight: bold;
}
#irisParentMailAccountUpgradeDialog > .container > .headerBar > .closeDialog {
  display: none;
}
#vueApp {
  line-height: 18px;
}
#vueApp input {
  border: 1px solid #ced4da;
  font-size: 1.4rem;
  line-height: 14px;
  margin: 0;
  padding: 5px 5px 5px 20px;
}
#orgUpgradeTasksView {
  background-color: #fff;
  margin: 2rem !important;
  border: none;
  padding: 2rem;
}
#orgUpgradeTasksView h2 {
  font-weight: 700;
  margin-top: 0.5rem;
  margin-bottom: 2rem;
}
#orgUpgradeTasksView h4 {
  font-weight: 700;
}
#orgUpgradeTasksView table {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #E9EAEB;
  margin: 2rem 0 4rem 0;
  table-layout: auto;
}
#orgUpgradeTasksView thead > tr > th {
  text-align: left;
  padding: 12px 8px;
}
#orgUpgradeTasksView thead > tr > th:first-child {
  width: auto;
}
#orgUpgradeTasksView thead > tr > th:last-child {
  width: auto;
  white-space: nowrap;
}
#orgUpgradeTasksView tbody > tr > td {
  padding: 12px 8px 20px 8px;
}
#orgUpgradeTasksView tbody > tr > td:first-child {
  width: 100%;
}
#orgUpgradeTasksView tbody > tr > td:last-child {
  width: auto;
  padding-right: 3rem;
  min-width: fit-content;
  white-space: nowrap;
}
#orgUpgradeTasksView .staff-permissions-card .permissions-table tbody > tr > td:first-child,
#orgUpgradeTasksView .staff-permissions-card .permissions-table thead > tr > th:first-child {
  width: 15%;
}
#orgUpgradeTasksView .warning-container {
  border: 1px solid #FFF4E6;
  border-radius: 5px;
  background-color: #FFF4E6;
  padding: 1rem 0.75rem;
  margin-bottom: 3.5rem;
}
#orgUpgradeTasksView .warning-container > div {
  display: flex;
  align-items: flex-start;
}
#orgUpgradeTasksView .warning-container > div > div:first-child {
  width: 3%;
  text-align: center;
  height: -webkit-fill-available;
  height: -moz-available;
  height: fill-available;
}
#orgUpgradeTasksView .warning-container > div > div:first-child > i {
  color: #C77E1C;
  font-size: 1.25rem;
  vertical-align: sub;
}
#orgUpgradeTasksView .warning-container > div > div:last-child {
  width: 97%;
}
#orgUpgradeTasksView .warning-container > div > div:last-child > p {
  margin: 0 0 0 0.5rem;
}
#orgUpgradeTasksView #changeAdminContainer {
  border: none;
  padding: 12px 8px;
  display: none;
  margin-top: -3rem;
}
#orgUpgradeTasksView #changeAdminContainer > div:first-child {
  margin-bottom: 12px;
}
#orgUpgradeTasksView .admin-select-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}
#orgUpgradeTasksView .admin-select-wrapper .fa-chevron-down {
  position: absolute;
  right: 1rem;
  top: 1.25rem;
  color: #1B69B9;
  pointer-events: none;
  line-height: 1;
}
#orgUpgradeTasksView #adminUserSelect {
  width: 100%;
  padding: 8px 32px 8px 8px;
  border: 1px solid #E9EAEB;
  font-size: 14px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
#orgUpgradeTasksView #changeAdminUserLink:link,
#orgUpgradeTasksView #changeAdminUserLink:visited {
  color: #1B69B9;
  text-decoration: underline;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
#orgUpgradeTasksView #changeAdminUserLink:hover,
#orgUpgradeTasksView #changeAdminUserLink:active,
#orgUpgradeTasksView #changeAdminUserLink:focus {
  background-color: transparent !important;
  color: #1B69B9 !important;
  text-decoration: underline;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
#orgUpgradeTasksView #changeAdminButtonsContainer {
  display: none;
  text-align: right;
}
#orgUpgradeTasksView #changeAdminButtonsContainer button {
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  margin-right: 0.5rem;
}
#orgUpgradeTasksView #cancelAdminChangeBtn {
  background-color: #fff;
  color: #24303B;
  border: 1px solid #24303B;
}
#orgUpgradeTasksView #cancelAdminChangeBtn:hover {
  background-color: #f5f5f5;
}
#orgUpgradeTasksView #saveAdminChangeBtn {
  background-color: #24303B;
  color: #fff;
  border: 1px solid #24303B;
}
#orgUpgradeTasksView #saveAdminChangeBtn:hover {
  background-color: #1a2329;
}
/* Org Upgrade Styles */
.upgrade-container {
  margin: 30px;
  padding: 30px;
  background-color: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  font-family: 'Open Sans', Arial, sans-serif;
}
.upgrade-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
.upgrade-title {
  font-size: 28px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.upgrade-learn-more {
  background-color: #1B69B9 !important;
  border: none !important;
  border-color: #1B69B9 !important;
  color: white !important;
  padding: 12px 24px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: background-color 0.2s ease;
}
.upgrade-learn-more:hover,
.upgrade-learn-more:focus,
.upgrade-learn-more:active {
  background-color: #15384f !important;
  border-color: #15384f !important;
  color: white !important;
}
.upgrade-description {
  margin-bottom: 15px;
  line-height: 1.6;
  color: #555;
}
.upgrade-description p {
  margin-bottom: 15px;
}
.upgrade-status-bar {
  background-color: #e8f5e8;
  padding: 20px 20px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.status-item {
  font-size: 16px;
  color: #333;
}
.status-item strong {
  font-weight: 600;
  margin-right: 8px;
}
.upgrade-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 25px;
  background-color: white;
}
.upgrade-table th {
  background-color: white;
  padding: 15px;
  text-align: left;
  font-weight: 600;
  color: #333;
  border-bottom: none;
}
.upgrade-table td {
  padding: 15px;
  border-bottom: 1px solid #dee2e6;
  vertical-align: middle;
}
.upgrade-table tbody tr:nth-child(even) {
  background-color: #F7F8FA;
}
.upgrade-table tr:hover {
  background-color: #e9ecef;
}
.status-badge {
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}
.status-available {
  background-color: #d4edda;
  color: #155724;
}
.status-coming-soon {
  background-color: #fff3cd;
  color: #856404;
}
.status-unavailable {
  background-color: #f8d7da;
  color: #721c24;
}
.demo-link {
  color: #4a90e2;
  text-decoration: none;
  font-weight: 500;
}
.demo-link:hover {
  text-decoration: underline;
}
.demo-unavailable {
  color: #6c757d;
  font-style: italic;
}
.upgrade-support {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px;
  background-color: #E8F0F8;
  border-radius: 6px;
  color: #555;
}
.support-icon {
  color: black;
  font-size: 18px;
}
.support-link {
  color: black;
  text-decoration: none;
  font-weight: 500;
}
.support-link:hover {
  text-decoration: underline;
}
/* Org Upgrade Learn More Page Styles */
#orgUpgradeLearnMorePage {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 30px;
  background-color: #f0f0f0;
  display: flex;
  flex-direction: column;
}
#orgUpgradeLearnMorePage .upgrade-content-wrapper {
  background-color: #ffffff;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
#orgUpgradeLearnMorePage .upgrade-header {
  padding: 20px 20px 0 20px;
}
#orgUpgradeLearnMorePage .upgrade-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: #1B69B9;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
#orgUpgradeLearnMorePage .upgrade-back-btn:hover {
  background-color: #15384f;
}
#orgUpgradeLearnMorePage .upgrade-back-btn:focus {
  outline: 2px solid #1B69B9;
  outline-offset: 2px;
}
#orgUpgradeLearnMorePage #orgUpgradeLearnMoreContainer {
  flex: 1;
  min-height: 0;
  padding: 0 20px 20px 20px;
}
#orgUpgradeLearnMorePage #orgUpgradeLearnMore {
  border: none;
  width: 100%;
  height: 100%;
}
/* Org Upgrade Support Form Styles */
.dialog.orgUpgradeSupportFormDialog .container {
  display: flex;
  flex-direction: column;
  height: 80vh;
}
.dialog.orgUpgradeSupportFormDialog #orgUpgradeSupportFormContainer {
  flex: 1;
  width: 100%;
  min-height: 0;
  overflow: hidden;
}
.dialog.orgUpgradeSupportFormDialog #orgUpgradeSupportFormIFrame {
  width: 100%;
  height: 100%;
  border: none;
}
/* Org Upgrade Tasks Button Disabled State */
#orgUpgradeTasksContainer .upgrade-tasks-btn-disabled {
  background-color: #ffffff !important;
  border: 2px dashed #cccccc !important;
  color: #999999 !important;
  pointer-events: none;
  cursor: default;
}
#orgUpgradeTasksContainer .upgrade-tasks-btn-disabled:hover,
#orgUpgradeTasksContainer .upgrade-tasks-btn-disabled:focus,
#orgUpgradeTasksContainer .upgrade-tasks-btn-disabled:active {
  background-color: #ffffff !important;
  border-color: #cccccc !important;
  color: #999999 !important;
  box-shadow: none !important;
}
#orgUpgradeTasksContainer .show-users-with-role-btn:active {
  box-shadow: none;
}
/* Org Upgrade Demo Dialog Styles */
.dialog.orgUpgradeDemoDialog .container {
  width: 80%;
  max-width: none;
  background-color: #ffffff;
}
#orgUpgradeDemoPage {
  width: 100%;
  background-color: #ffffff;
}
#orgUpgradeDemoPage .upgrade-demo-content-wrapper {
  background-color: #ffffff;
  width: 100%;
}
#orgUpgradeDemoPage .upgrade-demo-header {
  padding: 15px 20px;
  background-color: #ffffff;
}
#orgUpgradeDemoPage .upgrade-demo-header p {
  margin: 0;
  font-size: 14px;
  color: #333;
}
#orgUpgradeDemoPage #orgUpgradeDemoContainer {
  width: 100%;
  padding: 0 20px 20px 20px;
  background-color: #ffffff;
}
#orgUpgradeDemoPage #orgUpgradeDemoIFrame {
  width: 100%;
  height: 715px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.orgUpgradeCountdown {
  background: #f9f2d8;
  border: 1px solid #e5d3a3;
  border-radius: 4px;
  display: inline-block;
  margin: 6px 0 12px;
  padding: 6px 10px;
}

.orgUpgradeCountdownLabel {
  color: #8a6d3b;
  font-size: 12px;
  margin-right: 6px;
  text-transform: uppercase;
}

.orgUpgradeCountdownValue {
  color: #8a6d3b;
  font-size: 18px;
  font-weight: bold;
}

.orgUpgradeSchoolsTable th {
  text-align: left;
}

.orgUpgradeSchoolsTable {
  border: 1px solid #e5e5e5;
  border-collapse: collapse;
  background: #fff;
}

.orgUpgradeSchoolsTable th,
.orgUpgradeSchoolsTable td {
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 12px;
  vertical-align: top;
}

.orgUpgradeSchoolsTable thead th {
  background: #f7f7f7;
  color: #333;
  font-weight: 600;
}

.orgUpgradeSchoolsTable tbody tr:nth-child(even) {
  background: #fafafa;
}

.orgUpgradeSchoolsTable tbody tr:hover {
  background: #f1f7ff;
}

.orgUpgradeSchoolsTable td:last-child,
.orgUpgradeSchoolsTable th:last-child {
  white-space: nowrap;
}