astroport/www/gchange/dist_css/gchange.css

.hidden-no-device {
  display: none !important;
}

/* required styles */
.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0; }

.leaflet-container {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none; }

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none; }

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block; }

/* map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container img {
  max-width: none !important; }

/* stupid Android 2 doesn't understand "max-width: none" properly */
.leaflet-container img.leaflet-image-layer {
  max-width: 15000px !important; }

.leaflet-tile {
  filter: inherit;
  visibility: hidden; }

.leaflet-tile-loaded {
  visibility: inherit; }

.leaflet-zoom-box {
  width: 0;
  height: 0; }

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none; }

.leaflet-tile-pane {
  z-index: 2; }

.leaflet-objects-pane {
  z-index: 3; }

.leaflet-overlay-pane {
  z-index: 4; }

.leaflet-shadow-pane {
  z-index: 5; }

.leaflet-marker-pane {
  z-index: 6; }

.leaflet-popup-pane {
  z-index: 7; }

.leaflet-vml-shape {
  width: 1px;
  height: 1px; }

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute; }

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 7;
  pointer-events: auto; }

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none; }

.leaflet-top {
  top: 0; }

.leaflet-right {
  right: 0; }

.leaflet-bottom {
  bottom: 0; }

.leaflet-left {
  left: 0; }

.leaflet-control {
  float: left;
  clear: both; }

.leaflet-right .leaflet-control {
  float: right; }

.leaflet-top .leaflet-control {
  margin-top: 10px; }

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

.leaflet-left .leaflet-control {
  margin-left: 10px; }

.leaflet-right .leaflet-control {
  margin-right: 10px; }

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }

.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1; }

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); }

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none; }

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden; }

/* cursors */
.leaflet-clickable {
  cursor: pointer; }

.leaflet-container {
  cursor: -webkit-grab;
  cursor: -moz-grab; }

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto; }

.leaflet-dragging .leaflet-container,
.leaflet-dragging .leaflet-clickable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing; }

/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline: 0; }

.leaflet-container a {
  color: #0078A8; }

.leaflet-container a.leaflet-active {
  outline: 2px solid orange; }

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5); }

/* general typography */
.leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; }

/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px; }

.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black; }

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block; }

.leaflet-bar a:hover {
  background-color: #f4f4f4; }

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none; }

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb; }

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px; }

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px; }

.leaflet-control-zoom-out {
  font-size: 20px; }

.leaflet-touch .leaflet-control-zoom-in {
  font-size: 22px; }

.leaflet-touch .leaflet-control-zoom-out {
  font-size: 24px; }

/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px; }

.leaflet-control-layers-toggle {
  background-image: url(data:image/png;base64,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);
  width: 36px;
  height: 36px; }

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAbrwAAG68BXhqRHAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAArPSURBVGiB3Zp7TFvXHce/916/eBhCDInJwDjGBhvjQHi5SclaKRL5Z1Wl/rEq/WNr11TJmkpMw900pLVrplJ1cadFarp0zdZmmpZpf3SqNrUKfSnKgwI2sQPGBmNjAsUOxCW8bGzfe8/+SEAkMfa1A5m075/2+f3O+Z7X595zLkUIwf+T6EdRSWdnp7izs1P8KOqitnqE3n///QMajeYZAPD7/R8fPXr00lbWt2WGTp48qdRoNC/s2bNHXVhYyALA/Py86Pr16wG/3//hq6++GtqKejfdUGdnJ6XT6Q4bDIZWjUaTNLnf76fcbvdlr9d7vqura1MbsKmGTp8+XadWqw/v3bu3UCQS8anKsixLX7t2bT4QCJw/fvy4c7PasCmGTpw4Ia+qqnrRZDIZSkpK2ExiZ2dnRYODg+7R0dE/v/baa4sP25aHNnT27Nkf6HS6QwaD4aF2TLfbzXu93gtHjhz5z8PkydrQqVOnKtVq9Y/q6uqUubm5GY3KRopEIiKn0xkKBAJ/bW9v92WTI2NDnZ2dYoPB8ILRaGwoKyvjsqk0naamphiXyzXgdrs/7OrqSmQSm5GhM2fOHNBoNM/U1dVJKYoSFEgIEcVisWYAkEql/RRFCRpNQgjldDpjfr//42PHjglmlyBDJ0+eVO7evfsndXV1FatMEaJEIqGOx+MHCCFyAKAoalEikVwSi8UBoTnm5+dFTqdzYnx8/C9C2JXS0CpT9Hr9gcrKypTb8HrxPJ+/srJygOf53cn+p2l6XCaTXaJpekloTp/PR3s8nkvp2LWhoXfffbderVYfbmhoKEjHlPVtjcVidSzLNhFCUj67URSVEIlENqlU6gQgKD/LsvTAwMBCIBA4/8orrziS5r3f0IkTJ+Q6ne6IyWQy7NixQ/CCZFm2NB6PP8Hz/HahMQBA0/R3EonkokgkCgqNmZmZEQ8ODrq9Xu/Z+9l1j6EPPvjgKZ1Od6impoYSmpzneVksFtvHcZxBaEwyMQzjlkqlPTRNrwiNGR4eJl6v98JLL73079XfKEIITp06VVlRUfHj+vr6nZkwJR6P6xOJxH5CiCxTA8lEUdSKWCy+KpFIPEJjIpGIyOFw3JyYmDjX3t7uo86dO3fUaDQ2lJeXCzbCcdz2WCz2BM/zpdk1PbVomg5KpdKLDMN8JzRmcnJS5HK5Bhi9Xv9RcXHx7V27dqUd6rtMMcfj8YOEkIKHa3bKeuQsy9bwPC9mGCZEUVTaTWNsbKzQbrc/RXV0dBAAMYVCcfnpp5+eKC4uTmrsfqY8KqVj161bt2SffPJJRTgcbgUgZVpbW3sIIQei0Wij0+ksmZubW9DpdEsUdWdf4Hk+PxqNHmRZtgWA9NFZWZOU4zgdy7LFd0crDgCEEHz66aelX3zxxfcjkUg9gAmapg8zV65c8fX09PwpHo/zhJC22dnZ2oGBARQUFCwVFBTUxOPxQ4QQxf/AyD0ihBSxLFtDCCFerzdy/vz5PcFg8CAhRAqgSy6XP/fmm2+O3LNtd3R0VFEU9R6AgyKRiNfr9fS+ffsgFj+S8420SiQS6Onpgcfj4VmWpQF8SQh5+Z133hldLSNaH/Dss8+GGYYJ3Lhxg9jtdnpoaAiTk5NoampCdXX1IzewXiMjI7DZbJifn4dMJqPNZjNRqVQBjuPC68utjhA1MDDwPIDfASgG7vSGw+HA2NgYAEClUmH//v0oKip6pEbm5uZw9epV3LhxAwCg1WpRX1+/ftbcAvCLhoaGjwAQyuFwGDmOOwOgNVnCcDiMvr4+zM3NQSaTwWg0orm5GTS9tUd6PM+jv78fLpcLKysrKCoqQktLCxSKDZfzZYZhjjFarfYfKpWqmabppAslNzcXWq0WMpkMwWAQU1NTCAQCyM/Px7Zt27bEzMTEBD7//HP4fD5QFIWGhgaYzWbk5uZuGMNxXPHXX39tYkwm07nh4eGZ3Nxcz/bt27+XrDBFUVAoFNBoNIhEIggGg/D5fLh9+zaUSuWmbRqRSAQXL15EX18flpeXoVKp8OSTT0KpVGIVI8nk8/n6uru7xYuLi3WrHDr07bffmvx+f295eTktkUiSwlMsFkOlUqGkpAQzMzMIBoPwer0AAKVS+VBmHA4HvvrqK4RCIeTl5aG1tRU1NTUpO2t5eXn6s88+Gx4fHzcDmKVp+jBFCMEbb7whW1xc/BWAXwJgKysrbS0tLY9TFCXaKBnP8xgaGoLb7QbHcSgtLcW+ffsyNhYKhdDT04NgMAiGYWAwGFBbW5tyjRJC2L6+vis+n68Jd3bqt+Vy+Vuvv/76yoYcysvLi5nNZmm6Bi4sLMBmsyEUCkEsFkOv1+Oxxx5LOw0TiQS++eYbeDweJBIJKJVKNDU1oaAg9SNiKBRCb28vu7y8LEISDt1jqLu7ezuAt0Oh0IsjIyNUPB5HeXk5mpubIZWmfuqZmJiA3W7HysoKCgsLU7LrPqagsbERFRUVKfPHYjH09/djcnISEokE1dXVUCqV/wLQ3tbWNvmAoe7u7ucBnMRdDrEsC6/Xu5bAZDKhqqoq5eJMxy4BTHlAhBCMjo5icHAQqx2s0+kgEq2thiUAvwFwqq2tjaUuXLhQA+CPAL6fLOHCwgJcLhcWFxeFsADAg+yqra0FAAwNDQllygN55HI5jEZjqil5HcBPmerq6r/t2LFjL8MwOclKSaVSlJWVQSKRIBQKwefzIRqNYufOnRsu3GTsmp6eFswUlmVht9ths9mQSCRQVVUFo9EImWzjF2OO4+ROp1NPdXR0JAAsaLVat0ajeXzDCNyZxx6PBzdv3kROTg727t0LtVqdKgTRaBR2ux0A0NjYiJycpP22pkAggGvXrq11ml6vT7t+p6en+10uVykhpIzq6OhoA/AegEqxWOxsamrKl8vllakShMNhDA8Pr1VqNpuRn5+fstJ0WlpaQm9v71pn1dTUpJ2S0Wh02mazTUajUTMAH4CXKUIILBaLDMAqh+iSkpIre/bsaWEYZsN5wfM8/H4/AoEAKIqCwWCAyWRKuWkkEyEEg4ODcLvdIIRArVZDo9Gk5ZDb7b4yNTW1xiEAb1mt1ns5ZLFYqnBntA5SFDVlNBqDu3btak7VoOXlZXg8HoTDYeTn56OlpUUwXEOhEPr6+rC0tASFQgG9Xo+8vLyUMeFweNDhcEg5jqsC8CWAl61Wa3IOrTP2HIDfA9iZk5PT29TUVJ6Tk7MrXeNGRkYghF0bMCWlkUQiMWe324cWFhZaAcwA+LnVav37/eU2PAq2WCyFALoAHAMQLSsrsxkMhpSPQ+nYJYApSeX3+y+PjY3VANgG4AyATqvVOp+sbNrbB4vF0nw3SQPDMKP19fUxhUJhShWTjF0AMmEKAGBxcdFns9mWEolEHYABAMesVmt/qhhB1ykWi4UBcBzAbwHICwoKLjc2NtaKxeINX18JIZicnMTY2Bh4/s6xGk3T0Gq1KC8vT7l5cBwXuX79et/s7OzjAKIAfg3gtNVqTXvBltGFl8ViKQXwBwA/BPCdVqsd1mg0Sd90V7XKLgAZMwXAPwH8zGq1Cj7Iz+qO1WKxZMyudErGFKvV2p1pnqwvjbNhVzKlYko27Xroa/1s2LWqdEzJRpv2JUkm7BLKlGy0qZ/GCGFXJkzJRlvyNVYydkkkktxMmZKNtuzzsvvZBYADEEEGTMlGW/4B4Dp2ARkyJRv9F9vsxWD/43R9AAAAAElFTkSuQmCC);
  background-size: 26px 26px; }

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px; }

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none; }

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative; }

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff; }

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px; }

.leaflet-control-layers label {
  display: block; }

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px; }

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0; }

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333; }

.leaflet-control-attribution a {
  text-decoration: none; }

.leaflet-control-attribution a:hover {
  text-decoration: underline; }

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px; }

.leaflet-left .leaflet-control-scale {
  margin-left: 5px; }

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px; }

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.5); }

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px; }

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777; }

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none; }

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box; }

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center; }

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px; }

.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4; }

.leaflet-popup-content p {
  margin: 18px 0; }

.leaflet-popup-tip-container {
  margin: 0 auto;
  width: 40px;
  height: 20px;
  position: relative;
  overflow: hidden; }

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); }

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent; }

.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999; }

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd; }

.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1; }

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); }

.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px; }

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999; }

/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666; }

/* 
 * Leaflet Control Search v2.7.2 - 2017-04-08 
 * 
 * Copyright 2017 Stefano Cudini 
 * stefano.cudini@gmail.com 
 * http://labs.easyblog.it/ 
 * 
 * Licensed under the MIT license. 
 * 
 * Demo: 
 * http://labs.easyblog.it/maps/leaflet-search/ 
 * 
 * Source: 
 * git@github.com:stefanocudini/leaflet-search.git 
 * 
 */
.leaflet-container .leaflet-control-search {
  position: relative;
  float: left;
  background: #fff;
  color: #1978cf;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1000;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.65);
  margin-left: 10px;
  margin-top: 10px; }

.leaflet-control-search.search-exp {
  /*expanded*/
  box-shadow: 0 1px 7px #999;
  background: #fff; }

.leaflet-control-search .search-input {
  display: block;
  float: left;
  background: #fff;
  border: 1px solid #666;
  border-radius: 2px;
  height: 18px;
  padding: 0 18px 0 2px;
  margin: 3px 0 3px 3px; }

.leaflet-control-search.search-load .search-input {
  background: url(data:image/gif;base64,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) no-repeat center right #fff; }

.leaflet-control-search.search-load .search-cancel {
  visibility: hidden; }

.leaflet-control-search .search-cancel {
  display: block;
  width: 22px;
  height: 18px;
  position: absolute;
  right: 22px;
  margin: 3px 0;
  background: url(data:image/png;base64,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) no-repeat 0 -46px;
  text-decoration: none;
  filter: alpha(opacity=80);
  opacity: 0.8; }

.leaflet-control-search .search-cancel:hover {
  filter: alpha(opacity=100);
  opacity: 1; }

.leaflet-control-search .search-cancel span {
  display: none;
  /* comment for cancel button imageless */
  font-size: 18px;
  line-height: 20px;
  color: #ccc;
  font-weight: bold; }

.leaflet-control-search .search-cancel:hover span {
  color: #aaa; }

.leaflet-control-search .search-button {
  display: block;
  float: left;
  width: 26px;
  height: 26px;
  background: url(data:image/png;base64,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) no-repeat 2px 2px #fff;
  border-radius: 4px; }

.leaflet-control-search .search-button:hover {
  background: url(data:image/png;base64,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) no-repeat 2px -22px #fafafa; }

.leaflet-control-search .search-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  float: left;
  list-style: none;
  padding-left: 0;
  min-width: 120px;
  max-height: 122px;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 1010;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: pointer; }

.leaflet-control-search .search-tip {
  margin: 2px;
  padding: 2px 4px;
  display: block;
  color: black;
  background: #eee;
  border-radius: .25em;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: center; }

.leaflet-control-search .search-button:hover {
  background-color: #f4f4f4; }

.leaflet-control-search .search-tip-select,
.leaflet-control-search .search-tip:hover {
  background-color: #fff; }

.leaflet-control-search .search-alert {
  cursor: pointer;
  clear: both;
  font-size: .75em;
  margin-bottom: 5px;
  padding: 0 .25em;
  color: #e00;
  font-weight: bold;
  border-radius: .25em; }

.leaflet-bar button,
.leaflet-bar button:hover {
  background-color: #fff;
  border: none;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black; }

.leaflet-bar button {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block; }

.leaflet-bar button:hover {
  background-color: #f4f4f4; }

.leaflet-bar button:first-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.leaflet-bar button:last-of-type {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none; }

.leaflet-bar.disabled,
.leaflet-bar button.disabled {
  cursor: default;
  pointer-events: none;
  opacity: .4; }

.easy-button-button .button-state {
  display: block;
  width: 100%;
  height: 100%;
  position: relative; }

.leaflet-touch .leaflet-bar button {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.leaflet-control-loading:empty {
  /* Spinner via ajaxload.info, base64-encoded */
  background-image: url(data:image/gif;base64,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);
  background-repeat: no-repeat; }

.leaflet-control-loading,
.leaflet-control-zoom a.leaflet-control-loading,
.leaflet-control-zoomslider a.leaflet-control-loading,
.leaflet-control-layer-container {
  display: none; }

.leaflet-control-loading.is-loading,
.leaflet-control-zoom a.leaflet-control-loading.is-loading,
.leaflet-control-zoomslider a.leaflet-control-loading.is-loading,
.leaflet-control-layer-container.is-loading {
  display: block; }

/* Necessary for display consistency in Leaflet >= 0.6 */
.leaflet-bar-part-bottom {
  border-bottom: medium none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

/*
Author: L. Voogdt
License: MIT
Version: 1.0
*/
/* Marker setup */
.awesome-marker {
  background: url("../img/markers-soft.png") no-repeat 0 0;
  width: 35px;
  height: 46px;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  text-align: center; }

.awesome-marker-shadow {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAQCAYAAACcN8ZaAAAB3klEQVR42s3U4UdDURzG8czMXJnJ1Vwzc6VJZjaZJdlMlpQsKdmUFNOUspRSSqUolfQfr+fF98Vx5mwv9qbDx7LdznnO7/7Omej3+/+Ga0QMUYkhbvBgmhzCQxwxibIGrGEF8CQhU+LLtKQkQNqScUgjxRxTBIxbgfgD/BgnhM8kM5KTeclLQYqGkkMRBckzR8ic/mAgd5BAZplsUaqyIg2sDtHg2brUZJk5SmwopErJUWE8SpmTMhNvya60Zd/SNrR4bkeaskG4uiwRZk6yrJEYFibGAxn+scECHTmTnuVCzvmty3PHciB7bGKN6lQkzysPqIrHmpFhYbKUtckC1/Ioz4ZHuZdbuSLYiRxRpSZVWXZVxAzC0R4Ik5SQsu6w8yd5l2/5kg95I9SdXMoZQfYIUjeqEUrgOkXGPeN4TYRhxy8E+ZUf+eS7B7miIoeybVSjKDnm8u3+gH3pDTYwu1igATvs/pXqvBKiR4i2bNJfi1ZfUAnjgrOG8wY2quNzBKuU/ZS+uSFEl5O0xRGuUIlZCcw7xG5QPkeHYUSNV5WXGou2sC3rBC0LjenqCXGO0WEiTJa0Lr4KixdHBrDGuGGiRqCUpFk8pGIpQtCU7p4YPwxYxEMCk1aAMQZh8Ac8PfbIzYPJOwAAAABJRU5ErkJggg==) no-repeat 0 0;
  width: 36px;
  height: 16px; }

/* Retina displays */
@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .awesome-marker {
    background-image: url("../img/markers-soft@2x.png");
    background-size: 720px 46px; }
  .awesome-marker-shadow {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAgCAYAAACvgw7DAAAFhElEQVR42tWZ/0ubVxSHZZQxpJQRwoqEUkJQQhlBCcEiQRGJiKFEQqQ4lKFYLA5FsSjKioqipRutbLJ2f627g+dyDmfvqfetzlLh+aFpcr88+dxzb+7bdwt/33wG974g/rhu+pdzwt86fJdA/82w7Un/18m6kRBXgD+5+4YHDt/fEtImfRppVlJ+MY4QEWEmbyZZUBQVP2TwMJGBDMx7aFP6K4gwJBlBecVYISIDCSJAJm0mUIJH8NhQdqjkh8/SNv2VRB6SjCAtJ2dKMGuFIEIEMHGZ2CAMQdXwxPDjNdQ++f+0Q9tD9F1RkgYYLwlCDmIg19IhJQiRVJToFAlMViYxHBiBOjQyGP0ETzMw76Ed+qC/YSVrSAkqiRySo1IjAnwkKSKlQKMIQQYS4sQZ/Bg0A+MwYZg0TKViPjeh+mjS72iUhKCqyCE5pCZdDEmxUmjwURQSZSCiqSbXCkwHZmAW2g7PEmkbZml/mj6nlKgm42rE9DDushHzQGpNohjefB8pD2NK6GSEjscZ1AyD7QTmAt1AD+YVz/Mjn6e9LswB0pCEICVnhFQPIabEfAoiJj0xkhaWj5LSoNMW39ocA14I/BRYCvwMy58NbdDe4r9twwLCEIUcEoSYCbWkhqk1g0lLyTv92bTQUBkpdZWSDoNbZAKrgbXAy8B64JdE1jN4SVsvAquwokUhaJ70dNTyaiEmLqUaYiqUArZu0qLF+EdjOa/wwWKsK2r5tPiGFhjoGhPcCmwHdgKvEtlRbMNWYDOwQbtIEjlGDIlhKUmNqZOWKuOPW3bRSct1iUGMbM2PabxBp20GtMygt5jkfuAg8DpwaOF1y6+BA9iDXdpDEoKQQ79LLKv5mBZVX8ZZQiO66Nqt2jngISFNTJkoPqXjLoOKUvaY5HHgJHDmcAoncBw4UtIOkLtnxJAapEid6aqkTKliW2f5VOPysXUFjJQ0Mf1KTAXzTb6VeeK8wQQOmeibwNvA7xn8xv+95X3nyIqCDiU9iGFJUXPWkLKo6krbLJ2GpIQdiJoiy8dJyg3E1IjoDDvCCgPfZ3LnCHgf+MNwwevveE+UE1N0RGKilJ0MIUv021Vb86QIYefJJUSkXF1d4eS6rdoXM0uUV5nA6ygFCZeBDxpe+1MEkSBJzbESs6uWzwu+gEWzdFpIidtxzWzHck5h6fgpETHI8cWYGlOMW7VKzEKWGCb/V+Bj4G/4wGtRzDsSc07SjjKSsqaEPFdCpkWIpMQc9UmJCLEXVVaGFXPP4G/XUnybjpg3TPhSS4GPKjHvVVJOY10hJduxyKpa0gt01Nlk3JxkbXEt+j8OBREhpIgRORzw6LiqdqUexXeTb/qUFFzE1MAly4vaQkpYNrHAqh1nSS2Ztl0yJiFsvyYhbh0RHDH+UvJSw7cxqM4xc9SZdbUrnaniewEiRBJyoBKyniGk4y8ZOY+kLhn4z19+MYLcw8ghr0ZqppnEMpPbZUmcIOAMTA1hubDTILenziKT5nBmt92B9G1XhOQQk3iliRgGU+JbqzOBttqdNkUOp1451e5LUWXJSFHtaCHebxunqKZJ4d+3LEZ2JwZWYcCjLKlnTHCZFGwgIB7MYjFdUculJwczKaZquVT9c4gUVKeG9P3fYuS3VPaPyRrf7CQ7Ro/0yDWD+qHn7C5j5ug+aO9m7c2+FZLndv/2xPin4BLJqcZf2wiaMbdxs3KzJncjzlWjFFM5lJl0+A/I7lpMX+bdDHKIe1WlZ0zuddXVIjJMMsr21t6mI+8DsbsXQ2pEDqdhuf+tsHM8YfJgbujZZh0Z/W4xNX9fXoz/+8nKKdlnSYqKTYctplYIfC1i7KFPnhwwUXnMah+dioxCsgyEfD1iIPMxrVAQ0p8ZexLuWsw/8PFSG0HPbPgAAAAASUVORK5CYII=);
    background-size: 35px 16px; } }

.awesome-marker i {
  color: #333;
  margin-top: 10px;
  display: inline-block;
  font-size: 14px; }

.awesome-marker .icon-white {
  color: #fff; }

/* Colors */
.awesome-marker-icon-red {
  background-position: 0 0; }

.awesome-marker-icon-darkred {
  background-position: -180px 0; }

.awesome-marker-icon-lightred {
  background-position: -360px 0; }

.awesome-marker-icon-orange {
  background-position: -36px 0; }

.awesome-marker-icon-beige {
  background-position: -396px 0; }

.awesome-marker-icon-green {
  background-position: -72px 0; }

.awesome-marker-icon-darkgreen {
  background-position: -252px 0; }

.awesome-marker-icon-lightgreen {
  background-position: -432px 0; }

.awesome-marker-icon-blue {
  background-position: -108px 0; }

.awesome-marker-icon-darkblue {
  background-position: -216px 0; }

.awesome-marker-icon-lightblue {
  background-position: -468px 0; }

.awesome-marker-icon-purple {
  background-position: -144px 0; }

.awesome-marker-icon-darkpurple {
  background-position: -288px 0; }

.awesome-marker-icon-pink {
  background-position: -504px 0; }

.awesome-marker-icon-cadetblue {
  background-position: -324px 0; }

.awesome-marker-icon-white {
  background-position: -574px 0; }

.awesome-marker-icon-gray {
  background-position: -648px 0; }

.awesome-marker-icon-lightgray {
  background-position: -612px 0; }

.awesome-marker-icon-black {
  background-position: -682px 0; }

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
  -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
  -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
  -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
  transition: transform 0.3s ease-out, opacity 0.3s ease-in; }

.leaflet-cluster-spider-leg {
  /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
  -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
  -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
  -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
  transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in; }

.marker-cluster-small {
  background-color: rgba(181, 226, 140, 0.6); }

.marker-cluster-small div {
  background-color: rgba(110, 204, 57, 0.6); }

.marker-cluster-medium {
  background-color: rgba(241, 211, 87, 0.6); }

.marker-cluster-medium div {
  background-color: rgba(240, 194, 12, 0.6); }

.marker-cluster-large {
  background-color: rgba(253, 156, 115, 0.6); }

.marker-cluster-large div {
  background-color: rgba(241, 128, 23, 0.6); }

/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
  background-color: #b5e28c; }

.leaflet-oldie .marker-cluster-small div {
  background-color: #6ecc39; }

.leaflet-oldie .marker-cluster-medium {
  background-color: #f1d357; }

.leaflet-oldie .marker-cluster-medium div {
  background-color: #f0c20c; }

.leaflet-oldie .marker-cluster-large {
  background-color: #fd9c73; }

.leaflet-oldie .marker-cluster-large div {
  background-color: #f18017; }

.marker-cluster {
  background-clip: padding-box;
  border-radius: 20px; }

.marker-cluster div {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;
  text-align: center;
  border-radius: 15px;
  font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif; }

.marker-cluster span {
  line-height: 30px; }

/*
 * DOM element rendering detection
 * https://davidwalsh.name/detect-node-insertion
 */
@keyframes chartjs-render-animation {
	from { opacity: 0.99; }
	to { opacity: 1; }
}

.chartjs-render-monitor {
	animation: chartjs-render-animation 0.001s;
}

/*
 * DOM element resizing detection
 * https://github.com/marcj/css-element-queries
 */
.chartjs-size-monitor,
.chartjs-size-monitor-expand,
.chartjs-size-monitor-shrink {
	position: absolute;
	direction: ltr;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	pointer-events: none;
	visibility: hidden;
	z-index: -1;
}

.chartjs-size-monitor-expand > div {
	position: absolute;
	width: 1000000px;
	height: 1000000px;
	left: 0;
	top: 0;
}

.chartjs-size-monitor-shrink > div {
	position: absolute;
	width: 200%;
	height: 200%;
	left: 0;
	top: 0;
}


/**********
   Categories select
**********/

.item-category {
  border: 1px solid #ddd !important;
}

.item-category .h2 {
  overflow: inherit ;
  text-overflow: inherit ;
  white-space: normal !important;
}

.item-category.item-divider,
.item-category .item-divider{
  background-color: #f5f5f5 !important;
}

/**********
   Record list
**********/

.item-record {
  height: 100px !important;
  padding-top: 5px !important;
}

.row-record {
  border-bottom: solid 1px #ccc !important;
  padding: 0 !important;
  height: 95px !important;
  overflow: hidden;
}

.row-record .col {
  padding-top: 5px;
  padding-bottom: 0px;
}

.card-record .badge-picture-count,
.row-record .badge-picture-count {
  position: absolute !important;
  left: 95px !important;
  bottom: inherit !important;
  right: inherit !important;
  top: 109px !important;
}


.card-record .item-thumbnail-left {
  padding-left: 150px !important;
}

.card-record .item-thumbnail-left .item-image {
  border-radius: 0;
  box-shadow: none;
  max-width: 130px;
  max-height: 130px;
  top: inherit;
  background-repeat: no-repeat;
}

.card-record .card-footer .badge {
  top:inherit;
  bottom: 10px;
  right: 10px;
}

.row-record .col-text-wrap {
  padding: 0;
  margin: 0;
}
.row-record .col .text-wrap {
  height: 93px;
  white-space: normal;
  position: relative;
  word-wrap: break-word !important;
  overflow: hidden !important;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}

/* Source: See doc: http://stackoverflow.com/questions/15814346 */
.row-record .col .text-wrap:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 30%;
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);   /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0255,255,255,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.item.gallery {
  display: inline-block;
}

.item-more-comments {
  padding-top: 0;
  padding-bottom: 0;
  min-height: inherit !important;
}

.card.card-comment .card-footer button {
  top: 0;
}

/**********
   Record view
**********/

.hero .content .button.button-camera {
  display: block;
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.hero .content i.avatar .button {
  display: none;
  position: absolute;
  bottom: -25px;
  left: -3px;
}

.hero .content i.avatar:hover .button {
  display: block;
}

.hero .content i.avatar {
  font-size: 55px !important;
  line-height: 88px;
}

/**********
   Message screen
**********/

#composeMessage .list .item {
  border-bottom: solid 1px #ccc;
}

.view-message h1.title {
  font-size: 22px;
  margin-top: 5px;
}

.view-messages .list .item h2.unread {
  font-weight: bold !important;
}
.view-messages .list .item h2.read {
  color: #444 !important;
}
.view-messages .list .item {
  height: 80px;
}
.view-messages .list .item-content {
  padding-top: 8px;
  padding-bottom: 8px;
}

/**********
   Page view
**********/


/* set 'ion-refresher' background color */
.view-page ion-content.refresher-top-bg:before {
  background-color: #f8f8f8 !important;
  height: 200px;
}

.view-page .hero {
  background-color: #f8f8f8 !important;
}

.view-page .hero .content i.avatar {
  border: 1px solid grey;
  color: grey !important;
}

/**********
   Location search modal
**********/

.modal-search-location .bar-footer {
  height: 30px;
}
.modal-search-location .bar-footer .copyright {
  font-size: 12px;
  line-height: 30px;
}

/**********
   Dropdown list (for autocompletion, need by issue #601)
**********/

.list.dropdown-list {
  z-index: 1010;
  opacity: 1;
  display: block;
  list-style: none;
  position: absolute;
  background-color: white;
  border-radius: 0 0 2px 2px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: pointer;
}

.list.dropdown-list .item {
  padding-top: 5px;
  padding-bottom: 5px;
}
.list.dropdown-list .item.active,
.list.dropdown-list .item:hover,
.list.dropdown-list .item:active,
.list.dropdown-list .item:focus{
  background-color: #b2e0ff;
}


/**********
   Document
**********/

.item-document.compacted {
  min-height: 16px !important;
  max-height: 16px !important;
  border-bottom: 0 !important;
}

.item-document.compacted .col{
  padding-top: 1px;
}

/**********
   Common > report abuse
**********/

.popup-report-abuse .popup {
  width: 370px !important;
}
.popup-report-abuse .popup .item-toggle .toggle {
  right: 0 !important;
}
.popup-report-abuse .popup .item-toggle .input-label {
  width: 280px;
  max-width: 100%;
  white-space: normal;
}

/**********
   Add specific Icons
**********/


/* Association */
.cion-page-association:before {
  font-family: "Ionicons";
  content: "\f212";
}
.ion-page-association:before {
  font-family: "Ionicons";
  content: "\f212";
}
/* institution */
.cion-page-company:before {
  font-family: "Cesiumicons";
  content: "\e903";
}
.ion-page-company:before {
  font-family: "Cesiumicons";
  content: "\e903";
}

/* institution */
.cion-page-institution:before {
  font-family: "Cesiumicons";
  content: "\e921";
}
.ion-page-institution:before {
  font-family: "Cesiumicons";
  content: "\e921";
}

/* shop */
.cion-page-shop:before {
  font-family: "Ionicons";
  content: "\f110";
}
.ion-page-shop:before {
  font-family: "Ionicons";
  content: "\f110";
}


.buttons-block {
  display: block;
  height: 57px;
}

.popover-star {
  width: 220px !important;
}
.popover-star .popup-container {
  padding: 0;
}

.popover-distance {
  width: 170px !important;
}





/**********
   Graph currency popover
**********/

.popover-graph-currency {
  height: 300px !important;
  max-width: 250px !important;
}

.legend {
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: rgba(255,255,255, 0.9);
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  border-radius: 5px;
  padding: 6px 8px;
  width: 180px;
  line-height: 18px;
  color: #555;
}

.legend .outline {
  border: 0;
}

.legend i {
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 8px;
  opacity: 0.7;
}

.search-tip {
  white-space: nowrap;
}

/**********
   Map network: Peer items
**********/

.leaflet-popup .item-peer {
  padding-top: 9px;
  padding-bottom: 3px;
}

.leaflet-popup .item.item-icon-left > i.avatar:first-child {
  left: 9px;
  top: 0;
}

.leaflet-popup .item-peer .badge {
  top: inherit;
  bottom: 0px;
  right: 5px;
  font-size: 12px;
}

.leaflet-popup .item-peer .badge.badge-secondary,
.leaflet-popup .item-peer .badge .badge-secondary {
  top: inherit;
  bottom: -16px;
  right: 5px;
  font-size: 9px;
  padding-right: 0px;
}

.leaflet-popup .item-peer {
  padding-top: 0px;
}

.view-map-network .leaflet-popup-content{
  max-height: 250px
}
.view-map-network .leaflet-popup-content .item-peer .row {
  display: block;
}
.view-map-network .leaflet-popup-content .item-peer .col.col-15 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 15%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 15%;
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  max-width: 70px;
  text-align: start !important;
}
.view-map-network .leaflet-popup-content .item-peer .col.col-20 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 70px;
  text-align: start !important;
}


/**
* Market Home
*/

#home .item-input-search {
    border-bottom: none;
}

#home .light-bg {
    background-color: rgba(255,255,255,0.7);
    z-index: 10;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}


.market .row-record h2 {
    height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


.card-record .badge-price {
    font-size: 12px;
    position: absolute !important;
    bottom: 10px !important;
    right: 10px;
    top: inherit !important;
}

.row-record .badge-price {
    position: absolute !important;
    bottom: 15px !important;
    right: inherit !important;
    top: inherit !important;
}

.row-record .badge-stock {
    position: absolute !important;
    bottom: 0 !important;
    right: inherit !important;
    top: inherit !important;
    font-size: 12px;
    padding: 0 20px;
    font-weight: normal !important;
}


/**
* Market lookup screen
*/

@media screen and (max-width: 991px) {
    .card-record .badge-price {
        font-size: 20px !important;
        line-height: 20px;
        padding: 7px !important;
    }
}

/*  Evite le redimensionnement pour les petits écrans */
.market .lookupForm .row-record .item-thumbnail-left,
.market .lookupForm .row-record .item-thumbnail-left .item-content {
    padding-left: 115px !important;
}

/**
* Market record screen
*/
.market.view-record h1 {
    font-size: 25px;
}

@media screen and (max-width: 991px) {
    .market .view-record h1 {
        margin-top: 0px;
        padding-top: 0px;
    }

}

@media screen and (min-width: 992px) {
    .market.view-record h1 {
        margin-top: 5px;
        padding-top: 16px;
    }
}

.market.view-record .col-main .badge-price {
    font-size: 20px !important;
    line-height: 20px;
    padding: 6px !important;
    top: 0 !important;
}

.market.view-record .card-record .item-thumbnail-left .item-image {
    max-width: 100px;
    max-height: 100px;
}
.market.view-record .list-more-record .item{
    padding: 0 4px !important;
}
.market.view-record .list-more-record .item .badge-picture-count {
    bottom: unset !important;
    top: 80px !important;
    left: 67px !important;
}
.market.view-record .card-record {
    padding: 8px !important;
}
.market.view-record .card-record h2 {
    padding-top: 0 !important;
}
.market.view-record .card-record .item-thumbnail-left {
    padding: 0 0 0 110px !important;
}
@media screen and (max-width: 991px) {

    .gallery .card-gallery {
        margin: 0 !important;
    }

    .gallery .card-gallery img,
    .gallery .card.card-gallery img {
        min-width: 100%;
        max-height: inherit;
    }

}

/**
* Add specific Icons
*/

/* Association */
.cion-registry-association:before {
    font-family: "Ionicons";
    content: "\f212";
}

/* institution */
.cion-registry-company:before {
    font-family: "Cesiumicons";
    content: "\e903";
}

/* institution */
.cion-registry-institution:before {
    font-family: "Cesiumicons";
    content: "\e921";
}

/* shop */
.cion-registry-shop:before {
    font-family: "Ionicons";
    content: "\f110";
}

/* offer*/
.cion-market-offer:before {
    font-family: "Ionicons";
    content: "\f48d";
}

/* need */
.cion-market-need:before {
    font-family: "Ionicons";
    content: "\f27c";
}

/* -- Gallery -- */

.image-list-thumb {
    padding: 2px 2px 2px 2px;
    height: 150px;
}

/**
* Pictures slider
*/


.modal-pictures {
    width: 100% !important;
    height: 100%;
    top: 0 !important;
    left: 0 !important;
    background-color: #000 !important;
}

.modal-pictures .transparent {
    background: transparent;
}

.modal-pictures .slider-slide {
    background: transparent;
}

.modal-pictures .slider {
    width: 100%;
    height: 100%;
}

.modal-pictures .image {
    width: 100%;
    height: 600px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
}

.modal-pictures .image > .item {
    background-color: rgba(255,255,255,0.9) !important;
}

.modal-pictures .image > .item h3 {
    margin-top: -10px;
    font-size: 10pt;
}

.modal-pictures .badge-price.sold  {
    text-decoration-color: #ef473a;
    text-decoration-line: line-through;
    text-decoration-style: solid;
}

.modal-pictures .card-description {
    position: absolute;
    bottom: 10%;
    width: 100%;
    max-height: 50%;
    min-height: 150px;
}
.modal-pictures .card.card-description {
    background-color: rgba(0,0,0,0.8) !important;
}
.modal-pictures .card.card-description .item {
    background: transparent;
}


@media screen and (min-width: 768px) {
    .modal-pictures .image {
        height: 800px;
    }

    .modal-pictures .bar.bar-header {
        height: 80px;
        box-shadow: none;
        border: 0;
    }
    .modal-pictures .bar.bar-header h1.title{
        margin-top: 20px;
        font-size: 35pt;
    }
    .modal-pictures .bar.bar-header h2{
        font-size: 28pt;
    }
    .modal-pictures .has-header {
        top: 80px;
    }

    .modal-pictures .image {
        background-position: center, center;
    }

    .modal-pictures .badge-price  {
        font-size: 45px !important;
        line-height: 45px;
        padding: 12px !important;
    }

    .modal-pictures .badge.badge-secondary {
        font-size: 20px;
        font-style: italic;
        top: 90px !important;
    }

    .modal-pictures .item  {
        height: 110px;
        padding: 0;
    }

    .modal-pictures .item h1 {
        font-size: 45px !important;
        line-height: 100px;
        height: 110px;
        margin: 0;
    }

    .modal-pictures .card.card-description {
        padding: 16px;
        max-width: 50%;
    }
    .modal-pictures .card.card-description .item {
        font-size: 17pt;
    }
    .modal-pictures .image > .item h3 {
        margin-top: -35px;
        font-size: 15pt;
    }
}

.view-registry-search {
    background-color: #fefefe !important;
}

/*!
 * Converse.js (Web-based XMPP instant messaging client)
 * http://conversejs.org
 *
 * Copyright (c) 2012-2016, JC Brand <jc@opkode.com>
 * Licensed under the Mozilla Public License
 */
/*
    Color scheme helpers:
    https://coolors.co/app/264653-2a9d8f-e9c46a-f4a261-e76f51
    http://paletton.com/#uid=70a0u0kkNs+b4JOgryLpxqpsbkI
 */
@font-face {
  font-family: 'Converse-js';
  src: url("../fonts/icomoon.eot?wvi0ht");
  src: url("../fonts/icomoon.eot?wvi0ht#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?wvi0ht") format("truetype"), url("../fonts/icomoon.woff?wvi0ht") format("woff"), url("../fonts/icomoon.svg?wvi0ht#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon-conversejs {
  padding-right: 0.2em;
  font-family: 'Converse-js';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-conversejs:before {
  content: "\e600"; }

#converse-embedded-chat .icon-address-book:before,
#conversejs .icon-address-book:before {
  content: "\270f"; }

#converse-embedded-chat .icon-attachment:before,
#conversejs .icon-attachment:before {
  content: "\e032"; }

#converse-embedded-chat .icon-away:before,
#conversejs .icon-away:before {
  content: "\25fb"; }

#converse-embedded-chat .icon-blocked:before,
#conversejs .icon-blocked:before {
  content: "\2718"; }

#converse-embedded-chat .icon-bold:before,
#conversejs .icon-bold:before {
  content: "\e04d"; }

#converse-embedded-chat .icon-bubbles2:before,
#conversejs .icon-bubbles2:before {
  content: "\e016"; }

#converse-embedded-chat .icon-bubbles3:before,
#conversejs .icon-bubbles3:before {
  content: "\e017"; }

#converse-embedded-chat .icon-bubbles:before,
#conversejs .icon-bubbles:before {
  content: "\e015"; }

#converse-embedded-chat .icon-busy:before,
#conversejs .icon-busy:before {
  content: "\e004"; }

#converse-embedded-chat .icon-dnd:before,
#conversejs .icon-dnd:before {
  content: "\e004"; }

#converse-embedded-chat .icon-cancel-circle:before,
#conversejs .icon-cancel-circle:before {
  content: "\e058"; }

#converse-embedded-chat .icon-checkmark:before,
#conversejs .icon-checkmark:before {
  content: "\2713"; }

#converse-embedded-chat .icon-close:before,
#conversejs .icon-close:before {
  content: "\2715"; }

#converse-embedded-chat .icon-closed:before,
#conversejs .icon-closed:before {
  content: "\25ba"; }

#converse-embedded-chat .icon-cog:before,
#conversejs .icon-cog:before {
  content: "\e02f"; }

#converse-embedded-chat .icon-cogs:before,
#conversejs .icon-cogs:before {
  content: "\e022"; }

#converse-embedded-chat .icon-conversejs:before,
#conversejs .icon-conversejs:before {
  content: "\e600"; }

#converse-embedded-chat .icon-database:before,
#conversejs .icon-database:before {
  content: "\f1c0"; }

#converse-embedded-chat .icon-envelope:before,
#conversejs .icon-envelope:before {
  content: "\f003"; }

#converse-embedded-chat .icon-exit:before,
#conversejs .icon-exit:before {
  content: "\e601"; }

#converse-embedded-chat .icon-eye-blocked:before,
#conversejs .icon-eye-blocked:before {
  content: "\e031"; }

#converse-embedded-chat .icon-eye:before,
#conversejs .icon-eye:before {
  content: "\e030"; }

#converse-embedded-chat .icon-github:before,
#conversejs .icon-github:before {
  content: "\eab0"; }

#converse-embedded-chat .icon-globe:before,
#conversejs .icon-globe:before {
  content: "\f0ac"; }

#converse-embedded-chat .icon-google2:before,
#conversejs .icon-google2:before {
  content: "\ea89"; }

#converse-embedded-chat .icon-group:before,
#conversejs .icon-group:before {
  content: "\f0c0"; }

#converse-embedded-chat .icon-happy:before,
#conversejs .icon-happy:before {
  content: "\263b"; }

#converse-embedded-chat .icon-heart2:before,
#conversejs .icon-heart2:before {
  content: "\f004"; }

#converse-embedded-chat .icon-heart:before,
#conversejs .icon-heart:before {
  content: "\2764"; }

#converse-embedded-chat .icon-heart_empty:before,
#conversejs .icon-heart_empty:before {
  content: "\f08a"; }

#converse-embedded-chat .icon-hide-users:before,
#conversejs .icon-hide-users:before {
  content: "\e01c"; }

#converse-embedded-chat .icon-home:before,
#conversejs .icon-home:before {
  content: "\e000"; }

#converse-embedded-chat .icon-idcard-dark:before,
#conversejs .icon-idcard-dark:before {
  content: "\f2c2"; }

#converse-embedded-chat .icon-idcard:before,
#conversejs .icon-idcard:before {
  content: "\f2c3"; }

#converse-embedded-chat .icon-image:before,
#conversejs .icon-image:before {
  content: "\2b14"; }

#converse-embedded-chat .icon-info:before,
#conversejs .icon-info:before {
  content: "\2360"; }

#converse-embedded-chat .icon-italic:before,
#conversejs .icon-italic:before {
  content: "\e04f"; }

#converse-embedded-chat .icon-key:before,
#conversejs .icon-key:before {
  content: "\e028"; }

#converse-embedded-chat .icon-legal:before,
#conversejs .icon-legal:before {
  content: "\f0e3"; }

#converse-embedded-chat .icon-lock:before,
#conversejs .icon-lock:before {
  content: "\e027"; }

#converse-embedded-chat .icon-minus:before,
#conversejs .icon-minus:before {
  content: "\e05a"; }

#converse-embedded-chat .icon-music:before,
#conversejs .icon-music:before {
  content: "\266b"; }

#converse-embedded-chat .icon-newtab:before,
#conversejs .icon-newtab:before {
  content: "\e053"; }

#converse-embedded-chat .icon-notebook:before,
#conversejs .icon-notebook:before {
  content: "\2710"; }

#converse-embedded-chat .icon-notification:before,
#conversejs .icon-notification:before {
  content: "\e01f"; }

#converse-embedded-chat .icon-offline:before,
#conversejs .icon-offline:before {
  content: "\e002"; }

#converse-embedded-chat .icon-logout:before,
#conversejs .icon-logout:before {
  content: "\e002"; }

#converse-embedded-chat .icon-online:before,
#conversejs .icon-online:before {
  content: "\25fc"; }

#converse-embedded-chat .icon-opened:before,
#conversejs .icon-opened:before {
  content: "\25bc"; }

#converse-embedded-chat .icon-pencil:before,
#conversejs .icon-pencil:before {
  content: "\270e"; }

#converse-embedded-chat .icon-phone-hang-up:before,
#conversejs .icon-phone-hang-up:before {
  content: "\260e"; }

#converse-embedded-chat .icon-phone:before,
#conversejs .icon-phone:before {
  content: "\260f"; }

#converse-embedded-chat .icon-plus:before,
#conversejs .icon-plus:before {
  content: "\271a"; }

#converse-embedded-chat .icon-pushpin:before,
#conversejs .icon-pushpin:before {
  content: "\e012"; }

#converse-embedded-chat .icon-quotes-left:before,
#conversejs .icon-quotes-left:before {
  content: "\e01d"; }

#converse-embedded-chat .icon-reddit:before,
#conversejs .icon-reddit:before {
  content: "\eac6"; }

#converse-embedded-chat .icon-remove:before,
#conversejs .icon-remove:before {
  content: "\e02d"; }

#converse-embedded-chat .icon-room-info:before,
#conversejs .icon-room-info:before {
  content: "\e059"; }

#converse-embedded-chat .icon-save:before,
#conversejs .icon-save:before {
  content: "\f0c7"; }

#converse-embedded-chat .icon-search:before,
#conversejs .icon-search:before {
  content: "\e021"; }

#converse-embedded-chat .icon-show-users:before,
#conversejs .icon-show-users:before {
  content: "\e01e"; }

#converse-embedded-chat .icon-smiley:before,
#conversejs .icon-smiley:before {
  content: "\263a"; }

#converse-embedded-chat .icon-snowflake:before,
#conversejs .icon-snowflake:before {
  content: "\f2dc"; }

#converse-embedded-chat .icon-spell-check:before,
#conversejs .icon-spell-check:before {
  content: "\e045"; }

#converse-embedded-chat .icon-spinner:before,
#conversejs .icon-spinner:before {
  content: "\231b"; }

#converse-embedded-chat .icon-star:before,
#conversejs .icon-star:before {
  content: "\f005"; }

#converse-embedded-chat .icon-star_empty:before,
#conversejs .icon-star_empty:before {
  content: "\f006"; }

#converse-embedded-chat .icon-strikethrough:before,
#conversejs .icon-strikethrough:before {
  content: "\e050"; }

#converse-embedded-chat .icon-twitter:before,
#conversejs .icon-twitter:before {
  content: "\ea96"; }

#converse-embedded-chat .icon-underline:before,
#conversejs .icon-underline:before {
  content: "\e04e"; }

#converse-embedded-chat .icon-unlocked:before,
#conversejs .icon-unlocked:before {
  content: "\e025"; }

#converse-embedded-chat .icon-user:before,
#conversejs .icon-user:before {
  content: "\e01a"; }

#converse-embedded-chat .icon-users:before,
#conversejs .icon-users:before {
  content: "\e01b"; }

#converse-embedded-chat .icon-warning:before,
#conversejs .icon-warning:before {
  content: "\26a0"; }

#converse-embedded-chat .icon-wrench:before,
#conversejs .icon-wrench:before {
  content: "\e024"; }

#converse-embedded-chat .icon-xa:before,
#conversejs .icon-xa:before {
  content: "\e602"; }

#converse-embedded-chat .icon-zoomin:before,
#conversejs .icon-zoomin:before {
  content: "\e02b"; }

#converse-embedded-chat .icon-zoomout:before,
#conversejs .icon-zoomout:before {
  content: "\e02a"; }

#converse-embedded-chat [data-icon]:before,
#conversejs [data-icon]:before {
  content: attr(data-icon);
  font-family: 'Converse-js';
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

#converse-embedded-chat [class^="icon-"]:before, #converse-embedded-chat [class*=" icon-"]:before,
#conversejs [class^="icon-"]:before,
#conversejs [class*=" icon-"]:before {
  background-position: 14px 14px;
  background-image: none;
  font-family: 'Converse-js';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  width: auto;
  height: auto;
  line-height: 1;
  speak: none;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

#conversejs {
  /*!
  Pure v0.6.1-pre
  Copyright 2014 Yahoo! Inc. All rights reserved.
  Licensed under the BSD License.
  https://github.com/yahoo/pure/blob/master/LICENSE.md
  */
  /*!
  normalize.css v^3.0 | MIT License | git.io/normalize
  Copyright (c) Nicolas Gallagher and Jonathan Neal
  */
  /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
  /**
   * 1. Set default font family to sans-serif.
   * 2. Prevent iOS and IE text size adjust after device orientation change,
   *    without disabling user zoom.
   */
  /**
   * Remove default margin.
   */
  /* HTML5 display definitions
     ========================================================================== */
  /**
   * Correct `block` display not defined for any HTML5 element in IE 8/9.
   * Correct `block` display not defined for `details` or `summary` in IE 10/11
   * and Firefox.
   * Correct `block` display not defined for `main` in IE 11.
   */
  /**
   * 1. Correct `inline-block` display not defined in IE 8/9.
   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
   */
  /**
   * Prevent modern browsers from displaying `audio` without controls.
   * Remove excess height in iOS 5 devices.
   */
  /**
   * Address `[hidden]` styling not present in IE 8/9/10.
   * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
   */
  /* Links
     ========================================================================== */
  /**
   * Remove the gray background color from active links in IE 10.
   */
  /**
   * Improve readability of focused elements when they are also in an
   * active/hover state.
   */
  /* Text-level semantics
     ========================================================================== */
  /**
   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
   */
  /**
   * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
   */
  /**
   * Address styling not present in Safari and Chrome.
   */
  /**
   * Address variable `h1` font-size and margin within `section` and `article`
   * contexts in Firefox 4+, Safari, and Chrome.
   */
  /**
   * Address styling not present in IE 8/9.
   */
  /**
   * Address inconsistent and variable font size in all browsers.
   */
  /**
   * Prevent `sub` and `sup` affecting `line-height` in all browsers.
   */
  /* Embedded content
     ========================================================================== */
  /**
   * Remove border when inside `a` element in IE 8/9/10.
   */
  /**
   * Correct overflow not hidden in IE 9/10/11.
   */
  /* Grouping content
     ========================================================================== */
  /**
   * Address margin not present in IE 8/9 and Safari.
   */
  /**
   * Address differences between Firefox and other browsers.
   */
  /**
   * Contain overflow in all browsers.
   */
  /**
   * Address odd `em`-unit font size rendering in all browsers.
   */
  /* Forms
     ========================================================================== */
  /**
   * Known limitation: by default, Chrome and Safari on OS X allow very limited
   * styling of `select`, unless a `border` property is set.
   */
  /**
   * 1. Correct color not being inherited.
   *    Known issue: affects color of disabled elements.
   * 2. Correct font properties not being inherited.
   * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
   */
  /**
   * Address `overflow` set to `hidden` in IE 8/9/10/11.
   */
  /**
   * Address inconsistent `text-transform` inheritance for `button` and `select`.
   * All other form control elements do not inherit `text-transform` values.
   * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
   * Correct `select` style inheritance in Firefox.
   */
  /**
   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
   *    and `video` controls.
   * 2. Correct inability to style clickable `input` types in iOS.
   * 3. Improve usability and consistency of cursor style between image-type
   *    `input` and others.
   */
  /**
   * Re-set default cursor for disabled elements.
   */
  /**
   * Remove inner padding and border in Firefox 4+.
   */
  /**
   * Address Firefox 4+ setting `line-height` on `input` using `!important` in
   * the UA stylesheet.
   */
  /**
   * It's recommended that you don't attempt to style these elements.
   * Firefox's implementation doesn't respect box-sizing, padding, or width.
   *
   * 1. Address box sizing set to `content-box` in IE 8/9/10.
   * 2. Remove excess padding in IE 8/9/10.
   */
  /**
   * Fix the cursor style for Chrome's increment/decrement buttons. For certain
   * `font-size` values of the `input`, it causes the cursor style of the
   * decrement button to change from `default` to `text`.
   */
  /**
   * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
   * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
   */
  /**
   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
   * Safari (but not Chrome) clips the cancel button when the search input has
   * padding (and `textfield` appearance).
   */
  /**
   * Define consistent border, margin, and padding.
   */
  /**
   * 1. Correct `color` not being inherited in IE 8/9/10/11.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   */
  /**
   * Remove default vertical scrollbar in IE 8/9/10/11.
   */
  /**
   * Don't inherit the `font-weight` (applied by a rule above).
   * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
   */
  /* Tables
     ========================================================================== */
  /**
   * Remove most spacing between table cells.
   */
  /*csslint important:false*/
  /* ==========================================================================
     Pure Base Extras
     ========================================================================== */
  /**
   * Extra rules that Pure adds on top of Normalize.css
   */
  /**
   * Always hide an element when it has the `hidden` HTML attribute.
   */
  /**
   * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
   * aspect ratio.
   */
  /*!
  Pure v0.6.1-pre
  Copyright 2014 Yahoo! Inc. All rights reserved.
  Licensed under the BSD License.
  https://github.com/yahoo/pure/blob/master/LICENSE.md
  */
  /*csslint box-model:false*/
  /*
  Box-model set to false because we're setting a height on select elements, which
  also have border and padding. This is done because some browsers don't render
  the padding. We explicitly set the box-model for select elements to border-box,
  so we can ignore the csslint warning.
  */
  /*
  Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
  since IE8 won't execute CSS that contains a CSS3 selector.
  */
  /* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
  /* May be able to remove this tweak as color inputs become more standardized across browsers. */
  /*
  Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
  since IE8 won't execute CSS that contains a CSS3 selector.
  */
  /*
  Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
  since IE8 won't execute CSS that contains a CSS3 selector.
  */
  /*
  Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
  since IE8 won't execute CSS that contains a CSS3 selector.
  */
  /* Aligned Forms */
  /* Rounded Inputs */
  /* Grouped Inputs */
  /* Inline help for forms */
  /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
  /* Block help for forms */
  /*!
  Pure v0.6.1-pre
  Copyright 2014 Yahoo! Inc. All rights reserved.
  Licensed under the BSD License.
  https://github.com/yahoo/pure/blob/master/LICENSE.md
  */
  /* Firefox: Get rid of the inner focus border */
  /*csslint outline-none:false*/
  /* Firefox: Get rid of the inner focus border */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#conversejs html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

#conversejs body {
  margin: 0; }

#conversejs article,
#conversejs aside,
#conversejs details,
#conversejs figcaption,
#conversejs figure,
#conversejs footer,
#conversejs header,
#conversejs hgroup,
#conversejs main,
#conversejs menu,
#conversejs nav,
#conversejs section,
#conversejs summary {
  display: block; }

#conversejs audio,
#conversejs canvas,
#conversejs progress,
#conversejs video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

#conversejs audio:not([controls]) {
  display: none;
  height: 0; }

#conversejs [hidden],
#conversejs template {
  display: none; }

#conversejs a {
  background-color: transparent; }

#conversejs a:active,
#conversejs a:hover {
  outline: 0; }

#conversejs abbr[title] {
  border-bottom: 1px dotted; }

#conversejs b,
#conversejs strong {
  font-weight: bold; }

#conversejs dfn {
  font-style: italic; }

#conversejs h1 {
  font-size: 2em;
  margin: 0.67em 0; }

#conversejs mark {
  background: #ff0;
  color: #000; }

#conversejs small {
  font-size: 80%; }

#conversejs sub,
#conversejs sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

#conversejs sup {
  top: -0.5em; }

#conversejs sub {
  bottom: -0.25em; }

#conversejs img {
  border: 0; }

#conversejs svg:not(:root) {
  overflow: hidden; }

#conversejs figure {
  margin: 1em 40px; }

#conversejs hr {
  box-sizing: content-box;
  height: 0; }

#conversejs pre {
  overflow: auto; }

#conversejs code,
#conversejs kbd,
#conversejs pre,
#conversejs samp {
  font-family: monospace, monospace;
  font-size: 1em; }

#conversejs button,
#conversejs input,
#conversejs optgroup,
#conversejs select,
#conversejs textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

#conversejs button {
  overflow: visible; }

#conversejs button,
#conversejs select {
  text-transform: none; }

#conversejs button,
#conversejs html input[type="button"],
#conversejs input[type="reset"],
#conversejs input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

#conversejs button[disabled],
#conversejs html input[disabled] {
  cursor: default; }

#conversejs button::-moz-focus-inner,
#conversejs input::-moz-focus-inner {
  border: 0;
  padding: 0; }

#conversejs input {
  line-height: normal; }

#conversejs input[type="checkbox"],
#conversejs input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

#conversejs input[type="number"]::-webkit-inner-spin-button,
#conversejs input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

#conversejs input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

#conversejs input[type="search"]::-webkit-search-cancel-button,
#conversejs input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

#conversejs fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

#conversejs legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

#conversejs textarea {
  overflow: auto; }

#conversejs optgroup {
  font-weight: bold; }

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

#conversejs td,
#conversejs th {
  padding: 0; }

#conversejs .hidden,
#conversejs [hidden] {
  display: none !important; }

#conversejs .pure-img {
  max-width: 100%;
  height: auto;
  display: block; }

#conversejs .pure-form input[type="text"],
#conversejs .pure-form input[type="password"],
#conversejs .pure-form input[type="email"],
#conversejs .pure-form input[type="url"],
#conversejs .pure-form input[type="date"],
#conversejs .pure-form input[type="month"],
#conversejs .pure-form input[type="time"],
#conversejs .pure-form input[type="datetime"],
#conversejs .pure-form input[type="datetime-local"],
#conversejs .pure-form input[type="week"],
#conversejs .pure-form input[type="number"],
#conversejs .pure-form input[type="search"],
#conversejs .pure-form input[type="tel"],
#conversejs .pure-form input[type="color"],
#conversejs .pure-form select,
#conversejs .pure-form textarea {
  padding: 0.5em 0.6em;
  display: inline-block;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#conversejs .pure-form input:not([type]) {
  padding: 0.5em 0.6em;
  display: inline-block;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#conversejs .pure-form input[type="color"] {
  padding: 0.2em 0.5em; }

#conversejs .pure-form input[type="text"]:focus,
#conversejs .pure-form input[type="password"]:focus,
#conversejs .pure-form input[type="email"]:focus,
#conversejs .pure-form input[type="url"]:focus,
#conversejs .pure-form input[type="date"]:focus,
#conversejs .pure-form input[type="month"]:focus,
#conversejs .pure-form input[type="time"]:focus,
#conversejs .pure-form input[type="datetime"]:focus,
#conversejs .pure-form input[type="datetime-local"]:focus,
#conversejs .pure-form input[type="week"]:focus,
#conversejs .pure-form input[type="number"]:focus,
#conversejs .pure-form input[type="search"]:focus,
#conversejs .pure-form input[type="tel"]:focus,
#conversejs .pure-form input[type="color"]:focus,
#conversejs .pure-form select:focus,
#conversejs .pure-form textarea:focus {
  outline: 0;
  border-color: #1A9707; }

#conversejs .pure-form input:not([type]):focus {
  outline: 0;
  border-color: #1A9707; }

#conversejs .pure-form input[type="file"]:focus,
#conversejs .pure-form input[type="radio"]:focus,
#conversejs .pure-form input[type="checkbox"]:focus {
  outline: thin solid #1A9707;
  outline: 1px auto #1A9707; }

#conversejs .pure-form .pure-checkbox,
#conversejs .pure-form .pure-radio {
  margin: 0.5em 0;
  display: block; }

#conversejs .pure-form input[type="text"][disabled],
#conversejs .pure-form input[type="password"][disabled],
#conversejs .pure-form input[type="email"][disabled],
#conversejs .pure-form input[type="url"][disabled],
#conversejs .pure-form input[type="date"][disabled],
#conversejs .pure-form input[type="month"][disabled],
#conversejs .pure-form input[type="time"][disabled],
#conversejs .pure-form input[type="datetime"][disabled],
#conversejs .pure-form input[type="datetime-local"][disabled],
#conversejs .pure-form input[type="week"][disabled],
#conversejs .pure-form input[type="number"][disabled],
#conversejs .pure-form input[type="search"][disabled],
#conversejs .pure-form input[type="tel"][disabled],
#conversejs .pure-form input[type="color"][disabled],
#conversejs .pure-form select[disabled],
#conversejs .pure-form textarea[disabled] {
  cursor: not-allowed;
  background-color: #eaeded;
  color: #cad2d3; }

#conversejs .pure-form input:not([type])[disabled] {
  cursor: not-allowed;
  background-color: #eaeded;
  color: #cad2d3; }

#conversejs .pure-form input[readonly],
#conversejs .pure-form select[readonly],
#conversejs .pure-form textarea[readonly] {
  background-color: #eee;
  /* menu hover bg color */
  color: #777;
  /* menu text color */
  border-color: #ccc; }

#conversejs .pure-form input:focus:invalid,
#conversejs .pure-form textarea:focus:invalid,
#conversejs .pure-form select:focus:invalid {
  color: #b94a48;
  border-color: #e9322d; }

#conversejs .pure-form input[type="file"]:focus:invalid:focus,
#conversejs .pure-form input[type="radio"]:focus:invalid:focus,
#conversejs .pure-form input[type="checkbox"]:focus:invalid:focus {
  outline-color: #e9322d; }

#conversejs .pure-form select {
  /* Normalizes the height; padding is not sufficient. */
  height: 2.25em;
  border: 1px solid #ccc;
  background-color: white; }

#conversejs .pure-form select[multiple] {
  height: auto; }

#conversejs .pure-form label {
  margin: 0.5em 0 0.2em; }

#conversejs .pure-form fieldset {
  margin: 0;
  padding: 0.35em 0 0.35em;
  border: 0; }

#conversejs .pure-form legend {
  display: block;
  width: 100%;
  padding: 0.3em 0;
  margin-bottom: 0.3em;
  color: #333;
  border-bottom: 1px solid #e5e5e5; }

#conversejs .pure-form-stacked input[type="text"],
#conversejs .pure-form-stacked input[type="password"],
#conversejs .pure-form-stacked input[type="email"],
#conversejs .pure-form-stacked input[type="url"],
#conversejs .pure-form-stacked input[type="date"],
#conversejs .pure-form-stacked input[type="month"],
#conversejs .pure-form-stacked input[type="time"],
#conversejs .pure-form-stacked input[type="datetime"],
#conversejs .pure-form-stacked input[type="datetime-local"],
#conversejs .pure-form-stacked input[type="week"],
#conversejs .pure-form-stacked input[type="number"],
#conversejs .pure-form-stacked input[type="search"],
#conversejs .pure-form-stacked input[type="tel"],
#conversejs .pure-form-stacked input[type="color"],
#conversejs .pure-form-stacked input[type="file"],
#conversejs .pure-form-stacked select,
#conversejs .pure-form-stacked label,
#conversejs .pure-form-stacked textarea {
  display: block;
  margin: 0.25em 0; }

#conversejs .pure-form-stacked input:not([type]) {
  display: block;
  margin: 0.25em 0; }

#conversejs .pure-form-aligned input,
#conversejs .pure-form-aligned textarea,
#conversejs .pure-form-aligned select,
#conversejs .pure-form-aligned .pure-help-inline,
#conversejs .pure-form-message-inline {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle; }

#conversejs .pure-form-aligned textarea {
  vertical-align: top; }

#conversejs .pure-form-aligned .pure-control-group {
  margin-bottom: 0.5em; }

#conversejs .pure-form-aligned .pure-control-group label {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  width: 10em;
  margin: 0 1em 0 0; }

#conversejs .pure-form-aligned .pure-controls {
  margin: 1.5em 0 0 11em; }

#conversejs .pure-form input.pure-input-rounded,
#conversejs .pure-form .pure-input-rounded {
  border-radius: 2em;
  padding: 0.5em 1em; }

#conversejs .pure-form .pure-group fieldset {
  margin-bottom: 10px; }

#conversejs .pure-form .pure-group input,
#conversejs .pure-form .pure-group textarea {
  display: block;
  padding: 10px;
  margin: 0 0 -1px;
  border-radius: 0;
  position: relative;
  top: -1px; }

#conversejs .pure-form .pure-group input:focus,
#conversejs .pure-form .pure-group textarea:focus {
  z-index: 3; }

#conversejs .pure-form .pure-group input:first-child,
#conversejs .pure-form .pure-group textarea:first-child {
  top: 1px;
  border-radius: 4px 4px 0 0;
  margin: 0; }

#conversejs .pure-form .pure-group input:first-child:last-child,
#conversejs .pure-form .pure-group textarea:first-child:last-child {
  top: 1px;
  border-radius: 4px;
  margin: 0; }

#conversejs .pure-form .pure-group input:last-child,
#conversejs .pure-form .pure-group textarea:last-child {
  top: -2px;
  border-radius: 0 0 4px 4px;
  margin: 0; }

#conversejs .pure-form .pure-group button {
  margin: 0.35em 0; }

#conversejs .pure-form .pure-input-1 {
  width: 100%; }

#conversejs .pure-form .pure-input-3-4 {
  width: 75%; }

#conversejs .pure-form .pure-input-2-3 {
  width: 66%; }

#conversejs .pure-form .pure-input-1-2 {
  width: 50%; }

#conversejs .pure-form .pure-input-1-3 {
  width: 33%; }

#conversejs .pure-form .pure-input-1-4 {
  width: 25%; }

#conversejs .pure-form .pure-help-inline,
#conversejs .pure-form-message-inline {
  display: inline-block;
  padding-left: 0.3em;
  color: #666;
  vertical-align: middle;
  font-size: 0.875em; }

#conversejs .pure-form-message {
  display: block;
  color: #666;
  font-size: 0.875em; }

@media only screen and (max-width: 480px) {
  #conversejs {
    /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */ }
  #conversejs .pure-form button[type="submit"] {
    margin: 0.7em 0 0; }
  #conversejs .pure-form input:not([type]),
  #conversejs .pure-form input[type="text"],
  #conversejs .pure-form input[type="password"],
  #conversejs .pure-form input[type="email"],
  #conversejs .pure-form input[type="url"],
  #conversejs .pure-form input[type="date"],
  #conversejs .pure-form input[type="month"],
  #conversejs .pure-form input[type="time"],
  #conversejs .pure-form input[type="datetime"],
  #conversejs .pure-form input[type="datetime-local"],
  #conversejs .pure-form input[type="week"],
  #conversejs .pure-form input[type="number"],
  #conversejs .pure-form input[type="search"],
  #conversejs .pure-form input[type="tel"],
  #conversejs .pure-form input[type="color"],
  #conversejs .pure-form label {
    margin-bottom: 0.3em;
    display: block; }
  #conversejs .pure-group input:not([type]),
  #conversejs .pure-group input[type="text"],
  #conversejs .pure-group input[type="password"],
  #conversejs .pure-group input[type="email"],
  #conversejs .pure-group input[type="url"],
  #conversejs .pure-group input[type="date"],
  #conversejs .pure-group input[type="month"],
  #conversejs .pure-group input[type="time"],
  #conversejs .pure-group input[type="datetime"],
  #conversejs .pure-group input[type="datetime-local"],
  #conversejs .pure-group input[type="week"],
  #conversejs .pure-group input[type="number"],
  #conversejs .pure-group input[type="search"],
  #conversejs .pure-group input[type="tel"],
  #conversejs .pure-group input[type="color"] {
    margin-bottom: 0; }
  #conversejs .pure-form-aligned .pure-control-group label {
    margin-bottom: 0.3em;
    text-align: left;
    display: block;
    width: 100%; }
  #conversejs .pure-form-aligned .pure-controls {
    margin: 1.5em 0 0 0; }
  #conversejs .pure-form .pure-help-inline,
  #conversejs .pure-form-message-inline,
  #conversejs .pure-form-message {
    display: block;
    font-size: 0.75em;
    /* Increased bottom padding to make it group with its related input element. */
    padding: 0.2em 0 0.8em; } }

#conversejs .pure-button {
  /* Structure */
  display: inline-block;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#conversejs .pure-button::-moz-focus-inner {
  padding: 0;
  border: 0; }

#conversejs .pure-button {
  font-family: inherit;
  font-size: 100%;
  padding: 0.5em 1em;
  color: #444;
  /* rgba not supported (IE 8) */
  color: rgba(0, 0, 0, 0.6);
  /* rgba supported */
  border: 1px solid #999;
  /*IE 6/7/8*/
  border: none transparent;
  /*IE9 + everything else*/
  background-color: #E6E6E6;
  text-decoration: none;
  border-radius: 2px; }

#conversejs .pure-button-hover,
#conversejs .pure-button:hover,
#conversejs .pure-button:focus {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));
  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1));
  background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1)); }

#conversejs .pure-button:focus {
  outline: 0; }

#conversejs .pure-button-active,
#conversejs .pure-button:active {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;
  border-color: #000 \9; }

#conversejs .pure-button[disabled],
#conversejs .pure-button-disabled,
#conversejs .pure-button-disabled:hover,
#conversejs .pure-button-disabled:focus,
#conversejs .pure-button-disabled:active {
  border: none;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: alpha(opacity=40);
  -khtml-opacity: 0.40;
  -moz-opacity: 0.40;
  opacity: 0.40;
  cursor: not-allowed;
  box-shadow: none; }

#conversejs .pure-button-hidden {
  display: none; }

#conversejs .pure-button::-moz-focus-inner {
  padding: 0;
  border: 0; }

#conversejs .pure-button-primary,
#conversejs .pure-button-selected,
#conversejs a.pure-button-primary,
#conversejs a.pure-button-selected {
  background-color: #0078e7;
  color: #fff; }

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

@media screen and (max-width: 480px) {
  #conversejs {
    margin: 0;
    right: 10px;
    left: 10px;
    bottom: 5px; } }

@media screen and (max-height: 450px) {
  #conversejs {
    margin: 0;
    right: 10px;
    left: 10px;
    bottom: 5px; } }

#conversejs ul li {
  height: auto; }

#conversejs div, #conversejs span, #conversejs h1, #conversejs h2, #conversejs h3, #conversejs h4, #conversejs h5, #conversejs h6, #conversejs p, #conversejs blockquote,
#conversejs pre, #conversejs a, #conversejs em, #conversejs img, #conversejs strong, #conversejs dl, #conversejs dt, #conversejs dd, #conversejs ol, #conversejs ul, #conversejs li,
#conversejs fieldset, #conversejs form, #conversejs label, #conversejs legend, #conversejs table, #conversejs caption, #conversejs tbody,
#conversejs tfoot, #conversejs thead, #conversejs tr, #conversejs th, #conversejs td, #conversejs article, #conversejs aside, #conversejs canvas, #conversejs details,
#conversejs embed, #conversejs figure, #conversejs figcaption, #conversejs footer, #conversejs header, #conversejs hgroup, #conversejs menu,
#conversejs nav, #conversejs output, #conversejs ruby, #conversejs section, #conversejs summary, #conversejs time, #conversejs mark, #conversejs audio, #conversejs video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline; }

#conversejs textarea,
#conversejs input[type=submit], #conversejs input[type=button],
#conversejs input[type=text], #conversejs input[type=password],
#conversejs button {
  font-size: 14px;
  padding: 0.25em;
  min-height: 0; }

#conversejs strong {
  font-weight: 700; }

#conversejs ol, #conversejs ul {
  list-style: none; }

#conversejs li {
  height: 10px; }

#conversejs ul, #conversejs ol, #conversejs dl {
  font: inherit;
  margin: 0; }

#conversejs a, #conversejs a:visited {
  text-decoration: none;
  color: #578EA9;
  text-shadow: none; }

#converse-embedded-chat,
#conversejs {
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  bottom: 0;
  color: #777;
  direction: ltr;
  display: block;
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  height: 35px;
  position: fixed;
  right: 0;
  width: auto;
  z-index: 1031; }

@media screen and (max-height: 450px) {
  #converse-embedded-chat,
  #conversejs {
    width: 100%;
    width: 100vw; } }

@media screen and (max-width: 480px) {
  #converse-embedded-chat,
  #conversejs {
    width: 100%;
    width: 100vw; } }

#converse-embedded-chat ::-webkit-input-placeholder,
#conversejs ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #A8ABA1; }

#converse-embedded-chat ::-moz-placeholder,
#conversejs ::-moz-placeholder {
  /* Firefox 19+ */
  color: #A8ABA1; }

#converse-embedded-chat :-ms-input-placeholder,
#conversejs :-ms-input-placeholder {
  /* IE 10+ */
  color: #A8ABA1; }

#converse-embedded-chat :-moz-placeholder,
#conversejs :-moz-placeholder {
  /* Firefox 18- */
  color: #A8ABA1; }

#converse-embedded-chat ::placeholder,
#conversejs ::placeholder {
  color: #A8ABA1; }

#converse-embedded-chat .circle,
#conversejs .circle {
  border-radius: 50%; }

#converse-embedded-chat ::selection,
#conversejs ::selection {
  background-color: #DCF9F6; }

#converse-embedded-chat ::-moz-selection,
#conversejs ::-moz-selection {
  background-color: #DCF9F6; }

#converse-embedded-chat .no-text-select,
#conversejs .no-text-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

@keyframes colorchange-chatmessage {
  0% {
    background-color: #8dd8ae; }
  25% {
    background-color: rgba(141, 216, 174, 0.75); }
  50% {
    background-color: rgba(141, 216, 174, 0.5); }
  75% {
    background-color: rgba(141, 216, 174, 0.25); }
  100% {
    background-color: transparent; } }

@-webkit-keyframes colorchange-chatmessage {
  0% {
    background-color: #8dd8ae; }
  25% {
    background-color: rgba(141, 216, 174, 0.75); }
  50% {
    background-color: rgba(141, 216, 174, 0.5); }
  75% {
    background-color: rgba(141, 216, 174, 0.25); }
  100% {
    background-color: transparent; } }

@keyframes colorchange-chatmessage-muc {
  0% {
    background-color: #ffb5a2; }
  25% {
    background-color: rgba(255, 181, 162, 0.75); }
  50% {
    background-color: rgba(255, 181, 162, 0.5); }
  75% {
    background-color: rgba(255, 181, 162, 0.25); }
  100% {
    background-color: transparent; } }

@-webkit-keyframes colorchange-chatmessage-muc {
  0% {
    background-color: #ffb5a2; }
  25% {
    background-color: rgba(255, 181, 162, 0.75); }
  50% {
    background-color: rgba(255, 181, 162, 0.5); }
  75% {
    background-color: rgba(255, 181, 162, 0.25); }
  100% {
    background-color: transparent; } }

@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

#converse-embedded-chat .fade-in,
#conversejs .fade-in {
  opacity: 0;
  /* make things invisible upon start */
  -webkit-animation-name: fadein;
  -moz-animation-name: fadein;
  animation-name: fadein;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  animation-timing-function: ease; }

#converse-embedded-chat .visible,
#conversejs .visible {
  opacity: 0;
  /* make things invisible upon start */
  -webkit-animation-name: fadein;
  -moz-animation-name: fadein;
  animation-name: fadein;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  animation-timing-function: ease; }

#converse-embedded-chat .hidden,
#conversejs .hidden {
  opacity: 0;
  display: none; }

#converse-embedded-chat .collapsed,
#conversejs .collapsed {
  height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important; }

#converse-embedded-chat .locked,
#conversejs .locked {
  padding-right: 22px; }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(359deg); } }

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg); } }

#converse-embedded-chat .emojione,
#conversejs .emojione {
  height: 20px; }

#converse-embedded-chat .spinner,
#conversejs .spinner {
  -webkit-animation: spin 2s infinite, linear;
  -moz-animation: spin 2s infinite, linear;
  animation: spin 2s infinite, linear;
  display: block;
  text-align: center;
  margin: 1em; }

#converse-embedded-chat .spinner:before,
#conversejs .spinner:before {
  font-size: 24px;
  font-family: 'Converse-js' !important;
  content: "\231b"; }

#converse-embedded-chat .left,
#conversejs .left {
  float: left; }

#converse-embedded-chat .right,
#conversejs .right {
  float: right; }

#converse-embedded-chat .centered,
#conversejs .centered {
  text-align: center;
  display: block;
  margin: 0;
  padding: 10% 0; }

#converse-embedded-chat .hor_centered,
#conversejs .hor_centered {
  text-align: center;
  display: block;
  margin: 0 auto;
  clear: both; }

#converse-embedded-chat .button-group,
#converse-embedded-chat .input-button-group,
#conversejs .button-group,
#conversejs .input-button-group {
  display: table; }

#converse-embedded-chat .button-group,
#conversejs .button-group {
  width: 100%; }

#converse-embedded-chat .input-button-group button,
#converse-embedded-chat .input-button-group input,
#conversejs .input-button-group button,
#conversejs .input-button-group input {
  display: table-cell; }

#converse-embedded-chat .error,
#conversejs .error {
  color: #A53214; }

#converse-embedded-chat .info,
#conversejs .info {
  color: #1E9652; }

#converse-embedded-chat .reg-feedback,
#conversejs .reg-feedback {
  font-size: 85%;
  margin-bottom: 1em; }

#converse-embedded-chat .reg-feedback,
#converse-embedded-chat #converse-login .conn-feedback,
#conversejs .reg-feedback,
#conversejs #converse-login .conn-feedback {
  display: block;
  text-align: center;
  width: 100%; }

#converse-embedded-chat a.restore-chat,
#conversejs a.restore-chat {
  padding: 1px 0 1px 5px;
  color: white;
  line-height: 15px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

#converse-embedded-chat a.restore-chat:visited,
#conversejs a.restore-chat:visited {
  color: white; }

#converse-embedded-chat .activated,
#conversejs .activated {
  display: block !important; }

#converse-embedded-chat .pure-form-message,
#conversejs .pure-form-message {
  padding: 0.5em 0; }

#converse-embedded-chat .pure-button,
#conversejs .pure-button {
  border-radius: 5px; }

#converse-embedded-chat .button-primary,
#conversejs .button-primary {
  color: white;
  background-color: #3AA569; }

#converse-embedded-chat .button-secondary,
#conversejs .button-secondary {
  color: white;
  background-color: #387592; }

#converse-embedded-chat .button-cancel,
#conversejs .button-cancel {
  color: white;
  background-color: #777; }

#converse-embedded-chat form.pure-form.converse-form,
#conversejs form.pure-form.converse-form {
  background: white;
  padding: 1em; }

#converse-embedded-chat form.pure-form.converse-form legend,
#conversejs form.pure-form.converse-form legend {
  color: #777;
  font-size: 125%;
  margin-bottom: 1.5em; }

#converse-embedded-chat form.pure-form.converse-form input[type=checkbox],
#conversejs form.pure-form.converse-form input[type=checkbox] {
  display: block; }

#converse-embedded-chat form.pure-form.converse-form select,
#converse-embedded-chat form.pure-form.converse-form input[type=password],
#converse-embedded-chat form.pure-form.converse-form input[type=number],
#converse-embedded-chat form.pure-form.converse-form input[type=text],
#conversejs form.pure-form.converse-form select,
#conversejs form.pure-form.converse-form input[type=password],
#conversejs form.pure-form.converse-form input[type=number],
#conversejs form.pure-form.converse-form input[type=text] {
  min-width: 50%; }

#converse-embedded-chat form.pure-form.converse-form label,
#conversejs form.pure-form.converse-form label {
  margin: 1em 0;
  font-size: 16px; }

#converse-embedded-chat form.pure-form.converse-form input[type=text],
#converse-embedded-chat form.pure-form.converse-form input[type=password],
#converse-embedded-chat form.pure-form.converse-form input[type=number],
#converse-embedded-chat form.pure-form.converse-form input[type=button],
#converse-embedded-chat form.pure-form.converse-form input[type=submit],
#conversejs form.pure-form.converse-form input[type=text],
#conversejs form.pure-form.converse-form input[type=password],
#conversejs form.pure-form.converse-form input[type=number],
#conversejs form.pure-form.converse-form input[type=button],
#conversejs form.pure-form.converse-form input[type=submit] {
  padding: 0.5em; }

#converse-embedded-chat form.pure-form.converse-form input[type=button],
#converse-embedded-chat form.pure-form.converse-form input[type=submit],
#conversejs form.pure-form.converse-form input[type=button],
#conversejs form.pure-form.converse-form input[type=submit] {
  padding-left: 1em;
  padding-right: 1em;
  margin: 0.5em 0;
  border: none; }

#converse-embedded-chat form.pure-form.converse-form input.error,
#conversejs form.pure-form.converse-form input.error {
  border: 1px solid #A53214;
  color: #777; }

#converse-embedded-chat form.pure-form.converse-form .form-help,
#conversejs form.pure-form.converse-form .form-help {
  color: gray;
  font-size: 85%;
  padding-top: 0.5em; }

#converse-embedded-chat form.pure-form.converse-form .form-help:hover,
#conversejs form.pure-form.converse-form .form-help:hover {
  color: #777; }

#converse-embedded-chat form.pure-form.converse-form .form-help.error,
#conversejs form.pure-form.converse-form .form-help.error {
  color: #A53214; }

#converse-embedded-chat form.pure-form.converse-centered-form,
#conversejs form.pure-form.converse-centered-form {
  text-align: center;
  width: 100%; }

#converse-embedded-chat .chat-textarea-chatbox-selected,
#conversejs .chat-textarea-chatbox-selected {
  border: 1px solid #578308;
  margin: 0; }

#converse-embedded-chat .chat-textarea-chatroom-selected,
#conversejs .chat-textarea-chatroom-selected {
  border: 2px solid #578EA9;
  margin: 0; }

#converse-embedded-chat .dropdown dt,
#converse-embedded-chat .dropdown ul,
#conversejs .dropdown dt,
#conversejs .dropdown ul {
  margin: 0;
  padding: 0; }

#converse-embedded-chat .flyout,
#conversejs .flyout {
  border-radius: 4px;
  bottom: 6px;
  display: block;
  position: absolute; }

@media screen and (max-height: 450px) {
  #converse-embedded-chat .flyout,
  #conversejs .flyout {
    border-radius: 0; } }

@media screen and (max-width: 480px) {
  #converse-embedded-chat .flyout,
  #conversejs .flyout {
    border-radius: 0; } }

@media screen and (max-height: 450px) {
  #converse-embedded-chat .flyout,
  #conversejs .flyout {
    bottom: 0; } }

@media screen and (max-width: 480px) {
  #converse-embedded-chat .flyout,
  #conversejs .flyout {
    bottom: 0; } }

#converse-embedded-chat .chat-head,
#conversejs .chat-head {
  color: #ffffff;
  font-size: 100%;
  height: 55px;
  margin: 0;
  padding: 0.5em;
  position: relative; }

#converse-embedded-chat .chat-head .avatar,
#conversejs .chat-head .avatar {
  margin-right: 0.5em;
  border-radius: 25%;
  float: left; }

#converse-embedded-chat .chat-head.chat-head-chatbox,
#conversejs .chat-head.chat-head-chatbox {
  background-color: #3AA569; }

#converse-embedded-chat .chat-head .user-custom-message,
#conversejs .chat-head .user-custom-message {
  color: white;
  font-size: 75%;
  font-style: italic;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  padding-top: 0.2em; }

#converse-embedded-chat .chatbox-btn,
#conversejs .chatbox-btn {
  border-radius: 25%;
  border: none;
  color: white;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-size: 12px;
  margin: 0 0.2em;
  padding: 0.3em;
  text-decoration: none; }

#converse-embedded-chat .chatbox-btn:active,
#conversejs .chatbox-btn:active {
  position: relative;
  top: 1px; }

#converse-embedded-chat .chatbox-btn.button-on,
#conversejs .chatbox-btn.button-on {
  background-color: white;
  color: #3AA569; }

#converse-embedded-chat .chatbox,
#conversejs .chatbox {
  display: block;
  text-align: left;
  float: right;
  height: 35px;
  margin: 0 0.5em;
  width: 200px; }

@media screen and (max-height: 450px) {
  #converse-embedded-chat .chatbox,
  #conversejs .chatbox {
    margin: 0;
    width: 100%; } }

@media screen and (max-width: 480px) {
  #converse-embedded-chat .chatbox,
  #conversejs .chatbox {
    margin: 0;
    width: 100%; } }

#converse-embedded-chat .chatbox .spoiler,
#conversejs .chatbox .spoiler {
  background-color: #e7f7ee; }

#converse-embedded-chat .chatbox .box-flyout,
#conversejs .chatbox .box-flyout {
  background-color: white;
  box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.4);
  height: 450px;
  min-height: 225px;
  min-width: 200px;
  width: 200px;
  z-index: 1; }

@media screen and (max-height: 450px) {
  #converse-embedded-chat .chatbox .box-flyout,
  #conversejs .chatbox .box-flyout {
    height: 400px;
    width: 100%;
    height: 100vh; } }

@media screen and (max-width: 480px) {
  #converse-embedded-chat .chatbox .box-flyout,
  #conversejs .chatbox .box-flyout {
    height: 400px;
    width: 100%;
    height: 100vh; } }

#converse-embedded-chat .chatbox .chat-title,
#conversejs .chatbox .chat-title {
  color: white;
  display: block;
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

#converse-embedded-chat .chatbox .chat-title a,
#conversejs .chatbox .chat-title a {
  color: white;
  width: 100%; }

#converse-embedded-chat .chatbox .chat-body,
#conversejs .chatbox .chat-body {
  background-color: white;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 0;
  height: 289px;
  height: -webkit-calc(100% - 55px);
  height: calc(100% - 55px); }

@media screen and (max-height: 450px) {
  #converse-embedded-chat .chatbox .chat-body,
  #conversejs .chatbox .chat-body {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; } }

@media screen and (max-width: 480px) {
  #converse-embedded-chat .chatbox .chat-body,
  #conversejs .chatbox .chat-body {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; } }

#converse-embedded-chat .chatbox .chat-body p,
#conversejs .chatbox .chat-body p {
  color: #777;
  font-size: 14px;
  margin: 0;
  padding: 5px; }

#converse-embedded-chat .chatbox .chat-body .chat-info,
#conversejs .chatbox .chat-body .chat-info {
  line-height: 14px;
  color: #3AA569;
  font-size: 12px;
  margin: 0.3em; }

#converse-embedded-chat .chatbox .chat-body .chat-info.chat-event,
#conversejs .chatbox .chat-body .chat-info.chat-event {
  clear: left;
  font-style: italic; }

#converse-embedded-chat .chatbox .chat-body .chat-info.chat-error,
#conversejs .chatbox .chat-body .chat-info.chat-error {
  color: #D24E2B;
  font-weight: bold; }

#converse-embedded-chat .chatbox .chat-body .chat-info.chat-date,
#conversejs .chatbox .chat-body .chat-info.chat-date {
  display: inline-block;
  margin-top: 1em; }

#converse-embedded-chat .chatbox .chat-body .chat-image,
#conversejs .chatbox .chat-body .chat-image {
  height: auto;
  width: auto;
  max-height: 24em;
  max-width: 100%; }

#converse-embedded-chat .chatbox .chat-body .chat-action,
#conversejs .chatbox .chat-body .chat-action {
  font-style: italic; }

#converse-embedded-chat .chatbox .chat-body .chat-message,
#conversejs .chatbox .chat-body .chat-message {
  overflow: auto; }

#converse-embedded-chat .chatbox .chat-body .chat-message.onload,
#conversejs .chatbox .chat-body .chat-message.onload {
  animation: colorchange-chatmessage 1s;
  -webkit-animation: colorchange-chatmessage 1s; }

#converse-embedded-chat .chatbox .chat-body .chat-message .chat-msg-author,
#conversejs .chatbox .chat-body .chat-message .chat-msg-author {
  font-weight: bold;
  white-space: nowrap;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden; }

#converse-embedded-chat .chatbox .chat-body .chat-message .chat-msg-them,
#conversejs .chatbox .chat-body .chat-message .chat-msg-them {
  color: #3AA569; }

#converse-embedded-chat .chatbox .chat-body .chat-message .chat-msg-me,
#conversejs .chatbox .chat-body .chat-message .chat-msg-me {
  color: #578EA9; }

#converse-embedded-chat .chatbox .chat-body .chat-message .chat-msg-content,
#conversejs .chatbox .chat-body .chat-message .chat-msg-content {
  max-width: 100%;
  word-wrap: break-word; }

#converse-embedded-chat .chatbox .chat-body .chat-message .chat-msg-content.spoiler,
#conversejs .chatbox .chat-body .chat-message .chat-msg-content.spoiler {
  border-radius: 4px;
  padding: 0.5em; }

#converse-embedded-chat .chatbox .chat-body .chat-message .chat-msg-content .emojione,
#conversejs .chatbox .chat-body .chat-message .chat-msg-content .emojione {
  margin-bottom: -6px; }

#converse-embedded-chat .chatbox .chat-body .delayed .chat-msg-them,
#conversejs .chatbox .chat-body .delayed .chat-msg-them {
  color: #41b875; }

#converse-embedded-chat .chatbox .chat-body .delayed .chat-msg-me,
#conversejs .chatbox .chat-body .delayed .chat-msg-me {
  color: #6899b2; }

#converse-embedded-chat .chatbox .new-msgs-indicator,
#conversejs .chatbox .new-msgs-indicator {
  position: absolute;
  width: 100%;
  cursor: pointer;
  background-color: #3AA569;
  color: #FCFDFD;
  padding: 0.5em;
  font-size: 0.9em;
  text-align: center;
  z-index: 20;
  white-space: nowrap; }

#converse-embedded-chat .chatbox .chat-content,
#conversejs .chatbox .chat-content {
  position: relative;
  padding: 0.5em;
  font-size: 13px;
  color: #777;
  overflow-y: auto;
  border: 0;
  background-color: #ffffff;
  line-height: 1.3em;
  height: 206px;
  height: calc(100% - 96px); }

#converse-embedded-chat .chatbox .chat-content .toggle-spoiler:before,
#conversejs .chatbox .chat-content .toggle-spoiler:before {
  padding-right: 0.25em;
  whitespace: nowrap; }

#converse-embedded-chat .chatbox .chat-content-sendbutton,
#conversejs .chatbox .chat-content-sendbutton {
  height: calc(100% - 128px); }

#converse-embedded-chat .chatbox .dropdown,
#conversejs .chatbox .dropdown {
  /* status dropdown styles */
  background-color: #FCFDFD; }

#converse-embedded-chat .chatbox .dropdown dd,
#conversejs .chatbox .dropdown dd {
  margin: 0;
  padding: 0;
  position: relative; }

#converse-embedded-chat .chatbox .sendXMPPMessage,
#conversejs .chatbox .sendXMPPMessage {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-clip: padding-box;
  border-top: 1px solid #BBB;
  border: 0;
  margin: 0;
  padding: 0;
  position: relative;
  height: 95px;
  min-width: 200px; }

@media screen and (max-height: 450px) {
  #converse-embedded-chat .chatbox .sendXMPPMessage,
  #conversejs .chatbox .sendXMPPMessage {
    width: 100%; } }

@media screen and (max-width: 480px) {
  #converse-embedded-chat .chatbox .sendXMPPMessage,
  #conversejs .chatbox .sendXMPPMessage {
    width: 100%; } }

#converse-embedded-chat .chatbox .sendXMPPMessage .spoiler-hint,
#conversejs .chatbox .sendXMPPMessage .spoiler-hint {
  width: 100%; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-textarea,
#conversejs .chatbox .sendXMPPMessage .chat-textarea {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 0;
  height: 70px;
  padding: 0.5em;
  width: 100%;
  resize: none; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-textarea.spoiler,
#conversejs .chatbox .sendXMPPMessage .chat-textarea.spoiler {
  height: 42px; }

#converse-embedded-chat .chatbox .sendXMPPMessage .send-button,
#conversejs .chatbox .sendXMPPMessage .send-button {
  position: absolute;
  left: 3px;
  width: -webkit-calc(100% - 6px);
  width: calc(100% - 6px);
  background-color: #3AA569;
  color: white;
  font-size: 80%;
  height: 27px;
  bottom: -30px; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar {
  box-sizing: border-box;
  margin: 0;
  padding: 0.25em;
  height: 25px;
  display: block;
  background-color: #50c282;
  color: white; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar a,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar a {
  color: white;
  font-size: 16px;
  text-decoration: none;
  text-shadow: none; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar .unencrypted a,
#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar .unencrypted,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .unencrypted a,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .unencrypted {
  color: #777; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar .unencrypted a .toolbar-menu a,
#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar .unencrypted .toolbar-menu a,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .unencrypted a .toolbar-menu a,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .unencrypted .toolbar-menu a {
  color: #578EA9; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar .unverified a,
#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar .unverified,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .unverified a,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .unverified {
  color: #cf5300; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar .private a,
#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar .private,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .private a,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .private {
  color: #4b7003; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar .toggle-occupants,
#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar .toggle-clear,
#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar .toggle-otr,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .toggle-occupants,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .toggle-clear,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .toggle-otr {
  float: right; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li {
  cursor: pointer;
  display: inline-block;
  list-style: none;
  margin-top: 1px;
  padding: 0 3px 0 3px; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li:hover,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li:hover {
  cursor: pointer; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu {
  background-color: #fff;
  bottom: 100%;
  box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.4);
  font-size: 12px;
  margin: 0;
  position: absolute;
  right: 0; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu a,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu a {
  color: #578EA9; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-picker,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-picker {
  height: 100px;
  overflow: scroll;
  padding: 0.5em; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar {
  /* offset-x | offset-y | blur-radius | spread-radius | color */
  box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.4); }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar {
  overflow: hidden;
  left: 0; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar .picked,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar .picked {
  background-color: #DCF9F6; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar li,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar li {
  height: 30px;
  padding: 4px;
  z-index: 98; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar li.emoji a,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar li.emoji a {
  font-size: 20px; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul li,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul li {
  margin-left: 0;
  cursor: pointer;
  list-style: none;
  position: relative; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul li.insert-emoji,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul li.insert-emoji {
  padding: 0.3em; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul li.insert-emoji:hover,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul li.insert-emoji:hover {
  background-color: #DCF9F6; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul li a:hover,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li .toolbar-menu ul li a:hover {
  color: #8f2831; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li.toggle-toolbar-menu,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li.toggle-toolbar-menu {
  color: white; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-category-picker li:hover,
#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-skintone-picker li:hover,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-category-picker li:hover,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li.toggle-smiley .emoji-toolbar .emoji-skintone-picker li:hover {
  background-color: #DCF9F6; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li.toggle-otr ul,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li.toggle-otr ul {
  z-index: 99; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li.toggle-otr ul li,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li.toggle-otr ul li {
  display: block;
  padding: 7px; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li.toggle-otr ul li:hover,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li.toggle-otr ul li:hover {
  background-color: #DCF9F6; }

#converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar li.toggle-otr ul li a,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar li.toggle-otr ul li a {
  display: block; }

#converse-embedded-chat .chatbox .dragresize,
#conversejs .chatbox .dragresize {
  background: transparent;
  border: 0;
  margin: 0;
  position: absolute;
  top: 0;
  z-index: 20; }

#converse-embedded-chat .chatbox .dragresize-top,
#conversejs .chatbox .dragresize-top {
  cursor: n-resize;
  height: 5px;
  width: 100%; }

#converse-embedded-chat .chatbox .dragresize-left,
#conversejs .chatbox .dragresize-left {
  cursor: w-resize;
  width: 5px;
  height: 100%;
  left: 0; }

#converse-embedded-chat .chatbox .dragresize-topleft,
#conversejs .chatbox .dragresize-topleft {
  cursor: nw-resize;
  width: 15px;
  height: 15px;
  top: 0;
  left: 0; }

#converse-embedded-chat .chat-head,
#conversejs .chat-head {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

@media screen and (max-height: 450px) {
  #converse-embedded-chat .chat-head,
  #conversejs .chat-head {
    border-top-left-radius: 0;
    border-top-right-radius: 0; } }

@media screen and (max-width: 480px) {
  #converse-embedded-chat .chat-head,
  #conversejs .chat-head {
    border-top-left-radius: 0;
    border-top-right-radius: 0; } }

#converse-embedded-chat .chatbox .chat-body .chat-message,
#conversejs .chatbox .chat-body .chat-message {
  padding: 0.3em;
  line-height: 20px; }

#converse-embedded-chat .chatbox .chat-body .chat-message .chat-msg-author,
#conversejs .chatbox .chat-body .chat-message .chat-msg-author {
  line-height: 20px; }

#converse-embedded-chat .chatbox .chat-body .chat-message .chat-msg-content,
#conversejs .chatbox .chat-body .chat-message .chat-msg-content {
  line-height: 20px; }

#converse-embedded-chat .chatbox .chat-body .chat-message .chat-msg-content .emojione,
#conversejs .chatbox .chat-body .chat-message .chat-msg-content .emojione {
  margin-bottom: -5px; }

#converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar,
#conversejs .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar {
  width: 100%; }

#converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar .emoji-category,
#conversejs .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar .emoji-category {
  float: left; }

#converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar li,
#conversejs .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar li {
  padding: 2px; }

#converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-smiley ul li,
#conversejs .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-smiley ul li {
  padding: 2px; }

#conversejs #controlbox {
  margin-right: 1em; }

#conversejs #controlbox .pure-form.converse-form {
  padding: 0; }

@media screen and (max-width: 480px) {
  #conversejs #controlbox {
    margin: 0; } }

@media screen and (max-height: 450px) {
  #conversejs #controlbox {
    margin: 0; } }

#conversejs #controlbox .controlbox-head {
  background-color: #578EA9;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: white;
  height: 55px;
  margin: 0;
  padding: 6px 6px 6px 0; }

@media screen and (max-height: 450px) {
  #conversejs #controlbox .controlbox-head {
    border-top-left-radius: 0;
    border-top-right-radius: 0; } }

@media screen and (max-width: 480px) {
  #conversejs #controlbox .controlbox-head {
    border-top-left-radius: 0;
    border-top-right-radius: 0; } }

#conversejs #controlbox.logged-out .box-flyout .controlbox-pane {
  position: relative;
  overflow-y: auto; }

#conversejs #controlbox form.search-xmpp-contact {
  margin: 0;
  padding-left: 5px;
  padding: 0 0 5px 5px; }

#conversejs #controlbox form.search-xmpp-contact input {
  width: 8em; }

#conversejs #controlbox .msgs-indicator {
  border-radius: 3px;
  background-color: #E77051;
  color: white;
  font-size: 12px;
  font-weight: normal;
  padding: 0 4px;
  text-shadow: none; }

#conversejs #controlbox a.subscribe-to-user {
  padding-left: 2em;
  font-weight: bold; }

#conversejs #controlbox #converse-register {
  opacity: 0;
  /* make things invisible upon start */
  -webkit-animation-name: fadein;
  -moz-animation-name: fadein;
  animation-name: fadein;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  animation-timing-function: ease;
  background: white; }

#conversejs #controlbox #converse-register .title {
  font-weight: bold; }

#conversejs #controlbox #converse-register .info {
  color: green;
  font-size: 90%;
  margin: 1.5em 0; }

#conversejs #controlbox #converse-register .form-errors {
  color: #A53214;
  margin: 1em 0; }

#conversejs #controlbox #converse-register .provider-title {
  font-size: 20px;
  margin: 0; }

#conversejs #controlbox #converse-register .provider-score {
  width: 178px;
  margin-bottom: 8px; }

#conversejs #controlbox #converse-register .title, #conversejs #controlbox #converse-register .instructions, #conversejs #controlbox #converse-register label {
  margin: 0.5em 0 0 0; }

#conversejs #controlbox #converse-register .form-help .url {
  font-weight: bold;
  color: #578EA9; }

#conversejs #controlbox #converse-register .input-group {
  display: table;
  margin: auto;
  width: 100%; }

#conversejs #controlbox #converse-register .input-group span {
  overflow-x: hidden;
  text-overflow: ellipsis;
  max-width: 110px; }

#conversejs #controlbox #converse-register .input-group span, #conversejs #controlbox #converse-register .input-group input[name=username] {
  display: table-cell;
  text-align: left; }

#conversejs #controlbox #converse-register .instructions {
  color: gray;
  font-size: 85%; }

#conversejs #controlbox #converse-register .instructions:hover {
  color: #777; }

#conversejs #controlbox .conn-feedback {
  color: #578EA9; }

#conversejs #controlbox .conn-feedback.error {
  color: #A53214; }

#conversejs #controlbox .conn-feedback p {
  padding-bottom: 0.5em; }

#conversejs #controlbox .conn-feedback p.feedback-subject.error {
  font-weight: bold; }

#conversejs #controlbox .brand-heading-container .brand-heading {
  text-align: left;
  font-size: 150%; }

#conversejs #controlbox .brand-heading-container .brand-name {
  font-size: 120%; }

#conversejs #controlbox .toggle-register-login {
  font-weight: bold; }

#conversejs #controlbox .oauth-login {
  margin-left: 0;
  color: #777; }

#conversejs #controlbox .oauth-login .icon-social:before {
  font-size: 16px; }

#conversejs #controlbox #converse-register .login-anon, #conversejs #controlbox #converse-login .login-anon {
  height: auto;
  white-space: normal; }

#conversejs #controlbox #converse-register .save-submit, #conversejs #controlbox #converse-login .save-submit {
  color: #3AA569; }

#conversejs #controlbox #converse-register input, #conversejs #controlbox #converse-login input {
  width: 100%;
  margin: 1em 0; }

#conversejs #controlbox #converse-register .form-url, #conversejs #controlbox #converse-login .form-url {
  display: block;
  font-weight: normal;
  margin: 1em 0; }

#conversejs #controlbox #users .add-converse-contact {
  margin: 0 0 0.75em 0; }

#conversejs #controlbox #chatrooms form.add-chatroom {
  margin: 0;
  padding: 0; }

#conversejs #controlbox #chatrooms form.add-chatroom input[type=button],
#conversejs #controlbox #chatrooms form.add-chatroom input[type=submit],
#conversejs #controlbox #chatrooms form.add-chatroom input[type=text] {
  width: 100%; }

#conversejs #controlbox #chatrooms .rooms-list-container {
  text-align: left;
  margin: 0; }

#conversejs #controlbox #chatrooms .rooms-list-container .rooms-toggle {
  display: block;
  color: #777;
  margin-top: 1em; }

#conversejs #controlbox #chatrooms .rooms-list-container .rooms-toggle:hover {
  color: #585B51; }

#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list {
  margin: 0.5em 0;
  text-align: left; }

#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list dt {
  border: none;
  color: #777;
  font-weight: normal;
  padding: 0;
  padding-bottom: 0.5em;
  text-shadow: 0 1px 0 #FAFAFA;
  word-wrap: break-word; }

#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom,
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom {
  border: none;
  clear: both;
  color: #777;
  display: block;
  overflow: hidden;
  padding: 0.3em 0;
  text-shadow: 0 1px 0 #FAFAFA;
  word-wrap: break-word; }

#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom a:hover,
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom a:hover {
  color: #206485; }

#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom.unread-msgs .available-room,
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom.unread-msgs .open-room,
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom.unread-msgs .available-room,
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom.unread-msgs .open-room {
  max-width: 55%;
  width: auto;
  font-weight: bold; }

#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom a.room-info:before,
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom a.room-info:before {
  font-size: 15px; }

#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom a.open-room,
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom a.open-room {
  width: 68%;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 0.5em; }

#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom a.available-room,
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom a.available-room {
  width: 85%; }

#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom .add-bookmark,
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom .remove-bookmark,
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom .add-bookmark,
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom .remove-bookmark {
  color: #A8ABA1; }

#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom .add-bookmark.button-on,
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom .remove-bookmark.button-on,
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom .add-bookmark.button-on,
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom .remove-bookmark.button-on {
  color: #578EA9; }

#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom .add-bookmark.button-on:hover,
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom .remove-bookmark.button-on:hover,
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom .add-bookmark.button-on:hover,
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom .remove-bookmark.button-on:hover {
  color: #206485; }

#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom .room-info,
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom .room-info {
  font-size: 12px;
  font-style: normal;
  font-weight: normal; }

#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom li.room-info,
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom li.room-info {
  display: block;
  margin-left: 5px; }

#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom p.room-info,
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom p.room-info {
  line-height: 16px;
  margin: 0;
  display: block;
  white-space: normal; }

#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .available-chatroom div.room-info,
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list .open-chatroom div.room-info {
  padding: 0.3em 0;
  clear: left;
  width: 100%; }

#conversejs #controlbox .dropdown a {
  width: 143px;
  display: inline-block; }

#conversejs #controlbox .dropdown li {
  list-style: none;
  padding-left: 0; }

#conversejs #controlbox .dropdown dd ul {
  padding: 0;
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 21;
  background-color: #FCFDFD; }

#conversejs #controlbox .dropdown dd ul li:hover {
  background-color: #DCF9F6; }

#conversejs #controlbox .dropdown dd.search-xmpp {
  height: 0; }

#conversejs #controlbox .dropdown dd.search-xmpp .contact-form-container {
  position: absolute;
  z-index: 22; }

#conversejs #controlbox .dropdown dd.search-xmpp .contact-form-container form {
  box-shadow: 1px 4px 10px 1px rgba(0, 0, 0, 0.4);
  background-color: white; }

#conversejs #controlbox .dropdown dd.search-xmpp li:hover {
  background-color: #FCFDFD; }

#conversejs #controlbox .dropdown dt a span {
  cursor: pointer;
  display: block;
  padding: 4px 7px 0 5px; }

#conversejs #controlbox #select-xmpp-status {
  display: none;
  float: right;
  margin-right: 0.5em; }

#conversejs #controlbox #controlbox-tabs {
  text-align: center;
  display: inline;
  overflow: hidden;
  list-style-type: none;
  /* single tab */ }

#conversejs #controlbox #controlbox-tabs li {
  float: left;
  list-style: none;
  padding-left: 0;
  text-shadow: white 0 1px 0;
  width: 40%; }

#conversejs #controlbox #controlbox-tabs li a {
  background-color: white;
  border-bottom: 1px solid #CCC;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: inset 2px -2px 20px rgba(0, 0, 0, 0.3);
  color: #777;
  display: block;
  font-size: 12px;
  height: 54px;
  line-height: 54px;
  margin: 0;
  text-align: center;
  text-decoration: none; }

#conversejs #controlbox #controlbox-tabs li a.contacts-tab .msgs-indicator {
  background-color: #3AA569; }

#conversejs #controlbox #controlbox-tabs li a.rooms-tab .msgs-indicator {
  background-color: #E77051; }

#conversejs #controlbox #controlbox-tabs li a .msgs-indicator {
  border: solid white 2px;
  opacity: 0.8;
  border-top-right-radius: 5px;
  float: right; }

#conversejs #controlbox #controlbox-tabs li a:hover {
  color: #777; }

#conversejs #controlbox #controlbox-tabs li a:hover .msgs-indicator {
  opacity: 1; }

#conversejs #controlbox #controlbox-tabs li a.current, #conversejs #controlbox #controlbox-tabs li a.current:hover {
  box-shadow: none;
  border-bottom: 0;
  height: 55px;
  cursor: default;
  color: #777; }

#conversejs #controlbox .fancy-dropdown {
  border: 1px solid #B1BFC4;
  height: 25px;
  border-radius: 5px;
  text-align: left; }

#conversejs #controlbox .fancy-dropdown .choose-xmpp-status,
#conversejs #controlbox .fancy-dropdown .toggle-xmpp-contact-form {
  line-height: 25px;
  text-shadow: 0 1px 0 #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block; }

#conversejs #controlbox .fancy-dropdown .choose-xmpp-status:hover,
#conversejs #controlbox .fancy-dropdown .toggle-xmpp-contact-form:hover {
  color: #206485; }

#conversejs #controlbox .fancy-dropdown .toggle-xmpp-contact-form {
  padding: 0 0.5em;
  width: 100%; }

#conversejs #controlbox .fancy-dropdown.no-border {
  border: 0; }

#conversejs #controlbox #fancy-xmpp-status-select .xmpp-status {
  padding: 0 0.5em; }

#conversejs #controlbox #fancy-xmpp-status-select a.change-xmpp-status-message {
  line-height: 25px;
  float: right;
  clear: right;
  width: 12px;
  color: #578EA9; }

#conversejs #controlbox #fancy-xmpp-status-select a.change-xmpp-status-message:hover {
  color: #206485; }

#conversejs #controlbox #fancy-xmpp-status-select fieldset {
  padding: 0;
  margin-top: -1px; }

#conversejs #controlbox #fancy-xmpp-status-select input {
  height: 26px;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  padding: 0 0 0 0.5em; }

#conversejs #controlbox #fancy-xmpp-status-select input[type=submit] {
  height: 26px;
  width: 40px;
  padding: 1px;
  float: right; }

#conversejs #controlbox .controlbox-panes {
  height: 100%;
  overflow-y: auto; }

#conversejs #controlbox .controlbox-pane {
  padding: 1em;
  background-color: white;
  border: 0;
  font-size: 14px;
  position: absolute;
  left: 0;
  text-align: center;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden; }

#conversejs #controlbox .controlbox-pane .switch-form {
  padding-bottom: 2em; }

#conversejs #controlbox .controlbox-pane .switch-form p {
  margin-top: 0.5em; }

#conversejs #controlbox .controlbox-pane label {
  font-size: 14px;
  font-weight: bold;
  height: auto;
  margin: 4px; }

#conversejs #controlbox .controlbox-pane dd {
  margin-left: 0;
  margin-bottom: 0; }

#conversejs #controlbox .controlbox-pane dd.odd {
  background-color: #DCEAC5; }

#conversejs #controlbox #users {
  overflow-y: hidden; }

#conversejs #controlbox .add-xmpp-contact {
  padding: 1em 0.5em; }

#conversejs #controlbox .add-xmpp-contact input {
  margin: 0 0 1rem;
  width: 100%; }

#conversejs #controlbox .add-xmpp-contact button {
  width: 100%; }

#conversejs #controlbox .xmpp-status-menu {
  text-align: left;
  box-shadow: 1px 4px 10px 1px rgba(0, 0, 0, 0.4); }

#conversejs #controlbox .xmpp-status-menu.collapsed {
  box-shadow: none; }

#conversejs #controlbox .xmpp-status-menu li {
  padding: 2px; }

#conversejs #controlbox .xmpp-status-menu li a {
  width: 100%;
  padding: 0.3em; }

#conversejs #controlbox .xmpp-status-menu li a.logout,
#conversejs #controlbox .xmpp-status-menu li a.logout span {
  color: #D24E2B; }

#conversejs #controlbox .set-xmpp-status {
  background: none;
  margin: 1em 0 0.5em 0em; }

#conversejs #controlbox .set-xmpp-status .dropdown dd ul {
  z-index: 22; }

#conversejs .toggle-controlbox {
  background-color: #578EA9;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #0a0a0a;
  float: right;
  height: 100%;
  margin: 0 0.5em;
  padding: 10px 8px 0 8px; }

#conversejs .toggle-controlbox span {
  color: white; }

#conversejs #controlbox #converse-register .button-cancel {
  font-size: 90%; }

#conversejs #controlbox .controlbox-pane {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 289px;
  height: -webkit-calc(100% - 55px);
  height: calc(100% - 55px); }

#conversejs #controlbox .brand-heading-container .brand-heading {
  margin-left: 1em; }

#conversejs #controlbox .available-chatroom.unread-msgs .msgs-indicator {
  border-radius: 10%;
  opacity: 1; }

#conversejs #converse-roster {
  text-align: left;
  width: 100%;
  position: relative;
  margin: 1em 0 0 0;
  height: 194px;
  height: calc(100% - 50px - 20px);
  overflow: hidden;
  padding: 0;
  padding-bottom: 3em;
  /* Custom addition for CSP */ }

#conversejs #converse-roster.no-contact-requests {
  height: calc(100% - 25px - 20px); }

#conversejs #converse-roster #online-count {
  display: none; }

#conversejs #converse-roster .search-xmpp ul li.chat-info {
  padding-left: 10px; }

#conversejs #converse-roster .roster-filter-form {
  margin: 0 0 0.5em 0;
  width: 100%;
  /* (jQ addClass:) if input has value: */
  /* (jQ addClass:) if mouse is over the 'x' input area*/ }

#conversejs #converse-roster .roster-filter-form .roster-filter {
  float: left;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABNSURBVHjaXI7BDcAwCAMvyQjMyQ6dAbZiKfqoUK34g2zJh1dENIC7M8pMAPYdzAVY3d0ajNz9aypS/b5R6o+ZPdqoKgCq6h80KH3xDgBqNR97p8oAGQAAAABJRU5ErkJggg==) no-repeat right -20px center;
  border: 1px solid #999;
  font-size: 14px;
  height: 25px;
  margin: 0;
  padding: 0;
  padding-left: 0.4em;
  width: 53%; }

#conversejs #converse-roster .roster-filter-form .roster-filter.x {
  background-position: right 3px center; }

#conversejs #converse-roster .roster-filter-form .roster-filter.onX {
  cursor: pointer; }

#conversejs #converse-roster .roster-filter-form .roster-filter-state {
  display: none; }

#conversejs #converse-roster .roster-filter-form .state-type {
  float: left;
  border: 1px solid #999;
  font-size: calc(14px - 2px);
  height: 25px;
  margin: 0;
  padding: 0;
  padding-left: 0.4em;
  width: 53%;
  display: none; }

#conversejs #converse-roster .roster-filter-form .state-type-state {
  display: inline-block; }

#conversejs #converse-roster .roster-filter-form .filter-type {
  display: table-cell;
  float: right;
  font-size: calc(14px - 2px);
  height: 25px;
  padding: 0;
  width: 47%;
  border-radius: 0;
  border: 1px solid; }

#conversejs #converse-roster .roster-contacts {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto; }

#conversejs #converse-roster .roster-contacts .roster-group {
  border: none;
  color: #777;
  font-weight: normal;
  text-shadow: 0 1px 0 #FAFAFA; }

#conversejs #converse-roster .roster-contacts .roster-group .group-toggle {
  color: #777;
  display: block;
  width: 100%;
  margin: 0.5em 0; }

#conversejs #converse-roster .roster-contacts .roster-group .group-toggle:hover {
  color: #585B51; }

#conversejs #converse-roster .roster-contacts .roster-group li {
  border: none;
  clear: both;
  color: #777;
  display: block;
  height: 24px;
  overflow-y: hidden;
  text-shadow: 0 1px 0 #FAFAFA;
  line-height: 14px;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0.5em 0 0 0; }

#conversejs #converse-roster .roster-contacts .roster-group li a:hover {
  color: #206485; }

#conversejs #converse-roster .roster-contacts .roster-group li .open-chat {
  margin: auto;
  padding: 0;
  width: 85%; }

#conversejs #converse-roster .roster-contacts .roster-group li .open-chat.unread-msgs {
  font-weight: bold; }

#conversejs #converse-roster .roster-contacts .roster-group li .open-chat.unread-msgs .contact-name {
  width: 70%; }

#conversejs #converse-roster .roster-contacts .roster-group li .open-chat .msgs-indicator {
  background-color: #3AA569;
  opacity: 1;
  border-radius: 10%;
  padding: 0 0.2em;
  font-size: 12px; }

#conversejs #converse-roster .roster-contacts .roster-group li .open-chat .contact-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0;
  margin: 0;
  max-width: 80%;
  float: none;
  height: 60px; }

#conversejs #converse-roster .roster-contacts .roster-group li .open-chat .contact-name.unread-msgs {
  max-width: 60%; }

#conversejs #converse-roster .roster-contacts .roster-group li .open-chat .avatar {
  float: left;
  display: inline-block;
  height: 60px; }

#conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact .request-actions {
  padding: 0 0 0 0.3em;
  float: right; }

#conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact .open-chat {
  max-width: 70%; }

#conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact .open-chat .req-contact-name {
  width: 100%; }

#conversejs #converse-roster .roster-contacts .roster-group li.requesting-xmpp-contact .req-contact-name {
  line-height: 16px;
  width: 69%;
  padding: 0; }

#conversejs #converse-roster .roster-contacts .roster-group li.current-xmpp-contact span {
  font-size: 14px;
  float: left;
  margin-right: 0.5em; }

#conversejs #converse-roster .roster-contacts .roster-group li.odd {
  background-color: #DCEAC5;
  /* Make this difference */ }

#conversejs #converse-roster .roster-contacts .roster-group li a, #conversejs #converse-roster .roster-contacts .roster-group li span {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

#conversejs #converse-roster .roster-contacts .roster-group li span {
  padding: 0;
  height: 100%; }

#conversejs #converse-roster .roster-contacts .roster-group li a.decline-xmpp-request {
  margin-left: 5px; }

#conversejs #converse-roster .roster-contacts .roster-group li a.remove-xmpp-contact {
  font-size: 10px;
  float: right;
  margin: 0;
  padding: 0;
  color: #A8ABA1; }

#conversejs #converse-roster .roster-contacts .roster-group li a.remove-xmpp-contact:before {
  font-size: 14px; }

#conversejs #converse-roster .roster-contacts .roster-group li a.remove-xmpp-contact:hover {
  color: #818479; }

#conversejs #converse-roster span.pending-contact-name {
  line-height: 16px;
  width: 100%; }

#converse-embedded-chat .new-chatroom-nick,
#conversejs .new-chatroom-nick {
  margin: 1em auto; }

#converse-embedded-chat .add-chatroom input[type="submit"],
#converse-embedded-chat .add-chatroom input[type="button"],
#conversejs .add-chatroom input[type="submit"],
#conversejs .add-chatroom input[type="button"] {
  margin: 0.3em 0; }

#converse-embedded-chat .chat-head-chatroom,
#conversejs .chat-head-chatroom {
  background-color: #E77051; }

#converse-embedded-chat .chat-head-chatroom .chatbox-btn.button-on,
#conversejs .chat-head-chatroom .chatbox-btn.button-on {
  background-color: white;
  color: #E77051; }

#converse-embedded-chat .chat-head-chatroom .chat-title,
#conversejs .chat-head-chatroom .chat-title {
  color: #FF977C; }

#converse-embedded-chat .chat-head-chatroom .chat-title .chatroom-name,
#conversejs .chat-head-chatroom .chat-title .chatroom-name {
  color: white; }

#converse-embedded-chat .chat-head-chatroom .chat-title .chatroom-jid,
#conversejs .chat-head-chatroom .chat-title .chatroom-jid {
  font-size: 12px; }

#converse-embedded-chat .chat-head-chatroom .chat-title .chatroom-description,
#conversejs .chat-head-chatroom .chat-title .chatroom-description {
  color: white;
  font-size: 80%;
  font-style: italic;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0.3em 0; }

#converse-embedded-chat .chatroom,
#conversejs .chatroom {
  width: 300px; }

@media screen and (max-height: 450px) {
  #converse-embedded-chat .chatroom,
  #conversejs .chatroom {
    width: 100%; } }

@media screen and (max-width: 480px) {
  #converse-embedded-chat .chatroom,
  #conversejs .chatroom {
    width: 100%; } }

#converse-embedded-chat .chatroom .box-flyout,
#conversejs .chatroom .box-flyout {
  min-width: 300px;
  width: 300px; }

@media screen and (max-height: 450px) {
  #converse-embedded-chat .chatroom .box-flyout,
  #conversejs .chatroom .box-flyout {
    height: 400px;
    width: 100%;
    height: 100vh; } }

@media screen and (max-width: 480px) {
  #converse-embedded-chat .chatroom .box-flyout,
  #conversejs .chatroom .box-flyout {
    height: 400px;
    width: 100%;
    height: 100vh; } }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body,
#conversejs .chatroom .box-flyout .chatroom-body {
  height: 289px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  height: -webkit-calc(100% - 55px);
  height: calc(100% - 55px);
  background-color: white;
  border-top: 0;
  width: 100%; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .chat-info,
#conversejs .chatroom .box-flyout .chatroom-body .chat-info {
  color: #E77051; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .mentioned,
#conversejs .chatroom .box-flyout .chatroom-body .mentioned {
  font-weight: bold; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .chat-message.onload,
#conversejs .chatroom .box-flyout .chatroom-body .chat-message.onload {
  animation: colorchange-chatmessage-muc 1s;
  -webkit-animation: colorchange-chatmessage-muc 1s; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .chat-message .chat-msg-them,
#conversejs .chatroom .box-flyout .chatroom-body .chat-message .chat-msg-them {
  color: #3AA569; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .disconnect-msg,
#conversejs .chatroom .box-flyout .chatroom-body .disconnect-msg {
  padding: 2em 2em 0 2em; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .chat-area,
#conversejs .chatroom .box-flyout .chatroom-body .chat-area {
  word-wrap: break-word;
  height: 100%;
  width: 70%;
  float: left;
  min-width: 200px; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .chat-area .new-msgs-indicator,
#conversejs .chatroom .box-flyout .chatroom-body .chat-area .new-msgs-indicator {
  background-color: #E77051;
  max-width: 70%; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .chat-area .chat-content,
#conversejs .chatroom .box-flyout .chatroom-body .chat-area .chat-content {
  padding: 0 0.5em 0 0.5em; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .chat-area.full,
#conversejs .chatroom .box-flyout .chatroom-body .chat-area.full {
  min-width: 100%; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .chat-area.full .new-msgs-indicator,
#conversejs .chatroom .box-flyout .chatroom-body .chat-area.full .new-msgs-indicator {
  min-width: 100%; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants,
#conversejs .chatroom .box-flyout .chatroom-body .occupants {
  overflow-x: hidden;
  overflow-y: hidden;
  float: right;
  vertical-align: top;
  background-color: white;
  border-left: 1px solid #777;
  border-bottom-right-radius: 4px;
  width: 30%;
  height: 100%;
  padding: 0.5em; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants .occupants-heading,
#conversejs .chatroom .box-flyout .chatroom-body .occupants .occupants-heading {
  padding: 0.3em 0;
  font-weight: bold; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants .chatroom-features,
#conversejs .chatroom .box-flyout .chatroom-body .occupants .chatroom-features {
  bottom: 0.5em;
  width: 100%; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants .awesomplete ul,
#conversejs .chatroom .box-flyout .chatroom-body .occupants .awesomplete ul {
  padding: 0; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants .awesomplete ul li,
#conversejs .chatroom .box-flyout .chatroom-body .occupants .awesomplete ul li {
  padding: .5em; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul,
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul {
  padding: 0.5em 0 0 0;
  margin-bottom: 0.5em;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul.occupant-list,
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul.occupant-list {
  overflow-y: auto;
  height: -webkit-calc(100% - 220px);
  height: calc(100% - 220px); }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul.features-list,
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul.features-list {
  padding-top: 0; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li,
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul li {
  cursor: default;
  display: block;
  font-size: 12px;
  overflow: hidden;
  padding: 0.2em 0.5em 0.2em 0;
  text-overflow: ellipsis;
  white-space: nowrap; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li [class^="icon-"], #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li [class*=" icon-"],
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul li [class^="icon-"],
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul li [class*=" icon-"] {
  padding-right: 0.5em; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.feature,
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.feature {
  font-size: 10px; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.occupant,
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.occupant {
  cursor: pointer; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status,
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status {
  display: inline-block;
  margin-right: 0.5em;
  width: 0.5em;
  height: 0.5em; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-online, #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-chat,
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-online,
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-chat {
  background-color: #1A9707; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-dnd,
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-dnd {
  background-color: red; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-away,
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-away {
  background-color: darkorange; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-xa,
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-xa {
  background-color: orange; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.moderator,
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.moderator {
  color: #D24E2B; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul li.visitor,
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.visitor {
  color: #A8ABA1; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container,
#conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container {
  background-color: white;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 0;
  color: #777;
  font-size: 14px;
  height: 289px;
  width: 100%;
  height: -webkit-calc(100% - 55px);
  height: calc(100% - 55px);
  overflow-y: auto;
  position: absolute; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container .validation-message,
#conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .validation-message {
  font-size: 90%;
  color: #A53214; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form label,
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form input[type=text],
#conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form label,
#conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form input[type=text] {
  display: block; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=button],
#converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=submit],
#conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=button],
#conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=submit] {
  margin: 0 0.5em; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container .button-primary,
#conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .button-primary {
  background-color: #E77051; }

#converse-embedded-chat .chatroom .sendXMPPMessage .chat-toolbar,
#conversejs .chatroom .sendXMPPMessage .chat-toolbar {
  background-color: #ed957e; }

#converse-embedded-chat .chatroom .sendXMPPMessage .chat-textarea,
#conversejs .chatroom .sendXMPPMessage .chat-textarea {
  border-bottom-right-radius: 0; }

#converse-embedded-chat .chatroom .sendXMPPMessage .send-button,
#conversejs .chatroom .sendXMPPMessage .send-button {
  background-color: #E77051; }

#converse-embedded-chat .chatroom .room-invite .invited-contact,
#conversejs .chatroom .room-invite .invited-contact {
  margin: -1px 0 0 -1px;
  width: 100%;
  border: 1px solid #999; }

#conversejs .chatbox.headlines .chat-head.chat-head-chatbox {
  background-color: #E7A151; }

#conversejs .chatbox.headlines .chat-body {
  background-color: #E7A151;
  border-radius: 4px; }

#conversejs .chatbox.headlines .chat-body .chat-message span.chat-msg-them {
  color: #D2842B; }

#conversejs .chatbox.headlines .chat-content {
  height: 100%;
  border-radius: 4px; }

#conversejs #minimized-chats {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: white;
  float: right;
  font-weight: bold;
  height: 100%;
  margin: 0 0.5em;
  padding: 0;
  width: 130px; }

#conversejs #minimized-chats #toggle-minimized-chats {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #578EA9;
  color: white;
  position: relative;
  padding: 10px 0 0 0;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center; }

#conversejs #minimized-chats .minimized-chats-flyout {
  height: auto;
  bottom: 35px; }

#conversejs #minimized-chats .minimized-chats-flyout .chat-head {
  padding: 0.3em;
  border-radius: 4px;
  width: 130px;
  height: 35px;
  margin-bottom: 0.2em;
  box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.4); }

#conversejs #minimized-chats .minimized-chats-flyout.minimized {
  height: auto; }

#conversejs #minimized-chats .unread-message-count,
#conversejs #minimized-chats .chat-head-message-count {
  font-weight: bold;
  background-color: white;
  border: 1px solid;
  text-shadow: 1px 1px 0 #FAFAFA;
  color: #D24E2B;
  border-radius: 5px;
  padding: 2px 4px;
  font-size: 16px;
  text-align: center;
  position: absolute;
  right: 116px;
  bottom: 10px; }

#conversejs #minimized-chats .unread-message-count-hidden,
#conversejs #minimized-chats .chat-head-message-count-hidden {
  display: none; }

#converse-embedded-chat,
#conversejs {
  /* Pointer */ }

#converse-embedded-chat [hidden],
#conversejs [hidden] {
  display: none; }

#converse-embedded-chat .visually-hidden,
#conversejs .visually-hidden {
  position: absolute;
  clip: rect(0, 0, 0, 0); }

#converse-embedded-chat div.awesomplete,
#conversejs div.awesomplete {
  display: inline-block;
  position: relative; }

#converse-embedded-chat div.awesomplete > input,
#conversejs div.awesomplete > input {
  display: block; }

#converse-embedded-chat div.awesomplete > ul,
#conversejs div.awesomplete > ul {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  min-width: 100%;
  box-sizing: border-box;
  list-style: none;
  padding: 0;
  border-radius: .3em;
  margin: .2em 0 0;
  background: rgba(255, 255, 255, 0.9);
  background: linear-gradient(to bottom right, white, rgba(255, 255, 255, 0.8));
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: 0.05em 0.2em 0.6em rgba(0, 0, 0, 0.2);
  text-shadow: none; }

#converse-embedded-chat div.awesomplete > ul[hidden],
#converse-embedded-chat div.awesomplete > ul:empty,
#conversejs div.awesomplete > ul[hidden],
#conversejs div.awesomplete > ul:empty {
  display: none; }

@supports (transform: scale(0)) {
  #converse-embedded-chat div.awesomplete > ul,
  #conversejs div.awesomplete > ul {
    transition: 0.3s cubic-bezier(0.4, 0.2, 0.5, 1.4);
    transform-origin: 1.43em -.43em; }
  #converse-embedded-chat div.awesomplete > ul[hidden],
  #converse-embedded-chat div.awesomplete > ul:empty,
  #conversejs div.awesomplete > ul[hidden],
  #conversejs div.awesomplete > ul:empty {
    opacity: 0;
    transform: scale(0);
    display: block;
    transition-timing-function: ease; } }

#converse-embedded-chat div.awesomplete > ul:before,
#conversejs div.awesomplete > ul:before {
  content: "";
  position: absolute;
  top: -.43em;
  left: 1em;
  width: 0;
  height: 0;
  background: white;
  border: inherit;
  border-right: 0;
  border-bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

#converse-embedded-chat div.awesomplete > ul > li,
#conversejs div.awesomplete > ul > li {
  text-overflow: ellipsis;
  overflow-x: hidden;
  position: relative;
  cursor: pointer; }

#converse-embedded-chat div.awesomplete > ul > li:hover,
#conversejs div.awesomplete > ul > li:hover {
  background: #E77051;
  color: white; }

#converse-embedded-chat div.awesomplete > ul > li[aria-selected="true"],
#conversejs div.awesomplete > ul > li[aria-selected="true"] {
  background: #3d6d8f;
  color: white; }

#converse-embedded-chat div.awesomplete mark,
#conversejs div.awesomplete mark {
  background: #FFB9A7; }

#converse-embedded-chat div.awesomplete li:hover mark,
#conversejs div.awesomplete li:hover mark {
  background: #A53214;
  color: white; }

#converse-embedded-chat div.awesomplete li[aria-selected="true"] mark,
#conversejs div.awesomplete li[aria-selected="true"] mark {
  background: #3d6b00;
  color: inherit; }

/*# sourceMappingURL=converse.css.map */

@charset "UTF-8";
/*
To customize the look and feel of Ionic, you can override the variables
in ionic's _variables.scss file.

For example, you might change some of the default colors:

$light:                           #fff !default;
$stable:                          #f8f8f8 !default;
$positive:                        #387ef5 !default;
$calm:                            #11c1f3 !default;
$balanced:                        #33cd5f !default;
$energized:                       #ffc900 !default;
$assertive:                       #ef473a !default;
$royal:                           #886aea !default;
$dark:                            #444 !default;
*/
/*
To customize the look and feel of Ionic, you can override the variables
in ionic's _variables.scss file.

For example, you might change some of the default colors:

$light:                           #fff !default;
$stable:                          #f8f8f8 !default;
$positive:                        #387ef5 !default;
$calm:                            #11c1f3 !default;
$balanced:                        #33cd5f !default;
$energized:                       #ffc900 !default;
$assertive:                       #ef473a !default;
$royal:                           #886aea !default;
$dark:                            #444 !default;
*/
/*!
  Ionicons, v2.0.1
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/ionic-team/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
@font-face {
  font-family: "Ionicons";
  src: url("../lib/ionic/fonts/ionicons.eot?v=2.0.1");
  src: url("../lib/ionic/fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"), url("../lib/ionic/fonts/ionicons.ttf?v=2.0.1") format("truetype"), url("../lib/ionic/fonts/ionicons.woff?v=2.0.1") format("woff"), url("../lib/ionic/fonts/ionicons.woff") format("woff"), url("../lib/ionic/fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal; }

.ion, .ionicons,
.ion-alert:before,
.ion-alert-circled:before,
.ion-android-add:before,
.ion-android-add-circle:before,
.ion-android-alarm-clock:before,
.ion-android-alert:before, .icon-alert:before,
.ion-android-apps:before,
.ion-android-archive:before,
.ion-android-arrow-back:before,
.ion-android-arrow-down:before,
.ion-android-arrow-dropdown:before,
.ion-android-arrow-dropdown-circle:before,
.ion-android-arrow-dropleft:before,
.ion-android-arrow-dropleft-circle:before,
.ion-android-arrow-dropright:before,
.ion-android-arrow-dropright-circle:before,
.ion-android-arrow-dropup:before,
.ion-android-arrow-dropup-circle:before,
.ion-android-arrow-forward:before,
.ion-android-arrow-up:before,
.ion-android-attach:before,
.ion-android-bar:before,
.ion-android-bicycle:before,
.ion-android-boat:before,
.ion-android-bookmark:before,
.ion-android-bulb:before,
.ion-android-bus:before,
.ion-android-calendar:before,
.ion-android-call:before,
.ion-android-camera:before,
.ion-android-cancel:before,
.ion-android-car:before,
.ion-android-cart:before,
.ion-android-chat:before,
.ion-android-checkbox:before,
.ion-android-checkbox-blank:before,
.ion-android-checkbox-outline:before,
.ion-android-checkbox-outline-blank:before,
.ion-android-checkmark-circle:before,
.ion-android-clipboard:before,
.ion-android-close:before,
.ion-android-cloud:before,
.ion-android-cloud-circle:before,
.ion-android-cloud-done:before,
.ion-android-cloud-outline:before,
.ion-android-color-palette:before,
.ion-android-compass:before,
.ion-android-contact:before,
.ion-android-contacts:before,
.ion-android-contract:before,
.ion-android-create:before,
.ion-android-delete:before,
.ion-android-desktop:before,
.ion-android-document:before,
.ion-android-done:before,
.ion-android-done-all:before,
.ion-android-download:before,
.ion-android-drafts:before,
.ion-android-exit:before,
.ion-android-expand:before,
.ion-android-favorite:before,
.ion-android-favorite-outline:before,
.ion-android-film:before,
.ion-android-folder:before,
.ion-android-folder-open:before,
.ion-android-funnel:before,
.ion-android-globe:before,
.ion-android-hand:before,
.ion-android-hangout:before,
.ion-android-happy:before,
.ion-android-home:before,
.ion-android-image:before,
.ion-android-laptop:before,
.ion-android-list:before,
.ion-android-locate:before,
.ion-android-lock:before,
.ion-android-mail:before,
.ion-android-map:before,
.ion-android-menu:before,
.ion-android-microphone:before,
.ion-android-microphone-off:before,
.ion-android-more-horizontal:before,
.ion-android-more-vertical:before,
.ion-android-navigate:before,
.ion-android-notifications:before,
.ion-android-notifications-none:before,
.ion-android-notifications-off:before,
.ion-android-open:before,
.ion-android-options:before,
.ion-android-people:before,
.ion-android-person:before,
.ion-android-person-add:before,
.ion-android-phone-landscape:before,
.ion-android-phone-portrait:before,
.ion-android-pin:before,
.ion-android-plane:before,
.ion-android-playstore:before,
.ion-android-print:before,
.ion-android-radio-button-off:before,
.ion-android-radio-button-on:before,
.ion-android-refresh:before,
.ion-android-remove:before,
.ion-android-remove-circle:before,
.ion-android-restaurant:before,
.ion-android-sad:before,
.ion-android-search:before,
.ion-android-send:before,
.ion-android-settings:before,
.ion-android-share:before,
.ion-android-share-alt:before,
.ion-android-star:before,
.ion-android-star-half:before,
.ion-android-star-outline:before,
.ion-android-stopwatch:before,
.ion-android-subway:before,
.ion-android-sunny:before,
.ion-android-sync:before,
.ion-android-textsms:before,
.ion-android-time:before,
.ion-android-train:before,
.ion-android-unlock:before,
.ion-android-upload:before,
.ion-android-volume-down:before,
.ion-android-volume-mute:before,
.ion-android-volume-off:before,
.ion-android-volume-up:before,
.ion-android-walk:before,
.ion-android-warning:before,
.ion-android-watch:before,
.ion-android-wifi:before,
.ion-aperture:before,
.ion-archive:before,
.ion-arrow-down-a:before,
.ion-arrow-down-b:before,
.ion-arrow-down-c:before,
.ion-arrow-expand:before,
.ion-arrow-graph-down-left:before,
.ion-arrow-graph-down-right:before,
.ion-arrow-graph-up-left:before,
.ion-arrow-graph-up-right:before,
.ion-arrow-left-a:before,
.ion-arrow-left-b:before,
.ion-arrow-left-c:before,
.ion-arrow-move:before,
.ion-arrow-resize:before,
.ion-arrow-return-left:before,
.ion-arrow-return-right:before,
.ion-arrow-right-a:before,
.ion-arrow-right-b:before,
.ion-arrow-right-c:before,
.ion-arrow-shrink:before,
.ion-arrow-swap:before,
.ion-arrow-up-a:before,
.ion-arrow-up-b:before,
.ion-arrow-up-c:before,
.ion-asterisk:before,
.ion-at:before,
.ion-backspace:before,
.ion-backspace-outline:before,
.ion-bag:before,
.ion-battery-charging:before,
.ion-battery-empty:before,
.ion-battery-full:before,
.ion-battery-half:before,
.ion-battery-low:before,
.ion-beaker:before,
.ion-beer:before,
.ion-bluetooth:before,
.ion-bonfire:before,
.ion-bookmark:before,
.ion-bowtie:before,
.ion-briefcase:before,
.ion-bug:before,
.ion-calculator:before,
.ion-calendar:before,
.ion-camera:before,
.ion-card:before,
.ion-cash:before,
.ion-chatbox:before,
.ion-chatbox-working:before,
.ion-chatboxes:before,
.ion-chatbubble:before,
.ion-chatbubble-working:before,
.ion-chatbubbles:before, #conversejs .chat-head-chatroom .chat-title:before, #conversejs #minimized-chats .minimized-chats-flyout a.restore-chat:before,
.ion-checkmark:before,
.ion-checkmark-circled:before,
.ion-checkmark-round:before,
.ion-chevron-down:before,
.ion-chevron-left:before,
.ion-chevron-right:before,
.ion-chevron-up:before,
.ion-clipboard:before,
.ion-clock:before,
.ion-close:before,
.ion-close-circled:before,
.ion-close-round:before,
.ion-closed-captioning:before,
.ion-cloud:before,
.ion-code:before,
.ion-code-download:before,
.ion-code-working:before,
.ion-coffee:before,
.ion-compass:before,
.ion-compose:before,
.ion-connection-bars:before,
.ion-contrast:before,
.ion-crop:before,
.ion-cube:before,
.ion-disc:before,
.ion-document:before,
.ion-document-text:before,
.ion-drag:before,
.ion-earth:before,
.ion-easel:before,
.ion-edit:before,
.ion-egg:before,
.ion-eject:before,
.ion-email:before,
.ion-email-unread:before,
.ion-erlenmeyer-flask:before,
.ion-erlenmeyer-flask-bubbles:before,
.ion-eye:before,
.ion-eye-disabled:before,
.ion-female:before,
.ion-filing:before,
.ion-film-marker:before,
.ion-fireball:before,
.ion-flag:before,
.ion-flame:before,
.ion-flash:before,
.ion-flash-off:before,
.ion-folder:before,
.ion-fork:before,
.ion-fork-repo:before,
.ion-forward:before,
.ion-funnel:before,
.ion-gear-a:before,
.ion-gear-b:before,
.ion-grid:before,
.ion-hammer:before,
.ion-happy:before,
.ion-happy-outline:before,
.ion-headphone:before,
.ion-heart:before,
.ion-heart-broken:before,
.ion-help:before,
.ion-help-buoy:before,
.ion-help-circled:before,
.ion-home:before,
.ion-icecream:before,
.ion-image:before,
.ion-images:before,
.ion-information:before,
.ion-information-circled:before,
.ion-ionic:before,
.ion-ios-alarm:before,
.ion-ios-alarm-outline:before,
.ion-ios-albums:before,
.ion-ios-albums-outline:before,
.ion-ios-americanfootball:before,
.ion-ios-americanfootball-outline:before,
.ion-ios-analytics:before,
.ion-ios-analytics-outline:before,
.ion-ios-arrow-back:before,
.ion-ios-arrow-down:before,
.ion-ios-arrow-forward:before,
.ion-ios-arrow-left:before,
.ion-ios-arrow-right:before,
.ion-ios-arrow-thin-down:before,
.ion-ios-arrow-thin-left:before,
.ion-ios-arrow-thin-right:before,
.ion-ios-arrow-thin-up:before,
.ion-ios-arrow-up:before,
.ion-ios-at:before,
.ion-ios-at-outline:before,
.ion-ios-barcode:before,
.ion-ios-barcode-outline:before,
.ion-ios-baseball:before,
.ion-ios-baseball-outline:before,
.ion-ios-basketball:before,
.ion-ios-basketball-outline:before,
.ion-ios-bell:before,
.ion-ios-bell-outline:before,
.ion-ios-body:before,
.ion-ios-body-outline:before,
.ion-ios-bolt:before,
.ion-ios-bolt-outline:before,
.ion-ios-book:before,
.ion-ios-book-outline:before,
.ion-ios-bookmarks:before,
.ion-ios-bookmarks-outline:before,
.ion-ios-box:before,
.ion-ios-box-outline:before,
.ion-ios-briefcase:before,
.ion-ios-briefcase-outline:before,
.ion-ios-browsers:before,
.ion-ios-browsers-outline:before,
.ion-ios-calculator:before,
.ion-ios-calculator-outline:before,
.ion-ios-calendar:before,
.ion-ios-calendar-outline:before,
.ion-ios-camera:before,
.ion-ios-camera-outline:before,
.ion-ios-cart:before,
.ion-ios-cart-outline:before,
.ion-ios-chatboxes:before,
.ion-ios-chatboxes-outline:before,
.ion-ios-chatbubble:before,
.ion-ios-chatbubble-outline:before,
.ion-ios-checkmark:before,
.ion-ios-checkmark-empty:before,
.ion-ios-checkmark-outline:before,
.ion-ios-circle-filled:before,
.ion-ios-circle-outline:before,
.ion-ios-clock:before,
.ion-ios-clock-outline:before,
.ion-ios-close:before,
.ion-ios-close-empty:before,
.ion-ios-close-outline:before,
.ion-ios-cloud:before,
.ion-ios-cloud-download:before,
.ion-ios-cloud-download-outline:before,
.ion-ios-cloud-outline:before,
.ion-ios-cloud-upload:before,
.ion-ios-cloud-upload-outline:before,
.ion-ios-cloudy:before,
.ion-ios-cloudy-night:before,
.ion-ios-cloudy-night-outline:before,
.ion-ios-cloudy-outline:before,
.ion-ios-cog:before,
.ion-ios-cog-outline:before,
.ion-ios-color-filter:before,
.ion-ios-color-filter-outline:before,
.ion-ios-color-wand:before,
.ion-ios-color-wand-outline:before,
.ion-ios-compose:before,
.ion-ios-compose-outline:before,
.ion-ios-contact:before,
.ion-ios-contact-outline:before,
.ion-ios-copy:before,
.ion-ios-copy-outline:before,
.ion-ios-crop:before,
.ion-ios-crop-strong:before,
.ion-ios-download:before,
.ion-ios-download-outline:before,
.ion-ios-drag:before,
.ion-ios-email:before,
.ion-ios-email-outline:before,
.ion-ios-eye:before,
.ion-ios-eye-outline:before,
.ion-ios-fastforward:before,
.ion-ios-fastforward-outline:before,
.ion-ios-filing:before,
.ion-ios-filing-outline:before,
.ion-ios-film:before,
.ion-ios-film-outline:before,
.ion-ios-flag:before,
.ion-ios-flag-outline:before,
.ion-ios-flame:before,
.ion-ios-flame-outline:before,
.ion-ios-flask:before,
.ion-ios-flask-outline:before,
.ion-ios-flower:before,
.ion-ios-flower-outline:before,
.ion-ios-folder:before,
.ion-ios-folder-outline:before,
.ion-ios-football:before,
.ion-ios-football-outline:before,
.ion-ios-game-controller-a:before,
.ion-ios-game-controller-a-outline:before,
.ion-ios-game-controller-b:before,
.ion-ios-game-controller-b-outline:before,
.ion-ios-gear:before,
.ion-ios-gear-outline:before,
.ion-ios-glasses:before,
.ion-ios-glasses-outline:before,
.ion-ios-grid-view:before,
.ion-ios-grid-view-outline:before,
.ion-ios-heart:before,
.ion-ios-heart-outline:before,
.ion-ios-help:before,
.ion-ios-help-empty:before,
.ion-ios-help-outline:before, .icon-help:before, #menu .footer .icon-help:before,
.ion-ios-home:before,
.ion-ios-home-outline:before,
.ion-ios-infinite:before,
.ion-ios-infinite-outline:before,
.ion-ios-information:before,
.ion-ios-information-empty:before,
.ion-ios-information-outline:before,
.ion-ios-ionic-outline:before,
.ion-ios-keypad:before,
.ion-ios-keypad-outline:before,
.ion-ios-lightbulb:before,
.ion-ios-lightbulb-outline:before,
.ion-ios-list:before,
.ion-ios-list-outline:before,
.ion-ios-location:before,
.ion-ios-location-outline:before,
.ion-ios-locked:before,
.ion-ios-locked-outline:before,
.ion-ios-loop:before,
.ion-ios-loop-strong:before,
.ion-ios-medical:before,
.ion-ios-medical-outline:before,
.ion-ios-medkit:before,
.ion-ios-medkit-outline:before,
.ion-ios-mic:before,
.ion-ios-mic-off:before,
.ion-ios-mic-outline:before,
.ion-ios-minus:before,
.ion-ios-minus-empty:before,
.ion-ios-minus-outline:before,
.ion-ios-monitor:before,
.ion-ios-monitor-outline:before,
.ion-ios-moon:before,
.ion-ios-moon-outline:before,
.ion-ios-more:before,
.ion-ios-more-outline:before,
.ion-ios-musical-note:before,
.ion-ios-musical-notes:before,
.ion-ios-navigate:before,
.ion-ios-navigate-outline:before,
.ion-ios-nutrition:before,
.ion-ios-nutrition-outline:before,
.ion-ios-paper:before,
.ion-ios-paper-outline:before,
.ion-ios-paperplane:before,
.ion-ios-paperplane-outline:before,
.ion-ios-partlysunny:before,
.ion-ios-partlysunny-outline:before,
.ion-ios-pause:before,
.ion-ios-pause-outline:before,
.ion-ios-paw:before,
.ion-ios-paw-outline:before,
.ion-ios-people:before,
.ion-ios-people-outline:before,
.ion-ios-person:before,
.ion-ios-person-outline:before,
.ion-ios-personadd:before,
.ion-ios-personadd-outline:before,
.ion-ios-photos:before,
.ion-ios-photos-outline:before,
.ion-ios-pie:before,
.ion-ios-pie-outline:before,
.ion-ios-pint:before,
.ion-ios-pint-outline:before,
.ion-ios-play:before,
.ion-ios-play-outline:before,
.ion-ios-plus:before,
.ion-ios-plus-empty:before,
.ion-ios-plus-outline:before,
.ion-ios-pricetag:before,
.ion-ios-pricetag-outline:before,
.ion-ios-pricetags:before,
.ion-ios-pricetags-outline:before,
.ion-ios-printer:before,
.ion-ios-printer-outline:before,
.ion-ios-pulse:before,
.ion-ios-pulse-strong:before,
.ion-ios-rainy:before,
.ion-ios-rainy-outline:before,
.ion-ios-recording:before,
.ion-ios-recording-outline:before,
.ion-ios-redo:before,
.ion-ios-redo-outline:before,
.ion-ios-refresh:before,
.ion-ios-refresh-empty:before,
.ion-ios-refresh-outline:before,
.ion-ios-reload:before,
.ion-ios-reverse-camera:before,
.ion-ios-reverse-camera-outline:before,
.ion-ios-rewind:before,
.ion-ios-rewind-outline:before,
.ion-ios-rose:before,
.ion-ios-rose-outline:before,
.ion-ios-search:before,
.ion-ios-search-strong:before,
.ion-ios-settings:before,
.ion-ios-settings-strong:before,
.ion-ios-shuffle:before,
.ion-ios-shuffle-strong:before,
.ion-ios-skipbackward:before,
.ion-ios-skipbackward-outline:before,
.ion-ios-skipforward:before,
.ion-ios-skipforward-outline:before,
.ion-ios-snowy:before,
.ion-ios-speedometer:before,
.ion-ios-speedometer-outline:before,
.ion-ios-star:before,
.ion-ios-star-half:before,
.ion-ios-star-outline:before,
.ion-ios-stopwatch:before,
.ion-ios-stopwatch-outline:before,
.ion-ios-sunny:before,
.ion-ios-sunny-outline:before,
.ion-ios-telephone:before,
.ion-ios-telephone-outline:before,
.ion-ios-tennisball:before,
.ion-ios-tennisball-outline:before,
.ion-ios-thunderstorm:before,
.ion-ios-thunderstorm-outline:before,
.ion-ios-time:before,
.ion-ios-time-outline:before,
.ion-ios-timer:before,
.ion-ios-timer-outline:before,
.ion-ios-toggle:before,
.ion-ios-toggle-outline:before,
.ion-ios-trash:before,
.ion-ios-trash-outline:before,
.ion-ios-undo:before,
.ion-ios-undo-outline:before,
.ion-ios-unlocked:before,
.ion-ios-unlocked-outline:before,
.ion-ios-upload:before,
.ion-ios-upload-outline:before,
.ion-ios-videocam:before,
.ion-ios-videocam-outline:before,
.ion-ios-volume-high:before,
.ion-ios-volume-low:before,
.ion-ios-wineglass:before,
.ion-ios-wineglass-outline:before,
.ion-ios-world:before,
.ion-ios-world-outline:before,
.ion-ipad:before,
.ion-iphone:before,
.ion-ipod:before,
.ion-jet:before,
.ion-key:before,
.ion-knife:before,
.ion-laptop:before,
.ion-leaf:before,
.ion-levels:before,
.ion-lightbulb:before,
.ion-link:before,
.ion-load-a:before,
.ion-load-b:before,
.ion-load-c:before,
.ion-load-d:before,
.ion-location:before,
.ion-lock-combination:before,
.ion-locked:before,
.ion-log-in:before,
.ion-log-out:before,
.ion-loop:before,
.ion-magnet:before,
.ion-male:before,
.ion-man:before,
.ion-map:before,
.ion-medkit:before,
.ion-merge:before,
.ion-mic-a:before,
.ion-mic-b:before,
.ion-mic-c:before,
.ion-minus:before,
.ion-minus-circled:before,
.ion-minus-round:before,
.ion-model-s:before,
.ion-monitor:before,
.ion-more:before,
.ion-mouse:before,
.ion-music-note:before,
.ion-navicon:before,
.ion-navicon-round:before,
.ion-navigate:before,
.ion-network:before,
.ion-no-smoking:before,
.ion-nuclear:before,
.ion-outlet:before,
.ion-paintbrush:before,
.ion-paintbucket:before,
.ion-paper-airplane:before,
.ion-paperclip:before,
.ion-pause:before,
.ion-person:before,
.ion-person-add:before,
.ion-person-stalker:before,
.ion-pie-graph:before,
.ion-pin:before,
.ion-pinpoint:before,
.ion-pizza:before,
.ion-plane:before,
.ion-planet:before,
.ion-play:before,
.ion-playstation:before,
.ion-plus:before,
.ion-plus-circled:before,
.ion-plus-round:before,
.ion-podium:before,
.ion-pound:before,
.ion-power:before,
.ion-pricetag:before,
.ion-pricetags:before,
.ion-printer:before,
.ion-pull-request:before,
.ion-qr-scanner:before,
.ion-quote:before,
.ion-radio-waves:before,
.ion-record:before,
.ion-refresh:before,
.ion-reply:before,
.ion-reply-all:before,
.ion-ribbon-a:before,
.ion-ribbon-b:before,
.ion-sad:before,
.ion-sad-outline:before,
.ion-scissors:before,
.ion-search:before,
.ion-settings:before,
.ion-share:before,
.ion-shuffle:before,
.ion-skip-backward:before,
.ion-skip-forward:before,
.ion-social-android:before,
.ion-social-android-outline:before,
.ion-social-angular:before,
.ion-social-angular-outline:before,
.ion-social-apple:before,
.ion-social-apple-outline:before,
.ion-social-bitcoin:before,
.ion-social-bitcoin-outline:before,
.ion-social-buffer:before,
.ion-social-buffer-outline:before,
.ion-social-chrome:before,
.ion-social-chrome-outline:before,
.ion-social-codepen:before,
.ion-social-codepen-outline:before,
.ion-social-css3:before,
.ion-social-css3-outline:before,
.ion-social-designernews:before,
.ion-social-designernews-outline:before,
.ion-social-dribbble:before,
.ion-social-dribbble-outline:before,
.ion-social-dropbox:before,
.ion-social-dropbox-outline:before,
.ion-social-euro:before,
.ion-social-euro-outline:before,
.ion-social-facebook:before,
.ion-social-facebook-outline:before,
.ion-social-foursquare:before,
.ion-social-foursquare-outline:before,
.ion-social-freebsd-devil:before,
.ion-social-github:before,
.ion-social-github-outline:before,
.ion-social-google:before,
.ion-social-google-outline:before,
.ion-social-googleplus:before,
.ion-social-googleplus-outline:before,
.ion-social-hackernews:before,
.ion-social-hackernews-outline:before,
.ion-social-html5:before,
.ion-social-html5-outline:before,
.ion-social-instagram:before,
.ion-social-instagram-outline:before,
.ion-social-javascript:before,
.ion-social-javascript-outline:before,
.ion-social-linkedin:before,
.ion-social-linkedin-outline:before,
.ion-social-markdown:before,
.ion-social-nodejs:before,
.ion-social-octocat:before,
.ion-social-pinterest:before,
.ion-social-pinterest-outline:before,
.ion-social-python:before,
.ion-social-reddit:before,
.ion-social-reddit-outline:before,
.ion-social-rss:before,
.ion-social-rss-outline:before,
.ion-social-sass:before,
.ion-social-skype:before,
.ion-social-skype-outline:before,
.ion-social-snapchat:before,
.ion-social-snapchat-outline:before,
.ion-social-tumblr:before,
.ion-social-tumblr-outline:before,
.ion-social-tux:before,
.ion-social-twitch:before,
.ion-social-twitch-outline:before,
.ion-social-twitter:before,
.ion-social-twitter-outline:before,
.ion-social-usd:before,
.ion-social-usd-outline:before,
.ion-social-vimeo:before,
.ion-social-vimeo-outline:before,
.ion-social-whatsapp:before,
.ion-social-whatsapp-outline:before,
.ion-social-windows:before,
.ion-social-windows-outline:before,
.ion-social-wordpress:before,
.ion-social-wordpress-outline:before,
.ion-social-yahoo:before,
.ion-social-yahoo-outline:before,
.ion-social-yen:before,
.ion-social-yen-outline:before,
.ion-social-youtube:before,
.ion-social-youtube-outline:before,
.ion-soup-can:before,
.ion-soup-can-outline:before,
.ion-speakerphone:before,
.ion-speedometer:before,
.ion-spoon:before,
.ion-star:before,
.ion-stats-bars:before,
.ion-steam:before,
.ion-stop:before,
.ion-thermometer:before,
.ion-thumbsdown:before,
.ion-thumbsup:before,
.ion-toggle:before,
.ion-toggle-filled:before,
.ion-transgender:before,
.ion-trash-a:before,
.ion-trash-b:before,
.ion-trophy:before,
.ion-tshirt:before,
.ion-tshirt-outline:before,
.ion-umbrella:before,
.ion-university:before,
.ion-unlocked:before,
.ion-upload:before,
.ion-usb:before,
.ion-videocamera:before,
.ion-volume-high:before,
.ion-volume-low:before,
.ion-volume-medium:before,
.ion-volume-mute:before,
.ion-wand:before,
.ion-waterdrop:before,
.ion-wifi:before,
.ion-wineglass:before,
.ion-woman:before,
.ion-wrench:before,
.ion-xbox:before, .badge-editable:hover:before, .text-editable:hover:after {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ion-alert:before {
  content: ""; }

.ion-alert-circled:before {
  content: ""; }

.ion-android-add:before {
  content: ""; }

.ion-android-add-circle:before {
  content: ""; }

.ion-android-alarm-clock:before {
  content: ""; }

.ion-android-alert:before, .icon-alert:before {
  content: ""; }

.ion-android-apps:before {
  content: ""; }

.ion-android-archive:before {
  content: ""; }

.ion-android-arrow-back:before {
  content: ""; }

.ion-android-arrow-down:before {
  content: ""; }

.ion-android-arrow-dropdown:before {
  content: ""; }

.ion-android-arrow-dropdown-circle:before {
  content: ""; }

.ion-android-arrow-dropleft:before {
  content: ""; }

.ion-android-arrow-dropleft-circle:before {
  content: ""; }

.ion-android-arrow-dropright:before {
  content: ""; }

.ion-android-arrow-dropright-circle:before {
  content: ""; }

.ion-android-arrow-dropup:before {
  content: ""; }

.ion-android-arrow-dropup-circle:before {
  content: ""; }

.ion-android-arrow-forward:before {
  content: ""; }

.ion-android-arrow-up:before {
  content: ""; }

.ion-android-attach:before {
  content: ""; }

.ion-android-bar:before {
  content: ""; }

.ion-android-bicycle:before {
  content: ""; }

.ion-android-boat:before {
  content: ""; }

.ion-android-bookmark:before {
  content: ""; }

.ion-android-bulb:before {
  content: ""; }

.ion-android-bus:before {
  content: ""; }

.ion-android-calendar:before {
  content: ""; }

.ion-android-call:before {
  content: ""; }

.ion-android-camera:before {
  content: ""; }

.ion-android-cancel:before {
  content: ""; }

.ion-android-car:before {
  content: ""; }

.ion-android-cart:before {
  content: ""; }

.ion-android-chat:before {
  content: ""; }

.ion-android-checkbox:before {
  content: ""; }

.ion-android-checkbox-blank:before {
  content: ""; }

.ion-android-checkbox-outline:before {
  content: ""; }

.ion-android-checkbox-outline-blank:before {
  content: ""; }

.ion-android-checkmark-circle:before {
  content: ""; }

.ion-android-clipboard:before {
  content: ""; }

.ion-android-close:before {
  content: ""; }

.ion-android-cloud:before {
  content: ""; }

.ion-android-cloud-circle:before {
  content: ""; }

.ion-android-cloud-done:before {
  content: ""; }

.ion-android-cloud-outline:before {
  content: ""; }

.ion-android-color-palette:before {
  content: ""; }

.ion-android-compass:before {
  content: ""; }

.ion-android-contact:before {
  content: ""; }

.ion-android-contacts:before {
  content: ""; }

.ion-android-contract:before {
  content: ""; }

.ion-android-create:before {
  content: ""; }

.ion-android-delete:before {
  content: ""; }

.ion-android-desktop:before {
  content: ""; }

.ion-android-document:before {
  content: ""; }

.ion-android-done:before {
  content: ""; }

.ion-android-done-all:before {
  content: ""; }

.ion-android-download:before {
  content: ""; }

.ion-android-drafts:before {
  content: ""; }

.ion-android-exit:before {
  content: ""; }

.ion-android-expand:before {
  content: ""; }

.ion-android-favorite:before {
  content: ""; }

.ion-android-favorite-outline:before {
  content: ""; }

.ion-android-film:before {
  content: ""; }

.ion-android-folder:before {
  content: ""; }

.ion-android-folder-open:before {
  content: ""; }

.ion-android-funnel:before {
  content: ""; }

.ion-android-globe:before {
  content: ""; }

.ion-android-hand:before {
  content: ""; }

.ion-android-hangout:before {
  content: ""; }

.ion-android-happy:before {
  content: ""; }

.ion-android-home:before {
  content: ""; }

.ion-android-image:before {
  content: ""; }

.ion-android-laptop:before {
  content: ""; }

.ion-android-list:before {
  content: ""; }

.ion-android-locate:before {
  content: ""; }

.ion-android-lock:before {
  content: ""; }

.ion-android-mail:before {
  content: ""; }

.ion-android-map:before {
  content: ""; }

.ion-android-menu:before {
  content: ""; }

.ion-android-microphone:before {
  content: ""; }

.ion-android-microphone-off:before {
  content: ""; }

.ion-android-more-horizontal:before {
  content: ""; }

.ion-android-more-vertical:before {
  content: ""; }

.ion-android-navigate:before {
  content: ""; }

.ion-android-notifications:before {
  content: ""; }

.ion-android-notifications-none:before {
  content: ""; }

.ion-android-notifications-off:before {
  content: ""; }

.ion-android-open:before {
  content: ""; }

.ion-android-options:before {
  content: ""; }

.ion-android-people:before {
  content: ""; }

.ion-android-person:before {
  content: ""; }

.ion-android-person-add:before {
  content: ""; }

.ion-android-phone-landscape:before {
  content: ""; }

.ion-android-phone-portrait:before {
  content: ""; }

.ion-android-pin:before {
  content: ""; }

.ion-android-plane:before {
  content: ""; }

.ion-android-playstore:before {
  content: ""; }

.ion-android-print:before {
  content: ""; }

.ion-android-radio-button-off:before {
  content: ""; }

.ion-android-radio-button-on:before {
  content: ""; }

.ion-android-refresh:before {
  content: ""; }

.ion-android-remove:before {
  content: ""; }

.ion-android-remove-circle:before {
  content: ""; }

.ion-android-restaurant:before {
  content: ""; }

.ion-android-sad:before {
  content: ""; }

.ion-android-search:before {
  content: ""; }

.ion-android-send:before {
  content: ""; }

.ion-android-settings:before {
  content: ""; }

.ion-android-share:before {
  content: ""; }

.ion-android-share-alt:before {
  content: ""; }

.ion-android-star:before {
  content: ""; }

.ion-android-star-half:before {
  content: ""; }

.ion-android-star-outline:before {
  content: ""; }

.ion-android-stopwatch:before {
  content: ""; }

.ion-android-subway:before {
  content: ""; }

.ion-android-sunny:before {
  content: ""; }

.ion-android-sync:before {
  content: ""; }

.ion-android-textsms:before {
  content: ""; }

.ion-android-time:before {
  content: ""; }

.ion-android-train:before {
  content: ""; }

.ion-android-unlock:before {
  content: ""; }

.ion-android-upload:before {
  content: ""; }

.ion-android-volume-down:before {
  content: ""; }

.ion-android-volume-mute:before {
  content: ""; }

.ion-android-volume-off:before {
  content: ""; }

.ion-android-volume-up:before {
  content: ""; }

.ion-android-walk:before {
  content: ""; }

.ion-android-warning:before {
  content: ""; }

.ion-android-watch:before {
  content: ""; }

.ion-android-wifi:before {
  content: ""; }

.ion-aperture:before {
  content: ""; }

.ion-archive:before {
  content: ""; }

.ion-arrow-down-a:before {
  content: ""; }

.ion-arrow-down-b:before {
  content: ""; }

.ion-arrow-down-c:before {
  content: ""; }

.ion-arrow-expand:before {
  content: ""; }

.ion-arrow-graph-down-left:before {
  content: ""; }

.ion-arrow-graph-down-right:before {
  content: ""; }

.ion-arrow-graph-up-left:before {
  content: ""; }

.ion-arrow-graph-up-right:before {
  content: ""; }

.ion-arrow-left-a:before {
  content: ""; }

.ion-arrow-left-b:before {
  content: ""; }

.ion-arrow-left-c:before {
  content: ""; }

.ion-arrow-move:before {
  content: ""; }

.ion-arrow-resize:before {
  content: ""; }

.ion-arrow-return-left:before {
  content: ""; }

.ion-arrow-return-right:before {
  content: ""; }

.ion-arrow-right-a:before {
  content: ""; }

.ion-arrow-right-b:before {
  content: ""; }

.ion-arrow-right-c:before {
  content: ""; }

.ion-arrow-shrink:before {
  content: ""; }

.ion-arrow-swap:before {
  content: ""; }

.ion-arrow-up-a:before {
  content: ""; }

.ion-arrow-up-b:before {
  content: ""; }

.ion-arrow-up-c:before {
  content: ""; }

.ion-asterisk:before {
  content: ""; }

.ion-at:before {
  content: ""; }

.ion-backspace:before {
  content: ""; }

.ion-backspace-outline:before {
  content: ""; }

.ion-bag:before {
  content: ""; }

.ion-battery-charging:before {
  content: ""; }

.ion-battery-empty:before {
  content: ""; }

.ion-battery-full:before {
  content: ""; }

.ion-battery-half:before {
  content: ""; }

.ion-battery-low:before {
  content: ""; }

.ion-beaker:before {
  content: ""; }

.ion-beer:before {
  content: ""; }

.ion-bluetooth:before {
  content: ""; }

.ion-bonfire:before {
  content: ""; }

.ion-bookmark:before {
  content: ""; }

.ion-bowtie:before {
  content: ""; }

.ion-briefcase:before {
  content: ""; }

.ion-bug:before {
  content: ""; }

.ion-calculator:before {
  content: ""; }

.ion-calendar:before {
  content: ""; }

.ion-camera:before {
  content: ""; }

.ion-card:before {
  content: ""; }

.ion-cash:before {
  content: ""; }

.ion-chatbox:before {
  content: ""; }

.ion-chatbox-working:before {
  content: ""; }

.ion-chatboxes:before {
  content: ""; }

.ion-chatbubble:before {
  content: ""; }

.ion-chatbubble-working:before {
  content: ""; }

.ion-chatbubbles:before, #conversejs .chat-head-chatroom .chat-title:before, #conversejs #minimized-chats .minimized-chats-flyout a.restore-chat:before {
  content: ""; }

.ion-checkmark:before {
  content: ""; }

.ion-checkmark-circled:before {
  content: ""; }

.ion-checkmark-round:before {
  content: ""; }

.ion-chevron-down:before {
  content: ""; }

.ion-chevron-left:before {
  content: ""; }

.ion-chevron-right:before {
  content: ""; }

.ion-chevron-up:before {
  content: ""; }

.ion-clipboard:before {
  content: ""; }

.ion-clock:before {
  content: ""; }

.ion-close:before {
  content: ""; }

.ion-close-circled:before {
  content: ""; }

.ion-close-round:before {
  content: ""; }

.ion-closed-captioning:before {
  content: ""; }

.ion-cloud:before {
  content: ""; }

.ion-code:before {
  content: ""; }

.ion-code-download:before {
  content: ""; }

.ion-code-working:before {
  content: ""; }

.ion-coffee:before {
  content: ""; }

.ion-compass:before {
  content: ""; }

.ion-compose:before {
  content: ""; }

.ion-connection-bars:before {
  content: ""; }

.ion-contrast:before {
  content: ""; }

.ion-crop:before {
  content: ""; }

.ion-cube:before {
  content: ""; }

.ion-disc:before {
  content: ""; }

.ion-document:before {
  content: ""; }

.ion-document-text:before {
  content: ""; }

.ion-drag:before {
  content: ""; }

.ion-earth:before {
  content: ""; }

.ion-easel:before {
  content: ""; }

.ion-edit:before {
  content: ""; }

.ion-egg:before {
  content: ""; }

.ion-eject:before {
  content: ""; }

.ion-email:before {
  content: ""; }

.ion-email-unread:before {
  content: ""; }

.ion-erlenmeyer-flask:before {
  content: ""; }

.ion-erlenmeyer-flask-bubbles:before {
  content: ""; }

.ion-eye:before {
  content: ""; }

.ion-eye-disabled:before {
  content: ""; }

.ion-female:before {
  content: ""; }

.ion-filing:before {
  content: ""; }

.ion-film-marker:before {
  content: ""; }

.ion-fireball:before {
  content: ""; }

.ion-flag:before {
  content: ""; }

.ion-flame:before {
  content: ""; }

.ion-flash:before {
  content: ""; }

.ion-flash-off:before {
  content: ""; }

.ion-folder:before {
  content: ""; }

.ion-fork:before {
  content: ""; }

.ion-fork-repo:before {
  content: ""; }

.ion-forward:before {
  content: ""; }

.ion-funnel:before {
  content: ""; }

.ion-gear-a:before {
  content: ""; }

.ion-gear-b:before {
  content: ""; }

.ion-grid:before {
  content: ""; }

.ion-hammer:before {
  content: ""; }

.ion-happy:before {
  content: ""; }

.ion-happy-outline:before {
  content: ""; }

.ion-headphone:before {
  content: ""; }

.ion-heart:before {
  content: ""; }

.ion-heart-broken:before {
  content: ""; }

.ion-help:before {
  content: ""; }

.ion-help-buoy:before {
  content: ""; }

.ion-help-circled:before {
  content: ""; }

.ion-home:before {
  content: ""; }

.ion-icecream:before {
  content: ""; }

.ion-image:before {
  content: ""; }

.ion-images:before {
  content: ""; }

.ion-information:before {
  content: ""; }

.ion-information-circled:before {
  content: ""; }

.ion-ionic:before {
  content: ""; }

.ion-ios-alarm:before {
  content: ""; }

.ion-ios-alarm-outline:before {
  content: ""; }

.ion-ios-albums:before {
  content: ""; }

.ion-ios-albums-outline:before {
  content: ""; }

.ion-ios-americanfootball:before {
  content: ""; }

.ion-ios-americanfootball-outline:before {
  content: ""; }

.ion-ios-analytics:before {
  content: ""; }

.ion-ios-analytics-outline:before {
  content: ""; }

.ion-ios-arrow-back:before {
  content: ""; }

.ion-ios-arrow-down:before {
  content: ""; }

.ion-ios-arrow-forward:before {
  content: ""; }

.ion-ios-arrow-left:before {
  content: ""; }

.ion-ios-arrow-right:before {
  content: ""; }

.ion-ios-arrow-thin-down:before {
  content: ""; }

.ion-ios-arrow-thin-left:before {
  content: ""; }

.ion-ios-arrow-thin-right:before {
  content: ""; }

.ion-ios-arrow-thin-up:before {
  content: ""; }

.ion-ios-arrow-up:before {
  content: ""; }

.ion-ios-at:before {
  content: ""; }

.ion-ios-at-outline:before {
  content: ""; }

.ion-ios-barcode:before {
  content: ""; }

.ion-ios-barcode-outline:before {
  content: ""; }

.ion-ios-baseball:before {
  content: ""; }

.ion-ios-baseball-outline:before {
  content: ""; }

.ion-ios-basketball:before {
  content: ""; }

.ion-ios-basketball-outline:before {
  content: ""; }

.ion-ios-bell:before {
  content: ""; }

.ion-ios-bell-outline:before {
  content: ""; }

.ion-ios-body:before {
  content: ""; }

.ion-ios-body-outline:before {
  content: ""; }

.ion-ios-bolt:before {
  content: ""; }

.ion-ios-bolt-outline:before {
  content: ""; }

.ion-ios-book:before {
  content: ""; }

.ion-ios-book-outline:before {
  content: ""; }

.ion-ios-bookmarks:before {
  content: ""; }

.ion-ios-bookmarks-outline:before {
  content: ""; }

.ion-ios-box:before {
  content: ""; }

.ion-ios-box-outline:before {
  content: ""; }

.ion-ios-briefcase:before {
  content: ""; }

.ion-ios-briefcase-outline:before {
  content: ""; }

.ion-ios-browsers:before {
  content: ""; }

.ion-ios-browsers-outline:before {
  content: ""; }

.ion-ios-calculator:before {
  content: ""; }

.ion-ios-calculator-outline:before {
  content: ""; }

.ion-ios-calendar:before {
  content: ""; }

.ion-ios-calendar-outline:before {
  content: ""; }

.ion-ios-camera:before {
  content: ""; }

.ion-ios-camera-outline:before {
  content: ""; }

.ion-ios-cart:before {
  content: ""; }

.ion-ios-cart-outline:before {
  content: ""; }

.ion-ios-chatboxes:before {
  content: ""; }

.ion-ios-chatboxes-outline:before {
  content: ""; }

.ion-ios-chatbubble:before {
  content: ""; }

.ion-ios-chatbubble-outline:before {
  content: ""; }

.ion-ios-checkmark:before {
  content: ""; }

.ion-ios-checkmark-empty:before {
  content: ""; }

.ion-ios-checkmark-outline:before {
  content: ""; }

.ion-ios-circle-filled:before {
  content: ""; }

.ion-ios-circle-outline:before {
  content: ""; }

.ion-ios-clock:before {
  content: ""; }

.ion-ios-clock-outline:before {
  content: ""; }

.ion-ios-close:before {
  content: ""; }

.ion-ios-close-empty:before {
  content: ""; }

.ion-ios-close-outline:before {
  content: ""; }

.ion-ios-cloud:before {
  content: ""; }

.ion-ios-cloud-download:before {
  content: ""; }

.ion-ios-cloud-download-outline:before {
  content: ""; }

.ion-ios-cloud-outline:before {
  content: ""; }

.ion-ios-cloud-upload:before {
  content: ""; }

.ion-ios-cloud-upload-outline:before {
  content: ""; }

.ion-ios-cloudy:before {
  content: ""; }

.ion-ios-cloudy-night:before {
  content: ""; }

.ion-ios-cloudy-night-outline:before {
  content: ""; }

.ion-ios-cloudy-outline:before {
  content: ""; }

.ion-ios-cog:before {
  content: ""; }

.ion-ios-cog-outline:before {
  content: ""; }

.ion-ios-color-filter:before {
  content: ""; }

.ion-ios-color-filter-outline:before {
  content: ""; }

.ion-ios-color-wand:before {
  content: ""; }

.ion-ios-color-wand-outline:before {
  content: ""; }

.ion-ios-compose:before {
  content: ""; }

.ion-ios-compose-outline:before {
  content: ""; }

.ion-ios-contact:before {
  content: ""; }

.ion-ios-contact-outline:before {
  content: ""; }

.ion-ios-copy:before {
  content: ""; }

.ion-ios-copy-outline:before {
  content: ""; }

.ion-ios-crop:before {
  content: ""; }

.ion-ios-crop-strong:before {
  content: ""; }

.ion-ios-download:before {
  content: ""; }

.ion-ios-download-outline:before {
  content: ""; }

.ion-ios-drag:before {
  content: ""; }

.ion-ios-email:before {
  content: ""; }

.ion-ios-email-outline:before {
  content: ""; }

.ion-ios-eye:before {
  content: ""; }

.ion-ios-eye-outline:before {
  content: ""; }

.ion-ios-fastforward:before {
  content: ""; }

.ion-ios-fastforward-outline:before {
  content: ""; }

.ion-ios-filing:before {
  content: ""; }

.ion-ios-filing-outline:before {
  content: ""; }

.ion-ios-film:before {
  content: ""; }

.ion-ios-film-outline:before {
  content: ""; }

.ion-ios-flag:before {
  content: ""; }

.ion-ios-flag-outline:before {
  content: ""; }

.ion-ios-flame:before {
  content: ""; }

.ion-ios-flame-outline:before {
  content: ""; }

.ion-ios-flask:before {
  content: ""; }

.ion-ios-flask-outline:before {
  content: ""; }

.ion-ios-flower:before {
  content: ""; }

.ion-ios-flower-outline:before {
  content: ""; }

.ion-ios-folder:before {
  content: ""; }

.ion-ios-folder-outline:before {
  content: ""; }

.ion-ios-football:before {
  content: ""; }

.ion-ios-football-outline:before {
  content: ""; }

.ion-ios-game-controller-a:before {
  content: ""; }

.ion-ios-game-controller-a-outline:before {
  content: ""; }

.ion-ios-game-controller-b:before {
  content: ""; }

.ion-ios-game-controller-b-outline:before {
  content: ""; }

.ion-ios-gear:before {
  content: ""; }

.ion-ios-gear-outline:before {
  content: ""; }

.ion-ios-glasses:before {
  content: ""; }

.ion-ios-glasses-outline:before {
  content: ""; }

.ion-ios-grid-view:before {
  content: ""; }

.ion-ios-grid-view-outline:before {
  content: ""; }

.ion-ios-heart:before {
  content: ""; }

.ion-ios-heart-outline:before {
  content: ""; }

.ion-ios-help:before {
  content: ""; }

.ion-ios-help-empty:before {
  content: ""; }

.ion-ios-help-outline:before, .icon-help:before, #menu .footer .icon-help:before {
  content: ""; }

.ion-ios-home:before {
  content: ""; }

.ion-ios-home-outline:before {
  content: ""; }

.ion-ios-infinite:before {
  content: ""; }

.ion-ios-infinite-outline:before {
  content: ""; }

.ion-ios-information:before {
  content: ""; }

.ion-ios-information-empty:before {
  content: ""; }

.ion-ios-information-outline:before {
  content: ""; }

.ion-ios-ionic-outline:before {
  content: ""; }

.ion-ios-keypad:before {
  content: ""; }

.ion-ios-keypad-outline:before {
  content: ""; }

.ion-ios-lightbulb:before {
  content: ""; }

.ion-ios-lightbulb-outline:before {
  content: ""; }

.ion-ios-list:before {
  content: ""; }

.ion-ios-list-outline:before {
  content: ""; }

.ion-ios-location:before {
  content: ""; }

.ion-ios-location-outline:before {
  content: ""; }

.ion-ios-locked:before {
  content: ""; }

.ion-ios-locked-outline:before {
  content: ""; }

.ion-ios-loop:before {
  content: ""; }

.ion-ios-loop-strong:before {
  content: ""; }

.ion-ios-medical:before {
  content: ""; }

.ion-ios-medical-outline:before {
  content: ""; }

.ion-ios-medkit:before {
  content: ""; }

.ion-ios-medkit-outline:before {
  content: ""; }

.ion-ios-mic:before {
  content: ""; }

.ion-ios-mic-off:before {
  content: ""; }

.ion-ios-mic-outline:before {
  content: ""; }

.ion-ios-minus:before {
  content: ""; }

.ion-ios-minus-empty:before {
  content: ""; }

.ion-ios-minus-outline:before {
  content: ""; }

.ion-ios-monitor:before {
  content: ""; }

.ion-ios-monitor-outline:before {
  content: ""; }

.ion-ios-moon:before {
  content: ""; }

.ion-ios-moon-outline:before {
  content: ""; }

.ion-ios-more:before {
  content: ""; }

.ion-ios-more-outline:before {
  content: ""; }

.ion-ios-musical-note:before {
  content: ""; }

.ion-ios-musical-notes:before {
  content: ""; }

.ion-ios-navigate:before {
  content: ""; }

.ion-ios-navigate-outline:before {
  content: ""; }

.ion-ios-nutrition:before {
  content: ""; }

.ion-ios-nutrition-outline:before {
  content: ""; }

.ion-ios-paper:before {
  content: ""; }

.ion-ios-paper-outline:before {
  content: ""; }

.ion-ios-paperplane:before {
  content: ""; }

.ion-ios-paperplane-outline:before {
  content: ""; }

.ion-ios-partlysunny:before {
  content: ""; }

.ion-ios-partlysunny-outline:before {
  content: ""; }

.ion-ios-pause:before {
  content: ""; }

.ion-ios-pause-outline:before {
  content: ""; }

.ion-ios-paw:before {
  content: ""; }

.ion-ios-paw-outline:before {
  content: ""; }

.ion-ios-people:before {
  content: ""; }

.ion-ios-people-outline:before {
  content: ""; }

.ion-ios-person:before {
  content: ""; }

.ion-ios-person-outline:before {
  content: ""; }

.ion-ios-personadd:before {
  content: ""; }

.ion-ios-personadd-outline:before {
  content: ""; }

.ion-ios-photos:before {
  content: ""; }

.ion-ios-photos-outline:before {
  content: ""; }

.ion-ios-pie:before {
  content: ""; }

.ion-ios-pie-outline:before {
  content: ""; }

.ion-ios-pint:before {
  content: ""; }

.ion-ios-pint-outline:before {
  content: ""; }

.ion-ios-play:before {
  content: ""; }

.ion-ios-play-outline:before {
  content: ""; }

.ion-ios-plus:before {
  content: ""; }

.ion-ios-plus-empty:before {
  content: ""; }

.ion-ios-plus-outline:before {
  content: ""; }

.ion-ios-pricetag:before {
  content: ""; }

.ion-ios-pricetag-outline:before {
  content: ""; }

.ion-ios-pricetags:before {
  content: ""; }

.ion-ios-pricetags-outline:before {
  content: ""; }

.ion-ios-printer:before {
  content: ""; }

.ion-ios-printer-outline:before {
  content: ""; }

.ion-ios-pulse:before {
  content: ""; }

.ion-ios-pulse-strong:before {
  content: ""; }

.ion-ios-rainy:before {
  content: ""; }

.ion-ios-rainy-outline:before {
  content: ""; }

.ion-ios-recording:before {
  content: ""; }

.ion-ios-recording-outline:before {
  content: ""; }

.ion-ios-redo:before {
  content: ""; }

.ion-ios-redo-outline:before {
  content: ""; }

.ion-ios-refresh:before {
  content: ""; }

.ion-ios-refresh-empty:before {
  content: ""; }

.ion-ios-refresh-outline:before {
  content: ""; }

.ion-ios-reload:before {
  content: ""; }

.ion-ios-reverse-camera:before {
  content: ""; }

.ion-ios-reverse-camera-outline:before {
  content: ""; }

.ion-ios-rewind:before {
  content: ""; }

.ion-ios-rewind-outline:before {
  content: ""; }

.ion-ios-rose:before {
  content: ""; }

.ion-ios-rose-outline:before {
  content: ""; }

.ion-ios-search:before {
  content: ""; }

.ion-ios-search-strong:before {
  content: ""; }

.ion-ios-settings:before {
  content: ""; }

.ion-ios-settings-strong:before {
  content: ""; }

.ion-ios-shuffle:before {
  content: ""; }

.ion-ios-shuffle-strong:before {
  content: ""; }

.ion-ios-skipbackward:before {
  content: ""; }

.ion-ios-skipbackward-outline:before {
  content: ""; }

.ion-ios-skipforward:before {
  content: ""; }

.ion-ios-skipforward-outline:before {
  content: ""; }

.ion-ios-snowy:before {
  content: ""; }

.ion-ios-speedometer:before {
  content: ""; }

.ion-ios-speedometer-outline:before {
  content: ""; }

.ion-ios-star:before {
  content: ""; }

.ion-ios-star-half:before {
  content: ""; }

.ion-ios-star-outline:before {
  content: ""; }

.ion-ios-stopwatch:before {
  content: ""; }

.ion-ios-stopwatch-outline:before {
  content: ""; }

.ion-ios-sunny:before {
  content: ""; }

.ion-ios-sunny-outline:before {
  content: ""; }

.ion-ios-telephone:before {
  content: ""; }

.ion-ios-telephone-outline:before {
  content: ""; }

.ion-ios-tennisball:before {
  content: ""; }

.ion-ios-tennisball-outline:before {
  content: ""; }

.ion-ios-thunderstorm:before {
  content: ""; }

.ion-ios-thunderstorm-outline:before {
  content: ""; }

.ion-ios-time:before {
  content: ""; }

.ion-ios-time-outline:before {
  content: ""; }

.ion-ios-timer:before {
  content: ""; }

.ion-ios-timer-outline:before {
  content: ""; }

.ion-ios-toggle:before {
  content: ""; }

.ion-ios-toggle-outline:before {
  content: ""; }

.ion-ios-trash:before {
  content: ""; }

.ion-ios-trash-outline:before {
  content: ""; }

.ion-ios-undo:before {
  content: ""; }

.ion-ios-undo-outline:before {
  content: ""; }

.ion-ios-unlocked:before {
  content: ""; }

.ion-ios-unlocked-outline:before {
  content: ""; }

.ion-ios-upload:before {
  content: ""; }

.ion-ios-upload-outline:before {
  content: ""; }

.ion-ios-videocam:before {
  content: ""; }

.ion-ios-videocam-outline:before {
  content: ""; }

.ion-ios-volume-high:before {
  content: ""; }

.ion-ios-volume-low:before {
  content: ""; }

.ion-ios-wineglass:before {
  content: ""; }

.ion-ios-wineglass-outline:before {
  content: ""; }

.ion-ios-world:before {
  content: ""; }

.ion-ios-world-outline:before {
  content: ""; }

.ion-ipad:before {
  content: ""; }

.ion-iphone:before {
  content: ""; }

.ion-ipod:before {
  content: ""; }

.ion-jet:before {
  content: ""; }

.ion-key:before {
  content: ""; }

.ion-knife:before {
  content: ""; }

.ion-laptop:before {
  content: ""; }

.ion-leaf:before {
  content: ""; }

.ion-levels:before {
  content: ""; }

.ion-lightbulb:before {
  content: ""; }

.ion-link:before {
  content: ""; }

.ion-load-a:before {
  content: ""; }

.ion-load-b:before {
  content: ""; }

.ion-load-c:before {
  content: ""; }

.ion-load-d:before {
  content: ""; }

.ion-location:before {
  content: ""; }

.ion-lock-combination:before {
  content: ""; }

.ion-locked:before {
  content: ""; }

.ion-log-in:before {
  content: ""; }

.ion-log-out:before {
  content: ""; }

.ion-loop:before {
  content: ""; }

.ion-magnet:before {
  content: ""; }

.ion-male:before {
  content: ""; }

.ion-man:before {
  content: ""; }

.ion-map:before {
  content: ""; }

.ion-medkit:before {
  content: ""; }

.ion-merge:before {
  content: ""; }

.ion-mic-a:before {
  content: ""; }

.ion-mic-b:before {
  content: ""; }

.ion-mic-c:before {
  content: ""; }

.ion-minus:before {
  content: ""; }

.ion-minus-circled:before {
  content: ""; }

.ion-minus-round:before {
  content: ""; }

.ion-model-s:before {
  content: ""; }

.ion-monitor:before {
  content: ""; }

.ion-more:before {
  content: ""; }

.ion-mouse:before {
  content: ""; }

.ion-music-note:before {
  content: ""; }

.ion-navicon:before {
  content: ""; }

.ion-navicon-round:before {
  content: ""; }

.ion-navigate:before {
  content: ""; }

.ion-network:before {
  content: ""; }

.ion-no-smoking:before {
  content: ""; }

.ion-nuclear:before {
  content: ""; }

.ion-outlet:before {
  content: ""; }

.ion-paintbrush:before {
  content: ""; }

.ion-paintbucket:before {
  content: ""; }

.ion-paper-airplane:before {
  content: ""; }

.ion-paperclip:before {
  content: ""; }

.ion-pause:before {
  content: ""; }

.ion-person:before {
  content: ""; }

.ion-person-add:before {
  content: ""; }

.ion-person-stalker:before {
  content: ""; }

.ion-pie-graph:before {
  content: ""; }

.ion-pin:before {
  content: ""; }

.ion-pinpoint:before {
  content: ""; }

.ion-pizza:before {
  content: ""; }

.ion-plane:before {
  content: ""; }

.ion-planet:before {
  content: ""; }

.ion-play:before {
  content: ""; }

.ion-playstation:before {
  content: ""; }

.ion-plus:before {
  content: ""; }

.ion-plus-circled:before {
  content: ""; }

.ion-plus-round:before {
  content: ""; }

.ion-podium:before {
  content: ""; }

.ion-pound:before {
  content: ""; }

.ion-power:before {
  content: ""; }

.ion-pricetag:before {
  content: ""; }

.ion-pricetags:before {
  content: ""; }

.ion-printer:before {
  content: ""; }

.ion-pull-request:before {
  content: ""; }

.ion-qr-scanner:before {
  content: ""; }

.ion-quote:before {
  content: ""; }

.ion-radio-waves:before {
  content: ""; }

.ion-record:before {
  content: ""; }

.ion-refresh:before {
  content: ""; }

.ion-reply:before {
  content: ""; }

.ion-reply-all:before {
  content: ""; }

.ion-ribbon-a:before {
  content: ""; }

.ion-ribbon-b:before {
  content: ""; }

.ion-sad:before {
  content: ""; }

.ion-sad-outline:before {
  content: ""; }

.ion-scissors:before {
  content: ""; }

.ion-search:before {
  content: ""; }

.ion-settings:before {
  content: ""; }

.ion-share:before {
  content: ""; }

.ion-shuffle:before {
  content: ""; }

.ion-skip-backward:before {
  content: ""; }

.ion-skip-forward:before {
  content: ""; }

.ion-social-android:before {
  content: ""; }

.ion-social-android-outline:before {
  content: ""; }

.ion-social-angular:before {
  content: ""; }

.ion-social-angular-outline:before {
  content: ""; }

.ion-social-apple:before {
  content: ""; }

.ion-social-apple-outline:before {
  content: ""; }

.ion-social-bitcoin:before {
  content: ""; }

.ion-social-bitcoin-outline:before {
  content: ""; }

.ion-social-buffer:before {
  content: ""; }

.ion-social-buffer-outline:before {
  content: ""; }

.ion-social-chrome:before {
  content: ""; }

.ion-social-chrome-outline:before {
  content: ""; }

.ion-social-codepen:before {
  content: ""; }

.ion-social-codepen-outline:before {
  content: ""; }

.ion-social-css3:before {
  content: ""; }

.ion-social-css3-outline:before {
  content: ""; }

.ion-social-designernews:before {
  content: ""; }

.ion-social-designernews-outline:before {
  content: ""; }

.ion-social-dribbble:before {
  content: ""; }

.ion-social-dribbble-outline:before {
  content: ""; }

.ion-social-dropbox:before {
  content: ""; }

.ion-social-dropbox-outline:before {
  content: ""; }

.ion-social-euro:before {
  content: ""; }

.ion-social-euro-outline:before {
  content: ""; }

.ion-social-facebook:before {
  content: ""; }

.ion-social-facebook-outline:before {
  content: ""; }

.ion-social-foursquare:before {
  content: ""; }

.ion-social-foursquare-outline:before {
  content: ""; }

.ion-social-freebsd-devil:before {
  content: ""; }

.ion-social-github:before {
  content: ""; }

.ion-social-github-outline:before {
  content: ""; }

.ion-social-google:before {
  content: ""; }

.ion-social-google-outline:before {
  content: ""; }

.ion-social-googleplus:before {
  content: ""; }

.ion-social-googleplus-outline:before {
  content: ""; }

.ion-social-hackernews:before {
  content: ""; }

.ion-social-hackernews-outline:before {
  content: ""; }

.ion-social-html5:before {
  content: ""; }

.ion-social-html5-outline:before {
  content: ""; }

.ion-social-instagram:before {
  content: ""; }

.ion-social-instagram-outline:before {
  content: ""; }

.ion-social-javascript:before {
  content: ""; }

.ion-social-javascript-outline:before {
  content: ""; }

.ion-social-linkedin:before {
  content: ""; }

.ion-social-linkedin-outline:before {
  content: ""; }

.ion-social-markdown:before {
  content: ""; }

.ion-social-nodejs:before {
  content: ""; }

.ion-social-octocat:before {
  content: ""; }

.ion-social-pinterest:before {
  content: ""; }

.ion-social-pinterest-outline:before {
  content: ""; }

.ion-social-python:before {
  content: ""; }

.ion-social-reddit:before {
  content: ""; }

.ion-social-reddit-outline:before {
  content: ""; }

.ion-social-rss:before {
  content: ""; }

.ion-social-rss-outline:before {
  content: ""; }

.ion-social-sass:before {
  content: ""; }

.ion-social-skype:before {
  content: ""; }

.ion-social-skype-outline:before {
  content: ""; }

.ion-social-snapchat:before {
  content: ""; }

.ion-social-snapchat-outline:before {
  content: ""; }

.ion-social-tumblr:before {
  content: ""; }

.ion-social-tumblr-outline:before {
  content: ""; }

.ion-social-tux:before {
  content: ""; }

.ion-social-twitch:before {
  content: ""; }

.ion-social-twitch-outline:before {
  content: ""; }

.ion-social-twitter:before {
  content: ""; }

.ion-social-twitter-outline:before {
  content: ""; }

.ion-social-usd:before {
  content: ""; }

.ion-social-usd-outline:before {
  content: ""; }

.ion-social-vimeo:before {
  content: ""; }

.ion-social-vimeo-outline:before {
  content: ""; }

.ion-social-whatsapp:before {
  content: ""; }

.ion-social-whatsapp-outline:before {
  content: ""; }

.ion-social-windows:before {
  content: ""; }

.ion-social-windows-outline:before {
  content: ""; }

.ion-social-wordpress:before {
  content: ""; }

.ion-social-wordpress-outline:before {
  content: ""; }

.ion-social-yahoo:before {
  content: ""; }

.ion-social-yahoo-outline:before {
  content: ""; }

.ion-social-yen:before {
  content: ""; }

.ion-social-yen-outline:before {
  content: ""; }

.ion-social-youtube:before {
  content: ""; }

.ion-social-youtube-outline:before {
  content: ""; }

.ion-soup-can:before {
  content: ""; }

.ion-soup-can-outline:before {
  content: ""; }

.ion-speakerphone:before {
  content: ""; }

.ion-speedometer:before {
  content: ""; }

.ion-spoon:before {
  content: ""; }

.ion-star:before {
  content: ""; }

.ion-stats-bars:before {
  content: ""; }

.ion-steam:before {
  content: ""; }

.ion-stop:before {
  content: ""; }

.ion-thermometer:before {
  content: ""; }

.ion-thumbsdown:before {
  content: ""; }

.ion-thumbsup:before {
  content: ""; }

.ion-toggle:before {
  content: ""; }

.ion-toggle-filled:before {
  content: ""; }

.ion-transgender:before {
  content: ""; }

.ion-trash-a:before {
  content: ""; }

.ion-trash-b:before {
  content: ""; }

.ion-trophy:before {
  content: ""; }

.ion-tshirt:before {
  content: ""; }

.ion-tshirt-outline:before {
  content: ""; }

.ion-umbrella:before {
  content: ""; }

.ion-university:before {
  content: ""; }

.ion-unlocked:before {
  content: ""; }

.ion-upload:before {
  content: ""; }

.ion-usb:before {
  content: ""; }

.ion-videocamera:before {
  content: ""; }

.ion-volume-high:before {
  content: ""; }

.ion-volume-low:before {
  content: ""; }

.ion-volume-medium:before {
  content: ""; }

.ion-volume-mute:before {
  content: ""; }

.ion-wand:before {
  content: ""; }

.ion-waterdrop:before {
  content: ""; }

.ion-wifi:before {
  content: ""; }

.ion-wineglass:before {
  content: ""; }

.ion-woman:before {
  content: ""; }

.ion-wrench:before {
  content: ""; }

.ion-xbox:before {
  content: ""; }

/**
 * Resets
 * --------------------------------------------------
 * Adapted from normalize.css and some reset.css. We don't care even one
 * bit about old IE, so we don't need any hacks for that in here.
 *
 * There are probably other things we could remove here, as well.
 *
 * normalize.css v2.1.2 | MIT License | git.io/normalize

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

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

script {
  display: none !important; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *  user zoom.
 */
html {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0;
  line-height: 1; }

/**
 * Remove default outlines.
 */
a,
button,
:focus,
a:focus,
button:focus,
a:active,
a:hover {
  outline: 0; }

/* *
 * Remove tap highlight color
 */
a {
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; }
  a[href]:hover {
    cursor: pointer; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-size: 1em;
  font-family: monospace, serif; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
  border: 1px solid #c0c0c0; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  padding: 0;
  /* 2 */
  border: 0;
  /* 1 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Remove any default :focus styles
 * 5. Make sure webkit font smoothing is being inherited
 * 6. Remove default gradient in Android Firefox / FirefoxOS
 */
button,
input,
select,
textarea {
  margin: 0;
  /* 3 */
  font-size: 100%;
  /* 2 */
  font-family: inherit;
  /* 1 */
  outline-offset: 0;
  /* 4 */
  outline-style: none;
  /* 4 */
  outline-width: 0;
  /* 4 */
  -webkit-font-smoothing: inherit;
  /* 5 */
  background-image: none;
  /* 6 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `importnt` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *  and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  /* 3 */
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *  (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-box-sizing: content-box;
  /* 2 */
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
  /* 1 */ }

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

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

img {
  -webkit-user-drag: none; }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-spacing: 0;
  border-collapse: collapse; }

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

html {
  overflow: hidden;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

body,
.ionic-body {
  -webkit-touch-callout: none;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  color: #000;
  word-wrap: break-word;
  font-size: 14px;
  font-family: -apple-system;
  font-family: "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  line-height: 20px;
  text-rendering: optimizeLegibility;
  -webkit-backface-visibility: hidden;
  -webkit-user-drag: none;
  -ms-content-zooming: none; }

body.grade-b,
body.grade-c {
  text-rendering: auto; }

.content {
  position: relative; }

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

.menu .scroll-content.scroll-content-false {
  z-index: 11; }

.scroll-view {
  position: relative;
  display: block;
  overflow: hidden;
  margin-top: -1px; }
  .scroll-view.overflow-scroll {
    position: relative; }
  .scroll-view.scroll-x {
    overflow-x: scroll;
    overflow-y: hidden; }
  .scroll-view.scroll-y {
    overflow-x: hidden;
    overflow-y: scroll; }
  .scroll-view.scroll-xy {
    overflow-x: scroll;
    overflow-y: scroll; }

/**
 * Scroll is the scroll view component available for complex and custom
 * scroll view functionality.
 */
.scroll {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-transform-origin: left top;
  transform-origin: left top; }

/**
 * Set ms-viewport to prevent MS "page squish" and allow fluid scrolling
 * https://msdn.microsoft.com/en-us/library/ie/hh869615(v=vs.85).aspx
 */
@-ms-viewport {
  width: device-width; }

.scroll-bar {
  position: absolute;
  z-index: 9999; }

.ng-animate .scroll-bar {
  visibility: hidden; }

.scroll-bar-h {
  right: 2px;
  bottom: 3px;
  left: 2px;
  height: 3px; }
  .scroll-bar-h .scroll-bar-indicator {
    height: 100%; }

.scroll-bar-v {
  top: 2px;
  right: 3px;
  bottom: 2px;
  width: 3px; }
  .scroll-bar-v .scroll-bar-indicator {
    width: 100%; }

.scroll-bar-indicator {
  position: absolute;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.3);
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }
  .scroll-bar-indicator.scroll-bar-fade-out {
    opacity: 0; }

.platform-android .scroll-bar-indicator {
  border-radius: 0; }

.grade-b .scroll-bar-indicator,
.grade-c .scroll-bar-indicator {
  background: #aaa; }
  .grade-b .scroll-bar-indicator.scroll-bar-fade-out,
  .grade-c .scroll-bar-indicator.scroll-bar-fade-out {
    -webkit-transition: none;
    transition: none; }

ion-infinite-scroll {
  height: 60px;
  width: 100%;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }
  ion-infinite-scroll .icon, ion-infinite-scroll .icon-help, ion-infinite-scroll .icon-alert, ion-infinite-scroll #menu .footer .icon-help, #menu .footer ion-infinite-scroll .icon-help {
    color: #666666;
    font-size: 30px;
    color: #666666; }
  ion-infinite-scroll:not(.active) .spinner,
  ion-infinite-scroll:not(.active) .icon:before,
  ion-infinite-scroll:not(.active) .icon-help:before,
  ion-infinite-scroll:not(.active) .icon-alert:before,
  ion-infinite-scroll:not(.active) #menu .footer .icon-help:before,
  #menu .footer ion-infinite-scroll:not(.active) .icon-help:before {
    display: none; }

.overflow-scroll {
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute; }
  .overflow-scroll.pane {
    overflow-x: hidden;
    overflow-y: scroll; }
  .overflow-scroll .scroll {
    position: static;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0); }

/* If you change these, change platform.scss as well */
.has-header {
  top: 44px; }

.no-header {
  top: 0; }

.has-subheader {
  top: 88px; }

.has-tabs-top {
  top: 93px; }

.has-header.has-subheader.has-tabs-top {
  top: 137px; }

.has-footer {
  bottom: 44px; }

.has-subfooter {
  bottom: 88px; }

.has-tabs,
.bar-footer.has-tabs {
  bottom: 49px; }
  .has-tabs.pane,
  .bar-footer.has-tabs.pane {
    bottom: 49px;
    height: auto; }

.bar-subfooter.has-tabs {
  bottom: 93px; }

.has-footer.has-tabs {
  bottom: 93px; }

.pane {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-duration: 0;
  transition-duration: 0;
  z-index: 1; }

.view {
  z-index: 1; }

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

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

/**
 * Typography
 * --------------------------------------------------
 */
p {
  margin: 0 0 10px; }

small {
  font-size: 85%; }

cite {
  font-style: normal; }

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

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

.text-center, .item.large-button-bar {
  text-align: center; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: #000;
  font-weight: 500;
  font-family: "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  line-height: 1.2; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
  .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
    font-weight: normal;
    line-height: 1; }

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
  h1:first-child, .h1:first-child,
  h2:first-child, .h2:first-child,
  h3:first-child, .h3:first-child {
    margin-top: 0; }
  h1 + h1, h1 + .h1,
  h1 + h2, h1 + .h2,
  h1 + h3, h1 + .h3, .h1 + h1, .h1 + .h1,
  .h1 + h2, .h1 + .h2,
  .h1 + h3, .h1 + .h3,
  h2 + h1,
  h2 + .h1,
  h2 + h2,
  h2 + .h2,
  h2 + h3,
  h2 + .h3, .h2 + h1, .h2 + .h1,
  .h2 + h2, .h2 + .h2,
  .h2 + h3, .h2 + .h3,
  h3 + h1,
  h3 + .h1,
  h3 + h2,
  h3 + .h2,
  h3 + h3,
  h3 + .h3, .h3 + h1, .h3 + .h1,
  .h3 + h2, .h3 + .h2,
  .h3 + h3, .h3 + .h3 {
    margin-top: 10px; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }

h1, .h1 {
  font-size: 36px; }

h2, .h2 {
  font-size: 30px; }

h3, .h3 {
  font-size: 24px; }

h4, .h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 14px; }

h6, .h6 {
  font-size: 12px; }

h1 small, .h1 small {
  font-size: 24px; }

h2 small, .h2 small {
  font-size: 18px; }

h3 small, .h3 small,
h4 small, .h4 small {
  font-size: 14px; }

dl {
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: bold; }

blockquote {
  margin: 0 0 20px;
  padding: 10px 20px;
  border-left: 5px solid gray; }
  blockquote p {
    font-weight: 300;
    font-size: 17.5px;
    line-height: 1.25; }
  blockquote p:last-child {
    margin-bottom: 0; }
  blockquote small {
    display: block;
    line-height: 1.42857; }
    blockquote small:before {
      content: '\2014 \00A0'; }

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: ""; }

address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857; }

a {
  color: #387ef5; }

a.subdued {
  padding-right: 10px;
  color: #888;
  text-decoration: none; }
  a.subdued:hover {
    text-decoration: none; }
  a.subdued:last-child {
    padding-right: 0; }

/**
 * Action Sheets
 * --------------------------------------------------
 */
.action-sheet-backdrop {
  -webkit-transition: background-color 150ms ease-in-out;
  transition: background-color 150ms ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0); }
  .action-sheet-backdrop.active {
    background-color: rgba(0, 0, 0, 0.4); }

.action-sheet-wrapper {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: all cubic-bezier(0.36, 0.66, 0.04, 1) 500ms;
  transition: all cubic-bezier(0.36, 0.66, 0.04, 1) 500ms;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 500px;
  margin: auto; }

.action-sheet-up {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.action-sheet {
  margin-left: 8px;
  margin-right: 8px;
  width: auto;
  z-index: 11;
  overflow: hidden; }
  .action-sheet .button {
    display: block;
    padding: 1px;
    width: 100%;
    border-radius: 0;
    border-color: #d1d3d6;
    background-color: transparent;
    color: #007aff;
    font-size: 21px; }
    .action-sheet .button:hover {
      color: #007aff; }
    .action-sheet .button.destructive {
      color: #ff3b30; }
      .action-sheet .button.destructive:hover {
        color: #ff3b30; }
  .action-sheet .button.active, .action-sheet .button.activated {
    box-shadow: none;
    border-color: #d1d3d6;
    color: #007aff;
    background: #e4e5e7; }

.action-sheet-has-icons .icon, .action-sheet-has-icons .icon-help, .action-sheet-has-icons .icon-alert, .action-sheet-has-icons #menu .footer .icon-help, #menu .footer .action-sheet-has-icons .icon-help {
  position: absolute;
  left: 16px; }

.action-sheet-title {
  padding: 16px;
  color: #8f8f8f;
  text-align: center;
  font-size: 13px; }

.action-sheet-group {
  margin-bottom: 8px;
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden; }
  .action-sheet-group .button {
    border-width: 1px 0px 0px 0px; }
  .action-sheet-group .button:first-child:last-child {
    border-width: 0; }

.action-sheet-options {
  background: #f1f2f3; }

.action-sheet-cancel .button {
  font-weight: 500; }

.action-sheet-open {
  pointer-events: none; }
  .action-sheet-open.modal-open .modal {
    pointer-events: none; }
  .action-sheet-open .action-sheet-backdrop {
    pointer-events: auto; }

.platform-android .action-sheet-backdrop.active {
  background-color: rgba(0, 0, 0, 0.2); }

.platform-android .action-sheet {
  margin: 0; }
  .platform-android .action-sheet .action-sheet-title,
  .platform-android .action-sheet .button {
    text-align: left;
    border-color: transparent;
    font-size: 16px;
    color: inherit; }
  .platform-android .action-sheet .action-sheet-title {
    font-size: 14px;
    padding: 16px;
    color: #666; }
  .platform-android .action-sheet .button.active,
  .platform-android .action-sheet .button.activated {
    background: #e8e8e8; }

.platform-android .action-sheet-group {
  margin: 0;
  border-radius: 0;
  background-color: #fafafa; }

.platform-android .action-sheet-cancel {
  display: none; }

.platform-android .action-sheet-has-icons .button {
  padding-left: 56px; }

.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.1s opacity linear;
  transition: 0.1s opacity linear; }
  .backdrop.visible {
    visibility: visible; }
  .backdrop.active {
    opacity: 1; }

/**
 * Bar (Headers and Footers)
 * --------------------------------------------------
 */
.bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  width: 100%;
  height: 44px;
  border-width: 0;
  border-style: solid;
  border-top: 1px solid transparent;
  border-bottom: 1px solid #ddd;
  background-color: white;
  /* border-width: 1px will actually create 2 device pixels on retina */
  /* this nifty trick sets an actual 1px border on hi-res displays */
  background-size: 0; }
  @media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
    .bar {
      border: none;
      background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
      background-position: bottom;
      background-size: 100% 1px;
      background-repeat: no-repeat; } }
  .bar.bar-clear {
    border: none;
    background: none;
    color: #fff; }
    .bar.bar-clear .button {
      color: #fff; }
    .bar.bar-clear .title {
      color: #fff; }
  .bar.item-input-inset .item-input-wrapper {
    margin-top: -1px; }
    .bar.item-input-inset .item-input-wrapper input {
      padding-left: 8px;
      width: 94%;
      height: 28px;
      background: transparent; }
  .bar.bar-light {
    border-color: #ddd;
    background-color: white;
    background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
    color: #444; }
    .bar.bar-light .title {
      color: #444; }
    .bar.bar-light.bar-footer {
      background-image: linear-gradient(180deg, #ddd, #ddd 50%, transparent 50%); }
  .bar.bar-stable {
    border-color: #b2b2b2;
    background-color: #f8f8f8;
    background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
    color: #444; }
    .bar.bar-stable .title {
      color: #444; }
    .bar.bar-stable.bar-footer {
      background-image: linear-gradient(180deg, #b2b2b2, #b2b2b2 50%, transparent 50%); }
  .bar.bar-positive {
    border-color: #0c60ee;
    background-color: #387ef5;
    background-image: linear-gradient(0deg, #0c60ee, #0c60ee 50%, transparent 50%);
    color: #fff; }
    .bar.bar-positive .title {
      color: #fff; }
    .bar.bar-positive.bar-footer {
      background-image: linear-gradient(180deg, #0c60ee, #0c60ee 50%, transparent 50%); }
  .bar.bar-calm {
    border-color: #0a9dc7;
    background-color: #11c1f3;
    background-image: linear-gradient(0deg, #0a9dc7, #0a9dc7 50%, transparent 50%);
    color: #fff; }
    .bar.bar-calm .title {
      color: #fff; }
    .bar.bar-calm.bar-footer {
      background-image: linear-gradient(180deg, #0a9dc7, #0a9dc7 50%, transparent 50%); }
  .bar.bar-assertive {
    border-color: #e42112;
    background-color: #ef473a;
    background-image: linear-gradient(0deg, #e42112, #e42112 50%, transparent 50%);
    color: #fff; }
    .bar.bar-assertive .title {
      color: #fff; }
    .bar.bar-assertive.bar-footer {
      background-image: linear-gradient(180deg, #e42112, #e42112 50%, transparent 50%); }
  .bar.bar-balanced {
    border-color: #28a54c;
    background-color: #33cd5f;
    background-image: linear-gradient(0deg, #28a54c, #28a54c 50%, transparent 50%);
    color: #fff; }
    .bar.bar-balanced .title {
      color: #fff; }
    .bar.bar-balanced.bar-footer {
      background-image: linear-gradient(180deg, #28a54c, #28a54c 50%, transparent 50%); }
  .bar.bar-energized {
    border-color: #e6b500;
    background-color: #ffc900;
    background-image: linear-gradient(0deg, #e6b500, #e6b500 50%, transparent 50%);
    color: #fff; }
    .bar.bar-energized .title {
      color: #fff; }
    .bar.bar-energized.bar-footer {
      background-image: linear-gradient(180deg, #e6b500, #e6b500 50%, transparent 50%); }
  .bar.bar-royal {
    border-color: #6b46e5;
    background-color: #886aea;
    background-image: linear-gradient(0deg, #6b46e5, #6b46e5 50%, transparent 50%);
    color: #fff; }
    .bar.bar-royal .title {
      color: #fff; }
    .bar.bar-royal.bar-footer {
      background-image: linear-gradient(180deg, #6b46e5, #6b46e5 50%, transparent 50%); }
  .bar.bar-dark {
    border-color: #111;
    background-color: #444444;
    background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%);
    color: #fff; }
    .bar.bar-dark .title {
      color: #fff; }
    .bar.bar-dark.bar-footer {
      background-image: linear-gradient(180deg, #111, #111 50%, transparent 50%); }
  .bar .title {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    margin: 0 10px;
    min-width: 30px;
    height: 43px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
    font-weight: 500;
    line-height: 44px; }
    .bar .title.title-left {
      text-align: left; }
    .bar .title.title-right {
      text-align: right; }
  .bar .title a {
    color: inherit; }
  .bar .button, .bar button {
    z-index: 1;
    padding: 0 8px;
    min-width: initial;
    min-height: 31px;
    font-weight: 400;
    font-size: 13px;
    line-height: 32px; }
    .bar .button.button-icon:before,
    .bar .button .icon:before,
    .bar .button .icon-help:before,
    .bar .button .icon-alert:before,
    .bar .button #menu .footer .icon-help:before,
    #menu .footer .bar .button .icon-help:before, .bar .button.icon:before, .bar .button.icon-help:before, .bar .button.icon-alert:before, .bar #menu .footer .button.icon-help:before, #menu .footer .bar .button.icon-help:before, .bar .button.icon-left:before, .bar .button.icon-right:before, .bar button.button-icon:before,
    .bar button .icon:before,
    .bar button .icon-help:before,
    .bar button .icon-alert:before,
    .bar button #menu .footer .icon-help:before,
    #menu .footer .bar button .icon-help:before, .bar button.icon:before, .bar button.icon-help:before, .bar button.icon-alert:before, .bar #menu .footer button.icon-help:before, #menu .footer .bar button.icon-help:before, .bar button.icon-left:before, .bar button.icon-right:before {
      padding-right: 2px;
      padding-left: 2px;
      font-size: 20px;
      line-height: 32px; }
    .bar .button.button-icon, .bar button.button-icon {
      font-size: 17px; }
      .bar .button.button-icon .icon:before, .bar .button.button-icon .icon-help:before, .bar .button.button-icon .icon-alert:before, .bar .button.button-icon #menu .footer .icon-help:before, #menu .footer .bar .button.button-icon .icon-help:before, .bar .button.button-icon:before, .bar .button.button-icon.icon-left:before, .bar .button.button-icon.icon-right:before, .bar button.button-icon .icon:before, .bar button.button-icon .icon-help:before, .bar button.button-icon .icon-alert:before, .bar button.button-icon #menu .footer .icon-help:before, #menu .footer .bar button.button-icon .icon-help:before, .bar button.button-icon:before, .bar button.button-icon.icon-left:before, .bar button.button-icon.icon-right:before {
        vertical-align: top;
        font-size: 32px;
        line-height: 32px; }
    .bar .button.button-clear, .bar .button.button-text, .bar button.button-clear, .bar button.button-text {
      padding-right: 2px;
      padding-left: 2px;
      font-weight: 300;
      font-size: 17px; }
      .bar .button.button-clear .icon:before, .bar .button.button-text .icon:before, .bar .button.button-clear .icon-help:before, .bar .button.button-text .icon-help:before, .bar .button.button-clear .icon-alert:before, .bar .button.button-text .icon-alert:before, .bar .button.button-clear #menu .footer .icon-help:before, #menu .footer .bar .button.button-clear .icon-help:before, .bar .button.button-text #menu .footer .icon-help:before, #menu .footer .bar .button.button-text .icon-help:before, .bar .button.button-clear.icon:before, .bar .button.icon.button-text:before, .bar .button.button-text.icon-help:before, .bar .button.button-text.icon-alert:before, .bar #menu .footer .button.button-text.icon-help:before, #menu .footer .bar .button.button-text.icon-help:before, .bar .button.button-clear.icon-help:before, .bar .button.button-clear.icon-alert:before, .bar #menu .footer .button.button-clear.icon-help:before, #menu .footer .bar .button.button-clear.icon-help:before, .bar .button.button-clear.icon-left:before, .bar .button.icon-left.button-text:before, .bar .button.button-clear.icon-right:before, .bar .button.icon-right.button-text:before, .bar button.button-clear .icon:before, .bar button.button-text .icon:before, .bar button.button-clear .icon-help:before, .bar button.button-text .icon-help:before, .bar button.button-clear .icon-alert:before, .bar button.button-text .icon-alert:before, .bar button.button-clear #menu .footer .icon-help:before, #menu .footer .bar button.button-clear .icon-help:before, .bar button.button-text #menu .footer .icon-help:before, #menu .footer .bar button.button-text .icon-help:before, .bar button.button-clear.icon:before, .bar button.icon.button-text:before, .bar button.button-text.icon-help:before, .bar button.button-text.icon-alert:before, .bar #menu .footer button.button-text.icon-help:before, #menu .footer .bar button.button-text.icon-help:before, .bar button.button-clear.icon-help:before, .bar button.button-clear.icon-alert:before, .bar #menu .footer button.button-clear.icon-help:before, #menu .footer .bar button.button-clear.icon-help:before, .bar button.button-clear.icon-left:before, .bar button.icon-left.button-text:before, .bar button.button-clear.icon-right:before, .bar button.icon-right.button-text:before {
        font-size: 32px;
        line-height: 32px; }
    .bar .button.back-button, .bar button.back-button {
      display: block;
      margin-right: 5px;
      padding: 0;
      white-space: nowrap;
      font-weight: 400; }
    .bar .button.back-button.active, .bar .button.back-button.activated, .bar button.back-button.active, .bar button.back-button.activated {
      opacity: 0.2; }
  .bar .button-bar > .button,
  .bar .buttons > .button {
    min-height: 31px;
    line-height: 32px; }
  .bar .button-bar + .button,
  .bar .button + .button-bar {
    margin-left: 5px; }
  .bar .buttons,
  .bar .buttons.primary-buttons,
  .bar .buttons.secondary-buttons {
    display: inherit; }
  .bar .buttons span {
    display: inline-block; }
  .bar .buttons-left span {
    margin-right: 5px;
    display: inherit; }
  .bar .buttons-right span {
    margin-left: 5px;
    display: inherit; }
  .bar .title + .button:last-child,
  .bar > .button + .button:last-child,
  .bar > .button.pull-right,
  .popover-helptip .bar > .button.icon.icon-right,
  .popover-helptip .bar > .button.icon-right.icon-help,
  .popover-helptip .bar > .button.icon-right.icon-alert,
  .popover-helptip #menu .footer .bar > .button.icon-right.icon-help,
  #menu .footer .popover-helptip .bar > .button.icon-right.icon-help,
  .popover-helptip .bar > .button.icon.icon-center,
  .popover-helptip .bar > .button.icon-center.icon-help,
  .popover-helptip .bar > .button.icon-center.icon-alert,
  .popover-helptip #menu .footer .bar > .button.icon-center.icon-help,
  #menu .footer .popover-helptip .bar > .button.icon-center.icon-help,
  .popover-helptip .bar > .button.icon.icon-bottom-right,
  .popover-helptip .bar > .button.icon-bottom-right.icon-help,
  .popover-helptip .bar > .button.icon-bottom-right.icon-alert,
  .popover-helptip #menu .footer .bar > .button.icon-bottom-right.icon-help,
  #menu .footer .popover-helptip .bar > .button.icon-bottom-right.icon-help,
  .popover-helptip .bar > .button.icon.icon-bottom-center,
  .popover-helptip .bar > .button.icon-bottom-center.icon-help,
  .popover-helptip .bar > .button.icon-bottom-center.icon-alert,
  .popover-helptip #menu .footer .bar > .button.icon-bottom-center.icon-help,
  #menu .footer .popover-helptip .bar > .button.icon-bottom-center.icon-help,
  .bar .buttons.pull-right,
  .bar .popover-helptip .buttons.icon.icon-right,
  .popover-helptip .bar .buttons.icon.icon-right,
  .bar .popover-helptip .buttons.icon-right.icon-help,
  .popover-helptip .bar .buttons.icon-right.icon-help,
  .bar .popover-helptip .buttons.icon-right.icon-alert,
  .popover-helptip .bar .buttons.icon-right.icon-alert,
  .bar .popover-helptip #menu .footer .buttons.icon-right.icon-help,
  .popover-helptip #menu .footer .bar .buttons.icon-right.icon-help,
  .bar #menu .footer .popover-helptip .buttons.icon-right.icon-help,
  #menu .footer .popover-helptip .bar .buttons.icon-right.icon-help,
  .bar .popover-helptip .buttons.icon.icon-center,
  .popover-helptip .bar .buttons.icon.icon-center,
  .bar .popover-helptip .buttons.icon-center.icon-help,
  .popover-helptip .bar .buttons.icon-center.icon-help,
  .bar .popover-helptip .buttons.icon-center.icon-alert,
  .popover-helptip .bar .buttons.icon-center.icon-alert,
  .bar .popover-helptip #menu .footer .buttons.icon-center.icon-help,
  .popover-helptip #menu .footer .bar .buttons.icon-center.icon-help,
  .bar #menu .footer .popover-helptip .buttons.icon-center.icon-help,
  #menu .footer .popover-helptip .bar .buttons.icon-center.icon-help,
  .bar .popover-helptip .buttons.icon.icon-bottom-right,
  .popover-helptip .bar .buttons.icon.icon-bottom-right,
  .bar .popover-helptip .buttons.icon-bottom-right.icon-help,
  .popover-helptip .bar .buttons.icon-bottom-right.icon-help,
  .bar .popover-helptip .buttons.icon-bottom-right.icon-alert,
  .popover-helptip .bar .buttons.icon-bottom-right.icon-alert,
  .bar .popover-helptip #menu .footer .buttons.icon-bottom-right.icon-help,
  .popover-helptip #menu .footer .bar .buttons.icon-bottom-right.icon-help,
  .bar #menu .footer .popover-helptip .buttons.icon-bottom-right.icon-help,
  #menu .footer .popover-helptip .bar .buttons.icon-bottom-right.icon-help,
  .bar .popover-helptip .buttons.icon.icon-bottom-center,
  .popover-helptip .bar .buttons.icon.icon-bottom-center,
  .bar .popover-helptip .buttons.icon-bottom-center.icon-help,
  .popover-helptip .bar .buttons.icon-bottom-center.icon-help,
  .bar .popover-helptip .buttons.icon-bottom-center.icon-alert,
  .popover-helptip .bar .buttons.icon-bottom-center.icon-alert,
  .bar .popover-helptip #menu .footer .buttons.icon-bottom-center.icon-help,
  .popover-helptip #menu .footer .bar .buttons.icon-bottom-center.icon-help,
  .bar #menu .footer .popover-helptip .buttons.icon-bottom-center.icon-help,
  #menu .footer .popover-helptip .bar .buttons.icon-bottom-center.icon-help,
  .bar .title + .buttons {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px; }

.platform-android .nav-bar-has-subheader .bar {
  background-image: none; }

.platform-android .bar .back-button .icon:before, .platform-android .bar .back-button .icon-help:before, .platform-android .bar .back-button .icon-alert:before, .platform-android .bar .back-button #menu .footer .icon-help:before, #menu .footer .platform-android .bar .back-button .icon-help:before {
  font-size: 24px; }

.platform-android .bar .title {
  font-size: 19px;
  line-height: 44px; }

.bar-light .button {
  border-color: #ddd;
  background-color: white;
  color: #444; }
  .bar-light .button:hover {
    color: #444;
    text-decoration: none; }
  .bar-light .button.active, .bar-light .button.activated {
    border-color: #ccc;
    background-color: #fafafa; }
  .bar-light .button.button-clear, .bar-light .button.button-text {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #444;
    font-size: 17px; }
  .bar-light .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-stable .button {
  border-color: #b2b2b2;
  background-color: #f8f8f8;
  color: #444; }
  .bar-stable .button:hover {
    color: #444;
    text-decoration: none; }
  .bar-stable .button.active, .bar-stable .button.activated {
    border-color: #a2a2a2;
    background-color: #e5e5e5; }
  .bar-stable .button.button-clear, .bar-stable .button.button-text {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #444;
    font-size: 17px; }
  .bar-stable .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-positive .button {
  border-color: #0c60ee;
  background-color: #387ef5;
  color: #fff; }
  .bar-positive .button:hover {
    color: #fff;
    text-decoration: none; }
  .bar-positive .button.active, .bar-positive .button.activated {
    border-color: #0c60ee;
    background-color: #0c60ee; }
  .bar-positive .button.button-clear, .bar-positive .button.button-text {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #fff;
    font-size: 17px; }
  .bar-positive .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-calm .button {
  border-color: #0a9dc7;
  background-color: #11c1f3;
  color: #fff; }
  .bar-calm .button:hover {
    color: #fff;
    text-decoration: none; }
  .bar-calm .button.active, .bar-calm .button.activated {
    border-color: #0a9dc7;
    background-color: #0a9dc7; }
  .bar-calm .button.button-clear, .bar-calm .button.button-text {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #fff;
    font-size: 17px; }
  .bar-calm .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-assertive .button {
  border-color: #e42112;
  background-color: #ef473a;
  color: #fff; }
  .bar-assertive .button:hover {
    color: #fff;
    text-decoration: none; }
  .bar-assertive .button.active, .bar-assertive .button.activated {
    border-color: #e42112;
    background-color: #e42112; }
  .bar-assertive .button.button-clear, .bar-assertive .button.button-text {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #fff;
    font-size: 17px; }
  .bar-assertive .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-balanced .button {
  border-color: #28a54c;
  background-color: #33cd5f;
  color: #fff; }
  .bar-balanced .button:hover {
    color: #fff;
    text-decoration: none; }
  .bar-balanced .button.active, .bar-balanced .button.activated {
    border-color: #28a54c;
    background-color: #28a54c; }
  .bar-balanced .button.button-clear, .bar-balanced .button.button-text {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #fff;
    font-size: 17px; }
  .bar-balanced .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-energized .button {
  border-color: #e6b500;
  background-color: #ffc900;
  color: #fff; }
  .bar-energized .button:hover {
    color: #fff;
    text-decoration: none; }
  .bar-energized .button.active, .bar-energized .button.activated {
    border-color: #e6b500;
    background-color: #e6b500; }
  .bar-energized .button.button-clear, .bar-energized .button.button-text {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #fff;
    font-size: 17px; }
  .bar-energized .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-royal .button {
  border-color: #6b46e5;
  background-color: #886aea;
  color: #fff; }
  .bar-royal .button:hover {
    color: #fff;
    text-decoration: none; }
  .bar-royal .button.active, .bar-royal .button.activated {
    border-color: #6b46e5;
    background-color: #6b46e5; }
  .bar-royal .button.button-clear, .bar-royal .button.button-text {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #fff;
    font-size: 17px; }
  .bar-royal .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-dark .button {
  border-color: #111;
  background-color: #444444;
  color: #fff; }
  .bar-dark .button:hover {
    color: #fff;
    text-decoration: none; }
  .bar-dark .button.active, .bar-dark .button.activated {
    border-color: #000;
    background-color: #262626; }
  .bar-dark .button.button-clear, .bar-dark .button.button-text {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: #fff;
    font-size: 17px; }
  .bar-dark .button.button-icon {
    border-color: transparent;
    background: none; }

.bar-header {
  top: 0;
  border-top-width: 0;
  border-bottom-width: 1px; }
  .bar-header.has-tabs-top {
    border-bottom-width: 0px;
    background-image: none; }

.tabs-top .bar-header {
  border-bottom-width: 0px;
  background-image: none; }

.bar-footer {
  bottom: 0;
  border-top-width: 1px;
  border-bottom-width: 0;
  background-position: top;
  height: 44px; }
  .bar-footer.item-input-inset {
    position: absolute; }
  .bar-footer .title {
    height: 43px;
    line-height: 44px; }

.bar-tabs {
  padding: 0; }

.bar-subheader {
  top: 44px;
  height: 44px; }
  .bar-subheader .title {
    height: 43px;
    line-height: 44px; }

.bar-subfooter {
  bottom: 44px;
  height: 44px; }
  .bar-subfooter .title {
    height: 43px;
    line-height: 44px; }

.nav-bar-block {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9; }

.bar .back-button.hide,
.bar .buttons .hide {
  display: none; }

.nav-bar-tabs-top .bar {
  background-image: none; }

/**
 * Tabs
 * --------------------------------------------------
 * A navigation bar with any number of tab items supported.
 */
.tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: horizontal;
  -moz-flex-direction: horizontal;
  -ms-flex-direction: horizontal;
  flex-direction: horizontal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  border-color: #b2b2b2;
  background-color: #f8f8f8;
  background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%);
  color: #444;
  position: absolute;
  bottom: 0;
  z-index: 5;
  width: 100%;
  height: 49px;
  border-style: solid;
  border-top-width: 1px;
  background-size: 0;
  line-height: 49px; }
  .tabs .tab-item .badge {
    background-color: #444;
    color: #f8f8f8; }
  @media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
    .tabs {
      padding-top: 2px;
      border-top: none !important;
      border-bottom: none;
      background-position: top;
      background-size: 100% 1px;
      background-repeat: no-repeat; } }

/* Allow parent element of tabs to define color, or just the tab itself */
.tabs-light > .tabs,
.tabs.tabs-light {
  border-color: #ddd;
  background-color: #fff;
  background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
  color: #444; }
  .tabs-light > .tabs .tab-item .badge,
  .tabs.tabs-light .tab-item .badge {
    background-color: #444;
    color: #fff; }

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

.tabs-positive > .tabs,
.tabs.tabs-positive {
  border-color: #0c60ee;
  background-color: #387ef5;
  background-image: linear-gradient(0deg, #0c60ee, #0c60ee 50%, transparent 50%);
  color: #fff; }
  .tabs-positive > .tabs .tab-item .badge,
  .tabs.tabs-positive .tab-item .badge {
    background-color: #fff;
    color: #387ef5; }

.tabs-calm > .tabs,
.tabs.tabs-calm {
  border-color: #0a9dc7;
  background-color: #11c1f3;
  background-image: linear-gradient(0deg, #0a9dc7, #0a9dc7 50%, transparent 50%);
  color: #fff; }
  .tabs-calm > .tabs .tab-item .badge,
  .tabs.tabs-calm .tab-item .badge {
    background-color: #fff;
    color: #11c1f3; }

.tabs-assertive > .tabs,
.tabs.tabs-assertive {
  border-color: #e42112;
  background-color: #ef473a;
  background-image: linear-gradient(0deg, #e42112, #e42112 50%, transparent 50%);
  color: #fff; }
  .tabs-assertive > .tabs .tab-item .badge,
  .tabs.tabs-assertive .tab-item .badge {
    background-color: #fff;
    color: #ef473a; }

.tabs-balanced > .tabs,
.tabs.tabs-balanced {
  border-color: #28a54c;
  background-color: #33cd5f;
  background-image: linear-gradient(0deg, #28a54c, #28a54c 50%, transparent 50%);
  color: #fff; }
  .tabs-balanced > .tabs .tab-item .badge,
  .tabs.tabs-balanced .tab-item .badge {
    background-color: #fff;
    color: #33cd5f; }

.tabs-energized > .tabs,
.tabs.tabs-energized {
  border-color: #e6b500;
  background-color: #ffc900;
  background-image: linear-gradient(0deg, #e6b500, #e6b500 50%, transparent 50%);
  color: #fff; }
  .tabs-energized > .tabs .tab-item .badge,
  .tabs.tabs-energized .tab-item .badge {
    background-color: #fff;
    color: #ffc900; }

.tabs-royal > .tabs,
.tabs.tabs-royal {
  border-color: #6b46e5;
  background-color: #886aea;
  background-image: linear-gradient(0deg, #6b46e5, #6b46e5 50%, transparent 50%);
  color: #fff; }
  .tabs-royal > .tabs .tab-item .badge,
  .tabs.tabs-royal .tab-item .badge {
    background-color: #fff;
    color: #886aea; }

.tabs-dark > .tabs,
.tabs.tabs-dark {
  border-color: #111;
  background-color: #444;
  background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%);
  color: #fff; }
  .tabs-dark > .tabs .tab-item .badge,
  .tabs.tabs-dark .tab-item .badge {
    background-color: #fff;
    color: #444; }

.tabs-striped .tabs {
  background-color: white;
  background-image: none;
  border: none;
  border-bottom: 1px solid #ddd;
  padding-top: 2px; }

.tabs-striped .tab-item.tab-item-active, .tabs-striped .tab-item.active, .tabs-striped .tab-item.activated {
  margin-top: -2px;
  border-style: solid;
  border-width: 2px 0 0 0;
  border-color: #444; }
  .tabs-striped .tab-item.tab-item-active .badge, .tabs-striped .tab-item.active .badge, .tabs-striped .tab-item.activated .badge {
    top: 2px;
    opacity: 1; }

.tabs-striped.tabs-light .tabs {
  background-color: #fff; }

.tabs-striped.tabs-light .tab-item {
  color: rgba(68, 68, 68, 0.4);
  opacity: 1; }
  .tabs-striped.tabs-light .tab-item .badge {
    opacity: 0.4; }
  .tabs-striped.tabs-light .tab-item.tab-item-active, .tabs-striped.tabs-light .tab-item.active, .tabs-striped.tabs-light .tab-item.activated {
    margin-top: -2px;
    color: #444;
    border-style: solid;
    border-width: 2px 0 0 0;
    border-color: #444; }

.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
  top: 4%; }

.tabs-striped.tabs-stable .tabs {
  background-color: #f8f8f8; }

.tabs-striped.tabs-stable .tab-item {
  color: rgba(68, 68, 68, 0.4);
  opacity: 1; }
  .tabs-striped.tabs-stable .tab-item .badge {
    opacity: 0.4; }
  .tabs-striped.tabs-stable .tab-item.tab-item-active, .tabs-striped.tabs-stable .tab-item.active, .tabs-striped.tabs-stable .tab-item.activated {
    margin-top: -2px;
    color: #444;
    border-style: solid;
    border-width: 2px 0 0 0;
    border-color: #444; }

.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
  top: 4%; }

.tabs-striped.tabs-positive .tabs {
  background-color: #387ef5; }

.tabs-striped.tabs-positive .tab-item {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1; }
  .tabs-striped.tabs-positive .tab-item .badge {
    opacity: 0.4; }
  .tabs-striped.tabs-positive .tab-item.tab-item-active, .tabs-striped.tabs-positive .tab-item.active, .tabs-striped.tabs-positive .tab-item.activated {
    margin-top: -2px;
    color: #fff;
    border-style: solid;
    border-width: 2px 0 0 0;
    border-color: #fff; }

.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
  top: 4%; }

.tabs-striped.tabs-calm .tabs {
  background-color: #11c1f3; }

.tabs-striped.tabs-calm .tab-item {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1; }
  .tabs-striped.tabs-calm .tab-item .badge {
    opacity: 0.4; }
  .tabs-striped.tabs-calm .tab-item.tab-item-active, .tabs-striped.tabs-calm .tab-item.active, .tabs-striped.tabs-calm .tab-item.activated {
    margin-top: -2px;
    color: #fff;
    border-style: solid;
    border-width: 2px 0 0 0;
    border-color: #fff; }

.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
  top: 4%; }

.tabs-striped.tabs-assertive .tabs {
  background-color: #ef473a; }

.tabs-striped.tabs-assertive .tab-item {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1; }
  .tabs-striped.tabs-assertive .tab-item .badge {
    opacity: 0.4; }
  .tabs-striped.tabs-assertive .tab-item.tab-item-active, .tabs-striped.tabs-assertive .tab-item.active, .tabs-striped.tabs-assertive .tab-item.activated {
    margin-top: -2px;
    color: #fff;
    border-style: solid;
    border-width: 2px 0 0 0;
    border-color: #fff; }

.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
  top: 4%; }

.tabs-striped.tabs-balanced .tabs {
  background-color: #33cd5f; }

.tabs-striped.tabs-balanced .tab-item {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1; }
  .tabs-striped.tabs-balanced .tab-item .badge {
    opacity: 0.4; }
  .tabs-striped.tabs-balanced .tab-item.tab-item-active, .tabs-striped.tabs-balanced .tab-item.active, .tabs-striped.tabs-balanced .tab-item.activated {
    margin-top: -2px;
    color: #fff;
    border-style: solid;
    border-width: 2px 0 0 0;
    border-color: #fff; }

.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
  top: 4%; }

.tabs-striped.tabs-energized .tabs {
  background-color: #ffc900; }

.tabs-striped.tabs-energized .tab-item {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1; }
  .tabs-striped.tabs-energized .tab-item .badge {
    opacity: 0.4; }
  .tabs-striped.tabs-energized .tab-item.tab-item-active, .tabs-striped.tabs-energized .tab-item.active, .tabs-striped.tabs-energized .tab-item.activated {
    margin-top: -2px;
    color: #fff;
    border-style: solid;
    border-width: 2px 0 0 0;
    border-color: #fff; }

.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
  top: 4%; }

.tabs-striped.tabs-royal .tabs {
  background-color: #886aea; }

.tabs-striped.tabs-royal .tab-item {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1; }
  .tabs-striped.tabs-royal .tab-item .badge {
    opacity: 0.4; }
  .tabs-striped.tabs-royal .tab-item.tab-item-active, .tabs-striped.tabs-royal .tab-item.active, .tabs-striped.tabs-royal .tab-item.activated {
    margin-top: -2px;
    color: #fff;
    border-style: solid;
    border-width: 2px 0 0 0;
    border-color: #fff; }

.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
  top: 4%; }

.tabs-striped.tabs-dark .tabs {
  background-color: #444; }

.tabs-striped.tabs-dark .tab-item {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1; }
  .tabs-striped.tabs-dark .tab-item .badge {
    opacity: 0.4; }
  .tabs-striped.tabs-dark .tab-item.tab-item-active, .tabs-striped.tabs-dark .tab-item.active, .tabs-striped.tabs-dark .tab-item.activated {
    margin-top: -2px;
    color: #fff;
    border-style: solid;
    border-width: 2px 0 0 0;
    border-color: #fff; }

.tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
  top: 4%; }

.tabs-striped.tabs-background-light .tabs {
  background-color: #fff;
  background-image: none; }

.tabs-striped.tabs-background-stable .tabs {
  background-color: #f8f8f8;
  background-image: none; }

.tabs-striped.tabs-background-positive .tabs {
  background-color: #387ef5;
  background-image: none; }

.tabs-striped.tabs-background-calm .tabs {
  background-color: #11c1f3;
  background-image: none; }

.tabs-striped.tabs-background-assertive .tabs {
  background-color: #ef473a;
  background-image: none; }

.tabs-striped.tabs-background-balanced .tabs {
  background-color: #33cd5f;
  background-image: none; }

.tabs-striped.tabs-background-energized .tabs {
  background-color: #ffc900;
  background-image: none; }

.tabs-striped.tabs-background-royal .tabs {
  background-color: #886aea;
  background-image: none; }

.tabs-striped.tabs-background-dark .tabs {
  background-color: #444;
  background-image: none; }

.tabs-striped.tabs-color-light .tab-item {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1; }
  .tabs-striped.tabs-color-light .tab-item .badge {
    opacity: 0.4; }
  .tabs-striped.tabs-color-light .tab-item.tab-item-active, .tabs-striped.tabs-color-light .tab-item.active, .tabs-striped.tabs-color-light .tab-item.activated {
    margin-top: -2px;
    color: #fff;
    border: 0 solid #fff;
    border-top-width: 2px; }
    .tabs-striped.tabs-color-light .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-light .tab-item.active .badge, .tabs-striped.tabs-color-light .tab-item.activated .badge {
      top: 2px;
      opacity: 1; }

.tabs-striped.tabs-color-stable .tab-item {
  color: rgba(248, 248, 248, 0.4);
  opacity: 1; }
  .tabs-striped.tabs-color-stable .tab-item .badge {
    opacity: 0.4; }
  .tabs-striped.tabs-color-stable .tab-item.tab-item-active, .tabs-striped.tabs-color-stable .tab-item.active, .tabs-striped.tabs-color-stable .tab-item.activated {
    margin-top: -2px;
    color: #f8f8f8;
    border: 0 solid #f8f8f8;
    border-top-width: 2px; }
    .tabs-striped.tabs-color-stable .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-stable .tab-item.active .badge, .tabs-striped.tabs-color-stable .tab-item.activated .badge {
      top: 2px;
      opacity: 1; }

.tabs-striped.tabs-color-positive .tab-item {
  color: rgba(56, 126, 245, 0.4);
  opacity: 1; }
  .tabs-striped.tabs-color-positive .tab-item .badge {
    opacity: 0.4; }
  .tabs-striped.tabs-color-positive .tab-item.tab-item-active, .tabs-striped.tabs-color-positive .tab-item.active, .tabs-striped.tabs-color-positive .tab-item.activated {
    margin-top: -2px;
    color: #387ef5;
    border: 0 solid #387ef5;
    border-top-width: 2px; }
    .tabs-striped.tabs-color-positive .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-positive .tab-item.active .badge, .tabs-striped.tabs-color-positive .tab-item.activated .badge {
      top: 2px;
      opacity: 1; }

.tabs-striped.tabs-color-calm .tab-item {
  color: rgba(17, 193, 243, 0.4);
  opacity: 1; }
  .tabs-striped.tabs-color-calm .tab-item .badge {
    opacity: 0.4; }
  .tabs-striped.tabs-color-calm .tab-item.tab-item-active, .tabs-striped.tabs-color-calm .tab-item.active, .tabs-striped.tabs-color-calm .tab-item.activated {
    margin-top: -2px;
    color: #11c1f3;
    border: 0 solid #11c1f3;
    border-top-width: 2px; }
    .tabs-striped.tabs-color-calm .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-calm .tab-item.active .badge, .tabs-striped.tabs-color-calm .tab-item.activated .badge {
      top: 2px;
      opacity: 1; }

.tabs-striped.tabs-color-assertive .tab-item {
  color: rgba(239, 71, 58, 0.4);
  opacity: 1; }
  .tabs-striped.tabs-color-assertive .tab-item .badge {
    opacity: 0.4; }
  .tabs-striped.tabs-color-assertive .tab-item.tab-item-active, .tabs-striped.tabs-color-assertive .tab-item.active, .tabs-striped.tabs-color-assertive .tab-item.activated {
    margin-top: -2px;
    color: #ef473a;
    border: 0 solid #ef473a;
    border-top-width: 2px; }
    .tabs-striped.tabs-color-assertive .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-assertive .tab-item.active .badge, .tabs-striped.tabs-color-assertive .tab-item.activated .badge {
      top: 2px;
      opacity: 1; }

.tabs-striped.tabs-color-balanced .tab-item {
  color: rgba(51, 205, 95, 0.4);
  opacity: 1; }
  .tabs-striped.tabs-color-balanced .tab-item .badge {
    opacity: 0.4; }
  .tabs-striped.tabs-color-balanced .tab-item.tab-item-active, .tabs-striped.tabs-color-balanced .tab-item.active, .tabs-striped.tabs-color-balanced .tab-item.activated {
    margin-top: -2px;
    color: #33cd5f;
    border: 0 solid #33cd5f;
    border-top-width: 2px; }
    .tabs-striped.tabs-color-balanced .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-balanced .tab-item.active .badge, .tabs-striped.tabs-color-balanced .tab-item.activated .badge {
      top: 2px;
      opacity: 1; }

.tabs-striped.tabs-color-energized .tab-item {
  color: rgba(255, 201, 0, 0.4);
  opacity: 1; }
  .tabs-striped.tabs-color-energized .tab-item .badge {
    opacity: 0.4; }
  .tabs-striped.tabs-color-energized .tab-item.tab-item-active, .tabs-striped.tabs-color-energized .tab-item.active, .tabs-striped.tabs-color-energized .tab-item.activated {
    margin-top: -2px;
    color: #ffc900;
    border: 0 solid #ffc900;
    border-top-width: 2px; }
    .tabs-striped.tabs-color-energized .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-energized .tab-item.active .badge, .tabs-striped.tabs-color-energized .tab-item.activated .badge {
      top: 2px;
      opacity: 1; }

.tabs-striped.tabs-color-royal .tab-item {
  color: rgba(136, 106, 234, 0.4);
  opacity: 1; }
  .tabs-striped.tabs-color-royal .tab-item .badge {
    opacity: 0.4; }
  .tabs-striped.tabs-color-royal .tab-item.tab-item-active, .tabs-striped.tabs-color-royal .tab-item.active, .tabs-striped.tabs-color-royal .tab-item.activated {
    margin-top: -2px;
    color: #886aea;
    border: 0 solid #886aea;
    border-top-width: 2px; }
    .tabs-striped.tabs-color-royal .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-royal .tab-item.active .badge, .tabs-striped.tabs-color-royal .tab-item.activated .badge {
      top: 2px;
      opacity: 1; }

.tabs-striped.tabs-color-dark .tab-item {
  color: rgba(68, 68, 68, 0.4);
  opacity: 1; }
  .tabs-striped.tabs-color-dark .tab-item .badge {
    opacity: 0.4; }
  .tabs-striped.tabs-color-dark .tab-item.tab-item-active, .tabs-striped.tabs-color-dark .tab-item.active, .tabs-striped.tabs-color-dark .tab-item.activated {
    margin-top: -2px;
    color: #444;
    border: 0 solid #444;
    border-top-width: 2px; }
    .tabs-striped.tabs-color-dark .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-dark .tab-item.active .badge, .tabs-striped.tabs-color-dark .tab-item.activated .badge {
      top: 2px;
      opacity: 1; }

.tabs-background-light .tabs,
.tabs-background-light > .tabs {
  background-color: #fff;
  background-image: linear-gradient(0deg, #ddd, #ddd 50%, transparent 50%);
  border-color: #ddd; }

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

.tabs-background-positive .tabs,
.tabs-background-positive > .tabs {
  background-color: #387ef5;
  background-image: linear-gradient(0deg, #0c60ee, #0c60ee 50%, transparent 50%);
  border-color: #0c60ee; }

.tabs-background-calm .tabs,
.tabs-background-calm > .tabs {
  background-color: #11c1f3;
  background-image: linear-gradient(0deg, #0a9dc7, #0a9dc7 50%, transparent 50%);
  border-color: #0a9dc7; }

.tabs-background-assertive .tabs,
.tabs-background-assertive > .tabs {
  background-color: #ef473a;
  background-image: linear-gradient(0deg, #e42112, #e42112 50%, transparent 50%);
  border-color: #e42112; }

.tabs-background-balanced .tabs,
.tabs-background-balanced > .tabs {
  background-color: #33cd5f;
  background-image: linear-gradient(0deg, #28a54c, #28a54c 50%, transparent 50%);
  border-color: #28a54c; }

.tabs-background-energized .tabs,
.tabs-background-energized > .tabs {
  background-color: #ffc900;
  background-image: linear-gradient(0deg, #e6b500, #e6b500 50%, transparent 50%);
  border-color: #e6b500; }

.tabs-background-royal .tabs,
.tabs-background-royal > .tabs {
  background-color: #886aea;
  background-image: linear-gradient(0deg, #6b46e5, #6b46e5 50%, transparent 50%);
  border-color: #6b46e5; }

.tabs-background-dark .tabs,
.tabs-background-dark > .tabs {
  background-color: #444;
  background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%);
  border-color: #111; }

.tabs-color-light .tab-item {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1; }
  .tabs-color-light .tab-item .badge {
    opacity: 0.4; }
  .tabs-color-light .tab-item.tab-item-active, .tabs-color-light .tab-item.active, .tabs-color-light .tab-item.activated {
    color: #fff;
    border: 0 solid #fff; }
    .tabs-color-light .tab-item.tab-item-active .badge, .tabs-color-light .tab-item.active .badge, .tabs-color-light .tab-item.activated .badge {
      opacity: 1; }

.tabs-color-stable .tab-item {
  color: rgba(248, 248, 248, 0.4);
  opacity: 1; }
  .tabs-color-stable .tab-item .badge {
    opacity: 0.4; }
  .tabs-color-stable .tab-item.tab-item-active, .tabs-color-stable .tab-item.active, .tabs-color-stable .tab-item.activated {
    color: #f8f8f8;
    border: 0 solid #f8f8f8; }
    .tabs-color-stable .tab-item.tab-item-active .badge, .tabs-color-stable .tab-item.active .badge, .tabs-color-stable .tab-item.activated .badge {
      opacity: 1; }

.tabs-color-positive .tab-item {
  color: rgba(56, 126, 245, 0.4);
  opacity: 1; }
  .tabs-color-positive .tab-item .badge {
    opacity: 0.4; }
  .tabs-color-positive .tab-item.tab-item-active, .tabs-color-positive .tab-item.active, .tabs-color-positive .tab-item.activated {
    color: #387ef5;
    border: 0 solid #387ef5; }
    .tabs-color-positive .tab-item.tab-item-active .badge, .tabs-color-positive .tab-item.active .badge, .tabs-color-positive .tab-item.activated .badge {
      opacity: 1; }

.tabs-color-calm .tab-item {
  color: rgba(17, 193, 243, 0.4);
  opacity: 1; }
  .tabs-color-calm .tab-item .badge {
    opacity: 0.4; }
  .tabs-color-calm .tab-item.tab-item-active, .tabs-color-calm .tab-item.active, .tabs-color-calm .tab-item.activated {
    color: #11c1f3;
    border: 0 solid #11c1f3; }
    .tabs-color-calm .tab-item.tab-item-active .badge, .tabs-color-calm .tab-item.active .badge, .tabs-color-calm .tab-item.activated .badge {
      opacity: 1; }

.tabs-color-assertive .tab-item {
  color: rgba(239, 71, 58, 0.4);
  opacity: 1; }
  .tabs-color-assertive .tab-item .badge {
    opacity: 0.4; }
  .tabs-color-assertive .tab-item.tab-item-active, .tabs-color-assertive .tab-item.active, .tabs-color-assertive .tab-item.activated {
    color: #ef473a;
    border: 0 solid #ef473a; }
    .tabs-color-assertive .tab-item.tab-item-active .badge, .tabs-color-assertive .tab-item.active .badge, .tabs-color-assertive .tab-item.activated .badge {
      opacity: 1; }

.tabs-color-balanced .tab-item {
  color: rgba(51, 205, 95, 0.4);
  opacity: 1; }
  .tabs-color-balanced .tab-item .badge {
    opacity: 0.4; }
  .tabs-color-balanced .tab-item.tab-item-active, .tabs-color-balanced .tab-item.active, .tabs-color-balanced .tab-item.activated {
    color: #33cd5f;
    border: 0 solid #33cd5f; }
    .tabs-color-balanced .tab-item.tab-item-active .badge, .tabs-color-balanced .tab-item.active .badge, .tabs-color-balanced .tab-item.activated .badge {
      opacity: 1; }

.tabs-color-energized .tab-item {
  color: rgba(255, 201, 0, 0.4);
  opacity: 1; }
  .tabs-color-energized .tab-item .badge {
    opacity: 0.4; }
  .tabs-color-energized .tab-item.tab-item-active, .tabs-color-energized .tab-item.active, .tabs-color-energized .tab-item.activated {
    color: #ffc900;
    border: 0 solid #ffc900; }
    .tabs-color-energized .tab-item.tab-item-active .badge, .tabs-color-energized .tab-item.active .badge, .tabs-color-energized .tab-item.activated .badge {
      opacity: 1; }

.tabs-color-royal .tab-item {
  color: rgba(136, 106, 234, 0.4);
  opacity: 1; }
  .tabs-color-royal .tab-item .badge {
    opacity: 0.4; }
  .tabs-color-royal .tab-item.tab-item-active, .tabs-color-royal .tab-item.active, .tabs-color-royal .tab-item.activated {
    color: #886aea;
    border: 0 solid #886aea; }
    .tabs-color-royal .tab-item.tab-item-active .badge, .tabs-color-royal .tab-item.active .badge, .tabs-color-royal .tab-item.activated .badge {
      opacity: 1; }

.tabs-color-dark .tab-item {
  color: rgba(68, 68, 68, 0.4);
  opacity: 1; }
  .tabs-color-dark .tab-item .badge {
    opacity: 0.4; }
  .tabs-color-dark .tab-item.tab-item-active, .tabs-color-dark .tab-item.active, .tabs-color-dark .tab-item.activated {
    color: #444;
    border: 0 solid #444; }
    .tabs-color-dark .tab-item.tab-item-active .badge, .tabs-color-dark .tab-item.active .badge, .tabs-color-dark .tab-item.activated .badge {
      opacity: 1; }

ion-tabs.tabs-color-active-light .tab-item {
  color: #444; }
  ion-tabs.tabs-color-active-light .tab-item.tab-item-active, ion-tabs.tabs-color-active-light .tab-item.active, ion-tabs.tabs-color-active-light .tab-item.activated {
    color: #fff; }

ion-tabs.tabs-striped.tabs-color-active-light .tab-item.tab-item-active, ion-tabs.tabs-striped.tabs-color-active-light .tab-item.active, ion-tabs.tabs-striped.tabs-color-active-light .tab-item.activated {
  border-color: #fff;
  color: #fff; }

ion-tabs.tabs-color-active-stable .tab-item {
  color: #444; }
  ion-tabs.tabs-color-active-stable .tab-item.tab-item-active, ion-tabs.tabs-color-active-stable .tab-item.active, ion-tabs.tabs-color-active-stable .tab-item.activated {
    color: #f8f8f8; }

ion-tabs.tabs-striped.tabs-color-active-stable .tab-item.tab-item-active, ion-tabs.tabs-striped.tabs-color-active-stable .tab-item.active, ion-tabs.tabs-striped.tabs-color-active-stable .tab-item.activated {
  border-color: #f8f8f8;
  color: #f8f8f8; }

ion-tabs.tabs-color-active-positive .tab-item {
  color: #444; }
  ion-tabs.tabs-color-active-positive .tab-item.tab-item-active, ion-tabs.tabs-color-active-positive .tab-item.active, ion-tabs.tabs-color-active-positive .tab-item.activated {
    color: #387ef5; }

ion-tabs.tabs-striped.tabs-color-active-positive .tab-item.tab-item-active, ion-tabs.tabs-striped.tabs-color-active-positive .tab-item.active, ion-tabs.tabs-striped.tabs-color-active-positive .tab-item.activated {
  border-color: #387ef5;
  color: #387ef5; }

ion-tabs.tabs-color-active-calm .tab-item {
  color: #444; }
  ion-tabs.tabs-color-active-calm .tab-item.tab-item-active, ion-tabs.tabs-color-active-calm .tab-item.active, ion-tabs.tabs-color-active-calm .tab-item.activated {
    color: #11c1f3; }

ion-tabs.tabs-striped.tabs-color-active-calm .tab-item.tab-item-active, ion-tabs.tabs-striped.tabs-color-active-calm .tab-item.active, ion-tabs.tabs-striped.tabs-color-active-calm .tab-item.activated {
  border-color: #11c1f3;
  color: #11c1f3; }

ion-tabs.tabs-color-active-assertive .tab-item {
  color: #444; }
  ion-tabs.tabs-color-active-assertive .tab-item.tab-item-active, ion-tabs.tabs-color-active-assertive .tab-item.active, ion-tabs.tabs-color-active-assertive .tab-item.activated {
    color: #ef473a; }

ion-tabs.tabs-striped.tabs-color-active-assertive .tab-item.tab-item-active, ion-tabs.tabs-striped.tabs-color-active-assertive .tab-item.active, ion-tabs.tabs-striped.tabs-color-active-assertive .tab-item.activated {
  border-color: #ef473a;
  color: #ef473a; }

ion-tabs.tabs-color-active-balanced .tab-item {
  color: #444; }
  ion-tabs.tabs-color-active-balanced .tab-item.tab-item-active, ion-tabs.tabs-color-active-balanced .tab-item.active, ion-tabs.tabs-color-active-balanced .tab-item.activated {
    color: #33cd5f; }

ion-tabs.tabs-striped.tabs-color-active-balanced .tab-item.tab-item-active, ion-tabs.tabs-striped.tabs-color-active-balanced .tab-item.active, ion-tabs.tabs-striped.tabs-color-active-balanced .tab-item.activated {
  border-color: #33cd5f;
  color: #33cd5f; }

ion-tabs.tabs-color-active-energized .tab-item {
  color: #444; }
  ion-tabs.tabs-color-active-energized .tab-item.tab-item-active, ion-tabs.tabs-color-active-energized .tab-item.active, ion-tabs.tabs-color-active-energized .tab-item.activated {
    color: #ffc900; }

ion-tabs.tabs-striped.tabs-color-active-energized .tab-item.tab-item-active, ion-tabs.tabs-striped.tabs-color-active-energized .tab-item.active, ion-tabs.tabs-striped.tabs-color-active-energized .tab-item.activated {
  border-color: #ffc900;
  color: #ffc900; }

ion-tabs.tabs-color-active-royal .tab-item {
  color: #444; }
  ion-tabs.tabs-color-active-royal .tab-item.tab-item-active, ion-tabs.tabs-color-active-royal .tab-item.active, ion-tabs.tabs-color-active-royal .tab-item.activated {
    color: #886aea; }

ion-tabs.tabs-striped.tabs-color-active-royal .tab-item.tab-item-active, ion-tabs.tabs-striped.tabs-color-active-royal .tab-item.active, ion-tabs.tabs-striped.tabs-color-active-royal .tab-item.activated {
  border-color: #886aea;
  color: #886aea; }

ion-tabs.tabs-color-active-dark .tab-item {
  color: #fff; }
  ion-tabs.tabs-color-active-dark .tab-item.tab-item-active, ion-tabs.tabs-color-active-dark .tab-item.active, ion-tabs.tabs-color-active-dark .tab-item.activated {
    color: #444; }

ion-tabs.tabs-striped.tabs-color-active-dark .tab-item.tab-item-active, ion-tabs.tabs-striped.tabs-color-active-dark .tab-item.active, ion-tabs.tabs-striped.tabs-color-active-dark .tab-item.activated {
  border-color: #444;
  color: #444; }

.tabs-top.tabs-striped {
  padding-bottom: 0; }
  .tabs-top.tabs-striped .tab-item {
    background: transparent;
    -webkit-transition: color .1s ease;
    -moz-transition: color .1s ease;
    -ms-transition: color .1s ease;
    -o-transition: color .1s ease;
    transition: color .1s ease; }
    .tabs-top.tabs-striped .tab-item.tab-item-active, .tabs-top.tabs-striped .tab-item.active, .tabs-top.tabs-striped .tab-item.activated {
      margin-top: 1px;
      border-width: 0px 0px 2px 0px !important;
      border-style: solid; }
      .tabs-top.tabs-striped .tab-item.tab-item-active > .badge, .tabs-top.tabs-striped .tab-item.tab-item-active > i, .tabs-top.tabs-striped .tab-item.active > .badge, .tabs-top.tabs-striped .tab-item.active > i, .tabs-top.tabs-striped .tab-item.activated > .badge, .tabs-top.tabs-striped .tab-item.activated > i {
        margin-top: -1px; }
    .tabs-top.tabs-striped .tab-item .badge {
      -webkit-transition: color .2s ease;
      -moz-transition: color .2s ease;
      -ms-transition: color .2s ease;
      -o-transition: color .2s ease;
      transition: color .2s ease; }
  .tabs-top.tabs-striped:not(.tabs-icon-left):not(.tabs-icon-top) .tab-item.tab-item-active .tab-title, .tabs-top.tabs-striped:not(.tabs-icon-left):not(.tabs-icon-top) .tab-item.tab-item-active i, .tabs-top.tabs-striped:not(.tabs-icon-left):not(.tabs-icon-top) .tab-item.active .tab-title, .tabs-top.tabs-striped:not(.tabs-icon-left):not(.tabs-icon-top) .tab-item.active i, .tabs-top.tabs-striped:not(.tabs-icon-left):not(.tabs-icon-top) .tab-item.activated .tab-title, .tabs-top.tabs-striped:not(.tabs-icon-left):not(.tabs-icon-top) .tab-item.activated i {
    display: block;
    margin-top: -1px; }
  .tabs-top.tabs-striped.tabs-icon-left .tab-item {
    margin-top: 1px; }
    .tabs-top.tabs-striped.tabs-icon-left .tab-item.tab-item-active .tab-title, .tabs-top.tabs-striped.tabs-icon-left .tab-item.tab-item-active i, .tabs-top.tabs-striped.tabs-icon-left .tab-item.active .tab-title, .tabs-top.tabs-striped.tabs-icon-left .tab-item.active i, .tabs-top.tabs-striped.tabs-icon-left .tab-item.activated .tab-title, .tabs-top.tabs-striped.tabs-icon-left .tab-item.activated i {
      margin-top: -0.1em; }

/* Allow parent element to have tabs-top */
/* If you change this, change platform.scss as well */
.tabs-top > .tabs,
.tabs.tabs-top {
  top: 44px;
  padding-top: 0;
  background-position: bottom;
  border-top-width: 0;
  border-bottom-width: 1px; }
  .tabs-top > .tabs .tab-item.tab-item-active .badge, .tabs-top > .tabs .tab-item.active .badge, .tabs-top > .tabs .tab-item.activated .badge,
  .tabs.tabs-top .tab-item.tab-item-active .badge,
  .tabs.tabs-top .tab-item.active .badge,
  .tabs.tabs-top .tab-item.activated .badge {
    top: 4%; }

.tabs-top ~ .bar-header {
  border-bottom-width: 0; }

.tab-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  overflow: hidden;
  max-width: 150px;
  height: 100%;
  color: inherit;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  font-size: 14px;
  font-family: "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  opacity: 0.7; }
  .tab-item:hover {
    cursor: pointer; }
  .tab-item.tab-hidden {
    display: none; }

.tabs-item-hide > .tabs,
.tabs.tabs-item-hide {
  display: none; }

.tabs-icon-top > .tabs .tab-item,
.tabs-icon-top.tabs .tab-item,
.tabs-icon-bottom > .tabs .tab-item,
.tabs-icon-bottom.tabs .tab-item {
  font-size: 10px;
  line-height: 14px; }

.tab-item .icon, .tab-item .icon-help, .tab-item .icon-alert, .tab-item #menu .footer .icon-help, #menu .footer .tab-item .icon-help {
  display: block;
  margin: 0 auto;
  height: 32px;
  font-size: 32px; }

.tabs-icon-left.tabs .tab-item,
.tabs-icon-left > .tabs .tab-item,
.tabs-icon-right.tabs .tab-item,
.tabs-icon-right > .tabs .tab-item {
  font-size: 10px; }
  .tabs-icon-left.tabs .tab-item .icon, .tabs-icon-left.tabs .tab-item .icon-help, .tabs-icon-left.tabs .tab-item .icon-alert, .tabs-icon-left.tabs .tab-item #menu .footer .icon-help, #menu .footer .tabs-icon-left.tabs .tab-item .icon-help, .tabs-icon-left.tabs .tab-item .tab-title,
  .tabs-icon-left > .tabs .tab-item .icon,
  .tabs-icon-left > .tabs .tab-item .icon-help,
  .tabs-icon-left > .tabs .tab-item .icon-alert,
  .tabs-icon-left > .tabs .tab-item #menu .footer .icon-help,
  #menu .footer .tabs-icon-left > .tabs .tab-item .icon-help,
  .tabs-icon-left > .tabs .tab-item .tab-title,
  .tabs-icon-right.tabs .tab-item .icon,
  .tabs-icon-right.tabs .tab-item .icon-help,
  .tabs-icon-right.tabs .tab-item .icon-alert,
  .tabs-icon-right.tabs .tab-item #menu .footer .icon-help,
  #menu .footer .tabs-icon-right.tabs .tab-item .icon-help,
  .tabs-icon-right.tabs .tab-item .tab-title,
  .tabs-icon-right > .tabs .tab-item .icon,
  .tabs-icon-right > .tabs .tab-item .icon-help,
  .tabs-icon-right > .tabs .tab-item .icon-alert,
  .tabs-icon-right > .tabs .tab-item #menu .footer .icon-help,
  #menu .footer .tabs-icon-right > .tabs .tab-item .icon-help,
  .tabs-icon-right > .tabs .tab-item .tab-title {
    display: inline-block;
    vertical-align: top;
    margin-top: -.1em; }
    .tabs-icon-left.tabs .tab-item .icon:before, .tabs-icon-left.tabs .tab-item .icon-help:before, .tabs-icon-left.tabs .tab-item .icon-alert:before, .tabs-icon-left.tabs .tab-item #menu .footer .icon-help:before, #menu .footer .tabs-icon-left.tabs .tab-item .icon-help:before, .tabs-icon-left.tabs .tab-item .tab-title:before,
    .tabs-icon-left > .tabs .tab-item .icon:before,
    .tabs-icon-left > .tabs .tab-item .icon-help:before,
    .tabs-icon-left > .tabs .tab-item .icon-alert:before,
    .tabs-icon-left > .tabs .tab-item #menu .footer .icon-help:before,
    #menu .footer .tabs-icon-left > .tabs .tab-item .icon-help:before,
    .tabs-icon-left > .tabs .tab-item .tab-title:before,
    .tabs-icon-right.tabs .tab-item .icon:before,
    .tabs-icon-right.tabs .tab-item .icon-help:before,
    .tabs-icon-right.tabs .tab-item .icon-alert:before,
    .tabs-icon-right.tabs .tab-item #menu .footer .icon-help:before,
    #menu .footer .tabs-icon-right.tabs .tab-item .icon-help:before,
    .tabs-icon-right.tabs .tab-item .tab-title:before,
    .tabs-icon-right > .tabs .tab-item .icon:before,
    .tabs-icon-right > .tabs .tab-item .icon-help:before,
    .tabs-icon-right > .tabs .tab-item .icon-alert:before,
    .tabs-icon-right > .tabs .tab-item #menu .footer .icon-help:before,
    #menu .footer .tabs-icon-right > .tabs .tab-item .icon-help:before,
    .tabs-icon-right > .tabs .tab-item .tab-title:before {
      font-size: 24px;
      line-height: 49px; }


.tabs-icon-left > .tabs .tab-item .icon,
.tabs-icon-left > .tabs .tab-item .icon-help,
.tabs-icon-left > .tabs .tab-item .icon-alert,
.tabs-icon-left > .tabs .tab-item #menu .footer .icon-help,
#menu .footer .tabs-icon-left > .tabs .tab-item .icon-help, .tabs-icon-left.tabs .tab-item .icon, .tabs-icon-left.tabs .tab-item .icon-help, .tabs-icon-left.tabs .tab-item .icon-alert, .tabs-icon-left.tabs .tab-item #menu .footer .icon-help, #menu .footer .tabs-icon-left.tabs .tab-item .icon-help {
  padding-right: 3px; }


.tabs-icon-right > .tabs .tab-item .icon,
.tabs-icon-right > .tabs .tab-item .icon-help,
.tabs-icon-right > .tabs .tab-item .icon-alert,
.tabs-icon-right > .tabs .tab-item #menu .footer .icon-help,
#menu .footer .tabs-icon-right > .tabs .tab-item .icon-help,
.tabs-icon-right.tabs .tab-item .icon,
.tabs-icon-right.tabs .tab-item .icon-help,
.tabs-icon-right.tabs .tab-item .icon-alert,
.tabs-icon-right.tabs .tab-item #menu .footer .icon-help,
#menu .footer .tabs-icon-right.tabs .tab-item .icon-help {
  padding-left: 3px; }

.tabs-icon-only > .tabs .icon, .tabs-icon-only > .tabs .icon-help, .tabs-icon-only > .tabs .icon-alert, .tabs-icon-only > .tabs #menu .footer .icon-help, #menu .footer .tabs-icon-only > .tabs .icon-help,
.tabs-icon-only.tabs .icon,
.tabs-icon-only.tabs .icon-help,
.tabs-icon-only.tabs .icon-alert,
.tabs-icon-only.tabs #menu .footer .icon-help,
#menu .footer .tabs-icon-only.tabs .icon-help {
  line-height: inherit; }

.tab-item.has-badge {
  position: relative; }

.tab-item .badge {
  position: absolute;
  top: 4%;
  right: 33%;
  right: calc(50% - 26px);
  padding: 1px 6px;
  height: auto;
  font-size: 12px;
  line-height: 16px; }

/* Navigational tab */
/* Active state for tab */
.tab-item.tab-item-active,
.tab-item.active,
.tab-item.activated {
  opacity: 1; }
  .tab-item.tab-item-active.tab-item-light,
  .tab-item.active.tab-item-light,
  .tab-item.activated.tab-item-light {
    color: #fff; }
  .tab-item.tab-item-active.tab-item-stable,
  .tab-item.active.tab-item-stable,
  .tab-item.activated.tab-item-stable {
    color: #f8f8f8; }
  .tab-item.tab-item-active.tab-item-positive,
  .tab-item.active.tab-item-positive,
  .tab-item.activated.tab-item-positive {
    color: #387ef5; }
  .tab-item.tab-item-active.tab-item-calm,
  .tab-item.active.tab-item-calm,
  .tab-item.activated.tab-item-calm {
    color: #11c1f3; }
  .tab-item.tab-item-active.tab-item-assertive,
  .tab-item.active.tab-item-assertive,
  .tab-item.activated.tab-item-assertive {
    color: #ef473a; }
  .tab-item.tab-item-active.tab-item-balanced,
  .tab-item.active.tab-item-balanced,
  .tab-item.activated.tab-item-balanced {
    color: #33cd5f; }
  .tab-item.tab-item-active.tab-item-energized,
  .tab-item.active.tab-item-energized,
  .tab-item.activated.tab-item-energized {
    color: #ffc900; }
  .tab-item.tab-item-active.tab-item-royal,
  .tab-item.active.tab-item-royal,
  .tab-item.activated.tab-item-royal {
    color: #886aea; }
  .tab-item.tab-item-active.tab-item-dark,
  .tab-item.active.tab-item-dark,
  .tab-item.activated.tab-item-dark {
    color: #444; }

.item.tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0; }
  .item.tabs .icon:before, .item.tabs .icon-help:before, .item.tabs .icon-alert:before, .item.tabs #menu .footer .icon-help:before, #menu .footer .item.tabs .icon-help:before {
    position: relative; }

.tab-item.disabled,
.tab-item[disabled] {
  opacity: .4;
  cursor: default;
  pointer-events: none; }

.nav-bar-tabs-top.hide ~ .view-container .tabs-top .tabs {
  top: 0; }

.pane[hide-nav-bar="true"] .has-tabs-top {
  top: 49px; }

/**
 * Menus
 * --------------------------------------------------
 * Side panel structure
 */
.menu {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  overflow: hidden;
  min-height: 100%;
  max-height: 100%;
  width: 275px;
  background-color: #fff; }
  .menu .scroll-content {
    z-index: 10; }
  .menu .bar-header {
    z-index: 11; }

.menu-content {
  -webkit-transform: none;
  transform: none;
  box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.2), 1px 0px 2px rgba(0, 0, 0, 0.2); }

.menu-open .menu-content .pane,
.menu-open .menu-content .scroll-content {
  pointer-events: none; }

.menu-open .menu-content .scroll-content .scroll {
  pointer-events: none; }

.menu-open .menu-content .scroll-content:not(.overflow-scroll) {
  overflow: hidden; }

.grade-b .menu-content,
.grade-c .menu-content {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  right: -1px;
  left: -1px;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  box-shadow: none; }

.menu-left {
  left: 0; }

.menu-right {
  right: 0; }

.aside-open.aside-resizing .menu-right {
  display: none; }

.menu-animated {
  -webkit-transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease; }

/**
 * Modals
 * --------------------------------------------------
 * Modals are independent windows that slide in from off-screen.
 */
.modal-backdrop,
.modal-backdrop-bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%; }

.modal-backdrop-bg {
  pointer-events: none; }

.modal {
  display: block;
  position: absolute;
  top: 0;
  z-index: 10;
  overflow: hidden;
  min-height: 100%;
  width: 100%;
  background-color: #fff; }

@media (min-width: 680px) {
  .modal {
    top: 20%;
    right: 20%;
    bottom: 20%;
    left: 20%;
    min-height: 240px;
    width: 60%; }
  .modal.ng-leave-active {
    bottom: 0; }
  .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) {
    height: 44px; }
    .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) > * {
      margin-top: 0; }
  .platform-ios.platform-cordova .modal-wrapper .modal .tabs-top > .tabs,
  .platform-ios.platform-cordova .modal-wrapper .modal .tabs.tabs-top {
    top: 44px; }
  .platform-ios.platform-cordova .modal-wrapper .modal .has-header,
  .platform-ios.platform-cordova .modal-wrapper .modal .bar-subheader {
    top: 44px; }
  .platform-ios.platform-cordova .modal-wrapper .modal .has-subheader {
    top: 88px; }
  .platform-ios.platform-cordova .modal-wrapper .modal .has-header.has-tabs-top {
    top: 93px; }
  .platform-ios.platform-cordova .modal-wrapper .modal .has-header.has-subheader.has-tabs-top {
    top: 137px; }
  .modal-backdrop-bg {
    -webkit-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
    background-color: #000;
    opacity: 0; }
  .active .modal-backdrop-bg {
    opacity: 0.5; } }

.modal-open {
  pointer-events: none; }
  .modal-open .modal,
  .modal-open .modal-backdrop {
    pointer-events: auto; }
  .modal-open.loading-active .modal,
  .modal-open.loading-active .modal-backdrop {
    pointer-events: none; }

/**
 * Popovers
 * --------------------------------------------------
 * Popovers are independent views which float over content
 */
.popover-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0); }
  .popover-backdrop.active {
    background-color: rgba(0, 0, 0, 0.1); }

.popover {
  position: absolute;
  top: 25%;
  left: 50%;
  z-index: 10;
  display: block;
  margin-top: 12px;
  margin-left: -110px;
  height: 280px;
  width: 220px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  opacity: 0; }
  .popover .item:first-child {
    border-top: 0; }
  .popover .item:last-child {
    border-bottom: 0; }
  .popover.popover-bottom {
    margin-top: -12px; }

.popover,
.popover .bar-header {
  border-radius: 2px; }

.popover .scroll-content {
  z-index: 1;
  margin: 2px 0; }

.popover .bar-header {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.popover .has-header {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.popover-arrow {
  display: none; }

.platform-ios .popover {
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);
  border-radius: 10px; }

.platform-ios .popover .bar-header {
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px; }

.platform-ios .popover .scroll-content {
  margin: 8px 0;
  border-radius: 10px; }

.platform-ios .popover .scroll-content.has-header {
  margin-top: 0; }

.platform-ios .popover-arrow {
  position: absolute;
  display: block;
  top: -17px;
  width: 30px;
  height: 19px;
  overflow: hidden; }
  .platform-ios .popover-arrow:after {
    position: absolute;
    top: 12px;
    left: 5px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 3px;
    content: '';
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.platform-ios .popover-bottom .popover-arrow {
  top: auto;
  bottom: -10px; }
  .platform-ios .popover-bottom .popover-arrow:after {
    top: -6px; }

.platform-android .popover {
  margin-top: -32px;
  background-color: #fafafa;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35); }
  .platform-android .popover .item {
    border-color: #fafafa;
    background-color: #fafafa;
    color: #4d4d4d; }
  .platform-android .popover.popover-bottom {
    margin-top: 32px; }

.platform-android .popover-backdrop,
.platform-android .popover-backdrop.active {
  background-color: transparent; }

.popover-open {
  pointer-events: none; }
  .popover-open .popover,
  .popover-open .popover-backdrop {
    pointer-events: auto; }
  .popover-open.loading-active .popover,
  .popover-open.loading-active .popover-backdrop {
    pointer-events: none; }

@media (min-width: 680px) {
  .popover {
    width: 360px;
    margin-left: -180px; } }

/**
 * Popups
 * --------------------------------------------------
 */
.popup-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  z-index: 12;
  visibility: hidden; }
  .popup-container.popup-showing {
    visibility: visible; }
  .popup-container.popup-hidden .popup {
    -webkit-animation-name: scaleOut;
    animation-name: scaleOut;
    -webkit-animation-duration: 0.1s;
    animation-duration: 0.1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .popup-container.active .popup {
    -webkit-animation-name: superScaleIn;
    animation-name: superScaleIn;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .popup-container .popup {
    width: 250px;
    max-width: 100%;
    max-height: 90%;
    border-radius: 0px;
    background-color: rgba(255, 255, 255, 0.9);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .popup-container input,
  .popup-container textarea {
    width: 100%; }

.popup-head {
  padding: 15px 10px;
  border-bottom: 1px solid #eee;
  text-align: center; }

.popup-title {
  margin: 0;
  padding: 0;
  font-size: 15px; }

.popup-sub-title {
  margin: 5px 0 0 0;
  padding: 0;
  font-weight: normal;
  font-size: 11px; }

.popup-body {
  padding: 10px;
  overflow: auto; }

.popup-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 10px;
  min-height: 65px; }
  .popup-buttons .button {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    min-height: 45px;
    border-radius: 2px;
    line-height: 20px;
    margin-right: 5px; }
    .popup-buttons .button:last-child {
      margin-right: 0px; }

.popup-open {
  pointer-events: none; }
  .popup-open.modal-open .modal {
    pointer-events: none; }
  .popup-open .popup-backdrop, .popup-open .popup {
    pointer-events: auto; }

/**
 * Loading
 * --------------------------------------------------
 */
.loading-container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 13;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-transition: 0.2s opacity linear;
  transition: 0.2s opacity linear;
  visibility: hidden;
  opacity: 0; }
  .loading-container:not(.visible) .icon, .loading-container:not(.visible) .icon-help, .loading-container:not(.visible) .icon-alert, .loading-container:not(.visible) #menu .footer .icon-help, #menu .footer .loading-container:not(.visible) .icon-help,
  .loading-container:not(.visible) .spinner {
    display: none; }
  .loading-container.visible {
    visibility: visible; }
  .loading-container.active {
    opacity: 1; }
  .loading-container .loading {
    padding: 20px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 15px; }
    .loading-container .loading h1, .loading-container .loading h2, .loading-container .loading h3, .loading-container .loading h4, .loading-container .loading h5, .loading-container .loading h6 {
      color: #fff; }

/**
 * Items
 * --------------------------------------------------
 */
.item {
  border-color: #ddd;
  background-color: #fff;
  color: #444;
  position: relative;
  z-index: 2;
  display: block;
  margin: -1px;
  padding: 16px;
  border-width: 1px;
  border-style: solid;
  font-size: 16px; }
  .item h2 {
    margin: 0 0 2px 0;
    font-size: 16px;
    font-weight: normal; }
  .item h3 {
    margin: 0 0 4px 0;
    font-size: 14px; }
  .item h4 {
    margin: 0 0 4px 0;
    font-size: 12px; }
  .item h5, .item h6 {
    margin: 0 0 3px 0;
    font-size: 10px; }
  .item p {
    color: #666;
    font-size: 14px;
    margin-bottom: 2px; }
  .item h1:last-child,
  .item h2:last-child,
  .item h3:last-child,
  .item h4:last-child,
  .item h5:last-child,
  .item h6:last-child,
  .item p:last-child {
    margin-bottom: 0; }
  .item .badge {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 16px;
    right: 32px; }
  .item.item-button-right .badge {
    right: 67px; }
  .item.item-divider .badge {
    top: 8px; }
  .item .badge + .badge {
    margin-right: 5px; }
  .item.item-light {
    border-color: #ddd;
    background-color: #fff;
    color: #444; }
  .item.item-stable {
    border-color: #b2b2b2;
    background-color: #f8f8f8;
    color: #444; }
  .item.item-positive {
    border-color: #0c60ee;
    background-color: #387ef5;
    color: #fff; }
  .item.item-calm {
    border-color: #0a9dc7;
    background-color: #11c1f3;
    color: #fff; }
  .item.item-assertive {
    border-color: #e42112;
    background-color: #ef473a;
    color: #fff; }
  .item.item-balanced {
    border-color: #28a54c;
    background-color: #33cd5f;
    color: #fff; }
  .item.item-energized {
    border-color: #e6b500;
    background-color: #ffc900;
    color: #fff; }
  .item.item-royal {
    border-color: #6b46e5;
    background-color: #886aea;
    color: #fff; }
  .item.item-dark {
    border-color: #111;
    background-color: #444;
    color: #fff; }
  .item[ng-click]:hover {
    cursor: pointer; }

.list-borderless .item,
.item-borderless {
  border-width: 0; }

.item.active,
.item.activated,
.item-complex.active .item-content,
.item-complex.activated .item-content,
.item .item-content.active,
.item .item-content.activated {
  border-color: #ccc;
  background-color: #D9D9D9; }
  .item.active.item-complex > .item-content,
  .item.activated.item-complex > .item-content,
  .item-complex.active .item-content.item-complex > .item-content,
  .item-complex.activated .item-content.item-complex > .item-content,
  .item .item-content.active.item-complex > .item-content,
  .item .item-content.activated.item-complex > .item-content {
    border-color: #ccc;
    background-color: #D9D9D9; }
  .item.active.item-light,
  .item.activated.item-light,
  .item-complex.active .item-content.item-light,
  .item-complex.activated .item-content.item-light,
  .item .item-content.active.item-light,
  .item .item-content.activated.item-light {
    border-color: #ccc;
    background-color: #fafafa; }
    .item.active.item-light.item-complex > .item-content,
    .item.activated.item-light.item-complex > .item-content,
    .item-complex.active .item-content.item-light.item-complex > .item-content,
    .item-complex.activated .item-content.item-light.item-complex > .item-content,
    .item .item-content.active.item-light.item-complex > .item-content,
    .item .item-content.activated.item-light.item-complex > .item-content {
      border-color: #ccc;
      background-color: #fafafa; }
  .item.active.item-stable,
  .item.activated.item-stable,
  .item-complex.active .item-content.item-stable,
  .item-complex.activated .item-content.item-stable,
  .item .item-content.active.item-stable,
  .item .item-content.activated.item-stable {
    border-color: #a2a2a2;
    background-color: #e5e5e5; }
    .item.active.item-stable.item-complex > .item-content,
    .item.activated.item-stable.item-complex > .item-content,
    .item-complex.active .item-content.item-stable.item-complex > .item-content,
    .item-complex.activated .item-content.item-stable.item-complex > .item-content,
    .item .item-content.active.item-stable.item-complex > .item-content,
    .item .item-content.activated.item-stable.item-complex > .item-content {
      border-color: #a2a2a2;
      background-color: #e5e5e5; }
  .item.active.item-positive,
  .item.activated.item-positive,
  .item-complex.active .item-content.item-positive,
  .item-complex.activated .item-content.item-positive,
  .item .item-content.active.item-positive,
  .item .item-content.activated.item-positive {
    border-color: #0c60ee;
    background-color: #0c60ee; }
    .item.active.item-positive.item-complex > .item-content,
    .item.activated.item-positive.item-complex > .item-content,
    .item-complex.active .item-content.item-positive.item-complex > .item-content,
    .item-complex.activated .item-content.item-positive.item-complex > .item-content,
    .item .item-content.active.item-positive.item-complex > .item-content,
    .item .item-content.activated.item-positive.item-complex > .item-content {
      border-color: #0c60ee;
      background-color: #0c60ee; }
  .item.active.item-calm,
  .item.activated.item-calm,
  .item-complex.active .item-content.item-calm,
  .item-complex.activated .item-content.item-calm,
  .item .item-content.active.item-calm,
  .item .item-content.activated.item-calm {
    border-color: #0a9dc7;
    background-color: #0a9dc7; }
    .item.active.item-calm.item-complex > .item-content,
    .item.activated.item-calm.item-complex > .item-content,
    .item-complex.active .item-content.item-calm.item-complex > .item-content,
    .item-complex.activated .item-content.item-calm.item-complex > .item-content,
    .item .item-content.active.item-calm.item-complex > .item-content,
    .item .item-content.activated.item-calm.item-complex > .item-content {
      border-color: #0a9dc7;
      background-color: #0a9dc7; }
  .item.active.item-assertive,
  .item.activated.item-assertive,
  .item-complex.active .item-content.item-assertive,
  .item-complex.activated .item-content.item-assertive,
  .item .item-content.active.item-assertive,
  .item .item-content.activated.item-assertive {
    border-color: #e42112;
    background-color: #e42112; }
    .item.active.item-assertive.item-complex > .item-content,
    .item.activated.item-assertive.item-complex > .item-content,
    .item-complex.active .item-content.item-assertive.item-complex > .item-content,
    .item-complex.activated .item-content.item-assertive.item-complex > .item-content,
    .item .item-content.active.item-assertive.item-complex > .item-content,
    .item .item-content.activated.item-assertive.item-complex > .item-content {
      border-color: #e42112;
      background-color: #e42112; }
  .item.active.item-balanced,
  .item.activated.item-balanced,
  .item-complex.active .item-content.item-balanced,
  .item-complex.activated .item-content.item-balanced,
  .item .item-content.active.item-balanced,
  .item .item-content.activated.item-balanced {
    border-color: #28a54c;
    background-color: #28a54c; }
    .item.active.item-balanced.item-complex > .item-content,
    .item.activated.item-balanced.item-complex > .item-content,
    .item-complex.active .item-content.item-balanced.item-complex > .item-content,
    .item-complex.activated .item-content.item-balanced.item-complex > .item-content,
    .item .item-content.active.item-balanced.item-complex > .item-content,
    .item .item-content.activated.item-balanced.item-complex > .item-content {
      border-color: #28a54c;
      background-color: #28a54c; }
  .item.active.item-energized,
  .item.activated.item-energized,
  .item-complex.active .item-content.item-energized,
  .item-complex.activated .item-content.item-energized,
  .item .item-content.active.item-energized,
  .item .item-content.activated.item-energized {
    border-color: #e6b500;
    background-color: #e6b500; }
    .item.active.item-energized.item-complex > .item-content,
    .item.activated.item-energized.item-complex > .item-content,
    .item-complex.active .item-content.item-energized.item-complex > .item-content,
    .item-complex.activated .item-content.item-energized.item-complex > .item-content,
    .item .item-content.active.item-energized.item-complex > .item-content,
    .item .item-content.activated.item-energized.item-complex > .item-content {
      border-color: #e6b500;
      background-color: #e6b500; }
  .item.active.item-royal,
  .item.activated.item-royal,
  .item-complex.active .item-content.item-royal,
  .item-complex.activated .item-content.item-royal,
  .item .item-content.active.item-royal,
  .item .item-content.activated.item-royal {
    border-color: #6b46e5;
    background-color: #6b46e5; }
    .item.active.item-royal.item-complex > .item-content,
    .item.activated.item-royal.item-complex > .item-content,
    .item-complex.active .item-content.item-royal.item-complex > .item-content,
    .item-complex.activated .item-content.item-royal.item-complex > .item-content,
    .item .item-content.active.item-royal.item-complex > .item-content,
    .item .item-content.activated.item-royal.item-complex > .item-content {
      border-color: #6b46e5;
      background-color: #6b46e5; }
  .item.active.item-dark,
  .item.activated.item-dark,
  .item-complex.active .item-content.item-dark,
  .item-complex.activated .item-content.item-dark,
  .item .item-content.active.item-dark,
  .item .item-content.activated.item-dark {
    border-color: #000;
    background-color: #262626; }
    .item.active.item-dark.item-complex > .item-content,
    .item.activated.item-dark.item-complex > .item-content,
    .item-complex.active .item-content.item-dark.item-complex > .item-content,
    .item-complex.activated .item-content.item-dark.item-complex > .item-content,
    .item .item-content.active.item-dark.item-complex > .item-content,
    .item .item-content.activated.item-dark.item-complex > .item-content {
      border-color: #000;
      background-color: #262626; }

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

a.item {
  color: inherit;
  text-decoration: none; }
  a.item:hover, a.item:focus {
    text-decoration: none; }

/**
 * Complex Items
 * --------------------------------------------------
 * Adding .item-complex allows the .item to be slidable and
 * have options underneath the button, but also requires an
 * additional .item-content element inside .item.
 * Basically .item-complex removes any default settings which
 * .item added, so that .item-content looks them as just .item.
 */
.item-complex,
a.item.item-complex,
button.item.item-complex {
  padding: 0; }

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

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

.item-text-wrap .item,
.item-text-wrap .item-content,
.item-text-wrap,
.item-text-wrap h1,
.item-text-wrap h2,
.item-text-wrap h3,
.item-text-wrap h4,
.item-text-wrap h5,
.item-text-wrap h6,
.item-text-wrap p,
.item-complex.item-text-wrap .item-content,
.item-body h1,
.item-body h2,
.item-body h3,
.item-body h4,
.item-body h5,
.item-body h6,
.item-body p {
  overflow: visible;
  white-space: normal; }

.item-complex.item-text-wrap,
.item-complex.item-text-wrap h1,
.item-complex.item-text-wrap h2,
.item-complex.item-text-wrap h3,
.item-complex.item-text-wrap h4,
.item-complex.item-text-wrap h5,
.item-complex.item-text-wrap h6,
.item-complex.item-text-wrap p {
  overflow: visible;
  white-space: normal; }

.item-complex.item-light > .item-content {
  border-color: #ddd;
  background-color: #fff;
  color: #444; }
  .item-complex.item-light > .item-content.active, .item-complex.item-light > .item-content:active {
    border-color: #ccc;
    background-color: #fafafa; }
    .item-complex.item-light > .item-content.active.item-complex > .item-content, .item-complex.item-light > .item-content:active.item-complex > .item-content {
      border-color: #ccc;
      background-color: #fafafa; }

.item-complex.item-stable > .item-content {
  border-color: #b2b2b2;
  background-color: #f8f8f8;
  color: #444; }
  .item-complex.item-stable > .item-content.active, .item-complex.item-stable > .item-content:active {
    border-color: #a2a2a2;
    background-color: #e5e5e5; }
    .item-complex.item-stable > .item-content.active.item-complex > .item-content, .item-complex.item-stable > .item-content:active.item-complex > .item-content {
      border-color: #a2a2a2;
      background-color: #e5e5e5; }

.item-complex.item-positive > .item-content {
  border-color: #0c60ee;
  background-color: #387ef5;
  color: #fff; }
  .item-complex.item-positive > .item-content.active, .item-complex.item-positive > .item-content:active {
    border-color: #0c60ee;
    background-color: #0c60ee; }
    .item-complex.item-positive > .item-content.active.item-complex > .item-content, .item-complex.item-positive > .item-content:active.item-complex > .item-content {
      border-color: #0c60ee;
      background-color: #0c60ee; }

.item-complex.item-calm > .item-content {
  border-color: #0a9dc7;
  background-color: #11c1f3;
  color: #fff; }
  .item-complex.item-calm > .item-content.active, .item-complex.item-calm > .item-content:active {
    border-color: #0a9dc7;
    background-color: #0a9dc7; }
    .item-complex.item-calm > .item-content.active.item-complex > .item-content, .item-complex.item-calm > .item-content:active.item-complex > .item-content {
      border-color: #0a9dc7;
      background-color: #0a9dc7; }

.item-complex.item-assertive > .item-content {
  border-color: #e42112;
  background-color: #ef473a;
  color: #fff; }
  .item-complex.item-assertive > .item-content.active, .item-complex.item-assertive > .item-content:active {
    border-color: #e42112;
    background-color: #e42112; }
    .item-complex.item-assertive > .item-content.active.item-complex > .item-content, .item-complex.item-assertive > .item-content:active.item-complex > .item-content {
      border-color: #e42112;
      background-color: #e42112; }

.item-complex.item-balanced > .item-content {
  border-color: #28a54c;
  background-color: #33cd5f;
  color: #fff; }
  .item-complex.item-balanced > .item-content.active, .item-complex.item-balanced > .item-content:active {
    border-color: #28a54c;
    background-color: #28a54c; }
    .item-complex.item-balanced > .item-content.active.item-complex > .item-content, .item-complex.item-balanced > .item-content:active.item-complex > .item-content {
      border-color: #28a54c;
      background-color: #28a54c; }

.item-complex.item-energized > .item-content {
  border-color: #e6b500;
  background-color: #ffc900;
  color: #fff; }
  .item-complex.item-energized > .item-content.active, .item-complex.item-energized > .item-content:active {
    border-color: #e6b500;
    background-color: #e6b500; }
    .item-complex.item-energized > .item-content.active.item-complex > .item-content, .item-complex.item-energized > .item-content:active.item-complex > .item-content {
      border-color: #e6b500;
      background-color: #e6b500; }

.item-complex.item-royal > .item-content {
  border-color: #6b46e5;
  background-color: #886aea;
  color: #fff; }
  .item-complex.item-royal > .item-content.active, .item-complex.item-royal > .item-content:active {
    border-color: #6b46e5;
    background-color: #6b46e5; }
    .item-complex.item-royal > .item-content.active.item-complex > .item-content, .item-complex.item-royal > .item-content:active.item-complex > .item-content {
      border-color: #6b46e5;
      background-color: #6b46e5; }

.item-complex.item-dark > .item-content {
  border-color: #111;
  background-color: #444;
  color: #fff; }
  .item-complex.item-dark > .item-content.active, .item-complex.item-dark > .item-content:active {
    border-color: #000;
    background-color: #262626; }
    .item-complex.item-dark > .item-content.active.item-complex > .item-content, .item-complex.item-dark > .item-content:active.item-complex > .item-content {
      border-color: #000;
      background-color: #262626; }

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

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

.item-icon-left {
  padding-left: 54px; }
  .item-icon-left .icon, .item-icon-left .icon-help, .item-icon-left .icon-alert, .item-icon-left #menu .footer .icon-help, #menu .footer .item-icon-left .icon-help {
    left: 11px; }

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

.item-icon-right {
  padding-right: 54px; }
  
  .item-icon-right .icon,
  .item-icon-right .icon-help,
  .item-icon-right .icon-alert,
  .item-icon-right #menu .footer .icon-help,
  #menu .footer .item-icon-right .icon-help {
    right: 11px; }

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

.item-icon-left.item-icon-right .icon:first-child, .item-icon-left.item-icon-right .icon-help:first-child, .item-icon-left.item-icon-right .icon-alert:first-child, .item-icon-left.item-icon-right #menu .footer .icon-help:first-child, #menu .footer .item-icon-left.item-icon-right .icon-help:first-child {
  right: auto; }

.item-icon-left.item-icon-right .icon:last-child, .item-icon-left.item-icon-right .icon-help:last-child, .item-icon-left.item-icon-right .icon-alert:last-child, .item-icon-left.item-icon-right #menu .footer .icon-help:last-child, #menu .footer .item-icon-left.item-icon-right .icon-help:last-child,
.item-icon-left .item-delete .icon,
.item-icon-left .item-delete .icon-help,
.item-icon-left .item-delete .icon-alert,
.item-icon-left .item-delete #menu .footer .icon-help,
#menu .footer .item-icon-left .item-delete .icon-help {
  left: auto; }

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

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

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

/**
 * Item Button
 * --------------------------------------------------
 * An item button is a child button inside an .item (not the entire .item)
 */
.item-button-left {
  padding-left: 72px; }

.item-button-left > .button,
.item-button-left .item-content > .button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: absolute;
  top: 8px;
  left: 11px;
  min-width: 34px;
  min-height: 34px;
  font-size: 18px;
  line-height: 32px; }
  .item-button-left > .button .icon:before, .item-button-left > .button .icon-help:before, .item-button-left > .button .icon-alert:before, .item-button-left > .button #menu .footer .icon-help:before, #menu .footer .item-button-left > .button .icon-help:before,
  .item-button-left .item-content > .button .icon:before,
  .item-button-left .item-content > .button .icon-help:before,
  .item-button-left .item-content > .button .icon-alert:before,
  .item-button-left .item-content > .button #menu .footer .icon-help:before,
  #menu .footer .item-button-left .item-content > .button .icon-help:before {
    position: relative;
    left: auto;
    width: auto;
    line-height: 31px; }
  .item-button-left > .button > .button,
  .item-button-left .item-content > .button > .button {
    margin: 0px 2px;
    min-height: 34px;
    font-size: 18px;
    line-height: 32px; }

.item-button-right,
a.item.item-button-right,
button.item.item-button-right {
  padding-right: 80px; }

.item-button-right > .button,
.item-button-right .item-content > .button,
.item-button-right > .buttons,
.item-button-right .item-content > .buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: absolute;
  top: 8px;
  right: 16px;
  min-width: 34px;
  min-height: 34px;
  font-size: 18px;
  line-height: 32px; }
  .item-button-right > .button .icon:before, .item-button-right > .button .icon-help:before, .item-button-right > .button .icon-alert:before, .item-button-right > .button #menu .footer .icon-help:before, #menu .footer .item-button-right > .button .icon-help:before,
  .item-button-right .item-content > .button .icon:before,
  .item-button-right .item-content > .button .icon-help:before,
  .item-button-right .item-content > .button .icon-alert:before,
  .item-button-right .item-content > .button #menu .footer .icon-help:before,
  #menu .footer .item-button-right .item-content > .button .icon-help:before,
  .item-button-right > .buttons .icon:before,
  .item-button-right > .buttons .icon-help:before,
  .item-button-right > .buttons .icon-alert:before,
  .item-button-right > .buttons #menu .footer .icon-help:before,
  #menu .footer .item-button-right > .buttons .icon-help:before,
  .item-button-right .item-content > .buttons .icon:before,
  .item-button-right .item-content > .buttons .icon-help:before,
  .item-button-right .item-content > .buttons .icon-alert:before,
  .item-button-right .item-content > .buttons #menu .footer .icon-help:before,
  #menu .footer .item-button-right .item-content > .buttons .icon-help:before {
    position: relative;
    left: auto;
    width: auto;
    line-height: 31px; }
  .item-button-right > .button > .button,
  .item-button-right .item-content > .button > .button,
  .item-button-right > .buttons > .button,
  .item-button-right .item-content > .buttons > .button {
    margin: 0px 2px;
    min-width: 34px;
    min-height: 34px;
    font-size: 18px;
    line-height: 32px; }

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

.item-button-left.item-button-right .button:last-child {
  left: auto; }

.item-avatar,
.item-avatar .item-content,
.item-avatar-left,
.item-avatar-left .item-content {
  padding-left: 72px;
  min-height: 72px; }
  .item-avatar > img:first-child,
  .item-avatar .item-image,
  .item-avatar .item-content > img:first-child,
  .item-avatar .item-content .item-image,
  .item-avatar-left > img:first-child,
  .item-avatar-left .item-image,
  .item-avatar-left .item-content > img:first-child,
  .item-avatar-left .item-content .item-image {
    position: absolute;
    top: 16px;
    left: 16px;
    max-width: 40px;
    max-height: 40px;
    width: 100%;
    height: 100%;
    border-radius: 50%; }

.item-avatar-right,
.item-avatar-right .item-content {
  padding-right: 72px;
  min-height: 72px; }
  .item-avatar-right > img:first-child,
  .item-avatar-right .item-image,
  .item-avatar-right .item-content > img:first-child,
  .item-avatar-right .item-content .item-image {
    position: absolute;
    top: 16px;
    right: 16px;
    max-width: 40px;
    max-height: 40px;
    width: 100%;
    height: 100%;
    border-radius: 50%; }

.item-thumbnail-left,
.item-thumbnail-left .item-content {
  padding-top: 8px;
  padding-left: 106px;
  min-height: 100px; }
  .item-thumbnail-left > img:first-child,
  .item-thumbnail-left .item-image,
  .item-thumbnail-left .item-content > img:first-child,
  .item-thumbnail-left .item-content .item-image {
    position: absolute;
    top: 10px;
    left: 10px;
    max-width: 80px;
    max-height: 80px;
    width: 100%;
    height: 100%; }

.item-avatar.item-complex,
.item-avatar-left.item-complex,
.item-thumbnail-left.item-complex {
  padding-top: 0;
  padding-left: 0; }

.item-thumbnail-right,
.item-thumbnail-right .item-content {
  padding-top: 8px;
  padding-right: 106px;
  min-height: 100px; }
  .item-thumbnail-right > img:first-child,
  .item-thumbnail-right .item-image,
  .item-thumbnail-right .item-content > img:first-child,
  .item-thumbnail-right .item-content .item-image {
    position: absolute;
    top: 10px;
    right: 10px;
    max-width: 80px;
    max-height: 80px;
    width: 100%;
    height: 100%; }

.item-avatar-right.item-complex,
.item-thumbnail-right.item-complex {
  padding-top: 0;
  padding-right: 0; }

.item-image {
  padding: 0;
  text-align: center; }
  .item-image img:first-child, .item-image .list-img {
    width: 100%;
    vertical-align: middle; }

.item-body {
  overflow: auto;
  padding: 16px;
  text-overflow: inherit;
  white-space: normal; }
  .item-body h1, .item-body h2, .item-body h3, .item-body h4, .item-body h5, .item-body h6, .item-body p {
    margin-top: 16px;
    margin-bottom: 16px; }

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

.platform-ios .item-divider-platform,
.item-divider-ios {
  padding-top: 26px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 13px;
  background-color: #efeff4;
  color: #555; }

.platform-android .item-divider-platform,
.item-divider-android {
  font-weight: 300;
  font-size: 13px; }

.item-note {
  float: right;
  color: #aaa;
  font-size: 14px; }

.item-left-editable .item-content,
.item-right-editable .item-content {
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform; }

.list-left-editing .item-left-editable .item-content,
.item-left-editing.item-left-editable .item-content {
  -webkit-transform: translate3d(50px, 0, 0);
  transform: translate3d(50px, 0, 0); }

.item-remove-animate.ng-leave {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms; }

.item-remove-animate.ng-leave .item-content, .item-remove-animate.ng-leave:last-of-type {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-transition-property: all;
  transition-property: all; }

.item-remove-animate.ng-leave.ng-leave-active .item-content {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0) !important;
  transform: translate3d(-100%, 0, 0) !important; }

.item-remove-animate.ng-leave.ng-leave-active:last-of-type {
  opacity: 0; }

.item-remove-animate.ng-leave.ng-leave-active ~ ion-item:not(.ng-leave) {
  -webkit-transform: translate3d(0, -webkit-calc(-100% + 1px), 0);
  transform: translate3d(0, calc(-100% + 1px), 0);
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.81, 0.24, 1);
  transition-timing-function: cubic-bezier(0.25, 0.81, 0.24, 1);
  -webkit-transition-property: all;
  transition-property: all; }

.item-left-edit {
  -webkit-transition: all ease-in-out 125ms;
  transition: all ease-in-out 125ms;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 50px;
  height: 100%;
  line-height: 100%;
  display: none;
  opacity: 0;
  -webkit-transform: translate3d(-21px, 0, 0);
  transform: translate3d(-21px, 0, 0); }
  .item-left-edit .button {
    height: 100%; }
    .item-left-edit .button.icon, .item-left-edit .button.icon-help, .item-left-edit .button.icon-alert, .item-left-edit #menu .footer .button.icon-help, #menu .footer .item-left-edit .button.icon-help {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      position: absolute;
      top: 0;
      height: 100%; }
  .item-left-edit.visible {
    display: block; }
    .item-left-edit.visible.active {
      opacity: 1;
      -webkit-transform: translate3d(8px, 0, 0);
      transform: translate3d(8px, 0, 0); }

.list-left-editing .item-left-edit {
  -webkit-transition-delay: 125ms;
  transition-delay: 125ms; }

.item-delete .button.icon, .item-delete .button.icon-help, .item-delete .button.icon-alert, .item-delete #menu .footer .button.icon-help, #menu .footer .item-delete .button.icon-help {
  color: #ef473a;
  font-size: 24px; }
  .item-delete .button.icon:hover, .item-delete .button.icon-help:hover, .item-delete .button.icon-alert:hover, .item-delete #menu .footer .button.icon-help:hover, #menu .footer .item-delete .button.icon-help:hover {
    opacity: .7; }

.item-right-edit {
  -webkit-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  width: 75px;
  height: 100%;
  background: inherit;
  padding-left: 20px;
  display: block;
  opacity: 0;
  -webkit-transform: translate3d(75px, 0, 0);
  transform: translate3d(75px, 0, 0); }
  .item-right-edit .button {
    min-width: 50px;
    height: 100%; }
    .item-right-edit .button.icon, .item-right-edit .button.icon-help, .item-right-edit .button.icon-alert, .item-right-edit #menu .footer .button.icon-help, #menu .footer .item-right-edit .button.icon-help {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      position: absolute;
      top: 0;
      height: 100%;
      font-size: 32px; }
  .item-right-edit.visible {
    display: block; }
    .item-right-edit.visible.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }

.item-reorder .button.icon, .item-reorder .button.icon-help, .item-reorder .button.icon-alert, .item-reorder #menu .footer .button.icon-help, #menu .footer .item-reorder .button.icon-help {
  color: #444;
  font-size: 32px; }

.item-reordering {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
  box-shadow: 0px 0px 10px 0px #aaa; }
  .item-reordering .item-reorder {
    z-index: 9; }

.item-placeholder {
  opacity: 0.7; }

/**
 * The hidden right-side buttons that can be exposed under a list item
 * with dragging.
 */
.item-options {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  height: 100%; }
  .item-options .button {
    height: 100%;
    border: none;
    border-radius: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    .item-options .button:before {
      margin: 0 auto; }
  .item-options ion-option-button:last-child {
    padding-right: calc(constant(safe-area-inset-right) + 12px);
    padding-right: calc(env(safe-area-inset-right) + 12px); }

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

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

/**
 * List Header
 * --------------------------------------------------
 */
.list-header {
  margin-top: 20px;
  padding: 5px 15px;
  background-color: transparent;
  color: #222;
  font-weight: bold; }

.card.list .list-item {
  padding-right: 1px;
  padding-left: 1px; }

/**
 * Cards and Inset Lists
 * --------------------------------------------------
 * A card and list-inset are close to the same thing, except a card as a box shadow.
 */
.card,
.list-inset {
  overflow: hidden;
  margin: 20px 10px;
  border-radius: 2px;
  background-color: #fff; }

.card {
  padding-top: 1px;
  padding-bottom: 1px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
  .card .item {
    border-left: 0;
    border-right: 0; }
  .card .item:first-child {
    border-top: 0; }
  .card .item:last-child {
    border-bottom: 0; }

.padding .card, .item.large-button-bar .card, .padding .list-inset, .item.large-button-bar .list-inset {
  margin-left: 0;
  margin-right: 0; }

.card .item:first-child,
.list-inset .item:first-child,
.padding > .list .item:first-child,
.item.large-button-bar > .list .item:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }
  .card .item:first-child .item-content,
  .list-inset .item:first-child .item-content,
  .padding > .list .item:first-child .item-content,
  .item.large-button-bar > .list .item:first-child .item-content {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px; }

.card .item:last-child,
.list-inset .item:last-child,
.padding > .list .item:last-child,
.item.large-button-bar > .list .item:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px; }
  .card .item:last-child .item-content,
  .list-inset .item:last-child .item-content,
  .padding > .list .item:last-child .item-content,
  .item.large-button-bar > .list .item:last-child .item-content {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }

.card .item:last-child,
.list-inset .item:last-child {
  margin-bottom: -1px; }

.card .item,
.list-inset .item,
.padding > .list .item,
.item.large-button-bar > .list .item,
.padding-horizontal > .list .item {
  margin-right: 0;
  margin-left: 0; }
  .card .item.item-input input,
  .list-inset .item.item-input input,
  .padding > .list .item.item-input input,
  .item.large-button-bar > .list .item.item-input input,
  .padding-horizontal > .list .item.item-input input {
    padding-right: 44px; }

.padding-left > .list .item {
  margin-left: 0; }

.padding-right > .list .item, .popover-share .bar-footer .button-close > .list .item {
  margin-right: 0; }

/**
 * Badges
 * --------------------------------------------------
 */
.badge {
  background-color: transparent;
  color: #AAAAAA;
  z-index: 1;
  display: inline-block;
  padding: 3px 8px;
  min-width: 10px;
  border-radius: 10px;
  vertical-align: baseline;
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px; }
  .badge:empty {
    display: none; }

.tabs .tab-item .badge.badge-light,
.badge.badge-light {
  background-color: #fff;
  color: #444; }

.tabs .tab-item .badge.badge-stable,
.badge.badge-stable {
  background-color: #f8f8f8;
  color: #444; }

.tabs .tab-item .badge.badge-positive,
.badge.badge-positive {
  background-color: #387ef5;
  color: #fff; }

.tabs .tab-item .badge.badge-calm,
.badge.badge-calm {
  background-color: #11c1f3;
  color: #fff; }

.tabs .tab-item .badge.badge-assertive, .tabs .tab-item .badge.badge-editable:hover,
.badge.badge-assertive,
.badge.badge-editable:hover {
  background-color: #ef473a;
  color: #fff; }

.tabs .tab-item .badge.badge-balanced,
.badge.badge-balanced {
  background-color: #33cd5f;
  color: #fff; }

.tabs .tab-item .badge.badge-energized,
.badge.badge-energized {
  background-color: #ffc900;
  color: #fff; }

.tabs .tab-item .badge.badge-royal,
.badge.badge-royal {
  background-color: #886aea;
  color: #fff; }

.tabs .tab-item .badge.badge-dark,
.badge.badge-dark {
  background-color: #444;
  color: #fff; }

.button .badge {
  position: relative;
  top: -1px; }

/**
 * Slide Box
 * --------------------------------------------------
 */
.slider {
  position: relative;
  visibility: hidden;
  overflow: hidden; }

.slider-slides {
  position: relative;
  height: 100%; }

.slider-slide {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  vertical-align: top; }

.slider-slide-image > img {
  width: 100%; }

.slider-pager {
  position: absolute;
  bottom: 20px;
  z-index: 1;
  width: 100%;
  height: 15px;
  text-align: center; }
  .slider-pager .slider-pager-page {
    display: inline-block;
    margin: 0px 3px;
    width: 15px;
    color: #000;
    text-decoration: none;
    opacity: 0.3; }
    .slider-pager .slider-pager-page.active {
      -webkit-transition: opacity 0.4s ease-in;
      transition: opacity 0.4s ease-in;
      opacity: 1; }

.slider-slide.ng-enter, .slider-slide.ng-leave, .slider-slide.ng-animate,
.slider-pager-page.ng-enter,
.slider-pager-page.ng-leave,
.slider-pager-page.ng-animate {
  -webkit-transition: none !important;
  transition: none !important; }

.slider-slide.ng-animate,
.slider-pager-page.ng-animate {
  -webkit-animation: none 0s;
  animation: none 0s; }

/**
 * Swiper 3.2.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: December 7, 2015
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  display: block;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height; }

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto; }

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff; }

.swiper-pagination-bullet-active {
  opacity: 1; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000; }

.swiper-container-vertical > .swiper-pagination {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
  margin: 5px 0;
  display: block; }

.swiper-container-horizontal > .swiper-pagination {
  bottom: 10px;
  left: 0;
  width: 100%; }

.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px; }

/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */ }

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px; }

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

/* Cube */
.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 1; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg); } }

ion-slides {
  width: 100%;
  height: 100%;
  display: block; }

.slide-zoom {
  display: block;
  width: 100%;
  text-align: center; }

.swiper-container {
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden; }

.swiper-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0; }

.swiper-slide {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  /* Center slide text vertically */ }
  .swiper-slide img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%; }

.scroll-refresher {
  position: absolute;
  top: -60px;
  right: 0;
  left: 0;
  overflow: hidden;
  margin: auto;
  height: 60px; }
  .scroll-refresher .ionic-refresher-content {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    color: #666666;
    text-align: center;
    font-size: 30px; }
    .scroll-refresher .ionic-refresher-content .text-refreshing,
    .scroll-refresher .ionic-refresher-content .text-pulling {
      font-size: 16px;
      line-height: 16px; }
    .scroll-refresher .ionic-refresher-content.ionic-refresher-with-text {
      bottom: 10px; }
  .scroll-refresher .icon-refreshing,
  .scroll-refresher .icon-pulling {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; }
  .scroll-refresher .icon-pulling {
    -webkit-animation-name: refresh-spin-back;
    animation-name: refresh-spin-back;
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg); }
  .scroll-refresher .icon-refreshing,
  .scroll-refresher .text-refreshing {
    display: none; }
  .scroll-refresher .icon-refreshing {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s; }
  .scroll-refresher.active .icon-pulling:not(.pulling-rotation-disabled) {
    -webkit-animation-name: refresh-spin;
    animation-name: refresh-spin;
    -webkit-transform: translate3d(0, 0, 0) rotate(-180deg);
    transform: translate3d(0, 0, 0) rotate(-180deg); }
  .scroll-refresher.active.refreshing {
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -webkit-transition: transform 0.2s;
    transition: transform 0.2s;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
    .scroll-refresher.active.refreshing .icon-pulling,
    .scroll-refresher.active.refreshing .text-pulling {
      display: none; }
    .scroll-refresher.active.refreshing .icon-refreshing,
    .scroll-refresher.active.refreshing .text-refreshing {
      display: block; }
    .scroll-refresher.active.refreshing.refreshing-tail {
      -webkit-transform: scale(0, 0);
      transform: scale(0, 0); }

.overflow-scroll > .scroll {
  -webkit-overflow-scrolling: touch;
  width: 100%; }
  .overflow-scroll > .scroll.overscroll {
    position: fixed;
    right: 0;
    left: 0; }

.overflow-scroll.padding > .scroll.overscroll, .overflow-scroll.item.large-button-bar > .scroll.overscroll {
  padding: 10px; }

@-webkit-keyframes refresh-spin {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(180deg); } }

@keyframes refresh-spin {
  0% {
    transform: translate3d(0, 0, 0) rotate(0); }
  100% {
    transform: translate3d(0, 0, 0) rotate(180deg); } }

@-webkit-keyframes refresh-spin-back {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(180deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0); } }

@keyframes refresh-spin-back {
  0% {
    transform: translate3d(0, 0, 0) rotate(180deg); }
  100% {
    transform: translate3d(0, 0, 0) rotate(0); } }

/**
 * Spinners
 * --------------------------------------------------
 */
.spinner {
  stroke: #444;
  fill: #444; }
  .spinner svg {
    width: 28px;
    height: 28px; }
  .spinner.spinner-light {
    stroke: #fff;
    fill: #fff; }
  .spinner.spinner-stable {
    stroke: #f8f8f8;
    fill: #f8f8f8; }
  .spinner.spinner-positive {
    stroke: #387ef5;
    fill: #387ef5; }
  .spinner.spinner-calm {
    stroke: #11c1f3;
    fill: #11c1f3; }
  .spinner.spinner-balanced {
    stroke: #33cd5f;
    fill: #33cd5f; }
  .spinner.spinner-assertive {
    stroke: #ef473a;
    fill: #ef473a; }
  .spinner.spinner-energized {
    stroke: #ffc900;
    fill: #ffc900; }
  .spinner.spinner-royal {
    stroke: #886aea;
    fill: #886aea; }
  .spinner.spinner-dark {
    stroke: #444;
    fill: #444; }

.spinner-android {
  stroke: #4b8bf4; }

.spinner-ios,
.spinner-ios-small {
  stroke: #69717d; }

.spinner-spiral .stop1 {
  stop-color: #fff;
  stop-opacity: 0; }

.spinner-spiral.spinner-light .stop1 {
  stop-color: #444; }

.spinner-spiral.spinner-light .stop2 {
  stop-color: #fff; }

.spinner-spiral.spinner-stable .stop2 {
  stop-color: #f8f8f8; }

.spinner-spiral.spinner-positive .stop2 {
  stop-color: #387ef5; }

.spinner-spiral.spinner-calm .stop2 {
  stop-color: #11c1f3; }

.spinner-spiral.spinner-balanced .stop2 {
  stop-color: #33cd5f; }

.spinner-spiral.spinner-assertive .stop2 {
  stop-color: #ef473a; }

.spinner-spiral.spinner-energized .stop2 {
  stop-color: #ffc900; }

.spinner-spiral.spinner-royal .stop2 {
  stop-color: #886aea; }

.spinner-spiral.spinner-dark .stop2 {
  stop-color: #444; }

/**
 * Forms
 * --------------------------------------------------
 */
form {
  margin: 0 0 1.42857; }

legend {
  display: block;
  margin-bottom: 1.42857;
  padding: 0;
  width: 100%;
  border: 1px solid #ddd;
  color: #444;
  font-size: 21px;
  line-height: 2.85714; }
  legend small {
    color: #f8f8f8;
    font-size: 1.07143; }

label,
input,
button,
select,
textarea {
  font-weight: normal;
  font-size: 14px;
  line-height: 1.42857; }

input,
button,
select,
textarea {
  font-family: "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; }

.item-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 6px 0 5px 16px; }
  .item-input input {
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 220px;
    -moz-box-flex: 1;
    -moz-flex: 1 220px;
    -ms-flex: 1 220px;
    flex: 1 220px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding-right: 24px;
    background-color: transparent; }
  .item-input .button .icon, .item-input .button .icon-help, .item-input .button .icon-alert, .item-input .button #menu .footer .icon-help, #menu .footer .item-input .button .icon-help {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 24px;
    -moz-box-flex: 0;
    -moz-flex: 0 0 24px;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    position: static;
    display: inline-block;
    height: auto;
    text-align: center;
    font-size: 16px; }
  .item-input .button-bar {
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 220px;
    -moz-box-flex: 1;
    -moz-flex: 1 0 220px;
    -ms-flex: 1 0 220px;
    flex: 1 0 220px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .item-input .icon, .item-input .icon-help, .item-input .icon-alert, .item-input #menu .footer .icon-help, #menu .footer .item-input .icon-help {
    min-width: 14px; }

.platform-windowsphone .item-input input {
  flex-shrink: 1; }

.item-input-inset {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 10.66667px; }

.item-input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0;
  -moz-box-flex: 1;
  -moz-flex: 1 0;
  -ms-flex: 1 0;
  flex: 1 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding-right: 8px;
  padding-left: 8px;
  background: #eee; }

.item-input-inset .item-input-wrapper input {
  padding-left: 4px;
  height: 29px;
  background: transparent;
  line-height: 18px; }

.item-input-wrapper ~ .button {
  margin-left: 10.66667px; }

.input-label {
  display: table;
  padding: 7px 10px 7px 0px;
  max-width: 200px;
  width: 35%;
  color: #444;
  font-size: 16px; }

.placeholder-icon {
  color: #aaa; }
  .placeholder-icon:first-child {
    padding-right: 6px; }
  .placeholder-icon:last-child {
    padding-left: 6px; }

.item-stacked-label {
  display: block;
  background-color: transparent;
  box-shadow: none; }
  .item-stacked-label .input-label, .item-stacked-label .icon, .item-stacked-label .icon-help, .item-stacked-label .icon-alert, .item-stacked-label #menu .footer .icon-help, #menu .footer .item-stacked-label .icon-help {
    display: inline-block;
    padding: 4px 0 0 0px;
    vertical-align: middle; }

.item-stacked-label input,
.item-stacked-label textarea {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 4px 8px 3px 0;
  border: none;
  background-color: #fff; }

.item-stacked-label input {
  overflow: hidden;
  height: 46px; }

.item-select.item-stacked-label select {
  position: relative;
  padding: 0px;
  max-width: 90%;
  direction: ltr;
  white-space: pre-wrap;
  margin: -3px; }

.item-floating-label {
  display: block;
  background-color: transparent;
  box-shadow: none; }
  .item-floating-label .input-label {
    position: relative;
    padding: 5px 0 0 0;
    opacity: 0;
    top: 10px;
    -webkit-transition: opacity 0.15s ease-in, top 0.2s linear;
    transition: opacity 0.15s ease-in, top 0.2s linear; }
    .item-floating-label .input-label.has-input {
      opacity: 1;
      top: 0;
      -webkit-transition: opacity 0.15s ease-in, top 0.2s linear;
      transition: opacity 0.15s ease-in, top 0.2s linear; }

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  display: block;
  padding-top: 2px;
  padding-left: 0;
  height: 34px;
  color: #111;
  vertical-align: middle;
  font-size: 14px;
  line-height: 16px; }

.platform-ios input[type="datetime-local"],
.platform-ios input[type="date"],
.platform-ios input[type="month"],
.platform-ios input[type="time"],
.platform-ios input[type="week"],
.platform-android input[type="datetime-local"],
.platform-android input[type="date"],
.platform-android input[type="month"],
.platform-android input[type="time"],
.platform-android input[type="week"] {
  padding-top: 8px; }

.item-input input,
.item-input textarea {
  width: 100%; }

textarea {
  padding-left: 0; }
  textarea::-moz-placeholder {
    color: #aaaaaa; }
  textarea:-ms-input-placeholder {
    color: #aaaaaa; }
  textarea::-webkit-input-placeholder {
    color: #aaaaaa;
    text-indent: -3px; }

textarea {
  height: auto; }

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  border: 0; }

input[type="radio"],
input[type="checkbox"] {
  margin: 0;
  line-height: normal; }

.item-input input[type="file"],
.item-input input[type="image"],
.item-input input[type="submit"],
.item-input input[type="reset"],
.item-input input[type="button"],
.item-input input[type="radio"],
.item-input input[type="checkbox"] {
  width: auto; }

input[type="file"] {
  line-height: 34px; }

.previous-input-focus,
.cloned-text-input + input,
.cloned-text-input + textarea {
  position: absolute !important;
  left: -9999px;
  width: 200px; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #aaaaaa; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #aaaaaa; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #aaaaaa;
  text-indent: 0; }

input[disabled],
select[disabled],
textarea[disabled],
input[readonly]:not(.cloned-text-input),
textarea[readonly]:not(.cloned-text-input),
select[readonly] {
  background-color: #f8f8f8;
  cursor: not-allowed; }

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent; }

/**
 * Checkbox
 * --------------------------------------------------
 */
.checkbox {
  position: relative;
  display: inline-block;
  padding: 7px 7px;
  cursor: pointer; }
  .checkbox input:before,
  .checkbox .checkbox-icon:before {
    border-color: #ddd; }
  .checkbox input:checked:before,
  .checkbox input:checked + .checkbox-icon:before {
    background: #387ef5;
    border-color: #387ef5; }

.checkbox-light input:before,
.checkbox-light .checkbox-icon:before {
  border-color: #ddd; }

.checkbox-light input:checked:before,
.checkbox-light input:checked + .checkbox-icon:before {
  background: #ddd;
  border-color: #ddd; }

.checkbox-stable input:before,
.checkbox-stable .checkbox-icon:before {
  border-color: #b2b2b2; }

.checkbox-stable input:checked:before,
.checkbox-stable input:checked + .checkbox-icon:before {
  background: #b2b2b2;
  border-color: #b2b2b2; }

.checkbox-positive input:before,
.checkbox-positive .checkbox-icon:before {
  border-color: #387ef5; }

.checkbox-positive input:checked:before,
.checkbox-positive input:checked + .checkbox-icon:before {
  background: #387ef5;
  border-color: #387ef5; }

.checkbox-calm input:before,
.checkbox-calm .checkbox-icon:before {
  border-color: #11c1f3; }

.checkbox-calm input:checked:before,
.checkbox-calm input:checked + .checkbox-icon:before {
  background: #11c1f3;
  border-color: #11c1f3; }

.checkbox-assertive input:before,
.checkbox-assertive .checkbox-icon:before {
  border-color: #ef473a; }

.checkbox-assertive input:checked:before,
.checkbox-assertive input:checked + .checkbox-icon:before {
  background: #ef473a;
  border-color: #ef473a; }

.checkbox-balanced input:before,
.checkbox-balanced .checkbox-icon:before {
  border-color: #33cd5f; }

.checkbox-balanced input:checked:before,
.checkbox-balanced input:checked + .checkbox-icon:before {
  background: #33cd5f;
  border-color: #33cd5f; }

.checkbox-energized input:before,
.checkbox-energized .checkbox-icon:before {
  border-color: #ffc900; }

.checkbox-energized input:checked:before,
.checkbox-energized input:checked + .checkbox-icon:before {
  background: #ffc900;
  border-color: #ffc900; }

.checkbox-royal input:before,
.checkbox-royal .checkbox-icon:before {
  border-color: #886aea; }

.checkbox-royal input:checked:before,
.checkbox-royal input:checked + .checkbox-icon:before {
  background: #886aea;
  border-color: #886aea; }

.checkbox-dark input:before,
.checkbox-dark .checkbox-icon:before {
  border-color: #444; }

.checkbox-dark input:checked:before,
.checkbox-dark input:checked + .checkbox-icon:before {
  background: #444;
  border-color: #444; }

.checkbox input:disabled:before,
.checkbox input:disabled + .checkbox-icon:before {
  border-color: #ddd; }

.checkbox input:disabled:checked:before,
.checkbox input:disabled:checked + .checkbox-icon:before {
  background: #ddd; }

.checkbox.checkbox-input-hidden input {
  display: none !important; }

.checkbox input,
.checkbox-icon {
  position: relative;
  width: 28px;
  height: 28px;
  display: block;
  border: 0;
  background: transparent;
  cursor: pointer;
  -webkit-appearance: none; }
  .checkbox input:before,
  .checkbox-icon:before {
    display: table;
    width: 100%;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    border-radius: 28px;
    background: #fff;
    content: ' ';
    -webkit-transition: background-color 20ms ease-in-out;
    transition: background-color 20ms ease-in-out; }

.checkbox input:checked:before,
input:checked + .checkbox-icon:before {
  border-width: 2px; }

.checkbox input:after,
.checkbox-icon:after {
  -webkit-transition: opacity 0.05s ease-in-out;
  transition: opacity 0.05s ease-in-out;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 33%;
  left: 25%;
  display: table;
  width: 14px;
  height: 6px;
  border: 1px solid #fff;
  border-top: 0;
  border-right: 0;
  content: ' ';
  opacity: 0; }

.platform-android .checkbox-platform input:before,
.platform-android .checkbox-platform .checkbox-icon:before,
.checkbox-square input:before,
.checkbox-square .checkbox-icon:before {
  border-radius: 2px;
  width: 72%;
  height: 72%;
  margin-top: 14%;
  margin-left: 14%;
  border-width: 2px; }

.platform-android .checkbox-platform input:after,
.platform-android .checkbox-platform .checkbox-icon:after,
.checkbox-square input:after,
.checkbox-square .checkbox-icon:after {
  border-width: 2px;
  top: 19%;
  left: 25%;
  width: 13px;
  height: 7px; }

.platform-android .item-checkbox-right .checkbox-square .checkbox-icon::after {
  top: 31%; }

.grade-c .checkbox input:after,
.grade-c .checkbox-icon:after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  top: 3px;
  left: 4px;
  border: none;
  color: #fff;
  content: '\2713';
  font-weight: bold;
  font-size: 20px; }

.checkbox input:checked:after,
input:checked + .checkbox-icon:after {
  opacity: 1; }

.item-checkbox {
  padding-left: 60px; }
  .item-checkbox.active {
    box-shadow: none; }

.item-checkbox .checkbox {
  position: absolute;
  top: 50%;
  right: 8px;
  left: 8px;
  z-index: 3;
  margin-top: -21px; }

.item-checkbox.item-checkbox-right {
  padding-right: 60px;
  padding-left: 16px; }

.item-checkbox-right .checkbox input,
.item-checkbox-right .checkbox-icon {
  float: right; }

/**
 * Toggle
 * --------------------------------------------------
 */
.item-toggle {
  pointer-events: none; }

.toggle {
  position: relative;
  display: inline-block;
  pointer-events: auto;
  margin: -5px;
  padding: 5px; }
  .toggle input:checked + .track {
    border-color: #4cd964;
    background-color: #4cd964; }
  .toggle.dragging .handle {
    background-color: #f2f2f2 !important; }

.toggle.toggle-light input:checked + .track {
  border-color: #ddd;
  background-color: #ddd; }

.toggle.toggle-stable input:checked + .track {
  border-color: #b2b2b2;
  background-color: #b2b2b2; }

.toggle.toggle-positive input:checked + .track {
  border-color: #387ef5;
  background-color: #387ef5; }

.toggle.toggle-calm input:checked + .track {
  border-color: #11c1f3;
  background-color: #11c1f3; }

.toggle.toggle-assertive input:checked + .track {
  border-color: #ef473a;
  background-color: #ef473a; }

.toggle.toggle-balanced input:checked + .track {
  border-color: #33cd5f;
  background-color: #33cd5f; }

.toggle.toggle-energized input:checked + .track {
  border-color: #ffc900;
  background-color: #ffc900; }

.toggle.toggle-royal input:checked + .track {
  border-color: #886aea;
  background-color: #886aea; }

.toggle.toggle-dark input:checked + .track {
  border-color: #444;
  background-color: #444; }

.toggle input {
  display: none; }

/* the track appearance when the toggle is "off" */
.toggle .track {
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color, border;
  transition-property: background-color, border;
  display: inline-block;
  box-sizing: border-box;
  width: 51px;
  height: 31px;
  border: solid 2px #e6e6e6;
  border-radius: 20px;
  background-color: #fff;
  content: ' ';
  cursor: pointer;
  pointer-events: none; }

/* Fix to avoid background color bleeding */
/* (occurred on (at least) Android 4.2, Asus MeMO Pad HD7 ME173X) */
.platform-android4_2 .toggle .track {
  -webkit-background-clip: padding-box; }

/* the handle (circle) thats inside the toggle's track area */
/* also the handle's appearance when it is "off" */
.toggle .handle {
  -webkit-transition: 0.3s cubic-bezier(0, 1.1, 1, 1.1);
  transition: 0.3s cubic-bezier(0, 1.1, 1, 1.1);
  -webkit-transition-property: background-color, transform;
  transition-property: background-color, transform;
  position: absolute;
  display: block;
  width: 27px;
  height: 27px;
  border-radius: 27px;
  background-color: #fff;
  top: 7px;
  left: 7px;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(0, 0, 0, 0.15); }
  .toggle .handle:before {
    position: absolute;
    top: -4px;
    left: -21.5px;
    padding: 18.5px 34px;
    content: " "; }

.toggle input:checked + .track .handle {
  -webkit-transform: translate3d(20px, 0, 0);
  transform: translate3d(20px, 0, 0);
  background-color: #fff; }

.item-toggle.active {
  box-shadow: none; }

.item-toggle,
.item-toggle.item-complex .item-content {
  padding-right: 99px; }

.item-toggle.item-complex {
  padding-right: 0; }

.item-toggle .toggle {
  position: absolute;
  top: 10px;
  right: 16px;
  z-index: 3; }

.toggle input:disabled + .track {
  opacity: .6; }

.toggle-small .track {
  border: 0;
  width: 34px;
  height: 15px;
  background: #9e9e9e; }

.toggle-small input:checked + .track {
  background: rgba(0, 150, 137, 0.5); }

.toggle-small .handle {
  top: 2px;
  left: 4px;
  width: 21px;
  height: 21px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); }

.toggle-small input:checked + .track .handle {
  -webkit-transform: translate3d(16px, 0, 0);
  transform: translate3d(16px, 0, 0);
  background: #009689; }

.toggle-small.item-toggle .toggle {
  top: 19px; }

.toggle-small .toggle-light input:checked + .track {
  background-color: rgba(221, 221, 221, 0.5); }

.toggle-small .toggle-light input:checked + .track .handle {
  background-color: #ddd; }

.toggle-small .toggle-stable input:checked + .track {
  background-color: rgba(178, 178, 178, 0.5); }

.toggle-small .toggle-stable input:checked + .track .handle {
  background-color: #b2b2b2; }

.toggle-small .toggle-positive input:checked + .track {
  background-color: rgba(56, 126, 245, 0.5); }

.toggle-small .toggle-positive input:checked + .track .handle {
  background-color: #387ef5; }

.toggle-small .toggle-calm input:checked + .track {
  background-color: rgba(17, 193, 243, 0.5); }

.toggle-small .toggle-calm input:checked + .track .handle {
  background-color: #11c1f3; }

.toggle-small .toggle-assertive input:checked + .track {
  background-color: rgba(239, 71, 58, 0.5); }

.toggle-small .toggle-assertive input:checked + .track .handle {
  background-color: #ef473a; }

.toggle-small .toggle-balanced input:checked + .track {
  background-color: rgba(51, 205, 95, 0.5); }

.toggle-small .toggle-balanced input:checked + .track .handle {
  background-color: #33cd5f; }

.toggle-small .toggle-energized input:checked + .track {
  background-color: rgba(255, 201, 0, 0.5); }

.toggle-small .toggle-energized input:checked + .track .handle {
  background-color: #ffc900; }

.toggle-small .toggle-royal input:checked + .track {
  background-color: rgba(136, 106, 234, 0.5); }

.toggle-small .toggle-royal input:checked + .track .handle {
  background-color: #886aea; }

.toggle-small .toggle-dark input:checked + .track {
  background-color: rgba(68, 68, 68, 0.5); }

.toggle-small .toggle-dark input:checked + .track .handle {
  background-color: #444; }

/**
 * Radio Button Inputs
 * --------------------------------------------------
 */
.item-radio {
  padding: 0; }
  .item-radio:hover {
    cursor: pointer; }

.item-radio .item-content {
  /* give some room to the right for the checkmark icon */
  padding-right: 64px; }

.item-radio .radio-icon {
  /* checkmark icon will be hidden by default */
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  visibility: hidden;
  padding: 14px;
  height: 100%;
  font-size: 24px; }

.item-radio input {
  /* hide any radio button inputs elements (the ugly circles) */
  position: absolute;
  left: -9999px; }
  .item-radio input:checked + .radio-content .item-content {
    /* style the item content when its checked */
    background: #f7f7f7; }
  .item-radio input:checked + .radio-content .radio-icon {
    /* show the checkmark icon when its checked */
    visibility: visible; }

/**
 * Range
 * --------------------------------------------------
 */
.range input {
  display: inline-block;
  overflow: hidden;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-right: 2px;
  padding-left: 1px;
  width: auto;
  height: 43px;
  outline: none;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ccc), color-stop(100%, #ccc));
  background: linear-gradient(to right, #ccc 0%, #ccc 100%);
  background-position: center;
  background-size: 99% 2px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  /*
   &::-ms-track{
     background: transparent;
     border-color: transparent;
     border-width: 11px 0 16px;
     color:transparent;
     margin-top:20px;
   }
   &::-ms-thumb {
     width: $range-slider-width;
     height: $range-slider-height;
     border-radius: $range-slider-border-radius;
     background-color: $toggle-handle-off-bg-color;
     border-color:$toggle-handle-off-bg-color;
     box-shadow: $range-slider-box-shadow;
     margin-left:1px;
     margin-right:1px;
     outline:none;
   }
   &::-ms-fill-upper {
     height: $range-track-height;
     background:$range-default-track-bg;
   }
   */ }
  .range input::-moz-focus-outer {
    /* hide the focus outline in Firefox */
    border: 0; }
  .range input::-webkit-slider-thumb {
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    -webkit-appearance: none;
    border: 0; }
  .range input::-webkit-slider-thumb:before {
    /* what creates the colorful line on the left side of the slider */
    position: absolute;
    top: 13px;
    left: -2001px;
    width: 2000px;
    height: 2px;
    background: #444;
    content: ' '; }
  .range input::-webkit-slider-thumb:after {
    /* create a larger (but hidden) hit area */
    position: absolute;
    top: -15px;
    left: -15px;
    padding: 30px;
    content: ' '; }
  .range input::-ms-fill-lower {
    height: 2px;
    background: #444; }

.range {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 2px 11px; }
  .range.range-light input::-webkit-slider-thumb:before {
    background: #ddd; }
  .range.range-light input::-ms-fill-lower {
    background: #ddd; }
  .range.range-stable input::-webkit-slider-thumb:before {
    background: #b2b2b2; }
  .range.range-stable input::-ms-fill-lower {
    background: #b2b2b2; }
  .range.range-positive input::-webkit-slider-thumb:before {
    background: #387ef5; }
  .range.range-positive input::-ms-fill-lower {
    background: #387ef5; }
  .range.range-calm input::-webkit-slider-thumb:before {
    background: #11c1f3; }
  .range.range-calm input::-ms-fill-lower {
    background: #11c1f3; }
  .range.range-balanced input::-webkit-slider-thumb:before {
    background: #33cd5f; }
  .range.range-balanced input::-ms-fill-lower {
    background: #33cd5f; }
  .range.range-assertive input::-webkit-slider-thumb:before {
    background: #ef473a; }
  .range.range-assertive input::-ms-fill-lower {
    background: #ef473a; }
  .range.range-energized input::-webkit-slider-thumb:before {
    background: #ffc900; }
  .range.range-energized input::-ms-fill-lower {
    background: #ffc900; }
  .range.range-royal input::-webkit-slider-thumb:before {
    background: #886aea; }
  .range.range-royal input::-ms-fill-lower {
    background: #886aea; }
  .range.range-dark input::-webkit-slider-thumb:before {
    background: #444; }
  .range.range-dark input::-ms-fill-lower {
    background: #444; }

.range .icon, .range .icon-help, .range .icon-alert, .range #menu .footer .icon-help, #menu .footer .range .icon-help {
  -webkit-box-flex: 0;
  -webkit-flex: 0;
  -moz-box-flex: 0;
  -moz-flex: 0;
  -ms-flex: 0;
  flex: 0;
  display: block;
  min-width: 24px;
  text-align: center;
  font-size: 24px; }

.range input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  margin-right: 10px;
  margin-left: 10px; }

.range-label {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  white-space: nowrap; }

.range-label:first-child {
  padding-left: 5px; }

.range input + .range-label {
  padding-right: 5px;
  padding-left: 0; }

.platform-windowsphone .range input {
  height: auto; }

/**
 * Select
 * --------------------------------------------------
 */
.item-select {
  position: relative; }
  .item-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 0 48px 0 16px;
    max-width: 65%;
    border: none;
    background: #fff;
    color: #333;
    text-indent: .01px;
    text-overflow: '';
    white-space: nowrap;
    font-size: 14px;
    cursor: pointer;
    direction: rtl; }
  .item-select select::-ms-expand {
    display: none; }
  .item-select option {
    direction: ltr; }
  .item-select:after {
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-top: 5px solid;
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid rgba(0, 0, 0, 0);
    color: #999;
    content: "";
    pointer-events: none; }
  .item-select.item-light select {
    background: #fff;
    color: #444; }
  .item-select.item-stable select {
    background: #f8f8f8;
    color: #444; }
  .item-select.item-stable:after, .item-select.item-stable .input-label {
    color: #666666; }
  .item-select.item-positive select {
    background: #387ef5;
    color: #fff; }
  .item-select.item-positive:after, .item-select.item-positive .input-label {
    color: #fff; }
  .item-select.item-calm select {
    background: #11c1f3;
    color: #fff; }
  .item-select.item-calm:after, .item-select.item-calm .input-label {
    color: #fff; }
  .item-select.item-assertive select {
    background: #ef473a;
    color: #fff; }
  .item-select.item-assertive:after, .item-select.item-assertive .input-label {
    color: #fff; }
  .item-select.item-balanced select {
    background: #33cd5f;
    color: #fff; }
  .item-select.item-balanced:after, .item-select.item-balanced .input-label {
    color: #fff; }
  .item-select.item-energized select {
    background: #ffc900;
    color: #fff; }
  .item-select.item-energized:after, .item-select.item-energized .input-label {
    color: #fff; }
  .item-select.item-royal select {
    background: #886aea;
    color: #fff; }
  .item-select.item-royal:after, .item-select.item-royal .input-label {
    color: #fff; }
  .item-select.item-dark select {
    background: #444;
    color: #fff; }
  .item-select.item-dark:after, .item-select.item-dark .input-label {
    color: #fff; }

select[multiple], select[size] {
  height: auto; }

/**
 * Progress
 * --------------------------------------------------
 */
progress {
  display: block;
  margin: 15px auto;
  width: 100%; }

/**
 * Buttons
 * --------------------------------------------------
 */
.button {
  border-color: transparent;
  background-color: #f8f8f8;
  color: #444;
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0 12px;
  min-width: 52px;
  min-height: 47px;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  vertical-align: top;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 42px;
  cursor: pointer; }
  .button:hover {
    color: #444;
    text-decoration: none; }
  .button.active, .button.activated {
    border-color: #a2a2a2;
    background-color: #e5e5e5; }
  .button:after {
    position: absolute;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    content: ' '; }
  .button .icon, .button .icon-help, .button .icon-alert, .button #menu .footer .icon-help, #menu .footer .button .icon-help {
    vertical-align: top;
    pointer-events: none; }
  .button .icon:before, .button .icon-help:before, .button .icon-alert:before, .button #menu .footer .icon-help:before, #menu .footer .button .icon-help:before, .button.icon:before, .button.icon-help:before, .button.icon-alert:before, #menu .footer .button.icon-help:before, .button.icon-left:before, .button.icon-right:before {
    display: inline-block;
    padding: 0 0 1px 0;
    vertical-align: inherit;
    font-size: 24px;
    line-height: 41px;
    pointer-events: none; }
  .button.icon-left:before {
    float: left;
    padding-right: .2em;
    padding-left: 0; }
  .button.icon-right:before {
    float: right;
    padding-right: 0;
    padding-left: .2em; }
  .button.button-block, .button.button-full {
    margin-top: 10px;
    margin-bottom: 10px; }
  .button.button-light {
    border-color: transparent;
    background-color: #fff;
    color: #444; }
    .button.button-light:hover {
      color: #444;
      text-decoration: none; }
    .button.button-light.active, .button.button-light.activated {
      border-color: #a2a2a2;
      background-color: #fafafa; }
    .button.button-light.button-clear, .button.button-light.button-text {
      border-color: transparent;
      background: none;
      box-shadow: none;
      color: #ddd; }
    .button.button-light.button-icon {
      border-color: transparent;
      background: none; }
    .button.button-light.button-outline {
      border-color: #ddd;
      background: transparent;
      color: #ddd; }
      .button.button-light.button-outline.active, .button.button-light.button-outline.activated {
        background-color: #ddd;
        box-shadow: none;
        color: #fff; }
  .button.button-stable {
    border-color: transparent;
    background-color: #f8f8f8;
    color: #444; }
    .button.button-stable:hover {
      color: #444;
      text-decoration: none; }
    .button.button-stable.active, .button.button-stable.activated {
      border-color: #a2a2a2;
      background-color: #e5e5e5; }
    .button.button-stable.button-clear, .button.button-stable.button-text {
      border-color: transparent;
      background: none;
      box-shadow: none;
      color: #b2b2b2; }
    .button.button-stable.button-icon {
      border-color: transparent;
      background: none; }
    .button.button-stable.button-outline {
      border-color: #b2b2b2;
      background: transparent;
      color: #b2b2b2; }
      .button.button-stable.button-outline.active, .button.button-stable.button-outline.activated {
        background-color: #b2b2b2;
        box-shadow: none;
        color: #fff; }
  .button.button-positive, .button.button-text {
    border-color: transparent;
    background-color: #387ef5;
    color: #fff; }
    .button.button-positive:hover, .button.button-text:hover {
      color: #fff;
      text-decoration: none; }
    .button.button-positive.active, .button.active.button-text, .button.button-positive.activated, .button.activated.button-text {
      border-color: #a2a2a2;
      background-color: #0c60ee; }
    .button.button-positive.button-clear, .button.button-text {
      border-color: transparent;
      background: none;
      box-shadow: none;
      color: #387ef5; }
    .button.button-positive.button-icon, .button.button-icon.button-text {
      border-color: transparent;
      background: none; }
    .button.button-positive.button-outline, .button.button-outline.button-text {
      border-color: #387ef5;
      background: transparent;
      color: #387ef5; }
      .button.button-positive.button-outline.active, .button.button-outline.active.button-text, .button.button-positive.button-outline.activated, .button.button-outline.activated.button-text {
        background-color: #387ef5;
        box-shadow: none;
        color: #fff; }
  .button.button-calm {
    border-color: transparent;
    background-color: #11c1f3;
    color: #fff; }
    .button.button-calm:hover {
      color: #fff;
      text-decoration: none; }
    .button.button-calm.active, .button.button-calm.activated {
      border-color: #a2a2a2;
      background-color: #0a9dc7; }
    .button.button-calm.button-clear, .button.button-calm.button-text {
      border-color: transparent;
      background: none;
      box-shadow: none;
      color: #11c1f3; }
    .button.button-calm.button-icon {
      border-color: transparent;
      background: none; }
    .button.button-calm.button-outline {
      border-color: #11c1f3;
      background: transparent;
      color: #11c1f3; }
      .button.button-calm.button-outline.active, .button.button-calm.button-outline.activated {
        background-color: #11c1f3;
        box-shadow: none;
        color: #fff; }
  .button.button-assertive {
    border-color: transparent;
    background-color: #ef473a;
    color: #fff; }
    .button.button-assertive:hover {
      color: #fff;
      text-decoration: none; }
    .button.button-assertive.active, .button.button-assertive.activated {
      border-color: #a2a2a2;
      background-color: #e42112; }
    .button.button-assertive.button-clear, .button.button-assertive.button-text {
      border-color: transparent;
      background: none;
      box-shadow: none;
      color: #ef473a; }
    .button.button-assertive.button-icon {
      border-color: transparent;
      background: none; }
    .button.button-assertive.button-outline {
      border-color: #ef473a;
      background: transparent;
      color: #ef473a; }
      .button.button-assertive.button-outline.active, .button.button-assertive.button-outline.activated {
        background-color: #ef473a;
        box-shadow: none;
        color: #fff; }
  .button.button-balanced {
    border-color: transparent;
    background-color: #33cd5f;
    color: #fff; }
    .button.button-balanced:hover {
      color: #fff;
      text-decoration: none; }
    .button.button-balanced.active, .button.button-balanced.activated {
      border-color: #a2a2a2;
      background-color: #28a54c; }
    .button.button-balanced.button-clear, .button.button-balanced.button-text {
      border-color: transparent;
      background: none;
      box-shadow: none;
      color: #33cd5f; }
    .button.button-balanced.button-icon {
      border-color: transparent;
      background: none; }
    .button.button-balanced.button-outline {
      border-color: #33cd5f;
      background: transparent;
      color: #33cd5f; }
      .button.button-balanced.button-outline.active, .button.button-balanced.button-outline.activated {
        background-color: #33cd5f;
        box-shadow: none;
        color: #fff; }
  .button.button-energized {
    border-color: transparent;
    background-color: #ffc900;
    color: #fff; }
    .button.button-energized:hover {
      color: #fff;
      text-decoration: none; }
    .button.button-energized.active, .button.button-energized.activated {
      border-color: #a2a2a2;
      background-color: #e6b500; }
    .button.button-energized.button-clear, .button.button-energized.button-text {
      border-color: transparent;
      background: none;
      box-shadow: none;
      color: #ffc900; }
    .button.button-energized.button-icon {
      border-color: transparent;
      background: none; }
    .button.button-energized.button-outline {
      border-color: #ffc900;
      background: transparent;
      color: #ffc900; }
      .button.button-energized.button-outline.active, .button.button-energized.button-outline.activated {
        background-color: #ffc900;
        box-shadow: none;
        color: #fff; }
  .button.button-royal {
    border-color: transparent;
    background-color: #886aea;
    color: #fff; }
    .button.button-royal:hover {
      color: #fff;
      text-decoration: none; }
    .button.button-royal.active, .button.button-royal.activated {
      border-color: #a2a2a2;
      background-color: #6b46e5; }
    .button.button-royal.button-clear, .button.button-royal.button-text {
      border-color: transparent;
      background: none;
      box-shadow: none;
      color: #886aea; }
    .button.button-royal.button-icon {
      border-color: transparent;
      background: none; }
    .button.button-royal.button-outline {
      border-color: #886aea;
      background: transparent;
      color: #886aea; }
      .button.button-royal.button-outline.active, .button.button-royal.button-outline.activated {
        background-color: #886aea;
        box-shadow: none;
        color: #fff; }
  .button.button-dark {
    border-color: transparent;
    background-color: #444;
    color: #fff; }
    .button.button-dark:hover {
      color: #fff;
      text-decoration: none; }
    .button.button-dark.active, .button.button-dark.activated {
      border-color: #a2a2a2;
      background-color: #262626; }
    .button.button-dark.button-clear, .button.button-dark.button-text {
      border-color: transparent;
      background: none;
      box-shadow: none;
      color: #444; }
    .button.button-dark.button-icon {
      border-color: transparent;
      background: none; }
    .button.button-dark.button-outline {
      border-color: #444;
      background: transparent;
      color: #444; }
      .button.button-dark.button-outline.active, .button.button-dark.button-outline.activated {
        background-color: #444;
        box-shadow: none;
        color: #fff; }

.button-small, .button-text.button-small {
  padding: 2px 4px 1px;
  min-width: 28px;
  min-height: 30px;
  font-size: 12px;
  line-height: 26px; }
  .button-small .icon:before, .button-small .icon-help:before, .button-small .icon-alert:before, .button-small #menu .footer .icon-help:before, #menu .footer .button-small .icon-help:before, .button-small.icon:before, .button-small.icon-help:before, .button-small.icon-alert:before, #menu .footer .button-small.icon-help:before, .button-small.icon-left:before, .button-small.icon-right:before {
    font-size: 16px;
    line-height: 19px;
    margin-top: 3px; }

.button-large {
  padding: 0 16px;
  min-width: 68px;
  min-height: 59px;
  font-size: 20px;
  line-height: 53px; }
  .button-large .icon:before, .button-large .icon-help:before, .button-large .icon-alert:before, .button-large #menu .footer .icon-help:before, #menu .footer .button-large .icon-help:before, .button-large.icon:before, .button-large.icon-help:before, .button-large.icon-alert:before, #menu .footer .button-large.icon-help:before, .button-large.icon-left:before, .button-large.icon-right:before {
    padding-bottom: 2px;
    font-size: 32px;
    line-height: 51px; }

.button-icon {
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  padding: 0 6px;
  min-width: initial;
  border-color: transparent;
  background: none; }
  .button-icon.button.active, .button-icon.button.activated {
    border-color: transparent;
    background: none;
    box-shadow: none;
    opacity: 0.3; }
  .button-icon .icon:before, .button-icon .icon-help:before, .button-icon .icon-alert:before, .button-icon #menu .footer .icon-help:before, #menu .footer .button-icon .icon-help:before, .button-icon.icon:before, .button-icon.icon-help:before, .button-icon.icon-alert:before, #menu .footer .button-icon.icon-help:before {
    font-size: 32px; }

.button-clear, .button-text {
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  padding: 0 6px;
  max-height: 42px;
  border-color: transparent;
  background: none;
  box-shadow: none; }
  .button-clear.button-clear, .button-text {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: transparent; }
  .button-clear.button-icon, .button-icon.button-text {
    border-color: transparent;
    background: none; }
  .button-clear.active, .active.button-text, .button-clear.activated, .activated.button-text {
    opacity: 0.3; }

.button-outline {
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  background: none;
  box-shadow: none; }
  .button-outline.button-outline {
    border-color: transparent;
    background: transparent;
    color: transparent; }
    .button-outline.button-outline.active, .button-outline.button-outline.activated {
      background-color: transparent;
      box-shadow: none;
      color: #fff; }

.padding > .button.button-block:first-child, .item.large-button-bar > .button.button-block:first-child {
  margin-top: 0; }

.button-block {
  display: block;
  clear: both; }
  .button-block:after {
    clear: both; }

.button-full,
.button-full > .button {
  display: block;
  margin-right: 0;
  margin-left: 0;
  border-right-width: 0;
  border-left-width: 0;
  border-radius: 0; }

button.button-block,
button.button-full,
.button-full > button.button,
input.button.button-block {
  width: 100%; }

a.button {
  text-decoration: none; }
  a.button .icon:before, a.button .icon-help:before, a.button .icon-alert:before, a.button #menu .footer .icon-help:before, #menu .footer a.button .icon-help:before, a.button.icon:before, a.button.icon-help:before, a.button.icon-alert:before, #menu .footer a.button.icon-help:before, a.button.icon-left:before, a.button.icon-right:before {
    margin-top: 2px; }

.button.disabled,
.button[disabled] {
  opacity: .4;
  cursor: default !important;
  pointer-events: none; }

/**
 * Button Bar
 * --------------------------------------------------
 */
.button-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%; }
  .button-bar.button-bar-inline {
    display: block;
    width: auto;
    *zoom: 1; }
    .button-bar.button-bar-inline:before, .button-bar.button-bar-inline:after {
      display: table;
      content: "";
      line-height: 0; }
    .button-bar.button-bar-inline:after {
      clear: both; }
    .button-bar.button-bar-inline > .button {
      width: auto;
      display: inline-block;
      float: left; }
  .button-bar.bar-light > .button {
    border-color: #ddd; }
  .button-bar.bar-stable > .button {
    border-color: #b2b2b2; }
  .button-bar.bar-positive > .button {
    border-color: #0c60ee; }
  .button-bar.bar-calm > .button {
    border-color: #0a9dc7; }
  .button-bar.bar-assertive > .button {
    border-color: #e42112; }
  .button-bar.bar-balanced > .button {
    border-color: #28a54c; }
  .button-bar.bar-energized > .button {
    border-color: #e6b500; }
  .button-bar.bar-royal > .button {
    border-color: #6b46e5; }
  .button-bar.bar-dark > .button {
    border-color: #111; }

.button-bar > .button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  overflow: hidden;
  padding: 0 16px;
  width: 0;
  border-width: 1px 0px 1px 1px;
  border-radius: 0;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .button-bar > .button:before,
  .button-bar > .button .icon:before,
  .button-bar > .button .icon-help:before,
  .button-bar > .button .icon-alert:before,
  .button-bar > .button #menu .footer .icon-help:before,
  #menu .footer .button-bar > .button .icon-help:before {
    line-height: 44px; }
  .button-bar > .button:first-child {
    border-radius: 4px 0px 0px 4px; }
  .button-bar > .button:last-child {
    border-right-width: 1px;
    border-radius: 0px 4px 4px 0px; }
  .button-bar > .button:only-child {
    border-radius: 4px; }

.button-bar > .button-small:before,
.button-bar > .button-small .icon:before,
.button-bar > .button-small .icon-help:before,
.button-bar > .button-small .icon-alert:before,
.button-bar > .button-small #menu .footer .icon-help:before,
#menu .footer .button-bar > .button-small .icon-help:before {
  line-height: 28px; }

/**
 * Grid
 * --------------------------------------------------
 * Using flexbox for the grid, inspired by Philip Walton:
 * http://philipwalton.github.io/solved-by-flexbox/demos/grids/
 * By default each .col within a .row will evenly take up
 * available width, and the height of each .col with take
 * up the height of the tallest .col in the same .row.
 */
.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  width: 100%; }

.row-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

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

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

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

/* Vertically Align Columns */
/* .row-* vertically aligns every .col in the .row */
.row-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start; }

.row-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end; }

.row-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.row-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch; }

.row-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  align-items: baseline; }

/* .col-* vertically aligns an individual .col */
.col-top {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start; }

.col-bottom {
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end; }

.col-center {
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-flex-item-align: center;
  align-self: center; }

/* Column Offsets */
.col-offset-10 {
  margin-left: 10%; }

.col-offset-20 {
  margin-left: 20%; }

.col-offset-25 {
  margin-left: 25%; }

.col-offset-33, .col-offset-34 {
  margin-left: 33.3333%; }

.col-offset-50 {
  margin-left: 50%; }

.col-offset-66, .col-offset-67 {
  margin-left: 66.6666%; }

.col-offset-75 {
  margin-left: 75%; }

.col-offset-80 {
  margin-left: 80%; }

.col-offset-90 {
  margin-left: 90%; }

/* Explicit Column Percent Sizes */
/* By default each grid column will evenly distribute */
/* across the grid. However, you can specify individual */
/* columns to take up a certain size of the available area */
.col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 10%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 10%;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  max-width: 10%; }

.col-20 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%; }

.col-25 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.col-33, .col-34 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.3333%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 33.3333%;
  -ms-flex: 0 0 33.3333%;
  flex: 0 0 33.3333%;
  max-width: 33.3333%; }

.col-40 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 40%;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%; }

.col-50 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.col-60 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 60%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 60%;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%; }

.col-66, .col-67 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.6666%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 66.6666%;
  -ms-flex: 0 0 66.6666%;
  flex: 0 0 66.6666%;
  max-width: 66.6666%; }

.col-75 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

.col-80 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 80%;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%; }

.col-90 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 90%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 90%;
  -ms-flex: 0 0 90%;
  flex: 0 0 90%;
  max-width: 90%; }

/* Responsive Grid Classes */
/* Adding a class of responsive-X to a row */
/* will trigger the flex-direction to */
/* change to column and add some margin */
/* to any columns in the row for clearity */
@media (max-width: 567px) {
  .responsive-sm {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .responsive-sm .col, .responsive-sm .col-10, .responsive-sm .col-20, .responsive-sm .col-25, .responsive-sm .col-33, .responsive-sm .col-34, .responsive-sm .col-50, .responsive-sm .col-66, .responsive-sm .col-67, .responsive-sm .col-75, .responsive-sm .col-80, .responsive-sm .col-90 {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin-bottom: 15px;
      margin-left: 0;
      max-width: 100%;
      width: 100%; } }

@media (max-width: 767px) {
  .responsive-md {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .responsive-md .col, .responsive-md .col-10, .responsive-md .col-20, .responsive-md .col-25, .responsive-md .col-33, .responsive-md .col-34, .responsive-md .col-50, .responsive-md .col-66, .responsive-md .col-67, .responsive-md .col-75, .responsive-md .col-80, .responsive-md .col-90 {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin-bottom: 15px;
      margin-left: 0;
      max-width: 100%;
      width: 100%; } }

@media (max-width: 1023px) {
  .responsive-lg {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .responsive-lg .col, .responsive-lg .col-10, .responsive-lg .col-20, .responsive-lg .col-25, .responsive-lg .col-33, .responsive-lg .col-34, .responsive-lg .col-50, .responsive-lg .col-66, .responsive-lg .col-67, .responsive-lg .col-75, .responsive-lg .col-80, .responsive-lg .col-90 {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin-bottom: 15px;
      margin-left: 0;
      max-width: 100%;
      width: 100%; } }

/**
 * Utility Classes
 * --------------------------------------------------
 */
.hide {
  display: none; }

.opacity-hide {
  opacity: 0; }

.grade-b .opacity-hide,
.grade-c .opacity-hide {
  opacity: 1;
  display: none; }

.show {
  display: block; }

.opacity-show {
  opacity: 1; }

.invisible {
  visibility: hidden; }

.keyboard-open .hide-on-keyboard-open {
  display: none; }

.keyboard-open .tabs.hide-on-keyboard-open + .pane .has-tabs,
.keyboard-open .bar-footer.hide-on-keyboard-open + .pane .has-footer {
  bottom: 0; }

.inline {
  display: inline-block; }

.disable-pointer-events {
  pointer-events: none; }

.enable-pointer-events {
  pointer-events: auto; }

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

.click-block {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 99999;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  overflow: hidden; }

.click-block-hide {
  -webkit-transform: translate3d(-9999px, 0, 0);
  transform: translate3d(-9999px, 0, 0); }

.no-resize {
  resize: none; }

.block {
  display: block;
  clear: both; }
  .block:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: "."; }

.full-image {
  width: 100%; }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0; }
  .clearfix:after {
    clear: both; }

/**
 * Content Padding
 * --------------------------------------------------
 */
.padding, .item.large-button-bar {
  padding: 10px; }

.padding-top,
.padding-vertical {
  padding-top: 10px; }

.padding-right, .popover-share .bar-footer .button-close,
.padding-horizontal {
  padding-right: 10px; }

.padding-bottom, .popover-share .bar-footer .button-close,
.padding-vertical {
  padding-bottom: 10px; }

.padding-left,
.padding-horizontal {
  padding-left: 10px; }

/**
 * Scrollable iFrames
 * --------------------------------------------------
 */
.iframe-wrapper {
  position: fixed;
  -webkit-overflow-scrolling: touch;
  overflow: scroll; }
  .iframe-wrapper iframe {
    height: 100%;
    width: 100%; }

/**
 * Rounded
 * --------------------------------------------------
 */
.rounded {
  border-radius: 4px; }

/**
 * Utility Colors
 * --------------------------------------------------
 * Utility colors are added to help set a naming convention. You'll
 * notice we purposely do not use words like "red" or "blue", but
 * instead have colors which represent an emotion or generic theme.
 */
.light, a.light {
  color: #fff; }

.light-bg {
  background-color: #fff; }

.light-border {
  border-color: #ddd; }

.stable, a.stable {
  color: #f8f8f8; }

.stable-bg {
  background-color: #f8f8f8; }

.stable-border {
  border-color: #b2b2b2; }

.positive, .text-editable:hover, .icon-help, a.positive, a.text-editable:hover, a.icon-help {
  color: #387ef5; }

.positive-bg {
  background-color: #387ef5; }

.positive-border {
  border-color: #0c60ee; }

.calm, #menu .footer .icon-help, a.calm, #menu .footer a.icon-help {
  color: #11c1f3; }

.calm-bg {
  background-color: #11c1f3; }

.calm-border {
  border-color: #0a9dc7; }

.assertive, .icon-alert, a.assertive, a.icon-alert {
  color: #ef473a; }

.assertive-bg {
  background-color: #ef473a; }

.assertive-border {
  border-color: #e42112; }

.balanced, a.balanced {
  color: #33cd5f; }

.balanced-bg {
  background-color: #33cd5f; }

.balanced-border {
  border-color: #28a54c; }

.energized, a.energized {
  color: #ffc900; }

.energized-bg {
  background-color: #ffc900; }

.energized-border {
  border-color: #e6b500; }

.royal, a.royal {
  color: #886aea; }

.royal-bg {
  background-color: #886aea; }

.royal-border {
  border-color: #6b46e5; }

.dark, .button-text-dark, #home h4, a.dark, a.button-text-dark {
  color: #444; }

.dark-bg {
  background-color: #444; }

.dark-border {
  border-color: #111; }

[collection-repeat] {
  /* Position is set by transforms */
  left: 0 !important;
  top: 0 !important;
  position: absolute !important;
  z-index: 1; }

.collection-repeat-container {
  position: relative;
  z-index: 1; }

.collection-repeat-after-container {
  z-index: 0;
  display: block;
  /* when scrolling horizontally, make sure the after container doesn't take up 100% width */ }
  .collection-repeat-after-container.horizontal {
    display: inline-block; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak,
.x-ng-cloak, .ng-hide:not(.ng-hide-animate) {
  display: none !important; }

/**
 * Platform
 * --------------------------------------------------
 * Platform specific tweaks
 */
.platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) {
  height: 64px;
  height: calc(constant(safe-area-inset-top) + 44px);
  height: calc(env(safe-area-inset-top) + 44px); }
  .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader).item-input-inset .item-input-wrapper {
    margin-top: 19px !important; }
  .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) > * {
    margin-top: 20px;
    margin-top: constant(safe-area-inset-top);
    margin-top: env(safe-area-inset-top); }

.platform-ios.platform-cordova:not(.fullscreen) .bar-header {
  padding-left: calc( constant(safe-area-inset-left) + 5px);
  padding-left: calc(env(safe-area-inset-left) + 5px);
  padding-right: calc(constant(safe-area-inset-right) + 5px);
  padding-right: calc(env(safe-area-inset-right) + 5px); }
  .platform-ios.platform-cordova:not(.fullscreen) .bar-header .buttons:last-child {
    right: calc(constant(safe-area-inset-right) + 5px);
    right: calc(env(safe-area-inset-right) + 5px); }

.platform-ios.platform-cordova:not(.fullscreen) .has-tabs, .platform-ios.platform-cordova:not(.fullscreen) .bar-footer.has-tabs {
  bottom: calc(constant(safe-area-inset-bottom) + 49px);
  bottom: calc(env(safe-area-inset-bottom) + 49px); }

.platform-ios.platform-cordova:not(.fullscreen) .tabs-top > .tabs, .platform-ios.platform-cordova:not(.fullscreen) .tabs.tabs-top {
  top: 64px; }

.platform-ios.platform-cordova:not(.fullscreen) .tabs {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  height: calc(constant(safe-area-inset-bottom) + 49px);
  height: calc(env(safe-area-inset-bottom) + 49px); }

.platform-ios.platform-cordova:not(.fullscreen) .has-header, .platform-ios.platform-cordova:not(.fullscreen) .bar-subheader {
  top: 64px;
  top: calc(constant(safe-area-inset-top) + 44px);
  top: calc(env(safe-area-inset-top) + 44px); }

.platform-ios.platform-cordova:not(.fullscreen) .has-subheader {
  top: 108px;
  top: calc(constant(safe-area-inset-top) + 88px);
  top: calc(env(safe-area-inset-top) + 88px); }

.platform-ios.platform-cordova:not(.fullscreen) .has-header.has-tabs-top {
  top: 113px;
  top: calc(93px + constant(safe-area-inset-top));
  top: calc(93px + env(safe-area-inset-top)); }

.platform-ios.platform-cordova:not(.fullscreen) .has-header.has-subheader.has-tabs-top {
  top: 157px;
  top: calc(137px + constant(safe-area-inset-right));
  top: calc(137px + env(safe-area-inset-right)); }

.platform-ios.platform-cordova .popover .bar-header:not(.bar-subheader) {
  height: 44px; }
  .platform-ios.platform-cordova .popover .bar-header:not(.bar-subheader).item-input-inset .item-input-wrapper {
    margin-top: -1px; }
  .platform-ios.platform-cordova .popover .bar-header:not(.bar-subheader) > * {
    margin-top: 0; }

.platform-ios.platform-cordova .popover .has-header, .platform-ios.platform-cordova .popover .bar-subheader {
  top: 44px; }

.platform-ios.platform-cordova .popover .has-subheader {
  top: 88px; }

.platform-ios.platform-cordova.status-bar-hide {
  margin-bottom: 20px; }

@media (orientation: landscape) {
  .item {
    padding: 16px calc(constant(safe-area-inset-right) + 16px); }
    .item .badge {
      right: calc(constant(safe-area-inset-right) + 32px); }
  .item-icon-left {
    padding-left: calc(constant(safe-area-inset-left) + 54px); }
    .item-icon-left .icon, .item-icon-left .icon-help, .item-icon-left .icon-alert, .item-icon-left #menu .footer .icon-help, #menu .footer .item-icon-left .icon-help {
      left: calc(constant(safe-area-inset-left) + 11px); }
  .item-icon-right {
    padding-right: calc(constant(safe-area-inset-right) + 54px); }
    
    .item-icon-right .icon,
    .item-icon-right .icon-help,
    .item-icon-right .icon-alert,
    .item-icon-right #menu .footer .icon-help,
    #menu .footer .item-icon-right .icon-help {
      right: calc(constant(safe-area-inset-right) + 11px); }
  .item-complex,
  a.item.item-complex,
  button.item.item-complex {
    padding: 0; }
    .item-complex .item-content, a.item.item-complex .item-content, button.item.item-complex .item-content {
      padding: 16px calc(constant(safe-area-inset-right) + 49px) 16px calc(constant(safe-area-inset-left) + 16px); }
  .item-left-edit.visible.active {
    -webkit-transform: translate3d(calc(constant(safe-area-inset-left) + 8px), 0, 0);
    transform: translate3d(calc(constant(safe-area-inset-left) + 8px), 0, 0); }
  .list-left-editing .item-left-editable .item-content,
  .item-left-editing.item-left-editable .item-content {
    -webkit-transform: translate3d(calc(constant(safe-area-inset-left) + 50px), 0, 0);
    transform: translate3d(calc(constant(safe-area-inset-left) + 50px), 0, 0); }
  .item-right-edit {
    right: constant(safe-area-inset-right);
    right: env(safe-area-inset-right); }
  .platform-ios.platform-browser.platform-ipad {
    position: fixed; } }

.platform-c:not(.enable-transitions) * {
  -webkit-transition: none !important;
  transition: none !important; }

.slide-in-up {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

.slide-in-up.ng-enter,
.slide-in-up > .ng-enter {
  -webkit-transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
  transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms; }

.slide-in-up.ng-enter-active,
.slide-in-up > .ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slide-in-up.ng-leave,
.slide-in-up > .ng-leave {
  -webkit-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms; }

@-webkit-keyframes scaleOut {
  from {
    -webkit-transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.8);
    opacity: 0; } }

@keyframes scaleOut {
  from {
    transform: scale(1);
    opacity: 1; }
  to {
    transform: scale(0.8);
    opacity: 0; } }

@-webkit-keyframes superScaleIn {
  from {
    -webkit-transform: scale(1.2);
    opacity: 0; }
  to {
    -webkit-transform: scale(1);
    opacity: 1; } }

@keyframes superScaleIn {
  from {
    transform: scale(1.2);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

[nav-view-transition="ios"] [nav-view="entering"],
[nav-view-transition="ios"] [nav-view="leaving"] {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: cubic-bezier(0.36, 0.66, 0.04, 1);
  transition-timing-function: cubic-bezier(0.36, 0.66, 0.04, 1);
  -webkit-transition-property: opacity, -webkit-transform, box-shadow;
  transition-property: opacity, transform, box-shadow; }

[nav-view-transition="ios"][nav-view-direction="forward"], [nav-view-transition="ios"][nav-view-direction="back"] {
  background-color: #000; }

[nav-view-transition="ios"] [nav-view="active"],
[nav-view-transition="ios"][nav-view-direction="forward"] [nav-view="entering"],
[nav-view-transition="ios"][nav-view-direction="back"] [nav-view="leaving"] {
  z-index: 3; }

[nav-view-transition="ios"][nav-view-direction="back"] [nav-view="entering"],
[nav-view-transition="ios"][nav-view-direction="forward"] [nav-view="leaving"] {
  z-index: 2; }

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

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

[nav-bar-transition="ios"] [nav-bar="cached"] {
  display: block; }
  [nav-bar-transition="ios"] [nav-bar="cached"] .header-item {
    display: none; }

[nav-view-transition="android"] [nav-view="entering"],
[nav-view-transition="android"] [nav-view="leaving"] {
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
  -webkit-transition-property: -webkit-transform;
  transition-property: transform; }

[nav-view-transition="android"] [nav-view="active"],
[nav-view-transition="android"][nav-view-direction="forward"] [nav-view="entering"],
[nav-view-transition="android"][nav-view-direction="back"] [nav-view="leaving"] {
  z-index: 3; }

[nav-view-transition="android"][nav-view-direction="back"] [nav-view="entering"],
[nav-view-transition="android"][nav-view-direction="forward"] [nav-view="leaving"] {
  z-index: 2; }

[nav-bar-transition="android"] .title,
[nav-bar-transition="android"] .buttons {
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0.6, 0.2, 1);
  -webkit-transition-property: opacity;
  transition-property: opacity; }

[nav-bar-transition="android"] [nav-bar="active"],
[nav-bar-transition="android"] [nav-bar="entering"] {
  z-index: 10; }
  [nav-bar-transition="android"] [nav-bar="active"] .bar,
  [nav-bar-transition="android"] [nav-bar="entering"] .bar {
    background: transparent; }

[nav-bar-transition="android"] [nav-bar="cached"] {
  display: block; }
  [nav-bar-transition="android"] [nav-bar="cached"] .header-item {
    display: none; }

[nav-swipe="fast"] [nav-view],
[nav-swipe="fast"] .title,
[nav-swipe="fast"] .buttons,
[nav-swipe="fast"] .back-text {
  -webkit-transition-duration: 50ms;
  transition-duration: 50ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear; }

[nav-swipe="slow"] [nav-view],
[nav-swipe="slow"] .title,
[nav-swipe="slow"] .buttons,
[nav-swipe="slow"] .back-text {
  -webkit-transition-duration: 160ms;
  transition-duration: 160ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear; }

[nav-view="cached"],
[nav-bar="cached"] {
  display: none; }

[nav-view="stage"] {
  opacity: 0;
  -webkit-transition-duration: 0;
  transition-duration: 0; }

[nav-bar="stage"] .title,
[nav-bar="stage"] .buttons,
[nav-bar="stage"] .back-text {
  position: absolute;
  opacity: 0;
  -webkit-transition-duration: 0s;
  transition-duration: 0s; }

/* BEGIN Thin */
@font-face {
  font-family: RobotoDraft;
  src: url("../lib/robotodraft/fonts/Thin/RobotoDraft-Thin.woff2?v=1.1.0") format("woff2"), url("../lib/robotodraft/fonts/Thin/RobotoDraft-Thin.woff?v=1.1.0") format("woff"), url("../lib/robotodraft/fonts/Thin/RobotoDraft-Thin.ttf?v=1.1.0") format("truetype");
  font-weight: 100;
  font-style: normal; }

/* END Thin */
/* BEGIN Light */
@font-face {
  font-family: RobotoDraft;
  src: url("../lib/robotodraft/fonts/Light/RobotoDraft-Light.woff2?v=1.1.0") format("woff2"), url("../lib/robotodraft/fonts/Light/RobotoDraft-Light.woff?v=1.1.0") format("woff"), url("../lib/robotodraft/fonts/Light/RobotoDraft-Light.ttf?v=1.1.0") format("truetype");
  font-weight: 300;
  font-style: normal; }

/* END Light */
/* BEGIN Regular */
@font-face {
  font-family: RobotoDraft;
  src: url("../lib/robotodraft/fonts/Regular/RobotoDraft-Regular.woff2?v=1.1.0") format("woff2"), url("../lib/robotodraft/fonts/Regular/RobotoDraft-Regular.woff?v=1.1.0") format("woff"), url("../lib/robotodraft/fonts/Regular/RobotoDraft-Regular.ttf?v=1.1.0") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: RobotoDraft;
  src: url("../lib/robotodraft/fonts/Regular/RobotoDraft-Regular.woff2?v=1.1.0") format("woff2"), url("../lib/robotodraft/fonts/Regular/RobotoDraft-Regular.woff?v=1.1.0") format("woff"), url("../lib/robotodraft/fonts/Regular/RobotoDraft-Regular.ttf?v=1.1.0") format("truetype");
  font-weight: normal;
  font-style: normal; }

/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: RobotoDraft;
  src: url("../lib/robotodraft/fonts/Italic/RobotoDraft-Italic.woff2?v=1.1.0") format("woff2"), url("../lib/robotodraft/fonts/Italic/RobotoDraft-Italic.woff?v=1.1.0") format("woff"), url("../lib/robotodraft/fonts/Italic/RobotoDraft-Italic.ttf?v=1.1.0") format("truetype");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: RobotoDraft;
  src: url("../lib/robotodraft/fonts/Italic/RobotoDraft-Italic.woff2?v=1.1.0") format("woff2"), url("../lib/robotodraft/fonts/Italic/RobotoDraft-Italic.woff?v=1.1.0") format("woff"), url("../lib/robotodraft/fonts/Italic/RobotoDraft-Italic.ttf?v=1.1.0") format("truetype");
  font-weight: normal;
  font-style: italic; }

/* END Italic */
/* BEGIN Medium */
@font-face {
  font-family: RobotoDraft;
  src: url("../lib/robotodraft/fonts/Medium/RobotoDraft-Medium.woff2?v=1.1.0") format("woff2"), url("../lib/robotodraft/fonts/Medium/RobotoDraft-Medium.woff?v=1.1.0") format("woff"), url("../lib/robotodraft/fonts/Medium/RobotoDraft-Medium.ttf?v=1.1.0") format("truetype");
  font-weight: 500;
  font-style: normal; }

/* END Medium */
/* BEGIN Bold */
@font-face {
  font-family: RobotoDraft;
  src: url("../lib/robotodraft/fonts/Bold/RobotoDraft-Bold.woff2?v=1.1.0") format("woff2"), url("../lib/robotodraft/fonts/Bold/RobotoDraft-Bold.woff?v=1.1.0") format("woff"), url("../lib/robotodraft/fonts/Bold/RobotoDraft-Bold.ttf?v=1.1.0") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: RobotoDraft;
  src: url("../lib/robotodraft/fonts/Bold/RobotoDraft-Bold.woff2?v=1.1.0") format("woff2"), url("../lib/robotodraft/fonts/Bold/RobotoDraft-Bold.woff?v=1.1.0") format("woff"), url("../lib/robotodraft/fonts/Bold/RobotoDraft-Bold.ttf?v=1.1.0") format("truetype");
  font-weight: bold;
  font-style: normal; }

/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: RobotoDraft;
  src: url("../lib/robotodraft/fonts/BoldItalic/RobotoDraft-BoldItalic.woff2?v=1.1.0") format("woff2"), url("../lib/robotodraft/fonts/BoldItalic/RobotoDraft-BoldItalic.woff?v=1.1.0") format("woff"), url("../lib/robotodraft/fonts/BoldItalic/RobotoDraft-BoldItalic.ttf?v=1.1.0") format("truetype");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: RobotoDraft;
  src: url("../lib/robotodraft/fonts/BoldItalic/RobotoDraft-BoldItalic.woff2?v=1.1.0") format("woff2"), url("../lib/robotodraft/fonts/BoldItalic/RobotoDraft-BoldItalic.woff?v=1.1.0") format("woff"), url("../lib/robotodraft/fonts/BoldItalic/RobotoDraft-BoldItalic.ttf?v=1.1.0") format("truetype");
  font-weight: bold;
  font-style: italic; }

/* END Bold Italic */
/* BEGIN Black */
@font-face {
  font-family: RobotoDraft;
  src: url("../lib/robotodraft/fonts/Black/RobotoDraft-Black.woff2?v=1.1.0") format("woff2"), url("../lib/robotodraft/fonts/Black/RobotoDraft-Black.woff?v=1.1.0") format("woff"), url("../lib/robotodraft/fonts/Black/RobotoDraft-Black.ttf?v=1.1.0") format("truetype");
  font-weight: 900;
  font-style: normal; }

/* END Black */
/* Directives : MD Label
==================================*/
.item-md-label {
  display: block;
  background: transparent;
  box-shadow: none;
  margin-left: 12px;
  margin-right: 12px;
  padding: 30px 0 0; }

.item-md-label .input-label {
  position: absolute;
  padding: 5px 0 0;
  z-index: 2;
  -webkit-transform: translate3d(0, -30px, 0) scale(1);
  transform: translate3d(0, -30px, 0) scale(1);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transform-origin: 0;
  -ms-transform-origin: 0;
  transform-origin: 0; }

.item-md-label input {
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  color: #fff;
  letter-spacing: 0.25rem;
  padding: 20px 10px;
  position: relative;
  z-index: 1; }

.item-md-label .highlight {
  position: absolute;
  bottom: 0;
  height: 2px;
  left: 0;
  width: 100%;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  z-index: 1; }

.item-md-label .highlight-light {
  background: #fff; }

.item-md-label .highlight-stable {
  background: #f8f8f8; }

.item-md-label .highlight-positive {
  background: #387ef5; }

.item-md-label .highlight-calm {
  background: #11c1f3; }

.item-md-label .highlight-balanced {
  background: #33cd5f; }

.item-md-label .highlight-energized {
  background: #ffc900; }

.item-md-label .highlight-assertive {
  background: #ef473a; }

.item-md-label .highlight-royal {
  background: #886aea; }

.item-md-label .highlight-dark {
  background: #444; }

.item-md-label .input-label {
  letter-spacing: 0.25rem;
  padding: 0 10px; }

.item-md-label input:focus ~ .input-label, .item-md-label input.used ~ .input-label {
  font-weight: bold;
  opacity: 0.7;
  filter: alpha(opacity=70);
  padding: 0;
  text-transform: uppercase;
  -webkit-transform: translate3d(0, -60px, 0) scale(0.9);
  transform: translate3d(0, -60px, 0) scale(0.9); }

.item-md-label input:focus ~ .highlight {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* Bar - Header - Expanded
==================================*/
.expanded .bar.bar-header,
.bar.bar-header.expanded {
  height: 75px; }

.expanded.bar.bar-header .title,
.bar.bar-header.expanded .title {
  bottom: 0;
  top: initial;
  padding-left: 16px; }

.expanded .bar.bar-header .title.fab-left,
.bar.bar-header.expanded .title.fab-left {
  bottom: 0;
  left: 90px;
  position: absolute;
  right: initial;
  top: initial; }

.expanded .bar.bar-header .title.fab-right,
.bar.bar-header.expanded .title.fab-right {
  bottom: 0;
  left: 4px;
  position: absolute;
  top: initial;
  right: initial; }

.expanded .bar.bar-header + .button-fab,
.bar.bar-header.expanded + .button-fab {
  top: 50px; }

.expanded .bar.bar-header.push-down,
.bar.bar-header.expanded.push-down {
  height: 44px;
  overflow: hidden; }

.expanded .bar.bar-header,
.bar.bar-header.expanded {
  -webkit-transition: height 1s cubic-bezier(0.55, 0, 0.1, 1);
  transition: height 1s cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.expanded .bar.bar-header + .button-fab,
.bar.bar-header.expanded + .button-fab {
  -webkit-transition: all 1.1s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 1.1s cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1); }

.expanded .bar.bar-header.push-down + .button-fab,
.bar.bar-header.expanded.push-down + .button-fab {
  top: 0;
  -webkit-transform: translate3d(-100px, -100px, 0) scale(2.5);
  transform: translate3d(-100px, -100px, 0) scale(2.5); }

.expanded .bar.bar-header.push-down .title,
.bar.bar-header.expanded.push-down .title {
  opacity: 0;
  filter: alpha(opacity=0);
  left: initial;
  right: initial; }

.expanded .bar.bar-header .title,
.bar.bar-header.expanded .title {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 2s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 2s cubic-bezier(0.55, 0, 0.1, 1); }

.expanded .bar.bar-header .title,
.bar.bar-header.expanded .title {
  bottom: 0;
  left: 42px !important;
  top: initial; }

.expanded.has-header-fab-left .bar.bar-header .title, .bar.bar-header.expanded.has-header-fab-left .title {
  left: 76px !important; }

/* Bar
==================================*/
.bar {
  z-index: 2;
  font-size: 1.3em;
  width: 100%;
  box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26); }

.bar .button {
  min-width: 38px;
  z-index: 3; }

.bar .no-text span.back-text {
  display: none; }

.bar .title sup {
  opacity: 0.7; }

.bar.bar-header .button + .title {
  text-align: left;
  left: 35px;
  line-height: 46px; }

/* Button Bar
==================================*/
.button-bar {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); }

.button-bar > .button {
  box-shadow: none;
  /*    line-height: initial; */ }


.button-bar > .button .icon:before,
.button-bar > .button .icon-help:before,
.button-bar > .button .icon-alert:before,
.button-bar > .button #menu .footer .icon-help:before,
#menu .footer .button-bar > .button .icon-help:before,
.button-bar > .button:before {
  line-height: initial; }

.bar-footer .button-fab {
  position: absolute;
  top: -26px;
  bottom: initial; }

.bar-footer .buttons-left .button-fab {
  left: 8px; }

.bar-footer .buttons-right .button-fab {
  right: 8px; }

.bar .button.button-clear, .bar .button.button-text {
  box-shadow: none; }

.left-buttons .button-fab {
  left: 8px;
  top: 16px; }

.right-buttons .button-fab {
  right: 8px;
  top: 16px; }

.fab-left.title-left,
.fab-left.title.title-left {
  left: 68px; }

/* Button : FAB
==================================*/
.button.button-fab,
.bar .button.button-fab {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  z-index: 9999;
  width: 56px;
  height: 56px;
  max-height: initial;
  max-width: initial;
  border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  padding: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: 0.3s fade-in-out;
  transition: 0.3s fade-in-out;
  -webkit-transition-property: -webkit-transform, box-shadow;
  transition-property: transform, box-shadow; }

.button.button-fab.button-fab-bottom-right,
.bar .button.button-fab.button-fab-bottom-right {
  top: auto;
  right: 16px;
  bottom: 16px;
  left: auto;
  position: absolute; }

.button.button-fab.button-fab-bottom-left,
.bar .button.button-fab.button-fab-bottom-left {
  top: auto;
  right: auto;
  bottom: 16px;
  left: 16px;
  position: absolute; }

.button.button-fab.button-fab-top-right,
.bar .button.button-fab.button-fab-top-right {
  top: 32px;
  right: 16px;
  bottom: auto;
  left: auto;
  position: absolute; }

.button.button-fab.button-fab-top-left,
.bar .button.button-fab.button-fab-top-left {
  top: 32px;
  right: auto;
  bottom: auto;
  left: 16px;
  position: absolute; }

.button.button-fab.button-fab-top-left.expanded,
.button.button-fab.button-fab-top-right.expanded,
.bar .button.button-fab.button-fab-top-left.expanded,
.bar .button.button-fab.button-fab-top-right.expanded {
  top: 48px; }

.button.button-fab i,
.bar .button.button-fab i {
  font-size: 2.5rem;
  margin-top: 0; }

.button.button-fab.mini,
.bar .button.button-fab.mini {
  width: 40px;
  height: 40px; }

.button.button-fab.mini i,
.bar .button.button-fab.mini i {
  font-size: 2rem; }

/* Motion */
.motion {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; }

.fade {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  -webkit-transition: all 0.1s ease-out !important;
  transition: all 0.1s ease-out !important; }

.spin-back {
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  -webkit-transform: translateZ(0) rotate(360deg) scale(0) !important;
  transform: translateZ(0) rotate(360deg) scale(0) !important;
  -webkit-transition: all 0.1s ease-out !important;
  transition: all 0.1s ease-out !important; }

.spiral {
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  -webkit-transform: translateZ(0) rotate(-360deg) scale(0) translate(-120px) !important;
  transform: translateZ(0) rotate(-360deg) scale(0) translate(-120px) !important;
  -webkit-transition: all 0.1s ease-out !important;
  transition: all 0.1s ease-out !important; }

.spiral-back {
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  -webkit-transform: translateZ(0) rotate(360deg) scale(0) translate(120px) !important;
  transform: translateZ(0) rotate(360deg) scale(0) translate(120px) !important;
  -webkit-transition: all 0.1s ease-out !important;
  transition: all 0.1s ease-out !important; }

.menu-open .avatar {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translateZ(0) rotate(0) scale(1) !important;
  transform: translateZ(0) rotate(0) scale(1) !important;
  -webkit-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important; }

.button.button-fab.button-fab-top-left.motion {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(-120px, 60px, 0);
  transform: translate3d(-120px, 60px, 0);
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out; }

.button.button-fab.button-fab-top-right.motion {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(120px, 60px, 0);
  transform: translate3d(120px, 60px, 0);
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out; }

.button.button-fab.button-fab-bottom-left.motion {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(-120px, 60px, 0);
  transform: translate3d(-120px, 60px, 0);
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out; }

.button.button-fab.button-fab-bottom-right.motion {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(120px, 60px, 0);
  transform: translate3d(120px, 60px, 0);
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out; }

.spin {
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  -webkit-transform: translateZ(0) rotate(0) scale(0) !important;
  transform: translateZ(0) rotate(0) scale(0) !important;
  -webkit-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important; }

.spin.on {
  -webkit-transform: translateZ(0) rotate(-360deg) scale(1) !important;
  transform: translateZ(0) rotate(-360deg) scale(1) !important; }

.flap {
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  -webkit-transform: translateZ(0) rotateX(0) scale(0) translate(-120px) !important;
  transform: translateZ(0) rotateX(0) scale(0) translate(-120px) !important;
  -webkit-transition: all 0.5s ease-out !important;
  transition: all 0.5s ease-out !important; }

.flap.on {
  -webkit-transform: translateZ(0) rotateX(-720deg) scale(1) translate(0) !important;
  transform: translateZ(0) rotateX(-720deg) scale(1) translate(0) !important;
  -webkit-transition: all 0.5s ease-out !important;
  transition: all 0.5s ease-out !important; }

.drop {
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  -webkit-transform: translateZ(0) scale(3) !important;
  transform: translateZ(0) scale(3) !important;
  -webkit-transition: all 0.5s ease-out !important;
  transition: all 0.5s ease-out !important; }

.drop.on {
  -webkit-transform: translateZ(0) scale(1) !important;
  transform: translateZ(0) scale(1) !important;
  -webkit-transition: all 0.5s ease-out !important;
  transition: all 0.5s ease-out !important; }

.flip {
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  -webkit-transform: translateZ(0) rotateY(0) scale(0) !important;
  transform: translateZ(0) rotateY(0) scale(0) !important;
  -webkit-transition: all 0.5s ease-out !important;
  transition: all 0.5s ease-out !important; }

.flip.on {
  -webkit-transform: translateZ(0) rotateY(-720deg) scale(1) !important;
  transform: translateZ(0) rotateY(-720deg) scale(1) !important;
  -webkit-transition: all 0.5s ease-out !important;
  transition: all 0.5s ease-out !important; }

/* Button : Floating
==================================*/
.button.button-floating, .bar .button.button-floating {
  display: inline-block;
  color: #FFF;
  position: relative;
  z-index: 1;
  width: 37px;
  height: 37px;
  line-height: 37px;
  padding: 0;
  border-radius: 50%;
  background-clip: padding-box;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer; }

.button.button-floating i, .bar .button.button-floating i {
  width: inherit;
  display: inline-block;
  text-align: center;
  color: #FFF;
  font-size: 1.6rem;
  line-height: 37px; }

.button.button-floating.button-large, .bar .button.button-floating.button-large {
  width: 55.5px;
  height: 55.5px; }

.button.button-floating.button-large i, .bar .button.button-floating.button-large i {
  line-height: 55.5px; }

/* Button
==================================*/
.button,
.button.button-large,
.button.button-flat,
.bar .button,
.bar .button.button-large,
.bar .button.button-flat {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  display: inline-block;
  height: 36px;
  padding: 0 2rem;
  border-radius: 2px;
  background-clip: padding-box;
  text-transform: uppercase;
  border: none;
  outline: 0;
  -webkit-tap-highlight-color: transparent; }

.button.disabled,
.button.disabled.button-large,
.button.button-floating.disabled,
.button.button-large.disabled,
.button.button:disabled,
.button.button-large:disabled,
.button.button-large:disabled,
.button.button-floating:disabled,
.bar .button.disabled,
.bar .button.disabled.button-large,
.bar .button.button-floating.disabled,
.bar .button.button-large.disabled,
.bar .button.button:disabled,
.bar .button.button-large:disabled,
.bar .button.button-large:disabled,
.bar .button.button-floating:disabled {
  background-color: #DFDFDF;
  box-shadow: none;
  color: #9F9F9F; }

.button.disabled:hover,
.button.disabled.button-large:hover,
.button.button-floating.disabled:hover,
.button.button-large.disabled:hover,
.button.button:disabled:hover,
.button.button-large:disabled:hover,
.button.button-large:disabled:hover,
.button.button-floating:disabled:hover,
.bar .button.disabled:hover,
.bar .button.disabled.button-large:hover,
.bar .button.button-floating.disabled:hover,
.bar .button.button-large.disabled:hover,
.bar .button.button:disabled:hover,
.bar .button.button-large:disabled:hover,
.bar .button.button-large:disabled:hover,
.bar .button.button-floating:disabled:hover {
  background-color: #DFDFDF;
  color: #9F9F9F; }

.button i,
.button.button-large i,
.button.button-floating i,
.button.button-large i,
.button.button-flat i,
.bar .button i,
.bar .button.button-large i,
.bar .button.button-floating i,
.bar .button.button-large i,
.bar .button.button-flat i {
  font-size: 1.3rem; }

.button-bar .button {
  border-radius: 0; }

.button,
.button-large,
.bar .button,
.bar .button-large {
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.5px;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  cursor: pointer; }

.button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  outline: none;
  margin: 0;
  /* background: transparent; */
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-style: inherit;
  font-variant: inherit;
  font-size: inherit;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }

.button:focus {
  outline: none; }

.button.ng-hide {
  -webkit-transition: none;
  transition: none; }

.button.cornered {
  border-radius: 0; }

.button.raised {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.button-outline,
.button-outline:hover,
.button-outline:active {
  border-style: solid;
  border-width: 1px; }

.button.button-outline.button-assertive,
.button.button-outline.button-balanced,
.button.button-outline.button-calm,
.button.button-outline.button-dark,
.button.button-outline.button-energized,
.button.button-outline.button-light,
.button.button-outline.button-positive,
.button.button-outline.button-text,
.button.button-outline.button-royal,
.button.button-outline.button-stable,
.button.button-outline {
  border-color: rgba(0, 0, 0, 0.1); }

.button-flat,
.bar .button-flat {
  box-shadow: none;
  background-color: transparent;
  color: #343434;
  cursor: pointer; }

.button.button-flat.disabled,
.bar .button.button-flat.disabled {
  color: #b3b3b3; }

.button.button-large i,
.bar .button.button-large i {
  font-size: 1.6rem; }

.button-pin-header.button-floating {
  position: absolute;
  z-index: 1000; }

.button-pin-header.button-pin-left {
  left: 24px;
  top: -24px; }

.button-pin-header.button-pin-right {
  right: 24px;
  top: -24px; }

.button:not([disabled]).raised:focus,
.button:not([disabled]).raised:hover,
.button:not([disabled]).floating:focus,
.button:not([disabled]).floating:hover {
  -webkit-transform: translate3d(0, -1px, 0);
  transform: translate3d(0, -1px, 0); }

.button.button-flat {
  box-shadow: none;
  /* background: transparent; */
  color: inherit; }

.button.button-flat:hover {
  color: inherit; }

.button.button-flat,
.button.button-flat:hover,
.button.button-flat:active {
  color: #fff; }

.button.button-clear, .button.button-text,
.button.button-clear:hover,
.button.button-text:hover,
.button.button-clear:active,
.button.button-text:active {
  background: transparent; }

.button-full.ink,
.button-block.ink {
  display: block; }

/* Card
==================================*/
.card-item.item {
  border: none;
  padding-bottom: 4px;
  padding-top: 4px; }

.card-item.item:first-child {
  padding-top: 16px; }

.card {
  box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
  display: block;
  margin: 8px;
  padding: 0;
  position: relative; }

.card .image {
  display: block;
  margin-top: 10px;
  margin-bottom: 5px; }

.card img {
  box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
  display: block;
  max-width: 100%;
  max-height: initial;
  position: static; }

.card.card-gallery img {
  border: none;
  box-shadow: none;
  display: block; }

.card .card-footer {
  font-size: 90%;
  opacity: 0.8;
  filter: alpha(opacity=80);
  padding-top: 10px; }

.card > .item {
  border: none; }

.card.card-gallery > .item {
  background: inherit; }

.card .icon + .icon, .card .icon-help + .icon, .card .icon-alert + .icon, .card #menu .footer .icon-help + .icon, #menu .footer .card .icon-help + .icon, .card .icon + .icon-help, .card .icon-help + .icon-help, .card .icon-alert + .icon-help, .card .icon + .icon-alert, .card .icon-help + .icon-alert, .card .icon-alert + .icon-alert, .card #menu .footer .icon-help + .icon-alert, #menu .footer .card .icon-help + .icon-alert, .card #menu .footer .icon + .icon-help, #menu .footer .card .icon + .icon-help, .card #menu .footer .icon-alert + .icon-help, #menu .footer .card .icon-alert + .icon-help, .card #menu .footer .icon-help + .icon-help, #menu .footer .card .icon-help + .icon-help {
  padding-left: 1rem; }

.card.animate-fade-in {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(-30px, 1px, 0);
  -webkit-transition: all 1s ease-in-out; }

.card.animate-fade-in.done, .animate-fade-slide-in .expanded .card.animate-fade-in.item,
.animate-fade-slide-in .card.animate-fade-in.expanded.item,
.animate-fade-slide-in-right .expanded .card.animate-fade-in.item,
.animate-fade-slide-in-right .card.animate-fade-in.expanded.item,
.animate-ripple .expanded .card.animate-fade-in.item,
.animate-ripple .card.animate-fade-in.expanded.item,
.card-avatar-small.expanded .card.animate-fade-in.item,
.card-avatar-small .expanded .card.animate-fade-in.item,
.card-avatar-small.expanded .card.animate-fade-in.card-comment,
.card-avatar-small .expanded .card.animate-fade-in.card-comment {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0, 0, 0); }

.card .item.item-avatar {
  min-height: 88px;
  padding-left: 88px; }

/* Hero
==================================*/
.hero {
  background-size: cover;
  box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
  color: #fff;
  height: 200px;
  position: relative;
  text-align: center;
  -webkit-transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100%; }

.hero > * {
  -webkit-transition: opacity 2.5s cubic-bezier(0.55, 0, 0.1, 1);
  transition: opacity 2.5s cubic-bezier(0.55, 0, 0.1, 1);
  opacity: 1;
  filter: alpha(opacity=100); }

.hero + .mid-bar {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
  height: initial;
  opacity: 1;
  filter: alpha(opacity=100); }

.hero .hero-icon {
  box-shadow: 0px 0 2px 0 rgba(0, 0, 0, 0.26);
  border-radius: 50%;
  display: inline-block;
  font-size: 65px;
  height: 150px;
  padding: 10px 30px;
  line-height: 136px;
  width: 150px; }

.hero.no-header {
  height: 244px; }

.hero > .content {
  bottom: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1; }

.hero > .content > .avatar {
  background-position: center;
  background-size: cover;
  border: solid 1px rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  display: inline-block;
  height: 88px;
  left: auto;
  margin-bottom: 10px;
  position: relative;
  width: 88px; }

.hero h1 .hero h2, .hero h3, .hero h4, .hero h5, .hero h6 {
  color: #fff;
  margin: 0; }

.hero h4 {
  color: rgba(255, 255, 255, 0.7);
  margin: 3px 0 16px; }

.hero h1 > a, .hero h2 > a, .hero h3 > a, .hero h4 > a, .hero h5 > a, .hero h6 > a {
  text-decoration: none; }

.hero + .button-bar {
  border-radius: 0;
  margin-top: 0; }

.hero + .button-bar > .button:first-child, .hero + .button-bar > .button:last-child {
  border-radius: 0; }

.hero .hero-icon {
  color: #fff;
  font-size: 96px; }

.hero .hero-icon + h1 {
  color: white;
  letter-spacing: 0.15rem; }

.hero .button, .hero .button.button-large, .hero .button.button-flat {
  margin: 0; }

.hero h1.title {
  color: #fff;
  font-size: 23px;
  margin: 0;
  text-align: left;
  padding-left: 80px;
  line-height: 59px; }

.hero + .mid-bar {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
  height: initial;
  opacity: 1;
  filter: alpha(opacity=100); }

.hero > * {
  -webkit-transition: opacity 2.5s cubic-bezier(0.55, 0, 0.1, 1);
  transition: opacity 2.5s cubic-bezier(0.55, 0, 0.1, 1);
  opacity: 1;
  filter: alpha(opacity=100); }

/* Item
==================================*/
.item {
  font-size: 14px;
  width: 100%; }

.item-icon-left .icon, .item-icon-left .icon-help, .item-icon-left .icon-alert, .item-icon-left #menu .footer .icon-help, #menu .footer .item-icon-left .icon-help {
  left: 16px; }


.item-icon-right .icon,
.item-icon-right .icon-help,
.item-icon-right .icon-alert,
.item-icon-right #menu .footer .icon-help,
#menu .footer .item-icon-right .icon-help {
  right: 16px; }

/*
.list .item.item-icon-right {
    padding-right: 60px;
}
*/
.item-thumbnail-left > img:first-child,
.item-thumbnail-left .item-image,
.item-thumbnail-left .item-content > img:first-child,
.item-thumbnail-left .item-content .item-image {
  border-radius: 50%; }

.tab-item.activated {
  height: calc(100% + 3px);
  /* Stretch */ }

/* List
==================================*/
.content + .list {
  padding-top: 0; }

.list .item {
  border: none;
  /*
    padding-left: 16px;
    padding-right: 16px;
    */
  min-height: 48px;
  text-align: left; }

.list .item.tabs {
  padding: initial; }

.list .item.item-bg-image {
  max-height: 150px;
  min-height: 150px; }

.list .item.item-bg-image > img {
  height: 100%;
  left: 0;
  max-width: initial;
  opacity: 0.65;
  filter: alpha(opacity=65);
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0; }

.list a.item {
  opacity: 1;
  filter: alpha(opacity=100); }

.list .item.item-bg-image h1, .list .item.item-bg-image h2, .list .item.item-bg-image h3, .list .item.item-bg-image h4, .list .item.item-bg-image h5, .list .item.item-bg-image h6 {
  color: #fff;
  font-weight: bold;
  position: relative;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.95);
  z-index: 1; }

.list .item.item-bg-image h2 {
  font-size: 24px; }

.list .item.item-bg-image h2 {
  font-size: 24px; }

.list .item.item-bg-image p {
  color: white;
  font-size: 17px;
  position: relative;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.95);
  z-index: 1; }

.item-avatar,
.item-avatar .item-content,
.item-avatar-left,
.item-avatar-left .item-content {
  min-height: 80px; }

/* List: Thumbnails
==================================*/
.item-thumbnail-left, .card > .item.item-thumbnail-left, .item-thumbnail-left .item-content {
  padding-left: 106px; }

.item-thumbnail-right, .card > .item.item-thumbnail-right, .item-thumbnail-right .item-content {
  padding-right: 106px; }

/* List: Avatar
==================================*/
.item-avatar > img:first-child,
.item-avatar .item-image,
.item-avatar .item-content > img:first-child,
.item-avatar .item-content .item-image,
.item-avatar-left > img:first-child,
.item-avatar-left .item-image,
.item-avatar-left .item-content > img:first-child,
.item-avatar-left .item-content .item-image {
  border-radius: 50%;
  left: 16px;
  max-height: 40px;
  max-width: 40px; }

/*
.item-avatar, .list .item-avatar {
    padding-left: 100px;
}
*/
.avatar, .item-avatar .avatar {
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  display: inline-block;
  height: 56px;
  left: 16px;
  position: absolute;
  width: 56px; }

/* List: Gallery
==================================*/
.list.half {
  display: inline-block;
  float: left;
  margin: 0;
  padding: 0;
  width: 50%; }

.list.half:first-child {
  padding: 16px 8px 16px 16px; }

.list.half:last-child {
  padding: 16px 16px 16px 8px; }

.list.half:first-child .card.card-gallery {
  margin-left: 0;
  margin-right: 0; }

.list.half:last-child .card.card-gallery {
  margin-left: 0;
  margin-right: 0; }

.list.condensed-space > .card, .list.condensed-space > .item {
  margin: 0px 0px 2px; }

.list .card.card-gallery {
  display: block;
  float: left;
  margin: 0 0 0 13px;
  padding: 0;
  width: auto; }

.list.half .item {
  width: 100%; }

.list.half .item.card {
  margin-bottom: 16px; }

.list .card.card-gallery.item h2 {
  padding: 12px; }

.list .item.item-gallery img {
  width: 100%; }

.item.item-divider {
  border-top: solid 1px rgba(0, 0, 0, 0.12);
  font-size: 14px;
  font-weight: bold;
  height: 48px;
  line-height: 48px;
  color: rgba(0, 0, 0, 0.54); }
  .item.item-divider:first-child {
    border: none; }

.item-avatar, .item-avatar .item-content, .item-avatar-left, .item-avatar-left .item-content, .card > .item-avatar {
  padding-left: 72px; }

.item.active,
.item.activated,
.item-complex.active .item-content,
.item-complex.activated .item-content,
.item .item-content.active,
.item .item-content.activated {
  background-color: transparent; }

.list-inset {
  margin: 20px 30px;
  border-left: solid 1px #ccc;
  border-radius: 0;
  background-color: #fff; }

.list .item.item-floating-label,
.item-floating-label {
  border-bottom: solid 1px #ccc; }

.loader {
  position: relative;
  margin: 0px auto;
  width: 100px;
  height: 100px;
  zoom: 1.7; }

.circular {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  height: 100px;
  position: relative;
  width: 100px; }

.path {
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round; }

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124; } }

@keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124; } }

@-webkit-keyframes color {
  100%, 0% {
    stroke: #d62d20; }
  40% {
    stroke: #0057e7; }
  66% {
    stroke: #008744; }
  80%, 90% {
    stroke: #ffa700; } }

@keyframes color {
  100%, 0% {
    stroke: #d62d20; }
  40% {
    stroke: #0057e7; }
  66% {
    stroke: #008744; }
  80%, 90% {
    stroke: #ffa700; } }

/* Layouts: Login
==================================*/
.login {
  background-position: 25% 25%;
  background-size: 180% 180%;
  height: 100%;
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out; }

.login .item {
  margin: 0 12px;
  padding-left: 0;
  padding-right: 0;
  width: initial; }

.login .button-bar {
  bottom: 0;
  margin: 28px 12px 0;
  width: initial; }

.login .light-bg {
  background-color: #fff; }

.icon.hero-icon:before, .hero-icon.icon-help:before, .hero-icon.icon-alert:before, #menu .footer .hero-icon.icon-help:before {
  line-height: 130px; }

/* Mask
==================================*/
.hero.has-mask:after, .item.has-mask:after, .card.has-mask:after {
  content: '';
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 0;
  width: 100%; }

.hero.has-mask-reverse:after, .item.has-mask-reverse:after, .card.has-mask-reverse:after {
  content: '';
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 0;
  width: 100%; }

/* Menu */
.menu-bottom {
  bottom: 16px;
  left: 16px;
  right: 16px;
  position: absolute; }

.menu-top {
  top: 16px;
  left: 16px;
  right: 16px;
  position: absolute; }

.menu .avatar {
  top: 16px;
  left: 16px;
  height: 65px;
  width: 65px; }

.menu .bar.bar-header.expanded {
  box-shadow: none;
  min-height: 150px;
  color: #fff; }

.menu-open .bar.bar-header.expanded {
  background-position: 0;
  background-size: 100%; }

.has-expanded-header {
  top: 150px !important; }

.motion {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; }

.fade {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  -webkit-transition: all 0.1s ease-out !important;
  transition: all 0.1s ease-out !important; }

.spin-back {
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  -webkit-transform: translateZ(0) rotate(360deg) scale(0) !important;
  transform: translateZ(0) rotate(360deg) scale(0) !important;
  -webkit-transition: all 0.1s ease-out !important;
  transition: all 0.1s ease-out !important; }

.spiral {
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  -webkit-transform: translateZ(0) rotate(-360deg) scale(0) translate(-120px) !important;
  transform: translateZ(0) rotate(-360deg) scale(0) translate(-120px) !important;
  -webkit-transition: all 0.1s ease-out !important;
  transition: all 0.1s ease-out !important; }

.spiral-back {
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  -webkit-transform: translateZ(0) rotate(360deg) scale(0) translate(120px) !important;
  transform: translateZ(0) rotate(360deg) scale(0) translate(120px) !important;
  -webkit-transition: all 0.1s ease-out !important;
  transition: all 0.1s ease-out !important; }

.menu-open .avatar {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translateZ(0) rotate(0) scale(1) !important;
  transform: translateZ(0) rotate(0) scale(1) !important;
  -webkit-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important; }

.spin {
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  -webkit-transform: translateZ(0) rotate(0) scale(0) !important;
  transform: translateZ(0) rotate(0) scale(0) !important;
  -webkit-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important; }

.spin.on {
  -webkit-transform: translateZ(0) rotate(-360deg) scale(1) !important;
  transform: translateZ(0) rotate(-360deg) scale(1) !important; }

.flap {
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  -webkit-transform: translateZ(0) rotateX(0) scale(0) translate(-120px) !important;
  transform: translateZ(0) rotateX(0) scale(0) translate(-120px) !important;
  -webkit-transition: all 0.5s ease-out !important;
  transition: all 0.5s ease-out !important; }

.flap.on {
  -webkit-transform: translateZ(0) rotateX(-720deg) scale(1) translate(0) !important;
  transform: translateZ(0) rotateX(-720deg) scale(1) translate(0) !important;
  -webkit-transition: all 0.5s ease-out !important;
  transition: all 0.5s ease-out !important; }

.drop {
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  -webkit-transform: translateZ(0) scale(3) !important;
  transform: translateZ(0) scale(3) !important;
  -webkit-transition: all 0.5s ease-out !important;
  transition: all 0.5s ease-out !important; }

.drop.on {
  -webkit-transform: translateZ(0) scale(1) !important;
  transform: translateZ(0) scale(1) !important;
  -webkit-transition: all 0.5s ease-out !important;
  transition: all 0.5s ease-out !important; }

.flip {
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  -webkit-transform: translateZ(0) rotateY(0) scale(0) !important;
  transform: translateZ(0) rotateY(0) scale(0) !important;
  -webkit-transition: all 0.5s ease-out !important;
  transition: all 0.5s ease-out !important; }

.flip.on {
  -webkit-transform: translateZ(0) rotateY(-720deg) scale(1) !important;
  transform: translateZ(0) rotateY(-720deg) scale(1) !important;
  -webkit-transition: all 0.5s ease-out !important;
  transition: all 0.5s ease-out !important; }

/* Utilities
==================================*/
.bold {
  font-weight: bold; }

.static {
  position: static; }

.pull-left, .popover-helptip .icon.icon-left, .popover-helptip .icon-left.icon-help, .popover-helptip .icon-left.icon-alert, .popover-helptip #menu .footer .icon-left.icon-help, #menu .footer .popover-helptip .icon-left.icon-help, .popover-helptip .icon.icon-bottom-left, .popover-helptip .icon-bottom-left.icon-help, .popover-helptip .icon-bottom-left.icon-alert, .popover-helptip #menu .footer .icon-bottom-left.icon-help, #menu .footer .popover-helptip .icon-bottom-left.icon-help {
  float: left; }

.pull-right, .popover-helptip .icon.icon-right, .popover-helptip .icon-right.icon-help, .popover-helptip .icon-right.icon-alert, .popover-helptip #menu .footer .icon-right.icon-help, #menu .footer .popover-helptip .icon-right.icon-help, .popover-helptip .icon.icon-center, .popover-helptip .icon-center.icon-help, .popover-helptip .icon-center.icon-alert, .popover-helptip #menu .footer .icon-center.icon-help, #menu .footer .popover-helptip .icon-center.icon-help, .popover-helptip .icon.icon-bottom-right, .popover-helptip .icon-bottom-right.icon-help, .popover-helptip .icon-bottom-right.icon-alert, .popover-helptip #menu .footer .icon-bottom-right.icon-help, #menu .footer .popover-helptip .icon-bottom-right.icon-help, .popover-helptip .icon.icon-bottom-center, .popover-helptip .icon-bottom-center.icon-help, .popover-helptip .icon-bottom-center.icon-alert, .popover-helptip #menu .footer .icon-bottom-center.icon-help, #menu .footer .popover-helptip .icon-bottom-center.icon-help {
  float: right; }

.double-padding, .ionic-content.double-padding {
  padding: 16px; }

.double-padding-x {
  padding-left: 16px;
  padding-right: 16px; }

.double-padding-y {
  padding-top: 16px;
  padding-bottom: 16px; }

.outline {
  border-style: solid;
  border-width: 1px; }

.border-top {
  border-top: solid 1px #ccc;
  padding-top: 30px; }

.no-border {
  border: none; }

.circle {
  border-radius: 50%; }

.no-padding, .list.no-padding, .bar.no-padding, .button-bar.no-padding, .card.no-padding, .button.no-padding, .item.no-padding {
  padding: 0; }

.flat, .flat.tabs, .flat.button, .flat.button.icon, .flat.button.icon-help, .flat.button.icon-alert, #menu .footer .flat.button.icon-help, .flat.hero {
  box-shadow: none;
  -webkit-box-shadow: none; }

/* Utilities : Padding
==================================*/
.im-wrapper, .padding, .item.large-button-bar {
  padding: 16px !important; }

.padding-bottom, .popover-share .bar-footer .button-close {
  padding-bottom: 16px !important; }

.padding-top {
  padding-top: 16px !important; }

.padding-left {
  padding-left: 16px !important; }

.padding-right, .popover-share .bar-footer .button-close {
  padding-right: 16px !important; }

.no-padding-bottom {
  padding-bottom: 0 !important; }

.no-padding-top {
  padding-top: 0 !important; }

.no-padding-left {
  padding-left: 0 !important; }

.no-padding-right {
  padding-right: 0 !important; }

/* Utilities : Depth
==================================*/
.z1 {
  box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26); }

/* Utilities : Color
==================================*/
.bar.bar-positive.darker {
  background-color: #164FAB; }

/* TODO: Expand to other colors */
.bar.bar-positive.dark-positive-bg {
  background-color: #2C5CAD; }

/* TODO: Expand to other colors */
.muted {
  color: #C3C3C3; }

.clear-bg {
  background: transparent; }

/* Motion: Blinds
==================================*/
.animate-blinds .item,
.animate-blinds .item {
  visibility: hidden; }

.animate-blinds .item,
.animate-blinds .item {
  -ms-transform: scale3d(0.8, 0, 1);
  -webkit-transform: scale3d(0.8, 0, 1);
  transform: scale3d(0.8, 0, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1); }

.animate-blinds .item-bg-image > img.background,
.animate-blinds .item-bg-image > img.background {
  box-shadow: none;
  -ms-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

.animate-blinds .in, .animate-blinds .animate-fade-slide-in .expanded .item, .animate-fade-slide-in .expanded .animate-blinds .item,
.animate-blinds .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-blinds .expanded.item,
.animate-blinds .animate-fade-slide-in-right .expanded .item, .animate-fade-slide-in-right .expanded .animate-blinds .item,
.animate-blinds .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-blinds .expanded.item,
.animate-blinds .animate-ripple .expanded .item, .animate-ripple .expanded .animate-blinds .item,
.animate-blinds .animate-ripple .expanded.item, .animate-ripple .animate-blinds .expanded.item,
.animate-blinds .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-blinds .item,
.animate-blinds .card-avatar-small .expanded .item, .card-avatar-small .expanded .animate-blinds .item,
.animate-blinds .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-blinds .card.card-comment,
.animate-blinds .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-blinds .card.card-comment,
.animate-blinds.done > *,
.animate-fade-slide-in .expanded .animate-blinds.item > *,
.animate-fade-slide-in .animate-blinds.expanded.item > *,
.animate-fade-slide-in-right .expanded .animate-blinds.item > *,
.animate-fade-slide-in-right .animate-blinds.expanded.item > *,
.animate-ripple .expanded .animate-blinds.item > *,
.animate-ripple .animate-blinds.expanded.item > *,
.card-avatar-small.expanded .animate-blinds.item > *,
.card-avatar-small .expanded .animate-blinds.item > *,
.card-avatar-small.expanded .animate-blinds.card.card-comment > *,
.card-avatar-small .expanded .animate-blinds.card.card-comment > *, .animate-blinds .in, .animate-blinds .animate-fade-slide-in .expanded .item, .animate-fade-slide-in .expanded .animate-blinds .item,
.animate-blinds .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-blinds .expanded.item,
.animate-blinds .animate-fade-slide-in-right .expanded .item, .animate-fade-slide-in-right .expanded .animate-blinds .item,
.animate-blinds .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-blinds .expanded.item,
.animate-blinds .animate-ripple .expanded .item, .animate-ripple .expanded .animate-blinds .item,
.animate-blinds .animate-ripple .expanded.item, .animate-ripple .animate-blinds .expanded.item,
.animate-blinds .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-blinds .item,
.animate-blinds .card-avatar-small .expanded .item, .card-avatar-small .expanded .animate-blinds .item,
.animate-blinds .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-blinds .card.card-comment,
.animate-blinds .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-blinds .card.card-comment,
.animate-blinds.done > *,
.animate-fade-slide-in .expanded .animate-blinds.item > *,
.animate-fade-slide-in .animate-blinds.expanded.item > *,
.animate-fade-slide-in-right .expanded .animate-blinds.item > *,
.animate-fade-slide-in-right .animate-blinds.expanded.item > *,
.animate-ripple .expanded .animate-blinds.item > *,
.animate-ripple .animate-blinds.expanded.item > *,
.card-avatar-small.expanded .animate-blinds.item > *,
.card-avatar-small .expanded .animate-blinds.item > *,
.card-avatar-small.expanded .animate-blinds.card.card-comment > *,
.card-avatar-small .expanded .animate-blinds.card.card-comment > * {
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.animate-blinds .in, .animate-blinds .animate-fade-slide-in .expanded .item, .animate-fade-slide-in .expanded .animate-blinds .item,
.animate-blinds .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-blinds .expanded.item,
.animate-blinds .animate-fade-slide-in-right .expanded .item, .animate-fade-slide-in-right .expanded .animate-blinds .item,
.animate-blinds .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-blinds .expanded.item,
.animate-blinds .animate-ripple .expanded .item, .animate-ripple .expanded .animate-blinds .item,
.animate-blinds .animate-ripple .expanded.item, .animate-ripple .animate-blinds .expanded.item,
.animate-blinds .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-blinds .item,
.animate-blinds .card-avatar-small .expanded .item, .card-avatar-small .expanded .animate-blinds .item,
.animate-blinds .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-blinds .card.card-comment,
.animate-blinds .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-blinds .card.card-comment,
.animate-blinds.done .item,
.animate-fade-slide-in .expanded .animate-blinds.item .item,
.animate-fade-slide-in .animate-blinds.expanded.item .item,
.animate-fade-slide-in-right .expanded .animate-blinds.item .item,
.animate-fade-slide-in-right .animate-blinds.expanded.item .item,
.animate-ripple .expanded .animate-blinds.item .item,
.animate-ripple .animate-blinds.expanded.item .item,
.card-avatar-small.expanded .animate-blinds.item .item,
.card-avatar-small .expanded .animate-blinds.item .item,
.card-avatar-small.expanded .animate-blinds.card.card-comment .item,
.card-avatar-small .expanded .animate-blinds.card.card-comment .item, .animate-blinds .in, .animate-blinds .animate-fade-slide-in .expanded .item, .animate-fade-slide-in .expanded .animate-blinds .item,
.animate-blinds .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-blinds .expanded.item,
.animate-blinds .animate-fade-slide-in-right .expanded .item, .animate-fade-slide-in-right .expanded .animate-blinds .item,
.animate-blinds .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-blinds .expanded.item,
.animate-blinds .animate-ripple .expanded .item, .animate-ripple .expanded .animate-blinds .item,
.animate-blinds .animate-ripple .expanded.item, .animate-ripple .animate-blinds .expanded.item,
.animate-blinds .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-blinds .item,
.animate-blinds .card-avatar-small .expanded .item, .card-avatar-small .expanded .animate-blinds .item,
.animate-blinds .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-blinds .card.card-comment,
.animate-blinds .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-blinds .card.card-comment,
.animate-blinds.done .item,
.animate-fade-slide-in .expanded .animate-blinds.item .item,
.animate-fade-slide-in .animate-blinds.expanded.item .item,
.animate-fade-slide-in-right .expanded .animate-blinds.item .item,
.animate-fade-slide-in-right .animate-blinds.expanded.item .item,
.animate-ripple .expanded .animate-blinds.item .item,
.animate-ripple .animate-blinds.expanded.item .item,
.card-avatar-small.expanded .animate-blinds.item .item,
.card-avatar-small .expanded .animate-blinds.item .item,
.card-avatar-small.expanded .animate-blinds.card.card-comment .item,
.card-avatar-small .expanded .animate-blinds.card.card-comment .item {
  visibility: visible; }

.animate-blinds .item,
.animate-blinds .item {
  visibility: hidden; }

.animate-blinds .item,
.animate-blinds .item {
  opacity: 0;
  filter: alpha(opacity=0); }

.animate-blinds .in, .animate-blinds .animate-fade-slide-in .expanded .item, .animate-fade-slide-in .expanded .animate-blinds .item,
.animate-blinds .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-blinds .expanded.item,
.animate-blinds .animate-fade-slide-in-right .expanded .item, .animate-fade-slide-in-right .expanded .animate-blinds .item,
.animate-blinds .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-blinds .expanded.item,
.animate-blinds .animate-ripple .expanded .item, .animate-ripple .expanded .animate-blinds .item,
.animate-blinds .animate-ripple .expanded.item, .animate-ripple .animate-blinds .expanded.item,
.animate-blinds .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-blinds .item,
.animate-blinds .card-avatar-small .expanded .item, .card-avatar-small .expanded .animate-blinds .item,
.animate-blinds .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-blinds .card.card-comment,
.animate-blinds .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-blinds .card.card-comment,
.animate-blinds.done,
.animate-fade-slide-in .expanded .animate-blinds.item,
.animate-fade-slide-in .animate-blinds.expanded.item,
.animate-fade-slide-in-right .expanded .animate-blinds.item,
.animate-fade-slide-in-right .animate-blinds.expanded.item,
.animate-ripple .expanded .animate-blinds.item,
.animate-ripple .animate-blinds.expanded.item,
.card-avatar-small.expanded .animate-blinds.item,
.card-avatar-small .expanded .animate-blinds.item,
.card-avatar-small.expanded .animate-blinds.card.card-comment,
.card-avatar-small .expanded .animate-blinds.card.card-comment, .animate-blinds .in, .animate-blinds .animate-fade-slide-in .expanded .item, .animate-fade-slide-in .expanded .animate-blinds .item,
.animate-blinds .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-blinds .expanded.item,
.animate-blinds .animate-fade-slide-in-right .expanded .item, .animate-fade-slide-in-right .expanded .animate-blinds .item,
.animate-blinds .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-blinds .expanded.item,
.animate-blinds .animate-ripple .expanded .item, .animate-ripple .expanded .animate-blinds .item,
.animate-blinds .animate-ripple .expanded.item, .animate-ripple .animate-blinds .expanded.item,
.animate-blinds .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-blinds .item,
.animate-blinds .card-avatar-small .expanded .item, .card-avatar-small .expanded .animate-blinds .item,
.animate-blinds .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-blinds .card.card-comment,
.animate-blinds .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-blinds .card.card-comment,
.animate-blinds.done,
.animate-fade-slide-in .expanded .animate-blinds.item,
.animate-fade-slide-in .animate-blinds.expanded.item,
.animate-fade-slide-in-right .expanded .animate-blinds.item,
.animate-fade-slide-in-right .animate-blinds.expanded.item,
.animate-ripple .expanded .animate-blinds.item,
.animate-ripple .animate-blinds.expanded.item,
.card-avatar-small.expanded .animate-blinds.item,
.card-avatar-small .expanded .animate-blinds.item,
.card-avatar-small.expanded .animate-blinds.card.card-comment,
.card-avatar-small .expanded .animate-blinds.card.card-comment {
  -ms-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
  filter: alpha(opacity=100); }

.animate-blinds .in, .animate-blinds .animate-fade-slide-in .expanded .item, .animate-fade-slide-in .expanded .animate-blinds .item,
.animate-blinds .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-blinds .expanded.item,
.animate-blinds .animate-fade-slide-in-right .expanded .item, .animate-fade-slide-in-right .expanded .animate-blinds .item,
.animate-blinds .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-blinds .expanded.item,
.animate-blinds .animate-ripple .expanded .item, .animate-ripple .expanded .animate-blinds .item,
.animate-blinds .animate-ripple .expanded.item, .animate-ripple .animate-blinds .expanded.item,
.animate-blinds .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-blinds .item,
.animate-blinds .card-avatar-small .expanded .item, .card-avatar-small .expanded .animate-blinds .item,
.animate-blinds .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-blinds .card.card-comment,
.animate-blinds .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-blinds .card.card-comment,
.animate-blinds.done,
.animate-fade-slide-in .expanded .animate-blinds.item,
.animate-fade-slide-in .animate-blinds.expanded.item,
.animate-fade-slide-in-right .expanded .animate-blinds.item,
.animate-fade-slide-in-right .animate-blinds.expanded.item,
.animate-ripple .expanded .animate-blinds.item,
.animate-ripple .animate-blinds.expanded.item,
.card-avatar-small.expanded .animate-blinds.item,
.card-avatar-small .expanded .animate-blinds.item,
.card-avatar-small.expanded .animate-blinds.card.card-comment,
.card-avatar-small .expanded .animate-blinds.card.card-comment, .animate-blinds .in, .animate-blinds .animate-fade-slide-in .expanded .item, .animate-fade-slide-in .expanded .animate-blinds .item,
.animate-blinds .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-blinds .expanded.item,
.animate-blinds .animate-fade-slide-in-right .expanded .item, .animate-fade-slide-in-right .expanded .animate-blinds .item,
.animate-blinds .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-blinds .expanded.item,
.animate-blinds .animate-ripple .expanded .item, .animate-ripple .expanded .animate-blinds .item,
.animate-blinds .animate-ripple .expanded.item, .animate-ripple .animate-blinds .expanded.item,
.animate-blinds .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-blinds .item,
.animate-blinds .card-avatar-small .expanded .item, .card-avatar-small .expanded .animate-blinds .item,
.animate-blinds .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-blinds .card.card-comment,
.animate-blinds .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-blinds .card.card-comment,
.animate-blinds.done,
.animate-fade-slide-in .expanded .animate-blinds.item,
.animate-fade-slide-in .animate-blinds.expanded.item,
.animate-fade-slide-in-right .expanded .animate-blinds.item,
.animate-fade-slide-in-right .animate-blinds.expanded.item,
.animate-ripple .expanded .animate-blinds.item,
.animate-ripple .animate-blinds.expanded.item,
.card-avatar-small.expanded .animate-blinds.item,
.card-avatar-small .expanded .animate-blinds.item,
.card-avatar-small.expanded .animate-blinds.card.card-comment,
.card-avatar-small .expanded .animate-blinds.card.card-comment {
  visibility: visible; }

.animate-blinds.done .in, .animate-fade-slide-in .expanded .animate-blinds.item .in, .animate-fade-slide-in .animate-blinds.expanded.item .in, .animate-fade-slide-in-right .expanded .animate-blinds.item .in, .animate-fade-slide-in-right .animate-blinds.expanded.item .in, .animate-ripple .expanded .animate-blinds.item .in, .animate-ripple .animate-blinds.expanded.item .in, .card-avatar-small.expanded .animate-blinds.item .in, .card-avatar-small .expanded .animate-blinds.item .in, .card-avatar-small.expanded .animate-blinds.card.card-comment .in, .card-avatar-small .expanded .animate-blinds.card.card-comment .in, .animate-blinds.done .animate-fade-slide-in .expanded .item, .animate-fade-slide-in .expanded .animate-blinds.done .item, .animate-fade-slide-in .expanded .animate-blinds.item .item, .animate-fade-slide-in .animate-blinds.expanded.item .item, .animate-fade-slide-in-right .animate-fade-slide-in .expanded .animate-blinds.item .item, .animate-fade-slide-in .animate-fade-slide-in-right .expanded .animate-blinds.item .item, .animate-fade-slide-in-right .animate-fade-slide-in .animate-blinds.expanded.item .item, .animate-fade-slide-in .animate-fade-slide-in-right .animate-blinds.expanded.item .item, .animate-ripple .animate-fade-slide-in .expanded .animate-blinds.item .item, .animate-fade-slide-in .animate-ripple .expanded .animate-blinds.item .item, .animate-ripple .animate-fade-slide-in .animate-blinds.expanded.item .item, .animate-fade-slide-in .animate-ripple .animate-blinds.expanded.item .item, .animate-fade-slide-in .card-avatar-small.expanded .animate-blinds.item .item, .card-avatar-small .animate-fade-slide-in .expanded .animate-blinds.item .item, .animate-fade-slide-in .card-avatar-small .expanded .animate-blinds.item .item, .animate-fade-slide-in .card-avatar-small.expanded .animate-blinds.card.card-comment .item, .card-avatar-small .animate-fade-slide-in .expanded .animate-blinds.card.card-comment .item, .animate-fade-slide-in .card-avatar-small .expanded .animate-blinds.card.card-comment .item,
.animate-blinds.done .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-blinds.done .expanded.item,
.animate-fade-slide-in .expanded .animate-blinds.item .expanded.item,
.animate-fade-slide-in .animate-blinds.expanded.item .expanded.item,
.animate-fade-slide-in-right .expanded .animate-blinds.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-fade-slide-in-right .expanded .animate-blinds.item .expanded.item,
.animate-fade-slide-in-right .animate-blinds.expanded.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-fade-slide-in-right .animate-blinds.expanded.item .expanded.item,
.animate-ripple .expanded .animate-blinds.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-ripple .expanded .animate-blinds.item .expanded.item,
.animate-ripple .animate-blinds.expanded.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-ripple .animate-blinds.expanded.item .expanded.item,
.card-avatar-small.expanded .animate-blinds.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .card-avatar-small.expanded .animate-blinds.item .expanded.item,
.card-avatar-small .expanded .animate-blinds.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .card-avatar-small .expanded .animate-blinds.item .expanded.item,
.card-avatar-small.expanded .animate-blinds.card.card-comment .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .card-avatar-small.expanded .animate-blinds.card.card-comment .expanded.item,
.card-avatar-small .expanded .animate-blinds.card.card-comment .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .card-avatar-small .expanded .animate-blinds.card.card-comment .expanded.item,
.animate-blinds.done .animate-fade-slide-in-right .expanded .item, .animate-fade-slide-in-right .expanded .animate-blinds.done .item,
.animate-fade-slide-in .animate-fade-slide-in-right .expanded .animate-blinds.item .item, .animate-fade-slide-in-right .animate-fade-slide-in .expanded .animate-blinds.item .item,
.animate-fade-slide-in .animate-fade-slide-in-right .animate-blinds.expanded.item .item, .animate-fade-slide-in-right .animate-fade-slide-in .animate-blinds.expanded.item .item,
.animate-fade-slide-in-right .expanded .animate-blinds.item .item,
.animate-fade-slide-in-right .animate-blinds.expanded.item .item,
.animate-ripple .animate-fade-slide-in-right .expanded .animate-blinds.item .item, .animate-fade-slide-in-right .animate-ripple .expanded .animate-blinds.item .item,
.animate-ripple .animate-fade-slide-in-right .animate-blinds.expanded.item .item, .animate-fade-slide-in-right .animate-ripple .animate-blinds.expanded.item .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-blinds.item .item,
.card-avatar-small .animate-fade-slide-in-right .expanded .animate-blinds.item .item, .animate-fade-slide-in-right .card-avatar-small .expanded .animate-blinds.item .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-blinds.card.card-comment .item,
.card-avatar-small .animate-fade-slide-in-right .expanded .animate-blinds.card.card-comment .item, .animate-fade-slide-in-right .card-avatar-small .expanded .animate-blinds.card.card-comment .item,
.animate-blinds.done .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-blinds.done .expanded.item,
.animate-fade-slide-in .expanded .animate-blinds.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-fade-slide-in .expanded .animate-blinds.item .expanded.item,
.animate-fade-slide-in .animate-blinds.expanded.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-fade-slide-in .animate-blinds.expanded.item .expanded.item,
.animate-fade-slide-in-right .expanded .animate-blinds.item .expanded.item,
.animate-fade-slide-in-right .animate-blinds.expanded.item .expanded.item,
.animate-ripple .expanded .animate-blinds.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-ripple .expanded .animate-blinds.item .expanded.item,
.animate-ripple .animate-blinds.expanded.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-ripple .animate-blinds.expanded.item .expanded.item,
.card-avatar-small.expanded .animate-blinds.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .card-avatar-small.expanded .animate-blinds.item .expanded.item,
.card-avatar-small .expanded .animate-blinds.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .card-avatar-small .expanded .animate-blinds.item .expanded.item,
.card-avatar-small.expanded .animate-blinds.card.card-comment .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .card-avatar-small.expanded .animate-blinds.card.card-comment .expanded.item,
.card-avatar-small .expanded .animate-blinds.card.card-comment .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .card-avatar-small .expanded .animate-blinds.card.card-comment .expanded.item,
.animate-blinds.done .animate-ripple .expanded .item, .animate-ripple .expanded .animate-blinds.done .item,
.animate-fade-slide-in .animate-ripple .expanded .animate-blinds.item .item, .animate-ripple .animate-fade-slide-in .expanded .animate-blinds.item .item,
.animate-fade-slide-in .animate-ripple .animate-blinds.expanded.item .item, .animate-ripple .animate-fade-slide-in .animate-blinds.expanded.item .item,
.animate-fade-slide-in-right .animate-ripple .expanded .animate-blinds.item .item, .animate-ripple .animate-fade-slide-in-right .expanded .animate-blinds.item .item,
.animate-fade-slide-in-right .animate-ripple .animate-blinds.expanded.item .item, .animate-ripple .animate-fade-slide-in-right .animate-blinds.expanded.item .item,
.animate-ripple .expanded .animate-blinds.item .item,
.animate-ripple .animate-blinds.expanded.item .item,
.animate-ripple .card-avatar-small.expanded .animate-blinds.item .item,
.card-avatar-small .animate-ripple .expanded .animate-blinds.item .item, .animate-ripple .card-avatar-small .expanded .animate-blinds.item .item,
.animate-ripple .card-avatar-small.expanded .animate-blinds.card.card-comment .item,
.card-avatar-small .animate-ripple .expanded .animate-blinds.card.card-comment .item, .animate-ripple .card-avatar-small .expanded .animate-blinds.card.card-comment .item,
.animate-blinds.done .animate-ripple .expanded.item, .animate-ripple .animate-blinds.done .expanded.item,
.animate-fade-slide-in .expanded .animate-blinds.item .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in .expanded .animate-blinds.item .expanded.item,
.animate-fade-slide-in .animate-blinds.expanded.item .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in .animate-blinds.expanded.item .expanded.item,
.animate-fade-slide-in-right .expanded .animate-blinds.item .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in-right .expanded .animate-blinds.item .expanded.item,
.animate-fade-slide-in-right .animate-blinds.expanded.item .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in-right .animate-blinds.expanded.item .expanded.item,
.animate-ripple .expanded .animate-blinds.item .expanded.item,
.animate-ripple .animate-blinds.expanded.item .expanded.item,
.card-avatar-small.expanded .animate-blinds.item .animate-ripple .expanded.item, .animate-ripple .card-avatar-small.expanded .animate-blinds.item .expanded.item,
.card-avatar-small .expanded .animate-blinds.item .animate-ripple .expanded.item, .animate-ripple .card-avatar-small .expanded .animate-blinds.item .expanded.item,
.card-avatar-small.expanded .animate-blinds.card.card-comment .animate-ripple .expanded.item, .animate-ripple .card-avatar-small.expanded .animate-blinds.card.card-comment .expanded.item,
.card-avatar-small .expanded .animate-blinds.card.card-comment .animate-ripple .expanded.item, .animate-ripple .card-avatar-small .expanded .animate-blinds.card.card-comment .expanded.item,
.animate-blinds.done .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-blinds.done .item,
.animate-fade-slide-in .card-avatar-small.expanded .animate-blinds.item .item,
.animate-fade-slide-in .animate-blinds.expanded.item .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-fade-slide-in .animate-blinds.expanded.item .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-blinds.item .item,
.animate-fade-slide-in-right .animate-blinds.expanded.item .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-fade-slide-in-right .animate-blinds.expanded.item .item,
.animate-ripple .card-avatar-small.expanded .animate-blinds.item .item,
.animate-ripple .animate-blinds.expanded.item .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-ripple .animate-blinds.expanded.item .item,
.card-avatar-small.expanded .animate-blinds.item .item,
.card-avatar-small.expanded .expanded .animate-blinds.item .item,
.card-avatar-small.expanded .animate-blinds.card.card-comment .item,
.card-avatar-small.expanded .expanded .animate-blinds.card.card-comment .item,
.animate-blinds.done .card-avatar-small .expanded .item, .card-avatar-small .expanded .animate-blinds.done .item,
.animate-fade-slide-in .card-avatar-small .expanded .animate-blinds.item .item, .card-avatar-small .animate-fade-slide-in .expanded .animate-blinds.item .item,
.animate-fade-slide-in .card-avatar-small .animate-blinds.expanded.item .item, .card-avatar-small .animate-fade-slide-in .animate-blinds.expanded.item .item,
.animate-fade-slide-in-right .card-avatar-small .expanded .animate-blinds.item .item, .card-avatar-small .animate-fade-slide-in-right .expanded .animate-blinds.item .item,
.animate-fade-slide-in-right .card-avatar-small .animate-blinds.expanded.item .item, .card-avatar-small .animate-fade-slide-in-right .animate-blinds.expanded.item .item,
.animate-ripple .card-avatar-small .expanded .animate-blinds.item .item, .card-avatar-small .animate-ripple .expanded .animate-blinds.item .item,
.animate-ripple .card-avatar-small .animate-blinds.expanded.item .item, .card-avatar-small .animate-ripple .animate-blinds.expanded.item .item,
.card-avatar-small.expanded .animate-blinds.item .expanded .item, .card-avatar-small.expanded .expanded .animate-blinds.item .item,
.card-avatar-small .expanded .animate-blinds.item .item,
.card-avatar-small.expanded .animate-blinds.card.card-comment .expanded .item, .card-avatar-small.expanded .expanded .animate-blinds.card.card-comment .item,
.card-avatar-small .expanded .animate-blinds.card.card-comment .item,
.animate-blinds.done .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-blinds.done .card.card-comment,
.animate-fade-slide-in .card-avatar-small.expanded .animate-blinds.item .card.card-comment,
.animate-fade-slide-in .animate-blinds.expanded.item .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in .animate-blinds.expanded.item .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-blinds.item .card.card-comment,
.animate-fade-slide-in-right .animate-blinds.expanded.item .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in-right .animate-blinds.expanded.item .card.card-comment,
.animate-ripple .card-avatar-small.expanded .animate-blinds.item .card.card-comment,
.animate-ripple .animate-blinds.expanded.item .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple .animate-blinds.expanded.item .card.card-comment,
.card-avatar-small.expanded .animate-blinds.item .card.card-comment,
.card-avatar-small.expanded .expanded .animate-blinds.item .card.card-comment,
.card-avatar-small.expanded .animate-blinds.card.card-comment .card.card-comment,
.card-avatar-small.expanded .expanded .animate-blinds.card.card-comment .card.card-comment,
.animate-blinds.done .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-blinds.done .card.card-comment,
.animate-fade-slide-in .card-avatar-small .expanded .animate-blinds.item .card.card-comment, .card-avatar-small .animate-fade-slide-in .expanded .animate-blinds.item .card.card-comment,
.animate-fade-slide-in .card-avatar-small .animate-blinds.expanded.item .card.card-comment, .card-avatar-small .animate-fade-slide-in .animate-blinds.expanded.item .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small .expanded .animate-blinds.item .card.card-comment, .card-avatar-small .animate-fade-slide-in-right .expanded .animate-blinds.item .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small .animate-blinds.expanded.item .card.card-comment, .card-avatar-small .animate-fade-slide-in-right .animate-blinds.expanded.item .card.card-comment,
.animate-ripple .card-avatar-small .expanded .animate-blinds.item .card.card-comment, .card-avatar-small .animate-ripple .expanded .animate-blinds.item .card.card-comment,
.animate-ripple .card-avatar-small .animate-blinds.expanded.item .card.card-comment, .card-avatar-small .animate-ripple .animate-blinds.expanded.item .card.card-comment,
.card-avatar-small.expanded .animate-blinds.item .expanded .card.card-comment, .card-avatar-small.expanded .expanded .animate-blinds.item .card.card-comment,
.card-avatar-small .expanded .animate-blinds.item .card.card-comment,
.card-avatar-small.expanded .animate-blinds.card.card-comment .expanded .card.card-comment, .card-avatar-small.expanded .expanded .animate-blinds.card.card-comment .card.card-comment,
.card-avatar-small .expanded .animate-blinds.card.card-comment .card.card-comment, .animate-blinds.done .in, .animate-fade-slide-in .expanded .animate-blinds.item .in, .animate-fade-slide-in .animate-blinds.expanded.item .in, .animate-fade-slide-in-right .expanded .animate-blinds.item .in, .animate-fade-slide-in-right .animate-blinds.expanded.item .in, .animate-ripple .expanded .animate-blinds.item .in, .animate-ripple .animate-blinds.expanded.item .in, .card-avatar-small.expanded .animate-blinds.item .in, .card-avatar-small .expanded .animate-blinds.item .in, .card-avatar-small.expanded .animate-blinds.card.card-comment .in, .card-avatar-small .expanded .animate-blinds.card.card-comment .in, .animate-blinds.done .animate-fade-slide-in .expanded .item, .animate-fade-slide-in .expanded .animate-blinds.done .item, .animate-fade-slide-in .expanded .animate-blinds.item .item, .animate-fade-slide-in .animate-blinds.expanded.item .item, .animate-fade-slide-in-right .animate-fade-slide-in .expanded .animate-blinds.item .item, .animate-fade-slide-in .animate-fade-slide-in-right .expanded .animate-blinds.item .item, .animate-fade-slide-in-right .animate-fade-slide-in .animate-blinds.expanded.item .item, .animate-fade-slide-in .animate-fade-slide-in-right .animate-blinds.expanded.item .item, .animate-ripple .animate-fade-slide-in .expanded .animate-blinds.item .item, .animate-fade-slide-in .animate-ripple .expanded .animate-blinds.item .item, .animate-ripple .animate-fade-slide-in .animate-blinds.expanded.item .item, .animate-fade-slide-in .animate-ripple .animate-blinds.expanded.item .item, .animate-fade-slide-in .card-avatar-small.expanded .animate-blinds.item .item, .card-avatar-small .animate-fade-slide-in .expanded .animate-blinds.item .item, .animate-fade-slide-in .card-avatar-small .expanded .animate-blinds.item .item, .animate-fade-slide-in .card-avatar-small.expanded .animate-blinds.card.card-comment .item, .card-avatar-small .animate-fade-slide-in .expanded .animate-blinds.card.card-comment .item, .animate-fade-slide-in .card-avatar-small .expanded .animate-blinds.card.card-comment .item,
.animate-blinds.done .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-blinds.done .expanded.item,
.animate-fade-slide-in .expanded .animate-blinds.item .expanded.item,
.animate-fade-slide-in .animate-blinds.expanded.item .expanded.item,
.animate-fade-slide-in-right .expanded .animate-blinds.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-fade-slide-in-right .expanded .animate-blinds.item .expanded.item,
.animate-fade-slide-in-right .animate-blinds.expanded.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-fade-slide-in-right .animate-blinds.expanded.item .expanded.item,
.animate-ripple .expanded .animate-blinds.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-ripple .expanded .animate-blinds.item .expanded.item,
.animate-ripple .animate-blinds.expanded.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-ripple .animate-blinds.expanded.item .expanded.item,
.card-avatar-small.expanded .animate-blinds.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .card-avatar-small.expanded .animate-blinds.item .expanded.item,
.card-avatar-small .expanded .animate-blinds.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .card-avatar-small .expanded .animate-blinds.item .expanded.item,
.card-avatar-small.expanded .animate-blinds.card.card-comment .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .card-avatar-small.expanded .animate-blinds.card.card-comment .expanded.item,
.card-avatar-small .expanded .animate-blinds.card.card-comment .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .card-avatar-small .expanded .animate-blinds.card.card-comment .expanded.item,
.animate-blinds.done .animate-fade-slide-in-right .expanded .item, .animate-fade-slide-in-right .expanded .animate-blinds.done .item,
.animate-fade-slide-in .animate-fade-slide-in-right .expanded .animate-blinds.item .item, .animate-fade-slide-in-right .animate-fade-slide-in .expanded .animate-blinds.item .item,
.animate-fade-slide-in .animate-fade-slide-in-right .animate-blinds.expanded.item .item, .animate-fade-slide-in-right .animate-fade-slide-in .animate-blinds.expanded.item .item,
.animate-fade-slide-in-right .expanded .animate-blinds.item .item,
.animate-fade-slide-in-right .animate-blinds.expanded.item .item,
.animate-ripple .animate-fade-slide-in-right .expanded .animate-blinds.item .item, .animate-fade-slide-in-right .animate-ripple .expanded .animate-blinds.item .item,
.animate-ripple .animate-fade-slide-in-right .animate-blinds.expanded.item .item, .animate-fade-slide-in-right .animate-ripple .animate-blinds.expanded.item .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-blinds.item .item,
.card-avatar-small .animate-fade-slide-in-right .expanded .animate-blinds.item .item, .animate-fade-slide-in-right .card-avatar-small .expanded .animate-blinds.item .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-blinds.card.card-comment .item,
.card-avatar-small .animate-fade-slide-in-right .expanded .animate-blinds.card.card-comment .item, .animate-fade-slide-in-right .card-avatar-small .expanded .animate-blinds.card.card-comment .item,
.animate-blinds.done .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-blinds.done .expanded.item,
.animate-fade-slide-in .expanded .animate-blinds.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-fade-slide-in .expanded .animate-blinds.item .expanded.item,
.animate-fade-slide-in .animate-blinds.expanded.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-fade-slide-in .animate-blinds.expanded.item .expanded.item,
.animate-fade-slide-in-right .expanded .animate-blinds.item .expanded.item,
.animate-fade-slide-in-right .animate-blinds.expanded.item .expanded.item,
.animate-ripple .expanded .animate-blinds.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-ripple .expanded .animate-blinds.item .expanded.item,
.animate-ripple .animate-blinds.expanded.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-ripple .animate-blinds.expanded.item .expanded.item,
.card-avatar-small.expanded .animate-blinds.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .card-avatar-small.expanded .animate-blinds.item .expanded.item,
.card-avatar-small .expanded .animate-blinds.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .card-avatar-small .expanded .animate-blinds.item .expanded.item,
.card-avatar-small.expanded .animate-blinds.card.card-comment .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .card-avatar-small.expanded .animate-blinds.card.card-comment .expanded.item,
.card-avatar-small .expanded .animate-blinds.card.card-comment .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .card-avatar-small .expanded .animate-blinds.card.card-comment .expanded.item,
.animate-blinds.done .animate-ripple .expanded .item, .animate-ripple .expanded .animate-blinds.done .item,
.animate-fade-slide-in .animate-ripple .expanded .animate-blinds.item .item, .animate-ripple .animate-fade-slide-in .expanded .animate-blinds.item .item,
.animate-fade-slide-in .animate-ripple .animate-blinds.expanded.item .item, .animate-ripple .animate-fade-slide-in .animate-blinds.expanded.item .item,
.animate-fade-slide-in-right .animate-ripple .expanded .animate-blinds.item .item, .animate-ripple .animate-fade-slide-in-right .expanded .animate-blinds.item .item,
.animate-fade-slide-in-right .animate-ripple .animate-blinds.expanded.item .item, .animate-ripple .animate-fade-slide-in-right .animate-blinds.expanded.item .item,
.animate-ripple .expanded .animate-blinds.item .item,
.animate-ripple .animate-blinds.expanded.item .item,
.animate-ripple .card-avatar-small.expanded .animate-blinds.item .item,
.card-avatar-small .animate-ripple .expanded .animate-blinds.item .item, .animate-ripple .card-avatar-small .expanded .animate-blinds.item .item,
.animate-ripple .card-avatar-small.expanded .animate-blinds.card.card-comment .item,
.card-avatar-small .animate-ripple .expanded .animate-blinds.card.card-comment .item, .animate-ripple .card-avatar-small .expanded .animate-blinds.card.card-comment .item,
.animate-blinds.done .animate-ripple .expanded.item, .animate-ripple .animate-blinds.done .expanded.item,
.animate-fade-slide-in .expanded .animate-blinds.item .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in .expanded .animate-blinds.item .expanded.item,
.animate-fade-slide-in .animate-blinds.expanded.item .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in .animate-blinds.expanded.item .expanded.item,
.animate-fade-slide-in-right .expanded .animate-blinds.item .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in-right .expanded .animate-blinds.item .expanded.item,
.animate-fade-slide-in-right .animate-blinds.expanded.item .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in-right .animate-blinds.expanded.item .expanded.item,
.animate-ripple .expanded .animate-blinds.item .expanded.item,
.animate-ripple .animate-blinds.expanded.item .expanded.item,
.card-avatar-small.expanded .animate-blinds.item .animate-ripple .expanded.item, .animate-ripple .card-avatar-small.expanded .animate-blinds.item .expanded.item,
.card-avatar-small .expanded .animate-blinds.item .animate-ripple .expanded.item, .animate-ripple .card-avatar-small .expanded .animate-blinds.item .expanded.item,
.card-avatar-small.expanded .animate-blinds.card.card-comment .animate-ripple .expanded.item, .animate-ripple .card-avatar-small.expanded .animate-blinds.card.card-comment .expanded.item,
.card-avatar-small .expanded .animate-blinds.card.card-comment .animate-ripple .expanded.item, .animate-ripple .card-avatar-small .expanded .animate-blinds.card.card-comment .expanded.item,
.animate-blinds.done .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-blinds.done .item,
.animate-fade-slide-in .card-avatar-small.expanded .animate-blinds.item .item,
.animate-fade-slide-in .animate-blinds.expanded.item .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-fade-slide-in .animate-blinds.expanded.item .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-blinds.item .item,
.animate-fade-slide-in-right .animate-blinds.expanded.item .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-fade-slide-in-right .animate-blinds.expanded.item .item,
.animate-ripple .card-avatar-small.expanded .animate-blinds.item .item,
.animate-ripple .animate-blinds.expanded.item .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-ripple .animate-blinds.expanded.item .item,
.card-avatar-small.expanded .animate-blinds.item .item,
.card-avatar-small.expanded .expanded .animate-blinds.item .item,
.card-avatar-small.expanded .animate-blinds.card.card-comment .item,
.card-avatar-small.expanded .expanded .animate-blinds.card.card-comment .item,
.animate-blinds.done .card-avatar-small .expanded .item, .card-avatar-small .expanded .animate-blinds.done .item,
.animate-fade-slide-in .card-avatar-small .expanded .animate-blinds.item .item, .card-avatar-small .animate-fade-slide-in .expanded .animate-blinds.item .item,
.animate-fade-slide-in .card-avatar-small .animate-blinds.expanded.item .item, .card-avatar-small .animate-fade-slide-in .animate-blinds.expanded.item .item,
.animate-fade-slide-in-right .card-avatar-small .expanded .animate-blinds.item .item, .card-avatar-small .animate-fade-slide-in-right .expanded .animate-blinds.item .item,
.animate-fade-slide-in-right .card-avatar-small .animate-blinds.expanded.item .item, .card-avatar-small .animate-fade-slide-in-right .animate-blinds.expanded.item .item,
.animate-ripple .card-avatar-small .expanded .animate-blinds.item .item, .card-avatar-small .animate-ripple .expanded .animate-blinds.item .item,
.animate-ripple .card-avatar-small .animate-blinds.expanded.item .item, .card-avatar-small .animate-ripple .animate-blinds.expanded.item .item,
.card-avatar-small.expanded .animate-blinds.item .expanded .item, .card-avatar-small.expanded .expanded .animate-blinds.item .item,
.card-avatar-small .expanded .animate-blinds.item .item,
.card-avatar-small.expanded .animate-blinds.card.card-comment .expanded .item, .card-avatar-small.expanded .expanded .animate-blinds.card.card-comment .item,
.card-avatar-small .expanded .animate-blinds.card.card-comment .item,
.animate-blinds.done .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-blinds.done .card.card-comment,
.animate-fade-slide-in .card-avatar-small.expanded .animate-blinds.item .card.card-comment,
.animate-fade-slide-in .animate-blinds.expanded.item .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in .animate-blinds.expanded.item .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-blinds.item .card.card-comment,
.animate-fade-slide-in-right .animate-blinds.expanded.item .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in-right .animate-blinds.expanded.item .card.card-comment,
.animate-ripple .card-avatar-small.expanded .animate-blinds.item .card.card-comment,
.animate-ripple .animate-blinds.expanded.item .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple .animate-blinds.expanded.item .card.card-comment,
.card-avatar-small.expanded .animate-blinds.item .card.card-comment,
.card-avatar-small.expanded .expanded .animate-blinds.item .card.card-comment,
.card-avatar-small.expanded .animate-blinds.card.card-comment .card.card-comment,
.card-avatar-small.expanded .expanded .animate-blinds.card.card-comment .card.card-comment,
.animate-blinds.done .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-blinds.done .card.card-comment,
.animate-fade-slide-in .card-avatar-small .expanded .animate-blinds.item .card.card-comment, .card-avatar-small .animate-fade-slide-in .expanded .animate-blinds.item .card.card-comment,
.animate-fade-slide-in .card-avatar-small .animate-blinds.expanded.item .card.card-comment, .card-avatar-small .animate-fade-slide-in .animate-blinds.expanded.item .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small .expanded .animate-blinds.item .card.card-comment, .card-avatar-small .animate-fade-slide-in-right .expanded .animate-blinds.item .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small .animate-blinds.expanded.item .card.card-comment, .card-avatar-small .animate-fade-slide-in-right .animate-blinds.expanded.item .card.card-comment,
.animate-ripple .card-avatar-small .expanded .animate-blinds.item .card.card-comment, .card-avatar-small .animate-ripple .expanded .animate-blinds.item .card.card-comment,
.animate-ripple .card-avatar-small .animate-blinds.expanded.item .card.card-comment, .card-avatar-small .animate-ripple .animate-blinds.expanded.item .card.card-comment,
.card-avatar-small.expanded .animate-blinds.item .expanded .card.card-comment, .card-avatar-small.expanded .expanded .animate-blinds.item .card.card-comment,
.card-avatar-small .expanded .animate-blinds.item .card.card-comment,
.card-avatar-small.expanded .animate-blinds.card.card-comment .expanded .card.card-comment, .card-avatar-small.expanded .expanded .animate-blinds.card.card-comment .card.card-comment,
.card-avatar-small .expanded .animate-blinds.card.card-comment .card.card-comment {
  opacity: 1;
  filter: alpha(opacity=100); }

.animate-blinds .has-mask-reverse:after,
.animate-blinds .has-mask-reverse:after {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.animate-blinds.done .has-mask-reverse:after, .animate-fade-slide-in .expanded .animate-blinds.item .has-mask-reverse:after, .animate-fade-slide-in .animate-blinds.expanded.item .has-mask-reverse:after, .animate-fade-slide-in-right .expanded .animate-blinds.item .has-mask-reverse:after, .animate-fade-slide-in-right .animate-blinds.expanded.item .has-mask-reverse:after, .animate-ripple .expanded .animate-blinds.item .has-mask-reverse:after, .animate-ripple .animate-blinds.expanded.item .has-mask-reverse:after, .card-avatar-small.expanded .animate-blinds.item .has-mask-reverse:after, .card-avatar-small .expanded .animate-blinds.item .has-mask-reverse:after, .card-avatar-small.expanded .animate-blinds.card.card-comment .has-mask-reverse:after, .card-avatar-small .expanded .animate-blinds.card.card-comment .has-mask-reverse:after, .animate-blinds.done .has-mask-reverse:after, .animate-fade-slide-in .expanded .animate-blinds.item .has-mask-reverse:after, .animate-fade-slide-in .animate-blinds.expanded.item .has-mask-reverse:after, .animate-fade-slide-in-right .expanded .animate-blinds.item .has-mask-reverse:after, .animate-fade-slide-in-right .animate-blinds.expanded.item .has-mask-reverse:after, .animate-ripple .expanded .animate-blinds.item .has-mask-reverse:after, .animate-ripple .animate-blinds.expanded.item .has-mask-reverse:after, .card-avatar-small.expanded .animate-blinds.item .has-mask-reverse:after, .card-avatar-small .expanded .animate-blinds.item .has-mask-reverse:after, .card-avatar-small.expanded .animate-blinds.card.card-comment .has-mask-reverse:after, .card-avatar-small .expanded .animate-blinds.card.card-comment .has-mask-reverse:after {
  opacity: 1;
  filter: alpha(opacity=100); }

.animate-blinds .out,
.animate-blinds .out {
  -ms-transform: scale3d(0, 0, 1);
  -webkit-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1); }

/* Motion: Pan In Left
==================================*/
.animate-pan-in-left,
.animate-pan-in-left {
  background-position: 0% 0%; }

/* Motion: Ripple
==================================*/
.animate-ripple .done, .animate-fade-slide-in .expanded .animate-ripple .item, .animate-fade-slide-in-right .expanded .animate-ripple .item,
.animate-ripple .expanded .item,
.animate-ripple .expanded.item, .card-avatar-small.expanded .animate-ripple .item, .card-avatar-small .expanded .animate-ripple .item,
.animate-ripple .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple .card.card-comment,
.animate-ripple .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-ripple .card.card-comment, .animate-ripple .done, .animate-fade-slide-in .expanded .animate-ripple .item, .animate-fade-slide-in-right .expanded .animate-ripple .item,
.animate-ripple .expanded .item,
.animate-ripple .expanded.item, .card-avatar-small.expanded .animate-ripple .item, .card-avatar-small .expanded .animate-ripple .item,
.animate-ripple .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple .card.card-comment,
.animate-ripple .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-ripple .card.card-comment {
  visibility: hidden; }

.animate-ripple .done, .animate-fade-slide-in .expanded .animate-ripple .item, .animate-fade-slide-in-right .expanded .animate-ripple .item,
.animate-ripple .expanded .item,
.animate-ripple .expanded.item, .card-avatar-small.expanded .animate-ripple .item, .card-avatar-small .expanded .animate-ripple .item,
.animate-ripple .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple .card.card-comment,
.animate-ripple .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-ripple .card.card-comment, .animate-ripple .done, .animate-fade-slide-in .expanded .animate-ripple .item, .animate-fade-slide-in-right .expanded .animate-ripple .item,
.animate-ripple .expanded .item,
.animate-ripple .expanded.item, .card-avatar-small.expanded .animate-ripple .item, .card-avatar-small .expanded .animate-ripple .item,
.animate-ripple .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple .card.card-comment,
.animate-ripple .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-ripple .card.card-comment {
  -ms-transform: scale3d(0.8, 0, 1);
  -webkit-transform: scale3d(0.8, 0, 1);
  transform: scale3d(0.8, 0, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1); }

.animate-ripple .item-bg-image img.background,
.animate-ripple .item-bg-image img.background {
  box-shadow: none;
  -ms-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

.animate-ripple .in, .animate-fade-slide-in .expanded .animate-ripple .item, .animate-fade-slide-in-right .expanded .animate-ripple .item,
.animate-ripple .expanded .item,
.animate-ripple .expanded.item, .card-avatar-small.expanded .animate-ripple .item, .card-avatar-small .expanded .animate-ripple .item,
.animate-ripple .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple .card.card-comment,
.animate-ripple .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-ripple .card.card-comment, .animate-ripple.done, .animate-fade-slide-in .expanded .animate-ripple.item,
.animate-fade-slide-in .animate-ripple.expanded.item,
.animate-fade-slide-in-right .expanded .animate-ripple.item,
.animate-fade-slide-in-right .animate-ripple.expanded.item,
.animate-ripple .expanded .animate-ripple.item,
.animate-ripple .animate-ripple.expanded.item,
.card-avatar-small.expanded .animate-ripple.item,
.card-avatar-small .expanded .animate-ripple.item,
.card-avatar-small.expanded .animate-ripple.card.card-comment,
.card-avatar-small .expanded .animate-ripple.card.card-comment, .animate-ripple .in, .animate-fade-slide-in .expanded .animate-ripple .item, .animate-fade-slide-in-right .expanded .animate-ripple .item,
.animate-ripple .expanded .item,
.animate-ripple .expanded.item, .card-avatar-small.expanded .animate-ripple .item, .card-avatar-small .expanded .animate-ripple .item,
.animate-ripple .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple .card.card-comment,
.animate-ripple .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-ripple .card.card-comment, .animate-ripple.done, .animate-fade-slide-in .expanded .animate-ripple.item,
.animate-fade-slide-in .animate-ripple.expanded.item,
.animate-fade-slide-in-right .expanded .animate-ripple.item,
.animate-fade-slide-in-right .animate-ripple.expanded.item,
.animate-ripple .expanded .animate-ripple.item,
.animate-ripple .animate-ripple.expanded.item,
.card-avatar-small.expanded .animate-ripple.item,
.card-avatar-small .expanded .animate-ripple.item,
.card-avatar-small.expanded .animate-ripple.card.card-comment,
.card-avatar-small .expanded .animate-ripple.card.card-comment {
  -ms-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

.animate-ripple .in, .animate-fade-slide-in .expanded .animate-ripple .item, .animate-fade-slide-in-right .expanded .animate-ripple .item,
.animate-ripple .expanded .item,
.animate-ripple .expanded.item, .card-avatar-small.expanded .animate-ripple .item, .card-avatar-small .expanded .animate-ripple .item,
.animate-ripple .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple .card.card-comment,
.animate-ripple .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-ripple .card.card-comment, .animate-ripple.done, .animate-fade-slide-in .expanded .animate-ripple.item,
.animate-fade-slide-in .animate-ripple.expanded.item,
.animate-fade-slide-in-right .expanded .animate-ripple.item,
.animate-fade-slide-in-right .animate-ripple.expanded.item,
.animate-ripple .expanded .animate-ripple.item,
.animate-ripple .animate-ripple.expanded.item,
.card-avatar-small.expanded .animate-ripple.item,
.card-avatar-small .expanded .animate-ripple.item,
.card-avatar-small.expanded .animate-ripple.card.card-comment,
.card-avatar-small .expanded .animate-ripple.card.card-comment, .animate-ripple .in, .animate-fade-slide-in .expanded .animate-ripple .item, .animate-fade-slide-in-right .expanded .animate-ripple .item,
.animate-ripple .expanded .item,
.animate-ripple .expanded.item, .card-avatar-small.expanded .animate-ripple .item, .card-avatar-small .expanded .animate-ripple .item,
.animate-ripple .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple .card.card-comment,
.animate-ripple .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-ripple .card.card-comment, .animate-ripple.done, .animate-fade-slide-in .expanded .animate-ripple.item,
.animate-fade-slide-in .animate-ripple.expanded.item,
.animate-fade-slide-in-right .expanded .animate-ripple.item,
.animate-fade-slide-in-right .animate-ripple.expanded.item,
.animate-ripple .expanded .animate-ripple.item,
.animate-ripple .animate-ripple.expanded.item,
.card-avatar-small.expanded .animate-ripple.item,
.card-avatar-small .expanded .animate-ripple.item,
.card-avatar-small.expanded .animate-ripple.card.card-comment,
.card-avatar-small .expanded .animate-ripple.card.card-comment {
  visibility: visible; }

.animate-ripple .item {
  -ms-transform: scale3d(0, 0, 1);
  -webkit-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1);
  opacity: 0;
  filter: alpha(opacity=0); }

.animate-ripple .item.in, .animate-fade-slide-in .expanded .animate-ripple .item, .animate-fade-slide-in-right .expanded .animate-ripple .item,
.animate-ripple .expanded .item,
.animate-ripple .item.expanded, .card-avatar-small.expanded .animate-ripple .item, .card-avatar-small .expanded .animate-ripple .item,
.animate-ripple .card-avatar-small.expanded .item.card.card-comment,
.animate-ripple .card-avatar-small .expanded .item.card.card-comment {
  opacity: 1;
  filter: alpha(opacity=100); }

.animate-ripple .done, .animate-fade-slide-in .expanded .animate-ripple .item, .animate-fade-slide-in-right .expanded .animate-ripple .item,
.animate-ripple .expanded .item,
.animate-ripple .expanded.item, .card-avatar-small.expanded .animate-ripple .item, .card-avatar-small .expanded .animate-ripple .item,
.animate-ripple .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple .card.card-comment,
.animate-ripple .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-ripple .card.card-comment {
  visibility: hidden; }

.animate-ripple .done, .animate-fade-slide-in .expanded .animate-ripple .item, .animate-fade-slide-in-right .expanded .animate-ripple .item,
.animate-ripple .expanded .item,
.animate-ripple .expanded.item, .card-avatar-small.expanded .animate-ripple .item, .card-avatar-small .expanded .animate-ripple .item,
.animate-ripple .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple .card.card-comment,
.animate-ripple .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-ripple .card.card-comment, .animate-ripple .done, .animate-fade-slide-in .expanded .animate-ripple .item, .animate-fade-slide-in-right .expanded .animate-ripple .item,
.animate-ripple .expanded .item,
.animate-ripple .expanded.item, .card-avatar-small.expanded .animate-ripple .item, .card-avatar-small .expanded .animate-ripple .item,
.animate-ripple .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple .card.card-comment,
.animate-ripple .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-ripple .card.card-comment {
  -ms-transform: scale3d(0.8, 0, 1);
  -webkit-transform: scale3d(0.8, 0, 1);
  transform: scale3d(0.8, 0, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1); }

/* Uncomment if you want images to fade in after the card

  .animate-ripple .in .item-bg-image img:last-child,
  .animate-ripple .in .item-bg-image img:last-child { 
    opacity: 0;
  }

    .animate-ripple.done .item-bg-image img:last-child,
    .animate-ripple.done .item-bg-image img:last-child {
    opacity: 1;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    }

    .animate-ripple .item-bg-image img:last-child,
  .animate-ripple .item-bg-image img:last-child {
    box-shadow: none;
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  .animate-ripple .in .item-bg-image img:last-child,
  .animate-ripple .in .item-bg-image img:last-child { 
    opacity: 0;
  }

.animate-ripple.done .item-bg-image img:last-child,
.animate-ripple.done .item-bg-image img:last-child {
  opacity: 1;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.animate-ripple .in,
.animate-ripple .in {
    opacity: 0.6;
}
*/
.animate-ripple .in, .animate-fade-slide-in .expanded .animate-ripple .item, .animate-fade-slide-in-right .expanded .animate-ripple .item,
.animate-ripple .expanded .item,
.animate-ripple .expanded.item, .card-avatar-small.expanded .animate-ripple .item, .card-avatar-small .expanded .animate-ripple .item,
.animate-ripple .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple .card.card-comment,
.animate-ripple .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-ripple .card.card-comment, .animate-ripple.done, .animate-fade-slide-in .expanded .animate-ripple.item,
.animate-fade-slide-in .animate-ripple.expanded.item,
.animate-fade-slide-in-right .expanded .animate-ripple.item,
.animate-fade-slide-in-right .animate-ripple.expanded.item,
.animate-ripple .expanded .animate-ripple.item,
.animate-ripple .animate-ripple.expanded.item,
.card-avatar-small.expanded .animate-ripple.item,
.card-avatar-small .expanded .animate-ripple.item,
.card-avatar-small.expanded .animate-ripple.card.card-comment,
.card-avatar-small .expanded .animate-ripple.card.card-comment, .animate-ripple .in, .animate-fade-slide-in .expanded .animate-ripple .item, .animate-fade-slide-in-right .expanded .animate-ripple .item,
.animate-ripple .expanded .item,
.animate-ripple .expanded.item, .card-avatar-small.expanded .animate-ripple .item, .card-avatar-small .expanded .animate-ripple .item,
.animate-ripple .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple .card.card-comment,
.animate-ripple .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-ripple .card.card-comment, .animate-ripple.done, .animate-fade-slide-in .expanded .animate-ripple.item,
.animate-fade-slide-in .animate-ripple.expanded.item,
.animate-fade-slide-in-right .expanded .animate-ripple.item,
.animate-fade-slide-in-right .animate-ripple.expanded.item,
.animate-ripple .expanded .animate-ripple.item,
.animate-ripple .animate-ripple.expanded.item,
.card-avatar-small.expanded .animate-ripple.item,
.card-avatar-small .expanded .animate-ripple.item,
.card-avatar-small.expanded .animate-ripple.card.card-comment,
.card-avatar-small .expanded .animate-ripple.card.card-comment {
  -ms-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.animate-ripple .in, .animate-fade-slide-in .expanded .animate-ripple .item, .animate-fade-slide-in-right .expanded .animate-ripple .item,
.animate-ripple .expanded .item,
.animate-ripple .expanded.item, .card-avatar-small.expanded .animate-ripple .item, .card-avatar-small .expanded .animate-ripple .item,
.animate-ripple .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple .card.card-comment,
.animate-ripple .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-ripple .card.card-comment, .animate-ripple.done, .animate-fade-slide-in .expanded .animate-ripple.item,
.animate-fade-slide-in .animate-ripple.expanded.item,
.animate-fade-slide-in-right .expanded .animate-ripple.item,
.animate-fade-slide-in-right .animate-ripple.expanded.item,
.animate-ripple .expanded .animate-ripple.item,
.animate-ripple .animate-ripple.expanded.item,
.card-avatar-small.expanded .animate-ripple.item,
.card-avatar-small .expanded .animate-ripple.item,
.card-avatar-small.expanded .animate-ripple.card.card-comment,
.card-avatar-small .expanded .animate-ripple.card.card-comment, .animate-ripple .in, .animate-fade-slide-in .expanded .animate-ripple .item, .animate-fade-slide-in-right .expanded .animate-ripple .item,
.animate-ripple .expanded .item,
.animate-ripple .expanded.item, .card-avatar-small.expanded .animate-ripple .item, .card-avatar-small .expanded .animate-ripple .item,
.animate-ripple .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple .card.card-comment,
.animate-ripple .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-ripple .card.card-comment, .animate-ripple.done, .animate-fade-slide-in .expanded .animate-ripple.item,
.animate-fade-slide-in .animate-ripple.expanded.item,
.animate-fade-slide-in-right .expanded .animate-ripple.item,
.animate-fade-slide-in-right .animate-ripple.expanded.item,
.animate-ripple .expanded .animate-ripple.item,
.animate-ripple .animate-ripple.expanded.item,
.card-avatar-small.expanded .animate-ripple.item,
.card-avatar-small .expanded .animate-ripple.item,
.card-avatar-small.expanded .animate-ripple.card.card-comment,
.card-avatar-small .expanded .animate-ripple.card.card-comment {
  visibility: visible; }

.animate-ripple.done .in, .animate-fade-slide-in .expanded .animate-ripple.item .in, .animate-fade-slide-in .animate-ripple.expanded.item .in, .animate-fade-slide-in-right .expanded .animate-ripple.item .in, .animate-fade-slide-in-right .animate-ripple.expanded.item .in, .animate-ripple .expanded .animate-ripple.item .in, .animate-ripple .animate-ripple.expanded.item .in, .card-avatar-small.expanded .animate-ripple.item .in, .card-avatar-small .expanded .animate-ripple.item .in, .card-avatar-small.expanded .animate-ripple.card.card-comment .in, .card-avatar-small .expanded .animate-ripple.card.card-comment .in, .animate-ripple.done .animate-fade-slide-in .expanded .item, .animate-fade-slide-in .expanded .animate-ripple.done .item, .animate-fade-slide-in .expanded .animate-ripple.item .item, .animate-fade-slide-in .animate-ripple.expanded.item .item, .animate-fade-slide-in-right .animate-fade-slide-in .expanded .animate-ripple.item .item, .animate-fade-slide-in .animate-fade-slide-in-right .expanded .animate-ripple.item .item, .animate-fade-slide-in-right .animate-fade-slide-in .animate-ripple.expanded.item .item, .animate-fade-slide-in .animate-fade-slide-in-right .animate-ripple.expanded.item .item, .animate-ripple .animate-fade-slide-in .expanded .animate-ripple.item .item, .animate-fade-slide-in .animate-ripple .expanded .animate-ripple.item .item, .animate-fade-slide-in .animate-ripple.expanded.item .animate-ripple.expanded.item .item, .animate-fade-slide-in .card-avatar-small.expanded .animate-ripple.item .item, .card-avatar-small .animate-fade-slide-in .expanded .animate-ripple.item .item, .animate-fade-slide-in .card-avatar-small .expanded .animate-ripple.item .item, .animate-fade-slide-in .card-avatar-small.expanded .animate-ripple.card.card-comment .item, .card-avatar-small .animate-fade-slide-in .expanded .animate-ripple.card.card-comment .item, .animate-fade-slide-in .card-avatar-small .expanded .animate-ripple.card.card-comment .item,
.animate-ripple.done .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-ripple.done .expanded.item,
.animate-fade-slide-in .expanded .animate-ripple.item .expanded.item,
.animate-fade-slide-in .animate-ripple.expanded.item .expanded.item,
.animate-fade-slide-in-right .expanded .animate-ripple.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-fade-slide-in-right .expanded .animate-ripple.item .expanded.item,
.animate-fade-slide-in-right .animate-ripple.expanded.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-fade-slide-in-right .animate-ripple.expanded.item .expanded.item,
.animate-ripple .expanded .animate-ripple.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-ripple .expanded .animate-ripple.item .expanded.item,
.animate-ripple .animate-ripple.expanded.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-ripple .animate-ripple.expanded.item .expanded.item,
.card-avatar-small.expanded .animate-ripple.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .card-avatar-small.expanded .animate-ripple.item .expanded.item,
.card-avatar-small .expanded .animate-ripple.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .card-avatar-small .expanded .animate-ripple.item .expanded.item,
.card-avatar-small.expanded .animate-ripple.card.card-comment .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .card-avatar-small.expanded .animate-ripple.card.card-comment .expanded.item,
.card-avatar-small .expanded .animate-ripple.card.card-comment .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .card-avatar-small .expanded .animate-ripple.card.card-comment .expanded.item,
.animate-ripple.done .animate-fade-slide-in-right .expanded .item, .animate-fade-slide-in-right .expanded .animate-ripple.done .item,
.animate-fade-slide-in .animate-fade-slide-in-right .expanded .animate-ripple.item .item, .animate-fade-slide-in-right .animate-fade-slide-in .expanded .animate-ripple.item .item,
.animate-fade-slide-in .animate-fade-slide-in-right .animate-ripple.expanded.item .item, .animate-fade-slide-in-right .animate-fade-slide-in .animate-ripple.expanded.item .item,
.animate-fade-slide-in-right .expanded .animate-ripple.item .item,
.animate-fade-slide-in-right .animate-ripple.expanded.item .item,
.animate-ripple .animate-fade-slide-in-right .expanded .animate-ripple.item .item, .animate-fade-slide-in-right .animate-ripple .expanded .animate-ripple.item .item,
.animate-fade-slide-in-right .animate-ripple.expanded.item .animate-ripple.expanded.item .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-ripple.item .item,
.card-avatar-small .animate-fade-slide-in-right .expanded .animate-ripple.item .item, .animate-fade-slide-in-right .card-avatar-small .expanded .animate-ripple.item .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-ripple.card.card-comment .item,
.card-avatar-small .animate-fade-slide-in-right .expanded .animate-ripple.card.card-comment .item, .animate-fade-slide-in-right .card-avatar-small .expanded .animate-ripple.card.card-comment .item,
.animate-ripple.done .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-ripple.done .expanded.item,
.animate-fade-slide-in .expanded .animate-ripple.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-fade-slide-in .expanded .animate-ripple.item .expanded.item,
.animate-fade-slide-in .animate-ripple.expanded.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-fade-slide-in .animate-ripple.expanded.item .expanded.item,
.animate-fade-slide-in-right .expanded .animate-ripple.item .expanded.item,
.animate-fade-slide-in-right .animate-ripple.expanded.item .expanded.item,
.animate-ripple .expanded .animate-ripple.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-ripple .expanded .animate-ripple.item .expanded.item,
.animate-ripple .animate-ripple.expanded.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-ripple .animate-ripple.expanded.item .expanded.item,
.card-avatar-small.expanded .animate-ripple.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .card-avatar-small.expanded .animate-ripple.item .expanded.item,
.card-avatar-small .expanded .animate-ripple.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .card-avatar-small .expanded .animate-ripple.item .expanded.item,
.card-avatar-small.expanded .animate-ripple.card.card-comment .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .card-avatar-small.expanded .animate-ripple.card.card-comment .expanded.item,
.card-avatar-small .expanded .animate-ripple.card.card-comment .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .card-avatar-small .expanded .animate-ripple.card.card-comment .expanded.item,
.animate-ripple.done .expanded .item,
.animate-fade-slide-in .expanded .animate-ripple.item .expanded .item,
.animate-fade-slide-in .animate-ripple.expanded.item .expanded .item,
.animate-fade-slide-in-right .expanded .animate-ripple.item .expanded .item,
.animate-fade-slide-in-right .animate-ripple.expanded.item .expanded .item,
.animate-ripple .expanded .animate-ripple.item .item,
.animate-ripple .animate-ripple.expanded.item .item,
.card-avatar-small.expanded .animate-ripple.item .expanded .item,
.card-avatar-small .expanded .animate-ripple.item .expanded .item,
.card-avatar-small.expanded .animate-ripple.card.card-comment .expanded .item,
.card-avatar-small .expanded .animate-ripple.card.card-comment .expanded .item,
.animate-ripple.done .expanded.item,
.animate-fade-slide-in .expanded .animate-ripple.item .expanded.item,
.animate-fade-slide-in .animate-ripple.expanded.item .expanded.item,
.animate-fade-slide-in-right .expanded .animate-ripple.item .expanded.item,
.animate-fade-slide-in-right .animate-ripple.expanded.item .expanded.item,
.animate-ripple.item .expanded .animate-ripple.item .expanded.item,
.animate-ripple.expanded.item .animate-ripple.expanded.item .expanded.item,
.card-avatar-small.expanded .animate-ripple.item .expanded.item,
.card-avatar-small .expanded .animate-ripple.item .expanded.item,
.card-avatar-small.expanded .animate-ripple.card.card-comment .expanded.item,
.card-avatar-small .expanded .animate-ripple.card.card-comment .expanded.item,
.animate-ripple.done .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-ripple.done .item,
.animate-fade-slide-in .card-avatar-small.expanded .animate-ripple.item .item,
.animate-fade-slide-in .animate-ripple.expanded.item .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-fade-slide-in .animate-ripple.expanded.item .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-ripple.item .item,
.animate-fade-slide-in-right .animate-ripple.expanded.item .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-fade-slide-in-right .animate-ripple.expanded.item .item,
.animate-ripple .card-avatar-small.expanded .animate-ripple.item .item,
.animate-ripple .animate-ripple.expanded.item .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-ripple .animate-ripple.expanded.item .item,
.card-avatar-small.expanded .animate-ripple.item .item,
.card-avatar-small.expanded .expanded .animate-ripple.item .item,
.card-avatar-small.expanded .animate-ripple.card.card-comment .item,
.card-avatar-small.expanded .expanded .animate-ripple.card.card-comment .item,
.animate-ripple.done .card-avatar-small .expanded .item, .card-avatar-small .expanded .animate-ripple.done .item,
.animate-fade-slide-in .card-avatar-small .expanded .animate-ripple.item .item, .card-avatar-small .animate-fade-slide-in .expanded .animate-ripple.item .item,
.animate-fade-slide-in .card-avatar-small .animate-ripple.expanded.item .item, .card-avatar-small .animate-fade-slide-in .animate-ripple.expanded.item .item,
.animate-fade-slide-in-right .card-avatar-small .expanded .animate-ripple.item .item, .card-avatar-small .animate-fade-slide-in-right .expanded .animate-ripple.item .item,
.animate-fade-slide-in-right .card-avatar-small .animate-ripple.expanded.item .item, .card-avatar-small .animate-fade-slide-in-right .animate-ripple.expanded.item .item,
.animate-ripple .card-avatar-small .expanded .animate-ripple.item .item, .card-avatar-small .animate-ripple .expanded .animate-ripple.item .item,
.card-avatar-small .animate-ripple.expanded.item .animate-ripple.expanded.item .item,
.card-avatar-small.expanded .animate-ripple.item .expanded .item, .card-avatar-small.expanded .expanded .animate-ripple.item .item,
.card-avatar-small .expanded .animate-ripple.item .item,
.card-avatar-small.expanded .animate-ripple.card.card-comment .expanded .item, .card-avatar-small.expanded .expanded .animate-ripple.card.card-comment .item,
.card-avatar-small .expanded .animate-ripple.card.card-comment .item,
.animate-ripple.done .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple.done .card.card-comment,
.animate-fade-slide-in .card-avatar-small.expanded .animate-ripple.item .card.card-comment,
.animate-fade-slide-in .animate-ripple.expanded.item .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in .animate-ripple.expanded.item .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-ripple.item .card.card-comment,
.animate-fade-slide-in-right .animate-ripple.expanded.item .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in-right .animate-ripple.expanded.item .card.card-comment,
.animate-ripple .card-avatar-small.expanded .animate-ripple.item .card.card-comment,
.animate-ripple .animate-ripple.expanded.item .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple .animate-ripple.expanded.item .card.card-comment,
.card-avatar-small.expanded .animate-ripple.item .card.card-comment,
.card-avatar-small.expanded .expanded .animate-ripple.item .card.card-comment,
.card-avatar-small.expanded .animate-ripple.card.card-comment .card.card-comment,
.card-avatar-small.expanded .expanded .animate-ripple.card.card-comment .card.card-comment,
.animate-ripple.done .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-ripple.done .card.card-comment,
.animate-fade-slide-in .card-avatar-small .expanded .animate-ripple.item .card.card-comment, .card-avatar-small .animate-fade-slide-in .expanded .animate-ripple.item .card.card-comment,
.animate-fade-slide-in .card-avatar-small .animate-ripple.expanded.item .card.card-comment, .card-avatar-small .animate-fade-slide-in .animate-ripple.expanded.item .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small .expanded .animate-ripple.item .card.card-comment, .card-avatar-small .animate-fade-slide-in-right .expanded .animate-ripple.item .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small .animate-ripple.expanded.item .card.card-comment, .card-avatar-small .animate-fade-slide-in-right .animate-ripple.expanded.item .card.card-comment,
.animate-ripple .card-avatar-small .expanded .animate-ripple.item .card.card-comment, .card-avatar-small .animate-ripple .expanded .animate-ripple.item .card.card-comment,
.card-avatar-small .animate-ripple.expanded.item .animate-ripple.expanded.item .card.card-comment,
.card-avatar-small.expanded .animate-ripple.item .expanded .card.card-comment, .card-avatar-small.expanded .expanded .animate-ripple.item .card.card-comment,
.card-avatar-small .expanded .animate-ripple.item .card.card-comment,
.card-avatar-small.expanded .animate-ripple.card.card-comment .expanded .card.card-comment, .card-avatar-small.expanded .expanded .animate-ripple.card.card-comment .card.card-comment,
.card-avatar-small .expanded .animate-ripple.card.card-comment .card.card-comment, .animate-ripple.done .in, .animate-fade-slide-in .expanded .animate-ripple.item .in, .animate-fade-slide-in .animate-ripple.expanded.item .in, .animate-fade-slide-in-right .expanded .animate-ripple.item .in, .animate-fade-slide-in-right .animate-ripple.expanded.item .in, .animate-ripple .expanded .animate-ripple.item .in, .animate-ripple .animate-ripple.expanded.item .in, .card-avatar-small.expanded .animate-ripple.item .in, .card-avatar-small .expanded .animate-ripple.item .in, .card-avatar-small.expanded .animate-ripple.card.card-comment .in, .card-avatar-small .expanded .animate-ripple.card.card-comment .in, .animate-ripple.done .animate-fade-slide-in .expanded .item, .animate-fade-slide-in .expanded .animate-ripple.done .item, .animate-fade-slide-in .expanded .animate-ripple.item .item, .animate-fade-slide-in .animate-ripple.expanded.item .item, .animate-fade-slide-in-right .animate-fade-slide-in .expanded .animate-ripple.item .item, .animate-fade-slide-in .animate-fade-slide-in-right .expanded .animate-ripple.item .item, .animate-fade-slide-in-right .animate-fade-slide-in .animate-ripple.expanded.item .item, .animate-fade-slide-in .animate-fade-slide-in-right .animate-ripple.expanded.item .item, .animate-ripple .animate-fade-slide-in .expanded .animate-ripple.item .item, .animate-fade-slide-in .animate-ripple .expanded .animate-ripple.item .item, .animate-fade-slide-in .animate-ripple.expanded.item .animate-ripple.expanded.item .item, .animate-fade-slide-in .card-avatar-small.expanded .animate-ripple.item .item, .card-avatar-small .animate-fade-slide-in .expanded .animate-ripple.item .item, .animate-fade-slide-in .card-avatar-small .expanded .animate-ripple.item .item, .animate-fade-slide-in .card-avatar-small.expanded .animate-ripple.card.card-comment .item, .card-avatar-small .animate-fade-slide-in .expanded .animate-ripple.card.card-comment .item, .animate-fade-slide-in .card-avatar-small .expanded .animate-ripple.card.card-comment .item,
.animate-ripple.done .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-ripple.done .expanded.item,
.animate-fade-slide-in .expanded .animate-ripple.item .expanded.item,
.animate-fade-slide-in .animate-ripple.expanded.item .expanded.item,
.animate-fade-slide-in-right .expanded .animate-ripple.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-fade-slide-in-right .expanded .animate-ripple.item .expanded.item,
.animate-fade-slide-in-right .animate-ripple.expanded.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-fade-slide-in-right .animate-ripple.expanded.item .expanded.item,
.animate-ripple .expanded .animate-ripple.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-ripple .expanded .animate-ripple.item .expanded.item,
.animate-ripple .animate-ripple.expanded.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-ripple .animate-ripple.expanded.item .expanded.item,
.card-avatar-small.expanded .animate-ripple.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .card-avatar-small.expanded .animate-ripple.item .expanded.item,
.card-avatar-small .expanded .animate-ripple.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .card-avatar-small .expanded .animate-ripple.item .expanded.item,
.card-avatar-small.expanded .animate-ripple.card.card-comment .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .card-avatar-small.expanded .animate-ripple.card.card-comment .expanded.item,
.card-avatar-small .expanded .animate-ripple.card.card-comment .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .card-avatar-small .expanded .animate-ripple.card.card-comment .expanded.item,
.animate-ripple.done .animate-fade-slide-in-right .expanded .item, .animate-fade-slide-in-right .expanded .animate-ripple.done .item,
.animate-fade-slide-in .animate-fade-slide-in-right .expanded .animate-ripple.item .item, .animate-fade-slide-in-right .animate-fade-slide-in .expanded .animate-ripple.item .item,
.animate-fade-slide-in .animate-fade-slide-in-right .animate-ripple.expanded.item .item, .animate-fade-slide-in-right .animate-fade-slide-in .animate-ripple.expanded.item .item,
.animate-fade-slide-in-right .expanded .animate-ripple.item .item,
.animate-fade-slide-in-right .animate-ripple.expanded.item .item,
.animate-ripple .animate-fade-slide-in-right .expanded .animate-ripple.item .item, .animate-fade-slide-in-right .animate-ripple .expanded .animate-ripple.item .item,
.animate-fade-slide-in-right .animate-ripple.expanded.item .animate-ripple.expanded.item .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-ripple.item .item,
.card-avatar-small .animate-fade-slide-in-right .expanded .animate-ripple.item .item, .animate-fade-slide-in-right .card-avatar-small .expanded .animate-ripple.item .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-ripple.card.card-comment .item,
.card-avatar-small .animate-fade-slide-in-right .expanded .animate-ripple.card.card-comment .item, .animate-fade-slide-in-right .card-avatar-small .expanded .animate-ripple.card.card-comment .item,
.animate-ripple.done .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-ripple.done .expanded.item,
.animate-fade-slide-in .expanded .animate-ripple.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-fade-slide-in .expanded .animate-ripple.item .expanded.item,
.animate-fade-slide-in .animate-ripple.expanded.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-fade-slide-in .animate-ripple.expanded.item .expanded.item,
.animate-fade-slide-in-right .expanded .animate-ripple.item .expanded.item,
.animate-fade-slide-in-right .animate-ripple.expanded.item .expanded.item,
.animate-ripple .expanded .animate-ripple.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-ripple .expanded .animate-ripple.item .expanded.item,
.animate-ripple .animate-ripple.expanded.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-ripple .animate-ripple.expanded.item .expanded.item,
.card-avatar-small.expanded .animate-ripple.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .card-avatar-small.expanded .animate-ripple.item .expanded.item,
.card-avatar-small .expanded .animate-ripple.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .card-avatar-small .expanded .animate-ripple.item .expanded.item,
.card-avatar-small.expanded .animate-ripple.card.card-comment .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .card-avatar-small.expanded .animate-ripple.card.card-comment .expanded.item,
.card-avatar-small .expanded .animate-ripple.card.card-comment .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .card-avatar-small .expanded .animate-ripple.card.card-comment .expanded.item,
.animate-ripple.done .expanded .item,
.animate-fade-slide-in .expanded .animate-ripple.item .expanded .item,
.animate-fade-slide-in .animate-ripple.expanded.item .expanded .item,
.animate-fade-slide-in-right .expanded .animate-ripple.item .expanded .item,
.animate-fade-slide-in-right .animate-ripple.expanded.item .expanded .item,
.animate-ripple .expanded .animate-ripple.item .item,
.animate-ripple .animate-ripple.expanded.item .item,
.card-avatar-small.expanded .animate-ripple.item .expanded .item,
.card-avatar-small .expanded .animate-ripple.item .expanded .item,
.card-avatar-small.expanded .animate-ripple.card.card-comment .expanded .item,
.card-avatar-small .expanded .animate-ripple.card.card-comment .expanded .item,
.animate-ripple.done .expanded.item,
.animate-fade-slide-in .expanded .animate-ripple.item .expanded.item,
.animate-fade-slide-in .animate-ripple.expanded.item .expanded.item,
.animate-fade-slide-in-right .expanded .animate-ripple.item .expanded.item,
.animate-fade-slide-in-right .animate-ripple.expanded.item .expanded.item,
.animate-ripple.item .expanded .animate-ripple.item .expanded.item,
.animate-ripple.expanded.item .animate-ripple.expanded.item .expanded.item,
.card-avatar-small.expanded .animate-ripple.item .expanded.item,
.card-avatar-small .expanded .animate-ripple.item .expanded.item,
.card-avatar-small.expanded .animate-ripple.card.card-comment .expanded.item,
.card-avatar-small .expanded .animate-ripple.card.card-comment .expanded.item,
.animate-ripple.done .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-ripple.done .item,
.animate-fade-slide-in .card-avatar-small.expanded .animate-ripple.item .item,
.animate-fade-slide-in .animate-ripple.expanded.item .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-fade-slide-in .animate-ripple.expanded.item .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-ripple.item .item,
.animate-fade-slide-in-right .animate-ripple.expanded.item .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-fade-slide-in-right .animate-ripple.expanded.item .item,
.animate-ripple .card-avatar-small.expanded .animate-ripple.item .item,
.animate-ripple .animate-ripple.expanded.item .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-ripple .animate-ripple.expanded.item .item,
.card-avatar-small.expanded .animate-ripple.item .item,
.card-avatar-small.expanded .expanded .animate-ripple.item .item,
.card-avatar-small.expanded .animate-ripple.card.card-comment .item,
.card-avatar-small.expanded .expanded .animate-ripple.card.card-comment .item,
.animate-ripple.done .card-avatar-small .expanded .item, .card-avatar-small .expanded .animate-ripple.done .item,
.animate-fade-slide-in .card-avatar-small .expanded .animate-ripple.item .item, .card-avatar-small .animate-fade-slide-in .expanded .animate-ripple.item .item,
.animate-fade-slide-in .card-avatar-small .animate-ripple.expanded.item .item, .card-avatar-small .animate-fade-slide-in .animate-ripple.expanded.item .item,
.animate-fade-slide-in-right .card-avatar-small .expanded .animate-ripple.item .item, .card-avatar-small .animate-fade-slide-in-right .expanded .animate-ripple.item .item,
.animate-fade-slide-in-right .card-avatar-small .animate-ripple.expanded.item .item, .card-avatar-small .animate-fade-slide-in-right .animate-ripple.expanded.item .item,
.animate-ripple .card-avatar-small .expanded .animate-ripple.item .item, .card-avatar-small .animate-ripple .expanded .animate-ripple.item .item,
.card-avatar-small .animate-ripple.expanded.item .animate-ripple.expanded.item .item,
.card-avatar-small.expanded .animate-ripple.item .expanded .item, .card-avatar-small.expanded .expanded .animate-ripple.item .item,
.card-avatar-small .expanded .animate-ripple.item .item,
.card-avatar-small.expanded .animate-ripple.card.card-comment .expanded .item, .card-avatar-small.expanded .expanded .animate-ripple.card.card-comment .item,
.card-avatar-small .expanded .animate-ripple.card.card-comment .item,
.animate-ripple.done .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple.done .card.card-comment,
.animate-fade-slide-in .card-avatar-small.expanded .animate-ripple.item .card.card-comment,
.animate-fade-slide-in .animate-ripple.expanded.item .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in .animate-ripple.expanded.item .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-ripple.item .card.card-comment,
.animate-fade-slide-in-right .animate-ripple.expanded.item .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in-right .animate-ripple.expanded.item .card.card-comment,
.animate-ripple .card-avatar-small.expanded .animate-ripple.item .card.card-comment,
.animate-ripple .animate-ripple.expanded.item .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple .animate-ripple.expanded.item .card.card-comment,
.card-avatar-small.expanded .animate-ripple.item .card.card-comment,
.card-avatar-small.expanded .expanded .animate-ripple.item .card.card-comment,
.card-avatar-small.expanded .animate-ripple.card.card-comment .card.card-comment,
.card-avatar-small.expanded .expanded .animate-ripple.card.card-comment .card.card-comment,
.animate-ripple.done .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-ripple.done .card.card-comment,
.animate-fade-slide-in .card-avatar-small .expanded .animate-ripple.item .card.card-comment, .card-avatar-small .animate-fade-slide-in .expanded .animate-ripple.item .card.card-comment,
.animate-fade-slide-in .card-avatar-small .animate-ripple.expanded.item .card.card-comment, .card-avatar-small .animate-fade-slide-in .animate-ripple.expanded.item .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small .expanded .animate-ripple.item .card.card-comment, .card-avatar-small .animate-fade-slide-in-right .expanded .animate-ripple.item .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small .animate-ripple.expanded.item .card.card-comment, .card-avatar-small .animate-fade-slide-in-right .animate-ripple.expanded.item .card.card-comment,
.animate-ripple .card-avatar-small .expanded .animate-ripple.item .card.card-comment, .card-avatar-small .animate-ripple .expanded .animate-ripple.item .card.card-comment,
.card-avatar-small .animate-ripple.expanded.item .animate-ripple.expanded.item .card.card-comment,
.card-avatar-small.expanded .animate-ripple.item .expanded .card.card-comment, .card-avatar-small.expanded .expanded .animate-ripple.item .card.card-comment,
.card-avatar-small .expanded .animate-ripple.item .card.card-comment,
.card-avatar-small.expanded .animate-ripple.card.card-comment .expanded .card.card-comment, .card-avatar-small.expanded .expanded .animate-ripple.card.card-comment .card.card-comment,
.card-avatar-small .expanded .animate-ripple.card.card-comment .card.card-comment {
  opacity: 1;
  filter: alpha(opacity=100); }

.animate-ripple .has-mask-reverse:after, .animate-ripple .has-mask-reverse:after {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.animate-ripple.done .has-mask-reverse:after, .animate-fade-slide-in .expanded .animate-ripple.item .has-mask-reverse:after, .animate-fade-slide-in .animate-ripple.expanded.item .has-mask-reverse:after, .animate-fade-slide-in-right .expanded .animate-ripple.item .has-mask-reverse:after, .animate-fade-slide-in-right .animate-ripple.expanded.item .has-mask-reverse:after, .animate-ripple .expanded .animate-ripple.item .has-mask-reverse:after, .animate-ripple .animate-ripple.expanded.item .has-mask-reverse:after, .card-avatar-small.expanded .animate-ripple.item .has-mask-reverse:after, .card-avatar-small .expanded .animate-ripple.item .has-mask-reverse:after, .card-avatar-small.expanded .animate-ripple.card.card-comment .has-mask-reverse:after, .card-avatar-small .expanded .animate-ripple.card.card-comment .has-mask-reverse:after, .animate-ripple.done .has-mask-reverse:after, .animate-fade-slide-in .expanded .animate-ripple.item .has-mask-reverse:after, .animate-fade-slide-in .animate-ripple.expanded.item .has-mask-reverse:after, .animate-fade-slide-in-right .expanded .animate-ripple.item .has-mask-reverse:after, .animate-fade-slide-in-right .animate-ripple.expanded.item .has-mask-reverse:after, .animate-ripple .expanded .animate-ripple.item .has-mask-reverse:after, .animate-ripple .animate-ripple.expanded.item .has-mask-reverse:after, .card-avatar-small.expanded .animate-ripple.item .has-mask-reverse:after, .card-avatar-small .expanded .animate-ripple.item .has-mask-reverse:after, .card-avatar-small.expanded .animate-ripple.card.card-comment .has-mask-reverse:after, .card-avatar-small .expanded .animate-ripple.card.card-comment .has-mask-reverse:after {
  opacity: 1;
  filter: alpha(opacity=100); }

.animate-ripple .out, .animate-ripple .out {
  -ms-transform: scale3d(0, 0, 1);
  -webkit-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1); }

/* Motion: Slide / Fade In
==================================*/
.animate-fade-slide-in .item,
.animate-fade-slide-in .item {
  visibility: hidden; }

.animate-fade-slide-in .item,
.animate-fade-slide-in .item {
  -ms-transform: scale3d(0.8, 0, 1);
  -webkit-transform: scale3d(0.8, 0, 1);
  transform: scale3d(0.8, 0, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1); }

.animate-fade-slide-in .item-bg-image img.background,
.animate-fade-slide-in .item-bg-image img.background {
  box-shadow: none;
  -ms-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

.animate-fade-slide-in .in, .animate-fade-slide-in .expanded .item,
.animate-fade-slide-in .expanded.item, .animate-fade-slide-in-right .expanded .animate-fade-slide-in .item, .animate-ripple .expanded .animate-fade-slide-in .item, .card-avatar-small.expanded .animate-fade-slide-in .item, .card-avatar-small .expanded .animate-fade-slide-in .item,
.animate-fade-slide-in .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in .card.card-comment,
.animate-fade-slide-in .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-fade-slide-in .card.card-comment,
.animate-fade-slide-in.done .item,
.animate-fade-slide-in .expanded .animate-fade-slide-in.item .item,
.animate-fade-slide-in .animate-fade-slide-in.expanded.item .item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .item,
.animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .item,
.animate-ripple .expanded .animate-fade-slide-in.item .item,
.animate-ripple .animate-fade-slide-in.expanded.item .item,
.card-avatar-small.expanded .animate-fade-slide-in.item .item,
.card-avatar-small .expanded .animate-fade-slide-in.item .item,
.card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .item,
.card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .item, .animate-fade-slide-in .in, .animate-fade-slide-in .expanded .item,
.animate-fade-slide-in .expanded.item, .animate-fade-slide-in-right .expanded .animate-fade-slide-in .item, .animate-ripple .expanded .animate-fade-slide-in .item, .card-avatar-small.expanded .animate-fade-slide-in .item, .card-avatar-small .expanded .animate-fade-slide-in .item,
.animate-fade-slide-in .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in .card.card-comment,
.animate-fade-slide-in .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-fade-slide-in .card.card-comment,
.animate-fade-slide-in.done .item,
.animate-fade-slide-in .expanded .animate-fade-slide-in.item .item,
.animate-fade-slide-in .animate-fade-slide-in.expanded.item .item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .item,
.animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .item,
.animate-ripple .expanded .animate-fade-slide-in.item .item,
.animate-ripple .animate-fade-slide-in.expanded.item .item,
.card-avatar-small.expanded .animate-fade-slide-in.item .item,
.card-avatar-small .expanded .animate-fade-slide-in.item .item,
.card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .item,
.card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .item {
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.animate-fade-slide-in .in, .animate-fade-slide-in .expanded .item,
.animate-fade-slide-in .expanded.item, .animate-fade-slide-in-right .expanded .animate-fade-slide-in .item, .animate-ripple .expanded .animate-fade-slide-in .item, .card-avatar-small.expanded .animate-fade-slide-in .item, .card-avatar-small .expanded .animate-fade-slide-in .item,
.animate-fade-slide-in .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in .card.card-comment,
.animate-fade-slide-in .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-fade-slide-in .card.card-comment,
.animate-fade-slide-in.done .item,
.animate-fade-slide-in .expanded .animate-fade-slide-in.item .item,
.animate-fade-slide-in .animate-fade-slide-in.expanded.item .item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .item,
.animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .item,
.animate-ripple .expanded .animate-fade-slide-in.item .item,
.animate-ripple .animate-fade-slide-in.expanded.item .item,
.card-avatar-small.expanded .animate-fade-slide-in.item .item,
.card-avatar-small .expanded .animate-fade-slide-in.item .item,
.card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .item,
.card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .item, .animate-fade-slide-in .in, .animate-fade-slide-in .expanded .item,
.animate-fade-slide-in .expanded.item, .animate-fade-slide-in-right .expanded .animate-fade-slide-in .item, .animate-ripple .expanded .animate-fade-slide-in .item, .card-avatar-small.expanded .animate-fade-slide-in .item, .card-avatar-small .expanded .animate-fade-slide-in .item,
.animate-fade-slide-in .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in .card.card-comment,
.animate-fade-slide-in .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-fade-slide-in .card.card-comment,
.animate-fade-slide-in.done .item,
.animate-fade-slide-in .expanded .animate-fade-slide-in.item .item,
.animate-fade-slide-in .animate-fade-slide-in.expanded.item .item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .item,
.animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .item,
.animate-ripple .expanded .animate-fade-slide-in.item .item,
.animate-ripple .animate-fade-slide-in.expanded.item .item,
.card-avatar-small.expanded .animate-fade-slide-in.item .item,
.card-avatar-small .expanded .animate-fade-slide-in.item .item,
.card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .item,
.card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .item {
  visibility: visible; }

.list .item.item-bg-image,
.list .item.item-bg-image {
  max-height: 150px; }

.animate-fade-slide-in .item,
.animate-fade-slide-in .item {
  visibility: hidden; }

.animate-fade-slide-in .item,
.animate-fade-slide-in .item {
  -ms-transform: translate3d(-250px, 250px, 0);
  -webkit-transform: translate3d(-250px, 250px, 0);
  transform: translate3d(-250px, 250px, 0);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  opacity: 0;
  filter: alpha(opacity=0); }

.animate-fade-slide-in .in, .animate-fade-slide-in .expanded .item,
.animate-fade-slide-in .expanded.item, .animate-fade-slide-in-right .expanded .animate-fade-slide-in .item, .animate-ripple .expanded .animate-fade-slide-in .item, .card-avatar-small.expanded .animate-fade-slide-in .item, .card-avatar-small .expanded .animate-fade-slide-in .item,
.animate-fade-slide-in .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in .card.card-comment,
.animate-fade-slide-in .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-fade-slide-in .card.card-comment,
.animate-fade-slide-in.done,
.animate-fade-slide-in .expanded .animate-fade-slide-in.item,
.animate-fade-slide-in .animate-fade-slide-in.expanded.item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in.item,
.animate-fade-slide-in-right .animate-fade-slide-in.expanded.item,
.animate-ripple .expanded .animate-fade-slide-in.item,
.animate-ripple .animate-fade-slide-in.expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in.item,
.card-avatar-small .expanded .animate-fade-slide-in.item,
.card-avatar-small.expanded .animate-fade-slide-in.card.card-comment,
.card-avatar-small .expanded .animate-fade-slide-in.card.card-comment, .animate-fade-slide-in .in, .animate-fade-slide-in .expanded .item,
.animate-fade-slide-in .expanded.item, .animate-fade-slide-in-right .expanded .animate-fade-slide-in .item, .animate-ripple .expanded .animate-fade-slide-in .item, .card-avatar-small.expanded .animate-fade-slide-in .item, .card-avatar-small .expanded .animate-fade-slide-in .item,
.animate-fade-slide-in .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in .card.card-comment,
.animate-fade-slide-in .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-fade-slide-in .card.card-comment,
.animate-fade-slide-in.done,
.animate-fade-slide-in .expanded .animate-fade-slide-in.item,
.animate-fade-slide-in .animate-fade-slide-in.expanded.item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in.item,
.animate-fade-slide-in-right .animate-fade-slide-in.expanded.item,
.animate-ripple .expanded .animate-fade-slide-in.item,
.animate-ripple .animate-fade-slide-in.expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in.item,
.card-avatar-small .expanded .animate-fade-slide-in.item,
.card-avatar-small.expanded .animate-fade-slide-in.card.card-comment,
.card-avatar-small .expanded .animate-fade-slide-in.card.card-comment {
  -ms-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 1;
  filter: alpha(opacity=100); }

.animate-fade-slide-in .in, .animate-fade-slide-in .expanded .item,
.animate-fade-slide-in .expanded.item, .animate-fade-slide-in-right .expanded .animate-fade-slide-in .item, .animate-ripple .expanded .animate-fade-slide-in .item, .card-avatar-small.expanded .animate-fade-slide-in .item, .card-avatar-small .expanded .animate-fade-slide-in .item,
.animate-fade-slide-in .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in .card.card-comment,
.animate-fade-slide-in .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-fade-slide-in .card.card-comment,
.animate-fade-slide-in.done,
.animate-fade-slide-in .expanded .animate-fade-slide-in.item,
.animate-fade-slide-in .animate-fade-slide-in.expanded.item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in.item,
.animate-fade-slide-in-right .animate-fade-slide-in.expanded.item,
.animate-ripple .expanded .animate-fade-slide-in.item,
.animate-ripple .animate-fade-slide-in.expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in.item,
.card-avatar-small .expanded .animate-fade-slide-in.item,
.card-avatar-small.expanded .animate-fade-slide-in.card.card-comment,
.card-avatar-small .expanded .animate-fade-slide-in.card.card-comment, .animate-fade-slide-in .in, .animate-fade-slide-in .expanded .item,
.animate-fade-slide-in .expanded.item, .animate-fade-slide-in-right .expanded .animate-fade-slide-in .item, .animate-ripple .expanded .animate-fade-slide-in .item, .card-avatar-small.expanded .animate-fade-slide-in .item, .card-avatar-small .expanded .animate-fade-slide-in .item,
.animate-fade-slide-in .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in .card.card-comment,
.animate-fade-slide-in .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-fade-slide-in .card.card-comment,
.animate-fade-slide-in.done,
.animate-fade-slide-in .expanded .animate-fade-slide-in.item,
.animate-fade-slide-in .animate-fade-slide-in.expanded.item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in.item,
.animate-fade-slide-in-right .animate-fade-slide-in.expanded.item,
.animate-ripple .expanded .animate-fade-slide-in.item,
.animate-ripple .animate-fade-slide-in.expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in.item,
.card-avatar-small .expanded .animate-fade-slide-in.item,
.card-avatar-small.expanded .animate-fade-slide-in.card.card-comment,
.card-avatar-small .expanded .animate-fade-slide-in.card.card-comment {
  visibility: visible; }

.animate-fade-slide-in.done .in, .animate-fade-slide-in .expanded .animate-fade-slide-in.item .in, .animate-fade-slide-in .animate-fade-slide-in.expanded.item .in, .animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .in, .animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .in, .animate-ripple .expanded .animate-fade-slide-in.item .in, .animate-ripple .animate-fade-slide-in.expanded.item .in, .card-avatar-small.expanded .animate-fade-slide-in.item .in, .card-avatar-small .expanded .animate-fade-slide-in.item .in, .card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .in, .card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .in, .animate-fade-slide-in.done .expanded .item, .animate-fade-slide-in .expanded .animate-fade-slide-in.item .item, .animate-fade-slide-in .animate-fade-slide-in.expanded.item .item, .animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .expanded .item, .animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .expanded .item, .animate-ripple .expanded .animate-fade-slide-in.item .expanded .item, .animate-ripple .animate-fade-slide-in.expanded.item .expanded .item, .card-avatar-small.expanded .animate-fade-slide-in.item .expanded .item, .card-avatar-small .expanded .animate-fade-slide-in.item .expanded .item, .card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .expanded .item, .card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .expanded .item,
.animate-fade-slide-in.done .expanded.item,
.animate-fade-slide-in.item .expanded .animate-fade-slide-in.item .expanded.item,
.animate-fade-slide-in.expanded.item .animate-fade-slide-in.expanded.item .expanded.item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .expanded.item,
.animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .expanded.item,
.animate-ripple .expanded .animate-fade-slide-in.item .expanded.item,
.animate-ripple .animate-fade-slide-in.expanded.item .expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in.item .expanded.item,
.card-avatar-small .expanded .animate-fade-slide-in.item .expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .expanded.item,
.card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .expanded.item,
.animate-fade-slide-in.done .animate-fade-slide-in-right .expanded .item, .animate-fade-slide-in-right .expanded .animate-fade-slide-in.done .item,
.animate-fade-slide-in .animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .item, .animate-fade-slide-in-right .animate-fade-slide-in .expanded .animate-fade-slide-in.item .item,
.animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .animate-fade-slide-in.expanded.item .item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .item,
.animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .item,
.animate-ripple .animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .item, .animate-fade-slide-in-right .animate-ripple .expanded .animate-fade-slide-in.item .item,
.animate-ripple .animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .item, .animate-fade-slide-in-right .animate-ripple .animate-fade-slide-in.expanded.item .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-fade-slide-in.item .item,
.card-avatar-small .animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .item, .animate-fade-slide-in-right .card-avatar-small .expanded .animate-fade-slide-in.item .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .item,
.card-avatar-small .animate-fade-slide-in-right .expanded .animate-fade-slide-in.card.card-comment .item, .animate-fade-slide-in-right .card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .item,
.animate-fade-slide-in.done .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-fade-slide-in.done .expanded.item,
.animate-fade-slide-in .expanded .animate-fade-slide-in.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-fade-slide-in .expanded .animate-fade-slide-in.item .expanded.item,
.animate-fade-slide-in .animate-fade-slide-in.expanded.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-fade-slide-in .animate-fade-slide-in.expanded.item .expanded.item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .expanded.item,
.animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .expanded.item,
.animate-ripple .expanded .animate-fade-slide-in.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-ripple .expanded .animate-fade-slide-in.item .expanded.item,
.animate-ripple .animate-fade-slide-in.expanded.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-ripple .animate-fade-slide-in.expanded.item .expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .card-avatar-small.expanded .animate-fade-slide-in.item .expanded.item,
.card-avatar-small .expanded .animate-fade-slide-in.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .card-avatar-small .expanded .animate-fade-slide-in.item .expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .expanded.item,
.card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .expanded.item,
.animate-fade-slide-in.done .animate-ripple .expanded .item, .animate-ripple .expanded .animate-fade-slide-in.done .item,
.animate-fade-slide-in .animate-ripple .expanded .animate-fade-slide-in.item .item, .animate-ripple .animate-fade-slide-in .expanded .animate-fade-slide-in.item .item,
.animate-ripple .animate-fade-slide-in.expanded.item .animate-fade-slide-in.expanded.item .item,
.animate-fade-slide-in-right .animate-ripple .expanded .animate-fade-slide-in.item .item, .animate-ripple .animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .item,
.animate-fade-slide-in-right .animate-ripple .animate-fade-slide-in.expanded.item .item, .animate-ripple .animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .item,
.animate-ripple .expanded .animate-fade-slide-in.item .item,
.animate-ripple .animate-fade-slide-in.expanded.item .item,
.animate-ripple .card-avatar-small.expanded .animate-fade-slide-in.item .item,
.card-avatar-small .animate-ripple .expanded .animate-fade-slide-in.item .item, .animate-ripple .card-avatar-small .expanded .animate-fade-slide-in.item .item,
.animate-ripple .card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .item,
.card-avatar-small .animate-ripple .expanded .animate-fade-slide-in.card.card-comment .item, .animate-ripple .card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .item,
.animate-fade-slide-in.done .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in.done .expanded.item,
.animate-fade-slide-in .expanded .animate-fade-slide-in.item .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in .expanded .animate-fade-slide-in.item .expanded.item,
.animate-fade-slide-in .animate-fade-slide-in.expanded.item .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in .animate-fade-slide-in.expanded.item .expanded.item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .expanded.item,
.animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .expanded.item,
.animate-ripple .expanded .animate-fade-slide-in.item .expanded.item,
.animate-ripple .animate-fade-slide-in.expanded.item .expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in.item .animate-ripple .expanded.item, .animate-ripple .card-avatar-small.expanded .animate-fade-slide-in.item .expanded.item,
.card-avatar-small .expanded .animate-fade-slide-in.item .animate-ripple .expanded.item, .animate-ripple .card-avatar-small .expanded .animate-fade-slide-in.item .expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .animate-ripple .expanded.item, .animate-ripple .card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .expanded.item,
.card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .animate-ripple .expanded.item, .animate-ripple .card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .expanded.item,
.animate-fade-slide-in.done .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-fade-slide-in.done .item,
.animate-fade-slide-in .card-avatar-small.expanded .animate-fade-slide-in.item .item,
.animate-fade-slide-in .animate-fade-slide-in.expanded.item .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-fade-slide-in .animate-fade-slide-in.expanded.item .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-fade-slide-in.item .item,
.animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .item,
.animate-ripple .card-avatar-small.expanded .animate-fade-slide-in.item .item,
.animate-ripple .animate-fade-slide-in.expanded.item .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-ripple .animate-fade-slide-in.expanded.item .item,
.card-avatar-small.expanded .animate-fade-slide-in.item .item,
.card-avatar-small.expanded .expanded .animate-fade-slide-in.item .item,
.card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .item,
.card-avatar-small.expanded .expanded .animate-fade-slide-in.card.card-comment .item,
.animate-fade-slide-in.done .card-avatar-small .expanded .item, .card-avatar-small .expanded .animate-fade-slide-in.done .item,
.animate-fade-slide-in .card-avatar-small .expanded .animate-fade-slide-in.item .item, .card-avatar-small .animate-fade-slide-in .expanded .animate-fade-slide-in.item .item,
.card-avatar-small .animate-fade-slide-in.expanded.item .animate-fade-slide-in.expanded.item .item,
.animate-fade-slide-in-right .card-avatar-small .expanded .animate-fade-slide-in.item .item, .card-avatar-small .animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .item,
.animate-fade-slide-in-right .card-avatar-small .animate-fade-slide-in.expanded.item .item, .card-avatar-small .animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .item,
.animate-ripple .card-avatar-small .expanded .animate-fade-slide-in.item .item, .card-avatar-small .animate-ripple .expanded .animate-fade-slide-in.item .item,
.animate-ripple .card-avatar-small .animate-fade-slide-in.expanded.item .item, .card-avatar-small .animate-ripple .animate-fade-slide-in.expanded.item .item,
.card-avatar-small.expanded .animate-fade-slide-in.item .expanded .item, .card-avatar-small.expanded .expanded .animate-fade-slide-in.item .item,
.card-avatar-small .expanded .animate-fade-slide-in.item .item,
.card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .expanded .item, .card-avatar-small.expanded .expanded .animate-fade-slide-in.card.card-comment .item,
.card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .item,
.animate-fade-slide-in.done .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in.done .card.card-comment,
.animate-fade-slide-in .card-avatar-small.expanded .animate-fade-slide-in.item .card.card-comment,
.animate-fade-slide-in .animate-fade-slide-in.expanded.item .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in .animate-fade-slide-in.expanded.item .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-fade-slide-in.item .card.card-comment,
.animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .card.card-comment,
.animate-ripple .card-avatar-small.expanded .animate-fade-slide-in.item .card.card-comment,
.animate-ripple .animate-fade-slide-in.expanded.item .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple .animate-fade-slide-in.expanded.item .card.card-comment,
.card-avatar-small.expanded .animate-fade-slide-in.item .card.card-comment,
.card-avatar-small.expanded .expanded .animate-fade-slide-in.item .card.card-comment,
.card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .card.card-comment,
.card-avatar-small.expanded .expanded .animate-fade-slide-in.card.card-comment .card.card-comment,
.animate-fade-slide-in.done .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-fade-slide-in.done .card.card-comment,
.animate-fade-slide-in .card-avatar-small .expanded .animate-fade-slide-in.item .card.card-comment, .card-avatar-small .animate-fade-slide-in .expanded .animate-fade-slide-in.item .card.card-comment,
.card-avatar-small .animate-fade-slide-in.expanded.item .animate-fade-slide-in.expanded.item .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small .expanded .animate-fade-slide-in.item .card.card-comment, .card-avatar-small .animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small .animate-fade-slide-in.expanded.item .card.card-comment, .card-avatar-small .animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .card.card-comment,
.animate-ripple .card-avatar-small .expanded .animate-fade-slide-in.item .card.card-comment, .card-avatar-small .animate-ripple .expanded .animate-fade-slide-in.item .card.card-comment,
.animate-ripple .card-avatar-small .animate-fade-slide-in.expanded.item .card.card-comment, .card-avatar-small .animate-ripple .animate-fade-slide-in.expanded.item .card.card-comment,
.card-avatar-small.expanded .animate-fade-slide-in.item .expanded .card.card-comment, .card-avatar-small.expanded .expanded .animate-fade-slide-in.item .card.card-comment,
.card-avatar-small .expanded .animate-fade-slide-in.item .card.card-comment,
.card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .expanded .card.card-comment, .card-avatar-small.expanded .expanded .animate-fade-slide-in.card.card-comment .card.card-comment,
.card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .card.card-comment, .animate-fade-slide-in.done .in, .animate-fade-slide-in .expanded .animate-fade-slide-in.item .in, .animate-fade-slide-in .animate-fade-slide-in.expanded.item .in, .animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .in, .animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .in, .animate-ripple .expanded .animate-fade-slide-in.item .in, .animate-ripple .animate-fade-slide-in.expanded.item .in, .card-avatar-small.expanded .animate-fade-slide-in.item .in, .card-avatar-small .expanded .animate-fade-slide-in.item .in, .card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .in, .card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .in, .animate-fade-slide-in.done .expanded .item, .animate-fade-slide-in .expanded .animate-fade-slide-in.item .item, .animate-fade-slide-in .animate-fade-slide-in.expanded.item .item, .animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .expanded .item, .animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .expanded .item, .animate-ripple .expanded .animate-fade-slide-in.item .expanded .item, .animate-ripple .animate-fade-slide-in.expanded.item .expanded .item, .card-avatar-small.expanded .animate-fade-slide-in.item .expanded .item, .card-avatar-small .expanded .animate-fade-slide-in.item .expanded .item, .card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .expanded .item, .card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .expanded .item,
.animate-fade-slide-in.done .expanded.item,
.animate-fade-slide-in.item .expanded .animate-fade-slide-in.item .expanded.item,
.animate-fade-slide-in.expanded.item .animate-fade-slide-in.expanded.item .expanded.item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .expanded.item,
.animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .expanded.item,
.animate-ripple .expanded .animate-fade-slide-in.item .expanded.item,
.animate-ripple .animate-fade-slide-in.expanded.item .expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in.item .expanded.item,
.card-avatar-small .expanded .animate-fade-slide-in.item .expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .expanded.item,
.card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .expanded.item,
.animate-fade-slide-in.done .animate-fade-slide-in-right .expanded .item, .animate-fade-slide-in-right .expanded .animate-fade-slide-in.done .item,
.animate-fade-slide-in .animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .item, .animate-fade-slide-in-right .animate-fade-slide-in .expanded .animate-fade-slide-in.item .item,
.animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .animate-fade-slide-in.expanded.item .item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .item,
.animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .item,
.animate-ripple .animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .item, .animate-fade-slide-in-right .animate-ripple .expanded .animate-fade-slide-in.item .item,
.animate-ripple .animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .item, .animate-fade-slide-in-right .animate-ripple .animate-fade-slide-in.expanded.item .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-fade-slide-in.item .item,
.card-avatar-small .animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .item, .animate-fade-slide-in-right .card-avatar-small .expanded .animate-fade-slide-in.item .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .item,
.card-avatar-small .animate-fade-slide-in-right .expanded .animate-fade-slide-in.card.card-comment .item, .animate-fade-slide-in-right .card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .item,
.animate-fade-slide-in.done .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-fade-slide-in.done .expanded.item,
.animate-fade-slide-in .expanded .animate-fade-slide-in.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-fade-slide-in .expanded .animate-fade-slide-in.item .expanded.item,
.animate-fade-slide-in .animate-fade-slide-in.expanded.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-fade-slide-in .animate-fade-slide-in.expanded.item .expanded.item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .expanded.item,
.animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .expanded.item,
.animate-ripple .expanded .animate-fade-slide-in.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-ripple .expanded .animate-fade-slide-in.item .expanded.item,
.animate-ripple .animate-fade-slide-in.expanded.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .animate-ripple .animate-fade-slide-in.expanded.item .expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .card-avatar-small.expanded .animate-fade-slide-in.item .expanded.item,
.card-avatar-small .expanded .animate-fade-slide-in.item .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .card-avatar-small .expanded .animate-fade-slide-in.item .expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .expanded.item,
.card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .animate-fade-slide-in-right .expanded.item, .animate-fade-slide-in-right .card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .expanded.item,
.animate-fade-slide-in.done .animate-ripple .expanded .item, .animate-ripple .expanded .animate-fade-slide-in.done .item,
.animate-fade-slide-in .animate-ripple .expanded .animate-fade-slide-in.item .item, .animate-ripple .animate-fade-slide-in .expanded .animate-fade-slide-in.item .item,
.animate-ripple .animate-fade-slide-in.expanded.item .animate-fade-slide-in.expanded.item .item,
.animate-fade-slide-in-right .animate-ripple .expanded .animate-fade-slide-in.item .item, .animate-ripple .animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .item,
.animate-fade-slide-in-right .animate-ripple .animate-fade-slide-in.expanded.item .item, .animate-ripple .animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .item,
.animate-ripple .expanded .animate-fade-slide-in.item .item,
.animate-ripple .animate-fade-slide-in.expanded.item .item,
.animate-ripple .card-avatar-small.expanded .animate-fade-slide-in.item .item,
.card-avatar-small .animate-ripple .expanded .animate-fade-slide-in.item .item, .animate-ripple .card-avatar-small .expanded .animate-fade-slide-in.item .item,
.animate-ripple .card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .item,
.card-avatar-small .animate-ripple .expanded .animate-fade-slide-in.card.card-comment .item, .animate-ripple .card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .item,
.animate-fade-slide-in.done .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in.done .expanded.item,
.animate-fade-slide-in .expanded .animate-fade-slide-in.item .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in .expanded .animate-fade-slide-in.item .expanded.item,
.animate-fade-slide-in .animate-fade-slide-in.expanded.item .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in .animate-fade-slide-in.expanded.item .expanded.item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .expanded.item,
.animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .expanded.item,
.animate-ripple .expanded .animate-fade-slide-in.item .expanded.item,
.animate-ripple .animate-fade-slide-in.expanded.item .expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in.item .animate-ripple .expanded.item, .animate-ripple .card-avatar-small.expanded .animate-fade-slide-in.item .expanded.item,
.card-avatar-small .expanded .animate-fade-slide-in.item .animate-ripple .expanded.item, .animate-ripple .card-avatar-small .expanded .animate-fade-slide-in.item .expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .animate-ripple .expanded.item, .animate-ripple .card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .expanded.item,
.card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .animate-ripple .expanded.item, .animate-ripple .card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .expanded.item,
.animate-fade-slide-in.done .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-fade-slide-in.done .item,
.animate-fade-slide-in .card-avatar-small.expanded .animate-fade-slide-in.item .item,
.animate-fade-slide-in .animate-fade-slide-in.expanded.item .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-fade-slide-in .animate-fade-slide-in.expanded.item .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-fade-slide-in.item .item,
.animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .item,
.animate-ripple .card-avatar-small.expanded .animate-fade-slide-in.item .item,
.animate-ripple .animate-fade-slide-in.expanded.item .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-ripple .animate-fade-slide-in.expanded.item .item,
.card-avatar-small.expanded .animate-fade-slide-in.item .item,
.card-avatar-small.expanded .expanded .animate-fade-slide-in.item .item,
.card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .item,
.card-avatar-small.expanded .expanded .animate-fade-slide-in.card.card-comment .item,
.animate-fade-slide-in.done .card-avatar-small .expanded .item, .card-avatar-small .expanded .animate-fade-slide-in.done .item,
.animate-fade-slide-in .card-avatar-small .expanded .animate-fade-slide-in.item .item, .card-avatar-small .animate-fade-slide-in .expanded .animate-fade-slide-in.item .item,
.card-avatar-small .animate-fade-slide-in.expanded.item .animate-fade-slide-in.expanded.item .item,
.animate-fade-slide-in-right .card-avatar-small .expanded .animate-fade-slide-in.item .item, .card-avatar-small .animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .item,
.animate-fade-slide-in-right .card-avatar-small .animate-fade-slide-in.expanded.item .item, .card-avatar-small .animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .item,
.animate-ripple .card-avatar-small .expanded .animate-fade-slide-in.item .item, .card-avatar-small .animate-ripple .expanded .animate-fade-slide-in.item .item,
.animate-ripple .card-avatar-small .animate-fade-slide-in.expanded.item .item, .card-avatar-small .animate-ripple .animate-fade-slide-in.expanded.item .item,
.card-avatar-small.expanded .animate-fade-slide-in.item .expanded .item, .card-avatar-small.expanded .expanded .animate-fade-slide-in.item .item,
.card-avatar-small .expanded .animate-fade-slide-in.item .item,
.card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .expanded .item, .card-avatar-small.expanded .expanded .animate-fade-slide-in.card.card-comment .item,
.card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .item,
.animate-fade-slide-in.done .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in.done .card.card-comment,
.animate-fade-slide-in .card-avatar-small.expanded .animate-fade-slide-in.item .card.card-comment,
.animate-fade-slide-in .animate-fade-slide-in.expanded.item .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in .animate-fade-slide-in.expanded.item .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-fade-slide-in.item .card.card-comment,
.animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .card.card-comment,
.animate-ripple .card-avatar-small.expanded .animate-fade-slide-in.item .card.card-comment,
.animate-ripple .animate-fade-slide-in.expanded.item .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple .animate-fade-slide-in.expanded.item .card.card-comment,
.card-avatar-small.expanded .animate-fade-slide-in.item .card.card-comment,
.card-avatar-small.expanded .expanded .animate-fade-slide-in.item .card.card-comment,
.card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .card.card-comment,
.card-avatar-small.expanded .expanded .animate-fade-slide-in.card.card-comment .card.card-comment,
.animate-fade-slide-in.done .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-fade-slide-in.done .card.card-comment,
.animate-fade-slide-in .card-avatar-small .expanded .animate-fade-slide-in.item .card.card-comment, .card-avatar-small .animate-fade-slide-in .expanded .animate-fade-slide-in.item .card.card-comment,
.card-avatar-small .animate-fade-slide-in.expanded.item .animate-fade-slide-in.expanded.item .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small .expanded .animate-fade-slide-in.item .card.card-comment, .card-avatar-small .animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small .animate-fade-slide-in.expanded.item .card.card-comment, .card-avatar-small .animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .card.card-comment,
.animate-ripple .card-avatar-small .expanded .animate-fade-slide-in.item .card.card-comment, .card-avatar-small .animate-ripple .expanded .animate-fade-slide-in.item .card.card-comment,
.animate-ripple .card-avatar-small .animate-fade-slide-in.expanded.item .card.card-comment, .card-avatar-small .animate-ripple .animate-fade-slide-in.expanded.item .card.card-comment,
.card-avatar-small.expanded .animate-fade-slide-in.item .expanded .card.card-comment, .card-avatar-small.expanded .expanded .animate-fade-slide-in.item .card.card-comment,
.card-avatar-small .expanded .animate-fade-slide-in.item .card.card-comment,
.card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .expanded .card.card-comment, .card-avatar-small.expanded .expanded .animate-fade-slide-in.card.card-comment .card.card-comment,
.card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .card.card-comment {
  opacity: 1;
  filter: alpha(opacity=100); }

.animate-fade-slide-in .has-mask-reverse:after,
.animate-fade-slide-in .has-mask-reverse:after {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.animate-fade-slide-in.done .has-mask-reverse:after, .animate-fade-slide-in .expanded .animate-fade-slide-in.item .has-mask-reverse:after, .animate-fade-slide-in .animate-fade-slide-in.expanded.item .has-mask-reverse:after, .animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .has-mask-reverse:after, .animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .has-mask-reverse:after, .animate-ripple .expanded .animate-fade-slide-in.item .has-mask-reverse:after, .animate-ripple .animate-fade-slide-in.expanded.item .has-mask-reverse:after, .card-avatar-small.expanded .animate-fade-slide-in.item .has-mask-reverse:after, .card-avatar-small .expanded .animate-fade-slide-in.item .has-mask-reverse:after, .card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .has-mask-reverse:after, .card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .has-mask-reverse:after, .animate-fade-slide-in.done .has-mask-reverse:after, .animate-fade-slide-in .expanded .animate-fade-slide-in.item .has-mask-reverse:after, .animate-fade-slide-in .animate-fade-slide-in.expanded.item .has-mask-reverse:after, .animate-fade-slide-in-right .expanded .animate-fade-slide-in.item .has-mask-reverse:after, .animate-fade-slide-in-right .animate-fade-slide-in.expanded.item .has-mask-reverse:after, .animate-ripple .expanded .animate-fade-slide-in.item .has-mask-reverse:after, .animate-ripple .animate-fade-slide-in.expanded.item .has-mask-reverse:after, .card-avatar-small.expanded .animate-fade-slide-in.item .has-mask-reverse:after, .card-avatar-small .expanded .animate-fade-slide-in.item .has-mask-reverse:after, .card-avatar-small.expanded .animate-fade-slide-in.card.card-comment .has-mask-reverse:after, .card-avatar-small .expanded .animate-fade-slide-in.card.card-comment .has-mask-reverse:after {
  opacity: 1;
  filter: alpha(opacity=100); }

.animate-fade-slide-in .out,
.animate-fade-slide-in .out {
  -ms-transform: scale3d(0, 0, 1);
  -webkit-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1); }

/* Motion: Slide In Right
==================================*/
.animate-fade-slide-in-right .item,
.animate-fade-slide-in-right .item {
  visibility: hidden; }

.animate-fade-slide-in-right .item,
.animate-fade-slide-in-right .item {
  -ms-transform: scale3d(0.8, 0, 1);
  -webkit-transform: scale3d(0.8, 0, 1);
  transform: scale3d(0.8, 0, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1); }

.animate-fade-slide-in-right .item-bg-image > img.background,
.animate-fade-slide-in-right .item-bg-image > img.background {
  box-shadow: none;
  -ms-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

.animate-fade-slide-in-right .in, .animate-fade-slide-in .expanded .animate-fade-slide-in-right .item,
.animate-fade-slide-in-right .expanded .item,
.animate-fade-slide-in-right .expanded.item, .animate-ripple .expanded .animate-fade-slide-in-right .item, .card-avatar-small.expanded .animate-fade-slide-in-right .item, .card-avatar-small .expanded .animate-fade-slide-in-right .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in-right .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-fade-slide-in-right .card.card-comment,
.animate-fade-slide-in-right.done > *,
.animate-fade-slide-in .expanded .animate-fade-slide-in-right.item > *,
.animate-fade-slide-in .animate-fade-slide-in-right.expanded.item > *,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item > *,
.animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item > *,
.animate-ripple .expanded .animate-fade-slide-in-right.item > *,
.animate-ripple .animate-fade-slide-in-right.expanded.item > *,
.card-avatar-small.expanded .animate-fade-slide-in-right.item > *,
.card-avatar-small .expanded .animate-fade-slide-in-right.item > *,
.card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment > *,
.card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment > *, .animate-fade-slide-in-right .in, .animate-fade-slide-in .expanded .animate-fade-slide-in-right .item,
.animate-fade-slide-in-right .expanded .item,
.animate-fade-slide-in-right .expanded.item, .animate-ripple .expanded .animate-fade-slide-in-right .item, .card-avatar-small.expanded .animate-fade-slide-in-right .item, .card-avatar-small .expanded .animate-fade-slide-in-right .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in-right .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-fade-slide-in-right .card.card-comment,
.animate-fade-slide-in-right.done > *,
.animate-fade-slide-in .expanded .animate-fade-slide-in-right.item > *,
.animate-fade-slide-in .animate-fade-slide-in-right.expanded.item > *,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item > *,
.animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item > *,
.animate-ripple .expanded .animate-fade-slide-in-right.item > *,
.animate-ripple .animate-fade-slide-in-right.expanded.item > *,
.card-avatar-small.expanded .animate-fade-slide-in-right.item > *,
.card-avatar-small .expanded .animate-fade-slide-in-right.item > *,
.card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment > *,
.card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment > * {
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.animate-fade-slide-in-right .in, .animate-fade-slide-in .expanded .animate-fade-slide-in-right .item,
.animate-fade-slide-in-right .expanded .item,
.animate-fade-slide-in-right .expanded.item, .animate-ripple .expanded .animate-fade-slide-in-right .item, .card-avatar-small.expanded .animate-fade-slide-in-right .item, .card-avatar-small .expanded .animate-fade-slide-in-right .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in-right .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-fade-slide-in-right .card.card-comment,
.animate-fade-slide-in-right.done .item,
.animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .item,
.animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item .item,
.animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item .item,
.animate-ripple .expanded .animate-fade-slide-in-right.item .item,
.animate-ripple .animate-fade-slide-in-right.expanded.item .item,
.card-avatar-small.expanded .animate-fade-slide-in-right.item .item,
.card-avatar-small .expanded .animate-fade-slide-in-right.item .item,
.card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .item,
.card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .item, .animate-fade-slide-in-right .in, .animate-fade-slide-in .expanded .animate-fade-slide-in-right .item,
.animate-fade-slide-in-right .expanded .item,
.animate-fade-slide-in-right .expanded.item, .animate-ripple .expanded .animate-fade-slide-in-right .item, .card-avatar-small.expanded .animate-fade-slide-in-right .item, .card-avatar-small .expanded .animate-fade-slide-in-right .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in-right .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-fade-slide-in-right .card.card-comment,
.animate-fade-slide-in-right.done .item,
.animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .item,
.animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item .item,
.animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item .item,
.animate-ripple .expanded .animate-fade-slide-in-right.item .item,
.animate-ripple .animate-fade-slide-in-right.expanded.item .item,
.card-avatar-small.expanded .animate-fade-slide-in-right.item .item,
.card-avatar-small .expanded .animate-fade-slide-in-right.item .item,
.card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .item,
.card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .item {
  visibility: visible; }

.animate-fade-slide-in-right .item,
.animate-fade-slide-in-right .item {
  visibility: hidden; }

.animate-fade-slide-in-right .item,
.animate-fade-slide-in-right .item {
  -ms-transform: translate3d(250px, 250px, 0);
  -webkit-transform: translate3d(250px, 250px, 0);
  transform: translate3d(250px, 250px, 0);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  opacity: 0;
  filter: alpha(opacity=0); }

.animate-fade-slide-in-right .in, .animate-fade-slide-in .expanded .animate-fade-slide-in-right .item,
.animate-fade-slide-in-right .expanded .item,
.animate-fade-slide-in-right .expanded.item, .animate-ripple .expanded .animate-fade-slide-in-right .item, .card-avatar-small.expanded .animate-fade-slide-in-right .item, .card-avatar-small .expanded .animate-fade-slide-in-right .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in-right .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-fade-slide-in-right .card.card-comment,
.animate-fade-slide-in-right.done,
.animate-fade-slide-in .expanded .animate-fade-slide-in-right.item,
.animate-fade-slide-in .animate-fade-slide-in-right.expanded.item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item,
.animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item,
.animate-ripple .expanded .animate-fade-slide-in-right.item,
.animate-ripple .animate-fade-slide-in-right.expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in-right.item,
.card-avatar-small .expanded .animate-fade-slide-in-right.item,
.card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment,
.card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment, .animate-fade-slide-in-right .in, .animate-fade-slide-in .expanded .animate-fade-slide-in-right .item,
.animate-fade-slide-in-right .expanded .item,
.animate-fade-slide-in-right .expanded.item, .animate-ripple .expanded .animate-fade-slide-in-right .item, .card-avatar-small.expanded .animate-fade-slide-in-right .item, .card-avatar-small .expanded .animate-fade-slide-in-right .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in-right .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-fade-slide-in-right .card.card-comment,
.animate-fade-slide-in-right.done,
.animate-fade-slide-in .expanded .animate-fade-slide-in-right.item,
.animate-fade-slide-in .animate-fade-slide-in-right.expanded.item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item,
.animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item,
.animate-ripple .expanded .animate-fade-slide-in-right.item,
.animate-ripple .animate-fade-slide-in-right.expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in-right.item,
.card-avatar-small .expanded .animate-fade-slide-in-right.item,
.card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment,
.card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment {
  -ms-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
  filter: alpha(opacity=100); }

.animate-fade-slide-in-right .in, .animate-fade-slide-in .expanded .animate-fade-slide-in-right .item,
.animate-fade-slide-in-right .expanded .item,
.animate-fade-slide-in-right .expanded.item, .animate-ripple .expanded .animate-fade-slide-in-right .item, .card-avatar-small.expanded .animate-fade-slide-in-right .item, .card-avatar-small .expanded .animate-fade-slide-in-right .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in-right .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-fade-slide-in-right .card.card-comment,
.animate-fade-slide-in-right.done,
.animate-fade-slide-in .expanded .animate-fade-slide-in-right.item,
.animate-fade-slide-in .animate-fade-slide-in-right.expanded.item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item,
.animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item,
.animate-ripple .expanded .animate-fade-slide-in-right.item,
.animate-ripple .animate-fade-slide-in-right.expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in-right.item,
.card-avatar-small .expanded .animate-fade-slide-in-right.item,
.card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment,
.card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment, .animate-fade-slide-in-right .in, .animate-fade-slide-in .expanded .animate-fade-slide-in-right .item,
.animate-fade-slide-in-right .expanded .item,
.animate-fade-slide-in-right .expanded.item, .animate-ripple .expanded .animate-fade-slide-in-right .item, .card-avatar-small.expanded .animate-fade-slide-in-right .item, .card-avatar-small .expanded .animate-fade-slide-in-right .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in-right .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-fade-slide-in-right .card.card-comment,
.animate-fade-slide-in-right.done,
.animate-fade-slide-in .expanded .animate-fade-slide-in-right.item,
.animate-fade-slide-in .animate-fade-slide-in-right.expanded.item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item,
.animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item,
.animate-ripple .expanded .animate-fade-slide-in-right.item,
.animate-ripple .animate-fade-slide-in-right.expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in-right.item,
.card-avatar-small .expanded .animate-fade-slide-in-right.item,
.card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment,
.card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment {
  visibility: visible; }

.animate-fade-slide-in-right.done .in, .animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .in, .animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .in, .animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item .in, .animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item .in, .animate-ripple .expanded .animate-fade-slide-in-right.item .in, .animate-ripple .animate-fade-slide-in-right.expanded.item .in, .card-avatar-small.expanded .animate-fade-slide-in-right.item .in, .card-avatar-small .expanded .animate-fade-slide-in-right.item .in, .card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .in, .card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .in, .animate-fade-slide-in-right.done .animate-fade-slide-in .expanded .item, .animate-fade-slide-in .expanded .animate-fade-slide-in-right.done .item, .animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .item, .animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .item, .animate-fade-slide-in-right .animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .item, .animate-fade-slide-in .animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item .item, .animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .animate-fade-slide-in-right.expanded.item .item, .animate-ripple .animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .item, .animate-fade-slide-in .animate-ripple .expanded .animate-fade-slide-in-right.item .item, .animate-ripple .animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .item, .animate-fade-slide-in .animate-ripple .animate-fade-slide-in-right.expanded.item .item, .animate-fade-slide-in .card-avatar-small.expanded .animate-fade-slide-in-right.item .item, .card-avatar-small .animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .item, .animate-fade-slide-in .card-avatar-small .expanded .animate-fade-slide-in-right.item .item, .animate-fade-slide-in .card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .item, .card-avatar-small .animate-fade-slide-in .expanded .animate-fade-slide-in-right.card.card-comment .item, .animate-fade-slide-in .card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .item,
.animate-fade-slide-in-right.done .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-fade-slide-in-right.done .expanded.item,
.animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .expanded.item,
.animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .expanded.item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item .expanded.item,
.animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item .expanded.item,
.animate-ripple .expanded .animate-fade-slide-in-right.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-ripple .expanded .animate-fade-slide-in-right.item .expanded.item,
.animate-ripple .animate-fade-slide-in-right.expanded.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-ripple .animate-fade-slide-in-right.expanded.item .expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in-right.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .card-avatar-small.expanded .animate-fade-slide-in-right.item .expanded.item,
.card-avatar-small .expanded .animate-fade-slide-in-right.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .card-avatar-small .expanded .animate-fade-slide-in-right.item .expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .expanded.item,
.card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .expanded.item,
.animate-fade-slide-in-right.done .expanded .item,
.animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .expanded .item,
.animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .expanded .item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item .item,
.animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item .item,
.animate-ripple .expanded .animate-fade-slide-in-right.item .expanded .item,
.animate-ripple .animate-fade-slide-in-right.expanded.item .expanded .item,
.card-avatar-small.expanded .animate-fade-slide-in-right.item .expanded .item,
.card-avatar-small .expanded .animate-fade-slide-in-right.item .expanded .item,
.card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .expanded .item,
.card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .expanded .item,
.animate-fade-slide-in-right.done .expanded.item,
.animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .expanded.item,
.animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .expanded.item,
.animate-fade-slide-in-right.item .expanded .animate-fade-slide-in-right.item .expanded.item,
.animate-fade-slide-in-right.expanded.item .animate-fade-slide-in-right.expanded.item .expanded.item,
.animate-ripple .expanded .animate-fade-slide-in-right.item .expanded.item,
.animate-ripple .animate-fade-slide-in-right.expanded.item .expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in-right.item .expanded.item,
.card-avatar-small .expanded .animate-fade-slide-in-right.item .expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .expanded.item,
.card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .expanded.item,
.animate-fade-slide-in-right.done .animate-ripple .expanded .item, .animate-ripple .expanded .animate-fade-slide-in-right.done .item,
.animate-fade-slide-in .animate-ripple .expanded .animate-fade-slide-in-right.item .item, .animate-ripple .animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .item,
.animate-fade-slide-in .animate-ripple .animate-fade-slide-in-right.expanded.item .item, .animate-ripple .animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .item,
.animate-fade-slide-in-right .animate-ripple .expanded .animate-fade-slide-in-right.item .item, .animate-ripple .animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item .item,
.animate-ripple .animate-fade-slide-in-right.expanded.item .animate-fade-slide-in-right.expanded.item .item,
.animate-ripple .expanded .animate-fade-slide-in-right.item .item,
.animate-ripple .animate-fade-slide-in-right.expanded.item .item,
.animate-ripple .card-avatar-small.expanded .animate-fade-slide-in-right.item .item,
.card-avatar-small .animate-ripple .expanded .animate-fade-slide-in-right.item .item, .animate-ripple .card-avatar-small .expanded .animate-fade-slide-in-right.item .item,
.animate-ripple .card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .item,
.card-avatar-small .animate-ripple .expanded .animate-fade-slide-in-right.card.card-comment .item, .animate-ripple .card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .item,
.animate-fade-slide-in-right.done .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in-right.done .expanded.item,
.animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .expanded.item,
.animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .expanded.item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item .expanded.item,
.animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item .expanded.item,
.animate-ripple .expanded .animate-fade-slide-in-right.item .expanded.item,
.animate-ripple .animate-fade-slide-in-right.expanded.item .expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in-right.item .animate-ripple .expanded.item, .animate-ripple .card-avatar-small.expanded .animate-fade-slide-in-right.item .expanded.item,
.card-avatar-small .expanded .animate-fade-slide-in-right.item .animate-ripple .expanded.item, .animate-ripple .card-avatar-small .expanded .animate-fade-slide-in-right.item .expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .animate-ripple .expanded.item, .animate-ripple .card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .expanded.item,
.card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .animate-ripple .expanded.item, .animate-ripple .card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .expanded.item,
.animate-fade-slide-in-right.done .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-fade-slide-in-right.done .item,
.animate-fade-slide-in .card-avatar-small.expanded .animate-fade-slide-in-right.item .item,
.animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-fade-slide-in-right.item .item,
.animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item .item,
.animate-ripple .card-avatar-small.expanded .animate-fade-slide-in-right.item .item,
.animate-ripple .animate-fade-slide-in-right.expanded.item .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-ripple .animate-fade-slide-in-right.expanded.item .item,
.card-avatar-small.expanded .animate-fade-slide-in-right.item .item,
.card-avatar-small.expanded .expanded .animate-fade-slide-in-right.item .item,
.card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .item,
.card-avatar-small.expanded .expanded .animate-fade-slide-in-right.card.card-comment .item,
.animate-fade-slide-in-right.done .card-avatar-small .expanded .item, .card-avatar-small .expanded .animate-fade-slide-in-right.done .item,
.animate-fade-slide-in .card-avatar-small .expanded .animate-fade-slide-in-right.item .item, .card-avatar-small .animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .item,
.animate-fade-slide-in .card-avatar-small .animate-fade-slide-in-right.expanded.item .item, .card-avatar-small .animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .item,
.animate-fade-slide-in-right .card-avatar-small .expanded .animate-fade-slide-in-right.item .item, .card-avatar-small .animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item .item,
.card-avatar-small .animate-fade-slide-in-right.expanded.item .animate-fade-slide-in-right.expanded.item .item,
.animate-ripple .card-avatar-small .expanded .animate-fade-slide-in-right.item .item, .card-avatar-small .animate-ripple .expanded .animate-fade-slide-in-right.item .item,
.animate-ripple .card-avatar-small .animate-fade-slide-in-right.expanded.item .item, .card-avatar-small .animate-ripple .animate-fade-slide-in-right.expanded.item .item,
.card-avatar-small.expanded .animate-fade-slide-in-right.item .expanded .item, .card-avatar-small.expanded .expanded .animate-fade-slide-in-right.item .item,
.card-avatar-small .expanded .animate-fade-slide-in-right.item .item,
.card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .expanded .item, .card-avatar-small.expanded .expanded .animate-fade-slide-in-right.card.card-comment .item,
.card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .item,
.animate-fade-slide-in-right.done .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in-right.done .card.card-comment,
.animate-fade-slide-in .card-avatar-small.expanded .animate-fade-slide-in-right.item .card.card-comment,
.animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-fade-slide-in-right.item .card.card-comment,
.animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item .card.card-comment,
.animate-ripple .card-avatar-small.expanded .animate-fade-slide-in-right.item .card.card-comment,
.animate-ripple .animate-fade-slide-in-right.expanded.item .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple .animate-fade-slide-in-right.expanded.item .card.card-comment,
.card-avatar-small.expanded .animate-fade-slide-in-right.item .card.card-comment,
.card-avatar-small.expanded .expanded .animate-fade-slide-in-right.item .card.card-comment,
.card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .card.card-comment,
.card-avatar-small.expanded .expanded .animate-fade-slide-in-right.card.card-comment .card.card-comment,
.animate-fade-slide-in-right.done .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-fade-slide-in-right.done .card.card-comment,
.animate-fade-slide-in .card-avatar-small .expanded .animate-fade-slide-in-right.item .card.card-comment, .card-avatar-small .animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .card.card-comment,
.animate-fade-slide-in .card-avatar-small .animate-fade-slide-in-right.expanded.item .card.card-comment, .card-avatar-small .animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small .expanded .animate-fade-slide-in-right.item .card.card-comment, .card-avatar-small .animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item .card.card-comment,
.card-avatar-small .animate-fade-slide-in-right.expanded.item .animate-fade-slide-in-right.expanded.item .card.card-comment,
.animate-ripple .card-avatar-small .expanded .animate-fade-slide-in-right.item .card.card-comment, .card-avatar-small .animate-ripple .expanded .animate-fade-slide-in-right.item .card.card-comment,
.animate-ripple .card-avatar-small .animate-fade-slide-in-right.expanded.item .card.card-comment, .card-avatar-small .animate-ripple .animate-fade-slide-in-right.expanded.item .card.card-comment,
.card-avatar-small.expanded .animate-fade-slide-in-right.item .expanded .card.card-comment, .card-avatar-small.expanded .expanded .animate-fade-slide-in-right.item .card.card-comment,
.card-avatar-small .expanded .animate-fade-slide-in-right.item .card.card-comment,
.card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .expanded .card.card-comment, .card-avatar-small.expanded .expanded .animate-fade-slide-in-right.card.card-comment .card.card-comment,
.card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .card.card-comment, .animate-fade-slide-in-right.done .in, .animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .in, .animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .in, .animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item .in, .animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item .in, .animate-ripple .expanded .animate-fade-slide-in-right.item .in, .animate-ripple .animate-fade-slide-in-right.expanded.item .in, .card-avatar-small.expanded .animate-fade-slide-in-right.item .in, .card-avatar-small .expanded .animate-fade-slide-in-right.item .in, .card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .in, .card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .in, .animate-fade-slide-in-right.done .animate-fade-slide-in .expanded .item, .animate-fade-slide-in .expanded .animate-fade-slide-in-right.done .item, .animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .item, .animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .item, .animate-fade-slide-in-right .animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .item, .animate-fade-slide-in .animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item .item, .animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .animate-fade-slide-in-right.expanded.item .item, .animate-ripple .animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .item, .animate-fade-slide-in .animate-ripple .expanded .animate-fade-slide-in-right.item .item, .animate-ripple .animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .item, .animate-fade-slide-in .animate-ripple .animate-fade-slide-in-right.expanded.item .item, .animate-fade-slide-in .card-avatar-small.expanded .animate-fade-slide-in-right.item .item, .card-avatar-small .animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .item, .animate-fade-slide-in .card-avatar-small .expanded .animate-fade-slide-in-right.item .item, .animate-fade-slide-in .card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .item, .card-avatar-small .animate-fade-slide-in .expanded .animate-fade-slide-in-right.card.card-comment .item, .animate-fade-slide-in .card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .item,
.animate-fade-slide-in-right.done .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-fade-slide-in-right.done .expanded.item,
.animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .expanded.item,
.animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .expanded.item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item .expanded.item,
.animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item .expanded.item,
.animate-ripple .expanded .animate-fade-slide-in-right.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-ripple .expanded .animate-fade-slide-in-right.item .expanded.item,
.animate-ripple .animate-fade-slide-in-right.expanded.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .animate-ripple .animate-fade-slide-in-right.expanded.item .expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in-right.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .card-avatar-small.expanded .animate-fade-slide-in-right.item .expanded.item,
.card-avatar-small .expanded .animate-fade-slide-in-right.item .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .card-avatar-small .expanded .animate-fade-slide-in-right.item .expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .expanded.item,
.card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .animate-fade-slide-in .expanded.item, .animate-fade-slide-in .card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .expanded.item,
.animate-fade-slide-in-right.done .expanded .item,
.animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .expanded .item,
.animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .expanded .item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item .item,
.animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item .item,
.animate-ripple .expanded .animate-fade-slide-in-right.item .expanded .item,
.animate-ripple .animate-fade-slide-in-right.expanded.item .expanded .item,
.card-avatar-small.expanded .animate-fade-slide-in-right.item .expanded .item,
.card-avatar-small .expanded .animate-fade-slide-in-right.item .expanded .item,
.card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .expanded .item,
.card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .expanded .item,
.animate-fade-slide-in-right.done .expanded.item,
.animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .expanded.item,
.animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .expanded.item,
.animate-fade-slide-in-right.item .expanded .animate-fade-slide-in-right.item .expanded.item,
.animate-fade-slide-in-right.expanded.item .animate-fade-slide-in-right.expanded.item .expanded.item,
.animate-ripple .expanded .animate-fade-slide-in-right.item .expanded.item,
.animate-ripple .animate-fade-slide-in-right.expanded.item .expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in-right.item .expanded.item,
.card-avatar-small .expanded .animate-fade-slide-in-right.item .expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .expanded.item,
.card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .expanded.item,
.animate-fade-slide-in-right.done .animate-ripple .expanded .item, .animate-ripple .expanded .animate-fade-slide-in-right.done .item,
.animate-fade-slide-in .animate-ripple .expanded .animate-fade-slide-in-right.item .item, .animate-ripple .animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .item,
.animate-fade-slide-in .animate-ripple .animate-fade-slide-in-right.expanded.item .item, .animate-ripple .animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .item,
.animate-fade-slide-in-right .animate-ripple .expanded .animate-fade-slide-in-right.item .item, .animate-ripple .animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item .item,
.animate-ripple .animate-fade-slide-in-right.expanded.item .animate-fade-slide-in-right.expanded.item .item,
.animate-ripple .expanded .animate-fade-slide-in-right.item .item,
.animate-ripple .animate-fade-slide-in-right.expanded.item .item,
.animate-ripple .card-avatar-small.expanded .animate-fade-slide-in-right.item .item,
.card-avatar-small .animate-ripple .expanded .animate-fade-slide-in-right.item .item, .animate-ripple .card-avatar-small .expanded .animate-fade-slide-in-right.item .item,
.animate-ripple .card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .item,
.card-avatar-small .animate-ripple .expanded .animate-fade-slide-in-right.card.card-comment .item, .animate-ripple .card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .item,
.animate-fade-slide-in-right.done .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in-right.done .expanded.item,
.animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .expanded.item,
.animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .expanded.item,
.animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item .expanded.item,
.animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item .animate-ripple .expanded.item, .animate-ripple .animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item .expanded.item,
.animate-ripple .expanded .animate-fade-slide-in-right.item .expanded.item,
.animate-ripple .animate-fade-slide-in-right.expanded.item .expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in-right.item .animate-ripple .expanded.item, .animate-ripple .card-avatar-small.expanded .animate-fade-slide-in-right.item .expanded.item,
.card-avatar-small .expanded .animate-fade-slide-in-right.item .animate-ripple .expanded.item, .animate-ripple .card-avatar-small .expanded .animate-fade-slide-in-right.item .expanded.item,
.card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .animate-ripple .expanded.item, .animate-ripple .card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .expanded.item,
.card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .animate-ripple .expanded.item, .animate-ripple .card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .expanded.item,
.animate-fade-slide-in-right.done .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-fade-slide-in-right.done .item,
.animate-fade-slide-in .card-avatar-small.expanded .animate-fade-slide-in-right.item .item,
.animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .item,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-fade-slide-in-right.item .item,
.animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item .item,
.animate-ripple .card-avatar-small.expanded .animate-fade-slide-in-right.item .item,
.animate-ripple .animate-fade-slide-in-right.expanded.item .card-avatar-small.expanded .item, .card-avatar-small.expanded .animate-ripple .animate-fade-slide-in-right.expanded.item .item,
.card-avatar-small.expanded .animate-fade-slide-in-right.item .item,
.card-avatar-small.expanded .expanded .animate-fade-slide-in-right.item .item,
.card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .item,
.card-avatar-small.expanded .expanded .animate-fade-slide-in-right.card.card-comment .item,
.animate-fade-slide-in-right.done .card-avatar-small .expanded .item, .card-avatar-small .expanded .animate-fade-slide-in-right.done .item,
.animate-fade-slide-in .card-avatar-small .expanded .animate-fade-slide-in-right.item .item, .card-avatar-small .animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .item,
.animate-fade-slide-in .card-avatar-small .animate-fade-slide-in-right.expanded.item .item, .card-avatar-small .animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .item,
.animate-fade-slide-in-right .card-avatar-small .expanded .animate-fade-slide-in-right.item .item, .card-avatar-small .animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item .item,
.card-avatar-small .animate-fade-slide-in-right.expanded.item .animate-fade-slide-in-right.expanded.item .item,
.animate-ripple .card-avatar-small .expanded .animate-fade-slide-in-right.item .item, .card-avatar-small .animate-ripple .expanded .animate-fade-slide-in-right.item .item,
.animate-ripple .card-avatar-small .animate-fade-slide-in-right.expanded.item .item, .card-avatar-small .animate-ripple .animate-fade-slide-in-right.expanded.item .item,
.card-avatar-small.expanded .animate-fade-slide-in-right.item .expanded .item, .card-avatar-small.expanded .expanded .animate-fade-slide-in-right.item .item,
.card-avatar-small .expanded .animate-fade-slide-in-right.item .item,
.card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .expanded .item, .card-avatar-small.expanded .expanded .animate-fade-slide-in-right.card.card-comment .item,
.card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .item,
.animate-fade-slide-in-right.done .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in-right.done .card.card-comment,
.animate-fade-slide-in .card-avatar-small.expanded .animate-fade-slide-in-right.item .card.card-comment,
.animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small.expanded .animate-fade-slide-in-right.item .card.card-comment,
.animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item .card.card-comment,
.animate-ripple .card-avatar-small.expanded .animate-fade-slide-in-right.item .card.card-comment,
.animate-ripple .animate-fade-slide-in-right.expanded.item .card-avatar-small.expanded .card.card-comment, .card-avatar-small.expanded .animate-ripple .animate-fade-slide-in-right.expanded.item .card.card-comment,
.card-avatar-small.expanded .animate-fade-slide-in-right.item .card.card-comment,
.card-avatar-small.expanded .expanded .animate-fade-slide-in-right.item .card.card-comment,
.card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .card.card-comment,
.card-avatar-small.expanded .expanded .animate-fade-slide-in-right.card.card-comment .card.card-comment,
.animate-fade-slide-in-right.done .card-avatar-small .expanded .card.card-comment, .card-avatar-small .expanded .animate-fade-slide-in-right.done .card.card-comment,
.animate-fade-slide-in .card-avatar-small .expanded .animate-fade-slide-in-right.item .card.card-comment, .card-avatar-small .animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .card.card-comment,
.animate-fade-slide-in .card-avatar-small .animate-fade-slide-in-right.expanded.item .card.card-comment, .card-avatar-small .animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .card.card-comment,
.animate-fade-slide-in-right .card-avatar-small .expanded .animate-fade-slide-in-right.item .card.card-comment, .card-avatar-small .animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item .card.card-comment,
.card-avatar-small .animate-fade-slide-in-right.expanded.item .animate-fade-slide-in-right.expanded.item .card.card-comment,
.animate-ripple .card-avatar-small .expanded .animate-fade-slide-in-right.item .card.card-comment, .card-avatar-small .animate-ripple .expanded .animate-fade-slide-in-right.item .card.card-comment,
.animate-ripple .card-avatar-small .animate-fade-slide-in-right.expanded.item .card.card-comment, .card-avatar-small .animate-ripple .animate-fade-slide-in-right.expanded.item .card.card-comment,
.card-avatar-small.expanded .animate-fade-slide-in-right.item .expanded .card.card-comment, .card-avatar-small.expanded .expanded .animate-fade-slide-in-right.item .card.card-comment,
.card-avatar-small .expanded .animate-fade-slide-in-right.item .card.card-comment,
.card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .expanded .card.card-comment, .card-avatar-small.expanded .expanded .animate-fade-slide-in-right.card.card-comment .card.card-comment,
.card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .card.card-comment {
  opacity: 1;
  filter: alpha(opacity=100); }

.animate-fade-slide-in-right .has-mask-reverse:after,
.animate-fade-slide-in-right .has-mask-reverse:after {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.animate-fade-slide-in-right.done .has-mask-reverse:after, .animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .has-mask-reverse:after, .animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .has-mask-reverse:after, .animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item .has-mask-reverse:after, .animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item .has-mask-reverse:after, .animate-ripple .expanded .animate-fade-slide-in-right.item .has-mask-reverse:after, .animate-ripple .animate-fade-slide-in-right.expanded.item .has-mask-reverse:after, .card-avatar-small.expanded .animate-fade-slide-in-right.item .has-mask-reverse:after, .card-avatar-small .expanded .animate-fade-slide-in-right.item .has-mask-reverse:after, .card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .has-mask-reverse:after, .card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .has-mask-reverse:after, .animate-fade-slide-in-right.done .has-mask-reverse:after, .animate-fade-slide-in .expanded .animate-fade-slide-in-right.item .has-mask-reverse:after, .animate-fade-slide-in .animate-fade-slide-in-right.expanded.item .has-mask-reverse:after, .animate-fade-slide-in-right .expanded .animate-fade-slide-in-right.item .has-mask-reverse:after, .animate-fade-slide-in-right .animate-fade-slide-in-right.expanded.item .has-mask-reverse:after, .animate-ripple .expanded .animate-fade-slide-in-right.item .has-mask-reverse:after, .animate-ripple .animate-fade-slide-in-right.expanded.item .has-mask-reverse:after, .card-avatar-small.expanded .animate-fade-slide-in-right.item .has-mask-reverse:after, .card-avatar-small .expanded .animate-fade-slide-in-right.item .has-mask-reverse:after, .card-avatar-small.expanded .animate-fade-slide-in-right.card.card-comment .has-mask-reverse:after, .card-avatar-small .expanded .animate-fade-slide-in-right.card.card-comment .has-mask-reverse:after {
  opacity: 1;
  filter: alpha(opacity=100); }

.animate-fade-slide-in-right .out,
.animate-fade-slide-in-right .out {
  -ms-transform: scale3d(0, 0, 1);
  -webkit-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1); }

/* Motion: Slide Up
==================================*/
.slide-up,
.slide-up,
.hero.slide-up {
  height: 100%;
  overflow: hidden;
  text-align: center; }

.slide-up {
  -webkit-transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slide-up *,
.slide-up *,
.hero.slide-up * {
  opacity: 0;
  filter: alpha(opacity=0); }

.hero.slide-up + .mid-bar,
.slide-up + .mid-bar,
.slide-up + .mid-bar {
  height: 100%;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transform: translate3d(100%, -240px, 0);
  transform: translate3d(100%, -240px, 0); }

/*!
 * Waves v0.5.4
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014 Alfiana E. Sibuea and other contributors 
 * Forked by Zach Fitzgerald and other contributors for Ionic Material
 *
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE 
 *
 */
.ink, .button-fab, .button-flat, .button-raised, .button-clear, .button-text, .popup .button {
  position: relative;
  cursor: pointer;
  /*display: inline-block;*/
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.ink-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  pointer-events: none; }

.ink-notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

.button-fab,
.button-flat, .button-clear, .button-text,
.button-raised,
.ink-button,
.ink-circle {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0); }

.button-fab.activated,
.button-flat.activated,
.button-raised.activated, .button-clear.activated, .activated.button-text,
.ink-button.activated,
.ink.activated,
.ink-circle.activated,
.popup .button.activated,
.button-fab:active,
.button-flat:active,
.button-raised:active,
.button-clear:active,
.button-text:active,
.ink-button:active,
.ink:active,
.ink-circle:active,
.popup .button:active {
  -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%); }

.ink-button,
.ink-button:visited,
.ink-button:link,
.button-fab,
.button-fab:visited,
.button-fab:link,
.button-flat,
.button-flat:visited,
.button-flat:link,
.button-raised,
.button-raised:visited,
.button-raised:link, .button-clear, .button-text,
.button-clear:visited,
.button-text:visited,
.button-clear:link,
.button-text:link,
.ink-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  /*  color: inherit; */
  /*  background-color: rgba(0, 0, 0, 0); */
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  z-index: 1; }

.ink-button {
  padding: 10px 15px;
  border-radius: 2px; }

.ink-button-input {
  margin: 0;
  padding: 10px 15px; }

.ink-input-wrapper {
  border-radius: 2px;
  vertical-align: bottom; }

.ink-input-wrapper.ink-button {
  padding: 0; }

.ink-input-wrapper .ink-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1; }

.ink-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%; }

.ink-float {
  -webkit-mask-image: none;
  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); }

.ink-float:active {
  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); }

.ink-block {
  display: block; }

.ink-ripple {
  z-index: 0;
  /* Firefox Bug: link not triggered unless -1 z-index */ }

/* Handled elsewhere
.button-fab,.button-raised,.button-flat,.ink-circle,.list a.item {
    -webkit-mask-image: none;
}
*/
.button-clear .ink-ripple, .button-text .ink-ripple,
*[class$="-clear"] > .ink-ripple,
*[class$="-light"] > .ink-ripple,
*[class$="-stable"] > .ink-ripple,
*[class$="-100"] > .ink-ripple,
.list .ink-ripple,
.ink-dark .ink-ripple {
  background-color: rgba(0, 0, 0, 0.2); }

.tab-item {
  position: relative;
  /* for Ink */ }

/* Ionic Overrides
==================================*/
* {
  font-family: "RobotoDraft","Roboto","Helvetica Neue", "Segoe UI", sans-serif; }

.rounded {
  border-radius: 4px; }

a {
  cursor: pointer; }

.has-header.expanded {
  /* Expanded modifier */
  top: 76px; }

/* Bar Overrides
==================================*/
.bar {
  border-bottom: none;
  padding: 0; }

.bar .button {
  min-height: 44px;
  min-width: 44px;
  max-width: 48px;
  margin-bottom: 0;
  max-height: 44px;
  width: 48px; }

.bar .title + .buttons.buttons-right {
  right: 0;
  top: 0; }

/* Title Overrides
==================================*/
.title-left,
.title.title-left {
  left: 48px; }

.title-right,
.title.title-right {
  left: 48px; }

/* Background Colors
==================================*/
.positive-bg,
.button-positive,
.button-text,
.bar .button-positive,
.bar .button-text,
.header-positive,
.button-bar-positive,
.bar-positive,
.positive-border,
.positive-bg:hover,
.bar .button-positive:hover,
.bar .button-text:hover,
.button-positive:hover,
.button-text:hover,
.header-positive:hover,
.button-bar-positive:hover,
.bar-positive:hover,
.positive-border:hover,
.positive-bg:active,
.bar .button-positive:active,
.bar .button-text:active,
.button-positive:active,
.button-text:active,
.header-positive:active,
.button-bar-positive:active,
.bar-positive:active,
.positive-border:active,
.positive-bg.activated,
.bar .button-positive.activated,
.bar .activated.button-text,
.button-positive.activated,
.activated.button-text,
.header-positive.activated,
.button-bar-positive.activated,
.bar-positive.activated,
.positive-border.activated {
  background-color: #3F51B5;
  color: #fff; }

.positive-900-bg,
.button-positive-900,
.bar .button-positive-900,
.header-positive-900,
.button-bar-positive-900,
.bar-positive-900,
.positive-900-border,
.positive-900-bg:hover,
.button-positive-900:hover,
.bar .button-positive-900:hover,
.header-positive-900:hover,
.button-bar-positive-900:hover,
.bar-positive-900:hover,
.positive-900-border:hover,
.positive-900-bg:active,
.bar .button-positive-900:active,
.button-positive-900:active,
.header-positive-900:active,
.button-bar-positive-900:active,
.bar-positive-900:active,
.positive-900-border:active,
.positive-900-bg.activated,
.button-positive-900.activated,
.bar .button-positive-900.activated,
.header-positive-900.activated,
.button-bar-positive-900.activated,
.bar-positive-900.activated,
.positive-900-border.activated {
  background-color: #1A237E;
  color: #fff; }

.positive-100-bg,
.button-positive-100,
.bar .button-positive-100,
.header-positive-100,
.button-bar-positive-100,
.bar-positive-100,
.positive-100-border,
.positive-100-bg:hover,
.button-positive-100:hover,
.bar .button-positive-100:hover,
.header-positive-100:hover,
.button-bar-positive-100:hover,
.bar-positive-100:hover,
.positive-100-border:hover,
.positive-100-bg:active,
.button-positive-100:active,
.bar .button-positive-100:active,
.header-positive-100:active,
.button-bar-positive-100:active,
.bar-positive-100:active,
.positive-100-border:active,
.positive-100-bg.activated,
.button-positive-100.activated,
.bar .button-positive-100.activated,
.header-positive-100.activated,
.button-bar-positive-100.activated,
.bar-positive-100.activated,
.positive-100-border.activated {
  background-color: #C5CAE9;
  color: #fff; }

.calm-bg,
.button-calm,
.bar .button-calm,
.header-calm,
.button-bar-calm,
.bar-calm,
.calm-border,
.calm-bg:hover,
.button-calm:hover,
.bar .button-calm:hover,
.header-calm:hover,
.button-bar-calm:hover,
.bar-calm:hover,
.calm-border:hover,
.calm-bg:active,
.button-calm:active,
.bar .button-calm:active,
.header-calm:active,
.button-bar-calm:active,
.bar-calm:active,
.calm-border:active,
.calm-bg.activated,
.button-calm.activated,
.bar .button-calm.activated,
.header-calm.activated,
.button-bar-calm.activated,
.bar-calm.activated,
.calm-border.activated {
  background-color: #2196F3;
  color: #fff; }

.calm-900-bg,
.button-calm-900,
.bar .button-calm-900,
.header-calm-900,
.button-bar-calm-900,
.bar-calm-900,
.calm-900-border,
.calm-900-bg:hover,
.button-calm-900:hover,
.bar .button-calm-900:hover,
.header-calm-900:hover,
.button-bar-calm-900:hover,
.bar-calm-900:hover,
.calm-900-border:hover,
.calm-900-bg:active,
.button-calm-900:active,
.bar .button-calm-900:active,
.header-calm-900:active,
.button-bar-calm-900:active,
.bar-calm-900:active,
.calm-900-border:active,
.calm-900-bg.activated,
.button-calm-900.activated,
.bar .button-calm-900.activated,
.header-calm-900.activated,
.button-bar-calm-900.activated,
.bar-calm-900.activated,
.calm-900-border.activated {
  background-color: #0D47A1;
  color: #fff; }

.calm-100-bg,
.button-calm-100,
.bar .button-calm-100,
.header-calm-100,
.button-bar-calm-100,
.bar-calm-100,
.calm-100-border,
.calm-100-bg:hover,
.button-calm-100:hover,
.bar .button-calm-100:hover,
.header-calm-100:hover,
.button-bar-calm-100:hover,
.bar-calm-100:hover,
.calm-100-border:hover,
.calm-100-bg:active,
.button-calm-100:active,
.bar .button-calm-100:active,
.header-calm-100:active,
.button-bar-calm-100:active,
.bar-calm-100:active,
.calm-100-border:active,
.calm-100-bg.activated,
.button-calm-100.activated,
.bar .button-calm-100.activated,
.header-calm-100.activated,
.button-bar-calm-100.activated,
.bar-calm-100.activated,
.calm-100-border.activated {
  background-color: #BBDEFB;
  color: #fff; }

.royal-bg,
.button-royal,
.bar .button-royal,
.header-royal,
.button-bar-royal,
.bar-royal,
.royal-border,
.royal-bg:hover,
.button-royal:hover,
.bar .button-royal:hover,
.header-royal:hover,
.button-bar-royal:hover,
.bar-royal:hover,
.royal-border:hover,
.royal-bg:active,
.button-royal:active,
.bar .button-royal:active,
.header-royal:active,
.button-bar-royal:active,
.bar-royal:active,
.royal-border:active,
.royal-bg.activated,
.button-royal.activated,
.bar .button-royal.activated,
.header-royal.activated,
.button-bar-royal.activated,
.bar-royal.activated,
.royal-border.activated {
  background-color: #673AB7;
  color: #fff; }

.royal-900-bg,
.button-royal-900,
.bar .button-royal-900,
.header-royal-900,
.button-bar-royal-900,
.bar-royal-900,
.royal-900-border,
.royal-900-bg:hover,
.button-royal-900:hover,
.bar .button-royal-900:hover,
.header-royal-900:hover,
.button-bar-royal-900:hover,
.bar-royal-900:hover,
.royal-900-border:hover,
.royal-900-bg:active,
.button-royal-900:active,
.bar .button-royal-900:active,
.header-royal-900:active,
.button-bar-royal-900:active,
.bar-royal-900:active,
.royal-900-border:active,
.royal-900-bg.activated,
.button-royal-900.activated,
.bar .button-royal-900.activated,
.header-royal-900.activated,
.button-bar-royal-900.activated,
.bar-royal-900.activated,
.royal-900-border.activated {
  background-color: #311B92;
  color: #fff; }

.royal-100-bg,
.button-royal-100,
.bar .button-royal-100,
.header-royal-100,
.button-bar-royal-100,
.bar-royal-100,
.royal-100-border,
.royal-100-bg:hover,
.button-royal-100:hover,
.bar .button-royal-100:hover,
.header-royal-100:hover,
.button-bar-royal-100:hover,
.bar-royal-100:hover,
.royal-100-border:hover,
.royal-100-bg:active,
.button-royal-100:active,
.bar .button-royal-100:active,
.header-royal-100:active,
.button-bar-royal-100:active,
.bar-royal-100:active,
.royal-100-border:active,
.royal-100-bg.activated,
.button-royal-100.activated,
.bar .button-royal-100.activated,
.header-royal-100.activated,
.button-bar-royal-100.activated,
.bar-royal-100.activated,
.royal-100-border.activated {
  background-color: #D1C4E9;
  color: #fff; }

.balanced-bg,
.button-balanced,
.bar .button-balanced,
.header-balanced,
.button-bar-balanced,
.bar-balanced,
.balanced-border,
.balanced-bg:hover,
.button-balanced:hover,
.bar .button-balanced:hover,
.header-balanced:hover,
.button-bar-balanced:hover,
.bar-balanced:hover,
.balanced-border:hover,
.balanced-bg:active,
.button-balanced:active,
.bar .button-balanced:active,
.header-balanced:active,
.button-bar-balanced:active,
.bar-balanced:active,
.balanced-border:active,
.balanced-bg.activated,
.button-balanced.activated,
.bar .button-balanced.activated,
.header-balanced.activated,
.button-bar-balanced.activated,
.bar-balanced.activated,
.balanced-border.activated {
  background-color: #4CAF50;
  color: #fff; }

.balanced-900-bg,
.button-balanced-900,
.bar .button-balanced-900,
.header-balanced-900,
.button-bar-balanced-900,
.bar-balanced-900,
.balanced-900-border,
.balanced-900-bg:hover,
.button-balanced-900:hover,
.bar .button-balanced-900:hover,
.header-balanced-900:hover,
.button-bar-balanced-900:hover,
.bar-balanced-900:hover,
.balanced-900-border:hover,
.balanced-900-bg:active,
.button-balanced-900:active,
.bar .button-balanced-900:active,
.header-balanced-900:active,
.button-bar-balanced-900:active,
.bar-balanced-900:active,
.balanced-900-border:active,
.balanced-900-bg.activated,
.button-balanced-900.activated,
.bar .button-balanced-900.activated,
.header-balanced-900.activated,
.button-bar-balanced-900.activated,
.bar-balanced-900.activated,
.balanced-900-border.activated {
  background-color: #1B5E20;
  color: #fff; }

.balanced-100-bg,
.button-balanced-100,
.bar .button-balanced-100,
.header-balanced-100,
.button-bar-balanced-100,
.bar-balanced-100,
.balanced-100-border,
.balanced-100-bg:hover,
.button-balanced-100:hover,
.bar .balanced-100-bg:hover,
.header-balanced-100:hover,
.button-bar-balanced-100:hover,
.bar-balanced-100:hover,
.balanced-100-border:hover,
.balanced-100-bg:active,
.button-balanced-100:active,
.bar .button-balanced-100:active,
.header-balanced-100:active,
.button-bar-balanced-100:active,
.bar-balanced-100:active,
.balanced-100-border:active,
.balanced-100-bg.activated,
.button-balanced-100.activated,
.bar .button-balanced-100.activated,
.header-balanced-100.activated,
.button-bar-balanced-100.activated,
.bar-balanced-100.activated,
.balanced-100-border.activated {
  background-color: #C8E6C9;
  color: #fff; }

.energized-bg,
.button-energized,
.bar .button-energized,
.header-energized,
.button-bar-energized,
.bar-energized,
.energized-border,
.energized-bg:hover,
.button-energized:hover,
.bar .button-energized:hover,
.header-energized:hover,
.button-bar-energized:hover,
.bar-energized:hover,
.energized-border:hover,
.energized-bg:active,
.button-energized:active,
.bar .button-energized:active,
.header-energized:active,
.button-bar-energized:active,
.bar-energized:active,
.energized-border:active,
.energized-bg.activated,
.button-energized.activated,
.bar .button-energized.activated,
.header-energized.activated,
.button-bar-energized.activated,
.bar-energized.activated,
.energized-border.activated {
  background-color: #FF9800;
  color: #fff; }

.energized-900-bg,
.button-energized-900,
.bar .button-energized-900,
.header-energized-900,
.button-bar-energized-900,
.bar-energized-900,
.energized-900-border,
.energized-900-bg:hover,
.button-energized-900:hover,
.bar .button-energized-900:hover,
.header-energized-900:hover,
.button-bar-energized-900:hover,
.bar-energized-900:hover,
.energized-900-border:hover,
.energized-900-bg:active,
.button-energized-900:active,
.bar .button-energized-900:active,
.header-energized-900:active,
.button-bar-energized-900:active,
.bar-energized-900:active,
.energized-900-border:active,
.energized-900-bg.activated,
.button-energized-900.activated,
.bar .button-energized-900.activated,
.header-energized-900.activated,
.button-bar-energized-900.activated,
.bar-energized-900.activated,
.energized-900-border.activated {
  background-color: #E65100;
  color: #fff; }

.energized-100-bg, .modal.modal-help .row.selected,
.button-energized-100,
.bar .button-energized-100,
.header-energized-100,
.button-bar-energized-100,
.bar-energized-100,
.energized-100-border,
.energized-100-bg:hover,
.modal.modal-help .row.selected:hover,
.button-energized-100:hover,
.bar .button-energized-100:hover,
.header-energized-100:hover,
.button-bar-energized-100:hover,
.bar-energized-100:hover,
.energized-100-border:hover,
.energized-100-bg:active,
.modal.modal-help .row.selected:active,
.button-energized-100:active,
.bar .button-energized-100:active,
.header-energized-100:active,
.button-bar-energized-100:active,
.bar-energized-100:active,
.energized-100-border:active,
.energized-100-bg.activated,
.modal.modal-help .activated.row.selected,
.button-energized-100.activated,
.bar .button-energized-100.activated,
.header-energized-100.activated,
.button-bar-energized-100.activated,
.bar-energized-100.activated,
.energized-100-border.activated {
  background-color: #FFE0B2; }

.assertive-bg,
.button-assertive,
.bar .button-assertive,
.header-assertive,
.button-bar-assertive,
.bar-assertive,
.assertive-border,
.assertive-bg:hover,
.button-assertive:hover,
.bar .button-assertive:hover,
.header-assertive:hover,
.button-bar-assertive:hover,
.bar-assertive:hover,
.assertive-border:hover,
.assertive-bg:active,
.button-assertive:active,
.bar .button-assertive:active,
.header-assertive:active,
.button-bar-assertive:active,
.bar-assertive:active,
.assertive-border:active,
.assertive-bg.activated,
.button-assertive.activated,
.bar .button-assertive.activated,
.header-assertive.activated,
.button-bar-assertive.activated,
.bar-assertive.activated,
.assertive-border.activated {
  background-color: #F44336;
  color: #fff; }

.assertive-900-bg,
.button-assertive-900,
.bar .button-assertive-900,
.header-assertive-900,
.button-bar-assertive-900,
.bar-assertive-900,
.assertive-900-border,
.assertive-900-bg:hover,
.button-assertive-900:hover,
.bar .button-assertive-900:hover,
.header-assertive-900:hover,
.button-bar-assertive-900:hover,
.bar-assertive-900:hover,
.assertive-900-border:hover,
.assertive-900-bg:active,
.button-assertive-900:active,
.bar .button-assertive-900:active,
.header-assertive-900:active,
.button-bar-assertive-900:active,
.bar-assertive-900:active,
.assertive-900-border:active,
.assertive-900-bg.activated,
.button-assertive-900.activated,
.bar .button-assertive-900.activated,
.header-assertive-900.activated,
.button-bar-assertive-900.activated,
.bar-assertive-900.activated,
.assertive-900-border.activated {
  background-color: #B71C1C;
  color: #fff; }

.assertive-100-bg,
.button-assertive-100,
.bar .button-assertive-100,
.header-assertive-100,
.button-bar-assertive-100,
.bar-assertive-100,
.assertive-100-border,
.assertive-100-bg:hover,
.button-assertive-100:hover,
.bar .button-assertive-100:hover,
.header-assertive-100:hover,
.button-bar-assertive-100:hover,
.bar-assertive-100:hover,
.assertive-100-border:hover,
.assertive-100-bg:active,
.button-assertive-100:active,
.bar .button-assertive-100:active,
.header-assertive-100:active,
.button-bar-assertive-100:active,
.bar-assertive-100:active,
.assertive-100-border:active,
.assertive-100-bg.activated,
.bar .button-assertive-100.activated,
.button-assertive-100.activated,
.header-assertive-100.activated,
.button-bar-assertive-100.activated,
.bar-assertive-100.activated,
.assertive-100-border.activated {
  background-color: #FFCDD2;
  color: #fff; }

.stable-bg,
.button-stable,
.bar .button-stable,
.header-stable,
.button-bar-stable,
.bar-stable,
.stable-border,
.stable-bg:hover,
.button-stable:hover,
.bar .button-stable:hover,
.header-stable:hover,
.button-bar-stable:hover,
.bar-stable:hover,
.stable-border:hover,
.stable-bg:active,
.button-stable:active,
.bar .button-stable:active,
.header-stable:active,
.button-bar-stable:active,
.bar-stable:active,
.stable-border:active,
.stable-bg.activated,
.button-stable.activated,
.bar .button-stable.activated,
.header-stable.activated,
.button-bar-stable.activated,
.bar-stable.activated,
.stable-border.activated {
  background-color: #E0E0E0;
  color: #fff; }

/* Text Colors
==================================*/
.positive, .text-editable:hover, .icon-help,
.positive *,
.text-editable:hover *,
.icon-help *,
*.positive,
*.text-editable:hover,
*.icon-help,
.positive:hover,
.text-editable:hover,
.icon-help:hover,
.positive:hover *,
.text-editable:hover *,
.icon-help:hover *,
*.positive:hover,
*.text-editable:hover,
*.icon-help:hover,
.positive:active,
.text-editable:active:hover,
.icon-help:active,
.positive:active *,
.text-editable:active:hover *,
.icon-help:active *,
*.positive:active,
*.text-editable:active:hover,
*.icon-help:active {
  color: #3F51B5; }

.positive-900,
.positive-900 *,
*.positive-900,
.positive-900:hover,
.positive-900:hover *,
*.positive-900:hover,
.positive-900:active,
.positive-900:active *,
*.positive-900:active {
  color: #3F51B5; }

.positive-100,
.positive-100 *,
*.positive-100,
.positive-100:hover,
.positive-100:hover *,
*.positive-100:hover,
.positive-100:active,
.positive-100:active *,
*.positive-100:active {
  color: #C5CAE9; }

.calm-100,
.calm-100 *,
*.calm-100,
.calm-100:hover,
.calm-100:hover *,
*.calm-100:hover,
.calm-100:active,
.calm-100:active *,
*.calm-100:active {
  color: #2196F3; }

.calm-900,
.calm-900 *,
*.calm-900,
.calm-900:hover,
.calm-900:hover *,
*.calm-900:hover,
.calm-900:active,
.calm-900:active *,
*.calm-900:active {
  color: #0D47A1; }

.calm-100,
.calm-100 *,
*.calm-100,
.calm-100:hover,
.calm-100:hover *,
*.calm-100:hover,
.calm-100:active,
.calm-100:active *,
*.calm-100:active {
  color: #BBDEFB; }

.royal,
.royal *,
*.royal,
.royal:hover,
.royal:hover *,
*.royal:hover,
.royal:active,
.royal:active *,
*.royal:active {
  color: #673AB7; }

.royal-900,
.royal-900 *,
*.royal-900,
.royal-900:hover,
.royal-900:hover *,
*.royal-900:hover,
.royal-900:active,
.royal-900:active *,
*.royal-900:active {
  color: #311B92; }

.royal-100,
.royal-100 *,
*.royal-100,
.royal-100:hover,
.royal-100:hover *,
*.royal-100:hover,
.royal-100:active,
.royal-100:active *,
*.royal-100:active {
  color: #D1C4E9; }

.balanced,
.balanced *,
*.balanced,
.balanced:hover,
.balanced:hover *,
*.balanced:hover,
.balanced:active,
.balanced:active *,
*.balanced:active {
  color: #4CAF50; }

.balanced-900,
.balanced-900 *,
*.balanced-900,
.balanced-900:hover,
.balanced-900:hover *,
*.balanced-900:hover,
.balanced-900:active,
.balanced-900:active *,
*.balanced-900:active {
  color: #1B5E20; }

.balanced-100,
.balanced-100 *,
*.balanced-100,
.balanced-100:hover,
.balanced-100:hover *,
*.balanced-100:hover,
.balanced-100:active,
.balanced-100:active *,
*.balanced-100:active {
  color: #C8E6C9; }

.energized,
.energized *,
*.energized,
.energized:hover,
.energized:hover *,
*.energized:hover,
.energized:active,
.energized:active *,
*.energized:active {
  color: #FF9800; }

.energized-900,
.energized-900 *,
*.energized-900,
.energized-900:hover,
.energized-900:hover *,
*.energized-900:hover,
.energized-900:active,
.energized-900:active *,
*.energized-900:active {
  color: #E65100; }

.energized-100,
.energized-100 *,
*.energized-100,
.energized-100:hover,
.energized-100:hover *,
*.energized-100:hover,
.energized-100:active,
.energized-100:active *,
*.energized-100:active {
  color: #FFE0B2; }

.assertive, .icon-alert,
.assertive *,
.icon-alert *,
*.assertive,
*.icon-alert,
.assertive:hover,
.icon-alert:hover,
.assertive:hover *,
.icon-alert:hover *,
*.assertive:hover,
*.icon-alert:hover,
.assertive:active,
.icon-alert:active,
.assertive:active *,
.icon-alert:active *,
*.assertive:active,
*.icon-alert:active {
  color: #F44336; }

.assertive-900,
.assertive-900 *,
*.assertive-900,
.assertive-900:hover,
.assertive-900:hover *,
*.assertive-900:hover,
.assertive-900:active,
.assertive-900:active *,
*.assertive-900:active {
  color: #B71C1C; }

.assertive-100,
.assertive-100 *,
*.assertive-100,
.assertive-100:hover,
.assertive-100:hover *,
*.assertive-100:hover,
.assertive-100:active,
.assertive-100:active *,
*.assertive-100:active {
  color: #FFCDD2; }

.stable,
.stable *,
*.stable,
.stable:hover,
.stable:hover *,
*.stable:hover,
.stable:active,
.stable:active *,
*.stable:active {
  color: #E0E0E0; }

.light,
.light *,
*.light,
.light:hover,
.light:hover *,
*.light:hover,
.light:active,
.light:active *,
*.light:active {
  color: #fff; }

.dark, .button-text-dark, #home h4,
.dark *,
.button-text-dark *,
#home h4 *,
*.dark,
*.button-text-dark,
#home h4,
.dark:hover,
.button-text-dark:hover,
#home h4:hover,
.dark:hover *,
.button-text-dark:hover *,
#home h4:hover *,
*.dark:hover,
*.button-text-dark:hover,
#home h4:hover,
.dark:active,
.button-text-dark:active,
#home h4:active,
.dark:active *,
.button-text-dark:active *,
#home h4:active *,
*.dark:active,
*.button-text-dark:active,
#home h4:active {
  color: #444; }

.light-border {
  border-color: #ddd; }

.navbar-default .navbar-nav > li > a {
  margin: 0;
  padding-right: 26px;
  padding-left: 26px;
  border-top: 3px solid transparent;
  color: #BFD5C9;
  opacity: 1; }

/* Mid-Bar
==================================*/
.mid-bar {
  padding: 16px; }

.mid-bar h1,
.mid-bar h2,
.mid-bar h3,
.mid-bar h4,
.mid-bar h5,
.mid-bar h6 {
  color: #fff;
  margin-bottom: 5px; }

.mid-bar p {
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 0; }

/* Item
==================================*/
.item-avatar, .item-avatar .item-content, .item-avatar-left, .item-avatar-left .item-content, .card > .item-avatar {
  padding-left: 95px; }

.item,
.item-complex .item-content,
.item-radio .item-content {
  background-color: transparent; }

.dark-bg h2,
.item.dark-bg h2 {
  color: #fff; }

.tabs-striped .tabs {
  box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26); }

.bar .button.button-clear, .bar .button.button-text {
  color: #fff; }

.bar .button.button-icon .icon:before, .bar .button.button-icon .icon-help:before, .bar .button.button-icon .icon-alert:before, .bar .button.button-icon #menu .footer .icon-help:before, #menu .footer .bar .button.button-icon .icon-help:before,
.bar .button.button-icon.icon-left:before,
.bar .button.button-icon.icon-right:before,
.bar .button.button-icon:before {
  vertical-align: top;
  font-size: 24px; }

.menu {
  background-color: transparent; }

.button-icon.button.active, .button-icon.button.activated {
  opacity: initial; }

/* Popover
==================================*/
.popover {
  opacity: 0;
  position: absolute;
  right: 8px;
  transform: translate(50%, -50%) scale(0, 0);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  top: 8px; }

.popover.ng-enter {
  opacity: 1;
  transform: translate(0, -14px) scale(1, 1);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; }

.popover.ng-leave {
  opacity: 0;
  transform: translate(50%, -50%) scale(0, 0);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; }

/* Button
==================================*/
.button {
  overflow: hidden !important; }

@font-face {
  font-family: "Cesiumicons";
  src: url("../fonts/cesiumicons.eot?v=1.2");
  src: url("../fonts/cesiumicons.eot?v=1.2#iefix") format("embedded-opentype"), url("../fonts/cesiumicons.ttf?v=1.2") format("truetype"), url("../fonts/cesiumicons.woff?v=1.2") format("woff"), url("../fonts/cesiumicons.woff") format("woff"), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiID4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bWV0YWRhdGE+R2VuZXJhdGVkIGJ5IEljb01vb248L21ldGFkYXRhPgo8ZGVmcz4KPGZvbnQgaWQ9ImNlc2l1bWljb25zIiBob3Jpei1hZHYteD0iMTAyNCI+Cjxmb250LWZhY2UgdW5pdHMtcGVyLWVtPSIxMDI0IiBhc2NlbnQ9Ijk2MCIgZGVzY2VudD0iLTY0IiAvPgo8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iMTAyNCIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeDIwOyIgaG9yaXotYWR2LXg9IjUxMiIgZD0iIiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwMDsiIGQ9Ik03MDQuNjMxIDU3MS4xMjhjLTg4LjYxMy0xNDEuNDA5LTIyMC40MDMtMjYzLjQwOC0zODUuNTIxLTMwNS40NzMtNjcuMjUyLTE4LjQ5My0xMzcuMTEyLTI1LjgyMi0yMDYuNzA1LTI3LjAyMiA4NS41NDktMTYzLjA5NSAyNzUuODEtMjYyLjI3MiA0NTguNTQ1LTIzNy45NSAxODEuMTY2IDE5LjA3NiAzNDEuNjYyIDE1Ny4yMTUgMzg4LjMzOCAzMzMuMTYyLTU0LjYwMSAxMDMuOTI0LTE0MS40OSAxOTcuODc0LTI1NC42NTYgMjM3LjI4M3oiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlOTAxOyIgZD0iTTcwNS45MzcgNTcyLjA4OGMtMTYuNzU2LTExMS44MTUtODUuMDg2LTIwNy4yLTEwNy4yNjctMzE3LjIyMS05LjE4OC01MS41NDEgMjYuNzg2LTExMC42NDItMTQuNTc5LTE1NS41MTQtNDYuMjEtNTIuNDAyLTExOC45MDctNjUuMzc5LTE4MS45MzgtODcuNDY2IDE3Ny43My00Ny45MSAzNzkuNjYgMjQuMjE1IDQ4NS45ODIgMTc0Ljc4IDUwLjU1IDY5LjExNiA4MC45OTIgMTUyLjY4OSA4Ni42OTYgMjM4LjEyNS00Ni4wODUgOS40ODMtNjkuNDM2IDU1LjAyMC0xMTAuNTU2IDc0LjIwMS00OS45MTcgMjkuOTkyLTEwMy41NzEgNTMuNTE0LTE1OC4zMzkgNzMuMDk1eiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDI7IiBkPSJNNzA0LjQyMiA1NjMuNGMtMjMuNzg2LTUxLjQwOC0yNi40MzYtMTA5Ljc1Ny01NC4wODQtMTU5LjcyNi03LjIxMS0zMi45MDktNDEuMDkxLTg0LjI4OC0yOS40OTgtMTA2LjQ4OSAxMDEuNTktMTYuNTQyIDIwMy4xODEtMzMuMDg1IDMwNC43NzEtNDkuNjI3IDE4LjI3OCAzNS42NDkgMzEuODQ1IDczLjcxMSA0MC4yMDEgMTEyLjg5NC03My44NjggNzkuMjY5LTE1MC40NzEgMTYzLjQyNi0yNTUuMzU4IDIwMC42MzVsLTYuMDMyIDIuMzE0eiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDM7IiBkPSJNNjY4LjYxNiA0NDUuNzk0Yy0yMC45ODMtMzEuNjc5LTI3LjI0NS03MC40MDgtNDQuMTA0LTEwNC40MjYtMTYuMjIxLTM1LjY4OS01MS40MTUtMTE5LjQ3MiAxOS42ODQtMTA5Ljg5IDUwLjQ1OSAyNC42NTQgOTUuMDUwLTEzLjM3OSAxNDUuODE5LTE2LjkyOSA0MC4zMTctNS41NjEgODIuMTM3LTQuNjY1IDEyMS4yOTUgNy4yMDEgMTQuOTgzIDMxLjcxNiA1MC42ODYgODIuNTk0IDM4LjcyNiAxMDguMzA1LTQ4LjU2MyA5Ljg2Ny05OS40NzMgMTMuODc5LTE0NS4yMTUgMzMuNjkgMTkuMjczIDQ1LjU5NS01NC45NzQgNTUuNDY1LTg5Ljk3NiA2OC44NC0xNS4zNDEgNC42MzctMzAuNzY1IDguOTk4LTQ2LjIyOSAxMy4yMDh6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwNDsiIGQ9Ik02MDcuNzE0IDE2MC44NzNjLTMwLjE4My04NS4wMDItMTIzLjE4Ni0xMTkuOTQ4LTIwMS44MzItMTQ1Ljk0MyA1LjAyMC0xMS4xODYgNzEuMTg2LTE2LjMyNSAxMDAuNzg3LTE3LjMyNiAxMTcuMTE1LTMuMDY3IDIzNC41NDIgNDEuMDg2IDMyMC40OCAxMjAuNzUyLTc0LjgzMSAyLjgzNC0xNDkuNTQ5IDE0Ljc4NC0yMTkuNDM1IDQyLjUxN3oiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlOTA1OyIgZD0iTTU5OC40ODUgMjY4LjUzNGMtNC4xNzQtNDIuNzY0LTI1LjE4OC0xMTUuOTM2IDM0LjAyOC0xMjguNDk0IDU4LjUzNy0xNC41ODEgMTE5LjQzNC0xOC41MTEgMTc3LjA2Ny0zNy4wMjAgNDUuMjAxIDM3LjQ0NyA4My4xNjcgODMuNTk5IDExMS4xMiAxMzUuMjE3LTEwNy45OC0xLjY4MS0yMTkuNDMxLTEwLjIwNC0zMjIuMjE1IDMwLjI5N3oiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlOTA2OyIgZD0iTTYwNy4yMSA2MDAuNzhjMTguOTU5IDIuMjkgMzUuMjM0IDEuODk2IDI4LjI4OC0yMS43MiA1LjkzNS0xNC42NDQtMzYuNjE0LTE0LjYwNy0yOC4yODggMS44NDEgMCA2LjYyNiAwIDEzLjI1MiAwIDE5Ljg3OXoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlOTA3OyIgZD0iTTQ0NC41NDEgNzAyLjk2MmMyMS4wODggMy45NTggMzIuNjU0LTEuNjA0IDI2Ljk1NC0yNC40MzUtNS42NzMtMTEuMDcxLTM3LjY5Ny03LjY1LTI2Ljk1NCAxNC4wMzYgMCAzLjQ2NiAwIDYuOTMzIDAgMTAuMzk5eiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDg7IiBkPSJNNTA0LjUzMiA2ODEuNzhjMTMuNDc4LTMuMjk4IDQzLjIzNiA5LjY4MiAzNi43NTUtMTMuNTc1IDYuMjU0LTIzLjAzMC03LjA1Ny0yNi40OTYtMjcuMTUtMjMuMTgtMTguNTY3LTUuNDk2LTUuODcxIDI2LjUyNy05LjYwNSAzNi43NTV6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwOTsiIGQ9Ik01MDIuNTM5IDQxNy40MjZjMTguNzg2IDAgMzcuNTcyIDAgNTYuMzU4IDAgMC0xOC43ODYgMC0zNy41NzIgMC01Ni4zNTgtMTguNzg2IDAtMzcuNTcyIDAtNTYuMzU4IDAgMCAxOC43ODYgMCAzNy41NzIgMCA1Ni4zNTh6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwYTsiIGQ9Ik01MDguODU2IDYzMC4xNTdjMTMuNDc4LTMuMjk4IDQzLjIzNiA5LjY4MiAzNi43NTUtMTMuNTc1IDYuMjU0LTIzLjAzMC03LjA1Ny0yNi40OTYtMjcuMTUtMjMuMTgtMTguNTY3LTUuNDk2LTUuODcxIDI2LjUyNy05LjYwNSAzNi43NTV6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwYjsiIGQ9Ik01NjkuMTAzIDQ3NC4xNGMxOC45NyAxLjkyOSAzNi40OTIgMi40MDkgMjkuNDA0LTIxLjcyIDYuODk0LTE1LjkzMi0zNy4yMzUtMTUuODMzLTI5LjQwNCAwLjcyNSAwIDYuOTk4IDAgMTMuOTk2IDAgMjAuOTk0eiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MGM7IiBkPSJNNjI3LjA4NyA1MzEuNDAzYzE5LjM1IDcuODY5IDI5LjQwOC05LjU4MiAxOS4zMzgtMjIuMDUzLTIxLjU4My00LjE0Ny0yMC44MDEgMy4zODctMTkuMzM4IDIyLjA1M3oiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlOTBkOyIgZD0iTTU0Ny42MjcgNTI1LjIzMWMxMy40NzgtMy4yOTggNDMuMjM2IDkuNjgyIDM2Ljc1NS0xMy41NzUgNi4yNTQtMjMuMDMwLTcuMDU3LTI2LjQ5Ni0yNy4xNS0yMy4xOC0xOC41NjctNS40OTYtNS44NzEgMjYuNTI3LTkuNjA1IDM2Ljc1NXoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlOTBlOyIgZD0iTTQwMy44MDIgMzM1LjAyNGMxNC40MjYtMS45OTggMzYuNzMgMy44ODIgNDYuNTU2LTIuNzE1LTIuMDIwLTE0LjMxNSAzLjkxMy0zNi41ODQtMi43MTUtNDYuMjkyLTEyLjg3OSAzLjU0NS00MC4wMTctNy4xNjktNDMuODQxIDUuNDMgMCAxNC41MjYgMCAyOS4wNTEgMCA0My41Nzd6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwZjsiIGQ9Ik00NDcuOTA3IDQwNi4wODRjMTYuODM2LTAuMTE3IDM5LjY3NyA1Ljc3IDMxLjg1NC0xOS4wMDUgNy44Mi0yNC4zNTUtMTYuMDgwLTE2Ljk5LTMxLjg1NC0xNy43NSAwIDEyLjI1MiAwIDI0LjUwMyAwIDM2Ljc1NXoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlOTEwOyIgZD0iTTUxNS4yOTEgNDY4LjU2N2MtMTguOTcxIDEuODk0LTM2LjYxMiAyLjQ1OS0yOS41MS0yMS43Mi0yLjUzOC0xMi45OSAzOS42MjctMTMuMzc0IDI5LjUxIDUuODkxIDAgNS4yNzYgMCAxMC41NTMgMCAxNS44Mjl6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkxMTsiIGQ9Ik01NzguNDg2IDU3Mi44NjZjMjEuMjMyIDQuOTIgMjkuNDY5LTMuMTU2IDI0LjUwMy0yNC40MzUtMTMuMTA0LTguNTMyLTMyLjk1NS0yLjEwNi0yNC41MDMgMTkuMjAxdjUuMjM0eiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MTI7IiBkPSJNNjAxLjQ3MSA2NDEuNjg5Yy0xOC45NzEgMS44OTQtMzYuNjEyIDIuNDU5LTI5LjUxLTIxLjcyLTIuNTM4LTEyLjk5IDM5LjYyNy0xMy4zNzQgMjkuNTEgNS44OTEgMCA1LjI3NiAwIDEwLjU1MyAwIDE1LjgyOXoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlOTE1OyIgZ2x5cGgtbmFtZT0iZGlhc3BvcmEiIGhvcml6LWFkdi14PSIxMDY0IiBkPSJNNjcwLjEgMjIuMTA5Yy0yOC42OTIgNDAuMDQ2LTczLjQ1OSAxMDIuNTcxLTk5LjQ4MiAxMzguOTQ1LTI2LjU3OSAzNy4xNTEtNDguMjAyIDY2LjE0Ni00OS4zNCA2Ni4xNjEtMS4xNjkgMC4wMTUtNDIuOTg2LTU2LjE5Ni05OC45MTItMTMyLjk2MS01My4yODgtNzMuMTQzLTk3LjMzLTEzMi45ODctOTcuODcyLTEzMi45ODctMS41MTYgMC0xOTIuMTE0IDEzNC4yNS0xOTIuNjA1IDEzNS42NjMtMC4yMzcgMC42ODQgNDIuODUgNjMuOTM1IDk1Ljc1MSAxNDAuNTU5czk2LjE4MiAxNDAuNTIzIDk2LjE4MiAxNDEuOTk5YzAgMi4zOC0xNy4xNDIgOC4zOTgtMTUxLjYwNSA1My4yMjYtODMuMzgzIDI3Ljc5OC0xNTIuNDIyIDUwLjg2MS0xNTMuNDIgNTEuMjUxLTEuMzg4IDAuNTQyIDYuNTUgMjcuMTAzIDMzLjc4MyAxMTMuMDMyIDE5LjU3OCA2MS43NzggMzYuMDQwIDExMi44MjggMzYuNTgxIDExMy40NDRzNzMuMDExLTIyLjU3NCAxNjEuMDQzLTUxLjUzNGM4OC4wMzMtMjguOTYgMTYwLjc5Ni01Mi42NTQgMTYxLjY5Ni01Mi42NTNzMS45MTkgMS4zNDggMi4yNjMgMi45OTRjMC4zNDQgMS42NDYgMS4xMDQgNzYuNjAxIDEuNjg4IDE2Ni41NjZzMS41NDYgMTY0LjMyMiAyLjEzNyAxNjUuMjM2YzAuODQ3IDEuMzA5IDI1LjU3NiAxLjY1OCAxMTYuMzY0IDEuNjQyIDYzLjQwOC0wLjAxMSAxMTUuOTQ4LTAuNDYgMTE2Ljc1Ni0wLjk5NyAxLjAxOC0wLjY3NyAyLjc1Ny01MC4xMzggNS42Ny0xNjEuMjI2IDQuNzgzLTE4Mi40MDggNC44ODYtMTg0Ljg1MiA3Ljc5NS0xODQuODUyIDEuMTI4IDAgNzAuODk2IDIzLjM1MyAxNTUuMDQxIDUxLjg5NnMxNTMuNCA1MS40MzMgMTUzLjkwMSA1MC44NjhjMS43LTEuOTE4IDcwLjcxNS0yMjYuNjAyIDY5Ljg2NS0yMjcuNDUxLTAuNDY0LTAuNDY0LTcwLjY5LTI0LjUxNC0xNTYuMDU2LTUzLjQ0NC0xMTcuNDMyLTM5Ljc5Ny0xNTUuMzE1LTUzLjE0My0xNTUuNjMzLTU0LjgyNy0wLjIzNS0xLjI0NCA0MC4xNDktNjEuNTk0IDkxLjQ5OS0xMzYuNzM3IDUwLjU1NS03My45ODEgOTEuNzMzLTEzNS4wNjIgOTEuNTA3LTEzNS43MzctMC41MjEtMS41NDktMTg5LjY4MS0xNDAuODg0LTE5MS4yNjMtMTQwLjg4NC0wLjY0MiAwLTI0LjY0MyAzMi43NjUtNTMuMzM1IDcyLjgxeiIgLz4KPC9mb250PjwvZGVmcz48L3N2Zz4=) format("svg");
  font-weight: normal;
  font-style: normal; }

.cion, .cesiumicons,
.ion-social-duniter:before,
.ion-social-diaspora:before,
.ion-office:before,
.ion-library:before {
  display: inline-block;
  font-family: "Cesiumicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ion-social-duniter:before {
  content: ""; }

.ion-social-diaspora:before {
  content: ""; }

.ion-office:before {
  content: ""; }

.ion-library:before {
  content: ""; }

.digit-keyboard {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  font-size: 24px;
  z-index: 5000;
  /*
	 * Keyboard color styles
	 */ }
  .digit-keyboard * {
    box-sizing: border-box; }
  .digit-keyboard .digit-keyboard-row {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #333; }
    .digit-keyboard .digit-keyboard-row .digit-keyboard-key-wrapper {
      flex: 1;
      text-align: center;
      position: relative;
      height: 60px; }
      .digit-keyboard .digit-keyboard-row .digit-keyboard-key-wrapper .digit-keyboard-key {
        display: block;
        margin: 0 auto;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        border-right: 1px solid #333;
        border-left: 1px solid #333;
        line-height: 60px;
        -webkit-transition: background-color 100ms linear;
        -moz-transition: background-color 100ms linear;
        -o-transition: background-color 100ms linear;
        -ms-transition: background-color 100ms linear;
        transition: background-color 100ms linear;
        /*&.activated {
					//background: $dk-btn-click-bg-color;
					
					.digit-keyboard-key-number {
						//color: $dk-btn-click-text-color;
					}
				}*/ }
        .digit-keyboard .digit-keyboard-row .digit-keyboard-key-wrapper .digit-keyboard-key .digit-keyboard-key-number {
          font-size: 1em;
          vertical-align: middle;
          display: inline-block;
          line-height: normal;
          text-align: center;
          margin-top: -0.40em; }
          .digit-keyboard .digit-keyboard-row .digit-keyboard-key-wrapper .digit-keyboard-key .digit-keyboard-key-number .digit-keyboard-key-letters {
            font-size: 9.6px;
            line-height: 9.6px;
            height: 9.6px;
            margin-top: -0.25em; }
            .digit-keyboard .digit-keyboard-row .digit-keyboard-key-wrapper .digit-keyboard-key .digit-keyboard-key-number .digit-keyboard-key-letters.hidden {
              visibility: hidden; }
        .digit-keyboard .digit-keyboard-row .digit-keyboard-key-wrapper .digit-keyboard-key .digit-keyboard-key-action {
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          line-height: 60px;
          font-size: 24px; }
      .digit-keyboard .digit-keyboard-row .digit-keyboard-key-wrapper.hidden {
        visibility: hidden; }
      .digit-keyboard .digit-keyboard-row .digit-keyboard-key-wrapper:first-child .digit-keyboard-key {
        border-right: none; }
      .digit-keyboard .digit-keyboard-row .digit-keyboard-key-wrapper:last-child .digit-keyboard-key {
        border-left: none; }
    .digit-keyboard .digit-keyboard-row:first-child {
      border-top: 1px solid #333; }
    .digit-keyboard .digit-keyboard-row:last-child {
      border: none; }
      .digit-keyboard .digit-keyboard-row:last-child .digit-keyboard-key-wrapper .digit-keyboard-key {
        border-bottom: 1px solid #333; }
  .digit-keyboard.align-center {
    margin: 0 auto; }
  .digit-keyboard.align-left {
    margin-right: auto; }
  .digit-keyboard.align-right {
    margin-left: auto; }
  .digit-keyboard.no-letters .digit-keyboard-row .digit-keyboard-key-wrapper .digit-keyboard-key .digit-keyboard-key-number {
    margin-top: -0.30em; }
    .digit-keyboard.no-letters .digit-keyboard-row .digit-keyboard-key-wrapper .digit-keyboard-key .digit-keyboard-key-number .digit-keyboard-key-letters {
      display: none; }
  .digit-keyboard.round-buttons .digit-keyboard-row {
    border: none; }
    .digit-keyboard.round-buttons .digit-keyboard-row .digit-keyboard-key-wrapper {
      margin: 10px 0 0 0; }
      .digit-keyboard.round-buttons .digit-keyboard-row .digit-keyboard-key-wrapper .digit-keyboard-key {
        width: 60px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        border: 1px solid #333; }
    .digit-keyboard.round-buttons .digit-keyboard-row:last-child .digit-keyboard-key-wrapper {
      margin-bottom: 10px; }
  .digit-keyboard.round-buttons.no-letters .digit-keyboard-row .digit-keyboard-key-wrapper .digit-keyboard-key .digit-keyboard-key-number {
    height: 57.6px;
    line-height: 57.6px; }
  .digit-keyboard.keyboard-light * {
    border-color: #e6e6e6 !important; }
  .digit-keyboard.keyboard-light .digit-keyboard-key {
    background: #fff;
    color: #444; }
    .digit-keyboard.keyboard-light .digit-keyboard-key.activated {
      background: #e6e6e6; }
  .digit-keyboard.keyboard-stable * {
    border-color: #dfdfdf !important; }
  .digit-keyboard.keyboard-stable .digit-keyboard-key {
    background: #f8f8f8;
    color: #444; }
    .digit-keyboard.keyboard-stable .digit-keyboard-key.activated {
      background: #dfdfdf; }
  .digit-keyboard.keyboard-positive * {
    border-color: #0c60ee !important; }
  .digit-keyboard.keyboard-positive .digit-keyboard-key {
    background: #387ef5;
    color: #fff; }
    .digit-keyboard.keyboard-positive .digit-keyboard-key.activated {
      background: #0c60ee; }
  .digit-keyboard.keyboard-calm * {
    border-color: #0a9dc7 !important; }
  .digit-keyboard.keyboard-calm .digit-keyboard-key {
    background: #11c1f3;
    color: #fff; }
    .digit-keyboard.keyboard-calm .digit-keyboard-key.activated {
      background: #0a9dc7; }
  .digit-keyboard.keyboard-balanced * {
    border-color: #28a54c !important; }
  .digit-keyboard.keyboard-balanced .digit-keyboard-key {
    background: #33cd5f;
    color: #fff; }
    .digit-keyboard.keyboard-balanced .digit-keyboard-key.activated {
      background: #28a54c; }
  .digit-keyboard.keyboard-energized * {
    border-color: #e6b500 !important; }
  .digit-keyboard.keyboard-energized .digit-keyboard-key {
    background: #ffc900;
    color: #fff; }
    .digit-keyboard.keyboard-energized .digit-keyboard-key.activated {
      background: #e6b500; }
  .digit-keyboard.keyboard-assertive * {
    border-color: #e42112 !important; }
  .digit-keyboard.keyboard-assertive .digit-keyboard-key {
    background: #ef473a;
    color: #fff; }
    .digit-keyboard.keyboard-assertive .digit-keyboard-key.activated {
      background: #e42112; }
  .digit-keyboard.keyboard-royal * {
    border-color: #6b46e5 !important; }
  .digit-keyboard.keyboard-royal .digit-keyboard-key {
    background: #886aea;
    color: #fff; }
    .digit-keyboard.keyboard-royal .digit-keyboard-key.activated {
      background: #6b46e5; }
  .digit-keyboard.keyboard-dark * {
    border-color: #2b2b2b !important; }
  .digit-keyboard.keyboard-dark .digit-keyboard-key {
    background: #444;
    color: #fff; }
    .digit-keyboard.keyboard-dark .digit-keyboard-key.activated {
      background: #2b2b2b; }
  .digit-keyboard.keyboard-opaque-black * {
    border-color: rgba(0, 0, 0, 0.75) !important; }
  .digit-keyboard.keyboard-opaque-black .digit-keyboard-key {
    background: rgba(0, 0, 0, 0.15);
    color: rgba(0, 0, 0, 0.75); }
    .digit-keyboard.keyboard-opaque-black .digit-keyboard-key.activated {
      background: rgba(0, 0, 0, 0.25); }
  .digit-keyboard.keyboard-opaque-white * {
    border-color: rgba(255, 255, 255, 0.75) !important; }
  .digit-keyboard.keyboard-opaque-white .digit-keyboard-key {
    background: rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.75); }
    .digit-keyboard.keyboard-opaque-white .digit-keyboard-key.activated {
      background: rgba(255, 255, 255, 0.25); }
  .digit-keyboard.animation-slide-up {
    -webkit-transition: transform linear 150ms;
    transition: transform linear 150ms;
    transform: translate3d(0, 0, 0); }
  .digit-keyboard.animation-slide-up.ng-hide {
    transform: translate3d(0, 100%, 0); }
  .digit-keyboard.animation-pop {
    -webkit-transition: transform linear 150ms;
    transition: transform linear 150ms;
    transform: scale3d(1, 1, 1); }
  .digit-keyboard.animation-pop.ng-hide {
    transform: scale3d(0, 0, 1); }

@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px; }
  .item .badge {
    right: 16px; } }

@media screen and (max-width: 767px) {
  .hidden-xs {
    display: none !important;
    visibility: hidden !important; }
  .badge {
    text-overflow: ellipsis !important;
    white-space: nowrap;
    overflow: hidden !important;
    max-width: 300px !important;
    display: block !important; }
  .badge:empty {
    display: none !important; }
  .item .badge {
    right: 16px; }
  .padding-top-xs {
    padding-top: 10px; } }

@media screen and (min-width: 768px) {
  .hidden-xs {
    display: inherit;
    visibility: visible; }
  .row.hidden-xs {
    display: flex !important; }
  .button.hidden-xs {
    display: inline-block; }
  .item-toggle .toggle {
    right: 32px; } }

@media screen and (max-width: 767px) {
  .visible-xs {
    display: inherit !important;
    visibility: visible !important; }
  .button.visible-xs {
    display: inline-block !important; } }

@media screen and (min-width: 768px) {
  .visible-xs {
    display: none !important;
    visibility: hidden !important; } }

@media screen and (max-width: 767px) {
  .padding-xs {
    padding: 16px !important; }
  .no-padding-xs {
    padding: 0 !important; }
  .no-margin-xs {
    margin: 0 !important; } }

@media screen and (min-width: 768px) {
  .padding-xs {
    padding: inherit; }
  .no-padding-xs {
    padding: inherit; }
  .no-margin-xs {
    margin: inherit; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .hidden-sm,
  .row.hidden-sm,
  .row-header.hidden-sm {
    display: none !important;
    visibility: hidden !important; }
  .badge {
    text-overflow: ellipsis !important;
    white-space: nowrap;
    overflow: hidden !important;
    max-width: 400px !important;
    display: inline-block !important; }
  .badge:empty {
    display: none !important; }
  .padding-sm {
    padding: 16px !important; }
  .no-padding-sm {
    padding: 0 !important; }
  .no-margin-sm {
    margin: 0 !important; } }

@media screen and (min-width: 768px) {
  .item-toggle .toggle {
    right: 32px; } }

@media screen and (min-width: 992px) {
  .hidden-sm {
    display: inherit;
    visibility: visible; }
  .row.hidden-sm {
    display: flex !important; }
  .button.hidden-sm {
    display: flex; }
  .pull-right .button.hidden-sm, .popover-helptip .icon.icon-right .button.hidden-sm, .popover-helptip .icon-right.icon-help .button.hidden-sm, .popover-helptip .icon-right.icon-alert .button.hidden-sm, .popover-helptip #menu .footer .icon-right.icon-help .button.hidden-sm, #menu .footer .popover-helptip .icon-right.icon-help .button.hidden-sm, .popover-helptip .icon.icon-center .button.hidden-sm, .popover-helptip .icon-center.icon-help .button.hidden-sm, .popover-helptip .icon-center.icon-alert .button.hidden-sm, .popover-helptip #menu .footer .icon-center.icon-help .button.hidden-sm, #menu .footer .popover-helptip .icon-center.icon-help .button.hidden-sm, .popover-helptip .icon.icon-bottom-right .button.hidden-sm, .popover-helptip .icon-bottom-right.icon-help .button.hidden-sm, .popover-helptip .icon-bottom-right.icon-alert .button.hidden-sm, .popover-helptip #menu .footer .icon-bottom-right.icon-help .button.hidden-sm, #menu .footer .popover-helptip .icon-bottom-right.icon-help .button.hidden-sm, .popover-helptip .icon.icon-bottom-center .button.hidden-sm, .popover-helptip .icon-bottom-center.icon-help .button.hidden-sm, .popover-helptip .icon-bottom-center.icon-alert .button.hidden-sm, .popover-helptip #menu .footer .icon-bottom-center.icon-help .button.hidden-sm, #menu .footer .popover-helptip .icon-bottom-center.icon-help .button.hidden-sm,
  .pull-left .button.hidden-sm,
  .popover-helptip .icon.icon-left .button.hidden-sm,
  .popover-helptip .icon-left.icon-help .button.hidden-sm,
  .popover-helptip .icon-left.icon-alert .button.hidden-sm,
  .popover-helptip #menu .footer .icon-left.icon-help .button.hidden-sm,
  #menu .footer .popover-helptip .icon-left.icon-help .button.hidden-sm,
  .popover-helptip .icon.icon-bottom-left .button.hidden-sm,
  .popover-helptip .icon-bottom-left.icon-help .button.hidden-sm,
  .popover-helptip .icon-bottom-left.icon-alert .button.hidden-sm,
  .popover-helptip #menu .footer .icon-bottom-left.icon-help .button.hidden-sm,
  #menu .footer .popover-helptip .icon-bottom-left.icon-help .button.hidden-sm {
    display: inline-block; } }

@media screen and (max-width: 767px) {
  .hidden-sm {
    display: inherit;
    visibility: visible; } }

@media screen and (max-width: 991px) {
  .visible-sm {
    display: inherit !important;
    visibility: visible !important; }
  .button.visible-sm {
    display: inline-block !important; } }

@media screen and (min-width: 992px) {
  .visible-sm {
    display: none;
    visibility: hidden; } }

@media screen and (max-width: 767px) {
  .visible-sm {
    display: none;
    visibility: hidden; } }

@media screen and (max-width: 991px) {
  body {
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEbSURBVDiNndMxK4ZRGMbx3zmRMrwvM2XCQFFik/IJpCw+hJLPgfIhLBY+gEEGJQPFwGZg9TIoBrfhOfSQHl7XeM7/fw3nvk+KCPWklEawgGlMlOMrnOMoIm6/8B8FKaWMFazhGQ94LFwbg+jHDvYi4u2zIKWUsIk5XNfE72ljHKfYiIjI5WIZMzhrkJW7s8IuQ8IwdnGDpwa5nhbGsJqxiNcuZIV9xWJWvXY3cr1kOmMSnX8UdDCZEb+RDYmMS9WMu80gLrNqw1r/KGjhPOMQvaol+Wva6MFhjoh7bGEUuVGrkgu7HRH3H8IBTjCLgQZ5oDAnxfnymRKWsI4X1Zw7NbGFPmxjP4qYfvjOQ5jHlGpHqCZ1geOIuKvz76QSW1T3cwmnAAAAAElFTkSuQmCC), auto; } }

@media screen and (min-width: 992px) {
  body {
    cursor: inherit; } }

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
    visibility: hidden !important; }
  .badge {
    text-overflow: ellipsis !important;
    white-space: nowrap;
    overflow: hidden !important;
    max-width: 400px !important;
    display: block !important; }
  .badge:empty {
    display: none !important; } }

@media screen and (min-width: 1200px) {
  .hidden-md {
    display: inherit;
    visibility: visible; } }

@media screen and (max-width: 991px) {
  .hidden-md {
    display: inherit;
    visibility: visible; } }

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: inherit !important;
    visibility: visible !important; } }

@media screen and (min-width: 1200px) {
  .visible-md {
    display: none;
    visibility: hidden; } }

@media screen and (max-width: 991px) {
  .visible-md {
    display: none;
    visibility: hidden; } }

@media screen and (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
    visibility: hidden !important; }
  .visible-lg {
    display: inherit !important;
    visibility: visible !important; }
  .badge {
    text-overflow: ellipsis !important;
    white-space: nowrap;
    overflow: hidden !important;
    max-width: 450px !important;
    display: block !important; }
  .badge:empty {
    display: none !important; } }

@media screen and (max-width: 1199px) {
  .hidden-lg {
    display: inherit;
    visibility: visible; } }

@media screen and (max-width: 1199px) {
  .visible-lg {
    display: none;
    visibility: hidden; } }

@media screen and (max-width: 768px) {
  .no-padding-xs {
    padding: inherit; } }

@media screen and (max-width: 767px) {
  .no-margin-xs {
    margin: 0 !important; } }

@media screen and (min-width: 992px) {
  html, body, .scroll, .disable-user-behavior {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
    -webkit-touch-callout: default !important;
    -webkit-tap-highlight-color: #387ef5;
    -webkit-user-drag: none !important;
    touch-action: auto !important;
    -ms-touch-action: auto !important;
    -ms-content-zooming: none !important; } }

/* ============
 Left menu
=============== */
@media screen and (max-width: 844px) {
  .hidden-nomenu {
    display: none !important;
    visibility: hidden !important; }
  .visible-nomenu {
    display: inherit !important;
    visibility: visible !important; } }

@media screen and (min-width: 845px) {
  .hidden-nomenu {
    display: inherit;
    visibility: visible; }
  .visible-nomenu {
    display: none !important;
    visibility: hidden !important; } }

@media screen and (min-width: 845px) {
  .hidden-menu {
    display: none !important;
    visibility: hidden !important; }
  .visible-menu {
    display: inherit !important;
    visibility: visible !important; } }

@media screen and (max-width: 844px) {
  .hidden-menu {
    display: inherit;
    visibility: visible; }
  .visible-menu {
    display: none;
    visibility: hidden; } }

/**********
   Fix or extend generic CSS
**********/
html, body {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.item.item-icon-right.item-select select,
.item.item-icon-right .item-select select {
  right: 48px;
  padding: 0 20px 0 16px; }

.item.item-icon-right.item-select:after,
.item.item-icon-right .item-select:after {
  right: 56px; }

/**********
   Unit popover
**********/
.popover-unit .item.selected,
#unitPopover .item.selected {
  background-color: #f8f8f8; }

/**********
   Share popover
**********/
@media (max-width: 767px) {
  .popover-share {
    width: auto; } }

.ios ion-content {
  pointer-events: auto; }

.popover-share {
  height: 110px; }
  .popover-share .bar {
    box-shadow: none !important; }
  .popover-share .bar-header {
    height: 20px; }
    .popover-share .bar-header .title {
      font-size: 12px;
      font-weight: bold;
      height: 20px;
      line-height: 19px;
      max-width: 260px;
      margin: 0 5px;
      text-align: left; }
    .popover-share .bar-header span {
      font-size: 10px;
      height: 20px;
      position: absolute;
      right: 0;
      top: 0;
      margin: 0 5px;
      display: block; }
  .popover-share .has-header {
    top: 20px; }
  .popover-share .has-footer {
    bottom: 40px; }
  .popover-share .bar-footer {
    color: #387ef5;
    height: 40px; }
    .popover-share .bar-footer .button-icon {
      padding: 0 5px; }
    .popover-share .bar-footer .button-close {
      position: absolute;
      right: 0;
      bottom: 0; }
  .popover-share .item {
    padding: 5px; }
    .popover-share .item input {
      border: 1px solid grey;
      border-radius: 3px;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3); }
    .popover-share .item input:focus {
      border-color: #387ef5;
      outline: 0;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 8px #08c; }
  .popover-share .list .item {
    border-bottom: 0 !important; }

/**********
   Notifications popover
**********/
.popover-light,
.popover-notification {
  /* use for invitation buttons */ }
  .popover-light .bar-header, .popover-light .bar-footer,
  .popover-notification .bar-header,
  .popover-notification .bar-footer {
    height: 30px; }
    .popover-light .bar-header .title, .popover-light .bar-footer .title,
    .popover-notification .bar-header .title,
    .popover-notification .bar-footer .title {
      color: black;
      text-align: left;
      left: 0 !important;
      font-size: 14px;
      line-height: 30px; }
    .popover-light .bar-header .pull-right, .popover-light .bar-header .popover-helptip .icon.icon-right, .popover-helptip .popover-light .bar-header .icon.icon-right, .popover-light .bar-header .popover-helptip .icon-right.icon-help, .popover-helptip .popover-light .bar-header .icon-right.icon-help, .popover-light .bar-header .popover-helptip .icon-right.icon-alert, .popover-helptip .popover-light .bar-header .icon-right.icon-alert, .popover-light .bar-header .popover-helptip #menu .footer .icon-right.icon-help, .popover-helptip #menu .footer .popover-light .bar-header .icon-right.icon-help, .popover-light .bar-header #menu .footer .popover-helptip .icon-right.icon-help, #menu .footer .popover-helptip .popover-light .bar-header .icon-right.icon-help, .popover-light .bar-header .popover-helptip .icon.icon-center, .popover-helptip .popover-light .bar-header .icon.icon-center, .popover-light .bar-header .popover-helptip .icon-center.icon-help, .popover-helptip .popover-light .bar-header .icon-center.icon-help, .popover-light .bar-header .popover-helptip .icon-center.icon-alert, .popover-helptip .popover-light .bar-header .icon-center.icon-alert, .popover-light .bar-header .popover-helptip #menu .footer .icon-center.icon-help, .popover-helptip #menu .footer .popover-light .bar-header .icon-center.icon-help, .popover-light .bar-header #menu .footer .popover-helptip .icon-center.icon-help, #menu .footer .popover-helptip .popover-light .bar-header .icon-center.icon-help, .popover-light .bar-header .popover-helptip .icon.icon-bottom-right, .popover-helptip .popover-light .bar-header .icon.icon-bottom-right, .popover-light .bar-header .popover-helptip .icon-bottom-right.icon-help, .popover-helptip .popover-light .bar-header .icon-bottom-right.icon-help, .popover-light .bar-header .popover-helptip .icon-bottom-right.icon-alert, .popover-helptip .popover-light .bar-header .icon-bottom-right.icon-alert, .popover-light .bar-header .popover-helptip #menu .footer .icon-bottom-right.icon-help, .popover-helptip #menu .footer .popover-light .bar-header .icon-bottom-right.icon-help, .popover-light .bar-header #menu .footer .popover-helptip .icon-bottom-right.icon-help, #menu .footer .popover-helptip .popover-light .bar-header .icon-bottom-right.icon-help, .popover-light .bar-header .popover-helptip .icon.icon-bottom-center, .popover-helptip .popover-light .bar-header .icon.icon-bottom-center, .popover-light .bar-header .popover-helptip .icon-bottom-center.icon-help, .popover-helptip .popover-light .bar-header .icon-bottom-center.icon-help, .popover-light .bar-header .popover-helptip .icon-bottom-center.icon-alert, .popover-helptip .popover-light .bar-header .icon-bottom-center.icon-alert, .popover-light .bar-header .popover-helptip #menu .footer .icon-bottom-center.icon-help, .popover-helptip #menu .footer .popover-light .bar-header .icon-bottom-center.icon-help, .popover-light .bar-header #menu .footer .popover-helptip .icon-bottom-center.icon-help, #menu .footer .popover-helptip .popover-light .bar-header .icon-bottom-center.icon-help, .popover-light .bar-footer .pull-right, .popover-light .bar-footer .popover-helptip .icon.icon-right, .popover-helptip .popover-light .bar-footer .icon.icon-right, .popover-light .bar-footer .popover-helptip .icon-right.icon-help, .popover-helptip .popover-light .bar-footer .icon-right.icon-help, .popover-light .bar-footer .popover-helptip .icon-right.icon-alert, .popover-helptip .popover-light .bar-footer .icon-right.icon-alert, .popover-light .bar-footer .popover-helptip #menu .footer .icon-right.icon-help, .popover-helptip #menu .footer .popover-light .bar-footer .icon-right.icon-help, .popover-light .bar-footer #menu .footer .popover-helptip .icon-right.icon-help, #menu .footer .popover-helptip .popover-light .bar-footer .icon-right.icon-help, .popover-light .bar-footer .popover-helptip .icon.icon-center, .popover-helptip .popover-light .bar-footer .icon.icon-center, .popover-light .bar-footer .popover-helptip .icon-center.icon-help, .popover-helptip .popover-light .bar-footer .icon-center.icon-help, .popover-light .bar-footer .popover-helptip .icon-center.icon-alert, .popover-helptip .popover-light .bar-footer .icon-center.icon-alert, .popover-light .bar-footer .popover-helptip #menu .footer .icon-center.icon-help, .popover-helptip #menu .footer .popover-light .bar-footer .icon-center.icon-help, .popover-light .bar-footer #menu .footer .popover-helptip .icon-center.icon-help, #menu .footer .popover-helptip .popover-light .bar-footer .icon-center.icon-help, .popover-light .bar-footer .popover-helptip .icon.icon-bottom-right, .popover-helptip .popover-light .bar-footer .icon.icon-bottom-right, .popover-light .bar-footer .popover-helptip .icon-bottom-right.icon-help, .popover-helptip .popover-light .bar-footer .icon-bottom-right.icon-help, .popover-light .bar-footer .popover-helptip .icon-bottom-right.icon-alert, .popover-helptip .popover-light .bar-footer .icon-bottom-right.icon-alert, .popover-light .bar-footer .popover-helptip #menu .footer .icon-bottom-right.icon-help, .popover-helptip #menu .footer .popover-light .bar-footer .icon-bottom-right.icon-help, .popover-light .bar-footer #menu .footer .popover-helptip .icon-bottom-right.icon-help, #menu .footer .popover-helptip .popover-light .bar-footer .icon-bottom-right.icon-help, .popover-light .bar-footer .popover-helptip .icon.icon-bottom-center, .popover-helptip .popover-light .bar-footer .icon.icon-bottom-center, .popover-light .bar-footer .popover-helptip .icon-bottom-center.icon-help, .popover-helptip .popover-light .bar-footer .icon-bottom-center.icon-help, .popover-light .bar-footer .popover-helptip .icon-bottom-center.icon-alert, .popover-helptip .popover-light .bar-footer .icon-bottom-center.icon-alert, .popover-light .bar-footer .popover-helptip #menu .footer .icon-bottom-center.icon-help, .popover-helptip #menu .footer .popover-light .bar-footer .icon-bottom-center.icon-help, .popover-light .bar-footer #menu .footer .popover-helptip .icon-bottom-center.icon-help, #menu .footer .popover-helptip .popover-light .bar-footer .icon-bottom-center.icon-help,
    .popover-notification .bar-header .pull-right,
    .popover-notification .bar-header .popover-helptip .icon.icon-right,
    .popover-helptip .popover-notification .bar-header .icon.icon-right,
    .popover-notification .bar-header .popover-helptip .icon-right.icon-help,
    .popover-helptip .popover-notification .bar-header .icon-right.icon-help,
    .popover-notification .bar-header .popover-helptip .icon-right.icon-alert,
    .popover-helptip .popover-notification .bar-header .icon-right.icon-alert,
    .popover-notification .bar-header .popover-helptip #menu .footer .icon-right.icon-help,
    .popover-helptip #menu .footer .popover-notification .bar-header .icon-right.icon-help,
    .popover-notification .bar-header #menu .footer .popover-helptip .icon-right.icon-help,
    #menu .footer .popover-helptip .popover-notification .bar-header .icon-right.icon-help,
    .popover-notification .bar-header .popover-helptip .icon.icon-center,
    .popover-helptip .popover-notification .bar-header .icon.icon-center,
    .popover-notification .bar-header .popover-helptip .icon-center.icon-help,
    .popover-helptip .popover-notification .bar-header .icon-center.icon-help,
    .popover-notification .bar-header .popover-helptip .icon-center.icon-alert,
    .popover-helptip .popover-notification .bar-header .icon-center.icon-alert,
    .popover-notification .bar-header .popover-helptip #menu .footer .icon-center.icon-help,
    .popover-helptip #menu .footer .popover-notification .bar-header .icon-center.icon-help,
    .popover-notification .bar-header #menu .footer .popover-helptip .icon-center.icon-help,
    #menu .footer .popover-helptip .popover-notification .bar-header .icon-center.icon-help,
    .popover-notification .bar-header .popover-helptip .icon.icon-bottom-right,
    .popover-helptip .popover-notification .bar-header .icon.icon-bottom-right,
    .popover-notification .bar-header .popover-helptip .icon-bottom-right.icon-help,
    .popover-helptip .popover-notification .bar-header .icon-bottom-right.icon-help,
    .popover-notification .bar-header .popover-helptip .icon-bottom-right.icon-alert,
    .popover-helptip .popover-notification .bar-header .icon-bottom-right.icon-alert,
    .popover-notification .bar-header .popover-helptip #menu .footer .icon-bottom-right.icon-help,
    .popover-helptip #menu .footer .popover-notification .bar-header .icon-bottom-right.icon-help,
    .popover-notification .bar-header #menu .footer .popover-helptip .icon-bottom-right.icon-help,
    #menu .footer .popover-helptip .popover-notification .bar-header .icon-bottom-right.icon-help,
    .popover-notification .bar-header .popover-helptip .icon.icon-bottom-center,
    .popover-helptip .popover-notification .bar-header .icon.icon-bottom-center,
    .popover-notification .bar-header .popover-helptip .icon-bottom-center.icon-help,
    .popover-helptip .popover-notification .bar-header .icon-bottom-center.icon-help,
    .popover-notification .bar-header .popover-helptip .icon-bottom-center.icon-alert,
    .popover-helptip .popover-notification .bar-header .icon-bottom-center.icon-alert,
    .popover-notification .bar-header .popover-helptip #menu .footer .icon-bottom-center.icon-help,
    .popover-helptip #menu .footer .popover-notification .bar-header .icon-bottom-center.icon-help,
    .popover-notification .bar-header #menu .footer .popover-helptip .icon-bottom-center.icon-help,
    #menu .footer .popover-helptip .popover-notification .bar-header .icon-bottom-center.icon-help,
    .popover-notification .bar-footer .pull-right,
    .popover-notification .bar-footer .popover-helptip .icon.icon-right,
    .popover-helptip .popover-notification .bar-footer .icon.icon-right,
    .popover-notification .bar-footer .popover-helptip .icon-right.icon-help,
    .popover-helptip .popover-notification .bar-footer .icon-right.icon-help,
    .popover-notification .bar-footer .popover-helptip .icon-right.icon-alert,
    .popover-helptip .popover-notification .bar-footer .icon-right.icon-alert,
    .popover-notification .bar-footer .popover-helptip #menu .footer .icon-right.icon-help,
    .popover-helptip #menu .footer .popover-notification .bar-footer .icon-right.icon-help,
    .popover-notification .bar-footer #menu .footer .popover-helptip .icon-right.icon-help,
    #menu .footer .popover-helptip .popover-notification .bar-footer .icon-right.icon-help,
    .popover-notification .bar-footer .popover-helptip .icon.icon-center,
    .popover-helptip .popover-notification .bar-footer .icon.icon-center,
    .popover-notification .bar-footer .popover-helptip .icon-center.icon-help,
    .popover-helptip .popover-notification .bar-footer .icon-center.icon-help,
    .popover-notification .bar-footer .popover-helptip .icon-center.icon-alert,
    .popover-helptip .popover-notification .bar-footer .icon-center.icon-alert,
    .popover-notification .bar-footer .popover-helptip #menu .footer .icon-center.icon-help,
    .popover-helptip #menu .footer .popover-notification .bar-footer .icon-center.icon-help,
    .popover-notification .bar-footer #menu .footer .popover-helptip .icon-center.icon-help,
    #menu .footer .popover-helptip .popover-notification .bar-footer .icon-center.icon-help,
    .popover-notification .bar-footer .popover-helptip .icon.icon-bottom-right,
    .popover-helptip .popover-notification .bar-footer .icon.icon-bottom-right,
    .popover-notification .bar-footer .popover-helptip .icon-bottom-right.icon-help,
    .popover-helptip .popover-notification .bar-footer .icon-bottom-right.icon-help,
    .popover-notification .bar-footer .popover-helptip .icon-bottom-right.icon-alert,
    .popover-helptip .popover-notification .bar-footer .icon-bottom-right.icon-alert,
    .popover-notification .bar-footer .popover-helptip #menu .footer .icon-bottom-right.icon-help,
    .popover-helptip #menu .footer .popover-notification .bar-footer .icon-bottom-right.icon-help,
    .popover-notification .bar-footer #menu .footer .popover-helptip .icon-bottom-right.icon-help,
    #menu .footer .popover-helptip .popover-notification .bar-footer .icon-bottom-right.icon-help,
    .popover-notification .bar-footer .popover-helptip .icon.icon-bottom-center,
    .popover-helptip .popover-notification .bar-footer .icon.icon-bottom-center,
    .popover-notification .bar-footer .popover-helptip .icon-bottom-center.icon-help,
    .popover-helptip .popover-notification .bar-footer .icon-bottom-center.icon-help,
    .popover-notification .bar-footer .popover-helptip .icon-bottom-center.icon-alert,
    .popover-helptip .popover-notification .bar-footer .icon-bottom-center.icon-alert,
    .popover-notification .bar-footer .popover-helptip #menu .footer .icon-bottom-center.icon-help,
    .popover-helptip #menu .footer .popover-notification .bar-footer .icon-bottom-center.icon-help,
    .popover-notification .bar-footer #menu .footer .popover-helptip .icon-bottom-center.icon-help,
    #menu .footer .popover-helptip .popover-notification .bar-footer .icon-bottom-center.icon-help {
      margin-right: 10px; }
    .popover-light .bar-header .pull-left, .popover-light .bar-header .popover-helptip .icon.icon-left, .popover-helptip .popover-light .bar-header .icon.icon-left, .popover-light .bar-header .popover-helptip .icon-left.icon-help, .popover-helptip .popover-light .bar-header .icon-left.icon-help, .popover-light .bar-header .popover-helptip .icon-left.icon-alert, .popover-helptip .popover-light .bar-header .icon-left.icon-alert, .popover-light .bar-header .popover-helptip #menu .footer .icon-left.icon-help, .popover-helptip #menu .footer .popover-light .bar-header .icon-left.icon-help, .popover-light .bar-header #menu .footer .popover-helptip .icon-left.icon-help, #menu .footer .popover-helptip .popover-light .bar-header .icon-left.icon-help, .popover-light .bar-header .popover-helptip .icon.icon-bottom-left, .popover-helptip .popover-light .bar-header .icon.icon-bottom-left, .popover-light .bar-header .popover-helptip .icon-bottom-left.icon-help, .popover-helptip .popover-light .bar-header .icon-bottom-left.icon-help, .popover-light .bar-header .popover-helptip .icon-bottom-left.icon-alert, .popover-helptip .popover-light .bar-header .icon-bottom-left.icon-alert, .popover-light .bar-header .popover-helptip #menu .footer .icon-bottom-left.icon-help, .popover-helptip #menu .footer .popover-light .bar-header .icon-bottom-left.icon-help, .popover-light .bar-header #menu .footer .popover-helptip .icon-bottom-left.icon-help, #menu .footer .popover-helptip .popover-light .bar-header .icon-bottom-left.icon-help, .popover-light .bar-footer .pull-left, .popover-light .bar-footer .popover-helptip .icon.icon-left, .popover-helptip .popover-light .bar-footer .icon.icon-left, .popover-light .bar-footer .popover-helptip .icon-left.icon-help, .popover-helptip .popover-light .bar-footer .icon-left.icon-help, .popover-light .bar-footer .popover-helptip .icon-left.icon-alert, .popover-helptip .popover-light .bar-footer .icon-left.icon-alert, .popover-light .bar-footer .popover-helptip #menu .footer .icon-left.icon-help, .popover-helptip #menu .footer .popover-light .bar-footer .icon-left.icon-help, .popover-light .bar-footer #menu .footer .popover-helptip .icon-left.icon-help, #menu .footer .popover-helptip .popover-light .bar-footer .icon-left.icon-help, .popover-light .bar-footer .popover-helptip .icon.icon-bottom-left, .popover-helptip .popover-light .bar-footer .icon.icon-bottom-left, .popover-light .bar-footer .popover-helptip .icon-bottom-left.icon-help, .popover-helptip .popover-light .bar-footer .icon-bottom-left.icon-help, .popover-light .bar-footer .popover-helptip .icon-bottom-left.icon-alert, .popover-helptip .popover-light .bar-footer .icon-bottom-left.icon-alert, .popover-light .bar-footer .popover-helptip #menu .footer .icon-bottom-left.icon-help, .popover-helptip #menu .footer .popover-light .bar-footer .icon-bottom-left.icon-help, .popover-light .bar-footer #menu .footer .popover-helptip .icon-bottom-left.icon-help, #menu .footer .popover-helptip .popover-light .bar-footer .icon-bottom-left.icon-help,
    .popover-notification .bar-header .pull-left,
    .popover-notification .bar-header .popover-helptip .icon.icon-left,
    .popover-helptip .popover-notification .bar-header .icon.icon-left,
    .popover-notification .bar-header .popover-helptip .icon-left.icon-help,
    .popover-helptip .popover-notification .bar-header .icon-left.icon-help,
    .popover-notification .bar-header .popover-helptip .icon-left.icon-alert,
    .popover-helptip .popover-notification .bar-header .icon-left.icon-alert,
    .popover-notification .bar-header .popover-helptip #menu .footer .icon-left.icon-help,
    .popover-helptip #menu .footer .popover-notification .bar-header .icon-left.icon-help,
    .popover-notification .bar-header #menu .footer .popover-helptip .icon-left.icon-help,
    #menu .footer .popover-helptip .popover-notification .bar-header .icon-left.icon-help,
    .popover-notification .bar-header .popover-helptip .icon.icon-bottom-left,
    .popover-helptip .popover-notification .bar-header .icon.icon-bottom-left,
    .popover-notification .bar-header .popover-helptip .icon-bottom-left.icon-help,
    .popover-helptip .popover-notification .bar-header .icon-bottom-left.icon-help,
    .popover-notification .bar-header .popover-helptip .icon-bottom-left.icon-alert,
    .popover-helptip .popover-notification .bar-header .icon-bottom-left.icon-alert,
    .popover-notification .bar-header .popover-helptip #menu .footer .icon-bottom-left.icon-help,
    .popover-helptip #menu .footer .popover-notification .bar-header .icon-bottom-left.icon-help,
    .popover-notification .bar-header #menu .footer .popover-helptip .icon-bottom-left.icon-help,
    #menu .footer .popover-helptip .popover-notification .bar-header .icon-bottom-left.icon-help,
    .popover-notification .bar-footer .pull-left,
    .popover-notification .bar-footer .popover-helptip .icon.icon-left,
    .popover-helptip .popover-notification .bar-footer .icon.icon-left,
    .popover-notification .bar-footer .popover-helptip .icon-left.icon-help,
    .popover-helptip .popover-notification .bar-footer .icon-left.icon-help,
    .popover-notification .bar-footer .popover-helptip .icon-left.icon-alert,
    .popover-helptip .popover-notification .bar-footer .icon-left.icon-alert,
    .popover-notification .bar-footer .popover-helptip #menu .footer .icon-left.icon-help,
    .popover-helptip #menu .footer .popover-notification .bar-footer .icon-left.icon-help,
    .popover-notification .bar-footer #menu .footer .popover-helptip .icon-left.icon-help,
    #menu .footer .popover-helptip .popover-notification .bar-footer .icon-left.icon-help,
    .popover-notification .bar-footer .popover-helptip .icon.icon-bottom-left,
    .popover-helptip .popover-notification .bar-footer .icon.icon-bottom-left,
    .popover-notification .bar-footer .popover-helptip .icon-bottom-left.icon-help,
    .popover-helptip .popover-notification .bar-footer .icon-bottom-left.icon-help,
    .popover-notification .bar-footer .popover-helptip .icon-bottom-left.icon-alert,
    .popover-helptip .popover-notification .bar-footer .icon-bottom-left.icon-alert,
    .popover-notification .bar-footer .popover-helptip #menu .footer .icon-bottom-left.icon-help,
    .popover-helptip #menu .footer .popover-notification .bar-footer .icon-bottom-left.icon-help,
    .popover-notification .bar-footer #menu .footer .popover-helptip .icon-bottom-left.icon-help,
    #menu .footer .popover-helptip .popover-notification .bar-footer .icon-bottom-left.icon-help {
      margin-left: 10px; }
    .popover-light .bar-header a, .popover-light .bar-footer a,
    .popover-notification .bar-header a,
    .popover-notification .bar-footer a {
      font-size: 14px;
      text-decoration: none;
      line-height: 30px; }
  .popover-light .has-footer,
  .popover-notification .has-footer {
    bottom: 28px; }
  .popover-light .has-header,
  .popover-notification .has-header {
    top: 30px; }
  .popover-light .item.unread,
  .popover-notification .item.unread {
    background-color: #ecf0f7 !important;
    border-color: #dddfe2 !important; }
  .popover-light .item-avatar,
  .popover-notification .item-avatar {
    padding-top: 12px;
    padding-bottom: 8px;
    padding-left: 76px;
    padding-right: 10px;
    min-height: 80px !important; }
    .popover-light .item-avatar h4 i.icon, .popover-light .item-avatar h4 i.icon-help, .popover-light .item-avatar h4 i.icon-alert, .popover-light .item-avatar h4 #menu .footer i.icon-help, #menu .footer .popover-light .item-avatar h4 i.icon-help,
    .popover-notification .item-avatar h4 i.icon,
    .popover-notification .item-avatar h4 i.icon-help,
    .popover-notification .item-avatar h4 i.icon-alert,
    .popover-notification .item-avatar h4 #menu .footer i.icon-help,
    #menu .footer .popover-notification .item-avatar h4 i.icon-help {
      font-size: 18px !important;
      line-height: 12px !important;
      vertical-align: middle !important; }
  .popover-light .item-avatar > img:first-child,
  .popover-light .item-avatar .item-image,
  .popover-light .item-avatar .item-content > img:first-child,
  .popover-light .item-avatar .item-content .item-image,
  .popover-notification .item-avatar > img:first-child,
  .popover-notification .item-avatar .item-image,
  .popover-notification .item-avatar .item-content > img:first-child,
  .popover-notification .item-avatar .item-content .item-image {
    top: 12px;
    left: 10px; }
  .popover-light .button.button-small,
  .popover-notification .button.button-small {
    height: 30px;
    font-size: 12px;
    padding: 0 5px !important;
    line-height: 30px; }

/**********
   Unit popover
**********/
.popover-unit {
  height: 108px;
  max-width: 115px; }

/**********
   Notifications view
**********/
.view-notification .item.unread {
  background-color: #ecf0f7 !important;
  border-color: #dddfe2 !important; }

.view-notification ion-item h4 i.icon, .view-notification ion-item h4 i.icon-help, .view-notification ion-item h4 i.icon-alert, .view-notification ion-item h4 #menu .footer i.icon-help, #menu .footer .view-notification ion-item h4 i.icon-help {
  font-size: 18px !important;
  line-height: 12px !important;
  vertical-align: middle !important; }

/* ============
 Buttons
=============== */
.bar.bar-header .button.button-clear.button-icon.ion-android-more-vertical, .bar.bar-header .button.button-icon.ion-android-more-vertical.button-text,
.bar.bar-header .button.button-clear.button-icon i.ion-android-more-vertical,
.bar.bar-header .button.button-icon.button-text i.ion-android-more-vertical {
  padding-left: 8px;
  padding-right: 8px; }

.bar.bar-header .buttons .secondary-buttons >
.button.button-clear.button-icon.ion-android-more-vertical:first-child, .bar.bar-header .buttons .secondary-buttons >
.button.button-icon.ion-android-more-vertical.button-text:first-child {
  padding-left: 0 !important; }


.bar .buttons.pull-right,
.bar .popover-helptip .buttons.icon.icon-right,
.popover-helptip .bar .buttons.icon.icon-right,
.bar .popover-helptip .buttons.icon-right.icon-help,
.popover-helptip .bar .buttons.icon-right.icon-help,
.bar .popover-helptip .buttons.icon-right.icon-alert,
.popover-helptip .bar .buttons.icon-right.icon-alert,
.bar .popover-helptip #menu .footer .buttons.icon-right.icon-help,
.popover-helptip #menu .footer .bar .buttons.icon-right.icon-help,
.bar #menu .footer .popover-helptip .buttons.icon-right.icon-help,
#menu .footer .popover-helptip .bar .buttons.icon-right.icon-help,
.bar .popover-helptip .buttons.icon.icon-center,
.popover-helptip .bar .buttons.icon.icon-center,
.bar .popover-helptip .buttons.icon-center.icon-help,
.popover-helptip .bar .buttons.icon-center.icon-help,
.bar .popover-helptip .buttons.icon-center.icon-alert,
.popover-helptip .bar .buttons.icon-center.icon-alert,
.bar .popover-helptip #menu .footer .buttons.icon-center.icon-help,
.popover-helptip #menu .footer .bar .buttons.icon-center.icon-help,
.bar #menu .footer .popover-helptip .buttons.icon-center.icon-help,
#menu .footer .popover-helptip .bar .buttons.icon-center.icon-help,
.bar .popover-helptip .buttons.icon.icon-bottom-right,
.popover-helptip .bar .buttons.icon.icon-bottom-right,
.bar .popover-helptip .buttons.icon-bottom-right.icon-help,
.popover-helptip .bar .buttons.icon-bottom-right.icon-help,
.bar .popover-helptip .buttons.icon-bottom-right.icon-alert,
.popover-helptip .bar .buttons.icon-bottom-right.icon-alert,
.bar .popover-helptip #menu .footer .buttons.icon-bottom-right.icon-help,
.popover-helptip #menu .footer .bar .buttons.icon-bottom-right.icon-help,
.bar #menu .footer .popover-helptip .buttons.icon-bottom-right.icon-help,
#menu .footer .popover-helptip .bar .buttons.icon-bottom-right.icon-help,
.bar .popover-helptip .buttons.icon.icon-bottom-center,
.popover-helptip .bar .buttons.icon.icon-bottom-center,
.bar .popover-helptip .buttons.icon-bottom-center.icon-help,
.popover-helptip .bar .buttons.icon-bottom-center.icon-help,
.bar .popover-helptip .buttons.icon-bottom-center.icon-alert,
.popover-helptip .bar .buttons.icon-bottom-center.icon-alert,
.bar .popover-helptip #menu .footer .buttons.icon-bottom-center.icon-help,
.popover-helptip #menu .footer .bar .buttons.icon-bottom-center.icon-help,
.bar #menu .footer .popover-helptip .buttons.icon-bottom-center.icon-help,
#menu .footer .popover-helptip .bar .buttons.icon-bottom-center.icon-help, .bar .title + .button:last-child, .bar .title + .buttons, .bar > .button + .button:last-child,
.bar > .button.pull-right,
.popover-helptip .bar > .button.icon.icon-right,
.popover-helptip .bar > .button.icon-right.icon-help,
.popover-helptip .bar > .button.icon-right.icon-alert,
.popover-helptip #menu .footer .bar > .button.icon-right.icon-help,
#menu .footer .popover-helptip .bar > .button.icon-right.icon-help,
.popover-helptip .bar > .button.icon.icon-center,
.popover-helptip .bar > .button.icon-center.icon-help,
.popover-helptip .bar > .button.icon-center.icon-alert,
.popover-helptip #menu .footer .bar > .button.icon-center.icon-help,
#menu .footer .popover-helptip .bar > .button.icon-center.icon-help,
.popover-helptip .bar > .button.icon.icon-bottom-right,
.popover-helptip .bar > .button.icon-bottom-right.icon-help,
.popover-helptip .bar > .button.icon-bottom-right.icon-alert,
.popover-helptip #menu .footer .bar > .button.icon-bottom-right.icon-help,
#menu .footer .popover-helptip .bar > .button.icon-bottom-right.icon-help,
.popover-helptip .bar > .button.icon.icon-bottom-center,
.popover-helptip .bar > .button.icon-bottom-center.icon-help,
.popover-helptip .bar > .button.icon-bottom-center.icon-alert,
.popover-helptip #menu .footer .bar > .button.icon-bottom-center.icon-help,
#menu .footer .popover-helptip .bar > .button.icon-bottom-center.icon-help {
  top: 0 !important; }

.bar.bar-header {
  padding-right: 5px !important; }
  .bar.bar-header .buttons-right span {
    margin-left: 0 !important; }

.bar .title + .buttons.buttons-right {
  right: 5px; }

.button-icon {
  border-color: transparent;
  box-shadow: none !important; }

.button-small-padding {
  padding: 0 7px !important; }

.button-text {
  color: grey !important;
  font-size: 12px; }

.button-text.button-small {
  padding: 5px 2px;
  font-size: 12px !important; }

.button-text-positive {
  color: #387ef5 !important; }

.button-text-stable {
  color: #b2b2b2 !important; }

.popup-buttons .button.icon-right,
.popup-buttons .button.icon-left {
  padding-left: 32px !important;
  padding-right: 32px !important;
  line-height: 42px; }

.button-fab-bottom-left.has-footer,
.button-fab-bottom-right.has-footer {
  bottom: 64px !important; }

/* ============
 Home page
=============== */
#home .logo {
  margin-top: 15px;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat; }

#home .center {
  float: none;
  text-align: center;
  display: inline-block; }

#home .center .button {
  display: inline-block; }

@media screen and (max-width: 767px) {
  #home .logo {
    height: 70px;
    background-image: url(data:image/png;base64,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);
    background-size: 64px 64px; }
  #home .footer {
    display: none; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  #home .logo {
    height: 70px;
    background-image: url(data:image/png;base64,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);
    background-size: 64px 64px; }
  #home .button {
    max-width: 350px;
    margin-top: 20px; }
  #home .row {
    max-width: 350px; } }

@media screen and (min-width: 992px) {
  #home .logo {
    height: 70px;
    background-image: url(data:image/png;base64,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);
    background-size: 64px 64px; }
  #home .button {
    max-width: 350px;
    margin-top: 20px; }
  #home .list {
    max-width: 350px; } }

.gray, .popover-share .bar-header span, .popover-share .bar-footer .button-close, .popover-helptip .button-close {
  color: grey !important; }
  .gray b, .popover-share .bar-header span b, .popover-share .bar-footer .button-close b, .popover-helptip .button-close b {
    color: grey !important; }

.gray a, .popover-share .bar-header span a, .popover-share .bar-footer .button-close a, .popover-helptip .button-close a, .positive a, .text-editable:hover a, .icon-help a {
  color: inherit; }

.gray a:hover, .popover-share .bar-header span a:hover, .popover-share .bar-footer .button-close a:hover, .popover-helptip .button-close a:hover, .positive a:hover, .text-editable:hover a:hover, .icon-help a:hover {
  color: inherit; }

.gray a:visited, .popover-share .bar-header span a:visited, .popover-share .bar-footer .button-close a:visited, .popover-helptip .button-close a:visited, .positive a:visited, .text-editable:hover a:visited, .icon-help a:visited {
  color: inherit; }

.item a {
  text-decoration: none; }

.no-padding {
  padding: 0 !important; }

.avatar-member {
  background-image: url(data:image/png;base64,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); }

.avatar.disable {
  opacity: 0.7; }

.avatar-wallet {
  background-image: url("../img/card.png"); }

/**************
 Item icons
**************/
.item.item-icon-left > i.avatar:first-child {
  position: absolute;
  display: flex;
  height: 100%;
  align-items: center;
  font-size: 16px;
  left: 16px;
  top: 8px;
  max-height: 32px;
  max-width: 32px; }

.item.item-checkbox.item-avatar > i.avatar:first-child,
.item.item-checkbox.item-avatar > i.item-image:first-child,
.item.item-checkbox.item-avatar .item-content > i.avatar:first-child,
.item.item-checkbox.item-avatar .item-content > i.item-image:first-child,
.item.item-checkbox.item-avatar * > i.avatar:first-child,
.item.item-checkbox.item-avatar * > i.item-image:first-child,
.item.item-checkbox.item-avatar * .item-content > i.avatar:first-child,
.item.item-checkbox.item-avatar * .item-content > i.item-image:first-child {
  left: 65px; }

.item.item-checkbox.item-avatar .item-content,
.item.item-checkbox .item-content .item-avatar {
  padding-left: 65px; }

/* ----
    Popup alert
   ---- */
.popup-container.warning .popup,
.popup-container.confirm .popup {
  min-width: 250px !important;
  width: 350px !important; }

.popup-container.warning .popup-head h1, .popup-container.warning .popup-head h2, .popup-container.warning .popup-head h3, .popup-container.warning .popup-head h5, .popup-container.warning .popup-head h6, .popup-container.warning .popup-head p,
.popup-container.confirm .popup-head h1,
.popup-container.confirm .popup-head h2,
.popup-container.confirm .popup-head h3,
.popup-container.confirm .popup-head h5,
.popup-container.confirm .popup-head h6,
.popup-container.confirm .popup-head p {
  color: white; }

.popup-container.warning .popup-head {
  background-color: #ef473a; }

.popup-container.confirm .popup-head {
  background-color: #387ef5; }

/******
* 'ion-refresher'
*******/
body {
  --refresher-bg-height: 100px;
  --refresher-background-color: inherit; }

.refresher-positive-900-bg {
  --refresher-background-color: #1A237E; }

.refresher-dark-100-bg {
  --refresher-background-color: #555; }

.platform-android .refresher-positive-900-bg:before,
.platform-android .refresher-dark-100-bg:before {
  background-color: var(--refresher-background-color);
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  height: var(--refresher-bg-height, 100px);
  z-index: -10;
  content: " "; }

.platform-android .scroll-refresher {
  z-index: 50; }

.platform-ios .refresher-positive-900-bg,
.platform-ios .refresher-dark-100-bg {
  background-color: var(--refresher-background-color) !important; }
  .platform-ios .refresher-positive-900-bg .scroll,
  .platform-ios .refresher-dark-100-bg .scroll {
    background-color: #fff;
    bottom: auto;
    min-height: 100%; }

.refresher-light .scroll-refresher .ionic-refresher-content, .refresher-positive-900-bg .scroll-refresher .ionic-refresher-content, .refresher-dark-100-bg .scroll-refresher .ionic-refresher-content {
  color: #fff; }

.refresher-light .scroll-refresher .spinner, .refresher-positive-900-bg .scroll-refresher .spinner, .refresher-dark-100-bg .scroll-refresher .spinner {
  stroke: #fff;
  fill: #fff; }

/******
* Wallet view
*******/
.view-wallet {
  --refresher-bg-height: 200px; }
  .view-wallet .hero {
    height: 200px; }
    .view-wallet .hero h4:after {
      content: ' ';
      display: inline-block; }
  .view-wallet .item-text-wrap {
    white-space: normal !important; }
  .view-wallet .item .comment {
    font-style: italic !important; }
  .view-wallet .item h3 .gray, .view-wallet .item h3 .popover-share .bar-header span, .popover-share .bar-header .view-wallet .item h3 span, .view-wallet .item h3 .popover-share .bar-footer .button-close, .popover-share .bar-footer .view-wallet .item h3 .button-close, .view-wallet .item h3 .popover-helptip .button-close, .popover-helptip .view-wallet .item h3 .button-close {
    font-size: 11px !important; }
  .view-wallet .list .item span {
    display: inline; }
  .view-wallet .item-divider .badge {
    top: 16px !important; }
  .view-wallet .item.item-wallet-event {
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 30px;
    max-height: auto;
    height: auto; }
  .view-wallet .item.item-wallet-event:last-child {
    min-height: 48px; }
  .view-wallet .item.item-icon-left.item-wallet-event .icon, .view-wallet .item.item-icon-left.item-wallet-event .icon-help, .view-wallet .item.item-icon-left.item-wallet-event .icon-alert, .view-wallet .item.item-icon-left.item-wallet-event #menu .footer .icon-help, #menu .footer .view-wallet .item.item-icon-left.item-wallet-event .icon-help {
    font-size: 17px;
    height: 18px;
    top: 6px; }

/* --
  QR code
-- */
.view-wallet .qrcode,
.view-identity .qrcode {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  background: #fff;
  z-index: 1;
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  -webkit-transition: all 0.5s ease-out !important;
  transition: all 0.5s ease-out !important;
  overflow: hidden; }
  .view-wallet .qrcode img,
  .view-identity .qrcode img {
    display: float;
    float: right;
    width: 0;
    height: 0;
    z-index: 1;
    transition: all 0.5s ease-out !important; }

.view-wallet .qrcode.on,
.view-identity .qrcode.on {
  width: 50px;
  height: 50px;
  padding: 3px;
  margin: 7px; }
  .view-wallet .qrcode.on img,
  .view-identity .qrcode.on img {
    width: 44px;
    height: 44px; }

.view-wallet .qrcode.on.active,
.view-identity .qrcode.on.active {
  margin: 0 !important;
  padding: 10px;
  width: 200px;
  height: 200px; }
  .view-wallet .qrcode.on.active img,
  .view-identity .qrcode.on.active img {
    width: 180px;
    height: 180px; }

@media screen and (max-width: 991px) {
  .view-wallet .hero.hero-qrcode-active h1, .view-wallet .hero.hero-qrcode-active h2, .view-wallet .hero.hero-qrcode-active h3, .view-wallet .hero.hero-qrcode-active h4, .view-wallet .hero.hero-qrcode-active h5, .view-wallet .hero.hero-qrcode-active i.avatar,
  .view-identity .hero.hero-qrcode-active h1,
  .view-identity .hero.hero-qrcode-active h2,
  .view-identity .hero.hero-qrcode-active h3,
  .view-identity .hero.hero-qrcode-active h4,
  .view-identity .hero.hero-qrcode-active h5,
  .view-identity .hero.hero-qrcode-active i.avatar {
    margin-right: 200px; } }

.popover-wallet-actions {
  height: 400px; }

/******
* Wallet TX view
*******/
@media screen and (max-width: 991px) {
  .view-wallet-tx {
    --refresher-bg-height: 100px; }
    .view-wallet-tx .hero {
      height: 100px; } }

@media screen and (min-width: 992px) {
  .view-wallet-tx {
    --refresher-bg-height: 140px; }
    .view-wallet-tx .hero {
      height: 140px; } }

.view-wallet-tx .item-text-wrap {
  white-space: normal !important; }

.view-wallet-tx .item .comment {
  font-style: italic !important; }

.view-wallet-tx .item h3 .gray, .view-wallet-tx .item h3 .popover-share .bar-header span, .popover-share .bar-header .view-wallet-tx .item h3 span, .view-wallet-tx .item h3 .popover-share .bar-footer .button-close, .popover-share .bar-footer .view-wallet-tx .item h3 .button-close, .view-wallet-tx .item h3 .popover-helptip .button-close, .popover-helptip .view-wallet-tx .item h3 .button-close {
  font-size: 11px !important; }

.view-wallet-tx .list .item span {
  display: inline; }

.view-wallet-tx .item-divider .badge {
  top: 16px !important; }

.stable-100-bg {
  background-color: #f2f2f2 !important; }

/******
* TX view (wallet or identity)
*******/
.item-tx {
  border-top: solid 1px lightgray !important;
  padding-bottom: 6px;
  padding-top: 8px;
  margin: 0 !important; }
  .item-tx .badge-energized {
    background-color: rgba(255, 201, 0, 0.3);
    color: #888 !important; }
  .item-tx .badge {
    right: 1% !important;
    top: 13px; }
  .item-tx .badge-white {
    background-color: white; }
  .item-tx .vertical-center {
    position: absolute;
    top: 30%;
    width: 40%; }
  .item-tx .width-cup {
    width: 175px; }

.expert-mode .item-tx .item-note {
  top: 8%; }

.expert-mode .item-tx .badge-secondary {
  top: calc(8% + 23px) !important; }

/******
* Identity view
*******/
.view-identity {
  --refresher-bg-height: 200px;
  --refresher-background-color: #555; }
  .view-identity .member {
    --refresher-background-color: #1A237E; }
  .view-identity .hero {
    height: 200px;
    background-color: var(--refresher-background-color); }

/******
* Cards
*******/
.card .card-header,
.card .card-header {
  font-size: 90%;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.card.stable-900-bg,
.card .stable-900-bg,
.item.stable-900-bg,
.item .stable-900-bg,
.item-complex .item-content .stable-900-bg,
.item-radio .item-content .stable-900-bg {
  background-color: #e0e0e0 !important; }

.card .item {
  background: inherit; }

.card.stable-bg,
.card .stable-bg,
.item.stable-bg,
.item .stable-bg,
.item-complex .item-content .stable-bg,
.item-radio .item-content .stable-bg {
  background-color: #f8f8f8 !important; }

.card.positive-100-bg,
.card .positive-100-bg,
.item.positive-100-bg,
.item .positive-100-bg,
.item-complex .item-content .positive-100-bg,
.item-radio .item-content .positive-100-bg {
  background-color: #bfd6fc !important;
  color: white; }

.card .card-header {
  padding-top: 5px !important;
  padding-bottom: 0 !important;
  min-height: 25px; }

.card .item .card-footer {
  margin-bottom: 5px; }

.card .card-avatar .avatar,
.card.card-avatar .avatar {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.26);
  top: 7px;
  background-color: #D9D9D9; }

.card .card-avatar img.avatar,
.card.card-avatar img.avatar {
  border: 0;
  min-height: 54px;
  min-width: 54px; }

.card .card-avatar .item.item-avatar,
.card.card-avatar .item.item-avatar {
  padding-top: 10px;
  padding-bottom: 2px;
  min-height: 45px !important;
  margin-bottom: 1px; }

.card .card-avatar .card-footer,
.card.card-avatar .card-footer {
  padding-left: 88px;
  overflow: hidden; }
  .card .card-avatar .card-footer .pull-right a, .card .card-avatar .card-footer .popover-helptip .icon.icon-right a, .popover-helptip .card .card-avatar .card-footer .icon.icon-right a, .card .card-avatar .card-footer .popover-helptip .icon-right.icon-help a, .popover-helptip .card .card-avatar .card-footer .icon-right.icon-help a, .card .card-avatar .card-footer .popover-helptip .icon-right.icon-alert a, .popover-helptip .card .card-avatar .card-footer .icon-right.icon-alert a, .card .card-avatar .card-footer .popover-helptip #menu .footer .icon-right.icon-help a, .popover-helptip #menu .footer .card .card-avatar .card-footer .icon-right.icon-help a, .card .card-avatar .card-footer #menu .footer .popover-helptip .icon-right.icon-help a, #menu .footer .popover-helptip .card .card-avatar .card-footer .icon-right.icon-help a, .card .card-avatar .card-footer .popover-helptip .icon.icon-center a, .popover-helptip .card .card-avatar .card-footer .icon.icon-center a, .card .card-avatar .card-footer .popover-helptip .icon-center.icon-help a, .popover-helptip .card .card-avatar .card-footer .icon-center.icon-help a, .card .card-avatar .card-footer .popover-helptip .icon-center.icon-alert a, .popover-helptip .card .card-avatar .card-footer .icon-center.icon-alert a, .card .card-avatar .card-footer .popover-helptip #menu .footer .icon-center.icon-help a, .popover-helptip #menu .footer .card .card-avatar .card-footer .icon-center.icon-help a, .card .card-avatar .card-footer #menu .footer .popover-helptip .icon-center.icon-help a, #menu .footer .popover-helptip .card .card-avatar .card-footer .icon-center.icon-help a, .card .card-avatar .card-footer .popover-helptip .icon.icon-bottom-right a, .popover-helptip .card .card-avatar .card-footer .icon.icon-bottom-right a, .card .card-avatar .card-footer .popover-helptip .icon-bottom-right.icon-help a, .popover-helptip .card .card-avatar .card-footer .icon-bottom-right.icon-help a, .card .card-avatar .card-footer .popover-helptip .icon-bottom-right.icon-alert a, .popover-helptip .card .card-avatar .card-footer .icon-bottom-right.icon-alert a, .card .card-avatar .card-footer .popover-helptip #menu .footer .icon-bottom-right.icon-help a, .popover-helptip #menu .footer .card .card-avatar .card-footer .icon-bottom-right.icon-help a, .card .card-avatar .card-footer #menu .footer .popover-helptip .icon-bottom-right.icon-help a, #menu .footer .popover-helptip .card .card-avatar .card-footer .icon-bottom-right.icon-help a, .card .card-avatar .card-footer .popover-helptip .icon.icon-bottom-center a, .popover-helptip .card .card-avatar .card-footer .icon.icon-bottom-center a, .card .card-avatar .card-footer .popover-helptip .icon-bottom-center.icon-help a, .popover-helptip .card .card-avatar .card-footer .icon-bottom-center.icon-help a, .card .card-avatar .card-footer .popover-helptip .icon-bottom-center.icon-alert a, .popover-helptip .card .card-avatar .card-footer .icon-bottom-center.icon-alert a, .card .card-avatar .card-footer .popover-helptip #menu .footer .icon-bottom-center.icon-help a, .popover-helptip #menu .footer .card .card-avatar .card-footer .icon-bottom-center.icon-help a, .card .card-avatar .card-footer #menu .footer .popover-helptip .icon-bottom-center.icon-help a, #menu .footer .popover-helptip .card .card-avatar .card-footer .icon-bottom-center.icon-help a,
  .card.card-avatar .card-footer .pull-right a,
  .card.card-avatar .card-footer .popover-helptip .icon.icon-right a,
  .popover-helptip .card.card-avatar .card-footer .icon.icon-right a,
  .card.card-avatar .card-footer .popover-helptip .icon-right.icon-help a,
  .popover-helptip .card.card-avatar .card-footer .icon-right.icon-help a,
  .card.card-avatar .card-footer .popover-helptip .icon-right.icon-alert a,
  .popover-helptip .card.card-avatar .card-footer .icon-right.icon-alert a,
  .card.card-avatar .card-footer .popover-helptip #menu .footer .icon-right.icon-help a,
  .popover-helptip #menu .footer .card.card-avatar .card-footer .icon-right.icon-help a,
  .card.card-avatar .card-footer #menu .footer .popover-helptip .icon-right.icon-help a,
  #menu .footer .popover-helptip .card.card-avatar .card-footer .icon-right.icon-help a,
  .card.card-avatar .card-footer .popover-helptip .icon.icon-center a,
  .popover-helptip .card.card-avatar .card-footer .icon.icon-center a,
  .card.card-avatar .card-footer .popover-helptip .icon-center.icon-help a,
  .popover-helptip .card.card-avatar .card-footer .icon-center.icon-help a,
  .card.card-avatar .card-footer .popover-helptip .icon-center.icon-alert a,
  .popover-helptip .card.card-avatar .card-footer .icon-center.icon-alert a,
  .card.card-avatar .card-footer .popover-helptip #menu .footer .icon-center.icon-help a,
  .popover-helptip #menu .footer .card.card-avatar .card-footer .icon-center.icon-help a,
  .card.card-avatar .card-footer #menu .footer .popover-helptip .icon-center.icon-help a,
  #menu .footer .popover-helptip .card.card-avatar .card-footer .icon-center.icon-help a,
  .card.card-avatar .card-footer .popover-helptip .icon.icon-bottom-right a,
  .popover-helptip .card.card-avatar .card-footer .icon.icon-bottom-right a,
  .card.card-avatar .card-footer .popover-helptip .icon-bottom-right.icon-help a,
  .popover-helptip .card.card-avatar .card-footer .icon-bottom-right.icon-help a,
  .card.card-avatar .card-footer .popover-helptip .icon-bottom-right.icon-alert a,
  .popover-helptip .card.card-avatar .card-footer .icon-bottom-right.icon-alert a,
  .card.card-avatar .card-footer .popover-helptip #menu .footer .icon-bottom-right.icon-help a,
  .popover-helptip #menu .footer .card.card-avatar .card-footer .icon-bottom-right.icon-help a,
  .card.card-avatar .card-footer #menu .footer .popover-helptip .icon-bottom-right.icon-help a,
  #menu .footer .popover-helptip .card.card-avatar .card-footer .icon-bottom-right.icon-help a,
  .card.card-avatar .card-footer .popover-helptip .icon.icon-bottom-center a,
  .popover-helptip .card.card-avatar .card-footer .icon.icon-bottom-center a,
  .card.card-avatar .card-footer .popover-helptip .icon-bottom-center.icon-help a,
  .popover-helptip .card.card-avatar .card-footer .icon-bottom-center.icon-help a,
  .card.card-avatar .card-footer .popover-helptip .icon-bottom-center.icon-alert a,
  .popover-helptip .card.card-avatar .card-footer .icon-bottom-center.icon-alert a,
  .card.card-avatar .card-footer .popover-helptip #menu .footer .icon-bottom-center.icon-help a,
  .popover-helptip #menu .footer .card.card-avatar .card-footer .icon-bottom-center.icon-help a,
  .card.card-avatar .card-footer #menu .footer .popover-helptip .icon-bottom-center.icon-help a,
  #menu .footer .popover-helptip .card.card-avatar .card-footer .icon-bottom-center.icon-help a {
    margin-right: 8px; }

a.underline:focus,
.underline a:focus,
.a.underline:active,
.underline a:active,
a.underline:hover,
.underline a:hover {
  outline: 1px !important;
  text-decoration: underline !important; }

.card-avatar-small.card,
.card-avatar-small .card,
.card-avatar-small .card.card-avatar,
.card-avatar-small .card .card-avatar {
  min-height: 45px; }
  .card-avatar-small.card .avatar,
  .card-avatar-small.card .item-avatar .avatar,
  .card-avatar-small .card .avatar,
  .card-avatar-small .card .item-avatar .avatar,
  .card-avatar-small .card.card-avatar .avatar,
  .card-avatar-small .card.card-avatar .item-avatar .avatar,
  .card-avatar-small .card .card-avatar .avatar,
  .card-avatar-small .card .card-avatar .item-avatar .avatar {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.26);
    height: 30px !important;
    width: 30px !important;
    left: 5px !important; }
  .card-avatar-small.card .item.item-avatar,
  .card-avatar-small .card .item.item-avatar,
  .card-avatar-small .card.card-avatar .item.item-avatar,
  .card-avatar-small .card .card-avatar .item.item-avatar {
    min-height: 25px !important;
    padding-left: 42px !important; }
  .card-avatar-small.card .card-footer,
  .card-avatar-small .card .card-footer,
  .card-avatar-small .card.card-avatar .card-footer,
  .card-avatar-small .card .card-avatar .card-footer {
    padding-top: 0;
    padding-left: 42px !important; }

.gallery .card-gallery,
.gallery .card.card-gallery {
  margin-bottom: 15px !important;
  float: left;
  display: block; }

.gallery.gallery-small .card-gallery img,
.gallery.gallery-small .card.card-gallery img {
  max-height: 100px; }

.gallery .card-gallery-new {
  max-height: 199px; }

.list .item.text-left {
  text-align: left !important; }

.list .item.text-center, .list .item.large-button-bar {
  text-align: center !important; }

.list .item.text-right {
  text-align: right !important; }

.list .item-divider.item-divider-top-border {
  border-top: solid 1px rgba(0, 0, 0, 0.12); }

.lookupForm .list .item.item-avatar {
  min-height: 80px !important; }

.lookupForm .list .item.item-avatar.item-checkbox .item-content {
  padding-left: 47px;
  min-height: auto !important;
  height: auto !important; }

/************************
   Additional motions
*************************/
.fade-in {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(-30px, 1px, 0);
  -webkit-transition: all 1s ease-in-out; }

.fade-in.on {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0, 0, 0); }

/**********
   Item > Avatar
**********/
.item-avatar {
  min-height: 80px !important; }

.item-avatar > i:first-child,
.item-avatar > img:first-child,
.item-avatar i.item-image:first-child,
.item-avatar img.item-image:first-child,
.item-avatar .item-content > i:first-child,
.item-avatar .item-content > img:first-child,
.item-avatar .item-content i.item-image:first-child,
.item-avatar .item-content img.item-image:first-child,
.item-avatar-left > i:first-child,
.item-avatar-left > img:first-child,
.item-avatar-left i.item-image:first-child,
.item-avatar-left img.item-image:first-child,
.item-avatar-left .item-content > i:first-child,
.item-avatar-left .item-content > img:first-child,
.item-avatar-left .item-content i.item-image:first-child,
.item-avatar-left .item-content img.item-image:first-child {
  color: #D9D9D9;
  background-color: #f8f8f8;
  border: solid 1px #D9D9D9;
  overflow: hidden !important;
  font-size: 45px !important;
  line-height: 56px;
  width: 100% !important;
  max-height: 56px !important;
  max-width: 56px !important;
  top: 12px !important; }

.item-avatar > .icon:first-child:before, .item-avatar > .icon-help:first-child:before, .item-avatar > .icon-alert:first-child:before, #menu .footer .item-avatar > .icon-help:first-child:before,
.item-avatar .icon.item-image:first-child:before,
.item-avatar .item-image.icon-help:first-child:before,
.item-avatar .item-image.icon-alert:first-child:before,
.item-avatar #menu .footer .item-image.icon-help:first-child:before,
#menu .footer .item-avatar .item-image.icon-help:first-child:before,
.item-avatar .item-content > .icon:first-child:before,
.item-avatar .item-content > .icon-help:first-child:before,
.item-avatar .item-content > .icon-alert:first-child:before,
.item-avatar #menu .footer .item-content > .icon-help:first-child:before,
#menu .footer .item-avatar .item-content > .icon-help:first-child:before,
.item-avatar.item-icon-right .icon:first-child:before,
.item-avatar.item-icon-right .icon-help:first-child:before,
.item-avatar.item-icon-right .icon-alert:first-child:before,
.item-avatar.item-icon-right #menu .footer .icon-help:first-child:before,
#menu .footer .item-avatar.item-icon-right .icon-help:first-child:before,
.item-avatar.item-icon-right .icon-help:first-child:before,
.item-avatar.item-icon-right .icon-alert:first-child:before,
.item-avatar.item-icon-right #menu .footer .icon-help:first-child:before,
#menu .footer .item-avatar.item-icon-right .icon-help:first-child:before {
  width: 56px !important; }

.item-avatar.item-icon-right .icon:last-child, .item-avatar.item-icon-right .icon-help:last-child, .item-avatar.item-icon-right .icon-alert:last-child, .item-avatar.item-icon-right #menu .footer .icon-help:last-child, #menu .footer .item-avatar.item-icon-right .icon-help:last-child,
.item-avatar.item-icon-right .icon-help:last-child,
.item-avatar.item-icon-right .icon-alert:last-child,
.item-avatar.item-icon-right.ink .icon.ion-ios-arrow-right,
.item-avatar.item-icon-right.ink .ion-ios-arrow-right.icon-help,
.item-avatar.item-icon-right.ink .ion-ios-arrow-right.icon-alert,
.item-avatar.item-icon-right.ink #menu .footer .ion-ios-arrow-right.icon-help,
#menu .footer .item-avatar.item-icon-right.ink .ion-ios-arrow-right.icon-help,
.item-avatar.item-icon-right #menu .footer .icon-help:last-child,
#menu .footer .item-avatar.item-icon-right .icon-help:last-child {
  left: auto; }

/**********
   Item > Left icon position
**********/
.item.item-icon-left > i.avatar:first-child {
  position: absolute;
  display: flex;
  height: 100%;
  align-items: center;
  font-size: 16px;
  left: 16px;
  top: 8px;
  max-height: 32px;
  max-width: 32px; }

.item.item-checkbox.item-avatar > i.avatar:first-child,
.item.item-checkbox.item-avatar > i.item-image:first-child,
.item.item-checkbox.item-avatar .item-content > i.avatar:first-child,
.item.item-checkbox.item-avatar .item-content > i.item-image:first-child,
.item.item-checkbox.item-avatar * > i.avatar:first-child,
.item.item-checkbox.item-avatar * > i.item-image:first-child,
.item.item-checkbox.item-avatar * .item-content > i.avatar:first-child,
.item.item-checkbox.item-avatar * .item-content > i.item-image:first-child {
  left: 65px; }

.item.item-checkbox.item-avatar .item-content,
.item.item-checkbox .item-content .item-avatar {
  padding-left: 65px; }

/**********
   Item > Right icon position
**********/
.item-icon-left.item-icon-right.ink .icon.ion-ios-arrow-right, .item-icon-left.item-icon-right.ink .ion-ios-arrow-right.icon-help, .item-icon-left.item-icon-right.ink .ion-ios-arrow-right.icon-alert, .item-icon-left.item-icon-right.ink #menu .footer .ion-ios-arrow-right.icon-help, #menu .footer .item-icon-left.item-icon-right.ink .ion-ios-arrow-right.icon-help {
  left: auto; }

@media screen and (max-width: 767px) {
  .item.item-icon-right > .icon:last-child, .item.item-icon-right > .icon-help:last-child, .item.item-icon-right > .icon-alert:last-child, #menu .footer .item.item-icon-right > .icon-help:last-child,
  .item.item-icon-right > .icon.ion-ios-arrow-right,
  .item.item-icon-right > .ion-ios-arrow-right.icon-help,
  .item.item-icon-right > .ion-ios-arrow-right.icon-alert,
  #menu .footer .item.item-icon-right > .ion-ios-arrow-right.icon-help {
    right: 1px; } }

/**********
   Item > Other properties
**********/
.item em {
  font-weight: bold !important; }

@media screen and (max-width: 991px) {
  .item .badge {
    right: 16px; } }

@media screen and (min-width: 992px) {
  .list .item.item-border-large {
    margin-bottom: 1px;
    border-bottom: solid 1px #ccc !important; }
  .list.item-border-large .item {
    border-bottom: solid 1px #ccc !important;
    margin: 0 0 1px; }
  .list.item-border-large .item-divider {
    border-top: 0; } }

.list .item.item-border {
  border-bottom: solid 1px #ccc !important;
  margin-bottom: 1px; }

.list .item.item-small-height {
  padding-top: 2px;
  padding-bottom: 0;
  min-height: 24px; }
  .list .item.item-small-height .badge {
    padding-top: 0 !important;
    top: inherit; }
  .list .item.item-small-height .badge.badge-balanced,
  .list .item.item-small-height .badge.badge-positive,
  .list .item.item-small-height .badge.badge-assertive,
  .list .item.item-small-height .badge.badge-editable:hover,
  .list .item.item-small-height .badge.badge-royal,
  .list .item.item-small-height .badge.badge-calm,
  .list .item.item-small-height .badge.badge-energized {
    top: 1px !important;
    padding-top: 3px !important;
    padding-bottom: 2px !important; }

/**********
   Form validation
**********/
.form-errors:first-child {
  margin: 5px 0; }

.form-errors:last-child {
  margin: 5px 0 0; }

.form-error {
  padding: 0 16px;
  font-size: 12px;
  color: red;
  vertical-align: middle;
  text-align: end;
  top: 0;
  position: relative; }

.item-input-error {
  border-bottom: 2px solid red !important; }

.item-input.item-button-right input,
.item-input.item-button-right textarea {
  margin-right: 100px; }

.item-input.item-button-right .button,
.item-input.item-button-right button {
  top: 6px; }

.item-input.item-button-right.item-floating-label input,
.item-input.item-button-right.item-floating-label textarea {
  padding-right: 100px; }

.item-input.item-button-right.item-floating-label .button {
  top: inherit;
  bottom: 6px; }

.item-input.item-button-right.item-floating-label .button-icon {
  height: inherit; }

/**********
   Badge
**********/
/*
 Badge inside an item
*/
.item.item-icon-right .badge,
.item.item-button-right .badge {
  right: 43px; }

@media screen and (max-width: 767px) {
  .badge {
    text-overflow: ellipsis !important;
    white-space: nowrap;
    overflow: hidden !important;
    max-width: 300px !important;
    display: block !important; }
  .badge:empty {
    display: none !important; }
  .item.item-button-right .badge,
  .item.item-icon-right .badge {
    right: 26px !important; } }

/*
 Editable badge
*/
.badge-editable:hover {
  cursor: pointer; }

.badge-editable:hover:before {
  content: " "; }

/*
 Badge inside toolbar's button
*/
.platform-ipad .bar-title {
  border-color: #111;
  background-color: #444;
  background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%); }
  .platform-ipad .bar-title .title {
    background-color: white;
    margin-left: 0;
    margin-right: 0;
    height: 44px; }

.bar .badge-button {
  margin: 0 !important;
  padding: 0 4px !important;
  font-size: 10px;
  position: absolute !important;
  top: 5px;
  right: 3px; }

/**********
   Editable text
**********/
.text-editable:hover {
  cursor: pointer; }

.text-editable:hover:after {
  content: ""; }

.item h2 .text-editable:hover:after {
  font-size: 14px; }

/**********
   Modals
**********/
.modal.modal-full-height {
  bottom: 0; }

@media screen and (max-width: 767px) {
  .modal {
    top: 0 !important;
    left: 0 !important;
    bottom: 0;
    min-height: 100% !important;
    width: 100% !important; } }

@media screen and (max-width: 991px) {
  .modal {
    bottom: 0; }
    .modal .swiper-pagination {
      visibility: hidden !important; }
  .modal.modal-full-height {
    top: 0; }
    .modal.modal-full-height ion-content.keyboard-up .scroll {
      min-height: calc(100% + 67px); } }

@media (min-width: 992px) {
  .modal.modal-full-height {
    min-height: 80%; } }

.modal.about .bar.bar-header .button + .title {
  left: 0 !important;
  /* avoid title offset on large screens, if button are 'visible-xs')'*/ }

/**********
   Item buttons
**********/
.item-button-right > .button,
.item-button-right .item-content > .button,
.item-button-right > .buttons,
.item-button-right .item-content > .buttons {
  top: 16px; }

.item-button-right > .button.button-small,
.item-button-right .item-content > .button.button-small,
.item-button-right > .buttons .button-small,
.item-button-right .item-content > .buttons .button-small {
  font-size: 14px; }

.item.large-button-bar {
  margin-bottom: 10px; }

/**********
   Item avatar
**********/
.item-avatar-left-padding {
  padding-left: 95px; }

/**********
   Item thumbnail
**********/
.item-thumbnail-left-padding {
  padding-left: 106px; }

.item.item-thumbnail-left, .item-thumbnail-left {
  min-height: 100px !important; }

.item-thumbnail-left > i:first-child,
.item-thumbnail-left i.item-image,
.item-thumbnail-left .item-content > i:first-child,
.item-thumbnail-left .item-content i.item-image {
  color: #D9D9D9;
  background-color: #f8f8f8;
  overflow: hidden !important;
  font-size: 50px !important;
  line-height: 80px;
  padding: 0 15px;
  background-position: center;
  background-size: cover;
  display: inline-block; }

@media screen and (max-width: 400px) {
  .card > .item.item-thumbnail-left,
  .item-thumbnail-left,
  .item-thumbnail-left .item-content {
    padding-left: 84px !important; }
  .item-thumbnail-left > img:first-child,
  .item-thumbnail-left img.item-image,
  .item-thumbnail-left .item-content > img:first-child,
  .item-thumbnail-left .item-content img.item-image {
    max-width: 70px;
    max-height: 70px; }
  .item h2 {
    font-size: 13px !important; } }

/**********
   Item icons
**********/
.item-icon-left-padding {
  padding-left: 40px; }

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

.text-keep-lines {
  white-space: pre-line !important; }

.text-italic {
  font-style: italic !important; }

/**********
   Screen - Left Menu
**********/
.menu.menu-left {
  background-color: whitesmoke; }
  .menu.menu-left .item {
    opacity: 0.75;
    color: black; }
  .menu.menu-left .item-button-right > .button,
  .menu.menu-left .item-button-right .item-content > .button,
  .menu.menu-left .item-button-right > .buttons,
  .menu.menu-left .item-button-right .item-content > .buttons {
    top: 8px !important; }
  .menu.menu-left .item.active {
    background-color: #56d67a !important; }
    .menu.menu-left .item.active .item-content {
      background-color: transparent; }
  .menu.menu-left .item-menu-disable {
    color: #444 !important; }

@media screen and (max-width: 991px) {
  .menu.menu-left .item.item-divider {
    min-height: 2px;
    height: 2px;
    padding-top: 0;
    padding-bottom: 0; }
  .menu.menu-left .item,
  .menu.menu-left .item.item-complex .item-content {
    height: 40px;
    min-height: 40px;
    padding-top: 10px;
    padding-bottom: 10px; }
    .menu.menu-left .item .badge,
    .menu.menu-left .item.item-complex .item-content .badge {
      top: 10px;
      padding: 2px 6px;
      font-size: 12px; }
  .menu.menu-left .item.item-complex {
    padding-top: 0; }
  .menu.menu-left .item.item-button-right .button {
    height: 30px;
    min-height: 30px;
    top: 4px; }
  .menu.menu-left ion-content.has-footer {
    bottom: 0 !important;
    /*ignore footer*/ }
  .menu.menu-left .bar-header {
    background-color: #1A237E;
    color: #fff;
    height: 150px;
    padding-right: 0 !important; }
    .platform-ios.platform-cordova .menu.menu-left .bar-header {
      height: calc(constant(safe-area-inset-top) + 150px);
      height: calc(env(safe-area-inset-top) + 150px); }
    .menu.menu-left .bar-header .hero {
      height: 150px;
      box-shadow: none; }
      .menu.menu-left .bar-header .hero .content {
        bottom: 0; }
  .menu.menu-left .has-header {
    top: 150px; }
    .platform-ios.platform-cordova .menu.menu-left .has-header {
      top: calc(constant(safe-area-inset-top) + 150px);
      top: calc(env(safe-area-inset-top) + 150px); } }

/**********
   Menu
**********/
@media screen and (min-width: 768px) {
  .menu.menu-left .item.item-divider {
    min-height: 5px;
    height: 5px; }
  .menu.menu-left .footer a {
    font-size: 14px !important;
    color: grey !important; } }

/**********
   Screen - identity Certifications
**********/
.certifications .item-divider .badge {
  top: 16px !important; }

.certifications-lg .avatar-large {
  left: auto;
  position: relative;
  font-size: 55px !important;
  height: 88px;
  width: 88px;
  color: #D9D9D9;
  background-color: #e0e0e0;
  border: solid 1px #D9D9D9; }

/**********
   Help
**********/
.icon-help {
  font-size: 38px;
  vertical-align: middle; }

.icon-alert {
  font-size: 38px;
  vertical-align: middle; }

#menu .footer .icon-help {
  font-size: 25px !important;
  position: absolute;
  left: 12px;
  top: 8px;
  z-index: 99; }

/**********
   Help Tip
**********/
.popover-helptip {
  background-color: rgba(68, 68, 68, 0.85) !important;
  height: auto !important; }
  .popover-helptip .button-close {
    padding: 8px;
    height: 25px;
    font-size: 18.2px; }
  .popover-helptip a,
  .popover-helptip a:active,
  .popover-helptip a:hover {
    text-decoration: underline; }

.nobackdrop .popover-backdrop.active {
  background-color: transparent !important; }

.helptip-anchor, .helptip-anchor-center, .helptip-anchor-left, .helptip-anchor-right {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0; }

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

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

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

.helptip-anchor a:before, .helptip-anchor-center a:before, .helptip-anchor-left a:before, .helptip-anchor-right a:before,
.helptip-anchor-left a:before,
.helptip-anchor-right a:before {
  content: " "; }

@media (max-width: 767px) {
  .popover-helptip {
    width: auto; } }

.popover-helptip .icon.icon-left, .popover-helptip .icon-left.icon-help, .popover-helptip .icon-left.icon-alert, .popover-helptip #menu .footer .icon-left.icon-help, #menu .footer .popover-helptip .icon-left.icon-help {
  font-size: 30px;
  position: relative;
  top: 8px;
  left: 8px; }

.popover-helptip .icon.icon-right, .popover-helptip .icon-right.icon-help, .popover-helptip .icon-right.icon-alert, .popover-helptip #menu .footer .icon-right.icon-help, #menu .footer .popover-helptip .icon-right.icon-help {
  font-size: 30px;
  position: relative;
  top: 8px;
  right: 8px; }

.popover-helptip .icon.icon-center, .popover-helptip .icon-center.icon-help, .popover-helptip .icon-center.icon-alert, .popover-helptip #menu .footer .icon-center.icon-help, #menu .footer .popover-helptip .icon-center.icon-help {
  font-size: 30px;
  width: 100%;
  text-align: center;
  position: relative;
  top: 8px;
  height: 0; }

.popover-helptip .icon.icon-bottom-right, .popover-helptip .icon-bottom-right.icon-help, .popover-helptip .icon-bottom-right.icon-alert, .popover-helptip #menu .footer .icon-bottom-right.icon-help, #menu .footer .popover-helptip .icon-bottom-right.icon-help {
  font-size: 30px;
  position: relative;
  bottom: 8px;
  right: 8px; }

.popover-helptip .icon.icon-bottom-left, .popover-helptip .icon-bottom-left.icon-help, .popover-helptip .icon-bottom-left.icon-alert, .popover-helptip #menu .footer .icon-bottom-left.icon-help, #menu .footer .popover-helptip .icon-bottom-left.icon-help {
  font-size: 30px;
  position: relative;
  bottom: 8px;
  left: 8px; }

.popover-helptip .icon.icon-bottom-center, .popover-helptip .icon-bottom-center.icon-help, .popover-helptip .icon-bottom-center.icon-alert, .popover-helptip #menu .footer .icon-bottom-center.icon-help, #menu .footer .popover-helptip .icon-bottom-center.icon-help {
  font-size: 30px;
  position: relative;
  width: 100%;
  bottom: 8px;
  text-align: center;
  height: 0; }

/**********
   Profile popover
**********/
.popover.popover-profile {
  height: 200px; }
  .popover.popover-profile .avatar {
    height: 90px;
    width: 90px;
    left: 20px;
    top: 20px; }
  .popover.popover-profile .avatar {
    border: solid 1px #D9D9D9; }
  .popover.popover-profile .bar.bar-footer {
    height: 58px; }
    .popover.popover-profile .bar.bar-footer .col .button {
      max-width: inherit;
      width: 100%;
      padding: 5px 0;
      margin: 0; }
  .popover.popover-profile .bar .button-positive, .popover.popover-profile .bar .button-text {
    background-color: #387ef5 !important; }
  .popover.popover-profile .bar .button-stable {
    color: #444 !important; }

.bar-header .button-icon .avatar {
  height: 35px;
  width: 35px;
  position: relative;
  left: 0;
  top: 4px;
  border: solid 1px #D9D9D9; }

.bar-header .button-icon .avatar.active {
  background-color: #e0e0e0; }

.bar-header .button-icon .avatar {
  height: 31px;
  width: 31px;
  position: relative;
  left: 0;
  top: 6px; }

.list .badge.badge-secondary,
.list .badge .badge-secondary {
  font-size: 12px;
  font-style: italic;
  top: 37px;
  font-weight: normal !important;
  margin-right: 0;
  padding: 3px 8px; }

.list .item-avatar .badge.badge-avatar {
  position: absolute !important;
  left: 60px !important;
  right: inherit !important;
  top: 15px !important;
  margin: 0 !important;
  padding: 0 4px !important;
  font-size: 10px; }

/**********
  Login method popover
**********/
.popover.popover-login-methods {
  height: 280px;
  width: 290px; }

.popover.popover-login-methods.auth {
  height: 204px; }

@media (max-width: 767px) {
  .popover.popover-login-methods {
    height: 256px; }
  .popover.popover-login-methods.auth {
    height: 204px; } }

/**********
  Item peer
**********/
.ion-es-user-api:before {
  content: url("../img/logo.small.cs.dune.svg"); }

.ion-bma-tor-api:before {
  content: url("../img/logo_tor_32px.png"); }

.row-header {
  border-bottom: solid 1px #ccc !important;
  margin: 0;
  min-height: 28px !important; }

.col-header {
  text-align: center;
  display: block !important; }

.col-15 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 15%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 15%;
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  max-width: 15%; }

.col-border-left {
  border-left: solid 1px #ccc !important; }

.col-border-right {
  border-right: solid 1px #ccc !important; }

.ion-spinner-small {
  height: 14px;
  width: 14px;
  line-height: 14px;
  margin: 0;
  padding: 0; }
  .ion-spinner-small svg {
    height: 14px;
    width: 14px; }

.icon-secondary {
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 16px;
  left: 25px;
  top: -7px; }

/**********
   Drop zone component
**********/
div[dropzone] {
  border: 2px dashed #bbb;
  border-radius: 5px;
  padding: 15px;
  text-align: center;
  font: 20pt bold;
  color: #bbb;
  margin-bottom: 20px;
  cursor: pointer; }
  div[dropzone] .list .item,
  div[dropzone] .item {
    text-align: left; }

div[dropzone]:hover {
  background-color: #f2f2f2; }

.hero .button-fab-top-right,
.hero .button-fab-top-left,
.button-fab-hero.button-fab-top-right,
.button-fab-hero.button-fab-top-left {
  top: 170px !important; }

.button.button-fab.mini,
.bar .button.button-fab.mini {
  min-width: 40px;
  min-height: 40px; }

.hero .button-fab-top-right.mini,
.hero .button-fab-top-left.mini,
.button-fab-hero.button-fab-top-right.mini,
.button-fab-hero.button-fab-top-left.mini {
  top: 178px !important; }

.button-fab-top-right {
  top: 16px !important;
  right: 16px !important; }

.text-no-transform {
  text-transform: inherit; }

.item-icon-event,
.button-icon-event {
  text-transform: inherit;
  pointer-events: none !important; }
  .item-icon-event .icon, .item-icon-event .icon-help, .item-icon-event .icon-alert, .item-icon-event #menu .footer .icon-help, #menu .footer .item-icon-event .icon-help,
  .item-icon-event .icon-event,
  .button-icon-event .icon,
  .button-icon-event .icon-help,
  .button-icon-event .icon-alert,
  .button-icon-event #menu .footer .icon-help,
  #menu .footer .button-icon-event .icon-help,
  .button-icon-event .icon-event {
    pointer-events: all !important; }

/**********
  Wot identity
**********/
.hero.dark-100-bg {
  background-color: #555; }

.hero.positive-900-bg {
  background-color: #1A237E !important; }

.hero.stable-bg {
  background-color: #f8f8f8 !important; }

.popover-locked-outputs .item .badge {
  right: 16px !important; }

/************************
 Animation hide/show
*************************/
.animate-show-hide.ng-hide {
  opacity: 0; }

.animate-show-hide.ng-hide-add,
.animate-show-hide.ng-hide-remove {
  transition: all linear 0.3s; }

/**********
  join wizard modal
**********/
.modal iframe.iframe-license {
  width: 100%;
  height: calc(100% - 171px) !important; }

@media screen and (max-width: 767px) {
  .modal iframe.iframe-license {
    height: calc(100% - 104px); } }

@media screen and (min-width: 768px) and (max-width: 991px) and (min-height: 600px) {
  .modal iframe.iframe-license {
    height: calc(100% - 171px); } }

@media screen and (min-width: 992px) {
  .modal iframe.iframe-license {
    height: calc(100% - 171px); }
  .modal.modal-license iframe.iframe-license {
    height: calc(100% - 111px) !important; } }

/**********
  Help modal
**********/
.modal.modal-help .row.selected .col:first-child {
  font-weight: bold; }

@media screen and (max-width: 767px) {
  .modal.modal-help .row .col:first-child {
    font-weight: bold; }
  .modal.modal-help h2 {
    padding-left: 10px; } }

/**********
  Login modal
**********/
.modal.modal-login .item.item-icon-right.item-text-wrap .item-content {
  margin-right: 58px;
  text-overflow: ellipsis;
  overflow: hidden; }

/**********
   Locales popover (used by cesump API)
**********/
.popover-locales {
  height: 284px;
  width: 200px; }
  .popover-locales .item {
    height: 48px; }

/**********
   Button tabs
**********/
.buttons-tabs {
  display: block;
  height: 57px;
  border: 0;
  padding: 16px 16px 0 16px;
  overflow: hidden; }
  .buttons-tabs .button.button-tab:first-child {
    border-top-left-radius: 15px; }
  .buttons-tabs .button.button-tab:last-child {
    border-top-right-radius: 15px; }
  .buttons-tabs .button.button-tab.active {
    background-color: #56d67a; }

.buttons-tabs.border-bottom {
  border-bottom: solid 1px #ccc !important; }

@media screen and (max-width: 767px) {
  .buttons-tabs {
    padding: 10px 10px 0 10px; }
    .buttons-tabs .button.button-tab {
      padding: 2px 10px 0 10px !important; } }

/**
* Override default avatar, on wallet/profile views
*/
.avatar-wallet {
  background-image: url(data:image/png;base64,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) !important; }

.bar.bar-header.bar-dark {
  background-color: #364016 !important; }

.bg-image-cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

#home ion-content {
  z-index: 0; }

#home .no-padding-xs {
  padding: 0 !important; }

@media screen and (max-width: 991px) {
  #menu .bar-header {
    background-color: #364016 !important; } }

/* -- Converse JS customization-- */
#conversejs {
  height: 55vh; }

#toggle-controlbox, #controlbox.chatbox, .chatroom-features {
  display: none !important; }

#converse-embedded-chat .chatroom .box-flyout .chatroom-body .chatroom-form-container .button-primary,
#conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .button-primary,
#converse-embedded-chat .chat-head-chatroom,
#conversejs .chat-head-chatroom {
  background-color: #33cd5f; }

#conversejs .chat-head-chatroom {
  height: 35px; }
  #conversejs .chat-head-chatroom .chat-title:before {
    font-size: 14px;
    color: #fff; }
  #conversejs .chat-head-chatroom .chat-title {
    color: #ddd; }
    #conversejs .chat-head-chatroom .chat-title .chatroom-name {
      color: #fff; }
    #conversejs .chat-head-chatroom .chat-title .chatroom-description {
      display: none !important; }
  #conversejs .chat-head-chatroom .chatbox-btn.close-chatbox-button {
    display: none !important; }

#converse-embedded-chat .chatroom .sendXMPPMessage .chat-toolbar,
#conversejs .chatroom .sendXMPPMessage .chat-toolbar {
  background-color: #80e09b; }

#conversejs #minimized-chats #toggle-minimized-chats {
  display: none !important; }

#conversejs #minimized-chats .minimized-chats-flyout {
  bottom: 6px;
  height: 35px; }
  #conversejs #minimized-chats .minimized-chats-flyout .chatbox-btn.close-chatbox-button {
    display: inline-block !important; }
  #conversejs #minimized-chats .minimized-chats-flyout a.restore-chat {
    padding-top: 0.2em; }
  #conversejs #minimized-chats .minimized-chats-flyout a.restore-chat:before {
    font-size: 18px;
    color: #fff; }

/* -- likes -- */
.hero .likes .gray, .hero .likes .popover-share .bar-header span, .popover-share .bar-header .hero .likes span, .hero .likes .popover-share .bar-footer .button-close, .popover-share .bar-footer .hero .likes .button-close, .hero .likes .popover-helptip .button-close, .popover-helptip .hero .likes .button-close {
  color: white !important; }

.hero .likes a.positive, .hero .likes a.text-editable:hover, .hero .likes a.icon-help,
.hero .likes .positive a,
.hero .likes .text-editable:hover a,
.hero .likes .icon-help a,
.hero .likes .positive i,
.hero .likes .text-editable:hover i,
.hero .likes .icon-help i,
.hero .likes .positive,
.hero .likes .text-editable:hover,
.hero .likes .icon-help {
  color: #11c1f3 !important; }



#newAccount h1 {
    font-size: 25px;
    /*text-align: left;*/
    margin-top: 30px;
}

.badge sub, .badge sup {
    line-height: inherit;
}

#home h1 {
    padding-top: 15px;
    text-align: center;
}

#home h2 {
    font-size: 22px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    color: #fff;
}
/*
#home h4 {
    color: #fff;
}

#home h4 a {
  color: inherit;
}*/

#home .footer .title {
  padding-top: 0;
  font-size: 14px;
  color: grey;
}

.bar .button.button-clear {
  font-size: 12px !important;
  font-weight: 300 !important;
  width: initial !important;
  min-width: 44px !important;
  max-width: 90px !important;
}
.bar .button.button-clear:first-child {
  margin-left: 5px;
}

.popup-buttons .button {
  padding: 0 2px !important; /*Need for 'cancel' button */
}


#transfer .list .item {
  border-bottom: solid 1px #ccc;
}
#transfer .list .item.item-no-border {
  border-bottom: 0;
}

#transfer .item.item-icon-right input {
  padding-right: 50px !important;
}




.list .item-input {
  border-bottom: solid 1px #ccc;
}

.popover .list .item {
  border-bottom: solid 1px #ccc;
}

.menu .avatar {
    height: 88px;
    width: 88px;
}

.center {
    text-align: center;
}


.col-pubkey {
  min-width: 130px !important;
}


/*.button {*/
    /*height: 50px !important;*/
    /*font-size: 18px !important;*/
/*}*/

/*.button, a {*/
    /*margin-top: 50px !important;*/
/*}*/

/*div.scroll, .slider-slides {*/
    /*-webkit-transform: initial !important;*/
/*}*/




/**********
   MODAL
**********/

.modal .title {
    text-align: center !important;
}
.slider {
    height: 100%;
}
.slider-slide {
    color: #000;
    background-color: #fff;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
}

#list {
    width: 170px;
    margin: 30px auto;
    font-size: 20px;
}
#list ol {
    margin-top: 30px;
}
#list ol li {
    text-align: left;
    list-style: decimal;
    margin: 10px 0px;
}

.button.ng-hide{
    display:none;
}

.no-margin {
    margin: 0 !important;
}

/**********
   Settings items
**********/

.settings .item-divider {
    background-color: #f5f5f5;
}

.settings .item .input-label{
    width: 80%;
}
.settings .item-toggle .input-label{
    display: inline;
    width: auto;
    max-width: 50%;
}
.settings .item-select .input-label{
    display: inline;
    width: auto;
    max-width: 50%;
}
.settings .item .badge {
    top: 22px;
}


/**********
   Network/Peer items
**********/

.list .item-peer {
  padding-top: 9px;
  padding-bottom: 3px;
}

.list .item-peer .badge {
  top: 10px;
  right: 6%;
}

.list .item-peer:hover .badge.badge-energized,
.list .item-peer:hover .badge.badge-balanced
{
  color: #fff !important;
}

.list .item-peer .badge.badge-secondary,
.list .item-peer .badge .badge-secondary {
  top: 29px;
  font-size: 10px;
  padding: 1px 4px;
  padding-right: 0px;
  font-style: normal;
}


/**********
   Block items
**********/

.item-block {
  padding-top: 4px;
  padding-bottom: 3px;
  max-height: 48px;
}

.item-block .badge {
  top: 12px;
  right: 6%;
}

.item-block.item-block-empty {
  min-height: 24px !important;
  max-height: 24px !important;
  padding-top: 0px;
  padding-bottom: 0px;
}

.item-block.item-block-empty .badge {
  padding-top: 0px !important;
  top: inherit;
}

.item-block.item-block-empty .badge.badge-balanced {
  top: 0px !important;
  padding-top: 3px !important;
  padding-bottom: 2px !important;
}

.item-block-empty.compacted {
  min-height: 3px !important;
  max-height: 3px !important;
  border-bottom: 0px !important;
}

.item-block.item-block-empty.compacted {
  border-bottom: double 1px #eee !important;
}

/* Some of these styles you can override, things like colors,
 * however some styles are required for the structure, and are critical to this module behaving properly!
 */

/* Core component styles */
.ng-image-crop {
  text-align: center;
  margin: 0 auto;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
/* Each of the 3 steps in the process are contained within sections */
.ng-image-crop > section {
  background: #ccc;
}
/* The cropping button */
.ng-image-crop button {
  margin-top: 10px;
}
/* The dashed cropping guideline */
.ng-image-crop .cropping-guide {
  display: block;
  background: rgba(255, 255, 255, .3);
  border: 2px dashed white;
  position: absolute;
  pointer-events: none;
}
/* The circular themed cropping guideline */
.ng-image-crop--circle .cropping-guide {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
/* The canvas where the user positions the image via dragging and zooming */
.ng-image-crop .cropping-canvas {
  background: rgba(255, 255, 255, .3);
  margin: 0 auto;
  cursor: move;
}
/* The overlayed draggable zoom handle in the corner of the module */
.ng-image-crop .zoom-handle {
  display: block;
  position: absolute;
  bottom: 1px;
  left: 1px;
  background: rgba(255,255,255,0.7);
  width: 80px;
  height: 80px;
  cursor: move;
  border-radius: 200px 50px;
}
/* The text within the zoom handle */
.ng-image-crop .zoom-handle > span {
  color: rgba(0, 0, 0, 0.5);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: block;
  position: relative;
  top: 32px;
}