/* 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-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

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

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

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em; }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px; }

/* icon support */
.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible; }

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none; }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap; }

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0; }

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px; }

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap; }

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em; }

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block; }

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0; }

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999; }

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left; }

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box; }

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em; }

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%; }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none; }

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none; }

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none; }

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none; }

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc( 100% - 2.4em); }

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid; }

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none; }

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none; }

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid; }

.ui-checkboxradio-disabled {
  pointer-events: 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: 45%; }

.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; }

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em; }

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0; }

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0; }

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0; }

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0; }

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0; }

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px; }

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0; }

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0; }

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0; }

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25; }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none; }

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px; }

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0; }

.ui-selectmenu-open {
  display: block; }

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em; }

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0; }

.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; }

/* support: 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-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle; }

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em; }

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0; }

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none; }

.ui-spinner-up {
  top: 0; }

.ui-spinner-down {
  bottom: 0; }

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em; }

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text; }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer; }

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px; }

body .ui-tooltip {
  border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

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

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5; }

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333; }

.ui-widget-content a {
  color: #333333; }

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold; }

.ui-widget-header a {
  color: #333333; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  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,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b; }

.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,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none; }

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff; }

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620; }

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f; }

.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);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("/img/jquery-ui/ui-icons_444444_256x240.png"); }

.ui-widget-header .ui-icon {
  background-image: url("/img/jquery-ui/ui-icons_444444_256x240.png"); }

.ui-button .ui-icon {
  background-image: url("/img/jquery-ui/ui-icons_777777_256x240.png"); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon,
.ui-state-default .ui-icon {
  background-image: url("/img/jquery-ui/ui-icons_555555_256x240.png"); }

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("/img/jquery-ui/ui-icons_ffffff_256x240.png"); }

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("/img/jquery-ui/ui-icons_777620_256x240.png"); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("/img/jquery-ui/ui-icons_cc0000_256x240.png"); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-caret-1-n {
  background-position: 0 0; }

.ui-icon-caret-1-ne {
  background-position: -16px 0; }

.ui-icon-caret-1-e {
  background-position: -32px 0; }

.ui-icon-caret-1-se {
  background-position: -48px 0; }

.ui-icon-caret-1-s {
  background-position: -65px 0; }

.ui-icon-caret-1-sw {
  background-position: -80px 0; }

.ui-icon-caret-1-w {
  background-position: -96px 0; }

.ui-icon-caret-1-nw {
  background-position: -112px 0; }

.ui-icon-caret-2-n-s {
  background-position: -128px 0; }

.ui-icon-caret-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: -65px -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: -65px -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: 1px -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: 3px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px; }

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */ }

.ui-widget-shadow {
  box-shadow: 0px 0px 5px #666666; }

html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased; }

button {
  outline: none;
  border: none; }
  button:hover {
    cursor: pointer; }

.responsive-img {
  width: 100%;
  height: auto !important; }

.outer-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  .outer-container::after {
    clear: both;
    content: "";
    display: table; }
  .outer-container .span-1 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
    .outer-container .span-1:last-child {
      margin-right: 0; }
    @media (min-width: 480px) {
      .outer-container .span-1 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 6.17215%; }
        .outer-container .span-1:last-child {
          margin-right: 0; } }
  .outer-container .span-2 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
    .outer-container .span-2:last-child {
      margin-right: 0; }
    @media (min-width: 480px) {
      .outer-container .span-2 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 14.70196%; }
        .outer-container .span-2:last-child {
          margin-right: 0; } }
  .outer-container .span-3 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
    .outer-container .span-3:last-child {
      margin-right: 0; }
    @media (min-width: 480px) {
      .outer-container .span-3 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%; }
        .outer-container .span-3:last-child {
          margin-right: 0; } }
  .outer-container .span-4 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
    .outer-container .span-4:last-child {
      margin-right: 0; }
    @media (min-width: 480px) {
      .outer-container .span-4 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%; }
        .outer-container .span-4:last-child {
          margin-right: 0; } }
  .outer-container .span-5 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
    .outer-container .span-5:last-child {
      margin-right: 0; }
    @media (min-width: 480px) {
      .outer-container .span-5 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 40.29137%; }
        .outer-container .span-5:last-child {
          margin-right: 0; } }
  .outer-container .span-6 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
    .outer-container .span-6:last-child {
      margin-right: 0; }
    @media (min-width: 480px) {
      .outer-container .span-6 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%; }
        .outer-container .span-6:last-child {
          margin-right: 0; } }
  .outer-container .span-7 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
    .outer-container .span-7:last-child {
      margin-right: 0; }
    @media (min-width: 480px) {
      .outer-container .span-7 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 57.35098%; }
        .outer-container .span-7:last-child {
          margin-right: 0; } }
  .outer-container .span-8 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
    .outer-container .span-8:last-child {
      margin-right: 0; }
    @media (min-width: 480px) {
      .outer-container .span-8 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%; }
        .outer-container .span-8:last-child {
          margin-right: 0; } }
  .outer-container .span-9 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
    .outer-container .span-9:last-child {
      margin-right: 0; }
    @media (min-width: 480px) {
      .outer-container .span-9 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%; }
        .outer-container .span-9:last-child {
          margin-right: 0; } }
  .outer-container .span-10 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
    .outer-container .span-10:last-child {
      margin-right: 0; }
    @media (min-width: 480px) {
      .outer-container .span-10 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 82.94039%; }
        .outer-container .span-10:last-child {
          margin-right: 0; } }
  .outer-container .span-11 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
    .outer-container .span-11:last-child {
      margin-right: 0; }
    @media (min-width: 480px) {
      .outer-container .span-11 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 91.4702%; }
        .outer-container .span-11:last-child {
          margin-right: 0; } }
  .outer-container .span-12 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
    .outer-container .span-12:last-child {
      margin-right: 0; }
    @media (min-width: 480px) {
      .outer-container .span-12 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%; }
        .outer-container .span-12:last-child {
          margin-right: 0; } }

html, body, h1, h2, h3, h4, h5, h6, button {
  font-family: "Ubuntu", "HelveticaNeue", Helvetica, Arial, sans-serif; }

.gigantic, .huge, .large, .bigger, .big,
h1, h2, h3, h4, h5, h6 {
  color: #272a2b; }
  .gigantic:first-child, .huge:first-child, .large:first-child, .bigger:first-child, .big:first-child,
  h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0; }

.gigantic {
  font-size: 110px;
  line-height: 1.09;
  letter-spacing: -2px; }

.huge, h1 {
  font-size: 68px;
  line-height: 1.05;
  letter-spacing: -1px; }

.large, h2 {
  font-size: 42px;
  line-height: 1.14; }

.bigger, h3 {
  font-size: 26px;
  line-height: 1.38; }

.big, h4 {
  font-size: 22px;
  line-height: 1.38; }

.small, small {
  font-size: 10px;
  line-height: 1.2; }

.light {
  font-weight: 200; }

p {
  margin: 0 0 20px 0;
  line-height: 1.6; }

em {
  font-style: italic; }

strong {
  font-weight: bold; }

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 0; }

a {
  color: #4A90E2;
  text-decoration: none;
  outline: 0; }
  a:hover, a:focus {
    color: #76abe9; }

.btn-fill-small {
  line-height: 1;
  display: inline-block;
  background-color: transparent;
  padding: 16px 50px;
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(158, 158, 158, 0.7);
  background-color: #4A4A4A;
  padding: 18px 52px;
  color: #FAFAFA;
  height: 44px;
  padding: 15px 24px;
  font-size: 14px; }
  .btn-fill-small:hover, .btn-fill-small:focus {
    outline: none;
    cursor: pointer; }
  .btn-fill-small:focus {
    box-shadow: none; }
  .btn-fill-small:hover {
    color: #FAFAFA;
    background-color: #545454; }

button.btn-fill-small-primary, a.btn-fill-small-primary {
  line-height: 1;
  display: inline-block;
  background-color: transparent;
  padding: 16px 50px;
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(158, 158, 158, 0.7);
  background-color: #4A90E2;
  padding: 18px 52px;
  color: #FAFAFA;
  height: 44px;
  padding: 15px 24px;
  font-size: 14px; }
  button.btn-fill-small-primary:hover, button.btn-fill-small-primary:focus, a.btn-fill-small-primary:hover, a.btn-fill-small-primary:focus {
    outline: none;
    cursor: pointer; }
  button.btn-fill-small-primary:focus, a.btn-fill-small-primary:focus {
    box-shadow: none; }
  button.btn-fill-small-primary:hover, a.btn-fill-small-primary:hover {
    color: #FAFAFA;
    background-color: #5c9be5; }

.btn-border-small {
  line-height: 1;
  display: inline-block;
  background-color: transparent;
  padding: 16px 50px;
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(158, 158, 158, 0.7);
  background-color: transparent;
  border: 2px solid #4A4A4A;
  color: #4A4A4A;
  height: 44px;
  padding: 13px 22px 14px 22px;
  font-size: 14px; }
  .btn-border-small:hover, .btn-border-small:focus {
    outline: none;
    cursor: pointer; }
  .btn-border-small:focus {
    box-shadow: none; }
  .btn-border-small:hover, .btn-border-small:focus {
    color: #FAFAFA;
    background-color: #545454; }

.hero {
  height: 80vh;
  position: relative;
  color: #FAFAFA;
  padding: 0 40px; }
  .hero .hero-flex-content {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: column;
        flex-direction: column; }
  .hero .hero-heading {
    text-align: center;
    color: #FAFAFA;
    font-size: 32px;
    font-weight: 200;
    margin: 0 0 30px 0;
    padding: 0; }
  .hero .btn-cta {
    line-height: 1;
    display: inline-block;
    background-color: transparent;
    padding: 16px 50px;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 0.1s ease-in-out;
    box-shadow: 0 1px 2px 0 rgba(158, 158, 158, 0.7);
    background-color: #4A90E2;
    padding: 18px 52px;
    color: #FAFAFA;
    box-shadow: none; }
    .hero .btn-cta:hover, .hero .btn-cta:focus {
      outline: none;
      cursor: pointer; }
    .hero .btn-cta:focus {
      box-shadow: none; }
    .hero .btn-cta:hover {
      color: #FAFAFA;
      background-color: #5c9be5; }
  .hero .hero-bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background-size: cover;
    background-position: center; }

.landing-nav {
  top: 0px;
  z-index: 1000;
  position: fixed;
  width: 100%;
  height: 80px;
  line-height: 80px;
  color: #FAFAFA;
  background-color: #181818;
  transition: all 0.5s ease; }
  .landing-nav .landing-nav-container {
    transition: all 0.5s ease;
    padding: 0 40px;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .landing-nav .landing-nav-container {
        padding: 0 80px; } }
  .landing-nav.pristine {
    top: 20px;
    background-color: transparent !important; }
  .landing-nav .landing-nav-menu-btn {
    float: right;
    display: block; }
    .landing-nav .landing-nav-menu-btn i {
      cursor: pointer;
      vertical-align: middle; }
    @media (min-width: 768px) {
      .landing-nav .landing-nav-menu-btn {
        display: none; } }
  .landing-nav .landing-nav-menu {
    float: right;
    margin-top: 14px;
    display: none; }
    @media (min-width: 768px) {
      .landing-nav .landing-nav-menu {
        display: block; } }
    .landing-nav .landing-nav-menu .btn-login, .landing-nav .landing-nav-menu .btn-register {
      display: block;
      float: left;
      vertical-align: middle;
      line-height: 1; }
    .landing-nav .landing-nav-menu .btn-register {
      line-height: 1;
      display: inline-block;
      background-color: transparent;
      padding: 16px 50px;
      border: none;
      outline: none;
      font-size: 16px;
      font-weight: normal;
      letter-spacing: 1px;
      text-transform: uppercase;
      transition: all 0.1s ease-in-out;
      box-shadow: 0 1px 2px 0 rgba(158, 158, 158, 0.7);
      color: #FAFAFA;
      margin-top: 2px;
      box-shadow: none; }
      .landing-nav .landing-nav-menu .btn-register:hover, .landing-nav .landing-nav-menu .btn-register:focus {
        outline: none;
        cursor: pointer; }
      .landing-nav .landing-nav-menu .btn-register:focus {
        box-shadow: none; }
    .landing-nav .landing-nav-menu .btn-login {
      line-height: 1;
      display: inline-block;
      background-color: transparent;
      padding: 16px 50px;
      border: none;
      outline: none;
      font-size: 16px;
      font-weight: normal;
      letter-spacing: 1px;
      text-transform: uppercase;
      transition: all 0.1s ease-in-out;
      box-shadow: 0 1px 2px 0 rgba(158, 158, 158, 0.7);
      background-color: transparent;
      border: 2px solid #FAFAFA;
      color: #FAFAFA; }
      .landing-nav .landing-nav-menu .btn-login:hover, .landing-nav .landing-nav-menu .btn-login:focus {
        outline: none;
        cursor: pointer; }
      .landing-nav .landing-nav-menu .btn-login:focus {
        box-shadow: none; }
      .landing-nav .landing-nav-menu .btn-login:hover {
        background-color: #f0f0f0;
        color: #181818;
        border: 2px solid #FAFAFA; }
  .landing-nav .logo {
    color: #FAFAFA;
    margin: 0 !important;
    font-size: 32px;
    font-weight: 200;
    vertical-align: middle; }

.landing-nav-menu-mobile {
  position: fixed;
  z-index: 2000;
  width: 200px;
  left: 0;
  top: 0;
  height: 100vh;
  margin: 0;
  padding: 0;
  display: block;
  overflow-y: scroll;
  color: #FAFAFA;
  background-color: #272a2b;
  box-shadow: 2px 0 5px #181818;
  transition: all 0.2s ease;
  opacity: 0;
  left: -200px; }
  .landing-nav-menu-mobile::-webkit-scrollbar {
    display: none; }
  .landing-nav-menu-mobile.active {
    opacity: 1;
    left: 0; }
  @media (min-width: 768px) {
    .landing-nav-menu-mobile {
      display: none; } }
  .landing-nav-menu-mobile .landing-nav-menu-header {
    overflow: hidden; }
    .landing-nav-menu-mobile .landing-nav-menu-header .title, .landing-nav-menu-mobile .landing-nav-menu-header .material-icons {
      vertical-align: middle; }
    .landing-nav-menu-mobile .landing-nav-menu-header .material-icons {
      cursor: pointer;
      float: right;
      display: block;
      padding: 20px 28px 0 28px; }
  .landing-nav-menu-mobile ul {
    margin: 0;
    padding: 0; }
    .landing-nav-menu-mobile ul li {
      margin: 0;
      padding: 0; }
      .landing-nav-menu-mobile ul li a {
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #FAFAFA;
        padding: 20px 28px;
        display: block; }

.footer {
  margin-top: 100px !important;
  color: #9B9B9B;
  text-align: right; }

body.dashboard label, body.dashboard input {
  display: block; }

body.dashboard label {
  text-transform: uppercase;
  color: #4A4A4A;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: bold; }

body.dashboard input, body.dashboard textarea, body.dashboard select {
  font-size: 12px;
  width: 100%;
  border: 1px solid #C4C4C4;
  background-color: #fff;
  outline: none;
  padding: 12px 20px;
  letter-spacing: 1px;
  margin-bottom: 15px; }

body.dashboard input.inline {
  width: auto;
  display: inline; }

body.dashboard input.inline-20 {
  width: 19%; }

body.dashboard input.inline-80 {
  width: 79%; }

body.dashboard select {
  height: 41px; }

body.dashboard input[disabled] {
  background-color: #C4C4C4;
  color: #FAFAFA;
  cursor: not-allowed; }

body.dashboard .sublabel {
  color: #9B9B9B;
  font-size: 12px;
  margin-top: 6px; }

body.dashboard form button {
  line-height: 1;
  display: inline-block;
  background-color: transparent;
  padding: 16px 50px;
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(158, 158, 158, 0.7);
  background-color: #4A4A4A;
  padding: 18px 52px;
  color: #FAFAFA;
  height: 44px;
  padding: 15px 24px;
  font-size: 14px; }
  body.dashboard form button:hover, body.dashboard form button:focus {
    outline: none;
    cursor: pointer; }
  body.dashboard form button:focus {
    box-shadow: none; }
  body.dashboard form button:hover {
    color: #FAFAFA;
    background-color: #545454; }

body.dashboard input.toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden; }

body.dashboard input.toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

body.dashboard input.toggle-big + label {
  transform: scale(2);
  transform-origin: top left;
  margin-bottom: 34px; }

body.dashboard input.toggle-round-flat + label {
  padding: 2px;
  width: 60px;
  height: 30px;
  background-color: #dddddd;
  border-radius: 30px;
  transition: background 0.4s; }

body.dashboard input.toggle-round-flat + label:before, body.dashboard input.toggle-round-flat + label:after {
  display: block;
  position: absolute;
  content: ""; }

body.dashboard input.toggle-round-flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  border-radius: 30px;
  transition: background 0.4s; }

body.dashboard input.toggle-round-flat + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 22px;
  background-color: #dddddd;
  border-radius: 22px;
  transition: margin 0.4s, background 0.4s; }

body.dashboard input.toggle-round-flat:checked + label {
  background-color: #8ce196; }

body.dashboard input.toggle-round-flat:checked + label:after {
  margin-left: 30px;
  background-color: #8ce196; }

body.dashboard .input-group {
  margin-bottom: 15px; }
  body.dashboard .input-group input, body.dashboard .input-group textarea, body.dashboard .input-group select {
    margin-bottom: 0; }

.modal-open {
  overflow: hidden; }

.modal-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
  opacity: 0;
  overflow-x: hidden;
  overflow-y: auto; }
  .modal-container .modal-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(24, 24, 24, 0.7); }
  .modal-container .modal-content {
    background-color: #FAFAFA;
    position: relative;
    max-width: 758px;
    margin: 4% 10px;
    padding: 20px; }
    .modal-container .modal-content h1, .modal-container .modal-content h2, .modal-container .modal-content h3, .modal-container .modal-content h4, .modal-container .modal-content h5, .modal-container .modal-content h6 {
      font-weight: 200; }
    @media (min-width: 480px) {
      .modal-container .modal-content {
        padding: 40px; } }
    @media (min-width: 768px) {
      .modal-container .modal-content {
        margin: 4% auto;
        padding: 40px; } }
  .modal-container .modal-x {
    position: absolute;
    top: 15px;
    right: 15px; }
    .modal-container .modal-x:hover {
      cursor: pointer; }
  .modal-container button.close-modal {
    line-height: 1;
    display: inline-block;
    background-color: transparent;
    padding: 16px 50px;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 0.1s ease-in-out;
    box-shadow: 0 1px 2px 0 rgba(158, 158, 158, 0.7);
    background-color: #4A4A4A;
    padding: 18px 52px;
    color: #FAFAFA;
    height: 44px;
    padding: 15px 24px;
    font-size: 14px; }
    .modal-container button.close-modal:hover, .modal-container button.close-modal:focus {
      outline: none;
      cursor: pointer; }
    .modal-container button.close-modal:focus {
      box-shadow: none; }
    .modal-container button.close-modal:hover {
      color: #FAFAFA;
      background-color: #545454; }

.or-divider-module {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin: 40px 0 30px 0;
  position: relative; }
  .or-divider-module::after {
    clear: both;
    content: "";
    display: table; }
  .or-divider-module .divider {
    display: inline-block;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%;
    border-top: 1px solid #C4C4C4;
    vertical-align: middle;
    color: transparent; }
    .or-divider-module .divider:last-child {
      margin-right: 0; }
  .or-divider-module .or {
    color: #9B9B9B;
    font-weight: 200;
    margin-top: -12px;
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%; }
    .or-divider-module .or:last-child {
      margin-right: 0; }

.clear {
  clear: both; }

.muted {
  color: #9B9B9B; }

.text-danger {
  color: #FF5757; }

.text-success {
  color: #4caf50; }

.text-warning {
  color: #F4D330; }

[v-cloak], .v-cloak {
  display: none !important; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.loading {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 0.25rem solid #4A90E2;
  border-top-color: #a2c6f0;
  animation: spin 1s infinite linear; }
  .loading--double {
    border-style: double;
    border-width: .5rem; }

.click-me {
  color: #4A90E2; }
  .click-me:hover {
    cursor: pointer;
    color: #76abe9; }

.signature__wrapper {
  border: 1px solid #C4C4C4;
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 15px; }
  .signature__wrapper textarea {
    border: none !important;
    margin-bottom: 0 !important; }
    .signature__wrapper textarea:focus {
      outline: none; }

.signature__cts {
  display: block;
  color: #fff;
  background-color: #9B9B9B;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  padding: 6px 10px;
  min-height: 34px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  transition: background-color 0.1s ease; }
  .signature__cts:hover {
    background-color: #828282;
    color: #fff; }

.responsive-image {
  width: 100%;
  height: auto !important; }

.table {
  width: 100%;
  border-collapse: collapse;
  overflow-x: auto; }
  .table thead {
    border-bottom: 1px solid #EEEEEE; }
  .table th, .table td {
    text-align: left;
    padding: 14px 8px;
    font-weight: normal;
    word-break: break-word; }
  .table th {
    color: #9B9B9B; }

@media only screen and (max-width: 768px) {
  /* Force table to not be like tables anymore */
  .table--responsive {
    /* Hide table headers (but not display: none, for accessibility) */ }
    .table--responsive thead,
    .table--responsive tbody,
    .table--responsive th,
    .table--responsive td,
    .table--responsive tr {
      display: block; }
    .table--responsive thead {
      border-bottom: none; }
    .table--responsive th, .table--responsive td {
      padding: 0; }
    .table--responsive thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    .table--responsive tr {
      margin-bottom: 15px;
      background-color: #fff; }
    .table--responsive td {
      /* Behave  like a "row" */
      border: none;
      position: relative;
      padding-left: 35%;
      overflow-x: hidden;
      line-height: 1.7;
      word-break: break-word; }
    .table--responsive td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      left: 6px;
      width: 35%;
      padding-right: 10px;
      color: #9B9B9B;
      word-break: break-word;
      content: attr(data-heading);
      display: block; } }

.alert {
  padding: 18px;
  display: block;
  color: #ffffff;
  background-color: #9B9B9B;
  box-shadow: 0 1px 2px 0 rgba(158, 158, 158, 0.7);
  margin-bottom: 15px;
  overflow: hidden; }
  .alert::before {
    font-weight: bold;
    display: inline-block; }
  .alert .alert-body {
    display: inline-block; }
  .alert ul {
    margin: 0; }

.alert-danger {
  background-color: #FF5757; }
  .alert-danger::before {
    content: 'Uh, oh.\00a0'; }

.alert-success {
  background-color: #4caf50; }
  .alert-success::before {
    content: 'Success!\00a0'; }

.alert-warning {
  background-color: #F4D330; }
  .alert-warning::before {
    content: 'Warning!\00a0'; }

.error-heading {
  color: #4A4A4A;
  font-weight: bold;
  text-transform: uppercase; }

.alert-close {
  padding-left: 12px;
  color: white;
  padding-top: 5px;
  top: -2px;
  position: relative;
  float: right;
  font-size: 24px !important;
  line-height: 13px !important;
  cursor: pointer;
  transition: 0.3s; }
  .alert-close:hover {
    color: #f7f7f9; }

body.dashboard .tooltip-wrapper {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted #4A90E2; }
  body.dashboard .tooltip-wrapper .tooltip {
    position: absolute;
    display: block;
    box-shadow: 1px 2px 2px #ccc;
    background: #fff;
    top: 100%;
    z-index: 200;
    padding: 6px 12px; }
  body.dashboard .tooltip-wrapper .tooltip-text {
    display: none; }

.panel-pre-heading {
  text-transform: uppercase;
  font-size: 16px;
  color: #272a2b;
  font-weight: bold;
  margin-bottom: 12px; }

.panel {
  background-color: #fff;
  box-shadow: 0 2px 2px #eee;
  border-radius: 4px; }
  .panel:not(:last-of-type) {
    margin-bottom: 30px; }
  .panel.with-padding {
    padding: 20px; }
  .panel *:last-child {
    margin-bottom: 0; }
  .panel .panel-heading {
    text-transform: uppercase;
    font-size: 22px;
    color: #4A4A4A;
    font-weight: bold;
    margin-bottom: 18px; }

.content-wrapper {
  max-width: 680px;
  margin: 0 auto; }

.mission-area {
  padding: 80px 40px;
  color: #4A4A4A;
  line-height: 1.4;
  font-size: 18px;
  overflow: hidden; }
  .mission-area .mission-heading {
    margin: 0 auto;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #4A4A4A; }

.how-area {
  padding: 80px 40px;
  color: #4A4A4A;
  line-height: 1.4;
  font-size: 18px;
  overflow: hidden;
  background-color: #f7f7f9; }
  .how-area .how-heading {
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    font-size: 32px;
    font-weight: bold;
    color: #4A4A4A;
    margin-bottom: 40px; }
  .how-area .how-token-modules {
    font-size: 22px; }
    .how-area .how-token-modules .title {
      text-align: left;
      margin-bottom: 40px; }
      @media (min-width: 768px) {
        .how-area .how-token-modules .title {
          text-align: center; } }
    .how-area .how-token-modules .module {
      width: 100%;
      margin-bottom: 40px;
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto; }
      .how-area .how-token-modules .module::after {
        clear: both;
        content: "";
        display: table; }
      @media (min-width: 768px) {
        .how-area .how-token-modules .module {
          margin-bottom: 20px; } }
      .how-area .how-token-modules .module .heading {
        text-transform: uppercase;
        font-size: 14px;
        color: #9B9B9B; }
        @media (min-width: 768px) {
          .how-area .how-token-modules .module .heading {
            float: left;
            display: block;
            margin-right: 2.35765%;
            width: 23.23176%; }
            .how-area .how-token-modules .module .heading:last-child {
              margin-right: 0; } }
      .how-area .how-token-modules .module .node {
        display: none; }
        @media (min-width: 768px) {
          .how-area .how-token-modules .module .node {
            float: left;
            display: block;
            margin-right: 2.35765%;
            width: 6.17215%;
            display: block; }
            .how-area .how-token-modules .module .node:last-child {
              margin-right: 0; } }
      @media (min-width: 768px) {
        .how-area .how-token-modules .module .description {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 65.88078%; }
          .how-area .how-token-modules .module .description:last-child {
            margin-right: 0; } }

.feature-area {
  padding: 80px 40px;
  color: #4A4A4A;
  line-height: 1.4;
  font-size: 18px;
  overflow: hidden; }
  .feature-area .feature-heading {
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    font-size: 32px;
    font-weight: bold;
    color: #4A4A4A;
    margin-bottom: 40px; }
  .feature-area .features {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 40px; }
    .feature-area .features::after {
      clear: both;
      content: "";
      display: table; }
    .feature-area .features .feature {
      float: left;
      font-weight: 200;
      width: 100%;
      box-sizing: border-box;
      text-align: center; }
      @media (min-width: 768px) {
        .feature-area .features .feature {
          text-align: left; } }
      .feature-area .features .feature:not(:last-of-type) {
        padding-right: 0;
        margin-bottom: 40px; }
      .feature-area .features .feature .icon i.material-icons {
        font-size: 64px; }
      .feature-area .features .feature .title {
        font-size: 28px;
        margin-bottom: 10px; }
      .feature-area .features .feature .subtext {
        font-size: 16px;
        line-height: 1.5; }
      @media (min-width: 768px) {
        .feature-area .features .feature {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 31.76157%; }
          .feature-area .features .feature:last-child {
            margin-right: 0; }
          .feature-area .features .feature:not(:last-of-type) {
            padding-right: 50px;
            margin-bottom: 0; } }

.why-area {
  padding: 80px 40px;
  color: #4A4A4A;
  line-height: 1.4;
  font-size: 18px;
  overflow: hidden;
  background-color: #f7f7f9; }
  .why-area .why-heading {
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    font-size: 32px;
    font-weight: bold;
    color: #4A4A4A;
    margin-bottom: 40px; }

body.login {
  background-color: #F7F7F7; }
  body.login .everything {
    position: relative;
    top: 7vh;
    max-width: 480px;
    padding: 1.618em 30px;
    margin: 0 auto; }
    @media (min-width: 768px) {
      body.login .everything {
        max-width: 880px; } }
  body.login .logins-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    @media (min-width: 768px) {
      body.login .logins-wrapper {
        -ms-flex-direction: row;
            flex-direction: row; } }
  body.login .login-with-email, body.login .login-with-bitcoin {
    width: 100%; }
  @media (min-width: 768px) {
    body.login .login-with-email {
      float: left; } }
  @media (min-width: 768px) {
    body.login .login-with-bitcoin {
      float: right; } }
  body.login .logo {
    color: #4A4A4A;
    font-size: 42px;
    text-align: center;
    margin-bottom: 30px; }
    body.login .logo a {
      color: #4A4A4A; }
  body.login .login-heading {
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
    padding-bottom: 6px;
    color: #4A4A4A;
    border-bottom: 2px solid #4A4A4A;
    margin-bottom: 20px; }
  body.login .helptext {
    line-height: 1.4;
    font-size: 14px;
    color: #4A4A4A; }
  body.login [data-tooltip] {
    position: relative; }
  body.login .tooltip {
    position: absolute;
    z-index: 100;
    top: 100%;
    right: 0;
    background-color: rgba(74, 74, 74, 0.9);
    color: #FAFAFA;
    font-size: 14px;
    padding: 20px;
    line-height: 1.4;
    border-radius: 4px; }
  body.login .help-icon {
    position: absolute;
    z-index: 200;
    color: #4A90E2;
    float: right;
    right: -28px;
    margin-bottom: 4px; }
    body.login .help-icon i.material-icons {
      font-size: 16px;
      vertical-align: middle; }
    body.login .help-icon:hover {
      cursor: pointer; }
  body.login form label {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: #9B9B9B;
    margin-bottom: 4px; }
  body.login form input:disabled {
    background-color: #9B9B9B;
    color: #FAFAFA;
    font-weight: normal; }
  body.login form input, body.login form textarea {
    display: block;
    position: relative;
    width: 100%;
    background-color: transparent;
    border: 1px solid #C4C4C4;
    border-radius: 4px;
    padding: 13px 20px;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 200;
    margin-bottom: 15px; }
  body.login form button {
    margin-top: 10px;
    line-height: 1;
    display: inline-block;
    background-color: transparent;
    padding: 16px 50px;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 0.1s ease-in-out;
    box-shadow: 0 1px 2px 0 rgba(158, 158, 158, 0.7);
    background-color: #4A4A4A;
    padding: 18px 52px;
    color: #FAFAFA;
    width: 100%; }
    body.login form button:hover, body.login form button:focus {
      outline: none;
      cursor: pointer; }
    body.login form button:focus {
      box-shadow: none; }
    body.login form button:hover {
      color: #FAFAFA;
      background-color: #545454; }
    body.login form button:not(:last-child) {
      margin-bottom: 10px; }
  body.login .login-subtext {
    text-align: center;
    margin: 30px 0 0 0;
    font-weight: 200;
    font-size: 14px;
    color: #9B9B9B;
    line-height: 1.6; }
    body.login .login-subtext a {
      color: #9B9B9B;
      text-decoration: underline; }
  body.login .signin-with-btc-btn {
    display: block;
    text-align: center;
    line-height: 1;
    display: inline-block;
    background-color: transparent;
    padding: 16px 50px;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 0.1s ease-in-out;
    box-shadow: 0 1px 2px 0 rgba(158, 158, 158, 0.7);
    background-color: transparent;
    border: 2px solid #4A4A4A;
    color: #4A4A4A;
    width: 100%; }
    body.login .signin-with-btc-btn:hover, body.login .signin-with-btc-btn:focus {
      outline: none;
      cursor: pointer; }
    body.login .signin-with-btc-btn:focus {
      box-shadow: none; }
    body.login .signin-with-btc-btn:hover, body.login .signin-with-btc-btn:focus {
      color: #FAFAFA;
      background-color: #545454; }
  body.login .login-or-divider-module {
    margin: 40px 0 30px 0;
    position: relative; }
    body.login .login-or-divider-module .divider {
      float: left;
      display: inline-block;
      width: 41%;
      border-top: 1px solid #C4C4C4;
      vertical-align: middle;
      color: transparent; }
    body.login .login-or-divider-module .or {
      float: left;
      color: #9B9B9B;
      font-weight: 200;
      margin-top: -12px;
      font-size: 24px;
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      width: 16%; }
    @media (min-width: 768px) {
      body.login .login-or-divider-module {
        position: relative;
        text-align: center;
        width: 200px; }
        body.login .login-or-divider-module .divider {
          float: none;
          width: 1px;
          display: inline-block;
          border-top: none;
          border-right: 1px solid #C4C4C4;
          height: 40%;
          color: transparent; }
        body.login .login-or-divider-module .or {
          float: none;
          width: 100%;
          display: inline-block;
          color: #9B9B9B;
          font-weight: 200;
          font-size: 24px;
          margin: 25px 0 30px; } }

body.dashboard {
  background-color: #f7f7f7; }
  body.dashboard .navigation {
    background-color: #272a2b;
    color: #FAFAFA;
    height: 80px;
    line-height: 80px;
    overflow: hidden; }
    body.dashboard .navigation .navigation-content {
      padding: 0 15px;
      max-width: 1080px;
      margin-left: auto;
      margin-right: auto; }
      @media (min-width: 768px) {
        body.dashboard .navigation .navigation-content {
          padding: 0 40px; } }
      body.dashboard .navigation .navigation-content .logo {
        font-size: 24px;
        letter-spacing: 1px;
        font-weight: 200;
        float: left; }
        body.dashboard .navigation .navigation-content .logo a {
          color: #FAFAFA; }
      body.dashboard .navigation .navigation-content ul.menu {
        float: right;
        margin: 0;
        padding: 0;
        display: none; }
        @media (min-width: 768px) {
          body.dashboard .navigation .navigation-content ul.menu {
            display: block; } }
        body.dashboard .navigation .navigation-content ul.menu li {
          list-style-type: none;
          font-size: 18px;
          float: left; }
          body.dashboard .navigation .navigation-content ul.menu li a {
            text-transform: uppercase;
            color: #FAFAFA;
            font-weight: bold;
            padding: 0 20px;
            display: block;
            position: relative; }
            body.dashboard .navigation .navigation-content ul.menu li a span.linktext {
              position: relative; }
              body.dashboard .navigation .navigation-content ul.menu li a span.linktext:after, body.dashboard .navigation .navigation-content ul.menu li a span.linktext:focus {
                opacity: 0;
                position: absolute;
                content: '';
                width: 100%;
                height: 2px;
                left: 0;
                bottom: -5px;
                right: 0;
                background-color: #fff; }
            body.dashboard .navigation .navigation-content ul.menu li a:hover span.linktext:after {
              opacity: 1; }
      body.dashboard .navigation .navigation-content .user {
        float: right;
        line-height: 80px;
        margin-left: 40px;
        display: none; }
        body.dashboard .navigation .navigation-content .user:hover {
          cursor: pointer; }
        @media (min-width: 768px) {
          body.dashboard .navigation .navigation-content .user {
            display: block; } }
        body.dashboard .navigation .navigation-content .user .logout {
          display: inline-block;
          line-height: 1; }
        body.dashboard .navigation .navigation-content .user .avatar {
          display: inline-block;
          vertical-align: middle;
          background-color: #4A90E2;
          width: 30px;
          height: 30px;
          border-radius: 100%;
          margin-right: 12px;
          overflow: hidden; }
          body.dashboard .navigation .navigation-content .user .avatar a {
            display: block;
            color: #FAFAFA; }
          body.dashboard .navigation .navigation-content .user .avatar img {
            float: left;
            width: 100%; }
          body.dashboard .navigation .navigation-content .user .avatar i {
            position: relative;
            top: 2px;
            left: 3px;
            float: left; }
        body.dashboard .navigation .navigation-content .user i, body.dashboard .navigation .navigation-content .user svg {
          vertical-align: middle; }
  body.dashboard section {
    display: block;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    padding: 0 15px; }
    body.dashboard section:first-of-type {
      margin-top: 40px; }
    @media (min-width: 768px) {
      body.dashboard section {
        padding: 0 40px; } }
    body.dashboard section .heading {
      font-size: 32px;
      font-weight: 200;
      color: #4A4A4A;
      margin-right: 40px; }
  body.dashboard .search-wrapper {
    width: 100%;
    margin-top: 20px;
    height: 40px;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #C4C4C4;
    overflow: hidden;
    position: relative; }
    @media (min-width: 768px) {
      body.dashboard .search-wrapper {
        margin-top: 0;
        width: 350px; } }
    body.dashboard .search-wrapper input {
      margin: 0;
      line-height: 40px;
      border: none;
      outline: none;
      width: 80%;
      height: 100%;
      padding: 0 20px;
      letter-spacing: 1px;
      background-color: transparent; }
    body.dashboard .search-wrapper .icon {
      width: 20%;
      float: right;
      text-align: center; }
      body.dashboard .search-wrapper .icon i {
        color: #9B9B9B;
        font-size: 22px;
        line-height: 40px; }
  body.dashboard section.title > * {
    display: inline-block;
    vertical-align: middle; }

.dash-nav-menu-btn {
  float: right;
  display: block; }
  .dash-nav-menu-btn i {
    cursor: pointer;
    vertical-align: middle; }
  @media (min-width: 768px) {
    .dash-nav-menu-btn {
      display: none; } }

.dash-nav-menu-mobile {
  position: fixed;
  z-index: 2000;
  width: 200px;
  left: 0;
  top: 0;
  height: 100vh;
  margin: 0;
  padding: 0;
  display: block;
  overflow-y: scroll;
  color: #FAFAFA;
  background-color: #272a2b;
  box-shadow: 2px 0 5px #181818;
  transition: all 0.2s ease;
  opacity: 0;
  left: -200px; }
  .dash-nav-menu-mobile::-webkit-scrollbar {
    display: none; }
  .dash-nav-menu-mobile.active {
    opacity: 1;
    left: 0; }
  @media (min-width: 768px) {
    .dash-nav-menu-mobile {
      display: none; } }
  .dash-nav-menu-mobile .landing-nav-menu-header {
    overflow: hidden; }
    .dash-nav-menu-mobile .landing-nav-menu-header .title, .dash-nav-menu-mobile .landing-nav-menu-header .material-icons {
      vertical-align: middle; }
    .dash-nav-menu-mobile .landing-nav-menu-header .material-icons {
      cursor: pointer;
      float: right;
      display: block;
      padding: 20px 28px 0 28px; }
  .dash-nav-menu-mobile ul {
    margin: 0;
    padding: 0; }
    .dash-nav-menu-mobile ul li {
      margin: 0;
      padding: 0; }
      .dash-nav-menu-mobile ul li a {
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #FAFAFA;
        padding: 20px 28px;
        display: block;
        transition: all 0.1s ease; }
        .dash-nav-menu-mobile ul li a:hover, .dash-nav-menu-mobile ul li a:focus {
          padding-left: 32px; }
  .dash-nav-menu-mobile hr {
    margin: 5px 26px;
    opacity: 0.5; }

body.dashboard .btn-dash-title {
  line-height: 1;
  display: inline-block;
  background-color: transparent;
  padding: 16px 50px;
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(158, 158, 158, 0.7);
  background-color: #9B9B9B;
  padding: 18px 52px;
  color: #FAFAFA;
  height: 44px;
  padding: 15px 24px;
  font-size: 14px;
  display: block;
  width: 100%;
  margin-top: 20px; }
  body.dashboard .btn-dash-title:hover, body.dashboard .btn-dash-title:focus {
    outline: none;
    cursor: pointer; }
  body.dashboard .btn-dash-title:focus {
    box-shadow: none; }
  body.dashboard .btn-dash-title:hover {
    color: #FAFAFA;
    background-color: #a5a5a5; }
  @media (min-width: 1024px) {
    body.dashboard .btn-dash-title {
      margin-top: 0;
      width: inherit;
      display: inline-block;
      float: right; } }
  body.dashboard .btn-dash-title i {
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    font-size: 13px; }

body.inventory section.tokens .token {
  line-height: 40px;
  background-color: #fff;
  border-top: 1px solid #EEEEEE;
  border-left: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  padding: 0 20px;
  overflow: hidden;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    body.inventory section.tokens .token {
      border-bottom: 0;
      margin-bottom: 0; } }
  body.inventory section.tokens .token i {
    vertical-align: middle; }
  body.inventory section.tokens .token:last-of-type {
    border-bottom: 1px solid #EEEEEE; }
  body.inventory section.tokens .token .token-indicator {
    float: left;
    margin-right: 20px; }
    @media (min-width: 768px) {
      body.inventory section.tokens .token .token-indicator {
        width: auto; } }
    body.inventory section.tokens .token .token-indicator label {
      text-align: center;
      margin-top: 5px; }
      @media (min-width: 768px) {
        body.inventory section.tokens .token .token-indicator label {
          margin-top: 0; } }
  body.inventory section.tokens .token .avatar {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    width: 25px;
    height: 25px;

 }
    body.inventory section.tokens .token .avatar img {
      width: 100%!important; }
  body.inventory section.tokens .token .primary-info, body.inventory section.tokens .token .secondary-info {
    display: inherit;
    overflow: hidden;
    width: 100%; }
    @media (min-width: 768px) {
      body.inventory section.tokens .token .primary-info, body.inventory section.tokens .token .secondary-info {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; } }
  body.inventory section.tokens .token .primary-info {
    font-size: 18px;
    font-weight: 200; }
    body.inventory section.tokens .token .primary-info .token-info {
      text-align: right; }
      @media (min-width: 768px) {
        body.inventory section.tokens .token .primary-info .token-info {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: end;
              justify-content: flex-end;
          text-align: inherit; } }
    body.inventory section.tokens .token .primary-info .quantity {
      display: inline-block;
      margin-right: 10px;
      text-align: right;
      position: relative; }
    body.inventory section.tokens .token .primary-info .quantity-star {
      position: absolute;
      top: 1px;
      left: -10px; }
    body.inventory section.tokens .token .primary-info .token-actions {
      text-align: right;
      width: 100%; }
      @media (min-width: 768px) {
        body.inventory section.tokens .token .primary-info .token-actions {
          padding: 0 0 0 20px;
          width: auto;
          margin-left: auto; } }
    body.inventory section.tokens .token .primary-info .detail-toggle {
      display: inline-block;
      text-align: right;
      text-transform: uppercase;
      font-weight: bold;
      color: #4A90E2;
      font-size: 14px;
      border-top: 1px solid #EEEEEE; }
      body.inventory section.tokens .token .primary-info .detail-toggle:not(:last-child) {
        margin-right: 15px; }
      @media (min-width: 768px) {
        body.inventory section.tokens .token .primary-info .detail-toggle {
          text-align: left;
          border-top: none; } }
      body.inventory section.tokens .token .primary-info .detail-toggle:hover {
        cursor: pointer;
        color: #77ace9; }
  body.inventory section.tokens .token .secondary-info {
    display: block;
    overflow-x: auto;
    padding: 10px 0 5px 0;
    line-height: 1.6; }
    body.inventory section.tokens .token .secondary-info .pocket {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 10px; }
      body.inventory section.tokens .token .secondary-info .pocket .detail-heading {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 14px;
        margin-bottom: 4px; }
      body.inventory section.tokens .token .secondary-info .pocket .detail-subheading {
        text-transform: uppercase;
        font-weight: normal;
        font-size: 12px;
        margin-bottom: 4px; }
      body.inventory section.tokens .token .secondary-info .pocket::after {
        clear: both;
        content: "";
        display: table; }
      body.inventory section.tokens .token .secondary-info .pocket table th, body.inventory section.tokens .token .secondary-info .pocket table td {
        padding: 2px 0; }
      body.inventory section.tokens .token .secondary-info .pocket .pocket-details-main {
        padding-bottom: 2px;
        margin-bottom: 5px;
        border-bottom: 1px solid #eee; }
        @media (min-width: 768px) {
          body.inventory section.tokens .token .secondary-info .pocket .pocket-details-main {
            float: left;
            display: block;
            margin-right: 2.35765%;
            width: 48.82117%;
            padding-bottom: 0;
            margin-bottom: 0;
            border-right: 1px solid #eee;
            border-bottom: none; }
            body.inventory section.tokens .token .secondary-info .pocket .pocket-details-main:last-child {
              margin-right: 0; } }
      @media (min-width: 768px) {
        body.inventory section.tokens .token .secondary-info .pocket .pocket-details-second {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 48.82117%; }
          body.inventory section.tokens .token .secondary-info .pocket .pocket-details-second:last-child {
            margin-right: 0; } }
      body.inventory section.tokens .token .secondary-info .pocket .pocket-promised-table-wrapper {
        margin-top: 3px;
        padding-left: 20px; }
        body.inventory section.tokens .token .secondary-info .pocket .pocket-promised-table-wrapper table {
          font-size: 13px; }
          body.inventory section.tokens .token .secondary-info .pocket .pocket-promised-table-wrapper table th {
            font-weight: bold;
            text-transform: uppercase; }

body.pockets section.pockets .pocket {
  max-height: 80px;
  background-color: #fff;
  border-top: 1px solid #EEEEEE;
  border-left: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
  overflow: hidden;
  padding-bottom: 0;
  transition: all 0.5s ease; }
  body.pockets section.pockets .pocket .pocket-indicator .loading {
    display: none; }
  body.pockets section.pockets .pocket .pocket-indicator.is-loading .loading {
    display: inherit; }
  body.pockets section.pockets .pocket .pocket-indicator.is-loading .active-indicator {
    display: none; }
  body.pockets section.pockets .pocket .pocket-indicator i {
    font-size: 34px; }
  body.pockets section.pockets .pocket .pocket-main, body.pockets section.pockets .pocket .pocket-settings {
    padding: 0 20px;
    position: relative;
    background-color: #fff; }
  body.pockets section.pockets .pocket .pocket-main {
    height: 80px;
    z-index: 50; }
  body.pockets section.pockets .pocket .pocket-settings {
    z-index: 10;
    opacity: 0;
    margin-top: 10px;
    transition: all 0.6s ease;
    transform: translateY(-5px); }
    body.pockets section.pockets .pocket .pocket-settings .btn-delete {
      line-height: 1;
      display: inline-block;
      background-color: transparent;
      padding: 16px 50px;
      border: none;
      outline: none;
      font-size: 16px;
      font-weight: normal;
      letter-spacing: 1px;
      text-transform: uppercase;
      transition: all 0.1s ease-in-out;
      box-shadow: 0 1px 2px 0 rgba(158, 158, 158, 0.7);
      background-color: transparent;
      border: 2px solid #ff8a8a;
      color: #ff8a8a;
      height: 44px;
      padding: 13px 22px 14px 22px;
      font-size: 14px; }
      body.pockets section.pockets .pocket .pocket-settings .btn-delete:hover, body.pockets section.pockets .pocket .pocket-settings .btn-delete:focus {
        outline: none;
        cursor: pointer; }
      body.pockets section.pockets .pocket .pocket-settings .btn-delete:focus {
        box-shadow: none; }
      body.pockets section.pockets .pocket .pocket-settings .btn-delete:hover, body.pockets section.pockets .pocket .pocket-settings .btn-delete:focus {
        color: #FAFAFA;
        background-color: #ff9e9e; }
    body.pockets section.pockets .pocket .pocket-settings .btn-save {
      line-height: 1;
      display: inline-block;
      background-color: transparent;
      padding: 16px 50px;
      border: none;
      outline: none;
      font-size: 16px;
      font-weight: normal;
      letter-spacing: 1px;
      text-transform: uppercase;
      transition: all 0.1s ease-in-out;
      box-shadow: 0 1px 2px 0 rgba(158, 158, 158, 0.7);
      background-color: #272a2b;
      padding: 18px 52px;
      color: #FAFAFA;
      height: 44px;
      padding: 15px 24px;
      font-size: 14px; }
      body.pockets section.pockets .pocket .pocket-settings .btn-save:hover, body.pockets section.pockets .pocket .pocket-settings .btn-save:focus {
        outline: none;
        cursor: pointer; }
      body.pockets section.pockets .pocket .pocket-settings .btn-save:focus {
        box-shadow: none; }
      body.pockets section.pockets .pocket .pocket-settings .btn-save:hover {
        color: #FAFAFA;
        background-color: #313436; }
    body.pockets section.pockets .pocket .pocket-settings .toggles-container {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto; }
      body.pockets section.pockets .pocket .pocket-settings .toggles-container::after {
        clear: both;
        content: "";
        display: table; }
      body.pockets section.pockets .pocket .pocket-settings .toggles-container .toggle-field {
        float: left;
        margin-right: 20px; }
  body.pockets section.pockets .pocket.editing {
    max-height: 550px;
    padding-bottom: 30px; }
    body.pockets section.pockets .pocket.editing .pocket-settings {
      opacity: 1;
      transform: translateY(0); }
  body.pockets section.pockets .pocket:last-of-type {
    border-bottom: 1px solid #EEEEEE; }
  body.pockets section.pockets .pocket .pocket-main .primary-info {
    float: left;
    font-size: 18px;
    font-weight: 200;
    height: 100%; }
    body.pockets section.pockets .pocket .pocket-main .primary-info .name {
      display: block;
      font-size: 18px;
      font-weight: 200;
      margin-top: 19px;
      margin-bottom: 4px; }
    body.pockets section.pockets .pocket .pocket-main .primary-info .address {
      display: block;
      font-size: 14px;
      font-weight: 200;
      color: #9B9B9B; }
  body.pockets section.pockets .pocket .pocket-main .active-toggle-wrapper, body.pockets section.pockets .pocket .pocket-main .pocket-indicator {
    padding-top: 20px;
    padding-right: 20px;
    height: 100%;
    float: left;
    position: relative;
    display: none; }
    @media (min-width: 480px) {
      body.pockets section.pockets .pocket .pocket-main .active-toggle-wrapper, body.pockets section.pockets .pocket .pocket-main .pocket-indicator {
        display: block; } }
  body.pockets section.pockets .pocket .pocket-main .active-toggle-module {
    position: relative;
    width: 60px; }
    body.pockets section.pockets .pocket .pocket-main .active-toggle-module:hover {
      cursor: pointer; }
    body.pockets section.pockets .pocket .pocket-main .active-toggle-module .module-switch {
      z-index: 100;
      position: absolute;
      top: 0;
      bottom: 0;
      width: 36px;
      height: 36px;
      border-radius: 36px;
      border: 1px solid #FAFAFA;
      transition: all 0.2s ease; }
    body.pockets section.pockets .pocket .pocket-main .active-toggle-module[data-toggle="1"] .module-switch {
      left: 0;
      background-color: #B8E986; }
    body.pockets section.pockets .pocket .pocket-main .active-toggle-module[data-toggle="0"] .module-switch {
      left: 24px;
      background-color: #FF5757; }
    body.pockets section.pockets .pocket .pocket-main .active-toggle-module .module-background {
      z-index: 50;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 36px;
      border-radius: 36px;
      background-color: #C4C4C4; }
  body.pockets section.pockets .pocket .pocket-main .verify-btn {
    line-height: 1;
    display: inline-block;
    background-color: transparent;
    padding: 16px 50px;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 0.1s ease-in-out;
    box-shadow: 0 1px 2px 0 rgba(158, 158, 158, 0.7);
    background-color: #4A90E2;
    padding: 18px 52px;
    color: #FAFAFA;
    height: 44px;
    padding: 15px 24px;
    font-size: 14px;
    float: right;
    margin: 16px 20px 0 0; }
    body.pockets section.pockets .pocket .pocket-main .verify-btn:hover, body.pockets section.pockets .pocket .pocket-main .verify-btn:focus {
      outline: none;
      cursor: pointer; }
    body.pockets section.pockets .pocket .pocket-main .verify-btn:focus {
      box-shadow: none; }
    body.pockets section.pockets .pocket .pocket-main .verify-btn:hover {
      color: #FAFAFA;
      background-color: #5c9be5; }
  body.pockets section.pockets .pocket .pocket-main .settings-btn {
    line-height: 1;
    display: inline-block;
    background-color: transparent;
    padding: 16px 50px;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 0.1s ease-in-out;
    box-shadow: 0 1px 2px 0 rgba(158, 158, 158, 0.7);
    background-color: transparent;
    border: 2px solid #9B9B9B;
    color: #9B9B9B;
    height: 44px;
    padding: 13px 22px 14px 22px;
    font-size: 14px;
    float: right;
    text-align: center;
    width: 44px;
    padding: 10px 9px 8px 9px;
    margin: 16px 0 0 0; }
    body.pockets section.pockets .pocket .pocket-main .settings-btn:hover, body.pockets section.pockets .pocket .pocket-main .settings-btn:focus {
      outline: none;
      cursor: pointer; }
    body.pockets section.pockets .pocket .pocket-main .settings-btn:focus {
      box-shadow: none; }
    body.pockets section.pockets .pocket .pocket-main .settings-btn:hover, body.pockets section.pockets .pocket .pocket-main .settings-btn:focus {
      color: #FAFAFA;
      background-color: #a5a5a5; }
    body.pockets section.pockets .pocket .pocket-main .settings-btn i {
      font-size: 19px; }

body.pockets .new-pocket-btn {
  line-height: 1;
  display: inline-block;
  background-color: transparent;
  padding: 16px 50px;
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(158, 158, 158, 0.7);
  background-color: #4A4A4A;
  padding: 18px 52px;
  color: #FAFAFA;
  height: 44px;
  padding: 15px 24px;
  font-size: 14px;
  width: 100%;
  margin-top: 20px; }
  body.pockets .new-pocket-btn:hover, body.pockets .new-pocket-btn:focus {
    outline: none;
    cursor: pointer; }
  body.pockets .new-pocket-btn:focus {
    box-shadow: none; }
  body.pockets .new-pocket-btn:hover {
    color: #FAFAFA;
    background-color: #545454; }
  @media (min-width: 768px) {
    body.pockets .new-pocket-btn {
      width: auto;
      margin-top: 0;
      float: right; } }

.view-all-btn {
  line-height: 1;
  display: inline-block;
  background-color: transparent;
  padding: 16px 50px;
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(158, 158, 158, 0.7);
  background-color: transparent;
  border: 2px solid #4A4A4A;
  color: #4A4A4A;
  height: 44px;
  padding: 15px 24px;
  font-size: 14px;
  width: 100%;
  margin-top: 20px; }
  .view-all-btn:hover, .view-all-btn:focus {
    outline: none;
    cursor: pointer; }
  .view-all-btn:focus {
    box-shadow: none; }
  .view-all-btn:hover, .view-all-btn:focus {
    color: #FAFAFA;
    background-color: #545454; }
  @media (min-width: 768px) {
    .view-all-btn {
      margin-top: 0;
      width: auto;
      float: right; } }

.panel .details .detail {
  word-wrap: break-word;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  .panel .details .detail::after {
    clear: both;
    content: "";
    display: table; }
  .panel .details .detail:not(:last-of-type) {
    margin-bottom: 30px; }
  .panel .details .detail .detail-name {
    color: #9B9B9B;
    font-weight: 200;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
    .panel .details .detail .detail-name:last-child {
      margin-right: 0; }
  .panel .details .detail .detail-content {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%; }
    .panel .details .detail .detail-content:last-child {
      margin-right: 0; }

.panel .subtitle {
  text-transform: uppercase;
  color: #9B9B9B;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px; }

.panel ul.top-holders {
  margin: 0;
  padding: 0; }
  .panel ul.top-holders li {
    position: relative;
    overflow: hidden;
    list-style-type: none; }
    .panel ul.top-holders li:not(:last-of-type) {
      margin-bottom: 20px; }
    .panel ul.top-holders li .avatar, .panel ul.top-holders li .avatar img, .panel ul.top-holders li .username, .panel ul.top-holders li .quantity {
      display: inline-block;
      vertical-align: middle; }
    .panel ul.top-holders li .avatar {
      width: 40px;
      height: 40px;
      overflow: hidden;
      border-radius: 40px;
      margin-right: 30px;
      float: none; }
      .panel ul.top-holders li .avatar img {
        width: 100%; }
    .panel ul.top-holders li .username {
      color: #4A4A4A; }
      @media (min-width: 768px) {
        .panel ul.top-holders li .username {
          width: 300px; } }
    .panel ul.top-holders li .quantity {
      color: #9B9B9B; }

ul.connection_entries {
  margin: 0;
  padding: 0;
  width: 100%; }
  ul.connection_entries li.connection_entry {
    list-style-type: none;
    background-color: #fff;
    box-shadow: 0 2px 2px #eee;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    overflow: hidden; }
    ul.connection_entries li.connection_entry .primary-details {
      position: relative;
      display: block;
      overflow: hidden; }
    ul.connection_entries li.connection_entry .scopes-details {
      margin-top: 20px;
      padding-top: 20px;
      border-top: 1px solid #eee; }
      ul.connection_entries li.connection_entry .scopes-details ul.scopes {
        margin: 0;
        padding: 0; }
        ul.connection_entries li.connection_entry .scopes-details ul.scopes li.scope {
          margin: 0;
          padding: 0;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          border-left: 3px solid #eee;
          padding-left: 20px;
          padding-bottom: 20px;
          margin-bottom: 20px;
          border-bottom: 1px solid #eee; }
          ul.connection_entries li.connection_entry .scopes-details ul.scopes li.scope[data-level="0"] {
            border-left-color: #B8E986; }
          ul.connection_entries li.connection_entry .scopes-details ul.scopes li.scope[data-level="1"]lorem {
            border-left-color: #F4D330; }
          ul.connection_entries li.connection_entry .scopes-details ul.scopes li.scope[data-level="2"] {
            border-left-color: #FF5757; }
          ul.connection_entries li.connection_entry .scopes-details ul.scopes li.scope > *:not(:last-of-type) {
            margin-right: 20px;
            width: auto; }
          @media (min-width: 768px) {
            ul.connection_entries li.connection_entry .scopes-details ul.scopes li.scope {
              -ms-flex-direction: row;
                  flex-direction: row; } }
          ul.connection_entries li.connection_entry .scopes-details ul.scopes li.scope .label {
            min-width: 30%; }
          ul.connection_entries li.connection_entry .scopes-details ul.scopes li.scope .description {
            -ms-flex-positive: 2;
                flex-grow: 2; }
    ul.connection_entries li.connection_entry .entry-module {
      width: 100%; }
      ul.connection_entries li.connection_entry .entry-module:not(:last-of-type) {
        margin-bottom: 20px; }
        @media (min-width: 768px) {
          ul.connection_entries li.connection_entry .entry-module:not(:last-of-type) {
            margin-bottom: 0; } }
      ul.connection_entries li.connection_entry .entry-module .title {
        text-transform: uppercase;
        font-size: 12px;
        color: #9B9B9B;
        font-weight: bold;
        margin-bottom: 4px; }
      ul.connection_entries li.connection_entry .entry-module .details {
        font-size: 16px;
        color: #4A4A4A; }
        ul.connection_entries li.connection_entry .entry-module .details a, ul.connection_entries li.connection_entry .entry-module .details button {
          text-transform: uppercase;
          background-color: transparent;
          padding: 0;
          color: #4A90E2;
          font-weight: bold;
          font-size: 16px; }
          ul.connection_entries li.connection_entry .entry-module .details a i, ul.connection_entries li.connection_entry .entry-module .details button i {
            font-size: 16px;
            vertical-align: middle; }
    ul.connection_entries li.connection_entry .client-options {
      float: right; }
      @media (min-width: 768px) {
        ul.connection_entries li.connection_entry .client-options {
          width: 30%; } }
      ul.connection_entries li.connection_entry .client-options .option:hover {
        color: #80b1eb; }
      ul.connection_entries li.connection_entry .client-options .option:not(:last-child) {
        padding-right: 5px;
        margin-right: 5px; }
    ul.connection_entries li.connection_entry .client-name {
      float: left; }
      @media (min-width: 768px) {
        ul.connection_entries li.connection_entry .client-name {
          width: 50%; } }
    ul.connection_entries li.connection_entry .connection-details {
      float: left; }
      @media (min-width: 768px) {
        ul.connection_entries li.connection_entry .connection-details {
          width: 20%; } }

.revoke-btn {
  line-height: 1;
  display: inline-block;
  background-color: transparent;
  padding: 16px 50px;
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(158, 158, 158, 0.7);
  background-color: transparent;
  border: 2px solid #4A4A4A;
  color: #4A4A4A;
  height: 44px;
  padding: 13px 22px 14px 22px;
  font-size: 14px; }
  .revoke-btn:hover, .revoke-btn:focus {
    outline: none;
    cursor: pointer; }
  .revoke-btn:focus {
    box-shadow: none; }
  .revoke-btn:hover, .revoke-btn:focus {
    color: #FAFAFA;
    background-color: #545454; }

body.client_apps #appsController table th button, body.client_apps #appsController table th a, body.client_apps #appsController table td button, body.client_apps #appsController table td a {
  background-color: transparent;
  text-transform: uppercase;
  font-size: inherit;
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #4A90E2; }
  body.client_apps #appsController table th button:not(:last-child), body.client_apps #appsController table th a:not(:last-child), body.client_apps #appsController table td button:not(:last-child), body.client_apps #appsController table td a:not(:last-child) {
    margin-right: 20px; }
  body.client_apps #appsController table th button:hover, body.client_apps #appsController table th a:hover, body.client_apps #appsController table td button:hover, body.client_apps #appsController table td a:hover {
    color: #80b1eb; }
  body.client_apps #appsController table th button *, body.client_apps #appsController table th a *, body.client_apps #appsController table td button *, body.client_apps #appsController table td a * {
    vertical-align: middle; }

@media (min-width: 768px) {
  body.client_apps #appsController table tr th:last-of-type, body.client_apps #appsController table tr td:last-of-type {
    text-align: right; } }

body.client_apps .btn-regenerate {
  line-height: 1;
  display: inline-block;
  background-color: transparent;
  padding: 16px 50px;
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 1px 2px 0 rgba(158, 158, 158, 0.7);
  background-color: transparent;
  border: 2px solid #4A4A4A;
  color: #4A4A4A;
  height: 44px;
  padding: 13px 22px 14px 22px;
  font-size: 14px; }
  body.client_apps .btn-regenerate:hover, body.client_apps .btn-regenerate:focus {
    outline: none;
    cursor: pointer; }
  body.client_apps .btn-regenerate:focus {
    box-shadow: none; }
  body.client_apps .btn-regenerate:hover, body.client_apps .btn-regenerate:focus {
    color: #FAFAFA;
    background-color: #545454; }

body.client_apps .accountCheck {
  float: right;
  color: #C4C4C4;
  font-weight: normal;
  text-transform: none;
  vertical-align: middle; }

body.client_apps .not-exists {
  color: #FF5757; }

body.client_apps .mdi-small {
  font-size: 1.75rem;
  position: relative;
  top: 8px; }

body.client_apps .mdi-tiny {
  font-size: 1.45rem;
  position: relative;
  top: 6px; }

@media (min-width: 480px) {
  .section__token-details .primary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; } }

.section__token-details .primary__avatar {
  width: 48px;
  height: 48px;
  overflow: hidden;
  margin-right: 40px; }
  .section__token-details .primary__avatar img {
    width: 100%; }

.section__token-details .primary__name {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3; }

.section__token-details .primary__sub {
  font-size: 18px;
  font-weight: 200; }

.section__token-details .info__node {
  overflow: hidden;
  font-size: 16px; }
  .section__token-details .info__node:not(:last-of-type) {
    margin-bottom: 20px; }

.section__token-details .info__node__title {
  color: #C4C4C4; }

.section__token-details .panel--details {
  margin-bottom: 15px; }

.section__token-details .info__description {
  line-height: 1.8; }

.token-info .realname{
	font-size: 12px;
    margin-left: 10px;
    color: #6b6b6b
}

.tokenlogo{
	position: relative;
	display: inline-block;
	width: 20px;
    vertical-align: middle;
}

.tokenlogo img{
	max-width: 100%;
}

.chain-icon{
	position: relative;
	display: inline-block;
	width: 30px;
    vertical-align: middle;
    margin-right: 10px;
}

.chain-icon img{
	max-width: 100%;
}