.swui-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
  height: 100%;
  background-color: #000;
  opacity: 0;
  visibility: hidden; }
/**
 * Colors
 */
/**
 * Basic
 */
/**
 * Blues
 */
.bg-blue {
  background: #1483ff; }

.bg-blue-med {
  background: #479eff; }

.bg-blue-light {
  background: #7ab9ff; }

.color-blue {
  color: #1483ff; }

.color-blue-med {
  color: #479eff; }

.color-blue-light {
  color: #7ab9ff; }

/**
 * Light Blues
 */
.bg-light-blue {
  background: #22befb; }

.bg-light-blue-med {
  background: #54cdfc; }

.bg-light-blue-light {
  background: #86dcfd; }

.color-light-blue {
  color: #22befb; }

.color-light-blue-med {
  color: #54cdfc; }

.color-light-blue-light {
  color: #86dcfd; }

/**
 * Greens
 */
.bg-green {
  background: #1ddeb6; }

.bg-green-med {
  background: #47e7c6; }

.bg-green-light {
  background: #74edd4; }

.color-green {
  color: #1ddeb6; }

.color-green-med {
  color: #47e7c6; }

.color-green-light {
  color: #74edd4; }

/**
 * Reds
 */
.bg-red {
  background: #ff4514; }

.bg-red-med {
  background: #ff6d47; }

.bg-red-light {
  background: #ff957a; }

.color-red {
  color: #ff4514; }

.color-red-med {
  color: #ff6d47; }

.color-red-light {
  color: #ff957a; }

/**
 * Oranges
 */
.bg-orange {
  background: #ffa814; }

.bg-orange-med {
  background: #ffbb47; }

.bg-orange-light {
  background: #ffce7a; }

.color-orange {
  color: #ffa814; }

.color-orange-med {
  color: #ffbb47; }

.color-orange-light {
  color: #ffce7a; }

/**
 * Purples
 */
.bg-purple {
  background: #8a65e8; }

.bg-purple-med {
  background: #ab90ee; }

.bg-purple-light {
  background: #ccbbf5; }

.color-purple {
  color: #8a65e8; }

.color-purple-med {
  color: #ab90ee; }

.color-purple-light {
  color: #ccbbf5; }

/**
 * Backgrounds
 */
.bg-darkest {
  background: #13141b; }

.bg-darker {
  background: #1b1e27; }

.bg-dark {
  background: #232837; }

.bg-med {
  background: #2f3646; }

.bg-light {
  background: #455066; }

.bg-lighter {
  background: #5b6882; }

/**
 * Gradient Backgrounds
 */
.bg-linear-1 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #2a2f40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #2a2f40 100%); }

.bg-linear-2 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #1f2a40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #1f2a40 100%); }

.bg-radial-1 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%); }

.bg-radial-2 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%); }

/**
 * Text
 */
.bg-text-dark {
  background: #72809b; }

.bg-text-med-dark {
  background: #919db5; }

.bg-text-med {
  background: #a8b2c7; }

.bg-text-light {
  background: #f0f1f6; }

.bg-text-lighter {
  background: #fff; }

.color-text-dark {
  color: #72809b; }

.color-text-med-dark {
  color: #919db5; }

.color-text-med {
  color: #a8b2c7; }

.color-text-light {
  color: #f0f1f6; }

.color-text-lighter {
  color: #fff; }

/**
 * Header
 */
/**
 * Gradients
 */
.gradient-blue {
  background-image: -webkit-linear-gradient(bottom left, #6bd1f9 0%, #54a4fb 100%);
  background-image: linear-gradient(to top right, #6bd1f9 0%, #54a4fb 100%); }

.gradient-blue-green {
  background-image: -webkit-linear-gradient(bottom left, #69d1f8 0%, #59e6c8 100%);
  background-image: linear-gradient(to top right, #69d1f8 0%, #59e6c8 100%); }

.gradient-blue-red {
  background-image: -webkit-linear-gradient(bottom left, #50a1f9 0%, #f96f50 100%);
  background-image: linear-gradient(to top right, #50a1f9 0%, #f96f50 100%); }

.gradient-blue-purple {
  background-image: -webkit-linear-gradient(bottom left, #73bef4 0%, #aa90ed 100%);
  background-image: linear-gradient(to top right, #73bef4 0%, #aa90ed 100%); }

.gradient-red-orange {
  background-image: -webkit-linear-gradient(bottom left, #fc7c5f 0%, #fcbc5a 100%);
  background-image: linear-gradient(to top right, #fc7c5f 0%, #fcbc5a 100%); }

.gradient-orange-purple {
  background-image: -webkit-linear-gradient(bottom left, #f5cc98 0%, #ae94ec 100%);
  background-image: linear-gradient(to top right, #f5cc98 0%, #ae94ec 100%); }

/**
 * Branding
 */
.bg-logo {
  background: #1f89ff; }

.bg-text-logo {
  background: #c0ddff; }

.color-logo {
  color: #c0ddff; }

/**
 * Shadow Presets
 * Concept from: https://github.com/angular/material/blob/master/src/core/style/variables.scss
 */
.shadow-1 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.shadow-2 {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }

.shadow-3 {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); }

.shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }

.shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); }

.shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); }

.shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); }

.shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }

.shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); }

.shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); }

.shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); }

.shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); }

.shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }

.shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); }

.shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); }

.shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); }

.shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); }

.shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); }

.shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); }

.shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); }

.shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); }

.shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); }

.shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }

.shadow-fx {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .shadow-fx:hover {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.drawer {
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: left;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  z-index: 998;
  background: #1b1e27; }
  .drawer.left-drawer {
    top: 0;
    left: 100%;
    height: 100%; }
  .drawer.bottom-drawer {
    left: 0;
    top: 100%;
    width: 100%; }
/**
 * Colors
 */
/**
 * Basic
 */
/**
 * Blues
 */
.bg-blue {
  background: #1483ff; }

.bg-blue-med {
  background: #479eff; }

.bg-blue-light {
  background: #7ab9ff; }

.color-blue {
  color: #1483ff; }

.color-blue-med {
  color: #479eff; }

.color-blue-light {
  color: #7ab9ff; }

/**
 * Light Blues
 */
.bg-light-blue {
  background: #22befb; }

.bg-light-blue-med {
  background: #54cdfc; }

.bg-light-blue-light {
  background: #86dcfd; }

.color-light-blue {
  color: #22befb; }

.color-light-blue-med {
  color: #54cdfc; }

.color-light-blue-light {
  color: #86dcfd; }

/**
 * Greens
 */
.bg-green {
  background: #1ddeb6; }

.bg-green-med {
  background: #47e7c6; }

.bg-green-light {
  background: #74edd4; }

.color-green {
  color: #1ddeb6; }

.color-green-med {
  color: #47e7c6; }

.color-green-light {
  color: #74edd4; }

/**
 * Reds
 */
.bg-red {
  background: #ff4514; }

.bg-red-med {
  background: #ff6d47; }

.bg-red-light {
  background: #ff957a; }

.color-red {
  color: #ff4514; }

.color-red-med {
  color: #ff6d47; }

.color-red-light {
  color: #ff957a; }

/**
 * Oranges
 */
.bg-orange {
  background: #ffa814; }

.bg-orange-med {
  background: #ffbb47; }

.bg-orange-light {
  background: #ffce7a; }

.color-orange {
  color: #ffa814; }

.color-orange-med {
  color: #ffbb47; }

.color-orange-light {
  color: #ffce7a; }

/**
 * Purples
 */
.bg-purple {
  background: #8a65e8; }

.bg-purple-med {
  background: #ab90ee; }

.bg-purple-light {
  background: #ccbbf5; }

.color-purple {
  color: #8a65e8; }

.color-purple-med {
  color: #ab90ee; }

.color-purple-light {
  color: #ccbbf5; }

/**
 * Backgrounds
 */
.bg-darkest {
  background: #13141b; }

.bg-darker {
  background: #1b1e27; }

.bg-dark {
  background: #232837; }

.bg-med {
  background: #2f3646; }

.bg-light {
  background: #455066; }

.bg-lighter {
  background: #5b6882; }

/**
 * Gradient Backgrounds
 */
.bg-linear-1 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #2a2f40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #2a2f40 100%); }

.bg-linear-2 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #1f2a40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #1f2a40 100%); }

.bg-radial-1 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%); }

.bg-radial-2 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%); }

/**
 * Text
 */
.bg-text-dark {
  background: #72809b; }

.bg-text-med-dark {
  background: #919db5; }

.bg-text-med {
  background: #a8b2c7; }

.bg-text-light {
  background: #f0f1f6; }

.bg-text-lighter {
  background: #fff; }

.color-text-dark {
  color: #72809b; }

.color-text-med-dark {
  color: #919db5; }

.color-text-med {
  color: #a8b2c7; }

.color-text-light {
  color: #f0f1f6; }

.color-text-lighter {
  color: #fff; }

/**
 * Header
 */
/**
 * Gradients
 */
.gradient-blue {
  background-image: -webkit-linear-gradient(bottom left, #6bd1f9 0%, #54a4fb 100%);
  background-image: linear-gradient(to top right, #6bd1f9 0%, #54a4fb 100%); }

.gradient-blue-green {
  background-image: -webkit-linear-gradient(bottom left, #69d1f8 0%, #59e6c8 100%);
  background-image: linear-gradient(to top right, #69d1f8 0%, #59e6c8 100%); }

.gradient-blue-red {
  background-image: -webkit-linear-gradient(bottom left, #50a1f9 0%, #f96f50 100%);
  background-image: linear-gradient(to top right, #50a1f9 0%, #f96f50 100%); }

.gradient-blue-purple {
  background-image: -webkit-linear-gradient(bottom left, #73bef4 0%, #aa90ed 100%);
  background-image: linear-gradient(to top right, #73bef4 0%, #aa90ed 100%); }

.gradient-red-orange {
  background-image: -webkit-linear-gradient(bottom left, #fc7c5f 0%, #fcbc5a 100%);
  background-image: linear-gradient(to top right, #fc7c5f 0%, #fcbc5a 100%); }

.gradient-orange-purple {
  background-image: -webkit-linear-gradient(bottom left, #f5cc98 0%, #ae94ec 100%);
  background-image: linear-gradient(to top right, #f5cc98 0%, #ae94ec 100%); }

/**
 * Branding
 */
.bg-logo {
  background: #1f89ff; }

.bg-text-logo {
  background: #c0ddff; }

.color-logo {
  color: #c0ddff; }

/**
 * Shadow Presets
 * Concept from: https://github.com/angular/material/blob/master/src/core/style/variables.scss
 */
.shadow-1 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.shadow-2 {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }

.shadow-3 {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); }

.shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }

.shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); }

.shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); }

.shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); }

.shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }

.shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); }

.shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); }

.shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); }

.shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); }

.shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }

.shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); }

.shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); }

.shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); }

.shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); }

.shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); }

.shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); }

.shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); }

.shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); }

.shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); }

.shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }

.shadow-fx {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .shadow-fx:hover {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.swui-dialog {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  pointer-events: none; }
  .swui-dialog .swui-dialog-content {
    pointer-events: auto;
    border-radius: 2px;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12);
    background: #232837;
    padding: 1.4rem;
    position: relative;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
    .swui-dialog .swui-dialog-content .swui-dialog-header .swui-dialog-title {
      font-size: 1.8rem;
      font-weight: 500;
      margin: 0 0 1.4rem 0;
      color: #fff; }
    .swui-dialog .swui-dialog-content .swui-dialog-header .close {
      position: absolute;
      top: 5px;
      color: #fff;
      right: 5px; }
    .swui-dialog .swui-dialog-content .swui-dialog-body {
      font-size: .9rem;
      color: #a8b2c7; }

@-webkit-keyframes anim-open {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@keyframes anim-open {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

@-webkit-keyframes anim-close {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 1);
            transform: scale3d(0.9, 0.9, 1); } }

@keyframes anim-close {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 1);
            transform: scale3d(0.9, 0.9, 1); } }
/**
 * Colors
 */
/**
 * Basic
 */
/**
 * Blues
 */
.bg-blue {
  background: #1483ff; }

.bg-blue-med {
  background: #479eff; }

.bg-blue-light {
  background: #7ab9ff; }

.color-blue {
  color: #1483ff; }

.color-blue-med {
  color: #479eff; }

.color-blue-light {
  color: #7ab9ff; }

/**
 * Light Blues
 */
.bg-light-blue {
  background: #22befb; }

.bg-light-blue-med {
  background: #54cdfc; }

.bg-light-blue-light {
  background: #86dcfd; }

.color-light-blue {
  color: #22befb; }

.color-light-blue-med {
  color: #54cdfc; }

.color-light-blue-light {
  color: #86dcfd; }

/**
 * Greens
 */
.bg-green {
  background: #1ddeb6; }

.bg-green-med {
  background: #47e7c6; }

.bg-green-light {
  background: #74edd4; }

.color-green {
  color: #1ddeb6; }

.color-green-med {
  color: #47e7c6; }

.color-green-light {
  color: #74edd4; }

/**
 * Reds
 */
.bg-red {
  background: #ff4514; }

.bg-red-med {
  background: #ff6d47; }

.bg-red-light {
  background: #ff957a; }

.color-red {
  color: #ff4514; }

.color-red-med {
  color: #ff6d47; }

.color-red-light {
  color: #ff957a; }

/**
 * Oranges
 */
.bg-orange {
  background: #ffa814; }

.bg-orange-med {
  background: #ffbb47; }

.bg-orange-light {
  background: #ffce7a; }

.color-orange {
  color: #ffa814; }

.color-orange-med {
  color: #ffbb47; }

.color-orange-light {
  color: #ffce7a; }

/**
 * Purples
 */
.bg-purple {
  background: #8a65e8; }

.bg-purple-med {
  background: #ab90ee; }

.bg-purple-light {
  background: #ccbbf5; }

.color-purple {
  color: #8a65e8; }

.color-purple-med {
  color: #ab90ee; }

.color-purple-light {
  color: #ccbbf5; }

/**
 * Backgrounds
 */
.bg-darkest {
  background: #13141b; }

.bg-darker {
  background: #1b1e27; }

.bg-dark {
  background: #232837; }

.bg-med {
  background: #2f3646; }

.bg-light {
  background: #455066; }

.bg-lighter {
  background: #5b6882; }

/**
 * Gradient Backgrounds
 */
.bg-linear-1 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #2a2f40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #2a2f40 100%); }

.bg-linear-2 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #1f2a40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #1f2a40 100%); }

.bg-radial-1 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%); }

.bg-radial-2 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%); }

/**
 * Text
 */
.bg-text-dark {
  background: #72809b; }

.bg-text-med-dark {
  background: #919db5; }

.bg-text-med {
  background: #a8b2c7; }

.bg-text-light {
  background: #f0f1f6; }

.bg-text-lighter {
  background: #fff; }

.color-text-dark {
  color: #72809b; }

.color-text-med-dark {
  color: #919db5; }

.color-text-med {
  color: #a8b2c7; }

.color-text-light {
  color: #f0f1f6; }

.color-text-lighter {
  color: #fff; }

/**
 * Header
 */
/**
 * Gradients
 */
.gradient-blue {
  background-image: -webkit-linear-gradient(bottom left, #6bd1f9 0%, #54a4fb 100%);
  background-image: linear-gradient(to top right, #6bd1f9 0%, #54a4fb 100%); }

.gradient-blue-green {
  background-image: -webkit-linear-gradient(bottom left, #69d1f8 0%, #59e6c8 100%);
  background-image: linear-gradient(to top right, #69d1f8 0%, #59e6c8 100%); }

.gradient-blue-red {
  background-image: -webkit-linear-gradient(bottom left, #50a1f9 0%, #f96f50 100%);
  background-image: linear-gradient(to top right, #50a1f9 0%, #f96f50 100%); }

.gradient-blue-purple {
  background-image: -webkit-linear-gradient(bottom left, #73bef4 0%, #aa90ed 100%);
  background-image: linear-gradient(to top right, #73bef4 0%, #aa90ed 100%); }

.gradient-red-orange {
  background-image: -webkit-linear-gradient(bottom left, #fc7c5f 0%, #fcbc5a 100%);
  background-image: linear-gradient(to top right, #fc7c5f 0%, #fcbc5a 100%); }

.gradient-orange-purple {
  background-image: -webkit-linear-gradient(bottom left, #f5cc98 0%, #ae94ec 100%);
  background-image: linear-gradient(to top right, #f5cc98 0%, #ae94ec 100%); }

/**
 * Branding
 */
.bg-logo {
  background: #1f89ff; }

.bg-text-logo {
  background: #c0ddff; }

.color-logo {
  color: #c0ddff; }

/**
 * Shadow Presets
 * Concept from: https://github.com/angular/material/blob/master/src/core/style/variables.scss
 */
.shadow-1 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.shadow-2 {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }

.shadow-3 {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); }

.shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }

.shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); }

.shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); }

.shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); }

.shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }

.shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); }

.shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); }

.shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); }

.shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); }

.shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }

.shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); }

.shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); }

.shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); }

.shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); }

.shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); }

.shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); }

.shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); }

.shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); }

.shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); }

.shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }

.shadow-fx {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .shadow-fx:hover {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.swui-notification-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  min-width: 120px;
  max-width: 300px;
  z-index: 9998; }

.swui-notification {
  display: block;
  padding: 1rem;
  border-radius: 3px;
  margin-top: .5rem;
  position: relative;
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); }
  .swui-notification.notification-closeable {
    padding-right: 2.5rem; }
  .swui-notification.swui-notification-info {
    background: rgba(0, 0, 0, 0.8); }
  .swui-notification.swui-notification-error {
    background: #ff4514; }
  .swui-notification.swui-notification-warning {
    background: #ffa814; }
  .swui-notification.swui-notification-success {
    background: #1ddeb6; }
  .swui-notification .swui-notification-title {
    margin: 0; }
  .swui-notification .swui-notification-body {
    font-size: .9rem;
    margin: 0; }
  .swui-notification .swui-notification-close {
    position: absolute;
    top: 1rem;
    right: 1rem; }
.datatable {
  display: block;
  overflow: hidden;
  justify-content: center;
  position: relative;
  /**
   * Vertical Scrolling Adjustments
   */
  /**
   * Horizontal Scrolling Adjustments
   */
  /**
   * Fixed Header Height Adjustments
   */
  /**
   * Fixed row height adjustments
   */
  /**
   * Shared Styles
   */
  /**
   * Header Styles
   */
  /**
   * Body Styles
   */
  /**
   * Footer Styles
   */ }
  .datatable [hidden] {
    display: none !important; }
  .datatable *, .datatable *:before, .datatable *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .datatable.scroll-vertical .datatable-body {
    overflow-y: auto; }
    .datatable.scroll-vertical .datatable-body .datatable-row-wrapper {
      position: absolute; }
  .datatable.scroll-horz .datatable-body {
    overflow-x: auto; }
  .datatable.fixed-header .datatable-header .datatable-header-inner {
    white-space: nowrap; }
    .datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .datatable.fixed-row .datatable-scroll {
    white-space: nowrap; }
    .datatable.fixed-row .datatable-scroll .datatable-body-row {
      white-space: nowrap; }
      .datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
  .datatable .datatable-body-row,
  .datatable .datatable-header-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-flex-flow: row;
    -moz-flex-flow: row;
    -ms-flex-flow: row;
    -o-flex-flow: row;
    flex-flow: row; }
  .datatable .datatable-body-cell,
  .datatable .datatable-header-cell {
    vertical-align: top;
    display: inline-block;
    line-height: 1.625;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; }
    .datatable .datatable-body-cell:focus,
    .datatable .datatable-header-cell:focus {
      outline: none; }
  .datatable .datatable-row-left,
  .datatable .datatable-row-right {
    z-index: 9; }
  .datatable .datatable-row-left,
  .datatable .datatable-row-center,
  .datatable .datatable-row-right {
    position: relative; }
  .datatable .datatable-header {
    display: block;
    overflow: hidden; }
    .datatable .datatable-header .datatable-header-inner {
      align-items: stretch;
      -webkit-align-items: stretch; }
    .datatable .datatable-header .datatable-header-cell {
      position: relative;
      display: inline-block; }
      .datatable .datatable-header .datatable-header-cell.longpress {
        cursor: move; }
      .datatable .datatable-header .datatable-header-cell.sortable {
        cursor: pointer; }
      .datatable .datatable-header .datatable-header-cell .sort-btn {
        line-height: 100%;
        vertical-align: middle;
        display: inline-block; }
      .datatable .datatable-header .datatable-header-cell .resize-handle {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 5px;
        padding: 0 8px;
        visibility: hidden;
        cursor: ew-resize; }
      .datatable .datatable-header .datatable-header-cell.resizeable:hover .resize-handle {
        visibility: visible; }
  .datatable .datatable-body {
    position: relative;
    z-index: 10;
    display: block; }
    .datatable .datatable-body .datatable-scroll {
      display: inline-block; }
    .datatable .datatable-body .datatable-row-detail {
      overflow-y: hidden; }
    .datatable .datatable-body .datatable-row-wrapper {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
    .datatable .datatable-body .datatable-body-row {
      outline: none; }
      .datatable .datatable-body .datatable-body-row > div {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
  .datatable .datatable-footer {
    display: block;
    width: 100%; }
    .datatable .datatable-footer > div {
      display: flex;
      align-items: center;
      width: 100%; }
    .datatable .datatable-footer .page-count {
      display: inline-block;
      flex: 1 1 20%; }
    .datatable .datatable-footer .datatable-pager {
      display: inline-block;
      flex: 1 1 80%;
      text-align: right; }
      .datatable .datatable-footer .datatable-pager .pager,
      .datatable .datatable-footer .datatable-pager .pager li {
        padding: 0;
        margin: 0;
        display: inline-block;
        list-style: none; }
      .datatable .datatable-footer .datatable-pager .pager li, .datatable .datatable-footer .datatable-pager .pager li a {
        outline: none; }
      .datatable .datatable-footer .datatable-pager .pager li a {
        cursor: pointer;
        display: inline-block; }
      .datatable .datatable-footer .datatable-pager .pager li.disabled a {
        cursor: not-allowed; }
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

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

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template, /* 1 */
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/**
 * Add the correct background and color in IE 9-.
 */

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

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

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

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

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

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

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

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

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

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
@charset "UTF-8";
/**
 * Core
 */
/**
 * Normalize.css makes browsers render all elements more
 * consistently and in line with modern standards.
 * It precisely targets only the styles that need normalizing.
 *
 * http://necolas.github.io/normalize.css/
 */
/**
 * Style tools for UI components
 *
 * https://github.com/suitcss/suit
 */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none; }

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/**
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */
/**
 * Prevent margin and border from affecting element width.
 * https://goo.gl/pYtbK7
 *
 */
html {
  box-sizing: border-box; }

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

/**
 * Removes the default spacing and border for appropriate elements.
 */
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
p,
pre {
  margin: 0; }

button {
  background: transparent;
  border: 0;
  padding: 0; }

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

iframe {
  border: 0; }

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0; }

/**
 * Suppress the focus outline on elements that cannot be accessed via keyboard.
 * This prevents an unwanted focus outline from appearing around elements that
 * might still respond to pointer events.
 */
[tabindex="-1"]:focus {
  outline: none !important; }

/**
 * @define utilities
 * Vertical alignment utilities
 * Depends on an appropriate `display` value.
 */
.u-alignBaseline {
  vertical-align: baseline !important; }

.u-alignBottom {
  vertical-align: bottom !important; }

.u-alignMiddle {
  vertical-align: middle !important; }

.u-alignTop {
  vertical-align: top !important; }

/**
 * @define utilities
 * Display-type utilities
 */
.u-block {
  display: block !important; }

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

/**
 * Completely remove from the flow but leave available to screen readers.
 */
.u-hiddenVisually {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.u-inline {
  display: inline !important; }

/**
 * 1. Fix for Firefox bug: an image styled `max-width:100%` within an
 * inline-block will display at its default size, and not limit its width to
 * 100% of an ancestral container.
 */
.u-inlineBlock {
  display: inline-block !important;
  max-width: 100%;
  /* 1 */ }

.u-table {
  display: table !important; }

.u-tableCell {
  display: table-cell !important; }

.u-tableRow {
  display: table-row !important; }

/**
 * @define utilities
 * Contain floats
 *
 * Make an element expand to contain floated children.
 * Uses pseudo-elements (micro clearfix).
 *
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of the
 *    element.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.u-cf::before,
.u-cf::after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.u-cf::after {
  clear: both; }

/**
 * New block formatting context
 *
 * This affords some useful properties to the element. It won't wrap under
 * floats. Will also contain any floated children.

 * N.B. This will clip overflow. Use the alternative method below if this is
 * problematic.
 */
.u-nbfc {
  overflow: hidden !important; }

/**
 * New block formatting context (alternative)
 *
 * Alternative method when overflow must not be clipped.
 *
 * 1. Create a new block formatting context (NBFC).
 * 2. Avoid shrink-wrap behaviour of table-cell.
 *
 * N.B. This breaks down in some browsers when elements within this element
 * exceed its width.
 */
.u-nbfcAlt {
  display: table-cell !important;
  /* 1 */
  width: 10000px !important;
  /* 2 */ }

/**
 * Floats
 */
.u-floatLeft {
  float: left !important; }

.u-floatRight {
  float: right !important; }

/**
 * @define utilities
 * Specify the proportional offset after an element.
 * Intentional redundancy build into each set of unit classes.
 * Supports: 2, 4, 5, 6, 8, 10, 12 section
 */
.u-after1of12 {
  margin-right: 8.33333% !important; }

.u-after1of10 {
  margin-right: 10% !important; }

.u-after1of8 {
  margin-right: 12.5% !important; }

.u-after1of6,
.u-after2of12 {
  margin-right: 16.66667% !important; }

.u-after1of5,
.u-after2of10 {
  margin-right: 20% !important; }

.u-after1of4,
.u-after2of8,
.u-after3of12 {
  margin-right: 25% !important; }

.u-after3of10 {
  margin-right: 30% !important; }

.u-after1of3,
.u-after2of6,
.u-after4of12 {
  margin-right: 33.33333% !important; }

.u-after3of8 {
  margin-right: 37.5% !important; }

.u-after2of5,
.u-after4of10 {
  margin-right: 40% !important; }

.u-after5of12 {
  margin-right: 41.66667% !important; }

.u-after1of2,
.u-after2of4,
.u-after3of6,
.u-after4of8,
.u-after5of10,
.u-after6of12 {
  margin-right: 50% !important; }

.u-after7of12 {
  margin-right: 58.33333% !important; }

.u-after3of5,
.u-after6of10 {
  margin-right: 60% !important; }

.u-after5of8 {
  margin-right: 62.5% !important; }

.u-after2of3,
.u-after4of6,
.u-after8of12 {
  margin-right: 66.66667% !important; }

.u-after7of10 {
  margin-right: 70% !important; }

.u-after3of4,
.u-after6of8,
.u-after9of12 {
  margin-right: 75% !important; }

.u-after4of5,
.u-after8of10 {
  margin-right: 80% !important; }

.u-after5of6,
.u-after10of12 {
  margin-right: 83.33333% !important; }

.u-after7of8 {
  margin-right: 87.5% !important; }

.u-after9of10 {
  margin-right: 90% !important; }

.u-after11of12 {
  margin-right: 91.66667% !important; }

/**
 * @define utilities
 * Offset: breakpoint 1 (small)
 *
 * Specify the proportional offset after an element.
 * Intentional redundancy build into each set of unit classes.
 * Supports: 2, 4, 5, 6, 8, 10, 12 section
 */
/**
 * @define utilities
 * Offset: breakpoint 2 (medium)
 *
 * Specify the proportional offset after an element.
 * Intentional redundancy build into each set of unit classes.
 * Supports: 2, 4, 5, 6, 8, 10, 12 section
 */
/**
 * @define utilities
 * Offset: breakpoint 3 (large)
 *
 * Specify the proportional offset after an element.
 * Intentional redundancy build into each set of unit classes.
 * Supports: 2, 4, 5, 6, 8, 10, 12 section
 */
/**
 * @define utilities
 * Specify the proportional offset before an object.
 * Intentional redundancy build into each set of unit classes.
 * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section
 */
.u-before1of12 {
  margin-left: 8.33333% !important; }

.u-before1of10 {
  margin-left: 10% !important; }

.u-before1of8 {
  margin-left: 12.5% !important; }

.u-before1of6,
.u-before2of12 {
  margin-left: 16.66667% !important; }

.u-before1of5,
.u-before2of10 {
  margin-left: 20% !important; }

.u-before1of4,
.u-before2of8,
.u-before3of12 {
  margin-left: 25% !important; }

.u-before3of10 {
  margin-left: 30% !important; }

.u-before1of3,
.u-before2of6,
.u-before4of12 {
  margin-left: 33.33333% !important; }

.u-before3of8 {
  margin-left: 37.5% !important; }

.u-before2of5,
.u-before4of10 {
  margin-left: 40% !important; }

.u-before5of12 {
  margin-left: 41.66667% !important; }

.u-before1of2,
.u-before2of4,
.u-before3of6,
.u-before4of8,
.u-before5of10,
.u-before6of12 {
  margin-left: 50% !important; }

.u-before7of12 {
  margin-left: 58.33333% !important; }

.u-before3of5,
.u-before6of10 {
  margin-left: 60% !important; }

.u-before5of8 {
  margin-left: 62.5% !important; }

.u-before2of3,
.u-before4of6,
.u-before8of12 {
  margin-left: 66.66667% !important; }

.u-before7of10 {
  margin-left: 70% !important; }

.u-before3of4,
.u-before6of8,
.u-before9of12 {
  margin-left: 75% !important; }

.u-before4of5,
.u-before8of10 {
  margin-left: 80% !important; }

.u-before5of6,
.u-before10of12 {
  margin-left: 83.33333% !important; }

.u-before7of8 {
  margin-left: 87.5% !important; }

.u-before9of10 {
  margin-left: 90% !important; }

.u-before11of12 {
  margin-left: 91.66667% !important; }

/**
 * @define utilities
 * Offset: breakpoint 1 (small)
 *
 * Specify the proportional offset before an element.
 * Intentional redundancy build into each set of unit classes.
 * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section
 */
/**
 * @define utilities
 * Offset: breakpoint 2 (medium)
 *
 * Specify the proportional offset before an element.
 * Intentional redundancy build into each set of unit classes.
 * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section
 */
/**
 * @define utilities
 * Offset: breakpoint 3 (large)
 *
 * Specify the proportional offset before an element.
 * Intentional redundancy build into each set of unit classes.
 * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section
 */
/** @define utilities */
.u-posFit,
.u-posAbsoluteCenter,
.u-posAbsolute {
  position: absolute !important; }

/**
 * Element will be centered to its nearest relatively-positioned
 * ancestor.
 */
.u-posFixedCenter,
.u-posAbsoluteCenter {
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important; }

.u-posFit,
.u-posFullScreen {
  bottom: 0 !important;
  left: 0 !important;
  margin: auto !important;
  right: 0 !important;
  top: 0 !important; }

/**
 * 1. Make sure fixed elements are promoted into a new layer, for performance
 *    reasons.
 */
.u-posFullScreen,
.u-posFixedCenter,
.u-posFixed {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* 1 */
  position: fixed !important; }

.u-posRelative {
  position: relative !important; }

.u-posStatic {
  position: static !important; }

/**
 * @define utilities
 * Sizing utilities
 */
/* Proportional widths
   ========================================================================== */
/**
 * Specify the proportional width of an object.
 * Intentional redundancy build into each set of unit classes.
 * Supports: 2, 3, 4, 5, 6, 8, 10, 12 part
 *
 * 1. Use `flex-basis: auto` with a width to avoid box-sizing bug in IE10/11
 *    http://git.io/vllMD
 */
.u-size1of12 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 8.33333% !important; }

.u-size1of10 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 10% !important; }

.u-size1of8 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 12.5% !important; }

.u-size1of6,
.u-size2of12 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 16.66667% !important; }

.u-size1of5,
.u-size2of10 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 20% !important; }

.u-size1of4,
.u-size2of8,
.u-size3of12 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 25% !important; }

.u-size3of10 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 30% !important; }

.u-size1of3,
.u-size2of6,
.u-size4of12 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 33.33333% !important; }

.u-size3of8 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 37.5% !important; }

.u-size2of5,
.u-size4of10 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 40% !important; }

.u-size5of12 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 41.66667% !important; }

.u-size1of2,
.u-size2of4,
.u-size3of6,
.u-size4of8,
.u-size5of10,
.u-size6of12 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 50% !important; }

.u-size7of12 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 58.33333% !important; }

.u-size3of5,
.u-size6of10 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 60% !important; }

.u-size5of8 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 62.5% !important; }

.u-size2of3,
.u-size4of6,
.u-size8of12 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 66.66667% !important; }

.u-size7of10 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 70% !important; }

.u-size3of4,
.u-size6of8,
.u-size9of12 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 75% !important; }

.u-size4of5,
.u-size8of10 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 80% !important; }

.u-size5of6,
.u-size10of12 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 83.33333% !important; }

.u-size7of8 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 87.5% !important; }

.u-size9of10 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 90% !important; }

.u-size11of12 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 91.66667% !important; }

/* Intrinsic widths
   ========================================================================== */
/**
 * Make an element shrink wrap its content.
 */
.u-sizeFit {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important; }

/**
 * Make an element fill the remaining space.
 *
 * 1. Be explicit to work around IE10 bug with shorthand flex
 *    http://git.io/vllC7
 * 2. IE10 ignores previous `flex-basis` value. Setting again here fixes
 *    http://git.io/vllMt
 */
.u-sizeFill {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 0% !important;
  flex: 1 1 0% !important;
  /* 1 */
  -ms-flex-preferred-size: 0% !important;
  flex-basis: 0% !important;
  /* 2 */ }

/**
 * An alternative method to make an element fill the remaining space.
 * Distributes space based on the initial width and height of the element
 *
 * http://www.w3.org/TR/css-flexbox/images/rel-vs-abs-flex.svg
 */
.u-sizeFillAlt {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important; }

/**
 * Make an element the width of its parent.
 */
.u-sizeFull {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important; }

/**
 * @define utilities
 * Size: breakpoint 1 (small)
 */
/**
 * @define utilities
 * Size: breakpoint 2 (medium)
 */
/**
 * @define utilities
 * Size: breakpoint 3 (large)
 */
/**
 * Word breaking
 *
 * Break strings when their length exceeds the width of their container.
 */
.u-textBreak {
  word-wrap: break-word !important; }

/**
 * Horizontal text alignment
 */
.u-textCenter {
  text-align: center !important; }

.u-textLeft {
  text-align: left !important; }

.u-textRight {
  text-align: right !important; }

/**
 * Inherit the ancestor's text color.
 */
.u-textInheritColor {
  color: inherit !important; }

/**
 * Enables font kerning in all browsers.
 * http://blog.typekit.com/2014/02/05/kerning-on-the-web/
 *
 * 1. Chrome (not Windows), Firefox, IE 10+
 * 2. Safari 7 and future browsers
 * 3. Chrome (not Windows), Firefox, Safari 6+, iOS, Android
 */
.u-textKern {
  -webkit-font-feature-settings: "kern" 1;
  font-feature-settings: "kern" 1;
  /* 1 */
  -webkit-font-kerning: normal;
  font-kerning: normal;
  /* 2 */
  text-rendering: optimizeLegibility;
  /* 3 */ }

/**
 * Prevent whitespace wrapping
 */
.u-textNoWrap {
  white-space: nowrap !important; }

/**
 * Text truncation
 *
 * Prevent text from wrapping onto multiple lines, and truncate with an
 * ellipsis.
 *
 * 1. Ensure that the node has a maximum width after which truncation can
 *    occur.
 * 2. Fix for IE 8/9 if `word-wrap: break-word` is in effect on ancestor
 *    nodes.
 */
.u-textTruncate {
  max-width: 100%;
  /* 1 */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  word-wrap: normal !important;
  /* 2 */ }

/** @define utilities */
/* Applies to flex container
   ========================================================================== */
/**
 * Container
 */
.u-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.u-flexInline {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }

/**
 * Direction: row
 */
.u-flexRow {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important; }

.u-flexRowReverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important; }

/**
 * Direction: column
 */
.u-flexCol {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important; }

.u-flexColReverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important; }

/**
 * Wrap
 */
.u-flexWrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important; }

.u-flexNoWrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important; }

.u-flexWrapReverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important; }

/**
 * Align items along the main axis of the current line of the flex container
 */
.u-flexJustifyStart {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important; }

.u-flexJustifyEnd {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important; }

.u-flexJustifyCenter {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.u-flexJustifyBetween {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

.u-flexJustifyAround {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important; }

/**
 * Align items in the cross axis of the current line of the flex container
 * Similar to `justify-content` but in the perpendicular direction
 */
.u-flexAlignItemsStart {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  -ms-grid-row-align: flex-start !important;
  align-items: flex-start !important; }

.u-flexAlignItemsEnd {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  -ms-grid-row-align: flex-end !important;
  align-items: flex-end !important; }

.u-flexAlignItemsCenter {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  -ms-grid-row-align: center !important;
  align-items: center !important; }

.u-flexAlignItemsStretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  -ms-grid-row-align: stretch !important;
  align-items: stretch !important; }

.u-flexAlignItemsBaseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  -ms-grid-row-align: baseline !important;
  align-items: baseline !important; }

/**
 * Aligns items within the flex container when there is extra
 * space in the cross-axis
 *
 * Has no effect when there is only one line of flex items.
 */
.u-flexAlignContentStart {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important; }

.u-flexAlignContentEnd {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important; }

.u-flexAlignContentCenter {
  -ms-flex-line-pack: center !important;
  align-content: center !important; }

.u-flexAlignContentStretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important; }

.u-flexAlignContentBetween {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important; }

.u-flexAlignContentAround {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important; }

/**
 * 1. Set the flex-shrink default explicitly to fix IE10 - http://git.io/vllC7
 */
/* postcss-bem-linter: ignore */
.u-flex > *,
.u-flexInline > * {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  /* 1 */ }

/* Applies to flex items
   ========================================================================== */
/**
 * Override default alignment of single item when specified by `align-items`
 */
.u-flexAlignSelfStart {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important; }

.u-flexAlignSelfEnd {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important; }

.u-flexAlignSelfCenter {
  -ms-flex-item-align: center !important;
  -ms-grid-row-align: center !important;
      align-self: center !important; }

.u-flexAlignSelfStretch {
  -ms-flex-item-align: stretch !important;
  -ms-grid-row-align: stretch !important;
      align-self: stretch !important; }

.u-flexAlignSelfBaseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important; }

.u-flexAlignSelfAuto {
  -ms-flex-item-align: auto !important;
  -ms-grid-row-align: auto !important;
      align-self: auto !important; }

/**
 * Change order without editing underlying HTML
 */
.u-flexOrderFirst {
  -webkit-box-ordinal-group: 0 !important;
  -ms-flex-order: -1 !important;
  order: -1 !important; }

.u-flexOrderLast {
  -webkit-box-ordinal-group: 2 !important;
  -ms-flex-order: 1 !important;
  order: 1 !important; }

.u-flexOrderNone {
  -webkit-box-ordinal-group: 1 !important;
  -ms-flex-order: 0 !important;
  order: 0 !important; }

/**
 * Specify the flex grow factor, which determines how much the flex item will
 * grow relative to the rest of the flex items in the flex container.
 *
 * Supports 1-5 proportions
 *
 * 1. Provide all values to avoid IE10 bug with shorthand flex
 *    - http://git.io/vllC7
 *
 *    Use `0%` to avoid bug in IE10/11 with unitless flex basis. Using this
 *    instead of `auto` as this matches what the default would be with `flex`
 *    shorthand - http://git.io/vllWx
 */
.u-flexGrow1 {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 0% !important;
  flex: 1 1 0% !important;
  /* 1 */ }

.u-flexGrow2 {
  -webkit-box-flex: 2 !important;
  -ms-flex: 2 1 0% !important;
  flex: 2 1 0% !important; }

.u-flexGrow3 {
  -webkit-box-flex: 3 !important;
  -ms-flex: 3 1 0% !important;
  flex: 3 1 0% !important; }

.u-flexGrow4 {
  -webkit-box-flex: 4 !important;
  -ms-flex: 4 1 0% !important;
  flex: 4 1 0% !important; }

.u-flexGrow5 {
  -webkit-box-flex: 5 !important;
  -ms-flex: 5 1 0% !important;
  flex: 5 1 0% !important; }

/**
 * Aligning with `auto` margins
 * http://www.w3.org/TR/css-flexbox-1/#auto-margins
 */
.u-flexExpand {
  margin: auto !important; }

.u-flexExpandLeft {
  margin-left: auto !important; }

.u-flexExpandRight {
  margin-right: auto !important; }

.u-flexExpandTop {
  margin-top: auto !important; }

.u-flexExpandBottom {
  margin-bottom: auto !important; }

/**
 * @define utilities
 * Size: breakpoint 1 (small)
 */
/**
 * @define utilities
 * Size: breakpoint 1 (medium)
 */
/**
 * @define utilities
 * Size: breakpoint 1 (large)
 */
/** @define Arrange; weak */
/**
 * This component lets you lay out a row of cells in various ways. You can
 * specify whether a cell should be wide enough to fit its content, or take up
 * the remaining space in the row. It's also possible to give all cells an
 * equal width, and to control their vertical alignment.
 */
/**
 * 1. Protect against the component expanding beyond the confines of its
 *    container if properties affecting the box-model are applied to the
 *    component. Mainly necessary because of (5).
 * 2. Rely on table layout.
 * 3. Zero out the default spacing that might be on an element (e.g., `ul`).
 * 4. Make sure the component fills at least the full width of its parent.
 * 5. Reset the table-layout algorithm in case a component is nested.
 */
.Arrange {
  box-sizing: border-box;
  /* 1 */
  display: table;
  /* 2 */
  margin: 0;
  /* 3 */
  min-width: 100%;
  /* 4 */
  padding: 0;
  /* 3 */
  table-layout: auto;
  /* 5 */ }

/**
 * There are three possible types of child. `sizeFill` will expand to fill all
 * of the remaining space not filled by `sizeFit` elements. `row` will begin a
 * new row context, keeping columns the same size.
 *
 * 1. Zero out any default spacing that might be on an element (e.g., `li`);
 *    Margin has no effect when coupled with `display: table-cell`.
 * 2. All cells are top-aligned by default
 */
.Arrange-sizeFill,
.Arrange-sizeFit {
  display: table-cell;
  padding: 0;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/**
 * Make sure the main content block expands to fill the remaining space.
 */
.Arrange-sizeFill {
  width: 100%; }

/**
 * Where possible, protect against large images breaking the layout. Prevent them from
 * exceeding the width of the main content block by making them fluid.
 *
 * Only work for all browsers with the `Arrange--equally` variant. For Firefox
 * and IE to constrain image dimensions for other layouts, large images will
 * need their width set to `100%`.
 */
.Arrange-sizeFill img {
  height: auto;
  max-width: 100%; }

/**
 * Defend against a side-effect of this layout pattern: images in
 * 'Arrange-sizeFit' cannot be fluid, otherwise they lose their ability to
 * provide size to a cell.
 */
.Arrange-sizeFit img {
  max-width: none !important;
  width: auto !important; }

/**
 * Start a new row context.
 */
.Arrange-row {
  display: table-row; }

/* Vertical alignment modifiers
   ========================================================================== */
.Arrange--middle > .Arrange-sizeFill,
.Arrange--middle > .Arrange-sizeFit {
  vertical-align: middle; }

.Arrange--bottom > .Arrange-sizeFill,
.Arrange--bottom > .Arrange-sizeFit {
  vertical-align: bottom; }

/* Equal-width modifier
   ========================================================================== */
/**
 * This layout algorithm will create equal-width table cells, irrespective of
 * the width of their content.
 *
 * 1. The layout algorithm requires a set width to correctly calculate table
 *    cell width.
 */
.Arrange--equal {
  table-layout: fixed;
  width: 100%;
  /* 1 */ }

/**
 * Give the cells an equal width. This value ensures that Arrange is still 100%
 * wide when gutters are used in conjunctions with equal-width cells.
 *
 * It's recommended that only 'Arrange-sizeFill' be used for equal width cells.
 * Their inner images will automatically be responsive.
 */
.Arrange--equal > .Arrange-sizeFill,
.Arrange--equal > .Arrange-sizeFit,
.Arrange--equal > .Arrange-row > .Arrange-sizeFill,
.Arrange--equal > .Arrange-row > .Arrange-sizeFit {
  width: 1%; }

/* Gutter modifier
   ========================================================================== */
/**
 * Add a gutter between cells
 *
 * NOTE: this can trigger a horizontal scrollbar if the component is as wide as
 * the viewport. Use padding on a container, or `overflow-x:hidden` to protect
 * against it.
 */
.Arrange--withGutter {
  margin: 0 -5px; }

.Arrange--withGutter > .Arrange-sizeFit,
.Arrange--withGutter > .Arrange-sizeFill,
.Arrange--withGutter > .Arrange-row > .Arrange-sizeFit,
.Arrange--withGutter > .Arrange-row > .Arrange-sizeFill {
  padding: 0 5px; }

/** @define FlexEmbed */
/**
 * Flexible media embeds
 *
 * For use with media embeds – such as videos, slideshows, or even images –
 * that need to retain a specific aspect ratio but adapt to the width of their
 * containing element.
 *
 * Based on: http://alistapart.com/article/creating-intrinsic-ratios-for-video
 */
.FlexEmbed {
  display: block;
  overflow: hidden;
  position: relative; }

/**
 * The aspect-ratio hack is applied to an empty element because it allows
 * the component to respect `max-height`. Default aspect ratio is 1:1.
 */
.FlexEmbed-ratio {
  display: block;
  padding-bottom: 100%;
  width: 100%; }

/**
 * Modifier: 3:1 aspect ratio
 */
.FlexEmbed-ratio--3by1 {
  padding-bottom: 33.33333%; }

/**
 * Modifier: 2:1 aspect ratio
 */
.FlexEmbed-ratio--2by1 {
  padding-bottom: 50%; }

/**
 * Modifier: 16:9 aspect ratio
 */
.FlexEmbed-ratio--16by9 {
  padding-bottom: 56.25%; }

/**
 * Modifier: 4:3 aspect ratio
 */
.FlexEmbed-ratio--4by3 {
  padding-bottom: 75%; }

/**
 * Fit the content to the aspect ratio
 */
.FlexEmbed-content {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

/** @define Grid */
/**
 * Core grid component
 *
 * DO NOT apply dimension or offset utilities to the `Grid` element. All cell
 * widths and offsets should be applied to child grid cells.
 */
/* Grid container
   ========================================================================== */
/**
 * All content must be contained within child `Grid-cell` elements.
 *
 * 1. Account for browser defaults of elements that might be the root node of
 *    the component.
 */
.Grid {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 1 */
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0;
  /* 1 */
  padding: 0;
  /* 1 */ }

/**
 * Modifier: center align all grid cells
 */
.Grid--alignCenter {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

/**
 * Modifier: right align all grid cells
 */
.Grid--alignRight {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

/**
 * Modifier: middle-align grid cells
 */
.Grid--alignMiddle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center; }

/**
 * Modifier: bottom-align grid cells
 */
.Grid--alignBottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end; }

/**
 * Modifier: allow cells to equal distribute width
 *
 * 1. Provide all values to avoid IE10 bug with shorthand flex
 *    http://git.io/vllC7
 *
 *    Use `0%` to avoid bug in IE10/11 with unitless flex basis
 *    http://git.io/vllWx
 */
.Grid--fit > .Grid-cell {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  /* 1 */ }

/**
 * Modifier: all cells match height of tallest cell in a row
 */
.Grid--equalHeight > .Grid-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

/**
 * Modifier: gutters
 */
.Grid--withGutter {
  margin: 0 -10px; }

.Grid--withGutter > .Grid-cell {
  padding: 0 10px; }

/* Grid cell
   ========================================================================== */
/**
 * No explicit width by default. Rely on combining `Grid-cell` with a dimension
 * utility or a component class that extends 'Grid'.
 *
 * 1. Set flex items to full width by default
 * 2. Fix issue where elements with overflow extend past the
 *    `Grid-cell` container - https://git.io/vw5oF
 */
.Grid-cell {
  box-sizing: inherit;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  /* 1 */
  min-width: 0;
  /* 2 */ }

/**
 * Modifier: horizontally center one unit
 * Set a specific unit to be horizontally centered. Doesn't affect
 * any other units. Can still contain a child `Grid` object.
 */
.Grid-cell--center {
  margin: 0 auto; }

/**
 * Colors
 */
/**
 * Basic
 */
/**
 * Blues
 */
.bg-blue {
  background: #1483ff; }

.bg-blue-med {
  background: #479eff; }

.bg-blue-light {
  background: #7ab9ff; }

.color-blue {
  color: #1483ff; }

.color-blue-med {
  color: #479eff; }

.color-blue-light {
  color: #7ab9ff; }

/**
 * Light Blues
 */
.bg-light-blue {
  background: #22befb; }

.bg-light-blue-med {
  background: #54cdfc; }

.bg-light-blue-light {
  background: #86dcfd; }

.color-light-blue {
  color: #22befb; }

.color-light-blue-med {
  color: #54cdfc; }

.color-light-blue-light {
  color: #86dcfd; }

/**
 * Greens
 */
.bg-green {
  background: #1ddeb6; }

.bg-green-med {
  background: #47e7c6; }

.bg-green-light {
  background: #74edd4; }

.color-green {
  color: #1ddeb6; }

.color-green-med {
  color: #47e7c6; }

.color-green-light {
  color: #74edd4; }

/**
 * Reds
 */
.bg-red {
  background: #ff4514; }

.bg-red-med {
  background: #ff6d47; }

.bg-red-light {
  background: #ff957a; }

.color-red {
  color: #ff4514; }

.color-red-med {
  color: #ff6d47; }

.color-red-light {
  color: #ff957a; }

/**
 * Oranges
 */
.bg-orange {
  background: #ffa814; }

.bg-orange-med {
  background: #ffbb47; }

.bg-orange-light {
  background: #ffce7a; }

.color-orange {
  color: #ffa814; }

.color-orange-med {
  color: #ffbb47; }

.color-orange-light {
  color: #ffce7a; }

/**
 * Purples
 */
.bg-purple {
  background: #8a65e8; }

.bg-purple-med {
  background: #ab90ee; }

.bg-purple-light {
  background: #ccbbf5; }

.color-purple {
  color: #8a65e8; }

.color-purple-med {
  color: #ab90ee; }

.color-purple-light {
  color: #ccbbf5; }

/**
 * Backgrounds
 */
.bg-darkest {
  background: #13141b; }

.bg-darker {
  background: #1b1e27; }

.bg-dark {
  background: #232837; }

.bg-med {
  background: #2f3646; }

.bg-light {
  background: #455066; }

.bg-lighter {
  background: #5b6882; }

/**
 * Gradient Backgrounds
 */
.bg-linear-1 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #2a2f40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #2a2f40 100%); }

.bg-linear-2 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #1f2a40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #1f2a40 100%); }

.bg-radial-1 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%); }

.bg-radial-2 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%); }

/**
 * Text
 */
.bg-text-dark {
  background: #72809b; }

.bg-text-med-dark {
  background: #919db5; }

.bg-text-med {
  background: #a8b2c7; }

.bg-text-light {
  background: #f0f1f6; }

.bg-text-lighter {
  background: #fff; }

.color-text-dark {
  color: #72809b; }

.color-text-med-dark {
  color: #919db5; }

.color-text-med {
  color: #a8b2c7; }

.color-text-light {
  color: #f0f1f6; }

.color-text-lighter {
  color: #fff; }

/**
 * Header
 */
/**
 * Gradients
 */
.gradient-blue {
  background-image: -webkit-linear-gradient(bottom left, #6bd1f9 0%, #54a4fb 100%);
  background-image: linear-gradient(to top right, #6bd1f9 0%, #54a4fb 100%); }

.gradient-blue-green {
  background-image: -webkit-linear-gradient(bottom left, #69d1f8 0%, #59e6c8 100%);
  background-image: linear-gradient(to top right, #69d1f8 0%, #59e6c8 100%); }

.gradient-blue-red {
  background-image: -webkit-linear-gradient(bottom left, #50a1f9 0%, #f96f50 100%);
  background-image: linear-gradient(to top right, #50a1f9 0%, #f96f50 100%); }

.gradient-blue-purple {
  background-image: -webkit-linear-gradient(bottom left, #73bef4 0%, #aa90ed 100%);
  background-image: linear-gradient(to top right, #73bef4 0%, #aa90ed 100%); }

.gradient-red-orange {
  background-image: -webkit-linear-gradient(bottom left, #fc7c5f 0%, #fcbc5a 100%);
  background-image: linear-gradient(to top right, #fc7c5f 0%, #fcbc5a 100%); }

.gradient-orange-purple {
  background-image: -webkit-linear-gradient(bottom left, #f5cc98 0%, #ae94ec 100%);
  background-image: linear-gradient(to top right, #f5cc98 0%, #ae94ec 100%); }

/**
 * Branding
 */
.bg-logo {
  background: #1f89ff; }

.bg-text-logo {
  background: #c0ddff; }

.color-logo {
  color: #c0ddff; }

/**
 * Shadow Presets
 * Concept from: https://github.com/angular/material/blob/master/src/core/style/variables.scss
 */
.shadow-1 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.shadow-2 {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }

.shadow-3 {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); }

.shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }

.shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); }

.shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); }

.shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); }

.shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }

.shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); }

.shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); }

.shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); }

.shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); }

.shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }

.shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); }

.shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); }

.shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); }

.shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); }

.shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); }

.shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); }

.shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); }

.shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); }

.shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); }

.shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }

.shadow-fx {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .shadow-fx:hover {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

/**
 * Fonts
 */
@font-face {
  font-family: "icon";
  src: url(9b415998a3058a5c6b07bc6537845517.eot?#iefix) format("embedded-opentype"), url(84daf4844c7fa2d7a2246fcb7e1a6a60.woff) format("woff");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"]:before,
[class*="icon-"]:before {
  font-family: "icon"  !important;
  speak: none;
  line-height: 1;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-3d-rotate:before {
  content: "\F101"; }

.icon-add-edge:before {
  content: "\F102"; }

.icon-add-new:before {
  content: "\F103"; }

.icon-add-node:before {
  content: "\F104"; }

.icon-advanced-pie:before {
  content: "\F105"; }

.icon-app-store:before {
  content: "\F106"; }

.icon-apps:before {
  content: "\F107"; }

.icon-area-chart:before {
  content: "\F108"; }

.icon-arrow-down:before {
  content: "\F109"; }

.icon-arrow-left:before {
  content: "\F10A"; }

.icon-arrow-right:before {
  content: "\F10B"; }

.icon-arrow-up:before {
  content: "\F10C"; }

.icon-assets:before {
  content: "\F10D"; }

.icon-attachment:before {
  content: "\F10E"; }

.icon-bars:before {
  content: "\F10F"; }

.icon-bell:before {
  content: "\F110"; }

.icon-bold:before {
  content: "\F111"; }

.icon-bolt:before {
  content: "\F112"; }

.icon-broom:before {
  content: "\F113"; }

.icon-bug:before {
  content: "\F114"; }

.icon-calendar-clock:before {
  content: "\F115"; }

.icon-calendar:before {
  content: "\F116"; }

.icon-cards:before {
  content: "\F117"; }

.icon-center-align:before {
  content: "\F118"; }

.icon-chart-area:before {
  content: "\F119"; }

.icon-chart-bar-bar:before {
  content: "\F11A"; }

.icon-chart-bar-horizontal:before {
  content: "\F11B"; }

.icon-chart-bubble:before {
  content: "\F11C"; }

.icon-chart-donut:before {
  content: "\F11D"; }

.icon-chart-full-stacked-area:before {
  content: "\F11E"; }

.icon-chart-heat:before {
  content: "\F11F"; }

.icon-chart-horz-bar:before {
  content: "\F120"; }

.icon-chart-horz-full-stack-bar:before {
  content: "\F121"; }

.icon-chart-number-card:before {
  content: "\F122"; }

.icon-chart-pie-grid:before {
  content: "\F123"; }

.icon-chart-pie:before {
  content: "\F124"; }

.icon-chart-stacked-area:before {
  content: "\F125"; }

.icon-chart-vert-bar:before {
  content: "\F126"; }

.icon-chart-vert-bar2:before {
  content: "\F127"; }

.icon-chart-vert-stacked-bar:before {
  content: "\F128"; }

.icon-check-filled:before {
  content: "\F129"; }

.icon-check:before {
  content: "\F12A"; }

.icon-circles:before {
  content: "\F12B"; }

.icon-circuit-board:before {
  content: "\F12C"; }

.icon-clipboard:before {
  content: "\F12D"; }

.icon-clock:before {
  content: "\F12E"; }

.icon-cloud-download:before {
  content: "\F12F"; }

.icon-cloud-upload:before {
  content: "\F130"; }

.icon-code:before {
  content: "\F131"; }

.icon-cog:before {
  content: "\F132"; }

.icon-commandline:before {
  content: "\F133"; }

.icon-comments:before {
  content: "\F134"; }

.icon-copy-filled:before {
  content: "\F135"; }

.icon-copy:before {
  content: "\F136"; }

.icon-credit-card:before {
  content: "\F137"; }

.icon-dashboard:before {
  content: "\F138"; }

.icon-database:before {
  content: "\F139"; }

.icon-devil:before {
  content: "\F13A"; }

.icon-document:before {
  content: "\F13B"; }

.icon-domain:before {
  content: "\F13C"; }

.icon-dots-horz:before {
  content: "\F13D"; }

.icon-dots-vert:before {
  content: "\F13E"; }

.icon-double-down:before {
  content: "\F13F"; }

.icon-double-left:before {
  content: "\F140"; }

.icon-double-right:before {
  content: "\F141"; }

.icon-double-up:before {
  content: "\F142"; }

.icon-edit:before {
  content: "\F143"; }

.icon-email:before {
  content: "\F144"; }

.icon-expand:before {
  content: "\F145"; }

.icon-explore:before {
  content: "\F146"; }

.icon-export-filled:before {
  content: "\F147"; }

.icon-export:before {
  content: "\F148"; }

.icon-eye-disabled:before {
  content: "\F149"; }

.icon-eye:before {
  content: "\F14A"; }

.icon-field-date:before {
  content: "\F14B"; }

.icon-field-html:before {
  content: "\F14C"; }

.icon-field-list:before {
  content: "\F14D"; }

.icon-field-numeric:before {
  content: "\F14E"; }

.icon-field-text:before {
  content: "\F14F"; }

.icon-field-users:before {
  content: "\F150"; }

.icon-filter-bar:before {
  content: "\F151"; }

.icon-filter:before {
  content: "\F152"; }

.icon-find-page:before {
  content: "\F153"; }

.icon-flame:before {
  content: "\F154"; }

.icon-folder:before {
  content: "\F155"; }

.icon-font:before {
  content: "\F156"; }

.icon-formula:before {
  content: "\F157"; }

.icon-full-align:before {
  content: "\F158"; }

.icon-gauge:before {
  content: "\F159"; }

.icon-gear:before {
  content: "\F15A"; }

.icon-globe:before {
  content: "\F15B"; }

.icon-graph:before {
  content: "\F15C"; }

.icon-hand:before {
  content: "\F15D"; }

.icon-heat:before {
  content: "\F15E"; }

.icon-helper:before {
  content: "\F15F"; }

.icon-history:before {
  content: "\F160"; }

.icon-horz-bar-graph-grouped:before {
  content: "\F161"; }

.icon-horz-stacked-bar:before {
  content: "\F162"; }

.icon-info-fulled:before {
  content: "\F163"; }

.icon-integrations:before {
  content: "\F164"; }

.icon-ip:before {
  content: "\F165"; }

.icon-italic:before {
  content: "\F166"; }

.icon-layer:before {
  content: "\F167"; }

.icon-left-align:before {
  content: "\F168"; }

.icon-line-chart:before {
  content: "\F169"; }

.icon-line-graph:before {
  content: "\F16A"; }

.icon-link:before {
  content: "\F16B"; }

.icon-list-1:before {
  content: "\F16C"; }

.icon-list:before {
  content: "\F16D"; }

.icon-loading:before {
  content: "\F16E"; }

.icon-location:before {
  content: "\F16F"; }

.icon-lock:before {
  content: "\F170"; }

.icon-logo:before {
  content: "\F171"; }

.icon-map:before {
  content: "\F172"; }

.icon-menu:before {
  content: "\F173"; }

.icon-mic:before {
  content: "\F174"; }

.icon-minus:before {
  content: "\F175"; }

.icon-money:before {
  content: "\F176"; }

.icon-multi-line:before {
  content: "\F177"; }

.icon-numbered-list:before {
  content: "\F178"; }

.icon-open:before {
  content: "\F179"; }

.icon-paragraph:before {
  content: "\F17A"; }

.icon-pause:before {
  content: "\F17B"; }

.icon-phone:before {
  content: "\F17C"; }

.icon-pie-chart:before {
  content: "\F17D"; }

.icon-pin:before {
  content: "\F17E"; }

.icon-plan:before {
  content: "\F17F"; }

.icon-play:before {
  content: "\F180"; }

.icon-plus:before {
  content: "\F181"; }

.icon-prev:before {
  content: "\F182"; }

.icon-printer:before {
  content: "\F183"; }

.icon-profile:before {
  content: "\F184"; }

.icon-question-filled:before {
  content: "\F185"; }

.icon-reference:before {
  content: "\F186"; }

.icon-refresh-circle:before {
  content: "\F187"; }

.icon-refresh:before {
  content: "\F188"; }

.icon-remove-edge:before {
  content: "\F189"; }

.icon-remove-node:before {
  content: "\F18A"; }

.icon-reports:before {
  content: "\F18B"; }

.icon-right-align:before {
  content: "\F18C"; }

.icon-rotate:before {
  content: "\F18D"; }

.icon-save:before {
  content: "\F18E"; }

.icon-screen:before {
  content: "\F18F"; }

.icon-search:before {
  content: "\F190"; }

.icon-section:before {
  content: "\F191"; }

.icon-select-all:before {
  content: "\F192"; }

.icon-server:before {
  content: "\F193"; }

.icon-shield:before {
  content: "\F194"; }

.icon-shrink:before {
  content: "\F195"; }

.icon-skip:before {
  content: "\F196"; }

.icon-smiley-frown:before {
  content: "\F197"; }

.icon-snapshot:before {
  content: "\F198"; }

.icon-stopwatch:before {
  content: "\F199"; }

.icon-superscript:before {
  content: "\F19A"; }

.icon-switch:before {
  content: "\F19B"; }

.icon-table:before {
  content: "\F19C"; }

.icon-tabs:before {
  content: "\F19D"; }

.icon-trash:before {
  content: "\F19E"; }

.icon-tree:before {
  content: "\F19F"; }

.icon-trending:before {
  content: "\F1A0"; }

.icon-underline:before {
  content: "\F1A1"; }

.icon-user-add:before {
  content: "\F1A2"; }

.icon-user:before {
  content: "\F1A3"; }

.icon-users-2:before {
  content: "\F1A4"; }

.icon-users:before {
  content: "\F1A5"; }

.icon-vert-bar-graph-grouped:before {
  content: "\F1A6"; }

.icon-vert-full-stack-bar:before {
  content: "\F1A7"; }

.icon-wand:before {
  content: "\F1A8"; }

.icon-workspaces:before {
  content: "\F1A9"; }

.icon-workstation:before {
  content: "\F1AA"; }

.icon-wrench:before {
  content: "\F1AB"; }

.icon-x-filled:before {
  content: "\F1AC"; }

.icon-x:before {
  content: "\F1AD"; }

/**
 * Font stacks
 * http://www.fontspring.com/blog/smoother-rendering-in-chrome-update
*/
@font-face {
  font-family: "Lato";
  font-style: normal;
  src: url(7f690e503a254e0b8349aec0177e07aa.ttf) format("truetype"); }

@font-face {
  font-family: "Lato";
  font-style: italic;
  src: url(56c4cb26fd6a48b9c0ebcc07b376ee38.ttf) format("truetype"); }

@font-face {
  font-family: "Lato";
  font-weight: 300;
  font-style: normal;
  src: url(5b761f2d1e4259ea6ac7ab3ebf7f3c49.ttf) format("truetype"); }

@font-face {
  font-family: "Lato";
  font-weight: bold;
  font-style: normal;
  src: url(44dfe8cc676882243911a3197a50169e.ttf) format("truetype"); }

@font-face {
  font-family: "Lato";
  font-weight: bold;
  font-style: italic;
  src: url(1ba4767ee37aab7e8d34fc339c3538cc.ttf) format("truetype"); }

/**
 * Font stacks
 * http://www.fontspring.com/blog/smoother-rendering-in-chrome-update
*/
@font-face {
  font-family: "Fira Sans";
  font-style: normal;
  src: url(808fbb61cedded38d08971f5ae9d5f83.ttf) format("truetype"); }

@font-face {
  font-family: "Fira Sans";
  font-style: italic;
  src: url(a8ff3a20c149ff8d9295b66c5d17636e.ttf) format("truetype"); }

@font-face {
  font-family: "Fira Sans";
  font-weight: 300;
  font-style: normal;
  src: url(716a1f5ada34cf1bd35282c6831127f6.ttf) format("truetype"); }

@font-face {
  font-family: "Fira Sans";
  font-weight: bold;
  font-style: normal;
  src: url(464da424cd85ce6187aec9d2ea98eb33.ttf) format("truetype"); }

@font-face {
  font-family: "Fira Sans";
  font-weight: bold;
  font-style: italic;
  src: url(bc94db023daf995f9729e0fbf2d33c0b.ttf) format("truetype"); }

/**
 * Typography
 */
/**
 * Fonts
 */
h1, h2, h3, h4, h5, h6 {
  margin-bottom: .5rem;
  margin-top: .3em;
  font-family: "Fira Sans", "Lato", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
  font-weight: normal; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: #a8b2c7;
    font-size: .75em; }

p {
  margin-bottom: 1rem;
  line-height: 1.75;
  font-weight: 400; }

span.hint, p.hint, a.hint {
  color: #a8b2c7;
  font-style: italic;
  font-size: .85em; }

span.thin, p.thin, a.thin {
  font-weight: 200; }

span.ultra-thin, p.ultra-thin, a.ultra-thin {
  font-weight: 100; }

a {
  color: #1483ff;
  text-decoration: none; }

/**
 * Code
 */
pre, code {
  display: block; }

pre {
  padding: 1rem;
  background: #282a36;
  color: #f8f8f2;
  margin: .5rem 0;
  font-family: "Inconsolata", "Monaco", "Consolas", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
  overflow-x: auto;
  line-height: 1.45;
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
  -webkit-font-smoothing: auto;
  -webkit-text-size-adjust: none;
  position: relative;
  border-radius: 2px;
  font-size: 0.8rem; }

code {
  margin: 0;
  padding: 0;
  overflow-wrap: break-word;
  white-space: pre-wrap; }

/**
 * Forms
 */
/**
 * Form Element Inputs
 */
input[type=number],
input[type=tel],
input[type=text],
input[type=password],
textarea {
  display: inline-block;
  box-sizing: border-box;
  outline: none; }

.form-input {
  background: #333b4c;
  border: solid 1px #455066;
  color: #d9dce1;
  -webkit-transition: box-shadow 200ms;
  transition: box-shadow 200ms;
  border-radius: 0;
  font-size: 13px;
  height: 32px;
  line-height: 32px;
  width: 100%;
  padding: 6px;
  margin-bottom: 1em; }
  .form-input:focus {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }
  .form-input[disabled] {
    cursor: not-allowed;
    color: #72809b; }

textarea.form-input {
  min-height: 120px;
  line-height: 1.3em; }

select {
  background: #333b4c;
  border: solid 1px #455066;
  color: #d9dce1;
  border-radius: 2px;
  height: 32px;
  line-height: 32px;
  font-size: 13px;
  width: 100%; }
  select:focus {
    outline: none; }
  select[disabled] {
    cursor: not-allowed;
    color: #72809b; }

/**
 * Components
 */
.branding {
  text-transform: lowercase;
  font-weight: 100;
  color: #c0ddff; }
  .branding .branding-name {
    font-size: 1.8rem;
    display: inline-block;
    vertical-align: top; }
  .branding .branding-logo {
    font-size: 1.2rem; }

.section {
  padding: 1.8em;
  margin-bottom: 2em; }

.tag {
  cursor: default;
  border-radius: 3px;
  display: inline-block;
  margin: 0 8px 0 0;
  box-sizing: border-box;
  position: relative;
  background: #fff;
  color: #13141b;
  height: 1rem;
  line-height: 1rem;
  font-size: 1rem;
  padding: 0 .2rem; }
  .tag.tag-small {
    height: .9rem;
    line-height: .9rem;
    font-size: .75rem;
    padding: 0 .1rem; }
  .tag.tag-large {
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 1.2rem;
    padding: 0 .3rem; }

/**
 * List styles
 */
/**
 * List: Basic
 */
ol, ul {
  margin-top: 1em;
  display: block;
  padding-left: 1rem;
  margin-bottom: 1em; }

ol {
  font-variant-numeric: tabular-nums;
  -webkit-font-feature-settings: 'tnum' 1;
          font-feature-settings: 'tnum' 1;
  list-style-type: decimal; }

ul {
  list-style-type: square; }

.list-reset,
.list-reset > li {
  padding: 0;
  margin: 0;
  list-style: none; }

/**
 * List: Vertical/Horz
 */
.horizontal-list button,
.list-list button {
  box-shadow: none;
  height: 50px;
  line-height: 50px; }

.horizontal-list,
.vertical-list,
.horizontal-list li,
.vertical-list li {
  padding: 0;
  margin: 0;
  list-style: none; }

.horizontal-list > li {
  display: inline-block; }
  .horizontal-list > li > button {
    padding: 0 1rem; }

.vertical-list > li {
  display: block; }

/**
 * Page Loading Indicator
 * http://codepen.io/jackoliver/pen/QKpbLm
 */
.page-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  height: 100px;
  width: 100px;
  -webkit-animation: rotate 2s infinite linear;
          animation: rotate 2s infinite linear; }
  .page-loader .track {
    height: 100px;
    position: absolute;
    width: 10px;
    left: 50%;
    margin-left: -10px; }
  .page-loader .track:nth-child(0) {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg); }
    .page-loader .track:nth-child(0) .ball {
      -webkit-animation: ball 2s infinite ease 0s;
              animation: ball 2s infinite ease 0s; }
  .page-loader .track:nth-child(1) {
    -webkit-transform: rotateZ(22.5deg);
            transform: rotateZ(22.5deg); }
    .page-loader .track:nth-child(1) .ball {
      -webkit-animation: ball 2s infinite ease 1s;
              animation: ball 2s infinite ease 1s; }
  .page-loader .track:nth-child(2) {
    -webkit-transform: rotateZ(45deg);
            transform: rotateZ(45deg); }
    .page-loader .track:nth-child(2) .ball {
      -webkit-animation: ball 2s infinite ease 0s;
              animation: ball 2s infinite ease 0s; }
  .page-loader .track:nth-child(3) {
    -webkit-transform: rotateZ(67.5deg);
            transform: rotateZ(67.5deg); }
    .page-loader .track:nth-child(3) .ball {
      -webkit-animation: ball 2s infinite ease 1s;
              animation: ball 2s infinite ease 1s; }
  .page-loader .track:nth-child(4) {
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg); }
    .page-loader .track:nth-child(4) .ball {
      -webkit-animation: ball 2s infinite ease 0s;
              animation: ball 2s infinite ease 0s; }
  .page-loader .track:nth-child(5) {
    -webkit-transform: rotateZ(112.5deg);
            transform: rotateZ(112.5deg); }
    .page-loader .track:nth-child(5) .ball {
      -webkit-animation: ball 2s infinite ease 1s;
              animation: ball 2s infinite ease 1s; }
  .page-loader .track:nth-child(6) {
    -webkit-transform: rotateZ(135deg);
            transform: rotateZ(135deg); }
    .page-loader .track:nth-child(6) .ball {
      -webkit-animation: ball 2s infinite ease 0s;
              animation: ball 2s infinite ease 0s; }
  .page-loader .track:nth-child(7) {
    -webkit-transform: rotateZ(157.5deg);
            transform: rotateZ(157.5deg); }
    .page-loader .track:nth-child(7) .ball {
      -webkit-animation: ball 2s infinite ease 1s;
              animation: ball 2s infinite ease 1s; }
  .page-loader .track:nth-child(8) {
    -webkit-transform: rotateZ(180deg);
            transform: rotateZ(180deg); }
    .page-loader .track:nth-child(8) .ball {
      -webkit-animation: ball 2s infinite ease 0s;
              animation: ball 2s infinite ease 0s; }
  .page-loader .track:nth-child(9) {
    -webkit-transform: rotateZ(202.5deg);
            transform: rotateZ(202.5deg); }
    .page-loader .track:nth-child(9) .ball {
      -webkit-animation: ball 2s infinite ease 1s;
              animation: ball 2s infinite ease 1s; }
  .page-loader .track:nth-child(10) {
    -webkit-transform: rotateZ(225deg);
            transform: rotateZ(225deg); }
    .page-loader .track:nth-child(10) .ball {
      -webkit-animation: ball 2s infinite ease 0s;
              animation: ball 2s infinite ease 0s; }
  .page-loader .track:nth-child(11) {
    -webkit-transform: rotateZ(247.5deg);
            transform: rotateZ(247.5deg); }
    .page-loader .track:nth-child(11) .ball {
      -webkit-animation: ball 2s infinite ease 1s;
              animation: ball 2s infinite ease 1s; }
  .page-loader .track:nth-child(12) {
    -webkit-transform: rotateZ(270deg);
            transform: rotateZ(270deg); }
    .page-loader .track:nth-child(12) .ball {
      -webkit-animation: ball 2s infinite ease 0s;
              animation: ball 2s infinite ease 0s; }
  .page-loader .track:nth-child(13) {
    -webkit-transform: rotateZ(292.5deg);
            transform: rotateZ(292.5deg); }
    .page-loader .track:nth-child(13) .ball {
      -webkit-animation: ball 2s infinite ease 1s;
              animation: ball 2s infinite ease 1s; }
  .page-loader .track:nth-child(14) {
    -webkit-transform: rotateZ(315deg);
            transform: rotateZ(315deg); }
    .page-loader .track:nth-child(14) .ball {
      -webkit-animation: ball 2s infinite ease 0s;
              animation: ball 2s infinite ease 0s; }
  .page-loader .track:nth-child(15) {
    -webkit-transform: rotateZ(337.5deg);
            transform: rotateZ(337.5deg); }
    .page-loader .track:nth-child(15) .ball {
      -webkit-animation: ball 2s infinite ease 1s;
              animation: ball 2s infinite ease 1s; }
  .page-loader .track:nth-child(16) {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg); }
    .page-loader .track:nth-child(16) .ball {
      -webkit-animation: ball 2s infinite ease 0s;
              animation: ball 2s infinite ease 0s; }
  .page-loader .track:nth-child(17) {
    -webkit-transform: rotateZ(382.5deg);
            transform: rotateZ(382.5deg); }
    .page-loader .track:nth-child(17) .ball {
      -webkit-animation: ball 2s infinite ease 1s;
              animation: ball 2s infinite ease 1s; }
  .page-loader .track:nth-child(18) {
    -webkit-transform: rotateZ(405deg);
            transform: rotateZ(405deg); }
    .page-loader .track:nth-child(18) .ball {
      -webkit-animation: ball 2s infinite ease 0s;
              animation: ball 2s infinite ease 0s; }
  .page-loader .track:nth-child(19) {
    -webkit-transform: rotateZ(427.5deg);
            transform: rotateZ(427.5deg); }
    .page-loader .track:nth-child(19) .ball {
      -webkit-animation: ball 2s infinite ease 1s;
              animation: ball 2s infinite ease 1s; }
  .page-loader .track:nth-child(20) {
    -webkit-transform: rotateZ(450deg);
            transform: rotateZ(450deg); }
    .page-loader .track:nth-child(20) .ball {
      -webkit-animation: ball 2s infinite ease 0s;
              animation: ball 2s infinite ease 0s; }
  .page-loader .ball {
    height: 5px;
    width: 5px;
    background: white;
    border-radius: 20px;
    position: absolute;
    top: 0; }

@-webkit-keyframes ball {
  0% {
    top: 0;
    opacity: 1; }
  33% {
    opacity: 0; }
  66% {
    opacity: 1; }
  100% {
    top: calc(100% - 10px);
    opacity: 1; } }

@keyframes ball {
  0% {
    top: 0;
    opacity: 1; }
  33% {
    opacity: 0; }
  66% {
    opacity: 1; }
  100% {
    top: calc(100% - 10px);
    opacity: 1; } }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(359deg);
            transform: rotateZ(359deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(359deg);
            transform: rotateZ(359deg); } }

table {
  border-collapse: collapse;
  background-color: transparent; }
  table th {
    text-align: left;
    font-weight: bold; }
  table caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #d9dce1;
    text-align: left;
    caption-side: bottom;
    font-size: .85rem; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem; }
  .table th, .table td {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #455066; }
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #455066;
    border-top: none; }
  .table.striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.2); }

/**
 * Button styling
 */
button {
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font: inherit;
  background: transparent;
  border: none; }
  button:active, button:focus {
    outline: none; }

.btn {
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  margin: 0;
  padding: 0.35em 0.75em;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font: inherit;
  font-size: .9em;
  outline: none;
  background: #2f3646;
  border: solid 1px transparent;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -webkit-transition: background-color 200ms, box-shadow 200ms;
  transition: background-color 200ms, box-shadow 200ms; }
  .btn::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .btn:focus {
    outline: none;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); }
  .btn:focus:not([disabled]), .btn:focus:not(.disabled), .btn:hover:not([disabled]), .btn:hover:not(.disabled) {
    cursor: pointer;
    background: #232837; }
    .btn:focus:not([disabled]).btn-primary, .btn:focus:not(.disabled).btn-primary, .btn:hover:not([disabled]).btn-primary, .btn:hover:not(.disabled).btn-primary {
      background-color: #1483ff; }
    .btn:focus:not([disabled]).btn-warning, .btn:focus:not(.disabled).btn-warning, .btn:hover:not([disabled]).btn-warning, .btn:hover:not(.disabled).btn-warning {
      background-color: #ffa814; }
    .btn:focus:not([disabled]).btn-danger, .btn:focus:not(.disabled).btn-danger, .btn:hover:not([disabled]).btn-danger, .btn:hover:not(.disabled).btn-danger {
      background-color: #ff4514; }
    .btn:focus:not([disabled]).btn-link, .btn:focus:not(.disabled).btn-link, .btn:hover:not([disabled]).btn-link, .btn:hover:not(.disabled).btn-link {
      background-color: transparent; }
  .btn:hover, .btn:focus, .btn:active {
    text-decoration: none; }
  .btn.btn-primary {
    background-color: #479eff; }
  .btn.btn-warning {
    background-color: #ffbb47; }
  .btn.btn-danger {
    background-color: #ff6d47; }
  .btn.btn-link {
    background-color: transparent;
    box-shadow: none; }
  .btn.btn-file {
    cursor: pointer;
    padding: 0; }
    .btn.btn-file label {
      display: block;
      cursor: pointer;
      padding: 0.35em 0.75em; }
    .btn.btn-file[disabled] label {
      cursor: not-allowed; }
    .btn.btn-file input[type=file] {
      pointer-events: none;
      position: absolute;
      left: -9999px; }

/**
 * Colors
 */
/**
 * Basic
 */
/**
 * Blues
 */
.bg-blue {
  background: #1483ff; }

.bg-blue-med {
  background: #479eff; }

.bg-blue-light {
  background: #7ab9ff; }

.color-blue {
  color: #1483ff; }

.color-blue-med {
  color: #479eff; }

.color-blue-light {
  color: #7ab9ff; }

/**
 * Light Blues
 */
.bg-light-blue {
  background: #22befb; }

.bg-light-blue-med {
  background: #54cdfc; }

.bg-light-blue-light {
  background: #86dcfd; }

.color-light-blue {
  color: #22befb; }

.color-light-blue-med {
  color: #54cdfc; }

.color-light-blue-light {
  color: #86dcfd; }

/**
 * Greens
 */
.bg-green {
  background: #1ddeb6; }

.bg-green-med {
  background: #47e7c6; }

.bg-green-light {
  background: #74edd4; }

.color-green {
  color: #1ddeb6; }

.color-green-med {
  color: #47e7c6; }

.color-green-light {
  color: #74edd4; }

/**
 * Reds
 */
.bg-red {
  background: #ff4514; }

.bg-red-med {
  background: #ff6d47; }

.bg-red-light {
  background: #ff957a; }

.color-red {
  color: #ff4514; }

.color-red-med {
  color: #ff6d47; }

.color-red-light {
  color: #ff957a; }

/**
 * Oranges
 */
.bg-orange {
  background: #ffa814; }

.bg-orange-med {
  background: #ffbb47; }

.bg-orange-light {
  background: #ffce7a; }

.color-orange {
  color: #ffa814; }

.color-orange-med {
  color: #ffbb47; }

.color-orange-light {
  color: #ffce7a; }

/**
 * Purples
 */
.bg-purple {
  background: #8a65e8; }

.bg-purple-med {
  background: #ab90ee; }

.bg-purple-light {
  background: #ccbbf5; }

.color-purple {
  color: #8a65e8; }

.color-purple-med {
  color: #ab90ee; }

.color-purple-light {
  color: #ccbbf5; }

/**
 * Backgrounds
 */
.bg-darkest {
  background: #13141b; }

.bg-darker {
  background: #1b1e27; }

.bg-dark {
  background: #232837; }

.bg-med {
  background: #2f3646; }

.bg-light {
  background: #455066; }

.bg-lighter {
  background: #5b6882; }

/**
 * Gradient Backgrounds
 */
.bg-linear-1 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #2a2f40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #2a2f40 100%); }

.bg-linear-2 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #1f2a40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #1f2a40 100%); }

.bg-radial-1 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%); }

.bg-radial-2 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%); }

/**
 * Text
 */
.bg-text-dark {
  background: #72809b; }

.bg-text-med-dark {
  background: #919db5; }

.bg-text-med {
  background: #a8b2c7; }

.bg-text-light {
  background: #f0f1f6; }

.bg-text-lighter {
  background: #fff; }

.color-text-dark {
  color: #72809b; }

.color-text-med-dark {
  color: #919db5; }

.color-text-med {
  color: #a8b2c7; }

.color-text-light {
  color: #f0f1f6; }

.color-text-lighter {
  color: #fff; }

/**
 * Header
 */
/**
 * Gradients
 */
.gradient-blue {
  background-image: -webkit-linear-gradient(bottom left, #6bd1f9 0%, #54a4fb 100%);
  background-image: linear-gradient(to top right, #6bd1f9 0%, #54a4fb 100%); }

.gradient-blue-green {
  background-image: -webkit-linear-gradient(bottom left, #69d1f8 0%, #59e6c8 100%);
  background-image: linear-gradient(to top right, #69d1f8 0%, #59e6c8 100%); }

.gradient-blue-red {
  background-image: -webkit-linear-gradient(bottom left, #50a1f9 0%, #f96f50 100%);
  background-image: linear-gradient(to top right, #50a1f9 0%, #f96f50 100%); }

.gradient-blue-purple {
  background-image: -webkit-linear-gradient(bottom left, #73bef4 0%, #aa90ed 100%);
  background-image: linear-gradient(to top right, #73bef4 0%, #aa90ed 100%); }

.gradient-red-orange {
  background-image: -webkit-linear-gradient(bottom left, #fc7c5f 0%, #fcbc5a 100%);
  background-image: linear-gradient(to top right, #fc7c5f 0%, #fcbc5a 100%); }

.gradient-orange-purple {
  background-image: -webkit-linear-gradient(bottom left, #f5cc98 0%, #ae94ec 100%);
  background-image: linear-gradient(to top right, #f5cc98 0%, #ae94ec 100%); }

/**
 * Branding
 */
.bg-logo {
  background: #1f89ff; }

.bg-text-logo {
  background: #c0ddff; }

.color-logo {
  color: #c0ddff; }

/**
 * Shadow Presets
 * Concept from: https://github.com/angular/material/blob/master/src/core/style/variables.scss
 */
.shadow-1 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.shadow-2 {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }

.shadow-3 {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); }

.shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }

.shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); }

.shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); }

.shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); }

.shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }

.shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); }

.shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); }

.shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); }

.shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); }

.shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }

.shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); }

.shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); }

.shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); }

.shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); }

.shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); }

.shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); }

.shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); }

.shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); }

.shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); }

.shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }

.shadow-fx {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .shadow-fx:hover {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.swui-data-table {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12);
  background: #1b1e27; }
  .swui-data-table .datatable-header {
    background: #13141b; }
    .swui-data-table .datatable-header .datatable-header-cell {
      text-align: left;
      padding: .5rem 1.2rem;
      font-weight: 400; }
  .swui-data-table .datatable-body-row .datatable-body-cell {
    text-align: left;
    padding: .5rem 1.2rem;
    vertical-align: top; }
  .swui-data-table .datatable-body-row:hover {
    background-color: #232837;
    -webkit-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: .3s;
            transition-duration: .3s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear; }
  .swui-data-table .datatable-body-row:focus {
    background-color: #232837; }
  .swui-data-table .datatable-body-row.active {
    background-color: #1483ff;
    color: #fff; }
  .swui-data-table .datatable-footer {
    background: #13141b; }
    .swui-data-table .datatable-footer .page-count {
      line-height: 50px;
      height: 50px;
      padding: 0 1.2rem; }
    .swui-data-table .datatable-footer .datatable-pager {
      margin: 0 10px; }
      .swui-data-table .datatable-footer .datatable-pager li {
        vertical-align: middle; }
        .swui-data-table .datatable-footer .datatable-pager li:not(.disabled).active a,
        .swui-data-table .datatable-footer .datatable-pager li:not(.disabled):hover a {
          background-color: #455066;
          font-weight: bold; }
      .swui-data-table .datatable-footer .datatable-pager a {
        height: 22px;
        min-width: 24px;
        line-height: 22px;
        padding: 0 6px;
        border-radius: 3px;
        margin: 6px 3px;
        text-align: center;
        vertical-align: top;
        text-decoration: none;
        vertical-align: bottom;
        color: #fff; }
      .swui-data-table .datatable-footer .datatable-pager .icon-left,
      .swui-data-table .datatable-footer .datatable-pager .icon-skip,
      .swui-data-table .datatable-footer .datatable-pager .icon-right,
      .swui-data-table .datatable-footer .datatable-pager .icon-prev {
        font-size: 20px;
        line-height: 20px;
        padding: 0 3px; }

.day-theme {
  background: #fff; }

.night-theme,
.moonlight-theme {
  background: #1b1e27;
  color: #fff; }

.moonlight-theme {
  background: -webkit-radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%);
  background: radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%); }

html, body {
  font-family: "Lato", "Fira Sans", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }

[hidden] {
  display: none !important; }

[disabled],
:disabled,
.disabled {
  opacity: .5;
  cursor: not-allowed !important; }

/**
 * Theme Styles
 */
.style-guide {
  -webkit-transition: background 500ms, background-image 500ms, color 500ms;
  transition: background 500ms, background-image 500ms, color 500ms; }

/**
 * Navigation
 */
.nav-col {
  color: #fff;
  background: #2f3646; }
  .nav-col a {
    color: #fff; }
  .nav-col h1 {
    display: block;
    height: 50px;
    background: #1f89ff;
    padding: 0 15px;
    line-height: 50px;
    margin: 0; }
  .nav-col nav {
    margin: 20px 15px; }
    .nav-col nav li {
      padding: .1rem 0; }
    .nav-col nav ul ul {
      padding-left: 10px;
      padding-bottom: 10px;
      font-size: .9em; }
    .nav-col nav a {
      color: #fff;
      text-decoration: none; }

/**
 * Header
 */
.style-header {
  text-transform: uppercase;
  color: #a8b2c7;
  font-size: 1rem;
  position: relative;
  padding-bottom: 5px;
  margin-bottom: 20px;
  font-weight: 600; }
  .style-header:after {
    content: "";
    width: 25px;
    height: 1px;
    background: #a8b2c7;
    position: absolute;
    bottom: 0;
    left: 0; }

/**
 * Colors
 */
.color-group {
  min-width: 250px;
  margin: 0 20px 20px 0 !important; }
  .color-group .main-color {
    height: 70px; }
  .color-group .color {
    padding: 15px 10px; }

/**
 * Icons Preview
 */
.icons-preview li {
  height: 150px;
  overflow: hidden;
  width: 150px;
  display: inline-block;
  padding: 10px 5px;
  text-align: center;
  margin: 10px;
  border: solid 1px #13141b;
  border-radius: 2px; }
  .icons-preview li .icon-name {
    color: #919db5;
    font-size: .9rem; }
  .icons-preview li .icon {
    display: block;
    font-size: 50px;
    line-height: 80px; }

.inputs-section input {
  display: block;
  margin: 8px 0; }

.shadow-demo {
  width: 120px;
  height: 120px;
  margin: 15px;
  text-align: center;
  line-height: 120px; }

.demo-class {
  color: yellow !important;
  text-transform: uppercase; }
@charset "UTF-8";
/**
 * Core
 */
/**
 * Normalize.css makes browsers render all elements more
 * consistently and in line with modern standards.
 * It precisely targets only the styles that need normalizing.
 *
 * http://necolas.github.io/normalize.css/
 */
/**
 * Style tools for UI components
 *
 * https://github.com/suitcss/suit
 */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none; }

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/**
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */
/**
 * Prevent margin and border from affecting element width.
 * https://goo.gl/pYtbK7
 *
 */
html {
  box-sizing: border-box; }

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

/**
 * Removes the default spacing and border for appropriate elements.
 */
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
p,
pre {
  margin: 0; }

button {
  background: transparent;
  border: 0;
  padding: 0; }

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

iframe {
  border: 0; }

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0; }

/**
 * Suppress the focus outline on elements that cannot be accessed via keyboard.
 * This prevents an unwanted focus outline from appearing around elements that
 * might still respond to pointer events.
 */
[tabindex="-1"]:focus {
  outline: none !important; }

/**
 * @define utilities
 * Vertical alignment utilities
 * Depends on an appropriate `display` value.
 */
.u-alignBaseline {
  vertical-align: baseline !important; }

.u-alignBottom {
  vertical-align: bottom !important; }

.u-alignMiddle {
  vertical-align: middle !important; }

.u-alignTop {
  vertical-align: top !important; }

/**
 * @define utilities
 * Display-type utilities
 */
.u-block {
  display: block !important; }

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

/**
 * Completely remove from the flow but leave available to screen readers.
 */
.u-hiddenVisually {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.u-inline {
  display: inline !important; }

/**
 * 1. Fix for Firefox bug: an image styled `max-width:100%` within an
 * inline-block will display at its default size, and not limit its width to
 * 100% of an ancestral container.
 */
.u-inlineBlock {
  display: inline-block !important;
  max-width: 100%;
  /* 1 */ }

.u-table {
  display: table !important; }

.u-tableCell {
  display: table-cell !important; }

.u-tableRow {
  display: table-row !important; }

/**
 * @define utilities
 * Contain floats
 *
 * Make an element expand to contain floated children.
 * Uses pseudo-elements (micro clearfix).
 *
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of the
 *    element.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.u-cf::before,
.u-cf::after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.u-cf::after {
  clear: both; }

/**
 * New block formatting context
 *
 * This affords some useful properties to the element. It won't wrap under
 * floats. Will also contain any floated children.

 * N.B. This will clip overflow. Use the alternative method below if this is
 * problematic.
 */
.u-nbfc {
  overflow: hidden !important; }

/**
 * New block formatting context (alternative)
 *
 * Alternative method when overflow must not be clipped.
 *
 * 1. Create a new block formatting context (NBFC).
 * 2. Avoid shrink-wrap behaviour of table-cell.
 *
 * N.B. This breaks down in some browsers when elements within this element
 * exceed its width.
 */
.u-nbfcAlt {
  display: table-cell !important;
  /* 1 */
  width: 10000px !important;
  /* 2 */ }

/**
 * Floats
 */
.u-floatLeft {
  float: left !important; }

.u-floatRight {
  float: right !important; }

/**
 * @define utilities
 * Specify the proportional offset after an element.
 * Intentional redundancy build into each set of unit classes.
 * Supports: 2, 4, 5, 6, 8, 10, 12 section
 */
.u-after1of12 {
  margin-right: 8.33333% !important; }

.u-after1of10 {
  margin-right: 10% !important; }

.u-after1of8 {
  margin-right: 12.5% !important; }

.u-after1of6,
.u-after2of12 {
  margin-right: 16.66667% !important; }

.u-after1of5,
.u-after2of10 {
  margin-right: 20% !important; }

.u-after1of4,
.u-after2of8,
.u-after3of12 {
  margin-right: 25% !important; }

.u-after3of10 {
  margin-right: 30% !important; }

.u-after1of3,
.u-after2of6,
.u-after4of12 {
  margin-right: 33.33333% !important; }

.u-after3of8 {
  margin-right: 37.5% !important; }

.u-after2of5,
.u-after4of10 {
  margin-right: 40% !important; }

.u-after5of12 {
  margin-right: 41.66667% !important; }

.u-after1of2,
.u-after2of4,
.u-after3of6,
.u-after4of8,
.u-after5of10,
.u-after6of12 {
  margin-right: 50% !important; }

.u-after7of12 {
  margin-right: 58.33333% !important; }

.u-after3of5,
.u-after6of10 {
  margin-right: 60% !important; }

.u-after5of8 {
  margin-right: 62.5% !important; }

.u-after2of3,
.u-after4of6,
.u-after8of12 {
  margin-right: 66.66667% !important; }

.u-after7of10 {
  margin-right: 70% !important; }

.u-after3of4,
.u-after6of8,
.u-after9of12 {
  margin-right: 75% !important; }

.u-after4of5,
.u-after8of10 {
  margin-right: 80% !important; }

.u-after5of6,
.u-after10of12 {
  margin-right: 83.33333% !important; }

.u-after7of8 {
  margin-right: 87.5% !important; }

.u-after9of10 {
  margin-right: 90% !important; }

.u-after11of12 {
  margin-right: 91.66667% !important; }

/**
 * @define utilities
 * Offset: breakpoint 1 (small)
 *
 * Specify the proportional offset after an element.
 * Intentional redundancy build into each set of unit classes.
 * Supports: 2, 4, 5, 6, 8, 10, 12 section
 */
/**
 * @define utilities
 * Offset: breakpoint 2 (medium)
 *
 * Specify the proportional offset after an element.
 * Intentional redundancy build into each set of unit classes.
 * Supports: 2, 4, 5, 6, 8, 10, 12 section
 */
/**
 * @define utilities
 * Offset: breakpoint 3 (large)
 *
 * Specify the proportional offset after an element.
 * Intentional redundancy build into each set of unit classes.
 * Supports: 2, 4, 5, 6, 8, 10, 12 section
 */
/**
 * @define utilities
 * Specify the proportional offset before an object.
 * Intentional redundancy build into each set of unit classes.
 * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section
 */
.u-before1of12 {
  margin-left: 8.33333% !important; }

.u-before1of10 {
  margin-left: 10% !important; }

.u-before1of8 {
  margin-left: 12.5% !important; }

.u-before1of6,
.u-before2of12 {
  margin-left: 16.66667% !important; }

.u-before1of5,
.u-before2of10 {
  margin-left: 20% !important; }

.u-before1of4,
.u-before2of8,
.u-before3of12 {
  margin-left: 25% !important; }

.u-before3of10 {
  margin-left: 30% !important; }

.u-before1of3,
.u-before2of6,
.u-before4of12 {
  margin-left: 33.33333% !important; }

.u-before3of8 {
  margin-left: 37.5% !important; }

.u-before2of5,
.u-before4of10 {
  margin-left: 40% !important; }

.u-before5of12 {
  margin-left: 41.66667% !important; }

.u-before1of2,
.u-before2of4,
.u-before3of6,
.u-before4of8,
.u-before5of10,
.u-before6of12 {
  margin-left: 50% !important; }

.u-before7of12 {
  margin-left: 58.33333% !important; }

.u-before3of5,
.u-before6of10 {
  margin-left: 60% !important; }

.u-before5of8 {
  margin-left: 62.5% !important; }

.u-before2of3,
.u-before4of6,
.u-before8of12 {
  margin-left: 66.66667% !important; }

.u-before7of10 {
  margin-left: 70% !important; }

.u-before3of4,
.u-before6of8,
.u-before9of12 {
  margin-left: 75% !important; }

.u-before4of5,
.u-before8of10 {
  margin-left: 80% !important; }

.u-before5of6,
.u-before10of12 {
  margin-left: 83.33333% !important; }

.u-before7of8 {
  margin-left: 87.5% !important; }

.u-before9of10 {
  margin-left: 90% !important; }

.u-before11of12 {
  margin-left: 91.66667% !important; }

/**
 * @define utilities
 * Offset: breakpoint 1 (small)
 *
 * Specify the proportional offset before an element.
 * Intentional redundancy build into each set of unit classes.
 * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section
 */
/**
 * @define utilities
 * Offset: breakpoint 2 (medium)
 *
 * Specify the proportional offset before an element.
 * Intentional redundancy build into each set of unit classes.
 * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section
 */
/**
 * @define utilities
 * Offset: breakpoint 3 (large)
 *
 * Specify the proportional offset before an element.
 * Intentional redundancy build into each set of unit classes.
 * Supports: 2, 3, 4, 5, 6, 8, 10, 12 section
 */
/** @define utilities */
.u-posFit,
.u-posAbsoluteCenter,
.u-posAbsolute {
  position: absolute !important; }

/**
 * Element will be centered to its nearest relatively-positioned
 * ancestor.
 */
.u-posFixedCenter,
.u-posAbsoluteCenter {
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important; }

.u-posFit,
.u-posFullScreen {
  bottom: 0 !important;
  left: 0 !important;
  margin: auto !important;
  right: 0 !important;
  top: 0 !important; }

/**
 * 1. Make sure fixed elements are promoted into a new layer, for performance
 *    reasons.
 */
.u-posFullScreen,
.u-posFixedCenter,
.u-posFixed {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* 1 */
  position: fixed !important; }

.u-posRelative {
  position: relative !important; }

.u-posStatic {
  position: static !important; }

/**
 * @define utilities
 * Sizing utilities
 */
/* Proportional widths
   ========================================================================== */
/**
 * Specify the proportional width of an object.
 * Intentional redundancy build into each set of unit classes.
 * Supports: 2, 3, 4, 5, 6, 8, 10, 12 part
 *
 * 1. Use `flex-basis: auto` with a width to avoid box-sizing bug in IE10/11
 *    http://git.io/vllMD
 */
.u-size1of12 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 8.33333% !important; }

.u-size1of10 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 10% !important; }

.u-size1of8 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 12.5% !important; }

.u-size1of6,
.u-size2of12 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 16.66667% !important; }

.u-size1of5,
.u-size2of10 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 20% !important; }

.u-size1of4,
.u-size2of8,
.u-size3of12 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 25% !important; }

.u-size3of10 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 30% !important; }

.u-size1of3,
.u-size2of6,
.u-size4of12 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 33.33333% !important; }

.u-size3of8 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 37.5% !important; }

.u-size2of5,
.u-size4of10 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 40% !important; }

.u-size5of12 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 41.66667% !important; }

.u-size1of2,
.u-size2of4,
.u-size3of6,
.u-size4of8,
.u-size5of10,
.u-size6of12 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 50% !important; }

.u-size7of12 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 58.33333% !important; }

.u-size3of5,
.u-size6of10 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 60% !important; }

.u-size5of8 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 62.5% !important; }

.u-size2of3,
.u-size4of6,
.u-size8of12 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 66.66667% !important; }

.u-size7of10 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 70% !important; }

.u-size3of4,
.u-size6of8,
.u-size9of12 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 75% !important; }

.u-size4of5,
.u-size8of10 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 80% !important; }

.u-size5of6,
.u-size10of12 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 83.33333% !important; }

.u-size7of8 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 87.5% !important; }

.u-size9of10 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 90% !important; }

.u-size11of12 {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important;
  width: 91.66667% !important; }

/* Intrinsic widths
   ========================================================================== */
/**
 * Make an element shrink wrap its content.
 */
.u-sizeFit {
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important; }

/**
 * Make an element fill the remaining space.
 *
 * 1. Be explicit to work around IE10 bug with shorthand flex
 *    http://git.io/vllC7
 * 2. IE10 ignores previous `flex-basis` value. Setting again here fixes
 *    http://git.io/vllMt
 */
.u-sizeFill {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 0% !important;
  flex: 1 1 0% !important;
  /* 1 */
  -ms-flex-preferred-size: 0% !important;
  flex-basis: 0% !important;
  /* 2 */ }

/**
 * An alternative method to make an element fill the remaining space.
 * Distributes space based on the initial width and height of the element
 *
 * http://www.w3.org/TR/css-flexbox/images/rel-vs-abs-flex.svg
 */
.u-sizeFillAlt {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important; }

/**
 * Make an element the width of its parent.
 */
.u-sizeFull {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important; }

/**
 * @define utilities
 * Size: breakpoint 1 (small)
 */
/**
 * @define utilities
 * Size: breakpoint 2 (medium)
 */
/**
 * @define utilities
 * Size: breakpoint 3 (large)
 */
/**
 * Word breaking
 *
 * Break strings when their length exceeds the width of their container.
 */
.u-textBreak {
  word-wrap: break-word !important; }

/**
 * Horizontal text alignment
 */
.u-textCenter {
  text-align: center !important; }

.u-textLeft {
  text-align: left !important; }

.u-textRight {
  text-align: right !important; }

/**
 * Inherit the ancestor's text color.
 */
.u-textInheritColor {
  color: inherit !important; }

/**
 * Enables font kerning in all browsers.
 * http://blog.typekit.com/2014/02/05/kerning-on-the-web/
 *
 * 1. Chrome (not Windows), Firefox, IE 10+
 * 2. Safari 7 and future browsers
 * 3. Chrome (not Windows), Firefox, Safari 6+, iOS, Android
 */
.u-textKern {
  -webkit-font-feature-settings: "kern" 1;
  font-feature-settings: "kern" 1;
  /* 1 */
  -webkit-font-kerning: normal;
  font-kerning: normal;
  /* 2 */
  text-rendering: optimizeLegibility;
  /* 3 */ }

/**
 * Prevent whitespace wrapping
 */
.u-textNoWrap {
  white-space: nowrap !important; }

/**
 * Text truncation
 *
 * Prevent text from wrapping onto multiple lines, and truncate with an
 * ellipsis.
 *
 * 1. Ensure that the node has a maximum width after which truncation can
 *    occur.
 * 2. Fix for IE 8/9 if `word-wrap: break-word` is in effect on ancestor
 *    nodes.
 */
.u-textTruncate {
  max-width: 100%;
  /* 1 */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  word-wrap: normal !important;
  /* 2 */ }

/** @define utilities */
/* Applies to flex container
   ========================================================================== */
/**
 * Container
 */
.u-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.u-flexInline {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }

/**
 * Direction: row
 */
.u-flexRow {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important; }

.u-flexRowReverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important; }

/**
 * Direction: column
 */
.u-flexCol {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important; }

.u-flexColReverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important; }

/**
 * Wrap
 */
.u-flexWrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important; }

.u-flexNoWrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important; }

.u-flexWrapReverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important; }

/**
 * Align items along the main axis of the current line of the flex container
 */
.u-flexJustifyStart {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important; }

.u-flexJustifyEnd {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important; }

.u-flexJustifyCenter {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.u-flexJustifyBetween {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

.u-flexJustifyAround {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important; }

/**
 * Align items in the cross axis of the current line of the flex container
 * Similar to `justify-content` but in the perpendicular direction
 */
.u-flexAlignItemsStart {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  -ms-grid-row-align: flex-start !important;
  align-items: flex-start !important; }

.u-flexAlignItemsEnd {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  -ms-grid-row-align: flex-end !important;
  align-items: flex-end !important; }

.u-flexAlignItemsCenter {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  -ms-grid-row-align: center !important;
  align-items: center !important; }

.u-flexAlignItemsStretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  -ms-grid-row-align: stretch !important;
  align-items: stretch !important; }

.u-flexAlignItemsBaseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  -ms-grid-row-align: baseline !important;
  align-items: baseline !important; }

/**
 * Aligns items within the flex container when there is extra
 * space in the cross-axis
 *
 * Has no effect when there is only one line of flex items.
 */
.u-flexAlignContentStart {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important; }

.u-flexAlignContentEnd {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important; }

.u-flexAlignContentCenter {
  -ms-flex-line-pack: center !important;
  align-content: center !important; }

.u-flexAlignContentStretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important; }

.u-flexAlignContentBetween {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important; }

.u-flexAlignContentAround {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important; }

/**
 * 1. Set the flex-shrink default explicitly to fix IE10 - http://git.io/vllC7
 */
/* postcss-bem-linter: ignore */
.u-flex > *,
.u-flexInline > * {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  /* 1 */ }

/* Applies to flex items
   ========================================================================== */
/**
 * Override default alignment of single item when specified by `align-items`
 */
.u-flexAlignSelfStart {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important; }

.u-flexAlignSelfEnd {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important; }

.u-flexAlignSelfCenter {
  -ms-flex-item-align: center !important;
  -ms-grid-row-align: center !important;
      align-self: center !important; }

.u-flexAlignSelfStretch {
  -ms-flex-item-align: stretch !important;
  -ms-grid-row-align: stretch !important;
      align-self: stretch !important; }

.u-flexAlignSelfBaseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important; }

.u-flexAlignSelfAuto {
  -ms-flex-item-align: auto !important;
  -ms-grid-row-align: auto !important;
      align-self: auto !important; }

/**
 * Change order without editing underlying HTML
 */
.u-flexOrderFirst {
  -webkit-box-ordinal-group: 0 !important;
  -ms-flex-order: -1 !important;
  order: -1 !important; }

.u-flexOrderLast {
  -webkit-box-ordinal-group: 2 !important;
  -ms-flex-order: 1 !important;
  order: 1 !important; }

.u-flexOrderNone {
  -webkit-box-ordinal-group: 1 !important;
  -ms-flex-order: 0 !important;
  order: 0 !important; }

/**
 * Specify the flex grow factor, which determines how much the flex item will
 * grow relative to the rest of the flex items in the flex container.
 *
 * Supports 1-5 proportions
 *
 * 1. Provide all values to avoid IE10 bug with shorthand flex
 *    - http://git.io/vllC7
 *
 *    Use `0%` to avoid bug in IE10/11 with unitless flex basis. Using this
 *    instead of `auto` as this matches what the default would be with `flex`
 *    shorthand - http://git.io/vllWx
 */
.u-flexGrow1 {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 0% !important;
  flex: 1 1 0% !important;
  /* 1 */ }

.u-flexGrow2 {
  -webkit-box-flex: 2 !important;
  -ms-flex: 2 1 0% !important;
  flex: 2 1 0% !important; }

.u-flexGrow3 {
  -webkit-box-flex: 3 !important;
  -ms-flex: 3 1 0% !important;
  flex: 3 1 0% !important; }

.u-flexGrow4 {
  -webkit-box-flex: 4 !important;
  -ms-flex: 4 1 0% !important;
  flex: 4 1 0% !important; }

.u-flexGrow5 {
  -webkit-box-flex: 5 !important;
  -ms-flex: 5 1 0% !important;
  flex: 5 1 0% !important; }

/**
 * Aligning with `auto` margins
 * http://www.w3.org/TR/css-flexbox-1/#auto-margins
 */
.u-flexExpand {
  margin: auto !important; }

.u-flexExpandLeft {
  margin-left: auto !important; }

.u-flexExpandRight {
  margin-right: auto !important; }

.u-flexExpandTop {
  margin-top: auto !important; }

.u-flexExpandBottom {
  margin-bottom: auto !important; }

/**
 * @define utilities
 * Size: breakpoint 1 (small)
 */
/**
 * @define utilities
 * Size: breakpoint 1 (medium)
 */
/**
 * @define utilities
 * Size: breakpoint 1 (large)
 */
/** @define Arrange; weak */
/**
 * This component lets you lay out a row of cells in various ways. You can
 * specify whether a cell should be wide enough to fit its content, or take up
 * the remaining space in the row. It's also possible to give all cells an
 * equal width, and to control their vertical alignment.
 */
/**
 * 1. Protect against the component expanding beyond the confines of its
 *    container if properties affecting the box-model are applied to the
 *    component. Mainly necessary because of (5).
 * 2. Rely on table layout.
 * 3. Zero out the default spacing that might be on an element (e.g., `ul`).
 * 4. Make sure the component fills at least the full width of its parent.
 * 5. Reset the table-layout algorithm in case a component is nested.
 */
.Arrange {
  box-sizing: border-box;
  /* 1 */
  display: table;
  /* 2 */
  margin: 0;
  /* 3 */
  min-width: 100%;
  /* 4 */
  padding: 0;
  /* 3 */
  table-layout: auto;
  /* 5 */ }

/**
 * There are three possible types of child. `sizeFill` will expand to fill all
 * of the remaining space not filled by `sizeFit` elements. `row` will begin a
 * new row context, keeping columns the same size.
 *
 * 1. Zero out any default spacing that might be on an element (e.g., `li`);
 *    Margin has no effect when coupled with `display: table-cell`.
 * 2. All cells are top-aligned by default
 */
.Arrange-sizeFill,
.Arrange-sizeFit {
  display: table-cell;
  padding: 0;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/**
 * Make sure the main content block expands to fill the remaining space.
 */
.Arrange-sizeFill {
  width: 100%; }

/**
 * Where possible, protect against large images breaking the layout. Prevent them from
 * exceeding the width of the main content block by making them fluid.
 *
 * Only work for all browsers with the `Arrange--equally` variant. For Firefox
 * and IE to constrain image dimensions for other layouts, large images will
 * need their width set to `100%`.
 */
.Arrange-sizeFill img {
  height: auto;
  max-width: 100%; }

/**
 * Defend against a side-effect of this layout pattern: images in
 * 'Arrange-sizeFit' cannot be fluid, otherwise they lose their ability to
 * provide size to a cell.
 */
.Arrange-sizeFit img {
  max-width: none !important;
  width: auto !important; }

/**
 * Start a new row context.
 */
.Arrange-row {
  display: table-row; }

/* Vertical alignment modifiers
   ========================================================================== */
.Arrange--middle > .Arrange-sizeFill,
.Arrange--middle > .Arrange-sizeFit {
  vertical-align: middle; }

.Arrange--bottom > .Arrange-sizeFill,
.Arrange--bottom > .Arrange-sizeFit {
  vertical-align: bottom; }

/* Equal-width modifier
   ========================================================================== */
/**
 * This layout algorithm will create equal-width table cells, irrespective of
 * the width of their content.
 *
 * 1. The layout algorithm requires a set width to correctly calculate table
 *    cell width.
 */
.Arrange--equal {
  table-layout: fixed;
  width: 100%;
  /* 1 */ }

/**
 * Give the cells an equal width. This value ensures that Arrange is still 100%
 * wide when gutters are used in conjunctions with equal-width cells.
 *
 * It's recommended that only 'Arrange-sizeFill' be used for equal width cells.
 * Their inner images will automatically be responsive.
 */
.Arrange--equal > .Arrange-sizeFill,
.Arrange--equal > .Arrange-sizeFit,
.Arrange--equal > .Arrange-row > .Arrange-sizeFill,
.Arrange--equal > .Arrange-row > .Arrange-sizeFit {
  width: 1%; }

/* Gutter modifier
   ========================================================================== */
/**
 * Add a gutter between cells
 *
 * NOTE: this can trigger a horizontal scrollbar if the component is as wide as
 * the viewport. Use padding on a container, or `overflow-x:hidden` to protect
 * against it.
 */
.Arrange--withGutter {
  margin: 0 -5px; }

.Arrange--withGutter > .Arrange-sizeFit,
.Arrange--withGutter > .Arrange-sizeFill,
.Arrange--withGutter > .Arrange-row > .Arrange-sizeFit,
.Arrange--withGutter > .Arrange-row > .Arrange-sizeFill {
  padding: 0 5px; }

/** @define FlexEmbed */
/**
 * Flexible media embeds
 *
 * For use with media embeds – such as videos, slideshows, or even images –
 * that need to retain a specific aspect ratio but adapt to the width of their
 * containing element.
 *
 * Based on: http://alistapart.com/article/creating-intrinsic-ratios-for-video
 */
.FlexEmbed {
  display: block;
  overflow: hidden;
  position: relative; }

/**
 * The aspect-ratio hack is applied to an empty element because it allows
 * the component to respect `max-height`. Default aspect ratio is 1:1.
 */
.FlexEmbed-ratio {
  display: block;
  padding-bottom: 100%;
  width: 100%; }

/**
 * Modifier: 3:1 aspect ratio
 */
.FlexEmbed-ratio--3by1 {
  padding-bottom: 33.33333%; }

/**
 * Modifier: 2:1 aspect ratio
 */
.FlexEmbed-ratio--2by1 {
  padding-bottom: 50%; }

/**
 * Modifier: 16:9 aspect ratio
 */
.FlexEmbed-ratio--16by9 {
  padding-bottom: 56.25%; }

/**
 * Modifier: 4:3 aspect ratio
 */
.FlexEmbed-ratio--4by3 {
  padding-bottom: 75%; }

/**
 * Fit the content to the aspect ratio
 */
.FlexEmbed-content {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

/** @define Grid */
/**
 * Core grid component
 *
 * DO NOT apply dimension or offset utilities to the `Grid` element. All cell
 * widths and offsets should be applied to child grid cells.
 */
/* Grid container
   ========================================================================== */
/**
 * All content must be contained within child `Grid-cell` elements.
 *
 * 1. Account for browser defaults of elements that might be the root node of
 *    the component.
 */
.Grid {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 1 */
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0;
  /* 1 */
  padding: 0;
  /* 1 */ }

/**
 * Modifier: center align all grid cells
 */
.Grid--alignCenter {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

/**
 * Modifier: right align all grid cells
 */
.Grid--alignRight {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

/**
 * Modifier: middle-align grid cells
 */
.Grid--alignMiddle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center; }

/**
 * Modifier: bottom-align grid cells
 */
.Grid--alignBottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end; }

/**
 * Modifier: allow cells to equal distribute width
 *
 * 1. Provide all values to avoid IE10 bug with shorthand flex
 *    http://git.io/vllC7
 *
 *    Use `0%` to avoid bug in IE10/11 with unitless flex basis
 *    http://git.io/vllWx
 */
.Grid--fit > .Grid-cell {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  /* 1 */ }

/**
 * Modifier: all cells match height of tallest cell in a row
 */
.Grid--equalHeight > .Grid-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

/**
 * Modifier: gutters
 */
.Grid--withGutter {
  margin: 0 -10px; }

.Grid--withGutter > .Grid-cell {
  padding: 0 10px; }

/* Grid cell
   ========================================================================== */
/**
 * No explicit width by default. Rely on combining `Grid-cell` with a dimension
 * utility or a component class that extends 'Grid'.
 *
 * 1. Set flex items to full width by default
 * 2. Fix issue where elements with overflow extend past the
 *    `Grid-cell` container - https://git.io/vw5oF
 */
.Grid-cell {
  box-sizing: inherit;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  /* 1 */
  min-width: 0;
  /* 2 */ }

/**
 * Modifier: horizontally center one unit
 * Set a specific unit to be horizontally centered. Doesn't affect
 * any other units. Can still contain a child `Grid` object.
 */
.Grid-cell--center {
  margin: 0 auto; }

/**
 * Colors
 */
/**
 * Basic
 */
/**
 * Blues
 */
.bg-blue {
  background: #1483ff; }

.bg-blue-med {
  background: #479eff; }

.bg-blue-light {
  background: #7ab9ff; }

.color-blue {
  color: #1483ff; }

.color-blue-med {
  color: #479eff; }

.color-blue-light {
  color: #7ab9ff; }

/**
 * Light Blues
 */
.bg-light-blue {
  background: #22befb; }

.bg-light-blue-med {
  background: #54cdfc; }

.bg-light-blue-light {
  background: #86dcfd; }

.color-light-blue {
  color: #22befb; }

.color-light-blue-med {
  color: #54cdfc; }

.color-light-blue-light {
  color: #86dcfd; }

/**
 * Greens
 */
.bg-green {
  background: #1ddeb6; }

.bg-green-med {
  background: #47e7c6; }

.bg-green-light {
  background: #74edd4; }

.color-green {
  color: #1ddeb6; }

.color-green-med {
  color: #47e7c6; }

.color-green-light {
  color: #74edd4; }

/**
 * Reds
 */
.bg-red {
  background: #ff4514; }

.bg-red-med {
  background: #ff6d47; }

.bg-red-light {
  background: #ff957a; }

.color-red {
  color: #ff4514; }

.color-red-med {
  color: #ff6d47; }

.color-red-light {
  color: #ff957a; }

/**
 * Oranges
 */
.bg-orange {
  background: #ffa814; }

.bg-orange-med {
  background: #ffbb47; }

.bg-orange-light {
  background: #ffce7a; }

.color-orange {
  color: #ffa814; }

.color-orange-med {
  color: #ffbb47; }

.color-orange-light {
  color: #ffce7a; }

/**
 * Purples
 */
.bg-purple {
  background: #8a65e8; }

.bg-purple-med {
  background: #ab90ee; }

.bg-purple-light {
  background: #ccbbf5; }

.color-purple {
  color: #8a65e8; }

.color-purple-med {
  color: #ab90ee; }

.color-purple-light {
  color: #ccbbf5; }

/**
 * Backgrounds
 */
.bg-darkest {
  background: #13141b; }

.bg-darker {
  background: #1b1e27; }

.bg-dark {
  background: #232837; }

.bg-med {
  background: #2f3646; }

.bg-light {
  background: #455066; }

.bg-lighter {
  background: #5b6882; }

/**
 * Gradient Backgrounds
 */
.bg-linear-1 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #2a2f40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #2a2f40 100%); }

.bg-linear-2 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #1f2a40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #1f2a40 100%); }

.bg-radial-1 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%); }

.bg-radial-2 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%); }

/**
 * Text
 */
.bg-text-dark {
  background: #72809b; }

.bg-text-med-dark {
  background: #919db5; }

.bg-text-med {
  background: #a8b2c7; }

.bg-text-light {
  background: #f0f1f6; }

.bg-text-lighter {
  background: #fff; }

.color-text-dark {
  color: #72809b; }

.color-text-med-dark {
  color: #919db5; }

.color-text-med {
  color: #a8b2c7; }

.color-text-light {
  color: #f0f1f6; }

.color-text-lighter {
  color: #fff; }

/**
 * Header
 */
/**
 * Gradients
 */
.gradient-blue {
  background-image: -webkit-linear-gradient(bottom left, #6bd1f9 0%, #54a4fb 100%);
  background-image: linear-gradient(to top right, #6bd1f9 0%, #54a4fb 100%); }

.gradient-blue-green {
  background-image: -webkit-linear-gradient(bottom left, #69d1f8 0%, #59e6c8 100%);
  background-image: linear-gradient(to top right, #69d1f8 0%, #59e6c8 100%); }

.gradient-blue-red {
  background-image: -webkit-linear-gradient(bottom left, #50a1f9 0%, #f96f50 100%);
  background-image: linear-gradient(to top right, #50a1f9 0%, #f96f50 100%); }

.gradient-blue-purple {
  background-image: -webkit-linear-gradient(bottom left, #73bef4 0%, #aa90ed 100%);
  background-image: linear-gradient(to top right, #73bef4 0%, #aa90ed 100%); }

.gradient-red-orange {
  background-image: -webkit-linear-gradient(bottom left, #fc7c5f 0%, #fcbc5a 100%);
  background-image: linear-gradient(to top right, #fc7c5f 0%, #fcbc5a 100%); }

.gradient-orange-purple {
  background-image: -webkit-linear-gradient(bottom left, #f5cc98 0%, #ae94ec 100%);
  background-image: linear-gradient(to top right, #f5cc98 0%, #ae94ec 100%); }

/**
 * Branding
 */
.bg-logo {
  background: #1f89ff; }

.bg-text-logo {
  background: #c0ddff; }

.color-logo {
  color: #c0ddff; }

/**
 * Shadow Presets
 * Concept from: https://github.com/angular/material/blob/master/src/core/style/variables.scss
 */
.shadow-1 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.shadow-2 {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }

.shadow-3 {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); }

.shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }

.shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); }

.shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); }

.shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); }

.shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }

.shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); }

.shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); }

.shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); }

.shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); }

.shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }

.shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); }

.shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); }

.shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); }

.shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); }

.shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); }

.shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); }

.shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); }

.shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); }

.shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); }

.shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }

.shadow-fx {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .shadow-fx:hover {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

/**
 * Fonts
 */
@font-face {
  font-family: "icon";
  src: url(9b415998a3058a5c6b07bc6537845517.eot?#iefix) format("embedded-opentype"), url(84daf4844c7fa2d7a2246fcb7e1a6a60.woff) format("woff");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"]:before,
[class*="icon-"]:before {
  font-family: "icon"  !important;
  speak: none;
  line-height: 1;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-3d-rotate:before {
  content: "\F101"; }

.icon-add-edge:before {
  content: "\F102"; }

.icon-add-new:before {
  content: "\F103"; }

.icon-add-node:before {
  content: "\F104"; }

.icon-advanced-pie:before {
  content: "\F105"; }

.icon-app-store:before {
  content: "\F106"; }

.icon-apps:before {
  content: "\F107"; }

.icon-area-chart:before {
  content: "\F108"; }

.icon-arrow-down:before {
  content: "\F109"; }

.icon-arrow-left:before {
  content: "\F10A"; }

.icon-arrow-right:before {
  content: "\F10B"; }

.icon-arrow-up:before {
  content: "\F10C"; }

.icon-assets:before {
  content: "\F10D"; }

.icon-attachment:before {
  content: "\F10E"; }

.icon-bars:before {
  content: "\F10F"; }

.icon-bell:before {
  content: "\F110"; }

.icon-bold:before {
  content: "\F111"; }

.icon-bolt:before {
  content: "\F112"; }

.icon-broom:before {
  content: "\F113"; }

.icon-bug:before {
  content: "\F114"; }

.icon-calendar-clock:before {
  content: "\F115"; }

.icon-calendar:before {
  content: "\F116"; }

.icon-cards:before {
  content: "\F117"; }

.icon-center-align:before {
  content: "\F118"; }

.icon-chart-area:before {
  content: "\F119"; }

.icon-chart-bar-bar:before {
  content: "\F11A"; }

.icon-chart-bar-horizontal:before {
  content: "\F11B"; }

.icon-chart-bubble:before {
  content: "\F11C"; }

.icon-chart-donut:before {
  content: "\F11D"; }

.icon-chart-full-stacked-area:before {
  content: "\F11E"; }

.icon-chart-heat:before {
  content: "\F11F"; }

.icon-chart-horz-bar:before {
  content: "\F120"; }

.icon-chart-horz-full-stack-bar:before {
  content: "\F121"; }

.icon-chart-number-card:before {
  content: "\F122"; }

.icon-chart-pie-grid:before {
  content: "\F123"; }

.icon-chart-pie:before {
  content: "\F124"; }

.icon-chart-stacked-area:before {
  content: "\F125"; }

.icon-chart-vert-bar:before {
  content: "\F126"; }

.icon-chart-vert-bar2:before {
  content: "\F127"; }

.icon-chart-vert-stacked-bar:before {
  content: "\F128"; }

.icon-check-filled:before {
  content: "\F129"; }

.icon-check:before {
  content: "\F12A"; }

.icon-circles:before {
  content: "\F12B"; }

.icon-circuit-board:before {
  content: "\F12C"; }

.icon-clipboard:before {
  content: "\F12D"; }

.icon-clock:before {
  content: "\F12E"; }

.icon-cloud-download:before {
  content: "\F12F"; }

.icon-cloud-upload:before {
  content: "\F130"; }

.icon-code:before {
  content: "\F131"; }

.icon-cog:before {
  content: "\F132"; }

.icon-commandline:before {
  content: "\F133"; }

.icon-comments:before {
  content: "\F134"; }

.icon-copy-filled:before {
  content: "\F135"; }

.icon-copy:before {
  content: "\F136"; }

.icon-credit-card:before {
  content: "\F137"; }

.icon-dashboard:before {
  content: "\F138"; }

.icon-database:before {
  content: "\F139"; }

.icon-devil:before {
  content: "\F13A"; }

.icon-document:before {
  content: "\F13B"; }

.icon-domain:before {
  content: "\F13C"; }

.icon-dots-horz:before {
  content: "\F13D"; }

.icon-dots-vert:before {
  content: "\F13E"; }

.icon-double-down:before {
  content: "\F13F"; }

.icon-double-left:before {
  content: "\F140"; }

.icon-double-right:before {
  content: "\F141"; }

.icon-double-up:before {
  content: "\F142"; }

.icon-edit:before {
  content: "\F143"; }

.icon-email:before {
  content: "\F144"; }

.icon-expand:before {
  content: "\F145"; }

.icon-explore:before {
  content: "\F146"; }

.icon-export-filled:before {
  content: "\F147"; }

.icon-export:before {
  content: "\F148"; }

.icon-eye-disabled:before {
  content: "\F149"; }

.icon-eye:before {
  content: "\F14A"; }

.icon-field-date:before {
  content: "\F14B"; }

.icon-field-html:before {
  content: "\F14C"; }

.icon-field-list:before {
  content: "\F14D"; }

.icon-field-numeric:before {
  content: "\F14E"; }

.icon-field-text:before {
  content: "\F14F"; }

.icon-field-users:before {
  content: "\F150"; }

.icon-filter-bar:before {
  content: "\F151"; }

.icon-filter:before {
  content: "\F152"; }

.icon-find-page:before {
  content: "\F153"; }

.icon-flame:before {
  content: "\F154"; }

.icon-folder:before {
  content: "\F155"; }

.icon-font:before {
  content: "\F156"; }

.icon-formula:before {
  content: "\F157"; }

.icon-full-align:before {
  content: "\F158"; }

.icon-gauge:before {
  content: "\F159"; }

.icon-gear:before {
  content: "\F15A"; }

.icon-globe:before {
  content: "\F15B"; }

.icon-graph:before {
  content: "\F15C"; }

.icon-hand:before {
  content: "\F15D"; }

.icon-heat:before {
  content: "\F15E"; }

.icon-helper:before {
  content: "\F15F"; }

.icon-history:before {
  content: "\F160"; }

.icon-horz-bar-graph-grouped:before {
  content: "\F161"; }

.icon-horz-stacked-bar:before {
  content: "\F162"; }

.icon-info-fulled:before {
  content: "\F163"; }

.icon-integrations:before {
  content: "\F164"; }

.icon-ip:before {
  content: "\F165"; }

.icon-italic:before {
  content: "\F166"; }

.icon-layer:before {
  content: "\F167"; }

.icon-left-align:before {
  content: "\F168"; }

.icon-line-chart:before {
  content: "\F169"; }

.icon-line-graph:before {
  content: "\F16A"; }

.icon-link:before {
  content: "\F16B"; }

.icon-list-1:before {
  content: "\F16C"; }

.icon-list:before {
  content: "\F16D"; }

.icon-loading:before {
  content: "\F16E"; }

.icon-location:before {
  content: "\F16F"; }

.icon-lock:before {
  content: "\F170"; }

.icon-logo:before {
  content: "\F171"; }

.icon-map:before {
  content: "\F172"; }

.icon-menu:before {
  content: "\F173"; }

.icon-mic:before {
  content: "\F174"; }

.icon-minus:before {
  content: "\F175"; }

.icon-money:before {
  content: "\F176"; }

.icon-multi-line:before {
  content: "\F177"; }

.icon-numbered-list:before {
  content: "\F178"; }

.icon-open:before {
  content: "\F179"; }

.icon-paragraph:before {
  content: "\F17A"; }

.icon-pause:before {
  content: "\F17B"; }

.icon-phone:before {
  content: "\F17C"; }

.icon-pie-chart:before {
  content: "\F17D"; }

.icon-pin:before {
  content: "\F17E"; }

.icon-plan:before {
  content: "\F17F"; }

.icon-play:before {
  content: "\F180"; }

.icon-plus:before {
  content: "\F181"; }

.icon-prev:before {
  content: "\F182"; }

.icon-printer:before {
  content: "\F183"; }

.icon-profile:before {
  content: "\F184"; }

.icon-question-filled:before {
  content: "\F185"; }

.icon-reference:before {
  content: "\F186"; }

.icon-refresh-circle:before {
  content: "\F187"; }

.icon-refresh:before {
  content: "\F188"; }

.icon-remove-edge:before {
  content: "\F189"; }

.icon-remove-node:before {
  content: "\F18A"; }

.icon-reports:before {
  content: "\F18B"; }

.icon-right-align:before {
  content: "\F18C"; }

.icon-rotate:before {
  content: "\F18D"; }

.icon-save:before {
  content: "\F18E"; }

.icon-screen:before {
  content: "\F18F"; }

.icon-search:before {
  content: "\F190"; }

.icon-section:before {
  content: "\F191"; }

.icon-select-all:before {
  content: "\F192"; }

.icon-server:before {
  content: "\F193"; }

.icon-shield:before {
  content: "\F194"; }

.icon-shrink:before {
  content: "\F195"; }

.icon-skip:before {
  content: "\F196"; }

.icon-smiley-frown:before {
  content: "\F197"; }

.icon-snapshot:before {
  content: "\F198"; }

.icon-stopwatch:before {
  content: "\F199"; }

.icon-superscript:before {
  content: "\F19A"; }

.icon-switch:before {
  content: "\F19B"; }

.icon-table:before {
  content: "\F19C"; }

.icon-tabs:before {
  content: "\F19D"; }

.icon-trash:before {
  content: "\F19E"; }

.icon-tree:before {
  content: "\F19F"; }

.icon-trending:before {
  content: "\F1A0"; }

.icon-underline:before {
  content: "\F1A1"; }

.icon-user-add:before {
  content: "\F1A2"; }

.icon-user:before {
  content: "\F1A3"; }

.icon-users-2:before {
  content: "\F1A4"; }

.icon-users:before {
  content: "\F1A5"; }

.icon-vert-bar-graph-grouped:before {
  content: "\F1A6"; }

.icon-vert-full-stack-bar:before {
  content: "\F1A7"; }

.icon-wand:before {
  content: "\F1A8"; }

.icon-workspaces:before {
  content: "\F1A9"; }

.icon-workstation:before {
  content: "\F1AA"; }

.icon-wrench:before {
  content: "\F1AB"; }

.icon-x-filled:before {
  content: "\F1AC"; }

.icon-x:before {
  content: "\F1AD"; }

/**
 * Font stacks
 * http://www.fontspring.com/blog/smoother-rendering-in-chrome-update
*/
@font-face {
  font-family: "Lato";
  font-style: normal;
  src: url(7f690e503a254e0b8349aec0177e07aa.ttf) format("truetype"); }

@font-face {
  font-family: "Lato";
  font-style: italic;
  src: url(56c4cb26fd6a48b9c0ebcc07b376ee38.ttf) format("truetype"); }

@font-face {
  font-family: "Lato";
  font-weight: 300;
  font-style: normal;
  src: url(5b761f2d1e4259ea6ac7ab3ebf7f3c49.ttf) format("truetype"); }

@font-face {
  font-family: "Lato";
  font-weight: bold;
  font-style: normal;
  src: url(44dfe8cc676882243911a3197a50169e.ttf) format("truetype"); }

@font-face {
  font-family: "Lato";
  font-weight: bold;
  font-style: italic;
  src: url(1ba4767ee37aab7e8d34fc339c3538cc.ttf) format("truetype"); }

/**
 * Font stacks
 * http://www.fontspring.com/blog/smoother-rendering-in-chrome-update
*/
@font-face {
  font-family: "Fira Sans";
  font-style: normal;
  src: url(808fbb61cedded38d08971f5ae9d5f83.ttf) format("truetype"); }

@font-face {
  font-family: "Fira Sans";
  font-style: italic;
  src: url(a8ff3a20c149ff8d9295b66c5d17636e.ttf) format("truetype"); }

@font-face {
  font-family: "Fira Sans";
  font-weight: 300;
  font-style: normal;
  src: url(716a1f5ada34cf1bd35282c6831127f6.ttf) format("truetype"); }

@font-face {
  font-family: "Fira Sans";
  font-weight: bold;
  font-style: normal;
  src: url(464da424cd85ce6187aec9d2ea98eb33.ttf) format("truetype"); }

@font-face {
  font-family: "Fira Sans";
  font-weight: bold;
  font-style: italic;
  src: url(bc94db023daf995f9729e0fbf2d33c0b.ttf) format("truetype"); }

/**
 * Typography
 */
/**
 * Fonts
 */
h1, h2, h3, h4, h5, h6 {
  margin-bottom: .5rem;
  margin-top: .3em;
  font-family: "Fira Sans", "Lato", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
  font-weight: normal; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: #a8b2c7;
    font-size: .75em; }

p {
  margin-bottom: 1rem;
  line-height: 1.75;
  font-weight: 400; }

span.hint, p.hint, a.hint {
  color: #a8b2c7;
  font-style: italic;
  font-size: .85em; }

span.thin, p.thin, a.thin {
  font-weight: 200; }

span.ultra-thin, p.ultra-thin, a.ultra-thin {
  font-weight: 100; }

a {
  color: #1483ff;
  text-decoration: none; }

/**
 * Code
 */
pre, code {
  display: block; }

pre {
  padding: 1rem;
  background: #282a36;
  color: #f8f8f2;
  margin: .5rem 0;
  font-family: "Inconsolata", "Monaco", "Consolas", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
  overflow-x: auto;
  line-height: 1.45;
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
  -webkit-font-smoothing: auto;
  -webkit-text-size-adjust: none;
  position: relative;
  border-radius: 2px;
  font-size: 0.8rem; }

code {
  margin: 0;
  padding: 0;
  overflow-wrap: break-word;
  white-space: pre-wrap; }

/**
 * Forms
 */
/**
 * Form Element Inputs
 */
input[type=number],
input[type=tel],
input[type=text],
input[type=password],
textarea {
  display: inline-block;
  box-sizing: border-box;
  outline: none; }

.form-input {
  background: #333b4c;
  border: solid 1px #455066;
  color: #d9dce1;
  -webkit-transition: box-shadow 200ms;
  transition: box-shadow 200ms;
  border-radius: 0;
  font-size: 13px;
  height: 32px;
  line-height: 32px;
  width: 100%;
  padding: 6px;
  margin-bottom: 1em; }
  .form-input:focus {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }
  .form-input[disabled] {
    cursor: not-allowed;
    color: #72809b; }

textarea.form-input {
  min-height: 120px;
  line-height: 1.3em; }

select {
  background: #333b4c;
  border: solid 1px #455066;
  color: #d9dce1;
  border-radius: 2px;
  height: 32px;
  line-height: 32px;
  font-size: 13px;
  width: 100%; }
  select:focus {
    outline: none; }
  select[disabled] {
    cursor: not-allowed;
    color: #72809b; }

/**
 * Components
 */
.branding {
  text-transform: lowercase;
  font-weight: 100;
  color: #c0ddff; }
  .branding .branding-name {
    font-size: 1.8rem;
    display: inline-block;
    vertical-align: top; }
  .branding .branding-logo {
    font-size: 1.2rem; }

.section {
  padding: 1.8em;
  margin-bottom: 2em; }

.tag {
  cursor: default;
  border-radius: 3px;
  display: inline-block;
  margin: 0 8px 0 0;
  box-sizing: border-box;
  position: relative;
  background: #fff;
  color: #13141b;
  height: 1rem;
  line-height: 1rem;
  font-size: 1rem;
  padding: 0 .2rem; }
  .tag.tag-small {
    height: .9rem;
    line-height: .9rem;
    font-size: .75rem;
    padding: 0 .1rem; }
  .tag.tag-large {
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 1.2rem;
    padding: 0 .3rem; }

/**
 * List styles
 */
/**
 * List: Basic
 */
ol, ul {
  margin-top: 1em;
  display: block;
  padding-left: 1rem;
  margin-bottom: 1em; }

ol {
  font-variant-numeric: tabular-nums;
  -webkit-font-feature-settings: 'tnum' 1;
          font-feature-settings: 'tnum' 1;
  list-style-type: decimal; }

ul {
  list-style-type: square; }

.list-reset,
.list-reset > li {
  padding: 0;
  margin: 0;
  list-style: none; }

/**
 * List: Vertical/Horz
 */
.horizontal-list button,
.list-list button {
  box-shadow: none;
  height: 50px;
  line-height: 50px; }

.horizontal-list,
.vertical-list,
.horizontal-list li,
.vertical-list li {
  padding: 0;
  margin: 0;
  list-style: none; }

.horizontal-list > li {
  display: inline-block; }
  .horizontal-list > li > button {
    padding: 0 1rem; }

.vertical-list > li {
  display: block; }

/**
 * Page Loading Indicator
 * http://codepen.io/jackoliver/pen/QKpbLm
 */
.page-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  height: 100px;
  width: 100px;
  -webkit-animation: rotate 2s infinite linear;
          animation: rotate 2s infinite linear; }
  .page-loader .track {
    height: 100px;
    position: absolute;
    width: 10px;
    left: 50%;
    margin-left: -10px; }
  .page-loader .track:nth-child(0) {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg); }
    .page-loader .track:nth-child(0) .ball {
      -webkit-animation: ball 2s infinite ease 0s;
              animation: ball 2s infinite ease 0s; }
  .page-loader .track:nth-child(1) {
    -webkit-transform: rotateZ(22.5deg);
            transform: rotateZ(22.5deg); }
    .page-loader .track:nth-child(1) .ball {
      -webkit-animation: ball 2s infinite ease 1s;
              animation: ball 2s infinite ease 1s; }
  .page-loader .track:nth-child(2) {
    -webkit-transform: rotateZ(45deg);
            transform: rotateZ(45deg); }
    .page-loader .track:nth-child(2) .ball {
      -webkit-animation: ball 2s infinite ease 0s;
              animation: ball 2s infinite ease 0s; }
  .page-loader .track:nth-child(3) {
    -webkit-transform: rotateZ(67.5deg);
            transform: rotateZ(67.5deg); }
    .page-loader .track:nth-child(3) .ball {
      -webkit-animation: ball 2s infinite ease 1s;
              animation: ball 2s infinite ease 1s; }
  .page-loader .track:nth-child(4) {
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg); }
    .page-loader .track:nth-child(4) .ball {
      -webkit-animation: ball 2s infinite ease 0s;
              animation: ball 2s infinite ease 0s; }
  .page-loader .track:nth-child(5) {
    -webkit-transform: rotateZ(112.5deg);
            transform: rotateZ(112.5deg); }
    .page-loader .track:nth-child(5) .ball {
      -webkit-animation: ball 2s infinite ease 1s;
              animation: ball 2s infinite ease 1s; }
  .page-loader .track:nth-child(6) {
    -webkit-transform: rotateZ(135deg);
            transform: rotateZ(135deg); }
    .page-loader .track:nth-child(6) .ball {
      -webkit-animation: ball 2s infinite ease 0s;
              animation: ball 2s infinite ease 0s; }
  .page-loader .track:nth-child(7) {
    -webkit-transform: rotateZ(157.5deg);
            transform: rotateZ(157.5deg); }
    .page-loader .track:nth-child(7) .ball {
      -webkit-animation: ball 2s infinite ease 1s;
              animation: ball 2s infinite ease 1s; }
  .page-loader .track:nth-child(8) {
    -webkit-transform: rotateZ(180deg);
            transform: rotateZ(180deg); }
    .page-loader .track:nth-child(8) .ball {
      -webkit-animation: ball 2s infinite ease 0s;
              animation: ball 2s infinite ease 0s; }
  .page-loader .track:nth-child(9) {
    -webkit-transform: rotateZ(202.5deg);
            transform: rotateZ(202.5deg); }
    .page-loader .track:nth-child(9) .ball {
      -webkit-animation: ball 2s infinite ease 1s;
              animation: ball 2s infinite ease 1s; }
  .page-loader .track:nth-child(10) {
    -webkit-transform: rotateZ(225deg);
            transform: rotateZ(225deg); }
    .page-loader .track:nth-child(10) .ball {
      -webkit-animation: ball 2s infinite ease 0s;
              animation: ball 2s infinite ease 0s; }
  .page-loader .track:nth-child(11) {
    -webkit-transform: rotateZ(247.5deg);
            transform: rotateZ(247.5deg); }
    .page-loader .track:nth-child(11) .ball {
      -webkit-animation: ball 2s infinite ease 1s;
              animation: ball 2s infinite ease 1s; }
  .page-loader .track:nth-child(12) {
    -webkit-transform: rotateZ(270deg);
            transform: rotateZ(270deg); }
    .page-loader .track:nth-child(12) .ball {
      -webkit-animation: ball 2s infinite ease 0s;
              animation: ball 2s infinite ease 0s; }
  .page-loader .track:nth-child(13) {
    -webkit-transform: rotateZ(292.5deg);
            transform: rotateZ(292.5deg); }
    .page-loader .track:nth-child(13) .ball {
      -webkit-animation: ball 2s infinite ease 1s;
              animation: ball 2s infinite ease 1s; }
  .page-loader .track:nth-child(14) {
    -webkit-transform: rotateZ(315deg);
            transform: rotateZ(315deg); }
    .page-loader .track:nth-child(14) .ball {
      -webkit-animation: ball 2s infinite ease 0s;
              animation: ball 2s infinite ease 0s; }
  .page-loader .track:nth-child(15) {
    -webkit-transform: rotateZ(337.5deg);
            transform: rotateZ(337.5deg); }
    .page-loader .track:nth-child(15) .ball {
      -webkit-animation: ball 2s infinite ease 1s;
              animation: ball 2s infinite ease 1s; }
  .page-loader .track:nth-child(16) {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg); }
    .page-loader .track:nth-child(16) .ball {
      -webkit-animation: ball 2s infinite ease 0s;
              animation: ball 2s infinite ease 0s; }
  .page-loader .track:nth-child(17) {
    -webkit-transform: rotateZ(382.5deg);
            transform: rotateZ(382.5deg); }
    .page-loader .track:nth-child(17) .ball {
      -webkit-animation: ball 2s infinite ease 1s;
              animation: ball 2s infinite ease 1s; }
  .page-loader .track:nth-child(18) {
    -webkit-transform: rotateZ(405deg);
            transform: rotateZ(405deg); }
    .page-loader .track:nth-child(18) .ball {
      -webkit-animation: ball 2s infinite ease 0s;
              animation: ball 2s infinite ease 0s; }
  .page-loader .track:nth-child(19) {
    -webkit-transform: rotateZ(427.5deg);
            transform: rotateZ(427.5deg); }
    .page-loader .track:nth-child(19) .ball {
      -webkit-animation: ball 2s infinite ease 1s;
              animation: ball 2s infinite ease 1s; }
  .page-loader .track:nth-child(20) {
    -webkit-transform: rotateZ(450deg);
            transform: rotateZ(450deg); }
    .page-loader .track:nth-child(20) .ball {
      -webkit-animation: ball 2s infinite ease 0s;
              animation: ball 2s infinite ease 0s; }
  .page-loader .ball {
    height: 5px;
    width: 5px;
    background: white;
    border-radius: 20px;
    position: absolute;
    top: 0; }

@-webkit-keyframes ball {
  0% {
    top: 0;
    opacity: 1; }
  33% {
    opacity: 0; }
  66% {
    opacity: 1; }
  100% {
    top: calc(100% - 10px);
    opacity: 1; } }

@keyframes ball {
  0% {
    top: 0;
    opacity: 1; }
  33% {
    opacity: 0; }
  66% {
    opacity: 1; }
  100% {
    top: calc(100% - 10px);
    opacity: 1; } }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(359deg);
            transform: rotateZ(359deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(359deg);
            transform: rotateZ(359deg); } }

table {
  border-collapse: collapse;
  background-color: transparent; }
  table th {
    text-align: left;
    font-weight: bold; }
  table caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #d9dce1;
    text-align: left;
    caption-side: bottom;
    font-size: .85rem; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem; }
  .table th, .table td {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #455066; }
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #455066;
    border-top: none; }
  .table.striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.2); }

/**
 * Button styling
 */
button {
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font: inherit;
  background: transparent;
  border: none; }
  button:active, button:focus {
    outline: none; }

.btn {
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  margin: 0;
  padding: 0.35em 0.75em;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font: inherit;
  font-size: .9em;
  outline: none;
  background: #2f3646;
  border: solid 1px transparent;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -webkit-transition: background-color 200ms, box-shadow 200ms;
  transition: background-color 200ms, box-shadow 200ms; }
  .btn::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .btn:focus {
    outline: none;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); }
  .btn:focus:not([disabled]), .btn:focus:not(.disabled), .btn:hover:not([disabled]), .btn:hover:not(.disabled) {
    cursor: pointer;
    background: #232837; }
    .btn:focus:not([disabled]).btn-primary, .btn:focus:not(.disabled).btn-primary, .btn:hover:not([disabled]).btn-primary, .btn:hover:not(.disabled).btn-primary {
      background-color: #1483ff; }
    .btn:focus:not([disabled]).btn-warning, .btn:focus:not(.disabled).btn-warning, .btn:hover:not([disabled]).btn-warning, .btn:hover:not(.disabled).btn-warning {
      background-color: #ffa814; }
    .btn:focus:not([disabled]).btn-danger, .btn:focus:not(.disabled).btn-danger, .btn:hover:not([disabled]).btn-danger, .btn:hover:not(.disabled).btn-danger {
      background-color: #ff4514; }
    .btn:focus:not([disabled]).btn-link, .btn:focus:not(.disabled).btn-link, .btn:hover:not([disabled]).btn-link, .btn:hover:not(.disabled).btn-link {
      background-color: transparent; }
  .btn:hover, .btn:focus, .btn:active {
    text-decoration: none; }
  .btn.btn-primary {
    background-color: #479eff; }
  .btn.btn-warning {
    background-color: #ffbb47; }
  .btn.btn-danger {
    background-color: #ff6d47; }
  .btn.btn-link {
    background-color: transparent;
    box-shadow: none; }
  .btn.btn-file {
    cursor: pointer;
    padding: 0; }
    .btn.btn-file label {
      display: block;
      cursor: pointer;
      padding: 0.35em 0.75em; }
    .btn.btn-file[disabled] label {
      cursor: not-allowed; }
    .btn.btn-file input[type=file] {
      pointer-events: none;
      position: absolute;
      left: -9999px; }

/**
 * Colors
 */
/**
 * Basic
 */
/**
 * Blues
 */
.bg-blue {
  background: #1483ff; }

.bg-blue-med {
  background: #479eff; }

.bg-blue-light {
  background: #7ab9ff; }

.color-blue {
  color: #1483ff; }

.color-blue-med {
  color: #479eff; }

.color-blue-light {
  color: #7ab9ff; }

/**
 * Light Blues
 */
.bg-light-blue {
  background: #22befb; }

.bg-light-blue-med {
  background: #54cdfc; }

.bg-light-blue-light {
  background: #86dcfd; }

.color-light-blue {
  color: #22befb; }

.color-light-blue-med {
  color: #54cdfc; }

.color-light-blue-light {
  color: #86dcfd; }

/**
 * Greens
 */
.bg-green {
  background: #1ddeb6; }

.bg-green-med {
  background: #47e7c6; }

.bg-green-light {
  background: #74edd4; }

.color-green {
  color: #1ddeb6; }

.color-green-med {
  color: #47e7c6; }

.color-green-light {
  color: #74edd4; }

/**
 * Reds
 */
.bg-red {
  background: #ff4514; }

.bg-red-med {
  background: #ff6d47; }

.bg-red-light {
  background: #ff957a; }

.color-red {
  color: #ff4514; }

.color-red-med {
  color: #ff6d47; }

.color-red-light {
  color: #ff957a; }

/**
 * Oranges
 */
.bg-orange {
  background: #ffa814; }

.bg-orange-med {
  background: #ffbb47; }

.bg-orange-light {
  background: #ffce7a; }

.color-orange {
  color: #ffa814; }

.color-orange-med {
  color: #ffbb47; }

.color-orange-light {
  color: #ffce7a; }

/**
 * Purples
 */
.bg-purple {
  background: #8a65e8; }

.bg-purple-med {
  background: #ab90ee; }

.bg-purple-light {
  background: #ccbbf5; }

.color-purple {
  color: #8a65e8; }

.color-purple-med {
  color: #ab90ee; }

.color-purple-light {
  color: #ccbbf5; }

/**
 * Backgrounds
 */
.bg-darkest {
  background: #13141b; }

.bg-darker {
  background: #1b1e27; }

.bg-dark {
  background: #232837; }

.bg-med {
  background: #2f3646; }

.bg-light {
  background: #455066; }

.bg-lighter {
  background: #5b6882; }

/**
 * Gradient Backgrounds
 */
.bg-linear-1 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #2a2f40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #2a2f40 100%); }

.bg-linear-2 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #1f2a40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #1f2a40 100%); }

.bg-radial-1 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%); }

.bg-radial-2 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%); }

/**
 * Text
 */
.bg-text-dark {
  background: #72809b; }

.bg-text-med-dark {
  background: #919db5; }

.bg-text-med {
  background: #a8b2c7; }

.bg-text-light {
  background: #f0f1f6; }

.bg-text-lighter {
  background: #fff; }

.color-text-dark {
  color: #72809b; }

.color-text-med-dark {
  color: #919db5; }

.color-text-med {
  color: #a8b2c7; }

.color-text-light {
  color: #f0f1f6; }

.color-text-lighter {
  color: #fff; }

/**
 * Header
 */
/**
 * Gradients
 */
.gradient-blue {
  background-image: -webkit-linear-gradient(bottom left, #6bd1f9 0%, #54a4fb 100%);
  background-image: linear-gradient(to top right, #6bd1f9 0%, #54a4fb 100%); }

.gradient-blue-green {
  background-image: -webkit-linear-gradient(bottom left, #69d1f8 0%, #59e6c8 100%);
  background-image: linear-gradient(to top right, #69d1f8 0%, #59e6c8 100%); }

.gradient-blue-red {
  background-image: -webkit-linear-gradient(bottom left, #50a1f9 0%, #f96f50 100%);
  background-image: linear-gradient(to top right, #50a1f9 0%, #f96f50 100%); }

.gradient-blue-purple {
  background-image: -webkit-linear-gradient(bottom left, #73bef4 0%, #aa90ed 100%);
  background-image: linear-gradient(to top right, #73bef4 0%, #aa90ed 100%); }

.gradient-red-orange {
  background-image: -webkit-linear-gradient(bottom left, #fc7c5f 0%, #fcbc5a 100%);
  background-image: linear-gradient(to top right, #fc7c5f 0%, #fcbc5a 100%); }

.gradient-orange-purple {
  background-image: -webkit-linear-gradient(bottom left, #f5cc98 0%, #ae94ec 100%);
  background-image: linear-gradient(to top right, #f5cc98 0%, #ae94ec 100%); }

/**
 * Branding
 */
.bg-logo {
  background: #1f89ff; }

.bg-text-logo {
  background: #c0ddff; }

.color-logo {
  color: #c0ddff; }

/**
 * Shadow Presets
 * Concept from: https://github.com/angular/material/blob/master/src/core/style/variables.scss
 */
.shadow-1 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.shadow-2 {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }

.shadow-3 {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); }

.shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }

.shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); }

.shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); }

.shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); }

.shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }

.shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); }

.shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); }

.shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); }

.shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); }

.shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }

.shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); }

.shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); }

.shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); }

.shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); }

.shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); }

.shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); }

.shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); }

.shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); }

.shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); }

.shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }

.shadow-fx {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .shadow-fx:hover {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.swui-data-table {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12);
  background: #1b1e27; }
  .swui-data-table .datatable-header {
    background: #13141b; }
    .swui-data-table .datatable-header .datatable-header-cell {
      text-align: left;
      padding: .5rem 1.2rem;
      font-weight: 400; }
  .swui-data-table .datatable-body-row .datatable-body-cell {
    text-align: left;
    padding: .5rem 1.2rem;
    vertical-align: top; }
  .swui-data-table .datatable-body-row:hover {
    background-color: #232837;
    -webkit-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: .3s;
            transition-duration: .3s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear; }
  .swui-data-table .datatable-body-row:focus {
    background-color: #232837; }
  .swui-data-table .datatable-body-row.active {
    background-color: #1483ff;
    color: #fff; }
  .swui-data-table .datatable-footer {
    background: #13141b; }
    .swui-data-table .datatable-footer .page-count {
      line-height: 50px;
      height: 50px;
      padding: 0 1.2rem; }
    .swui-data-table .datatable-footer .datatable-pager {
      margin: 0 10px; }
      .swui-data-table .datatable-footer .datatable-pager li {
        vertical-align: middle; }
        .swui-data-table .datatable-footer .datatable-pager li:not(.disabled).active a,
        .swui-data-table .datatable-footer .datatable-pager li:not(.disabled):hover a {
          background-color: #455066;
          font-weight: bold; }
      .swui-data-table .datatable-footer .datatable-pager a {
        height: 22px;
        min-width: 24px;
        line-height: 22px;
        padding: 0 6px;
        border-radius: 3px;
        margin: 6px 3px;
        text-align: center;
        vertical-align: top;
        text-decoration: none;
        vertical-align: bottom;
        color: #fff; }
      .swui-data-table .datatable-footer .datatable-pager .icon-left,
      .swui-data-table .datatable-footer .datatable-pager .icon-skip,
      .swui-data-table .datatable-footer .datatable-pager .icon-right,
      .swui-data-table .datatable-footer .datatable-pager .icon-prev {
        font-size: 20px;
        line-height: 20px;
        padding: 0 3px; }

.day-theme {
  background: #fff; }

.night-theme,
.moonlight-theme {
  background: #1b1e27;
  color: #fff; }

.moonlight-theme {
  background: -webkit-radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%);
  background: radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%); }

html, body {
  font-family: "Lato", "Fira Sans", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }

[hidden] {
  display: none !important; }

[disabled],
:disabled,
.disabled {
  opacity: .5;
  cursor: not-allowed !important; }
/**
 * Colors
 */
/**
 * Basic
 */
/**
 * Blues
 */
.bg-blue {
  background: #1483ff; }

.bg-blue-med {
  background: #479eff; }

.bg-blue-light {
  background: #7ab9ff; }

.color-blue {
  color: #1483ff; }

.color-blue-med {
  color: #479eff; }

.color-blue-light {
  color: #7ab9ff; }

/**
 * Light Blues
 */
.bg-light-blue {
  background: #22befb; }

.bg-light-blue-med {
  background: #54cdfc; }

.bg-light-blue-light {
  background: #86dcfd; }

.color-light-blue {
  color: #22befb; }

.color-light-blue-med {
  color: #54cdfc; }

.color-light-blue-light {
  color: #86dcfd; }

/**
 * Greens
 */
.bg-green {
  background: #1ddeb6; }

.bg-green-med {
  background: #47e7c6; }

.bg-green-light {
  background: #74edd4; }

.color-green {
  color: #1ddeb6; }

.color-green-med {
  color: #47e7c6; }

.color-green-light {
  color: #74edd4; }

/**
 * Reds
 */
.bg-red {
  background: #ff4514; }

.bg-red-med {
  background: #ff6d47; }

.bg-red-light {
  background: #ff957a; }

.color-red {
  color: #ff4514; }

.color-red-med {
  color: #ff6d47; }

.color-red-light {
  color: #ff957a; }

/**
 * Oranges
 */
.bg-orange {
  background: #ffa814; }

.bg-orange-med {
  background: #ffbb47; }

.bg-orange-light {
  background: #ffce7a; }

.color-orange {
  color: #ffa814; }

.color-orange-med {
  color: #ffbb47; }

.color-orange-light {
  color: #ffce7a; }

/**
 * Purples
 */
.bg-purple {
  background: #8a65e8; }

.bg-purple-med {
  background: #ab90ee; }

.bg-purple-light {
  background: #ccbbf5; }

.color-purple {
  color: #8a65e8; }

.color-purple-med {
  color: #ab90ee; }

.color-purple-light {
  color: #ccbbf5; }

/**
 * Backgrounds
 */
.bg-darkest {
  background: #13141b; }

.bg-darker {
  background: #1b1e27; }

.bg-dark {
  background: #232837; }

.bg-med {
  background: #2f3646; }

.bg-light {
  background: #455066; }

.bg-lighter {
  background: #5b6882; }

/**
 * Gradient Backgrounds
 */
.bg-linear-1 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #2a2f40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #2a2f40 100%); }

.bg-linear-2 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #1f2a40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #1f2a40 100%); }

.bg-radial-1 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%); }

.bg-radial-2 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%); }

/**
 * Text
 */
.bg-text-dark {
  background: #72809b; }

.bg-text-med-dark {
  background: #919db5; }

.bg-text-med {
  background: #a8b2c7; }

.bg-text-light {
  background: #f0f1f6; }

.bg-text-lighter {
  background: #fff; }

.color-text-dark {
  color: #72809b; }

.color-text-med-dark {
  color: #919db5; }

.color-text-med {
  color: #a8b2c7; }

.color-text-light {
  color: #f0f1f6; }

.color-text-lighter {
  color: #fff; }

/**
 * Header
 */
/**
 * Gradients
 */
.gradient-blue {
  background-image: -webkit-linear-gradient(bottom left, #6bd1f9 0%, #54a4fb 100%);
  background-image: linear-gradient(to top right, #6bd1f9 0%, #54a4fb 100%); }

.gradient-blue-green {
  background-image: -webkit-linear-gradient(bottom left, #69d1f8 0%, #59e6c8 100%);
  background-image: linear-gradient(to top right, #69d1f8 0%, #59e6c8 100%); }

.gradient-blue-red {
  background-image: -webkit-linear-gradient(bottom left, #50a1f9 0%, #f96f50 100%);
  background-image: linear-gradient(to top right, #50a1f9 0%, #f96f50 100%); }

.gradient-blue-purple {
  background-image: -webkit-linear-gradient(bottom left, #73bef4 0%, #aa90ed 100%);
  background-image: linear-gradient(to top right, #73bef4 0%, #aa90ed 100%); }

.gradient-red-orange {
  background-image: -webkit-linear-gradient(bottom left, #fc7c5f 0%, #fcbc5a 100%);
  background-image: linear-gradient(to top right, #fc7c5f 0%, #fcbc5a 100%); }

.gradient-orange-purple {
  background-image: -webkit-linear-gradient(bottom left, #f5cc98 0%, #ae94ec 100%);
  background-image: linear-gradient(to top right, #f5cc98 0%, #ae94ec 100%); }

/**
 * Branding
 */
.bg-logo {
  background: #1f89ff; }

.bg-text-logo {
  background: #c0ddff; }

.color-logo {
  color: #c0ddff; }

/**
 * Shadow Presets
 * Concept from: https://github.com/angular/material/blob/master/src/core/style/variables.scss
 */
.shadow-1 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.shadow-2 {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }

.shadow-3 {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); }

.shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }

.shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); }

.shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); }

.shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); }

.shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }

.shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); }

.shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); }

.shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); }

.shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); }

.shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }

.shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); }

.shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); }

.shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); }

.shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); }

.shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); }

.shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); }

.shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); }

.shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); }

.shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); }

.shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }

.shadow-fx {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .shadow-fx:hover {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

/**
 * Form Element Inputs
 */
input[type=number],
input[type=tel],
input[type=text],
input[type=password],
textarea {
  display: inline-block;
  box-sizing: border-box;
  outline: none; }

.form-input {
  background: #333b4c;
  border: solid 1px #455066;
  color: #d9dce1;
  -webkit-transition: box-shadow 200ms;
  transition: box-shadow 200ms;
  border-radius: 0;
  font-size: 13px;
  height: 32px;
  line-height: 32px;
  width: 100%;
  padding: 6px;
  margin-bottom: 1em; }
  .form-input:focus {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }
  .form-input[disabled] {
    cursor: not-allowed;
    color: #72809b; }

textarea.form-input {
  min-height: 120px;
  line-height: 1.3em; }

.swui-input {
  display: block;
  margin-bottom: 1rem;
  position: relative;
  margin-top: 18px; }
  .swui-input input:-webkit-autofill,
  .swui-input input:-webkit-autofill:hover,
  .swui-input input:-webkit-autofill:focus,
  .swui-input input:-webkit-autofill:active {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: white !important; }
  .swui-input .swui-input-wrap {
    position: relative; }
    .swui-input .swui-input-wrap .swui-input-box-wrap {
      position: relative; }
      .swui-input .swui-input-wrap .swui-input-box-wrap:focus {
        outline: none; }
      .swui-input .swui-input-wrap .swui-input-box-wrap .swui-input-box {
        background: transparent;
        border: none;
        margin-bottom: 0px;
        padding-left: 0px;
        width: 100%;
        color: #d9dce1;
        font-size: 16px; }
        .swui-input .swui-input-wrap .swui-input-box-wrap .swui-input-box:focus {
          box-shadow: none; }
        .swui-input .swui-input-wrap .swui-input-box-wrap .swui-input-box[disabled] {
          color: #72809b;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none; }
      .swui-input .swui-input-wrap .swui-input-box-wrap .icon-eye {
        line-height: 25px;
        top: 0;
        bottom: 0;
        position: absolute;
        right: 10px;
        cursor: pointer;
        font-size: .8rem;
        color: #919db5;
        -webkit-transition: color 100ms;
        transition: color 100ms; }
        .swui-input .swui-input-wrap .swui-input-box-wrap .icon-eye:hover {
          color: #f0f1f6; }
    .swui-input .swui-input-wrap .swui-input-label {
      pointer-events: none;
      position: absolute;
      font-size: 16px; }
    .swui-input .swui-input-wrap .swui-input-underline {
      width: 100%;
      height: 1px;
      background-color: #2f3646; }
      .swui-input .swui-input-wrap .swui-input-underline .underline-fill {
        background-color: #1483ff;
        width: 100%;
        height: 2px;
        margin: 0 auto; }
    .swui-input .swui-input-wrap .swui-input-hint {
      font-size: 12px;
      color: #a8b2c7;
      margin-top: 2px; }
    .swui-input .swui-input-wrap.ng-invalid.ng-touched .swui-input-underline {
      background-color: #ff4514; }
    .swui-input .swui-input-wrap.ng-invalid.ng-touched .swui-input-label {
      color: #ff4514; }
/**
 * Colors
 */
/**
 * Basic
 */
/**
 * Blues
 */
.bg-blue {
  background: #1483ff; }

.bg-blue-med {
  background: #479eff; }

.bg-blue-light {
  background: #7ab9ff; }

.color-blue {
  color: #1483ff; }

.color-blue-med {
  color: #479eff; }

.color-blue-light {
  color: #7ab9ff; }

/**
 * Light Blues
 */
.bg-light-blue {
  background: #22befb; }

.bg-light-blue-med {
  background: #54cdfc; }

.bg-light-blue-light {
  background: #86dcfd; }

.color-light-blue {
  color: #22befb; }

.color-light-blue-med {
  color: #54cdfc; }

.color-light-blue-light {
  color: #86dcfd; }

/**
 * Greens
 */
.bg-green {
  background: #1ddeb6; }

.bg-green-med {
  background: #47e7c6; }

.bg-green-light {
  background: #74edd4; }

.color-green {
  color: #1ddeb6; }

.color-green-med {
  color: #47e7c6; }

.color-green-light {
  color: #74edd4; }

/**
 * Reds
 */
.bg-red {
  background: #ff4514; }

.bg-red-med {
  background: #ff6d47; }

.bg-red-light {
  background: #ff957a; }

.color-red {
  color: #ff4514; }

.color-red-med {
  color: #ff6d47; }

.color-red-light {
  color: #ff957a; }

/**
 * Oranges
 */
.bg-orange {
  background: #ffa814; }

.bg-orange-med {
  background: #ffbb47; }

.bg-orange-light {
  background: #ffce7a; }

.color-orange {
  color: #ffa814; }

.color-orange-med {
  color: #ffbb47; }

.color-orange-light {
  color: #ffce7a; }

/**
 * Purples
 */
.bg-purple {
  background: #8a65e8; }

.bg-purple-med {
  background: #ab90ee; }

.bg-purple-light {
  background: #ccbbf5; }

.color-purple {
  color: #8a65e8; }

.color-purple-med {
  color: #ab90ee; }

.color-purple-light {
  color: #ccbbf5; }

/**
 * Backgrounds
 */
.bg-darkest {
  background: #13141b; }

.bg-darker {
  background: #1b1e27; }

.bg-dark {
  background: #232837; }

.bg-med {
  background: #2f3646; }

.bg-light {
  background: #455066; }

.bg-lighter {
  background: #5b6882; }

/**
 * Gradient Backgrounds
 */
.bg-linear-1 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #2a2f40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #2a2f40 100%); }

.bg-linear-2 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #1f2a40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #1f2a40 100%); }

.bg-radial-1 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%); }

.bg-radial-2 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%); }

/**
 * Text
 */
.bg-text-dark {
  background: #72809b; }

.bg-text-med-dark {
  background: #919db5; }

.bg-text-med {
  background: #a8b2c7; }

.bg-text-light {
  background: #f0f1f6; }

.bg-text-lighter {
  background: #fff; }

.color-text-dark {
  color: #72809b; }

.color-text-med-dark {
  color: #919db5; }

.color-text-med {
  color: #a8b2c7; }

.color-text-light {
  color: #f0f1f6; }

.color-text-lighter {
  color: #fff; }

/**
 * Header
 */
/**
 * Gradients
 */
.gradient-blue {
  background-image: -webkit-linear-gradient(bottom left, #6bd1f9 0%, #54a4fb 100%);
  background-image: linear-gradient(to top right, #6bd1f9 0%, #54a4fb 100%); }

.gradient-blue-green {
  background-image: -webkit-linear-gradient(bottom left, #69d1f8 0%, #59e6c8 100%);
  background-image: linear-gradient(to top right, #69d1f8 0%, #59e6c8 100%); }

.gradient-blue-red {
  background-image: -webkit-linear-gradient(bottom left, #50a1f9 0%, #f96f50 100%);
  background-image: linear-gradient(to top right, #50a1f9 0%, #f96f50 100%); }

.gradient-blue-purple {
  background-image: -webkit-linear-gradient(bottom left, #73bef4 0%, #aa90ed 100%);
  background-image: linear-gradient(to top right, #73bef4 0%, #aa90ed 100%); }

.gradient-red-orange {
  background-image: -webkit-linear-gradient(bottom left, #fc7c5f 0%, #fcbc5a 100%);
  background-image: linear-gradient(to top right, #fc7c5f 0%, #fcbc5a 100%); }

.gradient-orange-purple {
  background-image: -webkit-linear-gradient(bottom left, #f5cc98 0%, #ae94ec 100%);
  background-image: linear-gradient(to top right, #f5cc98 0%, #ae94ec 100%); }

/**
 * Branding
 */
.bg-logo {
  background: #1f89ff; }

.bg-text-logo {
  background: #c0ddff; }

.color-logo {
  color: #c0ddff; }

/**
 * Shadow Presets
 * Concept from: https://github.com/angular/material/blob/master/src/core/style/variables.scss
 */
.shadow-1 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.shadow-2 {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }

.shadow-3 {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); }

.shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }

.shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); }

.shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); }

.shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); }

.shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }

.shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); }

.shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); }

.shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); }

.shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); }

.shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }

.shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); }

.shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); }

.shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); }

.shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); }

.shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); }

.shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); }

.shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); }

.shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); }

.shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); }

.shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }

.shadow-fx {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .shadow-fx:hover {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

/**
 * Dropdown Component
 *
 * Builds on `~styles/components/lists`
 */
.swui-dropdown {
  position: relative; }
  .swui-dropdown.open .swui-dropdown-menu {
    display: block;
    opacity: 1;
    -webkit-animation: openAnimation 0.25s;
            animation: openAnimation 0.25s; }
  .swui-dropdown .swui-dropdown-toggle {
    cursor: pointer;
    display: inline-block; }
    .swui-dropdown .swui-dropdown-toggle.disabled {
      cursor: not-allowed; }
      .swui-dropdown .swui-dropdown-toggle.disabled > a,
      .swui-dropdown .swui-dropdown-toggle.disabled > button {
        cursor: not-allowed; }
  .swui-dropdown .swui-dropdown-menu {
    position: absolute;
    clear: left;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 180px;
    background: #232837;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12);
    margin-top: 10px;
    opacity: 0;
    display: none;
    -webkit-transition: visibility 0s, opacity .25s ease-out;
    transition: visibility 0s, opacity .25s ease-out; }
    .swui-dropdown .swui-dropdown-menu.align-right {
      left: auto;
      right: 0; }
    .swui-dropdown .swui-dropdown-menu > ul > li > a,
    .swui-dropdown .swui-dropdown-menu > ul > li > button {
      padding: 3px 20px;
      clear: both;
      line-height: 1.42857143;
      white-space: nowrap;
      width: 100%;
      text-align: left;
      background: transparent;
      box-shadow: none;
      color: #fff;
      font-size: .9em; }

@-webkit-keyframes openAnimation {
  0% {
    -webkit-transform: translateY(-25px);
            transform: translateY(-25px); }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }

@keyframes openAnimation {
  0% {
    -webkit-transform: translateY(-25px);
            transform: translateY(-25px); }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); } }
/*

Dracula Theme v1.2.0

https://github.com/zenorocha/dracula-theme

Copyright 2015, All rights reserved

Code licensed under the MIT license
http://zenorocha.mit-license.org

@author Éverton Ribeiro <nuxlli@gmail.com>
@author Zeno Rocha <hi@zenorocha.com>

*/

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #282a36;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-section,
.hljs-link {
  color: #8be9fd;
}

.hljs-function .hljs-keyword {
  color: #ff79c6;
}

.hljs,
.hljs-subst {
  color: #f8f8f2;
}

.hljs-string,
.hljs-title,
.hljs-name,
.hljs-type,
.hljs-attribute,
.hljs-symbol,
.hljs-bullet,
.hljs-addition,
.hljs-variable,
.hljs-template-tag,
.hljs-template-variable {
  color: #f1fa8c;
}

.hljs-comment,
.hljs-quote,
.hljs-deletion,
.hljs-meta {
  color: #6272a4;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-title,
.hljs-section,
.hljs-doctag,
.hljs-type,
.hljs-name,
.hljs-strong {
  font-weight: bold;
}

.hljs-emphasis {
  font-style: italic;
}
.swui-code-highlight .hljs {
  padding: 1rem; }
/**
 * Colors
 */
/**
 * Basic
 */
/**
 * Blues
 */
.bg-blue {
  background: #1483ff; }

.bg-blue-med {
  background: #479eff; }

.bg-blue-light {
  background: #7ab9ff; }

.color-blue {
  color: #1483ff; }

.color-blue-med {
  color: #479eff; }

.color-blue-light {
  color: #7ab9ff; }

/**
 * Light Blues
 */
.bg-light-blue {
  background: #22befb; }

.bg-light-blue-med {
  background: #54cdfc; }

.bg-light-blue-light {
  background: #86dcfd; }

.color-light-blue {
  color: #22befb; }

.color-light-blue-med {
  color: #54cdfc; }

.color-light-blue-light {
  color: #86dcfd; }

/**
 * Greens
 */
.bg-green {
  background: #1ddeb6; }

.bg-green-med {
  background: #47e7c6; }

.bg-green-light {
  background: #74edd4; }

.color-green {
  color: #1ddeb6; }

.color-green-med {
  color: #47e7c6; }

.color-green-light {
  color: #74edd4; }

/**
 * Reds
 */
.bg-red {
  background: #ff4514; }

.bg-red-med {
  background: #ff6d47; }

.bg-red-light {
  background: #ff957a; }

.color-red {
  color: #ff4514; }

.color-red-med {
  color: #ff6d47; }

.color-red-light {
  color: #ff957a; }

/**
 * Oranges
 */
.bg-orange {
  background: #ffa814; }

.bg-orange-med {
  background: #ffbb47; }

.bg-orange-light {
  background: #ffce7a; }

.color-orange {
  color: #ffa814; }

.color-orange-med {
  color: #ffbb47; }

.color-orange-light {
  color: #ffce7a; }

/**
 * Purples
 */
.bg-purple {
  background: #8a65e8; }

.bg-purple-med {
  background: #ab90ee; }

.bg-purple-light {
  background: #ccbbf5; }

.color-purple {
  color: #8a65e8; }

.color-purple-med {
  color: #ab90ee; }

.color-purple-light {
  color: #ccbbf5; }

/**
 * Backgrounds
 */
.bg-darkest {
  background: #13141b; }

.bg-darker {
  background: #1b1e27; }

.bg-dark {
  background: #232837; }

.bg-med {
  background: #2f3646; }

.bg-light {
  background: #455066; }

.bg-lighter {
  background: #5b6882; }

/**
 * Gradient Backgrounds
 */
.bg-linear-1 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #2a2f40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #2a2f40 100%); }

.bg-linear-2 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #1f2a40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #1f2a40 100%); }

.bg-radial-1 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%); }

.bg-radial-2 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%); }

/**
 * Text
 */
.bg-text-dark {
  background: #72809b; }

.bg-text-med-dark {
  background: #919db5; }

.bg-text-med {
  background: #a8b2c7; }

.bg-text-light {
  background: #f0f1f6; }

.bg-text-lighter {
  background: #fff; }

.color-text-dark {
  color: #72809b; }

.color-text-med-dark {
  color: #919db5; }

.color-text-med {
  color: #a8b2c7; }

.color-text-light {
  color: #f0f1f6; }

.color-text-lighter {
  color: #fff; }

/**
 * Header
 */
/**
 * Gradients
 */
.gradient-blue {
  background-image: -webkit-linear-gradient(bottom left, #6bd1f9 0%, #54a4fb 100%);
  background-image: linear-gradient(to top right, #6bd1f9 0%, #54a4fb 100%); }

.gradient-blue-green {
  background-image: -webkit-linear-gradient(bottom left, #69d1f8 0%, #59e6c8 100%);
  background-image: linear-gradient(to top right, #69d1f8 0%, #59e6c8 100%); }

.gradient-blue-red {
  background-image: -webkit-linear-gradient(bottom left, #50a1f9 0%, #f96f50 100%);
  background-image: linear-gradient(to top right, #50a1f9 0%, #f96f50 100%); }

.gradient-blue-purple {
  background-image: -webkit-linear-gradient(bottom left, #73bef4 0%, #aa90ed 100%);
  background-image: linear-gradient(to top right, #73bef4 0%, #aa90ed 100%); }

.gradient-red-orange {
  background-image: -webkit-linear-gradient(bottom left, #fc7c5f 0%, #fcbc5a 100%);
  background-image: linear-gradient(to top right, #fc7c5f 0%, #fcbc5a 100%); }

.gradient-orange-purple {
  background-image: -webkit-linear-gradient(bottom left, #f5cc98 0%, #ae94ec 100%);
  background-image: linear-gradient(to top right, #f5cc98 0%, #ae94ec 100%); }

/**
 * Branding
 */
.bg-logo {
  background: #1f89ff; }

.bg-text-logo {
  background: #c0ddff; }

.color-logo {
  color: #c0ddff; }

/**
 * Shadow Presets
 * Concept from: https://github.com/angular/material/blob/master/src/core/style/variables.scss
 */
.shadow-1 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.shadow-2 {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }

.shadow-3 {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); }

.shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }

.shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); }

.shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); }

.shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); }

.shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }

.shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); }

.shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); }

.shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); }

.shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); }

.shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }

.shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); }

.shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); }

.shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); }

.shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); }

.shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); }

.shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); }

.shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); }

.shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); }

.shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); }

.shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }

.shadow-fx {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .shadow-fx:hover {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.swui-toolbar {
  display: block;
  height: 50px;
  line-height: 50px;
  color: #fff;
  background: #2f3646;
  width: 100%;
  font-size: 0.8rem;
  padding: 0 20px !important; }
  .swui-toolbar a {
    color: #fff; }
  .swui-toolbar .swui-toolbar-title {
    margin: 0;
    font-weight: 500; }
    .swui-toolbar .swui-toolbar-title small {
      color: #a8b2c7;
      font-size: 0.9rem;
      line-height: 50px;
      vertical-align: top; }
  .swui-toolbar .swui-toolbar-menu button {
    color: #919db5; }
  .swui-toolbar .swui-toolbar-content-col {
    text-align: right; }
  .swui-toolbar.page-toolbar {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }
/**
 * Colors
 */
/**
 * Basic
 */
/**
 * Blues
 */
.bg-blue {
  background: #1483ff; }

.bg-blue-med {
  background: #479eff; }

.bg-blue-light {
  background: #7ab9ff; }

.color-blue {
  color: #1483ff; }

.color-blue-med {
  color: #479eff; }

.color-blue-light {
  color: #7ab9ff; }

/**
 * Light Blues
 */
.bg-light-blue {
  background: #22befb; }

.bg-light-blue-med {
  background: #54cdfc; }

.bg-light-blue-light {
  background: #86dcfd; }

.color-light-blue {
  color: #22befb; }

.color-light-blue-med {
  color: #54cdfc; }

.color-light-blue-light {
  color: #86dcfd; }

/**
 * Greens
 */
.bg-green {
  background: #1ddeb6; }

.bg-green-med {
  background: #47e7c6; }

.bg-green-light {
  background: #74edd4; }

.color-green {
  color: #1ddeb6; }

.color-green-med {
  color: #47e7c6; }

.color-green-light {
  color: #74edd4; }

/**
 * Reds
 */
.bg-red {
  background: #ff4514; }

.bg-red-med {
  background: #ff6d47; }

.bg-red-light {
  background: #ff957a; }

.color-red {
  color: #ff4514; }

.color-red-med {
  color: #ff6d47; }

.color-red-light {
  color: #ff957a; }

/**
 * Oranges
 */
.bg-orange {
  background: #ffa814; }

.bg-orange-med {
  background: #ffbb47; }

.bg-orange-light {
  background: #ffce7a; }

.color-orange {
  color: #ffa814; }

.color-orange-med {
  color: #ffbb47; }

.color-orange-light {
  color: #ffce7a; }

/**
 * Purples
 */
.bg-purple {
  background: #8a65e8; }

.bg-purple-med {
  background: #ab90ee; }

.bg-purple-light {
  background: #ccbbf5; }

.color-purple {
  color: #8a65e8; }

.color-purple-med {
  color: #ab90ee; }

.color-purple-light {
  color: #ccbbf5; }

/**
 * Backgrounds
 */
.bg-darkest {
  background: #13141b; }

.bg-darker {
  background: #1b1e27; }

.bg-dark {
  background: #232837; }

.bg-med {
  background: #2f3646; }

.bg-light {
  background: #455066; }

.bg-lighter {
  background: #5b6882; }

/**
 * Gradient Backgrounds
 */
.bg-linear-1 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #2a2f40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #2a2f40 100%); }

.bg-linear-2 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #1f2a40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #1f2a40 100%); }

.bg-radial-1 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%); }

.bg-radial-2 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%); }

/**
 * Text
 */
.bg-text-dark {
  background: #72809b; }

.bg-text-med-dark {
  background: #919db5; }

.bg-text-med {
  background: #a8b2c7; }

.bg-text-light {
  background: #f0f1f6; }

.bg-text-lighter {
  background: #fff; }

.color-text-dark {
  color: #72809b; }

.color-text-med-dark {
  color: #919db5; }

.color-text-med {
  color: #a8b2c7; }

.color-text-light {
  color: #f0f1f6; }

.color-text-lighter {
  color: #fff; }

/**
 * Header
 */
/**
 * Gradients
 */
.gradient-blue {
  background-image: -webkit-linear-gradient(bottom left, #6bd1f9 0%, #54a4fb 100%);
  background-image: linear-gradient(to top right, #6bd1f9 0%, #54a4fb 100%); }

.gradient-blue-green {
  background-image: -webkit-linear-gradient(bottom left, #69d1f8 0%, #59e6c8 100%);
  background-image: linear-gradient(to top right, #69d1f8 0%, #59e6c8 100%); }

.gradient-blue-red {
  background-image: -webkit-linear-gradient(bottom left, #50a1f9 0%, #f96f50 100%);
  background-image: linear-gradient(to top right, #50a1f9 0%, #f96f50 100%); }

.gradient-blue-purple {
  background-image: -webkit-linear-gradient(bottom left, #73bef4 0%, #aa90ed 100%);
  background-image: linear-gradient(to top right, #73bef4 0%, #aa90ed 100%); }

.gradient-red-orange {
  background-image: -webkit-linear-gradient(bottom left, #fc7c5f 0%, #fcbc5a 100%);
  background-image: linear-gradient(to top right, #fc7c5f 0%, #fcbc5a 100%); }

.gradient-orange-purple {
  background-image: -webkit-linear-gradient(bottom left, #f5cc98 0%, #ae94ec 100%);
  background-image: linear-gradient(to top right, #f5cc98 0%, #ae94ec 100%); }

/**
 * Branding
 */
.bg-logo {
  background: #1f89ff; }

.bg-text-logo {
  background: #c0ddff; }

.color-logo {
  color: #c0ddff; }

/**
 * Shadow Presets
 * Concept from: https://github.com/angular/material/blob/master/src/core/style/variables.scss
 */
.shadow-1 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.shadow-2 {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }

.shadow-3 {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); }

.shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }

.shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); }

.shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); }

.shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); }

.shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }

.shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); }

.shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); }

.shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); }

.shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); }

.shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }

.shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); }

.shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); }

.shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); }

.shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); }

.shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); }

.shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); }

.shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); }

.shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); }

.shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); }

.shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }

.shadow-fx {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .shadow-fx:hover {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.swui-tabs {
  margin-bottom: 2em;
  display: block; }
  .swui-tabs .swui-tabs-list {
    display: block;
    border-bottom: solid 2px #2f3646; }
    .swui-tabs .swui-tabs-list li {
      display: inline-block; }
      .swui-tabs .swui-tabs-list li.active button,
      .swui-tabs .swui-tabs-list li.active button:focus,
      .swui-tabs .swui-tabs-list li.active button:hover {
        color: #fff;
        border-width: 0; }
      .swui-tabs .swui-tabs-list li.active button:not([disabled])::after, .swui-tabs .swui-tabs-list li:hover button:not([disabled])::after {
        -webkit-transform: scale(1);
                transform: scale(1); }
      .swui-tabs .swui-tabs-list li button {
        border: none;
        color: #919db5;
        background: transparent;
        outline: none;
        box-shadow: none;
        font-size: 1.1rem;
        box-sizing: border-box;
        display: inline-block;
        margin: 0;
        padding: 0.35em 0.75em;
        position: relative;
        text-align: center;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        font: inherit;
        font-size: 0.9em;
        outline: none;
        bottom: -1px; }
        .swui-tabs .swui-tabs-list li button:not([disabled]):hover {
          border: none;
          color: #fff;
          background: transparent;
          opacity: 1; }
        .swui-tabs .swui-tabs-list li button::after {
          content: "";
          background: #1483ff;
          height: 2px;
          position: absolute;
          width: 100%;
          left: 0;
          bottom: -1px;
          -webkit-transition: all 250ms ease 0s;
          transition: all 250ms ease 0s;
          -webkit-transform: scale(0);
                  transform: scale(0);
          background: #1483ff none repeat scroll 0 0;
          color: #fff; }
/**
 * Colors
 */
/**
 * Basic
 */
/**
 * Blues
 */
.bg-blue {
  background: #1483ff; }

.bg-blue-med {
  background: #479eff; }

.bg-blue-light {
  background: #7ab9ff; }

.color-blue {
  color: #1483ff; }

.color-blue-med {
  color: #479eff; }

.color-blue-light {
  color: #7ab9ff; }

/**
 * Light Blues
 */
.bg-light-blue {
  background: #22befb; }

.bg-light-blue-med {
  background: #54cdfc; }

.bg-light-blue-light {
  background: #86dcfd; }

.color-light-blue {
  color: #22befb; }

.color-light-blue-med {
  color: #54cdfc; }

.color-light-blue-light {
  color: #86dcfd; }

/**
 * Greens
 */
.bg-green {
  background: #1ddeb6; }

.bg-green-med {
  background: #47e7c6; }

.bg-green-light {
  background: #74edd4; }

.color-green {
  color: #1ddeb6; }

.color-green-med {
  color: #47e7c6; }

.color-green-light {
  color: #74edd4; }

/**
 * Reds
 */
.bg-red {
  background: #ff4514; }

.bg-red-med {
  background: #ff6d47; }

.bg-red-light {
  background: #ff957a; }

.color-red {
  color: #ff4514; }

.color-red-med {
  color: #ff6d47; }

.color-red-light {
  color: #ff957a; }

/**
 * Oranges
 */
.bg-orange {
  background: #ffa814; }

.bg-orange-med {
  background: #ffbb47; }

.bg-orange-light {
  background: #ffce7a; }

.color-orange {
  color: #ffa814; }

.color-orange-med {
  color: #ffbb47; }

.color-orange-light {
  color: #ffce7a; }

/**
 * Purples
 */
.bg-purple {
  background: #8a65e8; }

.bg-purple-med {
  background: #ab90ee; }

.bg-purple-light {
  background: #ccbbf5; }

.color-purple {
  color: #8a65e8; }

.color-purple-med {
  color: #ab90ee; }

.color-purple-light {
  color: #ccbbf5; }

/**
 * Backgrounds
 */
.bg-darkest {
  background: #13141b; }

.bg-darker {
  background: #1b1e27; }

.bg-dark {
  background: #232837; }

.bg-med {
  background: #2f3646; }

.bg-light {
  background: #455066; }

.bg-lighter {
  background: #5b6882; }

/**
 * Gradient Backgrounds
 */
.bg-linear-1 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #2a2f40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #2a2f40 100%); }

.bg-linear-2 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #1f2a40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #1f2a40 100%); }

.bg-radial-1 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%); }

.bg-radial-2 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%); }

/**
 * Text
 */
.bg-text-dark {
  background: #72809b; }

.bg-text-med-dark {
  background: #919db5; }

.bg-text-med {
  background: #a8b2c7; }

.bg-text-light {
  background: #f0f1f6; }

.bg-text-lighter {
  background: #fff; }

.color-text-dark {
  color: #72809b; }

.color-text-med-dark {
  color: #919db5; }

.color-text-med {
  color: #a8b2c7; }

.color-text-light {
  color: #f0f1f6; }

.color-text-lighter {
  color: #fff; }

/**
 * Header
 */
/**
 * Gradients
 */
.gradient-blue {
  background-image: -webkit-linear-gradient(bottom left, #6bd1f9 0%, #54a4fb 100%);
  background-image: linear-gradient(to top right, #6bd1f9 0%, #54a4fb 100%); }

.gradient-blue-green {
  background-image: -webkit-linear-gradient(bottom left, #69d1f8 0%, #59e6c8 100%);
  background-image: linear-gradient(to top right, #69d1f8 0%, #59e6c8 100%); }

.gradient-blue-red {
  background-image: -webkit-linear-gradient(bottom left, #50a1f9 0%, #f96f50 100%);
  background-image: linear-gradient(to top right, #50a1f9 0%, #f96f50 100%); }

.gradient-blue-purple {
  background-image: -webkit-linear-gradient(bottom left, #73bef4 0%, #aa90ed 100%);
  background-image: linear-gradient(to top right, #73bef4 0%, #aa90ed 100%); }

.gradient-red-orange {
  background-image: -webkit-linear-gradient(bottom left, #fc7c5f 0%, #fcbc5a 100%);
  background-image: linear-gradient(to top right, #fc7c5f 0%, #fcbc5a 100%); }

.gradient-orange-purple {
  background-image: -webkit-linear-gradient(bottom left, #f5cc98 0%, #ae94ec 100%);
  background-image: linear-gradient(to top right, #f5cc98 0%, #ae94ec 100%); }

/**
 * Branding
 */
.bg-logo {
  background: #1f89ff; }

.bg-text-logo {
  background: #c0ddff; }

.color-logo {
  color: #c0ddff; }

/**
 * Shadow Presets
 * Concept from: https://github.com/angular/material/blob/master/src/core/style/variables.scss
 */
.shadow-1 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.shadow-2 {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }

.shadow-3 {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); }

.shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }

.shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); }

.shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); }

.shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); }

.shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }

.shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); }

.shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); }

.shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); }

.shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); }

.shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }

.shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); }

.shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); }

.shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); }

.shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); }

.shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); }

.shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); }

.shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); }

.shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); }

.shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); }

.shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }

.shadow-fx {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .shadow-fx:hover {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.swui-slider .slider-inner {
  margin: 1em auto;
  position: relative;
  display: inline-block; }

.swui-slider input[type='range'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  padding: 0;
  font-size: 1em;
  cursor: pointer;
  background: transparent;
  width: 100%; }
  .swui-slider input[type='range']::-webkit-slider-runnable-track {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    -webkit-appearance: none;
    border: none;
    border-radius: 0.25em;
    background: #2f3646; }
  .swui-slider input[type='range']::-moz-range-track {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    border: none;
    border-radius: 0.25em;
    background: #2f3646; }
  .swui-slider input[type='range']::-ms-track {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    border: none;
    border-radius: 0.25em;
    background: #2f3646;
    color: transparent; }
  .swui-slider input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    position: relative;
    border: none;
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
    background: #f0f1f6;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12);
    z-index: 100; }
  .swui-slider input[type='range']::-moz-range-thumb {
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12);
    border: none;
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
    cursor: ew-resize;
    background: #f0f1f6; }
  .swui-slider input[type='range']::-ms-thumb {
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12);
    border: none;
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
    background: #f0f1f6; }
  .swui-slider input[type='range']:focus {
    outline: none; }

.swui-slider.active input[type='range']::-webkit-slider-thumb {
  background: #a8b2c7; }

.swui-slider.active input[type='range']::-moz-range-thumb {
  background: #a8b2c7; }

.swui-slider.active input[type='range']::-ms-thumb {
  background: #a8b2c7; }

.swui-slider.horizontal input[type='range'] {
  width: 12.5em;
  height: 10px;
  -webkit-appearance: slider-horizontal;
     -moz-appearance: slider-horizontal;
          appearance: slider-horizontal; }
  .swui-slider.horizontal input[type='range']::-webkit-slider-thumb {
    margin: -0.25em 0; }

.swui-slider.vertical input[type='range'] {
  width: 10px;
  min-height: 12.5em;
  -webkit-appearance: slider-vertical;
     -moz-appearance: slider-vertical;
          appearance: slider-vertical; }
  .swui-slider.vertical input[type='range']::-webkit-slider-thumb {
    margin: 0 -0.25em; }

.swui-slider.filled .fill-bar {
  background-repeat: no-repeat;
  background-image: -webkit-linear-gradient(#1483ff, #1483ff);
  background-image: linear-gradient(#1483ff, #1483ff);
  position: absolute;
  border-radius: 0.25em;
  z-index: 99;
  pointer-events: none; }

.swui-slider.filled.horizontal .fill-bar {
  height: 10px;
  left: 0;
  top: 50%;
  margin-top: -5px;
  width: 100%; }

.swui-slider.filled.vertical .fill-bar {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  width: 7px;
  height: 100%;
  left: 50%;
  top: 0;
  margin-left: -4px; }

.swui-slider.filled input[type=range] ::-moz-range-progress {
  background-color: #1483ff; }

.swui-slider.filled input[type=range]::-ms-fill-lower {
  background: #2f3646; }

.swui-slider.filled input[type=range]::-ms-fill-upper {
  background: #1483ff; }
/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: -20px;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3 {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto;
}

.CodeMirror-widget {}

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }
/*

    Name:       dracula
    Author:     Michael Kaminsky (http://github.com/mkaminsky11)

    Original dracula color scheme by Zeno Rocha (https://github.com/zenorocha/dracula-theme)

*/


.cm-s-dracula.CodeMirror, .cm-s-dracula .CodeMirror-gutters {
  background-color: #282a36 !important;
  color: #f8f8f2 !important;
  border: none;
}
.cm-s-dracula .CodeMirror-gutters { color: #282a36; }
.cm-s-dracula .CodeMirror-cursor { border-left: solid thin #f8f8f0; }
.cm-s-dracula .CodeMirror-linenumber { color: #6D8A88; }
.cm-s-dracula .CodeMirror-selected { background: rgba(255, 255, 255, 0.10); }
.cm-s-dracula .CodeMirror-line::selection, .cm-s-dracula .CodeMirror-line > span::selection, .cm-s-dracula .CodeMirror-line > span > span::selection { background: rgba(255, 255, 255, 0.10); }
.cm-s-dracula .CodeMirror-line::-moz-selection, .cm-s-dracula .CodeMirror-line > span::-moz-selection, .cm-s-dracula .CodeMirror-line > span > span::-moz-selection { background: rgba(255, 255, 255, 0.10); }
.cm-s-dracula span.cm-comment { color: #6272a4; }
.cm-s-dracula span.cm-string, .cm-s-dracula span.cm-string-2 { color: #f1fa8c; }
.cm-s-dracula span.cm-number { color: #bd93f9; }
.cm-s-dracula span.cm-variable { color: #50fa7b; }
.cm-s-dracula span.cm-variable-2 { color: white; }
.cm-s-dracula span.cm-def { color: #ffb86c; }
.cm-s-dracula span.cm-keyword { color: #ff79c6; }
.cm-s-dracula span.cm-operator { color: #ff79c6; }
.cm-s-dracula span.cm-keyword { color: #ff79c6; }
.cm-s-dracula span.cm-atom { color: #bd93f9; }
.cm-s-dracula span.cm-meta { color: #f8f8f2; }
.cm-s-dracula span.cm-tag { color: #ff79c6; }
.cm-s-dracula span.cm-attribute { color: #50fa7b; }
.cm-s-dracula span.cm-qualifier { color: #50fa7b; }
.cm-s-dracula span.cm-property { color: #66d9ef; }
.cm-s-dracula span.cm-builtin { color: #50fa7b; }
.cm-s-dracula span.cm-variable-3 { color: #50fa7b; }

.cm-s-dracula .CodeMirror-activeline-background { background: rgba(255,255,255,0.1); }
.cm-s-dracula .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }
/**
 * Colors
 */
/**
 * Basic
 */
/**
 * Blues
 */
.bg-blue {
  background: #1483ff; }

.bg-blue-med {
  background: #479eff; }

.bg-blue-light {
  background: #7ab9ff; }

.color-blue {
  color: #1483ff; }

.color-blue-med {
  color: #479eff; }

.color-blue-light {
  color: #7ab9ff; }

/**
 * Light Blues
 */
.bg-light-blue {
  background: #22befb; }

.bg-light-blue-med {
  background: #54cdfc; }

.bg-light-blue-light {
  background: #86dcfd; }

.color-light-blue {
  color: #22befb; }

.color-light-blue-med {
  color: #54cdfc; }

.color-light-blue-light {
  color: #86dcfd; }

/**
 * Greens
 */
.bg-green {
  background: #1ddeb6; }

.bg-green-med {
  background: #47e7c6; }

.bg-green-light {
  background: #74edd4; }

.color-green {
  color: #1ddeb6; }

.color-green-med {
  color: #47e7c6; }

.color-green-light {
  color: #74edd4; }

/**
 * Reds
 */
.bg-red {
  background: #ff4514; }

.bg-red-med {
  background: #ff6d47; }

.bg-red-light {
  background: #ff957a; }

.color-red {
  color: #ff4514; }

.color-red-med {
  color: #ff6d47; }

.color-red-light {
  color: #ff957a; }

/**
 * Oranges
 */
.bg-orange {
  background: #ffa814; }

.bg-orange-med {
  background: #ffbb47; }

.bg-orange-light {
  background: #ffce7a; }

.color-orange {
  color: #ffa814; }

.color-orange-med {
  color: #ffbb47; }

.color-orange-light {
  color: #ffce7a; }

/**
 * Purples
 */
.bg-purple {
  background: #8a65e8; }

.bg-purple-med {
  background: #ab90ee; }

.bg-purple-light {
  background: #ccbbf5; }

.color-purple {
  color: #8a65e8; }

.color-purple-med {
  color: #ab90ee; }

.color-purple-light {
  color: #ccbbf5; }

/**
 * Backgrounds
 */
.bg-darkest {
  background: #13141b; }

.bg-darker {
  background: #1b1e27; }

.bg-dark {
  background: #232837; }

.bg-med {
  background: #2f3646; }

.bg-light {
  background: #455066; }

.bg-lighter {
  background: #5b6882; }

/**
 * Gradient Backgrounds
 */
.bg-linear-1 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #2a2f40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #2a2f40 100%); }

.bg-linear-2 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #1f2a40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #1f2a40 100%); }

.bg-radial-1 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%); }

.bg-radial-2 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%); }

/**
 * Text
 */
.bg-text-dark {
  background: #72809b; }

.bg-text-med-dark {
  background: #919db5; }

.bg-text-med {
  background: #a8b2c7; }

.bg-text-light {
  background: #f0f1f6; }

.bg-text-lighter {
  background: #fff; }

.color-text-dark {
  color: #72809b; }

.color-text-med-dark {
  color: #919db5; }

.color-text-med {
  color: #a8b2c7; }

.color-text-light {
  color: #f0f1f6; }

.color-text-lighter {
  color: #fff; }

/**
 * Header
 */
/**
 * Gradients
 */
.gradient-blue {
  background-image: -webkit-linear-gradient(bottom left, #6bd1f9 0%, #54a4fb 100%);
  background-image: linear-gradient(to top right, #6bd1f9 0%, #54a4fb 100%); }

.gradient-blue-green {
  background-image: -webkit-linear-gradient(bottom left, #69d1f8 0%, #59e6c8 100%);
  background-image: linear-gradient(to top right, #69d1f8 0%, #59e6c8 100%); }

.gradient-blue-red {
  background-image: -webkit-linear-gradient(bottom left, #50a1f9 0%, #f96f50 100%);
  background-image: linear-gradient(to top right, #50a1f9 0%, #f96f50 100%); }

.gradient-blue-purple {
  background-image: -webkit-linear-gradient(bottom left, #73bef4 0%, #aa90ed 100%);
  background-image: linear-gradient(to top right, #73bef4 0%, #aa90ed 100%); }

.gradient-red-orange {
  background-image: -webkit-linear-gradient(bottom left, #fc7c5f 0%, #fcbc5a 100%);
  background-image: linear-gradient(to top right, #fc7c5f 0%, #fcbc5a 100%); }

.gradient-orange-purple {
  background-image: -webkit-linear-gradient(bottom left, #f5cc98 0%, #ae94ec 100%);
  background-image: linear-gradient(to top right, #f5cc98 0%, #ae94ec 100%); }

/**
 * Branding
 */
.bg-logo {
  background: #1f89ff; }

.bg-text-logo {
  background: #c0ddff; }

.color-logo {
  color: #c0ddff; }

/**
 * Shadow Presets
 * Concept from: https://github.com/angular/material/blob/master/src/core/style/variables.scss
 */
.shadow-1 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.shadow-2 {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }

.shadow-3 {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); }

.shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }

.shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); }

.shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); }

.shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); }

.shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }

.shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); }

.shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); }

.shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); }

.shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); }

.shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }

.shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); }

.shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); }

.shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); }

.shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); }

.shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); }

.shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); }

.shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); }

.shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); }

.shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); }

.shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }

.shadow-fx {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .shadow-fx:hover {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.swui-tooltip-content {
  position: fixed;
  border-radius: 3px;
  z-index: 5000;
  display: block;
  font-weight: normal;
  opacity: 0; }
  .swui-tooltip-content.type-popover {
    background: #fff;
    color: #13141b;
    border: 1px solid transparet;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12);
    font-size: 13px;
    padding: 4px; }
    .swui-tooltip-content.type-popover .tooltip-caret {
      position: absolute;
      z-index: 5001;
      width: 0;
      height: 0; }
      .swui-tooltip-content.type-popover .tooltip-caret.position-left {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 7px solid #fff; }
      .swui-tooltip-content.type-popover .tooltip-caret.position-top {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #fff; }
      .swui-tooltip-content.type-popover .tooltip-caret.position-right {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 7px solid #fff; }
      .swui-tooltip-content.type-popover .tooltip-caret.position-bottom {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #fff; }
  .swui-tooltip-content.type-tooltip {
    color: #fff;
    background: rgba(0, 0, 0, 0.75);
    font-size: 12px;
    padding: 4px;
    text-align: center;
    pointer-events: auto; }
    .swui-tooltip-content.type-tooltip .tooltip-caret.position-left {
      border-top: 7px solid transparent;
      border-bottom: 7px solid transparent;
      border-left: 7px solid rgba(0, 0, 0, 0.75); }
    .swui-tooltip-content.type-tooltip .tooltip-caret.position-top {
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 7px solid rgba(0, 0, 0, 0.75); }
    .swui-tooltip-content.type-tooltip .tooltip-caret.position-right {
      border-top: 7px solid transparent;
      border-bottom: 7px solid transparent;
      border-right: 7px solid rgba(0, 0, 0, 0.75); }
    .swui-tooltip-content.type-tooltip .tooltip-caret.position-bottom {
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-bottom: 7px solid rgba(0, 0, 0, 0.75); }
  .swui-tooltip-content .tooltip-caret {
    position: absolute;
    z-index: 5001;
    width: 0;
    height: 0; }
  .swui-tooltip-content.position-right {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0); }
  .swui-tooltip-content.position-left {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0); }
  .swui-tooltip-content.position-top {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0); }
  .swui-tooltip-content.position-bottom {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0); }
/**
 * Colors
 */
/**
 * Basic
 */
/**
 * Blues
 */
.bg-blue {
  background: #1483ff; }

.bg-blue-med {
  background: #479eff; }

.bg-blue-light {
  background: #7ab9ff; }

.color-blue {
  color: #1483ff; }

.color-blue-med {
  color: #479eff; }

.color-blue-light {
  color: #7ab9ff; }

/**
 * Light Blues
 */
.bg-light-blue {
  background: #22befb; }

.bg-light-blue-med {
  background: #54cdfc; }

.bg-light-blue-light {
  background: #86dcfd; }

.color-light-blue {
  color: #22befb; }

.color-light-blue-med {
  color: #54cdfc; }

.color-light-blue-light {
  color: #86dcfd; }

/**
 * Greens
 */
.bg-green {
  background: #1ddeb6; }

.bg-green-med {
  background: #47e7c6; }

.bg-green-light {
  background: #74edd4; }

.color-green {
  color: #1ddeb6; }

.color-green-med {
  color: #47e7c6; }

.color-green-light {
  color: #74edd4; }

/**
 * Reds
 */
.bg-red {
  background: #ff4514; }

.bg-red-med {
  background: #ff6d47; }

.bg-red-light {
  background: #ff957a; }

.color-red {
  color: #ff4514; }

.color-red-med {
  color: #ff6d47; }

.color-red-light {
  color: #ff957a; }

/**
 * Oranges
 */
.bg-orange {
  background: #ffa814; }

.bg-orange-med {
  background: #ffbb47; }

.bg-orange-light {
  background: #ffce7a; }

.color-orange {
  color: #ffa814; }

.color-orange-med {
  color: #ffbb47; }

.color-orange-light {
  color: #ffce7a; }

/**
 * Purples
 */
.bg-purple {
  background: #8a65e8; }

.bg-purple-med {
  background: #ab90ee; }

.bg-purple-light {
  background: #ccbbf5; }

.color-purple {
  color: #8a65e8; }

.color-purple-med {
  color: #ab90ee; }

.color-purple-light {
  color: #ccbbf5; }

/**
 * Backgrounds
 */
.bg-darkest {
  background: #13141b; }

.bg-darker {
  background: #1b1e27; }

.bg-dark {
  background: #232837; }

.bg-med {
  background: #2f3646; }

.bg-light {
  background: #455066; }

.bg-lighter {
  background: #5b6882; }

/**
 * Gradient Backgrounds
 */
.bg-linear-1 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #2a2f40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #2a2f40 100%); }

.bg-linear-2 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #1f2a40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #1f2a40 100%); }

.bg-radial-1 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%); }

.bg-radial-2 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%); }

/**
 * Text
 */
.bg-text-dark {
  background: #72809b; }

.bg-text-med-dark {
  background: #919db5; }

.bg-text-med {
  background: #a8b2c7; }

.bg-text-light {
  background: #f0f1f6; }

.bg-text-lighter {
  background: #fff; }

.color-text-dark {
  color: #72809b; }

.color-text-med-dark {
  color: #919db5; }

.color-text-med {
  color: #a8b2c7; }

.color-text-light {
  color: #f0f1f6; }

.color-text-lighter {
  color: #fff; }

/**
 * Header
 */
/**
 * Gradients
 */
.gradient-blue {
  background-image: -webkit-linear-gradient(bottom left, #6bd1f9 0%, #54a4fb 100%);
  background-image: linear-gradient(to top right, #6bd1f9 0%, #54a4fb 100%); }

.gradient-blue-green {
  background-image: -webkit-linear-gradient(bottom left, #69d1f8 0%, #59e6c8 100%);
  background-image: linear-gradient(to top right, #69d1f8 0%, #59e6c8 100%); }

.gradient-blue-red {
  background-image: -webkit-linear-gradient(bottom left, #50a1f9 0%, #f96f50 100%);
  background-image: linear-gradient(to top right, #50a1f9 0%, #f96f50 100%); }

.gradient-blue-purple {
  background-image: -webkit-linear-gradient(bottom left, #73bef4 0%, #aa90ed 100%);
  background-image: linear-gradient(to top right, #73bef4 0%, #aa90ed 100%); }

.gradient-red-orange {
  background-image: -webkit-linear-gradient(bottom left, #fc7c5f 0%, #fcbc5a 100%);
  background-image: linear-gradient(to top right, #fc7c5f 0%, #fcbc5a 100%); }

.gradient-orange-purple {
  background-image: -webkit-linear-gradient(bottom left, #f5cc98 0%, #ae94ec 100%);
  background-image: linear-gradient(to top right, #f5cc98 0%, #ae94ec 100%); }

/**
 * Branding
 */
.bg-logo {
  background: #1f89ff; }

.bg-text-logo {
  background: #c0ddff; }

.color-logo {
  color: #c0ddff; }

/**
 * Shadow Presets
 * Concept from: https://github.com/angular/material/blob/master/src/core/style/variables.scss
 */
.shadow-1 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.shadow-2 {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }

.shadow-3 {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); }

.shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }

.shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); }

.shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); }

.shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); }

.shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }

.shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); }

.shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); }

.shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); }

.shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); }

.shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }

.shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); }

.shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); }

.shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); }

.shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); }

.shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); }

.shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); }

.shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); }

.shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); }

.shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); }

.shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }

.shadow-fx {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .shadow-fx:hover {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.swui-section {
  display: block;
  margin-bottom: 2em; }
  .swui-section .swui-section-header {
    background: #1483ff;
    display: block;
    width: auto;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    color: #fff;
    position: relative; }
    .swui-section .swui-section-header.swui-section-collapsible {
      padding-left: 30px; }
    .swui-section .swui-section-header .swui-section-toggle {
      font-size: 14px;
      vertical-align: top;
      display: inline-block;
      line-height: 40px;
      position: absolute;
      background: none;
      border: none;
      box-shadow: none;
      padding: 0;
      left: 10px;
      cursor: pointer; }
    .swui-section .swui-section-header a {
      color: #fff; }
    .swui-section .swui-section-header h1 {
      font-size: 1.1em;
      font-weight: 600;
      line-height: 40px;
      padding: 0;
      margin: 0; }
  .swui-section .swui-section-content {
    padding: 1.8em; }
  .swui-section.shadow > section {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); }
/**
 * Colors
 */
/**
 * Basic
 */
/**
 * Blues
 */
.bg-blue {
  background: #1483ff; }

.bg-blue-med {
  background: #479eff; }

.bg-blue-light {
  background: #7ab9ff; }

.color-blue {
  color: #1483ff; }

.color-blue-med {
  color: #479eff; }

.color-blue-light {
  color: #7ab9ff; }

/**
 * Light Blues
 */
.bg-light-blue {
  background: #22befb; }

.bg-light-blue-med {
  background: #54cdfc; }

.bg-light-blue-light {
  background: #86dcfd; }

.color-light-blue {
  color: #22befb; }

.color-light-blue-med {
  color: #54cdfc; }

.color-light-blue-light {
  color: #86dcfd; }

/**
 * Greens
 */
.bg-green {
  background: #1ddeb6; }

.bg-green-med {
  background: #47e7c6; }

.bg-green-light {
  background: #74edd4; }

.color-green {
  color: #1ddeb6; }

.color-green-med {
  color: #47e7c6; }

.color-green-light {
  color: #74edd4; }

/**
 * Reds
 */
.bg-red {
  background: #ff4514; }

.bg-red-med {
  background: #ff6d47; }

.bg-red-light {
  background: #ff957a; }

.color-red {
  color: #ff4514; }

.color-red-med {
  color: #ff6d47; }

.color-red-light {
  color: #ff957a; }

/**
 * Oranges
 */
.bg-orange {
  background: #ffa814; }

.bg-orange-med {
  background: #ffbb47; }

.bg-orange-light {
  background: #ffce7a; }

.color-orange {
  color: #ffa814; }

.color-orange-med {
  color: #ffbb47; }

.color-orange-light {
  color: #ffce7a; }

/**
 * Purples
 */
.bg-purple {
  background: #8a65e8; }

.bg-purple-med {
  background: #ab90ee; }

.bg-purple-light {
  background: #ccbbf5; }

.color-purple {
  color: #8a65e8; }

.color-purple-med {
  color: #ab90ee; }

.color-purple-light {
  color: #ccbbf5; }

/**
 * Backgrounds
 */
.bg-darkest {
  background: #13141b; }

.bg-darker {
  background: #1b1e27; }

.bg-dark {
  background: #232837; }

.bg-med {
  background: #2f3646; }

.bg-light {
  background: #455066; }

.bg-lighter {
  background: #5b6882; }

/**
 * Gradient Backgrounds
 */
.bg-linear-1 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #2a2f40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #2a2f40 100%); }

.bg-linear-2 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #1f2a40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #1f2a40 100%); }

.bg-radial-1 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%); }

.bg-radial-2 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%); }

/**
 * Text
 */
.bg-text-dark {
  background: #72809b; }

.bg-text-med-dark {
  background: #919db5; }

.bg-text-med {
  background: #a8b2c7; }

.bg-text-light {
  background: #f0f1f6; }

.bg-text-lighter {
  background: #fff; }

.color-text-dark {
  color: #72809b; }

.color-text-med-dark {
  color: #919db5; }

.color-text-med {
  color: #a8b2c7; }

.color-text-light {
  color: #f0f1f6; }

.color-text-lighter {
  color: #fff; }

/**
 * Header
 */
/**
 * Gradients
 */
.gradient-blue {
  background-image: -webkit-linear-gradient(bottom left, #6bd1f9 0%, #54a4fb 100%);
  background-image: linear-gradient(to top right, #6bd1f9 0%, #54a4fb 100%); }

.gradient-blue-green {
  background-image: -webkit-linear-gradient(bottom left, #69d1f8 0%, #59e6c8 100%);
  background-image: linear-gradient(to top right, #69d1f8 0%, #59e6c8 100%); }

.gradient-blue-red {
  background-image: -webkit-linear-gradient(bottom left, #50a1f9 0%, #f96f50 100%);
  background-image: linear-gradient(to top right, #50a1f9 0%, #f96f50 100%); }

.gradient-blue-purple {
  background-image: -webkit-linear-gradient(bottom left, #73bef4 0%, #aa90ed 100%);
  background-image: linear-gradient(to top right, #73bef4 0%, #aa90ed 100%); }

.gradient-red-orange {
  background-image: -webkit-linear-gradient(bottom left, #fc7c5f 0%, #fcbc5a 100%);
  background-image: linear-gradient(to top right, #fc7c5f 0%, #fcbc5a 100%); }

.gradient-orange-purple {
  background-image: -webkit-linear-gradient(bottom left, #f5cc98 0%, #ae94ec 100%);
  background-image: linear-gradient(to top right, #f5cc98 0%, #ae94ec 100%); }

/**
 * Branding
 */
.bg-logo {
  background: #1f89ff; }

.bg-text-logo {
  background: #c0ddff; }

.color-logo {
  color: #c0ddff; }

/**
 * Shadow Presets
 * Concept from: https://github.com/angular/material/blob/master/src/core/style/variables.scss
 */
.shadow-1 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.shadow-2 {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }

.shadow-3 {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); }

.shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }

.shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); }

.shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); }

.shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); }

.shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }

.shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); }

.shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); }

.shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); }

.shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); }

.shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }

.shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); }

.shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); }

.shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); }

.shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); }

.shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); }

.shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); }

.shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); }

.shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); }

.shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); }

.shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }

.shadow-fx {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .shadow-fx:hover {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.swui-calendar {
  position: relative;
  font-size: .9rem;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12);
  background: #2f3646;
  display: inline-block; }
  .swui-calendar:focus {
    outline: none; }
  .swui-calendar .title-row {
    background: #455066;
    padding: .4rem .5rem;
    font-weight: 500;
    line-height: 1.8rem; }
  .swui-calendar .day-name-row {
    color: #a8b2c7;
    margin: .5rem;
    margin-bottom: 0; }
  .swui-calendar .day-name,
  .swui-calendar .day-cell {
    margin: .1rem .2rem;
    line-height: 1.8rem;
    text-align: center;
    width: 1.8rem;
    height: 1.8rem; }
  .swui-calendar .day-container {
    margin: .5rem;
    margin-top: 0; }
    .swui-calendar .day-container .day {
      color: #fff;
      height: 100%;
      width: 100%;
      max-height: 30px;
      max-width: 30px;
      line-height: 100%;
      border-radius: 50%;
      text-align: center;
      -webkit-transition: background 200ms;
      transition: background 200ms; }
      .swui-calendar .day-container .day.prev-month, .swui-calendar .day-container .day.next-month {
        color: #a8b2c7; }
      .swui-calendar .day-container .day.today {
        background: #1ddeb6; }
      .swui-calendar .day-container .day.active {
        background: #1483ff; }
      .swui-calendar .day-container .day:hover:not(.active):hover:not([disabled]) {
        background: #479eff; }
/**
 * Colors
 */
/**
 * Basic
 */
/**
 * Blues
 */
.bg-blue {
  background: #1483ff; }

.bg-blue-med {
  background: #479eff; }

.bg-blue-light {
  background: #7ab9ff; }

.color-blue {
  color: #1483ff; }

.color-blue-med {
  color: #479eff; }

.color-blue-light {
  color: #7ab9ff; }

/**
 * Light Blues
 */
.bg-light-blue {
  background: #22befb; }

.bg-light-blue-med {
  background: #54cdfc; }

.bg-light-blue-light {
  background: #86dcfd; }

.color-light-blue {
  color: #22befb; }

.color-light-blue-med {
  color: #54cdfc; }

.color-light-blue-light {
  color: #86dcfd; }

/**
 * Greens
 */
.bg-green {
  background: #1ddeb6; }

.bg-green-med {
  background: #47e7c6; }

.bg-green-light {
  background: #74edd4; }

.color-green {
  color: #1ddeb6; }

.color-green-med {
  color: #47e7c6; }

.color-green-light {
  color: #74edd4; }

/**
 * Reds
 */
.bg-red {
  background: #ff4514; }

.bg-red-med {
  background: #ff6d47; }

.bg-red-light {
  background: #ff957a; }

.color-red {
  color: #ff4514; }

.color-red-med {
  color: #ff6d47; }

.color-red-light {
  color: #ff957a; }

/**
 * Oranges
 */
.bg-orange {
  background: #ffa814; }

.bg-orange-med {
  background: #ffbb47; }

.bg-orange-light {
  background: #ffce7a; }

.color-orange {
  color: #ffa814; }

.color-orange-med {
  color: #ffbb47; }

.color-orange-light {
  color: #ffce7a; }

/**
 * Purples
 */
.bg-purple {
  background: #8a65e8; }

.bg-purple-med {
  background: #ab90ee; }

.bg-purple-light {
  background: #ccbbf5; }

.color-purple {
  color: #8a65e8; }

.color-purple-med {
  color: #ab90ee; }

.color-purple-light {
  color: #ccbbf5; }

/**
 * Backgrounds
 */
.bg-darkest {
  background: #13141b; }

.bg-darker {
  background: #1b1e27; }

.bg-dark {
  background: #232837; }

.bg-med {
  background: #2f3646; }

.bg-light {
  background: #455066; }

.bg-lighter {
  background: #5b6882; }

/**
 * Gradient Backgrounds
 */
.bg-linear-1 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #2a2f40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #2a2f40 100%); }

.bg-linear-2 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #1f2a40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #1f2a40 100%); }

.bg-radial-1 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%); }

.bg-radial-2 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%); }

/**
 * Text
 */
.bg-text-dark {
  background: #72809b; }

.bg-text-med-dark {
  background: #919db5; }

.bg-text-med {
  background: #a8b2c7; }

.bg-text-light {
  background: #f0f1f6; }

.bg-text-lighter {
  background: #fff; }

.color-text-dark {
  color: #72809b; }

.color-text-med-dark {
  color: #919db5; }

.color-text-med {
  color: #a8b2c7; }

.color-text-light {
  color: #f0f1f6; }

.color-text-lighter {
  color: #fff; }

/**
 * Header
 */
/**
 * Gradients
 */
.gradient-blue {
  background-image: -webkit-linear-gradient(bottom left, #6bd1f9 0%, #54a4fb 100%);
  background-image: linear-gradient(to top right, #6bd1f9 0%, #54a4fb 100%); }

.gradient-blue-green {
  background-image: -webkit-linear-gradient(bottom left, #69d1f8 0%, #59e6c8 100%);
  background-image: linear-gradient(to top right, #69d1f8 0%, #59e6c8 100%); }

.gradient-blue-red {
  background-image: -webkit-linear-gradient(bottom left, #50a1f9 0%, #f96f50 100%);
  background-image: linear-gradient(to top right, #50a1f9 0%, #f96f50 100%); }

.gradient-blue-purple {
  background-image: -webkit-linear-gradient(bottom left, #73bef4 0%, #aa90ed 100%);
  background-image: linear-gradient(to top right, #73bef4 0%, #aa90ed 100%); }

.gradient-red-orange {
  background-image: -webkit-linear-gradient(bottom left, #fc7c5f 0%, #fcbc5a 100%);
  background-image: linear-gradient(to top right, #fc7c5f 0%, #fcbc5a 100%); }

.gradient-orange-purple {
  background-image: -webkit-linear-gradient(bottom left, #f5cc98 0%, #ae94ec 100%);
  background-image: linear-gradient(to top right, #f5cc98 0%, #ae94ec 100%); }

/**
 * Branding
 */
.bg-logo {
  background: #1f89ff; }

.bg-text-logo {
  background: #c0ddff; }

.color-logo {
  color: #c0ddff; }

/**
 * Shadow Presets
 * Concept from: https://github.com/angular/material/blob/master/src/core/style/variables.scss
 */
.shadow-1 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.shadow-2 {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }

.shadow-3 {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); }

.shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }

.shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); }

.shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); }

.shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); }

.shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }

.shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); }

.shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); }

.shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); }

.shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); }

.shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }

.shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); }

.shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); }

.shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); }

.shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); }

.shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); }

.shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); }

.shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); }

.shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); }

.shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); }

.shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }

.shadow-fx {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .shadow-fx:hover {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

/**
 * Button styling
 */
button {
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font: inherit;
  background: transparent;
  border: none; }
  button:active, button:focus {
    outline: none; }

.btn {
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  margin: 0;
  padding: 0.35em 0.75em;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font: inherit;
  font-size: .9em;
  outline: none;
  background: #2f3646;
  border: solid 1px transparent;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -webkit-transition: background-color 200ms, box-shadow 200ms;
  transition: background-color 200ms, box-shadow 200ms; }
  .btn::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .btn:focus {
    outline: none;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); }
  .btn:focus:not([disabled]), .btn:focus:not(.disabled), .btn:hover:not([disabled]), .btn:hover:not(.disabled) {
    cursor: pointer;
    background: #232837; }
    .btn:focus:not([disabled]).btn-primary, .btn:focus:not(.disabled).btn-primary, .btn:hover:not([disabled]).btn-primary, .btn:hover:not(.disabled).btn-primary {
      background-color: #1483ff; }
    .btn:focus:not([disabled]).btn-warning, .btn:focus:not(.disabled).btn-warning, .btn:hover:not([disabled]).btn-warning, .btn:hover:not(.disabled).btn-warning {
      background-color: #ffa814; }
    .btn:focus:not([disabled]).btn-danger, .btn:focus:not(.disabled).btn-danger, .btn:hover:not([disabled]).btn-danger, .btn:hover:not(.disabled).btn-danger {
      background-color: #ff4514; }
    .btn:focus:not([disabled]).btn-link, .btn:focus:not(.disabled).btn-link, .btn:hover:not([disabled]).btn-link, .btn:hover:not(.disabled).btn-link {
      background-color: transparent; }
  .btn:hover, .btn:focus, .btn:active {
    text-decoration: none; }
  .btn.btn-primary {
    background-color: #479eff; }
  .btn.btn-warning {
    background-color: #ffbb47; }
  .btn.btn-danger {
    background-color: #ff6d47; }
  .btn.btn-link {
    background-color: transparent;
    box-shadow: none; }
  .btn.btn-file {
    cursor: pointer;
    padding: 0; }
    .btn.btn-file label {
      display: block;
      cursor: pointer;
      padding: 0.35em 0.75em; }
    .btn.btn-file[disabled] label {
      cursor: not-allowed; }
    .btn.btn-file input[type=file] {
      pointer-events: none;
      position: absolute;
      left: -9999px; }

/**
 * File upload button
 *
 * Styles loosely based on:
 * - http://codepen.io/balapa/pen/VYVedm
 * - http://codepen.io/prasanjit/pen/NxjZMO
 *
 */
.swui-file-button {
  display: inline-block;
  box-sizing: border-box;
  position: relative; }
  .swui-file-button .swui-file-button-input {
    position: absolute;
    left: -9999px; }
  .swui-file-button.standard-style .icon-check {
    display: none; }
  .swui-file-button.standard-style .swui-file-button-text {
    font-size: .9rem;
    margin-left: 8px;
    color: #a8b2c7; }
  .swui-file-button.progress-style {
    min-width: 150px;
    text-align: center;
    -webkit-transition: .3s all ease .3s;
    transition: .3s all ease .3s;
    max-height: 50px;
    overflow: hidden; }
    .swui-file-button.progress-style .swui-file-button-button {
      width: 100%;
      background: #2f3646;
      border: none;
      border-radius: 50px;
      padding: 5px 0;
      -webkit-transition: .3s all ease;
      transition: .3s all ease;
      position: relative;
      margin: 0; }
      .swui-file-button.progress-style .swui-file-button-button:hover:not([disabled]), .swui-file-button.progress-style .swui-file-button-button:focus:not([disabled]), .swui-file-button.progress-style .swui-file-button-button:hover:not('.disabled'), .swui-file-button.progress-style .swui-file-button-button:focus:not('.disabled') {
        background: #232837; }
      .swui-file-button.progress-style .swui-file-button-button .swui-file-button-label {
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        line-height: 40px;
        max-height: 40px;
        -webkit-transition: .3s all ease;
        transition: .3s all ease;
        cursor: pointer;
        display: block; }
      .swui-file-button.progress-style .swui-file-button-button[disabled] .swui-file-button-label, .swui-file-button.progress-style .swui-file-button-button.disabled .swui-file-button-label {
        cursor: not-allowed; }
      .swui-file-button.progress-style .swui-file-button-button .swui-file-button-text {
        display: none; }
    .swui-file-button.progress-style .swui-file-button-fill {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 0%;
      background: #479eff;
      border-radius: 50px;
      display: none; }
    .swui-file-button.progress-style .icon-check {
      font-size: 25px;
      color: white;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      line-height: 50px;
      -webkit-transform: scale(0);
              transform: scale(0); }
    .swui-file-button.progress-style.active {
      padding: 0; }
      .swui-file-button.progress-style.active .swui-file-button-button {
        background: #a8b2c7;
        margin-top: 25px; }
      .swui-file-button.progress-style.active .swui-file-button-fill {
        display: block;
        margin-top: 25px;
        -webkit-transition: 100ms all ease 100ms;
        transition: 100ms all ease 100ms; }
      .swui-file-button.progress-style.active .swui-file-button-label {
        display: none; }
    .swui-file-button.progress-style.success .swui-file-button-button {
      margin: 0;
      padding: 25px;
      width: 50px;
      background: #479eff; }
    .swui-file-button.progress-style.success .swui-file-button-fill,
    .swui-file-button.progress-style.success .swui-file-button-label {
      display: none; }
    .swui-file-button.progress-style.success .icon-check {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transition: .3s all ease .3s;
      transition: .3s all ease .3s; }
/**
 * Colors
 */
/**
 * Basic
 */
/**
 * Blues
 */
.bg-blue {
  background: #1483ff; }

.bg-blue-med {
  background: #479eff; }

.bg-blue-light {
  background: #7ab9ff; }

.color-blue {
  color: #1483ff; }

.color-blue-med {
  color: #479eff; }

.color-blue-light {
  color: #7ab9ff; }

/**
 * Light Blues
 */
.bg-light-blue {
  background: #22befb; }

.bg-light-blue-med {
  background: #54cdfc; }

.bg-light-blue-light {
  background: #86dcfd; }

.color-light-blue {
  color: #22befb; }

.color-light-blue-med {
  color: #54cdfc; }

.color-light-blue-light {
  color: #86dcfd; }

/**
 * Greens
 */
.bg-green {
  background: #1ddeb6; }

.bg-green-med {
  background: #47e7c6; }

.bg-green-light {
  background: #74edd4; }

.color-green {
  color: #1ddeb6; }

.color-green-med {
  color: #47e7c6; }

.color-green-light {
  color: #74edd4; }

/**
 * Reds
 */
.bg-red {
  background: #ff4514; }

.bg-red-med {
  background: #ff6d47; }

.bg-red-light {
  background: #ff957a; }

.color-red {
  color: #ff4514; }

.color-red-med {
  color: #ff6d47; }

.color-red-light {
  color: #ff957a; }

/**
 * Oranges
 */
.bg-orange {
  background: #ffa814; }

.bg-orange-med {
  background: #ffbb47; }

.bg-orange-light {
  background: #ffce7a; }

.color-orange {
  color: #ffa814; }

.color-orange-med {
  color: #ffbb47; }

.color-orange-light {
  color: #ffce7a; }

/**
 * Purples
 */
.bg-purple {
  background: #8a65e8; }

.bg-purple-med {
  background: #ab90ee; }

.bg-purple-light {
  background: #ccbbf5; }

.color-purple {
  color: #8a65e8; }

.color-purple-med {
  color: #ab90ee; }

.color-purple-light {
  color: #ccbbf5; }

/**
 * Backgrounds
 */
.bg-darkest {
  background: #13141b; }

.bg-darker {
  background: #1b1e27; }

.bg-dark {
  background: #232837; }

.bg-med {
  background: #2f3646; }

.bg-light {
  background: #455066; }

.bg-lighter {
  background: #5b6882; }

/**
 * Gradient Backgrounds
 */
.bg-linear-1 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #2a2f40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #2a2f40 100%); }

.bg-linear-2 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #1f2a40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #1f2a40 100%); }

.bg-radial-1 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%); }

.bg-radial-2 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%); }

/**
 * Text
 */
.bg-text-dark {
  background: #72809b; }

.bg-text-med-dark {
  background: #919db5; }

.bg-text-med {
  background: #a8b2c7; }

.bg-text-light {
  background: #f0f1f6; }

.bg-text-lighter {
  background: #fff; }

.color-text-dark {
  color: #72809b; }

.color-text-med-dark {
  color: #919db5; }

.color-text-med {
  color: #a8b2c7; }

.color-text-light {
  color: #f0f1f6; }

.color-text-lighter {
  color: #fff; }

/**
 * Header
 */
/**
 * Gradients
 */
.gradient-blue {
  background-image: -webkit-linear-gradient(bottom left, #6bd1f9 0%, #54a4fb 100%);
  background-image: linear-gradient(to top right, #6bd1f9 0%, #54a4fb 100%); }

.gradient-blue-green {
  background-image: -webkit-linear-gradient(bottom left, #69d1f8 0%, #59e6c8 100%);
  background-image: linear-gradient(to top right, #69d1f8 0%, #59e6c8 100%); }

.gradient-blue-red {
  background-image: -webkit-linear-gradient(bottom left, #50a1f9 0%, #f96f50 100%);
  background-image: linear-gradient(to top right, #50a1f9 0%, #f96f50 100%); }

.gradient-blue-purple {
  background-image: -webkit-linear-gradient(bottom left, #73bef4 0%, #aa90ed 100%);
  background-image: linear-gradient(to top right, #73bef4 0%, #aa90ed 100%); }

.gradient-red-orange {
  background-image: -webkit-linear-gradient(bottom left, #fc7c5f 0%, #fcbc5a 100%);
  background-image: linear-gradient(to top right, #fc7c5f 0%, #fcbc5a 100%); }

.gradient-orange-purple {
  background-image: -webkit-linear-gradient(bottom left, #f5cc98 0%, #ae94ec 100%);
  background-image: linear-gradient(to top right, #f5cc98 0%, #ae94ec 100%); }

/**
 * Branding
 */
.bg-logo {
  background: #1f89ff; }

.bg-text-logo {
  background: #c0ddff; }

.color-logo {
  color: #c0ddff; }

/**
 * Shadow Presets
 * Concept from: https://github.com/angular/material/blob/master/src/core/style/variables.scss
 */
.shadow-1 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.shadow-2 {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }

.shadow-3 {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); }

.shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }

.shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); }

.shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); }

.shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); }

.shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }

.shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); }

.shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); }

.shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); }

.shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); }

.shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }

.shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); }

.shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); }

.shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); }

.shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); }

.shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); }

.shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); }

.shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); }

.shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); }

.shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); }

.shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }

.shadow-fx {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .shadow-fx:hover {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

/**
 * Toggle button
 *
 * Inspiration:
 * - http://codepen.io/cbracco/pen/gpXwBq
 * - http://codepen.io/vsync/pen/wKkuz
 * 
 */
.swui-toggle {
  display: block;
  margin-bottom: 1rem;
  margin-top: 18px; }
  .swui-toggle.disabled .swui-toggle-label,
  .swui-toggle.disabled .swui-toggle-text {
    cursor: not-allowed; }
  .swui-toggle .swui-toggle-input {
    display: none; }
    .swui-toggle .swui-toggle-input:checked ~ .swui-toggle-label {
      background: #74edd4; }
      .swui-toggle .swui-toggle-input:checked ~ .swui-toggle-label:after {
        left: 15px;
        background: #1ddeb6; }
  .swui-toggle .swui-toggle-label {
    position: relative;
    display: block;
    height: 14px;
    width: 34px;
    background: #898989;
    border-radius: 100px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 3px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .swui-toggle .swui-toggle-label:after {
      position: absolute;
      left: -2px;
      top: -3px;
      display: block;
      height: 20px;
      width: 20px;
      border-radius: 100px;
      background: #fff;
      box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
      content: '';
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  .swui-toggle .swui-toggle-text {
    cursor: pointer;
    padding-left: 5px; }
/**
 * Colors
 */
/**
 * Basic
 */
/**
 * Blues
 */
.bg-blue {
  background: #1483ff; }

.bg-blue-med {
  background: #479eff; }

.bg-blue-light {
  background: #7ab9ff; }

.color-blue {
  color: #1483ff; }

.color-blue-med {
  color: #479eff; }

.color-blue-light {
  color: #7ab9ff; }

/**
 * Light Blues
 */
.bg-light-blue {
  background: #22befb; }

.bg-light-blue-med {
  background: #54cdfc; }

.bg-light-blue-light {
  background: #86dcfd; }

.color-light-blue {
  color: #22befb; }

.color-light-blue-med {
  color: #54cdfc; }

.color-light-blue-light {
  color: #86dcfd; }

/**
 * Greens
 */
.bg-green {
  background: #1ddeb6; }

.bg-green-med {
  background: #47e7c6; }

.bg-green-light {
  background: #74edd4; }

.color-green {
  color: #1ddeb6; }

.color-green-med {
  color: #47e7c6; }

.color-green-light {
  color: #74edd4; }

/**
 * Reds
 */
.bg-red {
  background: #ff4514; }

.bg-red-med {
  background: #ff6d47; }

.bg-red-light {
  background: #ff957a; }

.color-red {
  color: #ff4514; }

.color-red-med {
  color: #ff6d47; }

.color-red-light {
  color: #ff957a; }

/**
 * Oranges
 */
.bg-orange {
  background: #ffa814; }

.bg-orange-med {
  background: #ffbb47; }

.bg-orange-light {
  background: #ffce7a; }

.color-orange {
  color: #ffa814; }

.color-orange-med {
  color: #ffbb47; }

.color-orange-light {
  color: #ffce7a; }

/**
 * Purples
 */
.bg-purple {
  background: #8a65e8; }

.bg-purple-med {
  background: #ab90ee; }

.bg-purple-light {
  background: #ccbbf5; }

.color-purple {
  color: #8a65e8; }

.color-purple-med {
  color: #ab90ee; }

.color-purple-light {
  color: #ccbbf5; }

/**
 * Backgrounds
 */
.bg-darkest {
  background: #13141b; }

.bg-darker {
  background: #1b1e27; }

.bg-dark {
  background: #232837; }

.bg-med {
  background: #2f3646; }

.bg-light {
  background: #455066; }

.bg-lighter {
  background: #5b6882; }

/**
 * Gradient Backgrounds
 */
.bg-linear-1 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #2a2f40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #2a2f40 100%); }

.bg-linear-2 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #1f2a40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #1f2a40 100%); }

.bg-radial-1 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%); }

.bg-radial-2 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%); }

/**
 * Text
 */
.bg-text-dark {
  background: #72809b; }

.bg-text-med-dark {
  background: #919db5; }

.bg-text-med {
  background: #a8b2c7; }

.bg-text-light {
  background: #f0f1f6; }

.bg-text-lighter {
  background: #fff; }

.color-text-dark {
  color: #72809b; }

.color-text-med-dark {
  color: #919db5; }

.color-text-med {
  color: #a8b2c7; }

.color-text-light {
  color: #f0f1f6; }

.color-text-lighter {
  color: #fff; }

/**
 * Header
 */
/**
 * Gradients
 */
.gradient-blue {
  background-image: -webkit-linear-gradient(bottom left, #6bd1f9 0%, #54a4fb 100%);
  background-image: linear-gradient(to top right, #6bd1f9 0%, #54a4fb 100%); }

.gradient-blue-green {
  background-image: -webkit-linear-gradient(bottom left, #69d1f8 0%, #59e6c8 100%);
  background-image: linear-gradient(to top right, #69d1f8 0%, #59e6c8 100%); }

.gradient-blue-red {
  background-image: -webkit-linear-gradient(bottom left, #50a1f9 0%, #f96f50 100%);
  background-image: linear-gradient(to top right, #50a1f9 0%, #f96f50 100%); }

.gradient-blue-purple {
  background-image: -webkit-linear-gradient(bottom left, #73bef4 0%, #aa90ed 100%);
  background-image: linear-gradient(to top right, #73bef4 0%, #aa90ed 100%); }

.gradient-red-orange {
  background-image: -webkit-linear-gradient(bottom left, #fc7c5f 0%, #fcbc5a 100%);
  background-image: linear-gradient(to top right, #fc7c5f 0%, #fcbc5a 100%); }

.gradient-orange-purple {
  background-image: -webkit-linear-gradient(bottom left, #f5cc98 0%, #ae94ec 100%);
  background-image: linear-gradient(to top right, #f5cc98 0%, #ae94ec 100%); }

/**
 * Branding
 */
.bg-logo {
  background: #1f89ff; }

.bg-text-logo {
  background: #c0ddff; }

.color-logo {
  color: #c0ddff; }

/**
 * Shadow Presets
 * Concept from: https://github.com/angular/material/blob/master/src/core/style/variables.scss
 */
.shadow-1 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.shadow-2 {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }

.shadow-3 {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); }

.shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }

.shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); }

.shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); }

.shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); }

.shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }

.shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); }

.shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); }

.shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); }

.shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); }

.shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }

.shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); }

.shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); }

.shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); }

.shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); }

.shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); }

.shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); }

.shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); }

.shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); }

.shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); }

.shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }

.shadow-fx {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .shadow-fx:hover {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

/**
 * Form Element Inputs
 */
input[type=number],
input[type=tel],
input[type=text],
input[type=password],
textarea {
  display: inline-block;
  box-sizing: border-box;
  outline: none; }

.form-input {
  background: #333b4c;
  border: solid 1px #455066;
  color: #d9dce1;
  -webkit-transition: box-shadow 200ms;
  transition: box-shadow 200ms;
  border-radius: 0;
  font-size: 13px;
  height: 32px;
  line-height: 32px;
  width: 100%;
  padding: 6px;
  margin-bottom: 1em; }
  .form-input:focus {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }
  .form-input[disabled] {
    cursor: not-allowed;
    color: #72809b; }

textarea.form-input {
  min-height: 120px;
  line-height: 1.3em; }

.swui-date-time {
  position: relative; }
  .swui-date-time .calendar-dialog-btn {
    position: absolute;
    right: 5px;
    height: 30px;
    line-height: 30px;
    top: 0;
    color: #919db5; }
  .swui-date-time .input-error {
    color: #ff4514; }

.swui-date-time-dialog {
  padding: 0 !important;
  width: 300px; }
  .swui-date-time-dialog h1 {
    font-size: 1.5rem;
    white-space: nowrap; }
    .swui-date-time-dialog h1 small {
      color: #fff; }
  .swui-date-time-dialog .selected-header {
    padding: 5px 20px;
    background: #1483ff;
    color: #fff; }
  .swui-date-time-dialog .time-row {
    background: #2f3646;
    padding: 0 15px;
    margin-top: 1px; }
    .swui-date-time-dialog .time-row .swui-input .swui-input-underline {
      background-color: #d9dce1; }
  .swui-date-time-dialog .swui-calendar {
    box-shadow: none;
    width: 100%; }
    .swui-date-time-dialog .swui-calendar .title-row {
      background: none; }
    .swui-date-time-dialog .swui-calendar .day-name-row {
      margin-top: 0; }
  .swui-date-time-dialog .swui-dialog-footer {
    padding: 0.5rem 0; }
    .swui-date-time-dialog .swui-dialog-footer .today-btn {
      margin-left: .5rem; }
    .swui-date-time-dialog .swui-dialog-footer .cancel-btn,
    .swui-date-time-dialog .swui-dialog-footer .clear-btn,
    .swui-date-time-dialog .swui-dialog-footer .ok-btn {
      margin-right: .5rem; }
/**
 * Colors
 */
/**
 * Basic
 */
/**
 * Blues
 */
.bg-blue {
  background: #1483ff; }

.bg-blue-med {
  background: #479eff; }

.bg-blue-light {
  background: #7ab9ff; }

.color-blue {
  color: #1483ff; }

.color-blue-med {
  color: #479eff; }

.color-blue-light {
  color: #7ab9ff; }

/**
 * Light Blues
 */
.bg-light-blue {
  background: #22befb; }

.bg-light-blue-med {
  background: #54cdfc; }

.bg-light-blue-light {
  background: #86dcfd; }

.color-light-blue {
  color: #22befb; }

.color-light-blue-med {
  color: #54cdfc; }

.color-light-blue-light {
  color: #86dcfd; }

/**
 * Greens
 */
.bg-green {
  background: #1ddeb6; }

.bg-green-med {
  background: #47e7c6; }

.bg-green-light {
  background: #74edd4; }

.color-green {
  color: #1ddeb6; }

.color-green-med {
  color: #47e7c6; }

.color-green-light {
  color: #74edd4; }

/**
 * Reds
 */
.bg-red {
  background: #ff4514; }

.bg-red-med {
  background: #ff6d47; }

.bg-red-light {
  background: #ff957a; }

.color-red {
  color: #ff4514; }

.color-red-med {
  color: #ff6d47; }

.color-red-light {
  color: #ff957a; }

/**
 * Oranges
 */
.bg-orange {
  background: #ffa814; }

.bg-orange-med {
  background: #ffbb47; }

.bg-orange-light {
  background: #ffce7a; }

.color-orange {
  color: #ffa814; }

.color-orange-med {
  color: #ffbb47; }

.color-orange-light {
  color: #ffce7a; }

/**
 * Purples
 */
.bg-purple {
  background: #8a65e8; }

.bg-purple-med {
  background: #ab90ee; }

.bg-purple-light {
  background: #ccbbf5; }

.color-purple {
  color: #8a65e8; }

.color-purple-med {
  color: #ab90ee; }

.color-purple-light {
  color: #ccbbf5; }

/**
 * Backgrounds
 */
.bg-darkest {
  background: #13141b; }

.bg-darker {
  background: #1b1e27; }

.bg-dark {
  background: #232837; }

.bg-med {
  background: #2f3646; }

.bg-light {
  background: #455066; }

.bg-lighter {
  background: #5b6882; }

/**
 * Gradient Backgrounds
 */
.bg-linear-1 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #2a2f40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #2a2f40 100%); }

.bg-linear-2 {
  background-image: -webkit-linear-gradient(bottom left, #1b1e27 0%, #1f2a40 100%);
  background-image: linear-gradient(to top right, #1b1e27 0%, #1f2a40 100%); }

.bg-radial-1 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #1e283e 0%, #1b1e27 100%); }

.bg-radial-2 {
  background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%);
  background-image: radial-gradient(ellipse farthest-corner at center top, #2A3041 0%, #1b1e27 100%); }

/**
 * Text
 */
.bg-text-dark {
  background: #72809b; }

.bg-text-med-dark {
  background: #919db5; }

.bg-text-med {
  background: #a8b2c7; }

.bg-text-light {
  background: #f0f1f6; }

.bg-text-lighter {
  background: #fff; }

.color-text-dark {
  color: #72809b; }

.color-text-med-dark {
  color: #919db5; }

.color-text-med {
  color: #a8b2c7; }

.color-text-light {
  color: #f0f1f6; }

.color-text-lighter {
  color: #fff; }

/**
 * Header
 */
/**
 * Gradients
 */
.gradient-blue {
  background-image: -webkit-linear-gradient(bottom left, #6bd1f9 0%, #54a4fb 100%);
  background-image: linear-gradient(to top right, #6bd1f9 0%, #54a4fb 100%); }

.gradient-blue-green {
  background-image: -webkit-linear-gradient(bottom left, #69d1f8 0%, #59e6c8 100%);
  background-image: linear-gradient(to top right, #69d1f8 0%, #59e6c8 100%); }

.gradient-blue-red {
  background-image: -webkit-linear-gradient(bottom left, #50a1f9 0%, #f96f50 100%);
  background-image: linear-gradient(to top right, #50a1f9 0%, #f96f50 100%); }

.gradient-blue-purple {
  background-image: -webkit-linear-gradient(bottom left, #73bef4 0%, #aa90ed 100%);
  background-image: linear-gradient(to top right, #73bef4 0%, #aa90ed 100%); }

.gradient-red-orange {
  background-image: -webkit-linear-gradient(bottom left, #fc7c5f 0%, #fcbc5a 100%);
  background-image: linear-gradient(to top right, #fc7c5f 0%, #fcbc5a 100%); }

.gradient-orange-purple {
  background-image: -webkit-linear-gradient(bottom left, #f5cc98 0%, #ae94ec 100%);
  background-image: linear-gradient(to top right, #f5cc98 0%, #ae94ec 100%); }

/**
 * Branding
 */
.bg-logo {
  background: #1f89ff; }

.bg-text-logo {
  background: #c0ddff; }

.color-logo {
  color: #c0ddff; }

/**
 * Shadow Presets
 * Concept from: https://github.com/angular/material/blob/master/src/core/style/variables.scss
 */
.shadow-1 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.shadow-2 {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); }

.shadow-3 {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); }

.shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }

.shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); }

.shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); }

.shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); }

.shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }

.shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); }

.shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); }

.shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); }

.shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); }

.shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); }

.shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); }

.shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); }

.shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); }

.shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); }

.shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); }

.shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); }

.shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

.shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); }

.shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); }

.shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); }

.shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }

.shadow-fx {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .shadow-fx:hover {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); }

/**
 * Checkbox Styles
 *
 * Inspirations:
 * - http://codepen.io/Sambego/pen/zDLxe
 * - http://codepen.io/pamdayne/pen/vGRqLM
 * - http://codepen.io/Sambego/pen/yiruz
 *
 */
.swui-checkbox .checkbox-label {
  position: relative;
  margin: .5rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.swui-checkbox .checkbox-input {
  position: relative;
  margin: 0 .8rem 0 0; }
  .swui-checkbox .checkbox-input:focus {
    outline: none; }
  .swui-checkbox .checkbox-input:before {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
            transform: rotate(-45deg) scale(0, 0);
    content: "";
    position: absolute;
    left: 0.1875rem;
    top: .2rem;
    z-index: 1;
    width: .75rem;
    height: 0.375rem;
    border: 2px solid #1b1e27;
    border-top-style: none;
    border-right-style: none;
    cursor: pointer; }
  .swui-checkbox .checkbox-input:after {
    top: -1px;
    -webkit-transition: background .2s;
    transition: background .2s;
    content: "";
    position: absolute;
    left: 0;
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    border: 2px solid #fff;
    background: #1b1e27;
    border-radius: 3px; }
  .swui-checkbox .checkbox-input:checked:before {
    -webkit-transform: rotate(-45deg) scale(1, 1);
            transform: rotate(-45deg) scale(1, 1); }
  .swui-checkbox .checkbox-input:checked:after {
    background: #1ddeb6;
    border: 2px solid #1ddeb6; }

.swui-checkbox.disabled .checkbox-label,
.swui-checkbox.disabled .checkbox-input:before,
.swui-checkbox.disabled .checkbox-input:after {
  cursor: not-allowed; }

/*# sourceMappingURL=app.map*/